@nowramp/form 0.1.71 → 0.1.73

package/dist/index.js

@@ -9,57 +9,57 @@
   document.head.appendChild(s);
 })();
 import { jsx as e, jsxs as o, Fragment as J } from "react/jsx-runtime";
-import ve, { useState as v, useRef as _, useCallback as I, useEffect as G, useMemo as Y, useReducer as ua, useContext as ma, createContext as fa } from "react";
+import ve, { useState as v, useRef as I, useCallback as B, useEffect as W, useMemo as Y, useReducer as ua, useContext as ma, createContext as fa } from "react";
 import { RampApi as Qe } from "@nowramp/sdk";
 import { createPortal as Ut } from "react-dom";
 function ha(t, a, n) {
-  const [r, i] = v(null), [c, m] = v(!0), [s, d] = v(null), f = _(null);
+  const [r, i] = v(null), [c, m] = v(!0), [s, u] = v(null), f = I(null);
   (!f.current || f.current !== t) && (f.current = new Qe({ apiKey: "", ...t }));
-  const h = I(async () => {
+  const h = B(async () => {
     if (!t.projectId) {
-      d(new Error("projectId is required")), m(!1);
+      u(new Error("projectId is required")), m(!1);
       return;
     }
-    m(!0), d(null);
+    m(!0), u(null);
     try {
-      const u = {};
-      a && (u.orderType = a), n && (u.country = n);
-      const p = await f.current.getSupported(u);
+      const d = {};
+      a && (d.orderType = a), n && (d.country = n);
+      const p = await f.current.getSupported(d);
       i(p);
-    } catch (u) {
-      d(u instanceof Error ? u : new Error("Failed to fetch config"));
+    } catch (d) {
+      u(d instanceof Error ? d : new Error("Failed to fetch config"));
     } finally {
       m(!1);
     }
   }, [t.projectId, a, n]);
-  return G(() => {
+  return W(() => {
     h();
   }, [h]), { config: r, loading: c, error: s, refetch: h };
 }
 function pa(t, a) {
-  const [n, r] = v(null), [i, c] = v(!1), [m, s] = v(null), d = _(null), f = _(""), h = `${t.apiUrl}|${t.projectId}`;
-  (!d.current || f.current !== h) && (d.current = new Qe({ apiKey: "", ...t }), f.current = h);
-  const u = _(0);
-  G(() => {
-    const g = ++u.current;
+  const [n, r] = v(null), [i, c] = v(!1), [m, s] = v(null), u = I(null), f = I(""), h = `${t.apiUrl}|${t.projectId}`;
+  (!u.current || f.current !== h) && (u.current = new Qe({ apiKey: "", ...t }), f.current = h);
+  const d = I(0);
+  W(() => {
+    const g = ++d.current;
     if (!a || !t.projectId) {
       r(null), c(!1);
       return;
     }
-    c(!0), s(null), d.current.getQuotes(a).then(
+    c(!0), s(null), u.current.getQuotes(a).then(
       (A) => {
-        u.current === g && (r(A), c(!1));
+        d.current === g && (r(A), c(!1));
       },
       (A) => {
-        u.current === g && (s(A instanceof Error ? A : new Error("Failed to fetch quotes")), r(null), c(!1));
+        d.current === g && (s(A instanceof Error ? A : new Error("Failed to fetch quotes")), r(null), c(!1));
       }
     );
   }, [t.projectId, a == null ? void 0 : a.fiatCurrency, a == null ? void 0 : a.fiatAmount, a == null ? void 0 : a.cryptoAmount, a == null ? void 0 : a.cryptoCurrency, a == null ? void 0 : a.network, a == null ? void 0 : a.paymentMethodId, a == null ? void 0 : a.country, a == null ? void 0 : a.orderType]);
-  const p = I(async () => {
+  const p = B(async () => {
     if (!(!a || !t.projectId)) {
       c(!0), s(null);
       try {
-        const g = await d.current.getQuotes(a);
+        const g = await u.current.getQuotes(a);
         r(g);
       } catch (g) {
         s(g instanceof Error ? g : new Error("Failed to fetch quotes"));
@@ -71,9 +71,9 @@ function pa(t, a) {
   return { quotes: n, loading: i, error: m, refetch: p };
 }
 function ya(t) {
-  const [a, n] = v(null), [r, i] = v(!1), [c, m] = v(null), s = _(null), d = _(""), f = `${t.apiUrl}|${t.projectId}`;
-  (!s.current || d.current !== f) && (s.current = new Qe({ apiKey: "", ...t }), d.current = f);
-  const h = I(async (p) => {
+  const [a, n] = v(null), [r, i] = v(!1), [c, m] = v(null), s = I(null), u = I(""), f = `${t.apiUrl}|${t.projectId}`;
+  (!s.current || u.current !== f) && (s.current = new Qe({ apiKey: "", ...t }), u.current = f);
+  const h = B(async (p) => {
     i(!0), m(null);
     try {
       const g = await s.current.createCheckoutIntent(p);
@@ -84,36 +84,36 @@ function ya(t) {
     } finally {
       i(!1);
     }
-  }, []), u = I(() => {
+  }, []), d = B(() => {
     n(null), m(null);
   }, []);
-  return { order: a, loading: r, error: c, createOrder: h, reset: u };
+  return { order: a, loading: r, error: c, createOrder: h, reset: d };
 }
 function xa(t, a, n) {
-  const [r, i] = v(null), [c, m] = v(!1), [s, d] = v(null), f = _(null);
+  const [r, i] = v(null), [c, m] = v(!1), [s, u] = v(null), f = I(null);
   f.current || (f.current = new Qe({ apiKey: "", projectId: "", ...t }));
-  const h = I(async () => {
+  const h = B(async () => {
     if (a) {
-      m(!0), d(null);
+      m(!0), u(null);
       try {
-        const u = await f.current.getTransaction(a);
-        i(u);
-      } catch (u) {
-        d(u instanceof Error ? u : new Error("Failed to fetch status"));
+        const d = await f.current.getTransaction(a);
+        i(d);
+      } catch (d) {
+        u(d instanceof Error ? d : new Error("Failed to fetch status"));
       } finally {
         m(!1);
       }
     }
   }, [a]);
-  return G(() => {
+  return W(() => {
     if (!a) return;
-    const u = (n == null ? void 0 : n.initialDelay) ?? 0;
-    if (u > 0) {
-      const p = setTimeout(h, u);
+    const d = (n == null ? void 0 : n.initialDelay) ?? 0;
+    if (d > 0) {
+      const p = setTimeout(h, d);
       return () => clearTimeout(p);
     }
     h();
-  }, [h, a, n == null ? void 0 : n.initialDelay]), G(() => {
+  }, [h, a, n == null ? void 0 : n.initialDelay]), W(() => {
     if (!a || !(n != null && n.pollInterval) || !r || ["completed", "failed", "cancelled", "expired", "refunded"].includes(r.status))
       return;
     const p = setInterval(h, n.pollInterval);
@@ -413,19 +413,19 @@ function Ca({
   brandId: c,
   defaultFiatCurrency: m = "USD",
   defaultCryptoCurrency: s = "BTC",
-  defaultNetwork: d = "",
+  defaultNetwork: u = "",
   defaultFiatAmount: f = "",
   defaultCryptoAmount: h = "",
-  defaultWalletAddress: u = "",
+  defaultWalletAddress: d = "",
   defaultGateway: p,
   defaultCountry: g,
   fieldLocks: A,
   statusPollInterval: E = 5e3,
   onComplete: R,
-  onError: H,
+  onError: P,
   children: ne
 }) {
-  const V = Y(() => ({ apiUrl: a, projectId: t }), [a, t]), Z = d || (s ? s.toLowerCase() : ""), q = r === "sell", $ = q ? !!h : !!f, y = (q ? !!($ && s && Z) : !!($ && s && Z && u)) && p ? "confirm" : "amount", L = f || (r === "buy" ? "250" : ""), [l, M] = ua(ga, {
+  const V = Y(() => ({ apiUrl: a, projectId: t }), [a, t]), Z = u || (s ? s.toLowerCase() : ""), q = r === "sell", G = q ? !!h : !!f, y = (q ? !!(G && s && Z) : !!(G && s && Z && d)) && p ? "confirm" : "amount", L = f || (r === "buy" ? "250" : ""), [l, M] = ua(ga, {
     ...Vt,
     step: y,
     flowType: r,
@@ -434,7 +434,7 @@ function Ca({
     network: Z,
     fiatAmount: Dt(L, 2),
     cryptoAmount: Dt(h, 6),
-    walletAddress: u,
+    walletAddress: d,
     customerId: i,
     // If defaultCountry is provided, set it immediately with 'manual' source to skip auto-detection
     ...g ? { country: g.toLowerCase(), countrySource: "manual" } : {}
@@ -442,7 +442,7 @@ function Ca({
     config: S,
     loading: he,
     error: pe
-  } = ha(V, l.flowType, l.country || void 0), ye = _(!1);
+  } = ha(V, l.flowType, l.country || void 0), ye = I(!1);
   ve.useEffect(() => {
     var D;
     if (ye.current || !(S != null && S.detectedCountry) || l.country) return;
@@ -452,7 +452,7 @@ function Ca({
     const b = (D = S.fiats) == null ? void 0 : D.map((F) => F.code), U = ot(C, b);
     U !== l.fiatCurrency && M({ type: "SET_FIAT_CURRENCY", currency: U });
   }, [S, l.country, l.fiatCurrency]);
-  const ie = _(!1);
+  const ie = I(!1);
   ve.useEffect(() => {
     var U;
     if (ie.current || !g || !((U = S == null ? void 0 : S.fiats) != null && U.length)) return;
@@ -460,7 +460,7 @@ function Ca({
     const C = S.fiats.map((D) => D.code), b = ot(g, C);
     b !== l.fiatCurrency && M({ type: "SET_FIAT_CURRENCY", currency: b });
   }, [g, S, l.fiatCurrency]);
-  const se = _(l.country);
+  const se = I(l.country);
   ve.useEffect(() => {
     var U;
     if (l.country === se.current || (se.current = l.country, l.countrySource !== "manual") || !((U = S == null ? void 0 : S.fiats) != null && U.length)) return;
@@ -469,20 +469,20 @@ function Ca({
   }, [l.country, l.countrySource, S, l.fiatCurrency]), ve.useEffect(() => {
     var U, D, F;
     if (!S || !l.cryptoCurrency || l.network) return;
-    const C = (U = S.cryptos) == null ? void 0 : U.find((X) => X.code === l.cryptoCurrency), b = ((D = C == null ? void 0 : C.networks) == null ? void 0 : D.find((X) => X.isDefault)) || ((F = C == null ? void 0 : C.networks) == null ? void 0 : F[0]);
+    const C = (U = S.cryptos) == null ? void 0 : U.find(($) => $.code === l.cryptoCurrency), b = ((D = C == null ? void 0 : C.networks) == null ? void 0 : D.find(($) => $.isDefault)) || ((F = C == null ? void 0 : C.networks) == null ? void 0 : F[0]);
     b != null && b.id && M({ type: "SET_NETWORK", network: b.id });
   }, [S, l.cryptoCurrency, l.network]), ve.useEffect(() => {
-    var F, X;
+    var F, $;
     if (!((F = S == null ? void 0 : S.paymentMethods) != null && F.length)) return;
     const C = l.fiatCurrency, b = S.paymentMethods;
     if (l.paymentMethodId && b.some(
-      (P) => P.id === l.paymentMethodId && P.supportedFiats.includes(C)
+      (K) => K.id === l.paymentMethodId && K.supportedFiats.includes(C)
     ))
       return;
     const D = b.find(
       (Q) => Q.supportedFiats.includes(C) && (Q.id.includes("card") || Q.id.includes("debit"))
     ) || b.find((Q) => Q.supportedFiats.includes(C));
-    M({ type: "SET_PAYMENT_METHOD", methodId: (D == null ? void 0 : D.id) || ((X = b[0]) == null ? void 0 : X.id) || "" });
+    M({ type: "SET_PAYMENT_METHOD", methodId: (D == null ? void 0 : D.id) || (($ = b[0]) == null ? void 0 : $.id) || "" });
   }, [S, l.fiatCurrency, l.paymentMethodId]);
   const k = Y(() => {
     if (w) {
@@ -516,7 +516,7 @@ function Ca({
   } = pa(V, be), {
     order: de,
     loading: xe,
-    error: B,
+    error: O,
     createOrder: we
   } = ya(V), _e = 15e3, {
     status: ee,
@@ -529,16 +529,16 @@ function Ca({
   ve.useEffect(() => {
     (ee == null ? void 0 : ee.status) === "completed" && R && R(ee);
   }, [ee == null ? void 0 : ee.status, R]), ve.useEffect(() => {
-    const C = pe || B;
-    C && H && H(C);
-  }, [pe, B, H]);
-  const Fe = p || (S == null ? void 0 : S.defaultGateway) || null, Me = _(Fe);
+    const C = pe || O;
+    C && P && P(C);
+  }, [pe, O, P]);
+  const Fe = p || (S == null ? void 0 : S.defaultGateway) || null, Me = I(Fe);
   Me.current = Fe;
-  const Ae = _(j);
+  const Ae = I(j);
   Ae.current = j;
-  const Re = _(c);
+  const Re = I(c);
   Re.current = c;
-  const ze = I(async () => {
+  const ze = B(async () => {
     var b, U, D;
     const C = ((b = l.selectedQuote) == null ? void 0 : b.gatewayId) || ((D = (U = Ae.current) == null ? void 0 : U.bestQuote) == null ? void 0 : D.gatewayId) || Me.current;
     if (!C || !l.walletAddress) {
@@ -561,12 +561,12 @@ function Ca({
         ...Re.current ? { metadata: { brand: Re.current } } : {}
       }), M({ type: "SET_STEP", step: "checkout" });
     } catch (F) {
-      const X = F instanceof Error ? F.message : "Failed to create order";
-      /wallet|address/i.test(X) ? M({ type: "SET_WALLET_ERROR", message: X.replace(/^Failed to create checkout intent:\s*/i, "") }) : M({ type: "SET_ERROR", message: X });
+      const $ = F instanceof Error ? F.message : "Failed to create order";
+      /wallet|address/i.test($) ? M({ type: "SET_WALLET_ERROR", message: $.replace(/^Failed to create checkout intent:\s*/i, "") }) : M({ type: "SET_ERROR", message: $ });
     }
-  }, [l, we, w]), ge = I((C) => {
+  }, [l, we, w]), ge = B((C) => {
     M({ type: "SET_STEP", step: C });
-  }, []), Ie = I(() => {
+  }, []), Ie = B(() => {
     const C = ["confirm", "amount", "quotes", "wallet", "checkout", "processing", "complete"], b = C.indexOf(l.step);
     b > 0 && M({ type: "SET_STEP", step: C[b - 1] });
   }, [l.step, w]), Je = Y(() => {
@@ -597,7 +597,7 @@ function Ca({
     fetchQuotes: Ee,
     order: de,
     orderLoading: xe,
-    orderError: B,
+    orderError: O,
     createOrder: ze,
     orderStatus: ee,
     orderStatusLoading: Ve,
@@ -1110,11 +1110,9 @@ function Wt({
   className: r = "",
   background: i
 }) {
-  const [c, m] = v(!1), [s, d] = v(!1);
-  G(() => {
-    m(!1), d(!1);
-  }, [t]);
-  const f = I(() => m(!0), []), h = I(() => d(!0), []);
+  const [c, m] = v(!1), [s, u] = v(!1), f = I(t);
+  f.current !== t && (f.current = t, m(!1), u(!1));
+  const h = B(() => m(!0), []), d = B(() => u(!0), []);
   return /* @__PURE__ */ o(
     "div",
     {
@@ -1146,9 +1144,8 @@ function Wt({
             alt: a,
             width: n,
             height: n,
-            loading: "lazy",
-            onLoad: f,
-            onError: h,
+            onLoad: h,
+            onError: d,
             className: `rounded-full ${c ? "opacity-100" : "opacity-0"}`,
             style: { width: n, height: n, transition: "opacity 0.15s ease-in" }
           }
@@ -1480,9 +1477,9 @@ function Ka({
   redirectDelay: n = 3e3
 }) {
   var p;
-  const { order: r, orderStatus: i, goToStep: c, goBack: m } = Ue(), [s, d] = v(!1), [f, h] = v(null), u = r != null && r.checkout.expiresAt ? Date.now() > r.checkout.expiresAt : !1;
-  if (G(() => {
-    if ((r == null ? void 0 : r.checkout.method) === "redirect" && a && !u) {
+  const { order: r, orderStatus: i, goToStep: c, goBack: m } = Ue(), [s, u] = v(!1), [f, h] = v(null), d = r != null && r.checkout.expiresAt ? Date.now() > r.checkout.expiresAt : !1;
+  if (W(() => {
+    if ((r == null ? void 0 : r.checkout.method) === "redirect" && a && !d) {
       h(Math.ceil(n / 1e3));
       const g = setTimeout(() => {
         window.location.href = r.checkout.url;
@@ -1493,7 +1490,7 @@ function Ka({
         clearTimeout(g), clearInterval(A);
       };
     }
-  }, [r, a, n, u]), G(() => {
+  }, [r, a, n, d]), W(() => {
     i && (i.status === "completed" ? c("complete") : ["failed", "cancelled", "expired"].includes(i.status) && c("error"));
   }, [i == null ? void 0 : i.status, c]), !r)
     return /* @__PURE__ */ o(
@@ -1522,7 +1519,7 @@ function Ka({
         ]
       }
     );
-  if (u)
+  if (d)
     return /* @__PURE__ */ o(
       "div",
       {
@@ -1629,7 +1626,7 @@ function Ka({
                     border: "none"
                   },
                   allow: A,
-                  onLoad: () => d(!0),
+                  onLoad: () => u(!0),
                   title: "Provider Checkout"
                 }
               )
@@ -1777,7 +1774,7 @@ function Ka({
                     border: "none"
                   },
                   allow: "payment; camera; microphone; geolocation; clipboard-read; clipboard-write; accelerometer; gyroscope; magnetometer; fullscreen; autoplay; encrypted-media; web-share",
-                  onLoad: () => d(!0),
+                  onLoad: () => u(!0),
                   title: "Payment Checkout"
                 }
               )
@@ -1823,7 +1820,7 @@ function _a(t, a) {
 }
 function Va({ className: t = "" }) {
   const { orderStatus: a, orderStatusLoading: n, goToStep: r } = Ue();
-  G(() => {
+  W(() => {
     a && (a.status === "completed" ? r("complete") : ["failed", "cancelled", "expired", "refunded"].includes(a.status) && r("error"));
   }, [a == null ? void 0 : a.status, r]);
   const i = () => {
@@ -1900,10 +1897,10 @@ function ja({
   onDone: n,
   doneButtonText: r = "Done"
 }) {
-  const { orderStatus: i, state: c, dispatch: m } = Ue(), s = c.flowType === "sell", d = () => {
+  const { orderStatus: i, state: c, dispatch: m } = Ue(), s = c.flowType === "sell", u = () => {
     if (!(i != null && i.transactionHash)) return null;
     if (!a) {
-      const u = {
+      const d = {
         ethereum: "https://etherscan.io/tx/{txHash}",
         polygon: "https://polygonscan.com/tx/{txHash}",
         arbitrum: "https://arbiscan.io/tx/{txHash}",
@@ -1914,12 +1911,12 @@ function ja({
         avalanche: "https://snowtrace.io/tx/{txHash}",
         fantom: "https://ftmscan.com/tx/{txHash}"
       };
-      return (u[c.network] || u.ethereum).replace("{txHash}", i.transactionHash);
+      return (d[c.network] || d.ethereum).replace("{txHash}", i.transactionHash);
     }
     return a.replace("{txHash}", i.transactionHash);
   }, f = () => {
     n ? n() : m({ type: "RESET" });
-  }, h = d();
+  }, h = u();
   return /* @__PURE__ */ o("div", { className: `flex flex-col items-center px-8 py-12 text-center ${t}`, children: [
     /* @__PURE__ */ e(
       "div",
@@ -2023,7 +2020,7 @@ function Ga({
   onRetry: a,
   supportEmail: n = "support@nowramp.com"
 }) {
-  const { state: r, orderStatus: i, dispatch: c, goToStep: m } = Ue(), s = r.flowType === "sell", d = () => {
+  const { state: r, orderStatus: i, dispatch: c, goToStep: m } = Ue(), s = r.flowType === "sell", u = () => {
     if (i)
       switch (i.status) {
         case "failed":
@@ -2056,7 +2053,7 @@ function Ga({
     return "An unexpected error occurred. Please try again.";
   }, h = () => {
     c({ type: "CLEAR_ERROR" }), a ? a() : (c({ type: "RESET" }), m("amount"));
-  }, u = () => {
+  }, d = () => {
     c({ type: "RESET" }), m("amount");
   };
   return /* @__PURE__ */ o("div", { className: `flex flex-col items-center px-8 py-12 text-center ${t}`, children: [
@@ -2068,7 +2065,7 @@ function Ga({
         children: /* @__PURE__ */ e("svg", { viewBox: "0 0 24 24", width: "32", height: "32", fill: "white", children: /* @__PURE__ */ e("path", { d: "M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z" }) })
       }
     ),
-    /* @__PURE__ */ e("h2", { className: "text-[20px] font-semibold mb-2", style: { color: "var(--t-text)" }, children: d() }),
+    /* @__PURE__ */ e("h2", { className: "text-[20px] font-semibold mb-2", style: { color: "var(--t-text)" }, children: u() }),
     /* @__PURE__ */ e("p", { className: "text-[14px] mb-6", style: { color: "var(--t-text-secondary)" }, children: f() }),
     i && /* @__PURE__ */ e("div", { className: "w-full text-left mb-6", style: { background: "var(--t-surface)", borderRadius: 5, padding: 16 }, children: /* @__PURE__ */ o("div", { className: "flex justify-between items-center py-2", children: [
       /* @__PURE__ */ e("span", { className: "text-[13px]", style: { color: "var(--t-text-secondary)" }, children: "Order ID" }),
@@ -2089,7 +2086,7 @@ function Ga({
         {
           className: "w-full font-semibold text-[14px] transition-all",
           style: { height: 48, borderRadius: 5, background: "var(--t-surface)", color: "var(--t-text)" },
-          onClick: u,
+          onClick: d,
           children: "Start Over"
         }
       )
@@ -2126,15 +2123,15 @@ function $a({ className: t = "", stablecoinParity: a, partnerName: n }) {
     state: c,
     defaultGateway: m,
     quotes: s,
-    fetchQuotes: d,
+    fetchQuotes: u,
     createOrder: f,
     orderLoading: h
-  } = Ue(), u = c.flowType === "sell", [p, g] = v(null), A = r == null ? void 0 : r.gateways.find(($) => $.id === m), E = (q = s == null ? void 0 : s.bestQuote) != null && q.exchangeRate ? parseFloat(s.bestQuote.exchangeRate) : null, R = parseFloat(c.fiatAmount) || 0, H = !!(a && n && !u && Xt(c.cryptoCurrency) && E), ne = H && c.cryptoCurrency.toUpperCase().includes(c.fiatCurrency.toUpperCase()), V = H && R > 0 ? lt(ne ? R : R / E) : null, Z = async () => {
+  } = Ue(), d = c.flowType === "sell", [p, g] = v(null), A = r == null ? void 0 : r.gateways.find((G) => G.id === m), E = (q = s == null ? void 0 : s.bestQuote) != null && q.exchangeRate ? parseFloat(s.bestQuote.exchangeRate) : null, R = parseFloat(c.fiatAmount) || 0, P = !!(a && n && !d && Xt(c.cryptoCurrency) && E), ne = P && c.cryptoCurrency.toUpperCase().includes(c.fiatCurrency.toUpperCase()), V = P && R > 0 ? lt(ne ? R : R / E) : null, Z = async () => {
     g(null);
     try {
-      d(), await f();
-    } catch ($) {
-      const fe = $ instanceof Error ? $.message : "Failed to create order";
+      u(), await f();
+    } catch (G) {
+      const fe = G instanceof Error ? G.message : "Failed to create order";
       g(fe);
     }
   };
@@ -2142,7 +2139,7 @@ function $a({ className: t = "", stablecoinParity: a, partnerName: n }) {
     /* @__PURE__ */ e("div", { className: "nramp-spinner" }),
     /* @__PURE__ */ e("p", { className: "text-[14px] mt-4", style: { color: "var(--t-text-secondary)" }, children: "Loading..." })
   ] }) : /* @__PURE__ */ o("div", { className: `flex flex-col items-center px-8 py-12 ${t}`, children: [
-    /* @__PURE__ */ e("h2", { className: "text-[20px] font-semibold mb-6", style: { color: "var(--t-text)" }, children: u ? "Confirm Sale" : "Confirm Purchase" }),
+    /* @__PURE__ */ e("h2", { className: "text-[20px] font-semibold mb-6", style: { color: "var(--t-text)" }, children: d ? "Confirm Sale" : "Confirm Purchase" }),
     /* @__PURE__ */ o("div", { className: "w-full text-left mb-6", style: { background: "var(--t-surface)", borderRadius: 5, padding: 16 }, children: [
       A && /* @__PURE__ */ o("div", { className: "flex justify-between items-center py-2", style: { borderBottom: "1px solid var(--t-divider)" }, children: [
         /* @__PURE__ */ e("span", { className: "text-[13px]", style: { color: "var(--t-text-secondary)" }, children: "Provider" }),
@@ -2151,7 +2148,7 @@ function $a({ className: t = "", stablecoinParity: a, partnerName: n }) {
           /* @__PURE__ */ e("span", { className: "text-[13px] font-medium", style: { color: "var(--t-text)" }, children: A.name })
         ] })
       ] }),
-      u ? /* @__PURE__ */ o(J, { children: [
+      d ? /* @__PURE__ */ o(J, { children: [
         /* @__PURE__ */ e(Se, { label: "You sell", value: `${c.cryptoAmount} ${c.cryptoCurrency}`, highlight: !0 }),
         /* @__PURE__ */ e(Se, { label: "You receive", value: `${c.fiatCurrency} payout` })
       ] }) : /* @__PURE__ */ o(J, { children: [
@@ -2164,7 +2161,7 @@ function $a({ className: t = "", stablecoinParity: a, partnerName: n }) {
           }
         ),
         /* @__PURE__ */ e(Se, { label: "Wallet", value: Kt(c.walletAddress), mono: !0 }),
-        H && V && /* @__PURE__ */ o("div", { className: "py-2 text-[11px]", style: { color: "var(--t-text-muted)", lineHeight: "15px" }, children: [
+        P && V && /* @__PURE__ */ o("div", { className: "py-2 text-[11px]", style: { color: "var(--t-text-muted)", lineHeight: "15px" }, children: [
           "Charged amount from provider may differ. The rest up to ",
           V,
           " ",
@@ -2175,7 +2172,7 @@ function $a({ className: t = "", stablecoinParity: a, partnerName: n }) {
         ] })
       ] }),
       /* @__PURE__ */ e(Se, { label: "Network", value: c.network }),
-      u && c.walletAddress && /* @__PURE__ */ e(Se, { label: "Refund address", value: Kt(c.walletAddress), mono: !0 })
+      d && c.walletAddress && /* @__PURE__ */ e(Se, { label: "Refund address", value: Kt(c.walletAddress), mono: !0 })
     ] }),
     p && /* @__PURE__ */ e("p", { className: "text-[12px] mb-4", style: { color: "#EF4444" }, children: p }),
     /* @__PURE__ */ e(
@@ -2188,7 +2185,7 @@ function $a({ className: t = "", stablecoinParity: a, partnerName: n }) {
         children: h ? /* @__PURE__ */ o(J, { children: [
           /* @__PURE__ */ e("span", { className: "nramp-spinner-inline" }),
           "Processing..."
-        ] }) : u ? "Confirm & Sell" : "Confirm & Pay"
+        ] }) : d ? "Confirm & Sell" : "Confirm & Pay"
       }
     )
   ] });
@@ -2212,24 +2209,24 @@ function He({
   children: n
 }) {
   const [r, i] = v(!1), [c, m] = v(!1);
-  G(() => {
+  W(() => {
     if (t)
       i(!0), requestAnimationFrame(() => requestAnimationFrame(() => m(!0)));
     else if (r) {
       m(!1);
-      const d = setTimeout(() => i(!1), 250);
-      return () => clearTimeout(d);
+      const u = setTimeout(() => i(!1), 250);
+      return () => clearTimeout(u);
     }
   }, [t]);
-  const s = I(() => {
+  const s = B(() => {
     m(!1), setTimeout(() => a(), 250);
   }, [a]);
-  return G(() => {
+  return W(() => {
     if (!t) return;
-    const d = (f) => {
+    const u = (f) => {
       f.key === "Escape" && s();
     };
-    return window.addEventListener("keydown", d), () => window.removeEventListener("keydown", d);
+    return window.addEventListener("keydown", u), () => window.removeEventListener("keydown", u);
   }, [t, s]), r ? /* @__PURE__ */ e(
     "div",
     {
@@ -2258,7 +2255,7 @@ function Wa({
 }) {
   return /* @__PURE__ */ e("span", { className: n, style: { display: "inline-flex", ...r }, children: t.split("").map((i, c) => /* @__PURE__ */ e(Xa, { char: i, height: a }, c)) });
 }
-function K({
+function _({
   w: t,
   h: a,
   className: n = ""
@@ -2268,29 +2265,29 @@ function K({
 function Ya() {
   return /* @__PURE__ */ o("div", { className: "flex-1 px-5 flex flex-col", children: [
     /* @__PURE__ */ o("div", { className: "px-[18px] pt-[14px] pb-[18px]", style: { background: "var(--t-surface)", borderRadius: 5 }, children: [
-      /* @__PURE__ */ e(K, { w: 70, h: 14, className: "mb-3" }),
+      /* @__PURE__ */ e(_, { w: 70, h: 14, className: "mb-3" }),
       /* @__PURE__ */ o("div", { className: "flex justify-between items-center", children: [
-        /* @__PURE__ */ e(K, { w: 120, h: 32 }),
-        /* @__PURE__ */ e(K, { w: 75, h: 32 })
+        /* @__PURE__ */ e(_, { w: 120, h: 32 }),
+        /* @__PURE__ */ e(_, { w: 75, h: 32 })
       ] })
     ] }),
     /* @__PURE__ */ o("div", { className: "px-[18px] pt-[12px] pb-[18px]", style: { background: "var(--t-surface)", borderRadius: 5, marginTop: 4 }, children: [
-      /* @__PURE__ */ e(K, { w: 50, h: 14, className: "mb-3" }),
+      /* @__PURE__ */ e(_, { w: 50, h: 14, className: "mb-3" }),
       /* @__PURE__ */ o("div", { className: "flex justify-between items-center", children: [
-        /* @__PURE__ */ e(K, { w: 180, h: 32 }),
-        /* @__PURE__ */ e(K, { w: 85, h: 32 })
+        /* @__PURE__ */ e(_, { w: 180, h: 32 }),
+        /* @__PURE__ */ e(_, { w: 85, h: 32 })
       ] })
     ] }),
     /* @__PURE__ */ o("div", { className: "flex justify-between mt-3 px-[2px]", children: [
-      /* @__PURE__ */ e(K, { w: 140, h: 12 }),
-      /* @__PURE__ */ e(K, { w: 90, h: 12 })
+      /* @__PURE__ */ e(_, { w: 140, h: 12 }),
+      /* @__PURE__ */ e(_, { w: 90, h: 12 })
     ] }),
     /* @__PURE__ */ o("div", { className: "mt-8", children: [
-      /* @__PURE__ */ e(K, { w: 65, h: 14, className: "mb-2.5" }),
-      /* @__PURE__ */ e(K, { w: "100%", h: 47 })
+      /* @__PURE__ */ e(_, { w: 65, h: 14, className: "mb-2.5" }),
+      /* @__PURE__ */ e(_, { w: "100%", h: 47 })
     ] }),
     /* @__PURE__ */ e("div", { className: "flex-1" }),
-    /* @__PURE__ */ e(K, { w: "100%", h: 60, className: "mb-2" }),
+    /* @__PURE__ */ e(_, { w: "100%", h: 60, className: "mb-2" }),
     /* @__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" }) })
   ] });
 }
@@ -2352,14 +2349,14 @@ function Za({
       code: h.code,
       name: h.name || f.get(h.code) || h.code
     }));
-  }, [n]), d = Y(() => {
+  }, [n]), u = Y(() => {
     const f = c.trim().toLowerCase();
     if (!f) {
       if (i) {
-        const h = s.find((u) => u.code === i);
+        const h = s.find((d) => d.code === i);
         if (h) {
-          const u = s.filter((p) => p.code !== i);
-          return [h, ...u];
+          const d = s.filter((p) => p.code !== i);
+          return [h, ...d];
         }
       }
       return s;
@@ -2386,8 +2383,8 @@ function Za({
     ),
     /* @__PURE__ */ e(Ke, { value: c, onChange: m }),
     /* @__PURE__ */ o("div", { className: "flex-1 overflow-y-auto custom-scroll px-5", children: [
-      d.map((f, h) => {
-        const u = f.name !== f.code ? f.name : "", p = i === f.code;
+      u.map((f, h) => {
+        const d = f.name !== f.code ? f.name : "", p = i === f.code;
         return /* @__PURE__ */ o("div", { children: [
           /* @__PURE__ */ o(
             "button",
@@ -2399,7 +2396,7 @@ function Za({
                 /* @__PURE__ */ e(ct, { currencyCode: f.code, size: 32, baseUrl: r }),
                 /* @__PURE__ */ o("div", { className: "text-left flex-1 flex items-center gap-2", children: [
                   /* @__PURE__ */ e("span", { className: "font-semibold text-[15px]", children: f.code }),
-                  u && /* @__PURE__ */ e("span", { className: "text-[13px]", style: { color: "var(--t-text-secondary)" }, children: u })
+                  d && /* @__PURE__ */ e("span", { className: "text-[13px]", style: { color: "var(--t-text-secondary)" }, children: d })
                 ] }),
                 p && /* @__PURE__ */ e("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", className: "shrink-0", children: /* @__PURE__ */ e(
                   "path",
@@ -2414,7 +2411,7 @@ function Za({
               ]
             }
           ),
-          h < d.length - 1 && /* @__PURE__ */ e(
+          h < u.length - 1 && /* @__PURE__ */ e(
             "div",
             {
               style: { height: 1, background: "var(--t-divider, rgba(255,255,255,0.08))" }
@@ -2422,16 +2419,14 @@ function Za({
           )
         ] }, f.code);
       }),
-      d.length === 0 && /* @__PURE__ */ e("div", { className: "text-center py-10 text-[14px]", style: { color: "var(--t-text-muted)" }, children: "No currencies found" })
+      u.length === 0 && /* @__PURE__ */ e("div", { className: "text-center py-10 text-[14px]", style: { color: "var(--t-text-muted)" }, children: "No currencies found" })
     ] })
   ] });
 }
 function _t({ src: t, alt: a, size: n, className: r, style: i }) {
-  const [c, m] = v(!1), [s, d] = v(!1);
-  G(() => {
-    m(!1), d(!1);
-  }, [t]);
-  const f = I(() => m(!0), []), h = I(() => d(!0), []);
+  const [c, m] = v(!1), [s, u] = v(!1), f = I(t);
+  f.current !== t && (f.current = t, m(!1), u(!1));
+  const h = B(() => m(!0), []), d = B(() => u(!0), []);
   return /* @__PURE__ */ o("div", { className: r, style: { ...i, width: n, height: n, position: "relative" }, children: [
     !c && !s && /* @__PURE__ */ e(
       "div",
@@ -2454,9 +2449,8 @@ function _t({ src: t, alt: a, size: n, className: r, style: i }) {
         alt: a,
         width: n,
         height: n,
-        loading: "lazy",
-        onLoad: f,
-        onError: h,
+        onLoad: h,
+        onError: d,
         className: `rounded-full ${c ? "opacity-100" : "opacity-0"}`,
         style: { width: n, height: n, transition: "opacity 0.15s ease-in" }
       }
@@ -2464,17 +2458,17 @@ function _t({ src: t, alt: a, size: n, className: r, style: i }) {
   ] });
 }
 function Qa({ onClose: t, onSelect: a, cryptos: n, assetBaseUrl: r = "", selectedCode: i, selectedChain: c }) {
-  const [m, s] = v(""), d = Y(() => {
+  const [m, s] = v(""), u = Y(() => {
     if (!n || n.length === 0) return wa;
-    const u = [];
+    const d = [];
     for (const p of n) {
       const g = p.networks || [], A = p.name || va[p.code] || p.code;
       if (g.length === 0)
-        u.push({ code: p.code, name: A, chain: p.code, popular: !1 });
+        d.push({ code: p.code, name: A, chain: p.code, popular: !1 });
       else
         for (const E of g) {
           const R = E.code || E.id || E.name || p.code;
-          u.push({
+          d.push({
             code: p.code,
             name: A,
             chain: R,
@@ -2483,29 +2477,29 @@ function Qa({ onClose: t, onSelect: a, cryptos: n, assetBaseUrl: r = "", selecte
           });
         }
     }
-    return u;
-  }, [n]), f = I((u, p) => i === u && c === p, [i, c]), h = Y(() => {
+    return d;
+  }, [n]), f = B((d, p) => i === d && c === p, [i, c]), h = Y(() => {
     var A;
-    const u = m.trim().toLowerCase();
-    if (!u) {
+    const d = m.trim().toLowerCase();
+    if (!d) {
       if (i && c) {
-        const E = d.find((R) => R.code === i && R.chain === c);
+        const E = u.find((R) => R.code === i && R.chain === c);
         if (E) {
-          const R = d.filter((H) => !(H.code === i && H.chain === c));
+          const R = u.filter((P) => !(P.code === i && P.chain === c));
           return [E, ...R];
         }
       }
-      return d;
+      return u;
     }
-    const p = u.split(/\s+/), g = [];
-    for (const E of d) {
-      const R = Ze(E.chain), H = R ? R.name.toLowerCase() : "", ne = ((A = R == null ? void 0 : R.shortName) == null ? void 0 : A.toLowerCase()) || "", V = E.chain.toLowerCase(), Z = E.code.toLowerCase(), q = E.name.toLowerCase(), $ = [Z, q, H, ne, V];
-      if (!p.every((L) => $.some((l) => l.includes(L)))) continue;
+    const p = d.split(/\s+/), g = [];
+    for (const E of u) {
+      const R = Ze(E.chain), P = R ? R.name.toLowerCase() : "", ne = ((A = R == null ? void 0 : R.shortName) == null ? void 0 : A.toLowerCase()) || "", V = E.chain.toLowerCase(), Z = E.code.toLowerCase(), q = E.name.toLowerCase(), G = [Z, q, P, ne, V];
+      if (!p.every((L) => G.some((l) => l.includes(L)))) continue;
       let y = 0;
-      Z === u ? y += 100 : Z.startsWith(p[0]) && (y += 50), E.popular && (y += 10), p.length > 1 && (H.includes(p[1]) || ne.includes(p[1]) || V.includes(p[1])) && (y += 25), g.push({ item: E, score: y });
+      Z === d ? y += 100 : Z.startsWith(p[0]) && (y += 50), E.popular && (y += 10), p.length > 1 && (P.includes(p[1]) || ne.includes(p[1]) || V.includes(p[1])) && (y += 25), g.push({ item: E, score: y });
     }
     return g.sort((E, R) => R.score - E.score), g.map((E) => E.item);
-  }, [d, m, i, c]);
+  }, [u, m, i, c]);
   return /* @__PURE__ */ o(J, { children: [
     /* @__PURE__ */ e("div", { className: "flex justify-end px-5 pt-5", children: /* @__PURE__ */ e(De, { onClick: t }) }),
     /* @__PURE__ */ e(
@@ -2518,13 +2512,13 @@ function Qa({ onClose: t, onSelect: a, cryptos: n, assetBaseUrl: r = "", selecte
     ),
     /* @__PURE__ */ e(Ke, { value: m, onChange: s }),
     /* @__PURE__ */ o("div", { className: "flex-1 overflow-y-auto custom-scroll px-5", children: [
-      h.map((u, p) => {
-        const g = Ze(u.chain), A = (g == null ? void 0 : g.name) || u.chainName || u.chain, E = u.name !== u.code ? u.name : "", R = f(u.code, u.chain);
+      h.map((d, p) => {
+        const g = Ze(d.chain), A = (g == null ? void 0 : g.name) || d.chainName || d.chain, E = d.name !== d.code ? d.name : "", R = f(d.code, d.chain);
         return /* @__PURE__ */ o("div", { children: [
           /* @__PURE__ */ o(
             "button",
             {
-              onClick: () => a(u.code, u.chain),
+              onClick: () => a(d.code, d.chain),
               className: "flex items-center w-full transition-colors rounded-lg hover-item",
               style: { gap: 14, padding: "18px 8px", margin: "0 -8px" },
               children: [
@@ -2537,8 +2531,8 @@ function Qa({ onClose: t, onSelect: a, cryptos: n, assetBaseUrl: r = "", selecte
                       children: /* @__PURE__ */ e(
                         _t,
                         {
-                          src: $t(u.code, r),
-                          alt: u.code,
+                          src: $t(d.code, r),
+                          alt: d.code,
                           size: 32
                         }
                       )
@@ -2558,8 +2552,8 @@ function Qa({ onClose: t, onSelect: a, cryptos: n, assetBaseUrl: r = "", selecte
                       children: /* @__PURE__ */ e(
                         _t,
                         {
-                          src: it(u.chain, r),
-                          alt: u.chain,
+                          src: it(d.chain, r),
+                          alt: d.chain,
                           size: 16
                         }
                       )
@@ -2572,7 +2566,7 @@ function Qa({ onClose: t, onSelect: a, cryptos: n, assetBaseUrl: r = "", selecte
                     {
                       className: "font-semibold text-[15px]",
                       style: { color: "var(--t-text)" },
-                      children: u.code
+                      children: d.code
                     }
                   ),
                   E && /* @__PURE__ */ e(
@@ -2601,7 +2595,7 @@ function Qa({ onClose: t, onSelect: a, cryptos: n, assetBaseUrl: r = "", selecte
             }
           ),
           p < h.length - 1 && /* @__PURE__ */ e("div", { style: { height: 1, background: "var(--t-divider, rgba(255,255,255,0.08))" } })
-        ] }, `${u.code}-${u.chain}`);
+        ] }, `${d.code}-${d.chain}`);
       }),
       h.length === 0 && /* @__PURE__ */ e("div", { className: "text-center py-10 text-[14px]", style: { color: "var(--t-text-muted)" }, children: "No currencies found" })
     ] })
@@ -2617,16 +2611,16 @@ function za({
     const s = i.trim().toLowerCase();
     if (!s) {
       if (a) {
-        const d = t.find((f) => f.id === a);
-        if (d) {
+        const u = t.find((f) => f.id === a);
+        if (u) {
           const f = t.filter((h) => h.id !== a);
-          return [d, ...f];
+          return [u, ...f];
         }
       }
       return t;
     }
     return t.filter(
-      (d) => d.id.toLowerCase().includes(s) || d.name.toLowerCase().includes(s) || d.description && d.description.toLowerCase().includes(s)
+      (u) => u.id.toLowerCase().includes(s) || u.name.toLowerCase().includes(s) || u.description && u.description.toLowerCase().includes(s)
     );
   }, [t, i, a]);
   return /* @__PURE__ */ o(J, { children: [
@@ -2641,7 +2635,7 @@ function za({
     ),
     /* @__PURE__ */ e(Ke, { value: i, onChange: c }),
     /* @__PURE__ */ o("div", { className: "flex-1 overflow-y-auto custom-scroll px-5", children: [
-      m.map((s, d) => {
+      m.map((s, u) => {
         const f = s.id === a, h = Yt(s.id, s.name);
         return /* @__PURE__ */ o("div", { children: [
           /* @__PURE__ */ o(
@@ -2690,7 +2684,7 @@ function za({
               ]
             }
           ),
-          d < m.length - 1 && /* @__PURE__ */ e("div", { style: { height: 1, background: "var(--t-divider, rgba(255,255,255,0.08))" } })
+          u < m.length - 1 && /* @__PURE__ */ e("div", { style: { height: 1, background: "var(--t-divider, rgba(255,255,255,0.08))" } })
         ] }, s.id);
       }),
       m.length === 0 && /* @__PURE__ */ e("div", { className: "text-center py-10 text-[14px]", style: { color: "var(--t-text-muted)" }, children: "No payment methods found" })
@@ -2740,18 +2734,18 @@ function en({
   showThemeToggle: c = !0,
   country: m,
   countryName: s,
-  onLocationPress: d,
+  onLocationPress: u,
   assetBaseUrl: f = ""
 }) {
-  const [h, u] = v(!1);
+  const [h, d] = v(!1);
   return /* @__PURE__ */ o(J, { children: [
     /* @__PURE__ */ e("div", { className: "flex justify-end items-center px-5 pt-5", children: /* @__PURE__ */ e(De, { onClick: t }) }),
     /* @__PURE__ */ o("div", { className: "px-5 flex-1 pt-6 overflow-y-auto custom-scroll", children: [
-      d && /* @__PURE__ */ o(J, { children: [
+      u && /* @__PURE__ */ o(J, { children: [
         /* @__PURE__ */ e("div", { style: { borderTop: "1px solid var(--t-divider)" }, children: /* @__PURE__ */ o(
           "button",
           {
-            onClick: d,
+            onClick: u,
             className: "flex items-center justify-between w-full py-5 transition-colors",
             style: { color: "inherit", background: "none", border: "none", cursor: "pointer", padding: "20px 0" },
             children: [
@@ -2764,7 +2758,7 @@ function en({
                     width: 40,
                     height: 40,
                     style: { width: 40, height: 40, borderRadius: "50%", objectFit: "cover" },
-                    onError: () => u(!0)
+                    onError: () => d(!0)
                   }
                 ) : /* @__PURE__ */ e(tn, { size: 40 }),
                 /* @__PURE__ */ o("div", { className: "text-left", children: [
@@ -2793,7 +2787,7 @@ function en({
         /* @__PURE__ */ e("div", { style: { height: 1, background: "var(--t-divider)" } })
       ] }),
       c && /* @__PURE__ */ o(J, { children: [
-        /* @__PURE__ */ e("div", { style: { borderTop: d ? "none" : "1px solid var(--t-divider)" }, children: /* @__PURE__ */ o("div", { className: "flex items-center justify-between w-full py-5", children: [
+        /* @__PURE__ */ e("div", { style: { borderTop: u ? "none" : "1px solid var(--t-divider)" }, children: /* @__PURE__ */ o("div", { className: "flex items-center justify-between w-full py-5", children: [
           /* @__PURE__ */ o("div", { className: "flex items-center gap-3.5", children: [
             /* @__PURE__ */ e(Ia, { size: 40 }),
             /* @__PURE__ */ e(
@@ -2854,16 +2848,16 @@ function an({
     const s = i.trim().toLowerCase();
     if (!s) {
       if (r) {
-        const d = r.toLowerCase(), f = st[d];
+        const u = r.toLowerCase(), f = st[u];
         if (f) {
-          const h = Ye.filter((u) => u.code !== d);
+          const h = Ye.filter((d) => d.code !== u);
           return [f, ...h];
         }
       }
       return Ye;
     }
     return Ye.filter(
-      (d) => d.name.toLowerCase().includes(s) || d.code.includes(s) || d.defaultFiat.toLowerCase().includes(s)
+      (u) => u.name.toLowerCase().includes(s) || u.code.includes(s) || u.defaultFiat.toLowerCase().includes(s)
     );
   }, [i, r]);
   return /* @__PURE__ */ o(J, { children: [
@@ -2884,7 +2878,7 @@ function an({
     ),
     /* @__PURE__ */ e(Ke, { value: i, onChange: c }),
     /* @__PURE__ */ o("div", { className: "flex-1 overflow-y-auto custom-scroll px-5", children: [
-      m.map((s, d) => {
+      m.map((s, u) => {
         const f = (r == null ? void 0 : r.toLowerCase()) === s.code;
         return /* @__PURE__ */ o("div", { children: [
           /* @__PURE__ */ o(
@@ -2912,7 +2906,7 @@ function an({
               ]
             }
           ),
-          d < m.length - 1 && /* @__PURE__ */ e(
+          u < m.length - 1 && /* @__PURE__ */ e(
             "div",
             {
               style: { height: 1, background: "var(--t-divider, rgba(255,255,255,0.08))" }
@@ -2963,21 +2957,21 @@ function rn({
   bgImage: c,
   borderColor: m,
   borderRadius: s,
-  surfaceColor: d,
+  surfaceColor: u,
   inputBgColor: f,
   textColor: h,
-  textSecondaryColor: u,
+  textSecondaryColor: d,
   textMutedColor: p,
   successColor: g,
   showFlowToggle: A = !0,
   showSettings: E = !0,
   showThemeToggle: R = !0,
-  autoRedirect: H = !1,
+  autoRedirect: P = !1,
   explorerUrl: ne,
   doneButtonText: V = "Done",
   supportEmail: Z,
   stablecoinParity: q,
-  partnerName: $,
+  partnerName: G,
   onDone: fe
 }) {
   var bt, Nt, Et, wt, At, Rt, Tt, kt, Lt;
@@ -2996,34 +2990,34 @@ function rn({
     fieldLocks: k,
     apiConfig: be,
     assetBaseUrl: j
-  } = Ue(), [re, Ne] = v(a === "dark"), [Ee, de] = v(n), [xe, B] = v(null), [we, _e] = v(!1), [ee, Ve] = v(!1), [Fe, Me] = v(!1), [Ae, Re] = v(!1), [ze, ge] = v(null), [Ie, Je] = v(!0), [qe, C] = v(!1), [b, U] = v(!1), D = _(null), F = _(), X = _(y.flowType);
-  G(() => {
+  } = Ue(), [re, Ne] = v(a === "dark"), [Ee, de] = v(n), [xe, O] = v(null), [we, _e] = v(!1), [ee, Ve] = v(!1), [Fe, Me] = v(!1), [Ae, Re] = v(!1), [ze, ge] = v(null), [Ie, Je] = v(!0), [qe, C] = v(!1), [b, U] = v(!1), D = I(null), F = I(), $ = I(y.flowType);
+  W(() => {
     Ne(a === "dark");
-  }, [a]), G(() => {
+  }, [a]), W(() => {
     const x = setTimeout(() => Je(!1), M ? 0 : 800);
     return () => clearTimeout(x);
-  }, [M]), G(() => {
-    if (X.current !== y.flowType && !Ie) {
-      X.current = y.flowType, C(!0), _e(!1), Ve(!1);
+  }, [M]), W(() => {
+    if ($.current !== y.flowType && !Ie) {
+      $.current = y.flowType, C(!0), _e(!1), Ve(!1);
       const x = setTimeout(() => C(!1), 350);
       return () => clearTimeout(x);
     }
-    X.current = y.flowType;
+    $.current = y.flowType;
   }, [y.flowType, Ie]);
-  const Q = y.flowType, P = Q === "buy", W = y.cryptoCurrency || "BTC", te = y.fiatCurrency || "USD", et = P ? y.fiatAmount : y.cryptoAmount, z = Ea(et), ue = (bt = w == null ? void 0 : w.bestQuote) != null && bt.exchangeRate ? parseFloat(w.bestQuote.exchangeRate) : null, je = _(null);
-  ue && W && te && (je.current = { rate: ue, crypto: W, fiat: te });
+  const Q = y.flowType, K = Q === "buy", X = y.cryptoCurrency || "BTC", te = y.fiatCurrency || "USD", et = K ? y.fiatAmount : y.cryptoAmount, z = Ea(et), ue = (bt = w == null ? void 0 : w.bestQuote) != null && bt.exchangeRate ? parseFloat(w.bestQuote.exchangeRate) : null, je = I(null);
+  ue && X && te && (je.current = { rate: ue, crypto: X, fiat: te });
   const ut = Y(() => {
     if (w != null && w.bestQuote) {
-      const x = P ? w.bestQuote.cryptoAmount : w.bestQuote.fiatAmount;
+      const x = K ? w.bestQuote.cryptoAmount : w.bestQuote.fiatAmount;
       if (x) return x;
     }
     return "0";
-  }, [w, P]), Be = !!(q && $ && P && Xt(W) && ue), Qt = Be && W.toUpperCase().includes(te.toUpperCase()), mt = Be && z > 0 ? lt(Qt ? z : z / ue) : null, zt = Be && mt ? mt : ut, Jt = Y(() => {
-    var O, oe, ke;
-    const x = ue || ((O = je.current) == null ? void 0 : O.rate), N = ue ? W : (oe = je.current) == null ? void 0 : oe.crypto, T = ue ? te : (ke = je.current) == null ? void 0 : ke.fiat;
+  }, [w, K]), Be = !!(q && G && K && Xt(X) && ue), Qt = Be && X.toUpperCase().includes(te.toUpperCase()), mt = Be && z > 0 ? lt(Qt ? z : z / ue) : null, zt = Be && mt ? mt : ut, Jt = Y(() => {
+    var H, oe, ke;
+    const x = ue || ((H = je.current) == null ? void 0 : H.rate), N = ue ? X : (oe = je.current) == null ? void 0 : oe.crypto, T = ue ? te : (ke = je.current) == null ? void 0 : ke.fiat;
     return !x || !N || !T ? "" : `1 ${N} ≈ ${x.toFixed(2)} ${T}`;
-  }, [W, te, ue]);
-  G(() => {
+  }, [X, te, ue]);
+  W(() => {
     const x = y.walletAddress.trim(), N = y.network;
     if (!x || x.length < 10) {
       ge(null), L({ type: "SET_WALLET_ERROR", message: "" });
@@ -3032,14 +3026,14 @@ function rn({
     Re(!0), ge(null);
     const T = new AbortController();
     return clearTimeout(F.current), F.current = setTimeout(async () => {
-      var O, oe, ke;
+      var H, oe, ke;
       try {
         const nt = await (await fetch(`${be.apiUrl}/public/validate/address`, {
           method: "POST",
           headers: { "Content-Type": "application/json" },
           body: JSON.stringify({ address: x, ...N ? { network: N } : {} }),
           signal: T.signal
-        })).json(), rt = ((O = nt.data) == null ? void 0 : O.attributes) || nt.data || nt;
+        })).json(), rt = ((H = nt.data) == null ? void 0 : H.attributes) || nt.data || nt;
         if (rt.isValid)
           ge(!0), L({ type: "SET_WALLET_ERROR", message: "" });
         else {
@@ -3057,38 +3051,38 @@ function rn({
       clearTimeout(F.current), T.abort();
     };
   }, [y.walletAddress, y.network, be.apiUrl]);
-  const ft = !et || z === 0, ht = z > 0 && (P ? z < Bt : z < Ot), pt = !!se || ht || we && ft, qt = z > 0 && !se && !ht, tt = y.walletAddress.trim().length >= 10 && ze !== !1 && !Ae, Ge = qt && tt && !!y.cryptoCurrency && !!y.network, ea = (x) => {
+  const ft = !et || z === 0, ht = z > 0 && (K ? z < Bt : z < Ot), pt = !!se || ht || we && ft, qt = z > 0 && !se && !ht, tt = y.walletAddress.trim().length >= 10 && ze !== !1 && !Ae, Ge = qt && tt && !!y.cryptoCurrency && !!y.network, ea = (x) => {
     let N = x.target.value.replace(/[^0-9.,]/g, "");
-    const T = P ? 2 : 6, O = N.indexOf(".");
-    O !== -1 && N.length - O - 1 > T && (N = N.slice(0, O + T + 1)), L(P ? { type: "SET_FIAT_AMOUNT", amount: N } : { type: "SET_CRYPTO_AMOUNT", amount: N });
+    const T = K ? 2 : 6, H = N.indexOf(".");
+    H !== -1 && N.length - H - 1 > T && (N = N.slice(0, H + T + 1)), L(K ? { type: "SET_FIAT_AMOUNT", amount: N } : { type: "SET_CRYPTO_AMOUNT", amount: N });
   }, yt = (x) => {
     x !== Q && L({ type: "SET_FLOW_TYPE", flowType: x });
-  }, ta = I(
+  }, ta = B(
     (x) => {
       L({ type: "SET_FIAT_CURRENCY", currency: x });
     },
     [L]
-  ), aa = I(
+  ), aa = B(
     (x, N) => {
       L({ type: "SET_CRYPTO_CURRENCY", currency: x }), L({ type: "SET_CRYPTO_CHAIN", chain: N });
     },
     [L]
-  ), na = I(
+  ), na = B(
     (x) => {
       L({ type: "SET_PAYMENT_METHOD", methodId: x });
     },
     [L]
-  ), ra = I(
+  ), ra = B(
     (x) => {
-      L({ type: "SET_COUNTRY", country: x }), B(null);
+      L({ type: "SET_COUNTRY", country: x }), O(null);
     },
     [L]
-  ), oa = I(() => {
-    B(null), setTimeout(() => B("country"), 280);
+  ), oa = B(() => {
+    O(null), setTimeout(() => O("country"), 280);
   }, []), ia = y.country ? (Nt = st[y.country.toLowerCase()]) == null ? void 0 : Nt.name : void 0, la = () => {
     Ge && (U(!0), pe());
   };
-  G(() => {
+  W(() => {
     var x;
     if (!(!b || S)) {
       if (w != null && w.bestQuote)
@@ -3098,14 +3092,14 @@ function rn({
         U(!1), L({ type: "SET_ERROR", message: he.message || "No quotes available" });
       else if (w && !w.bestQuote) {
         U(!1);
-        const N = (x = w.unavailableGateways) == null ? void 0 : x.map((O) => O.reason).filter(Boolean), T = N != null && N.length ? `No providers available: ${N.join("; ")}` : "No providers available for this currency/network combination";
+        const N = (x = w.unavailableGateways) == null ? void 0 : x.map((H) => H.reason).filter(Boolean), T = N != null && N.length ? `No providers available: ${N.join("; ")}` : "No providers available for this currency/network combination";
         L({ type: "SET_ERROR", message: T });
       }
     }
   }, [b, w, S, he, L, ye]);
   const xt = re ? "theme-dark" : "theme-light", $e = Mt.find((x) => x.id === Ee) || Mt[0], ca = $e.accent === null, sa = r ? ce(r) : !1, gt = (x) => {
-    const N = x.replace("#", ""), T = parseInt(N.substring(0, 2), 16), O = parseInt(N.substring(2, 4), 16), oe = parseInt(N.substring(4, 6), 16);
-    return (0.299 * T + 0.587 * O + 0.114 * oe) / 255 > 0.5 ? "#000000" : "#ffffff";
+    const N = x.replace("#", ""), T = parseInt(N.substring(0, 2), 16), H = parseInt(N.substring(2, 4), 16), oe = parseInt(N.substring(4, 6), 16);
+    return (0.299 * T + 0.587 * H + 0.114 * oe) / 255 > 0.5 ? "#000000" : "#ffffff";
   }, Ct = sa ? { "--t-accent": r, "--t-cta-bg": r, "--t-cta-text": gt(r) } : ca ? {
     "--t-accent": re ? "#ffffff" : "#111111",
     "--t-cta-bg": re ? "#ffffff" : "#111111",
@@ -3115,12 +3109,12 @@ function rn({
     "--t-cta-bg": $e.accent,
     "--t-cta-text": gt($e.accent)
   }, ae = {};
-  d && ce(d) && (ae["--t-surface"] = d, ae["--t-modal-bg"] = d), f && ce(f) && (ae["--t-pill-bg"] = f, ae["--t-close-bg"] = f), h && ce(h) && (ae["--t-text"] = h), u && ce(u) && (ae["--t-text-secondary"] = u), p && ce(p) && (ae["--t-text-muted"] = p, ae["--t-text-tertiary"] = p), g && ce(g) && (ae["--t-success"] = g);
+  u && ce(u) && (ae["--t-surface"] = u, ae["--t-modal-bg"] = u), f && ce(f) && (ae["--t-pill-bg"] = f, ae["--t-close-bg"] = f), h && ce(h) && (ae["--t-text"] = h), d && ce(d) && (ae["--t-text-secondary"] = d), p && ce(p) && (ae["--t-text-muted"] = p, ae["--t-text-tertiary"] = p), g && ce(g) && (ae["--t-success"] = g);
   const Ce = {};
   i && ce(i) ? Ce.backgroundColor = i : Ce.backgroundColor = "var(--t-bg)", c && (c.startsWith("https://") || c.startsWith("data:image/")) && (Ce.backgroundImage = `url(${c})`, Ce.backgroundSize = "cover", Ce.backgroundPosition = "center");
   const Xe = re ? "#ffffff" : "#111111", We = {};
   m && ce(m) && (We.border = `1px solid ${m}`), s && (We.borderRadius = s);
-  const vt = y.step === "checkout" ? /* @__PURE__ */ e(Ka, { autoRedirect: H }) : y.step === "processing" ? /* @__PURE__ */ e(Va, {}) : y.step === "complete" ? /* @__PURE__ */ e(ja, { explorerUrl: ne, doneButtonText: V, onDone: fe }) : y.step === "error" ? /* @__PURE__ */ e(Ga, { supportEmail: Z }) : y.step === "confirm" ? /* @__PURE__ */ e($a, { stablecoinParity: Be, partnerName: $ }) : null;
+  const vt = y.step === "checkout" ? /* @__PURE__ */ e(Ka, { autoRedirect: P }) : y.step === "processing" ? /* @__PURE__ */ e(Va, {}) : y.step === "complete" ? /* @__PURE__ */ e(ja, { explorerUrl: ne, doneButtonText: V, onDone: fe }) : y.step === "error" ? /* @__PURE__ */ e(Ga, { supportEmail: Z }) : y.step === "confirm" ? /* @__PURE__ */ e($a, { stablecoinParity: Be, partnerName: G }) : null;
   if (vt)
     return /* @__PURE__ */ e(
       "div",
@@ -3149,7 +3143,7 @@ function rn({
         ...We
       },
       children: [
-        E && /* @__PURE__ */ e("div", { className: `flex justify-end items-center px-5 pt-3 ${A ? "pb-1" : "pb-5"}`, children: /* @__PURE__ */ e(Ma, { onClick: () => B("settings") }) }),
+        E && /* @__PURE__ */ e("div", { className: `flex justify-end items-center px-5 pt-3 ${A ? "pb-1" : "pb-5"}`, children: /* @__PURE__ */ e(Ma, { onClick: () => O("settings") }) }),
         A ? /* @__PURE__ */ o("div", { className: "flex flex-col items-center pt-3 pb-5", children: [
           /* @__PURE__ */ o("div", { className: "flex", style: { width: 165 }, children: [
             /* @__PURE__ */ e(
@@ -3208,17 +3202,17 @@ function rn({
                       value: et,
                       onChange: ea,
                       onBlur: () => _e(!0),
-                      placeholder: P ? "250" : "0.01",
+                      placeholder: K ? "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", padding: 0, border: "none", borderRadius: 0, backgroundColor: "transparent", height: "auto", width: 0 },
                       inputMode: "decimal",
                       disabled: !!((Et = k == null ? void 0 : k.sourceAmount) != null && Et.locked)
                     }
                   ),
-                  P ? /* @__PURE__ */ o(
+                  K ? /* @__PURE__ */ o(
                     "button",
                     {
-                      onClick: () => B("fiat"),
+                      onClick: () => O("fiat"),
                       className: "flex items-center gap-1.5 shrink-0 transition-colors",
                       style: {
                         background: "var(--t-pill-bg)",
@@ -3238,7 +3232,7 @@ function rn({
                     /* @__PURE__ */ o(
                       "button",
                       {
-                        onClick: () => B("crypto"),
+                        onClick: () => O("crypto"),
                         className: "flex items-center gap-1.5 transition-colors",
                         style: {
                           background: "var(--t-pill-bg)",
@@ -3249,8 +3243,8 @@ function rn({
                         },
                         disabled: !!((At = k == null ? void 0 : k.destinationCurrency) != null && At.locked),
                         children: [
-                          /* @__PURE__ */ e(Ht, { ticker: W, size: 16, baseUrl: j }),
-                          /* @__PURE__ */ e("span", { className: "text-[13px] font-medium", style: { color: Xe }, children: W }),
+                          /* @__PURE__ */ e(Ht, { ticker: X, size: 16, baseUrl: j }),
+                          /* @__PURE__ */ e("span", { className: "text-[13px] font-medium", style: { color: Xe }, children: X }),
                           /* @__PURE__ */ e(Pe, {})
                         ]
                       }
@@ -3274,7 +3268,7 @@ function rn({
               ]
             }
           ),
-          we && pt && /* @__PURE__ */ e("div", { className: "text-[12px] mt-1.5 px-[2px]", style: { color: "#EF4444" }, children: se || (ft ? "Amount should be more than 0" : P ? `Minimum amount is ${Bt} ${te}` : `Minimum amount is ${Ot} ${W}`) }),
+          we && pt && /* @__PURE__ */ e("div", { className: "text-[12px] mt-1.5 px-[2px]", style: { color: "#EF4444" }, children: se || (ft ? "Amount should be more than 0" : K ? `Minimum amount is ${Bt} ${te}` : `Minimum amount is ${Ot} ${X}`) }),
           /* @__PURE__ */ o(
             "div",
             {
@@ -3291,7 +3285,7 @@ function rn({
               children: [
                 /* @__PURE__ */ e("div", { className: "text-[13px] mb-2.5", style: { color: "var(--t-text-secondary)" }, children: "You get" }),
                 /* @__PURE__ */ o("div", { className: "flex items-start justify-between", children: [
-                  S && !b ? /* @__PURE__ */ e(K, { w: 180, h: 32 }) : /* @__PURE__ */ e(
+                  S && !b ? /* @__PURE__ */ e(_, { w: 180, h: 32 }) : /* @__PURE__ */ e(
                     Wa,
                     {
                       value: z > 0 ? zt : "0",
@@ -3300,11 +3294,11 @@ function rn({
                       style: { color: z > 0 ? "var(--t-text)" : "var(--t-text-muted)", fontSize: 24 }
                     }
                   ),
-                  P ? /* @__PURE__ */ o("div", { className: "flex flex-col items-end shrink-0", children: [
+                  K ? /* @__PURE__ */ o("div", { className: "flex flex-col items-end shrink-0", children: [
                     /* @__PURE__ */ o(
                       "button",
                       {
-                        onClick: () => B("crypto"),
+                        onClick: () => O("crypto"),
                         className: "flex items-center gap-1.5 transition-colors",
                         style: {
                           background: "var(--t-pill-bg)",
@@ -3315,8 +3309,8 @@ function rn({
                         },
                         disabled: !!((Rt = k == null ? void 0 : k.destinationCurrency) != null && Rt.locked),
                         children: [
-                          /* @__PURE__ */ e(Ht, { ticker: W, size: 16, baseUrl: j }),
-                          /* @__PURE__ */ e("span", { className: "text-[13px] font-medium", style: { color: Xe }, children: W }),
+                          /* @__PURE__ */ e(Ht, { ticker: X, size: 16, baseUrl: j }),
+                          /* @__PURE__ */ e("span", { className: "text-[13px] font-medium", style: { color: Xe }, children: X }),
                           /* @__PURE__ */ e(Pe, {})
                         ]
                       }
@@ -3338,7 +3332,7 @@ function rn({
                   ] }) : /* @__PURE__ */ o(
                     "button",
                     {
-                      onClick: () => B("fiat"),
+                      onClick: () => O("fiat"),
                       className: "flex items-center gap-1.5 shrink-0 transition-colors",
                       style: {
                         background: "var(--t-pill-bg)",
@@ -3373,13 +3367,13 @@ function rn({
                   "You will be charged for ",
                   ut,
                   " ",
-                  W,
+                  X,
                   ", the rest up to ",
                   lt(z),
                   " ",
                   te,
                   " will be credited to your ",
-                  $,
+                  G,
                   " account"
                 ] })
               ]
@@ -3401,12 +3395,12 @@ function rn({
             {
               methods: l.paymentMethods,
               selectedId: y.paymentMethodId,
-              onOpenModal: () => B("payment"),
+              onOpenModal: () => O("payment"),
               fiatCurrency: y.fiatCurrency
             }
           ) }),
           /* @__PURE__ */ o("div", { className: "mt-8", children: [
-            /* @__PURE__ */ e("div", { className: "text-[13px] mb-2.5", style: { color: "var(--t-text-secondary)" }, children: P ? "Receiving wallet address" : "Sending wallet address" }),
+            /* @__PURE__ */ e("div", { className: "text-[13px] mb-2.5", style: { color: "var(--t-text-secondary)" }, children: K ? "Receiving wallet address" : "Sending wallet address" }),
             /* @__PURE__ */ e(
               "input",
               {
@@ -3417,7 +3411,7 @@ function rn({
                 onBlur: () => {
                   Me(!1), Ve(!0);
                 },
-                placeholder: P ? "Enter your receiving address" : "Enter your sending address",
+                placeholder: K ? "Enter your receiving address" : "Enter your sending address",
                 spellCheck: !1,
                 autoComplete: "off",
                 className: "w-full bg-transparent text-[13px] outline-none transition-colors",
@@ -3452,12 +3446,12 @@ function rn({
                 opacity: Ge && !ie && !b ? 1 : 0.4,
                 cursor: Ge && !ie && !b ? "pointer" : "not-allowed"
               },
-              children: b ? "Getting best price..." : ie ? "Processing..." : P ? `Buy ${W}` : `Sell ${W}`
+              children: b ? "Getting best price..." : ie ? "Processing..." : K ? `Buy ${X}` : `Sell ${X}`
             }
           ),
           /* @__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" }) })
         ] }, Q),
-        /* @__PURE__ */ e(He, { isOpen: xe === "fiat", onClose: () => B(null), children: (x) => {
+        /* @__PURE__ */ e(He, { isOpen: xe === "fiat", onClose: () => O(null), children: (x) => {
           var N;
           return /* @__PURE__ */ e(
             Za,
@@ -3472,21 +3466,21 @@ function rn({
             }
           );
         } }),
-        /* @__PURE__ */ e(He, { isOpen: xe === "crypto", onClose: () => B(null), children: (x) => {
+        /* @__PURE__ */ e(He, { isOpen: xe === "crypto", onClose: () => O(null), children: (x) => {
           var N;
           return /* @__PURE__ */ e(
             Qa,
             {
               onClose: x,
-              onSelect: (T, O) => {
-                aa(T, O), x();
+              onSelect: (T, H) => {
+                aa(T, H), x();
               },
               cryptos: (N = l == null ? void 0 : l.cryptos) == null ? void 0 : N.map((T) => {
-                var O;
+                var H;
                 return {
                   code: T.code,
                   name: T.code,
-                  networks: (O = T.networks) == null ? void 0 : O.map((oe) => ({ code: oe.id, name: oe.name }))
+                  networks: (H = T.networks) == null ? void 0 : H.map((oe) => ({ code: oe.id, name: oe.name }))
                 };
               }),
               assetBaseUrl: j,
@@ -3495,7 +3489,7 @@ function rn({
             }
           );
         } }),
-        /* @__PURE__ */ e(He, { isOpen: xe === "payment", onClose: () => B(null), children: (x) => {
+        /* @__PURE__ */ e(He, { isOpen: xe === "payment", onClose: () => O(null), children: (x) => {
           var N;
           return /* @__PURE__ */ e(
             za,
@@ -3509,7 +3503,7 @@ function rn({
             }
           );
         } }),
-        /* @__PURE__ */ e(He, { isOpen: xe === "settings", onClose: () => B(null), children: (x) => /* @__PURE__ */ e(
+        /* @__PURE__ */ e(He, { isOpen: xe === "settings", onClose: () => O(null), children: (x) => /* @__PURE__ */ e(
           en,
           {
             onClose: x,
@@ -3526,7 +3520,7 @@ function rn({
             assetBaseUrl: j
           }
         ) }),
-        /* @__PURE__ */ e(He, { isOpen: xe === "country", onClose: () => B(null), children: (x) => /* @__PURE__ */ e(
+        /* @__PURE__ */ e(He, { isOpen: xe === "country", onClose: () => O(null), children: (x) => /* @__PURE__ */ e(
           an,
           {
             onClose: x,
@@ -3550,21 +3544,21 @@ function on({
   brandId: c,
   defaultFiatCurrency: m,
   defaultCryptoCurrency: s,
-  defaultNetwork: d,
+  defaultNetwork: u,
   defaultFiatAmount: f,
   defaultCryptoAmount: h,
-  defaultWalletAddress: u,
+  defaultWalletAddress: d,
   defaultGateway: p,
   defaultCountry: g,
   fieldLocks: A,
   statusPollInterval: E,
   onComplete: R,
-  onError: H,
+  onError: P,
   className: ne,
   theme: V,
   skinId: Z,
   accentColor: q,
-  bgColor: $,
+  bgColor: G,
   bgImage: fe,
   borderColor: y,
   borderRadius: L,
@@ -3596,16 +3590,16 @@ function on({
       brandId: c,
       defaultFiatCurrency: m,
       defaultCryptoCurrency: s,
-      defaultNetwork: d,
+      defaultNetwork: u,
       defaultFiatAmount: f,
       defaultCryptoAmount: h,
-      defaultWalletAddress: u,
+      defaultWalletAddress: d,
       defaultGateway: p,
       defaultCountry: g,
       fieldLocks: A,
       statusPollInterval: E,
       onComplete: R,
-      onError: H,
+      onError: P,
       children: /* @__PURE__ */ e(
         rn,
         {
@@ -3613,7 +3607,7 @@ function on({
           theme: V,
           skinId: Z,
           accentColor: q,
-          bgColor: $,
+          bgColor: G,
           bgImage: fe,
           borderColor: y,
           borderRadius: L,
@@ -3710,14 +3704,14 @@ function sn() {
         background: "var(--t-surface)"
       },
       children: [
-        /* @__PURE__ */ e(K, { w: 36, h: 36, className: "rounded-full shrink-0" }),
+        /* @__PURE__ */ e(_, { w: 36, h: 36, className: "rounded-full shrink-0" }),
         /* @__PURE__ */ o("div", { className: "flex-1", children: [
-          /* @__PURE__ */ e(K, { w: 90, h: 14, className: "mb-1.5" }),
-          /* @__PURE__ */ e(K, { w: 60, h: 12 })
+          /* @__PURE__ */ e(_, { w: 90, h: 14, className: "mb-1.5" }),
+          /* @__PURE__ */ e(_, { w: 60, h: 12 })
         ] }),
         /* @__PURE__ */ o("div", { className: "text-right", children: [
-          /* @__PURE__ */ e(K, { w: 40, h: 10, className: "mb-1.5" }),
-          /* @__PURE__ */ e(K, { w: 80, h: 14 })
+          /* @__PURE__ */ e(_, { w: 40, h: 10, className: "mb-1.5" }),
+          /* @__PURE__ */ e(_, { w: 80, h: 14 })
         ] })
       ]
     },
@@ -3733,8 +3727,8 @@ function gn({
 }) {
   const [c, m] = v(""), s = Y(() => {
     if (!(n != null && n.quotes)) return [];
-    const d = c.trim().toLowerCase();
-    return d ? n.quotes.filter((f) => f.gatewayName.toLowerCase().includes(d)) : n.quotes;
+    const u = c.trim().toLowerCase();
+    return u ? n.quotes.filter((f) => f.gatewayName.toLowerCase().includes(u)) : n.quotes;
   }, [n, c]);
   return /* @__PURE__ */ o(J, { children: [
     /* @__PURE__ */ e("div", { className: "flex justify-end px-5 pt-5", children: /* @__PURE__ */ e(De, { onClick: t }) }),
@@ -3748,12 +3742,12 @@ function gn({
     ),
     /* @__PURE__ */ e(Ke, { value: c, onChange: m }),
     /* @__PURE__ */ o("div", { className: "flex-1 overflow-y-auto custom-scroll px-5 space-y-2", children: [
-      r ? /* @__PURE__ */ e(sn, {}) : s.length === 0 ? /* @__PURE__ */ e("div", { className: "text-center py-10 text-[14px]", style: { color: "var(--t-text-muted)" }, children: n && n.quotes.length === 0 ? "No quotes available for this request" : "No providers found" }) : s.map((d, f) => {
-        const h = f === 0, u = parseFloat(d.cryptoAmount), p = u >= 1 ? u.toFixed(4) : u.toPrecision(6);
+      r ? /* @__PURE__ */ e(sn, {}) : s.length === 0 ? /* @__PURE__ */ e("div", { className: "text-center py-10 text-[14px]", style: { color: "var(--t-text-muted)" }, children: n && n.quotes.length === 0 ? "No quotes available for this request" : "No providers found" }) : s.map((u, f) => {
+        const h = f === 0, d = parseFloat(u.cryptoAmount), p = d >= 1 ? d.toFixed(4) : d.toPrecision(6);
         return /* @__PURE__ */ o(
           "button",
           {
-            onClick: () => a(d),
+            onClick: () => a(u),
             className: "w-full flex items-center gap-3.5 transition-colors",
             style: {
               borderRadius: h ? 4.5 : 5,
@@ -3764,10 +3758,10 @@ function gn({
               background: h ? "transparent" : "var(--t-surface)"
             },
             children: [
-              /* @__PURE__ */ e(cn, { quote: d }),
+              /* @__PURE__ */ e(cn, { quote: u }),
               /* @__PURE__ */ o("div", { className: "text-left flex-1 min-w-0", children: [
-                /* @__PURE__ */ e("div", { className: "font-medium text-[15px]", style: { color: "var(--t-text)" }, children: d.gatewayName }),
-                /* @__PURE__ */ e(ln, { quote: d })
+                /* @__PURE__ */ e("div", { className: "font-medium text-[15px]", style: { color: "var(--t-text)" }, children: u.gatewayName }),
+                /* @__PURE__ */ e(ln, { quote: u })
               ] }),
               /* @__PURE__ */ o("div", { className: "text-right shrink-0", children: [
                 /* @__PURE__ */ e("div", { className: "text-[11px]", style: { color: "var(--t-text-secondary)" }, children: "You get" }),
@@ -3779,20 +3773,20 @@ function gn({
               ] })
             ]
           },
-          d.gatewayId
+          u.gatewayId
         );
       }),
-      !r && (n == null ? void 0 : n.unavailableGateways) && n.unavailableGateways.length > 0 && /* @__PURE__ */ e("div", { className: "pt-3", children: n.unavailableGateways.map((d) => /* @__PURE__ */ o(
+      !r && (n == null ? void 0 : n.unavailableGateways) && n.unavailableGateways.length > 0 && /* @__PURE__ */ e("div", { className: "pt-3", children: n.unavailableGateways.map((u) => /* @__PURE__ */ o(
         "div",
         {
           className: "flex items-center justify-between py-2 text-[12px]",
           style: { color: "var(--t-text-muted)" },
           children: [
-            /* @__PURE__ */ e("span", { children: d.gatewayName }),
-            /* @__PURE__ */ e("span", { children: d.reason })
+            /* @__PURE__ */ e("span", { children: u.gatewayName }),
+            /* @__PURE__ */ e("span", { children: u.reason })
           ]
         },
-        d.gatewayId
+        u.gatewayId
       )) })
     ] })
   ] });
@@ -3841,7 +3835,7 @@ export {
   Mt as SKINS,
   Ke as SearchInput,
   en as SettingsScreen,
-  K as Skeleton,
+  _ as Skeleton,
   xn as SkinSwatch,
   Ja as ToggleSwitch,
   lt as formatOutput,