@nowramp/form 0.1.44 → 0.1.45

package/dist/index.js

@@ -68,7 +68,7 @@ function Pt(t, n) {
   }, [t.projectId, n]);
   return { quotes: a, loading: l, error: d, refetch: v };
 }
-function Dt(t) {
+function Ht(t) {
   const [n, a] = b(null), [r, l] = b(!1), [m, d] = b(null), u = K(null), s = K(""), i = `${t.apiUrl}|${t.projectId}`;
   (!u.current || s.current !== i) && (u.current = new Me({ apiKey: "", ...t }), s.current = i);
   const h = $(async (v) => {
@@ -87,7 +87,7 @@ function Dt(t) {
   }, []);
   return { order: n, loading: r, error: m, createOrder: h, reset: f };
 }
-function Ht(t, n, a) {
+function Dt(t, n, a) {
   const [r, l] = b(null), [m, d] = b(!1), [u, s] = b(null), i = K(null);
   i.current || (i.current = new Me({ apiKey: "", projectId: "", ...t }));
   const h = $(async () => {
@@ -218,7 +218,7 @@ function Kt({
   onError: N,
   children: T
 }) {
-  const P = F(() => ({ apiUrl: n, projectId: t }), [n, t]), w = u || (d ? d.toLowerCase() : ""), W = r === "sell", Q = W ? !!i : !!s, q = (W ? !!(Q && d && w) : !!(Q && d && w && h)) && f ? "confirm" : "amount", [c, O] = It(Ut, {
+  const P = F(() => ({ apiUrl: n, projectId: t }), [n, t]), w = u || (d ? d.toLowerCase() : ""), j = r === "sell", Q = j ? !!i : !!s, q = (j ? !!(Q && d && w) : !!(Q && d && w && h)) && f ? "confirm" : "amount", [c, O] = It(Ut, {
     ...yt,
     step: q,
     flowType: r,
@@ -232,15 +232,15 @@ function Kt({
   }), C = c.flowType === "sell", {
     config: I,
     loading: _,
-    error: G
+    error: V
   } = Ot(P, c.flowType);
   ke.useEffect(() => {
     var L, k, S;
     if (!I || !c.cryptoCurrency || c.network) return;
-    const g = (L = I.cryptos) == null ? void 0 : L.find((D) => D.code === c.cryptoCurrency), A = ((k = g == null ? void 0 : g.networks) == null ? void 0 : k.find((D) => D.isDefault)) || ((S = g == null ? void 0 : g.networks) == null ? void 0 : S[0]);
+    const g = (L = I.cryptos) == null ? void 0 : L.find((H) => H.code === c.cryptoCurrency), A = ((k = g == null ? void 0 : g.networks) == null ? void 0 : k.find((H) => H.isDefault)) || ((S = g == null ? void 0 : g.networks) == null ? void 0 : S[0]);
     A != null && A.id && O({ type: "SET_NETWORK", network: A.id });
   }, [I, c.cryptoCurrency, c.network]), ke.useEffect(() => {
-    var S, D;
+    var S, H;
     if (!((S = I == null ? void 0 : I.paymentMethods) != null && S.length)) return;
     const g = c.fiatCurrency, A = I.paymentMethods;
     if (c.paymentMethodId && A.some(
@@ -248,11 +248,11 @@ function Kt({
     ))
       return;
     const k = A.find(
-      (H) => H.supportedFiats.includes(g) && (H.id.includes("card") || H.id.includes("debit"))
-    ) || A.find((H) => H.supportedFiats.includes(g));
-    O({ type: "SET_PAYMENT_METHOD", methodId: (k == null ? void 0 : k.id) || ((D = A[0]) == null ? void 0 : D.id) || "" });
+      (D) => D.supportedFiats.includes(g) && (D.id.includes("card") || D.id.includes("debit"))
+    ) || A.find((D) => D.supportedFiats.includes(g));
+    O({ type: "SET_PAYMENT_METHOD", methodId: (k == null ? void 0 : k.id) || ((H = A[0]) == null ? void 0 : H.id) || "" });
   }, [I, c.fiatCurrency, c.paymentMethodId]);
-  const j = F(() => {
+  const G = F(() => {
     if (C) {
       if (!c.cryptoAmount) return null;
       const S = parseFloat(c.cryptoAmount);
@@ -267,7 +267,7 @@ function Kt({
     return !isNaN(L) && g < L ? `Minimum amount is ${A.minAmount} ${c.fiatCurrency}` : !isNaN(k) && g > k ? `Maximum amount is ${A.maxAmount} ${c.fiatCurrency}` : null;
   }, [I, c.fiatAmount, c.fiatCurrency, c.cryptoAmount, C]), Ne = F(() => {
     const g = C ? !!c.cryptoAmount : !!c.fiatAmount;
-    return !I || !g || !c.cryptoCurrency || !c.network || j ? null : {
+    return !I || !g || !c.cryptoCurrency || !c.network || G ? null : {
       fiatCurrency: c.fiatCurrency,
       ...C ? { cryptoAmount: c.cryptoAmount } : { fiatAmount: c.fiatAmount },
       cryptoCurrency: c.cryptoCurrency,
@@ -276,7 +276,7 @@ function Kt({
       country: c.country || void 0,
       orderType: c.flowType
     };
-  }, [I, c.fiatCurrency, c.fiatAmount, c.cryptoAmount, c.cryptoCurrency, c.network, c.paymentMethodId, c.country, j, C, c.flowType]), {
+  }, [I, c.fiatCurrency, c.fiatAmount, c.cryptoAmount, c.cryptoCurrency, c.network, c.paymentMethodId, c.country, G, C, c.flowType]), {
     quotes: fe,
     loading: ce,
     error: X,
@@ -286,20 +286,20 @@ function Kt({
     loading: Ce,
     error: ie,
     createOrder: de
-  } = Dt(P), be = 15e3, {
-    status: V,
+  } = Ht(P), be = 15e3, {
+    status: Y,
     loading: re
-  } = Ht(
+  } = Dt(
     { apiUrl: n },
     (ae == null ? void 0 : ae.orderId) ?? null,
     { pollInterval: x, initialDelay: be }
   );
   ke.useEffect(() => {
-    (V == null ? void 0 : V.status) === "completed" && p && p(V);
-  }, [V == null ? void 0 : V.status, p]), ke.useEffect(() => {
-    const g = G || ie;
+    (Y == null ? void 0 : Y.status) === "completed" && p && p(Y);
+  }, [Y == null ? void 0 : Y.status, p]), ke.useEffect(() => {
+    const g = V || ie;
     g && N && N(g);
-  }, [G, ie, N]);
+  }, [V, ie, N]);
   const oe = f || (I == null ? void 0 : I.defaultGateway) || null, Ee = K(oe);
   Ee.current = oe;
   const Ae = K(fe);
@@ -326,8 +326,8 @@ function Kt({
         orderType: c.flowType
       }), O({ type: "SET_STEP", step: "checkout" });
     } catch (S) {
-      const D = S instanceof Error ? S.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 });
+      const H = S instanceof Error ? S.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 });
     }
   }, [c, de, C]), ee = $((g) => {
     O({ type: "SET_STEP", step: g });
@@ -338,9 +338,9 @@ function Kt({
     const g = C ? !!c.cryptoAmount : !!c.fiatAmount;
     switch (c.step) {
       case "confirm":
-        return !!(g && c.cryptoCurrency && c.network && c.walletAddress && !j);
+        return !!(g && c.cryptoCurrency && c.network && c.walletAddress && !G);
       case "amount":
-        return !!(g && c.cryptoCurrency && c.network && !j);
+        return !!(g && c.cryptoCurrency && c.network && !G);
       case "quotes":
         return !!c.selectedQuote;
       case "wallet":
@@ -348,12 +348,12 @@ function Kt({
       default:
         return !1;
     }
-  }, [c, j, C]), xe = {
+  }, [c, G, C]), xe = {
     apiConfig: P,
     assetBaseUrl: a,
     config: I,
     configLoading: _,
-    configError: G,
+    configError: V,
     state: c,
     dispatch: O,
     quotes: fe,
@@ -364,11 +364,11 @@ function Kt({
     orderLoading: Ce,
     orderError: ie,
     createOrder: we,
-    orderStatus: V,
+    orderStatus: Y,
     orderStatusLoading: re,
     fieldLocks: v || null,
     defaultGateway: oe,
-    amountError: j,
+    amountError: G,
     goToStep: ee,
     goBack: ue,
     canProceed: Oe
@@ -802,7 +802,7 @@ function In(t) {
   const n = t.toPrecision(4);
   return parseFloat(n).toString();
 }
-const _e = (t) => /^#([0-9A-Fa-f]{3}){1,2}$/.test(t), mt = 10, pt = 1e-4, Gt = (() => {
+const _e = (t) => /^#([0-9A-Fa-f]{3}){1,2}$/.test(t), mt = 10, pt = 1e-4, Vt = (() => {
   const t = [];
   for (const n of Ft)
     for (const a of n.chains)
@@ -835,13 +835,13 @@ function $e({ currencyCode: t, size: n = 16, baseUrl: a = "" }) {
     }
   );
 }
-function Ge({ size: t = 32, color: n = "#888" }) {
+function Ve({ size: t = 32, color: n = "#888" }) {
   return /* @__PURE__ */ o("svg", { width: t, height: t, viewBox: "0 0 32 32", fill: "none", children: [
     /* @__PURE__ */ e("circle", { cx: "16", cy: "16", r: "16", fill: n }),
     /* @__PURE__ */ e("circle", { cx: "16", cy: "16", r: "8", stroke: "white", strokeWidth: "1.5", fill: "none" })
   ] });
 }
-function jt({ size: t = 24 }) {
+function Gt({ size: t = 24 }) {
   return /* @__PURE__ */ o("svg", { width: t, height: t, viewBox: "0 0 32 32", fill: "none", children: [
     /* @__PURE__ */ e("circle", { cx: "16", cy: "16", r: "16", fill: "#0077FF" }),
     /* @__PURE__ */ e("path", { d: "M8 15l8-6 8 6H8z", fill: "white" }),
@@ -851,7 +851,7 @@ function jt({ size: t = 24 }) {
     /* @__PURE__ */ e("rect", { x: "8", y: "22", width: "16", height: "2", rx: "0.5", fill: "white" })
   ] });
 }
-function Wt({ size: t = 32 }) {
+function jt({ size: t = 32 }) {
   return /* @__PURE__ */ e(
     "div",
     {
@@ -861,7 +861,7 @@ function Wt({ size: t = 32 }) {
     }
   );
 }
-function Yt({ size: t = 32 }) {
+function Wt({ size: t = 32 }) {
   return /* @__PURE__ */ e(
     "div",
     {
@@ -871,7 +871,7 @@ function Yt({ size: t = 32 }) {
     }
   );
 }
-function Vt({ size: t = 32 }) {
+function Yt({ size: t = 32 }) {
   return /* @__PURE__ */ o(
     "div",
     {
@@ -927,9 +927,8 @@ function Jt({ onClick: t }) {
   return /* @__PURE__ */ e("button", { onClick: t, className: "hover:opacity-70 transition-opacity", children: /* @__PURE__ */ e("svg", { width: "24", height: "16", viewBox: "0 0 24 16", fill: "none", children: /* @__PURE__ */ e(
     "path",
     {
-      d: "M4 0.799805H20C21.7673 0.799805 23.2002 2.23269 23.2002 4V12C23.2002 13.7673 21.7673 15.2002 20 15.2002H4C2.23269 15.2002 0.799805 13.7673 0.799805 12V4C0.799805 2.23269 2.23269 0.799805 4 0.799805Z",
-      stroke: "var(--t-icon-stroke)",
-      strokeWidth: "1.6"
+      d: "M22.4004 12V4C22.4004 2.67452 21.3255 1.59961 20 1.59961H6.7998V14.4004H20V16H4V14.4004H5.2002V1.59961H4C2.67452 1.59961 1.59961 2.67452 1.59961 4V12C1.59961 13.3255 2.67452 14.4004 4 14.4004V16L3.79395 15.9951C1.68056 15.8879 0 14.14 0 12V4C0 1.79086 1.79086 6.44266e-08 4 0H20C22.2091 0 24 1.79086 24 4V12L23.9951 12.2061C23.8913 14.2512 22.2512 15.8913 20.2061 15.9951L20 16V14.4004C21.3255 14.4004 22.4004 13.3255 22.4004 12Z",
+      fill: "var(--t-icon-stroke)"
     }
   ) }) });
 }
@@ -949,19 +948,19 @@ function qt({ size: t = 40 }) {
 function en(t, n = 32) {
   switch (t) {
     case "revolut":
-      return /* @__PURE__ */ e(Wt, { size: n });
+      return /* @__PURE__ */ e(jt, { size: n });
     case "applepay":
-      return /* @__PURE__ */ e(Yt, { size: n });
+      return /* @__PURE__ */ e(Wt, { size: n });
     case "card":
       return /* @__PURE__ */ e(Zt, { size: n });
     case "googlepay":
-      return /* @__PURE__ */ e(Vt, { size: n });
+      return /* @__PURE__ */ e(Yt, { size: n });
     case "paypal":
       return /* @__PURE__ */ e(Qt, { size: n });
     case "bank":
-      return /* @__PURE__ */ e(jt, { size: n });
+      return /* @__PURE__ */ e(Gt, { size: n });
     default:
-      return /* @__PURE__ */ e(Ge, { size: n });
+      return /* @__PURE__ */ e(Ve, { size: n });
   }
 }
 const tn = {
@@ -986,7 +985,7 @@ function vt(t, n) {
 }
 function Nt(t, n, a = 24) {
   const r = tn[t];
-  return r ? en(r, a) : n ? /* @__PURE__ */ e("img", { src: n, alt: "", width: a, height: a, style: { borderRadius: "50%" } }) : /* @__PURE__ */ e(Ge, { size: a });
+  return r ? en(r, a) : n ? /* @__PURE__ */ e("img", { src: n, alt: "", width: a, height: a, style: { borderRadius: "50%" } }) : /* @__PURE__ */ e(Ve, { size: a });
 }
 function an({
   methods: t,
@@ -1945,7 +1944,7 @@ function hn({ onClose: t, onSelect: n, currencies: a, assetBaseUrl: r = "" }) {
 }
 function fn({ onClose: t, onSelect: n, cryptos: a, assetBaseUrl: r = "" }) {
   const [l, m] = b(""), d = F(() => {
-    if (!a || a.length === 0) return Gt;
+    if (!a || a.length === 0) return Vt;
     const s = [];
     for (const i of a) {
       const h = i.networks || [];
@@ -1970,10 +1969,10 @@ function fn({ onClose: t, onSelect: n, cryptos: a, assetBaseUrl: r = "" }) {
     if (!s) return d;
     const i = s.split(/\s+/), h = [];
     for (const v of d) {
-      const x = Ie(v.chain), p = x ? x.name.toLowerCase() : "", N = ((f = x == null ? void 0 : x.shortName) == null ? void 0 : f.toLowerCase()) || "", T = v.chain.toLowerCase(), P = v.code.toLowerCase(), w = v.name.toLowerCase(), W = [P, w, p, N, T];
-      if (!i.every((q) => W.some((c) => c.includes(q)))) continue;
-      let Y = 0;
-      P === s ? Y += 100 : P.startsWith(i[0]) && (Y += 50), v.popular && (Y += 10), i.length > 1 && (p.includes(i[1]) || N.includes(i[1]) || T.includes(i[1])) && (Y += 25), h.push({ item: v, score: Y });
+      const x = Ie(v.chain), p = x ? x.name.toLowerCase() : "", N = ((f = x == null ? void 0 : x.shortName) == null ? void 0 : f.toLowerCase()) || "", T = v.chain.toLowerCase(), P = v.code.toLowerCase(), w = v.name.toLowerCase(), j = [P, w, p, N, T];
+      if (!i.every((q) => j.some((c) => c.includes(q)))) continue;
+      let W = 0;
+      P === s ? W += 100 : P.startsWith(i[0]) && (W += 50), v.popular && (W += 10), i.length > 1 && (p.includes(i[1]) || N.includes(i[1]) || T.includes(i[1])) && (W += 25), h.push({ item: v, score: W });
     }
     return h.sort((v, x) => x.score - v.score), h.map((v) => v.item);
   }, [d, l]);
@@ -2227,18 +2226,18 @@ function Nn({
     config: T,
     configLoading: P,
     quotes: w,
-    quotesLoading: W,
+    quotesLoading: j,
     quotesError: Q,
-    fetchQuotes: Y,
+    fetchQuotes: W,
     createOrder: q,
     orderLoading: c,
     amountError: O,
     fieldLocks: C,
     apiConfig: I,
     assetBaseUrl: _
-  } = he(), [G, j] = b(n === "dark"), [Ne, fe] = b(a), [ce, X] = b(null), [ye, ae] = b(!1), [Ce, ie] = b(!1), [de, be] = b(!1), [V, re] = b(null), [oe, Ee] = b(!0), [Ae, we] = b(!1), [ee, ue] = b(!1), Oe = K(null), xe = K(), g = K(p.flowType);
+  } = he(), [V, G] = b(n === "dark"), [Ne, fe] = b(a), [ce, X] = b(null), [ye, ae] = b(!1), [Ce, ie] = b(!1), [de, be] = b(!1), [Y, re] = b(null), [oe, Ee] = b(!0), [Ae, we] = b(!1), [ee, ue] = b(!1), Oe = K(null), xe = K(), g = K(p.flowType);
   U(() => {
-    j(n === "dark");
+    G(n === "dark");
   }, [n]), U(() => {
     const y = setTimeout(() => Ee(!1), P ? 0 : 800);
     return () => clearTimeout(y);
@@ -2250,7 +2249,7 @@ function Nn({
     }
     g.current = p.flowType;
   }, [p.flowType, oe]);
-  const A = p.flowType, L = A === "buy", k = p.cryptoCurrency || "BTC", S = p.fiatCurrency || "USD", D = L ? p.fiatAmount : p.cryptoAmount, H = $t(D), Z = (qe = w == null ? void 0 : w.bestQuote) != null && qe.exchangeRate ? parseFloat(w.bestQuote.exchangeRate) : null, Se = K(null);
+  const A = p.flowType, L = A === "buy", k = p.cryptoCurrency || "BTC", S = p.fiatCurrency || "USD", H = L ? p.fiatAmount : p.cryptoAmount, D = $t(H), Z = (qe = w == null ? void 0 : w.bestQuote) != null && qe.exchangeRate ? parseFloat(w.bestQuote.exchangeRate) : null, Se = K(null);
   Z && k && S && (Se.current = { rate: Z, crypto: k, fiat: S });
   const Ct = F(() => {
     if (w != null && w.bestQuote) {
@@ -2259,8 +2258,8 @@ function Nn({
     }
     return "0";
   }, [w, L]), bt = F(() => {
-    var B, te, He;
-    const y = Z || ((B = Se.current) == null ? void 0 : B.rate), E = Z ? k : (te = Se.current) == null ? void 0 : te.crypto, R = Z ? S : (He = Se.current) == null ? void 0 : He.fiat;
+    var B, te, De;
+    const y = Z || ((B = Se.current) == null ? void 0 : B.rate), E = Z ? k : (te = Se.current) == null ? void 0 : te.crypto, R = Z ? S : (De = Se.current) == null ? void 0 : De.fiat;
     return !y || !E || !R ? "" : `1 ${E} ≈ ${y.toFixed(2)} ${R}`;
   }, [k, S, Z]);
   U(() => {
@@ -2291,11 +2290,11 @@ function Nn({
       }
     }, 500), () => clearTimeout(xe.current);
   }, [p.walletAddress, p.network, I.apiUrl]);
-  const je = !D || H === 0, We = H > 0 && (L ? H < mt : H < pt), Ye = !!O || We || ye && je, Et = H > 0 && !O && !We, Pe = p.walletAddress.trim().length >= 10 && V !== !1 && !de, Re = Et && Pe && !!p.cryptoCurrency && !!p.network, At = (y) => {
+  const Ge = !H || D === 0, je = D > 0 && (L ? D < mt : D < pt), We = !!O || je || ye && Ge, Et = D > 0 && !O && !je, Pe = p.walletAddress.trim().length >= 10 && Y !== !1 && !de, Re = Et && Pe && !!p.cryptoCurrency && !!p.network, At = (y) => {
     let E = y.target.value.replace(/[^0-9.,]/g, "");
     const R = L ? 2 : 6, B = E.indexOf(".");
     B !== -1 && E.length - B - 1 > R && (E = E.slice(0, B + R + 1)), N(L ? { type: "SET_FIAT_AMOUNT", amount: E } : { type: "SET_CRYPTO_AMOUNT", amount: E });
-  }, Ve = (y) => {
+  }, Ye = (y) => {
     y !== A && N({ type: "SET_FLOW_TYPE", flowType: y });
   }, wt = $(
     (y) => {
@@ -2313,11 +2312,11 @@ function Nn({
     },
     [N]
   ), Tt = () => {
-    Re && (ue(!0), Y());
+    Re && (ue(!0), W());
   };
   U(() => {
     var y;
-    if (!(!ee || W)) {
+    if (!(!ee || j)) {
       if (w != null && w.bestQuote)
         ue(!1), N({ type: "SELECT_QUOTE", quote: w.bestQuote }), q().catch(() => {
         });
@@ -2329,14 +2328,14 @@ function Nn({
         N({ type: "SET_ERROR", message: R });
       }
     }
-  }, [ee, w, W, Q, N, q]);
-  const Qe = G ? "theme-dark" : "theme-light", De = dt.find((y) => y.id === Ne) || dt[0], kt = De.accent === null, Ze = (r ? _e(r) : !1) ? { "--t-accent": r, "--t-cta-bg": r, "--t-cta-text": "#ffffff" } : kt ? {
-    "--t-accent": G ? "#ffffff" : "#111111",
-    "--t-cta-bg": G ? "#ffffff" : "#111111",
-    "--t-cta-text": G ? "#000000" : "#ffffff"
+  }, [ee, w, j, Q, N, q]);
+  const Qe = V ? "theme-dark" : "theme-light", He = dt.find((y) => y.id === Ne) || dt[0], kt = He.accent === null, Ze = (r ? _e(r) : !1) ? { "--t-accent": r, "--t-cta-bg": r, "--t-cta-text": "#ffffff" } : kt ? {
+    "--t-accent": V ? "#ffffff" : "#111111",
+    "--t-cta-bg": V ? "#ffffff" : "#111111",
+    "--t-cta-text": V ? "#000000" : "#ffffff"
   } : {
-    "--t-accent": De.accent,
-    "--t-cta-bg": De.accent,
+    "--t-accent": He.accent,
+    "--t-cta-bg": He.accent,
     "--t-cta-text": "#ffffff"
   }, le = {};
   l && _e(l) ? le.backgroundColor = l : le.backgroundColor = "var(--t-bg)", m && (le.backgroundImage = `url(${m})`, le.backgroundSize = "cover", le.backgroundPosition = "center");
@@ -2375,7 +2374,7 @@ function Nn({
             /* @__PURE__ */ e(
               "button",
               {
-                onClick: () => Ve("buy"),
+                onClick: () => Ye("buy"),
                 className: "flex-1 pb-2.5 text-[16px] font-medium text-center transition-colors duration-200",
                 style: { color: A === "buy" ? "var(--t-text)" : "var(--t-text-secondary)" },
                 children: "Buy"
@@ -2384,7 +2383,7 @@ function Nn({
             /* @__PURE__ */ e(
               "button",
               {
-                onClick: () => Ve("sell"),
+                onClick: () => Ye("sell"),
                 className: "flex-1 pb-2.5 text-[16px] font-medium text-center transition-colors duration-200",
                 style: { color: A === "sell" ? "var(--t-text)" : "var(--t-text-secondary)" },
                 children: "Sell"
@@ -2414,7 +2413,8 @@ function Nn({
               style: {
                 background: "var(--t-surface)",
                 borderRadius: 5,
-                border: ye && Ye ? "1px solid #EF4444" : "1px solid transparent"
+                border: ye && We ? "1px solid #EF4444" : "1px solid transparent",
+                minHeight: 102
               },
               children: [
                 /* @__PURE__ */ e("div", { className: "text-[13px] mb-2.5", style: { color: "var(--t-text-secondary)" }, children: "You spend" }),
@@ -2424,7 +2424,7 @@ function Nn({
                     {
                       ref: Oe,
                       type: "text",
-                      value: D,
+                      value: H,
                       onChange: At,
                       onBlur: () => ae(!0),
                       placeholder: L ? "250" : "0.01",
@@ -2493,7 +2493,7 @@ function Nn({
               ]
             }
           ),
-          ye && Ye && /* @__PURE__ */ e("div", { className: "text-[12px] mt-1.5 px-[2px]", style: { color: "#EF4444" }, children: O || (je ? "Amount should be more than 0" : L ? `Minimum amount is ${mt} ${S}` : `Minimum amount is ${pt} ${k}`) }),
+          ye && We && /* @__PURE__ */ e("div", { className: "text-[12px] mt-1.5 px-[2px]", style: { color: "#EF4444" }, children: O || (Ge ? "Amount should be more than 0" : L ? `Minimum amount is ${mt} ${S}` : `Minimum amount is ${pt} ${k}`) }),
           /* @__PURE__ */ o(
             "div",
             {
@@ -2504,18 +2504,19 @@ function Nn({
                 borderTopRightRadius: 5,
                 borderBottomLeftRadius: 0,
                 borderBottomRightRadius: 0,
-                marginTop: 4
+                marginTop: 4,
+                minHeight: 102
               },
               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: [
-                  W ? /* @__PURE__ */ e(M, { w: 180, h: 32 }) : /* @__PURE__ */ e(
+                  j ? /* @__PURE__ */ e(M, { w: 180, h: 32 }) : /* @__PURE__ */ e(
                     mn,
                     {
-                      value: H > 0 ? Ct : "0",
+                      value: D > 0 ? Ct : "0",
                       height: 32,
                       className: "font-semibold",
-                      style: { color: H > 0 ? "var(--t-text)" : "var(--t-text-muted)", fontSize: 24 }
+                      style: { color: D > 0 ? "var(--t-text)" : "var(--t-text-muted)", fontSize: 24 }
                     }
                   ),
                   L ? /* @__PURE__ */ o("div", { className: "flex flex-col items-end shrink-0", children: [
@@ -2696,8 +2697,8 @@ function Nn({
           vn,
           {
             onClose: y,
-            darkMode: G,
-            onToggleDarkMode: j,
+            darkMode: V,
+            onToggleDarkMode: G,
             skinId: Ne,
             onSelectSkin: (E) => {
               fe(E);
@@ -2728,17 +2729,17 @@ function Cn({
   className: T,
   theme: P,
   skinId: w,
-  accentColor: W,
+  accentColor: j,
   bgColor: Q,
-  bgImage: Y,
+  bgImage: W,
   borderColor: q,
   borderRadius: c,
   showFlowToggle: O,
   autoRedirect: C,
   explorerUrl: I,
   doneButtonText: _,
-  supportEmail: G,
-  onDone: j
+  supportEmail: V,
+  onDone: G
 }) {
   return /* @__PURE__ */ e(
     Kt,
@@ -2765,17 +2766,17 @@ function Cn({
           className: T,
           theme: P,
           skinId: w,
-          accentColor: W,
+          accentColor: j,
           bgColor: Q,
-          bgImage: Y,
+          bgImage: W,
           borderColor: q,
           borderRadius: c,
           showFlowToggle: O,
           autoRedirect: C,
           explorerUrl: I,
           doneButtonText: _,
-          supportEmail: G,
-          onDone: j
+          supportEmail: V,
+          onDone: G
         }
       )
     }
@@ -2838,7 +2839,7 @@ function En({ quote: t }) {
       className: "rounded-full shrink-0",
       style: { width: 36, height: 36 }
     }
-  ) : /* @__PURE__ */ e(Ge, { size: 36 });
+  ) : /* @__PURE__ */ e(Ve, { size: 36 });
 }
 function An() {
   return /* @__PURE__ */ e("div", { className: "space-y-2", children: [0, 1, 2].map((t) => /* @__PURE__ */ o(
@@ -2943,10 +2944,10 @@ function Pn({
 export {
   un as AnimatedDigit,
   mn as AnimatedNumber,
-  Yt as ApplePayIcon,
+  Wt as ApplePayIcon,
   Fe as BLOCKCHAINS,
-  jt as BankIcon,
-  Gt as CRYPTO_CHAIN_COMBOS,
+  Gt as BankIcon,
+  Vt as CRYPTO_CHAIN_COMBOS,
   Ft as CRYPTO_CURRENCIES,
   Zt as CardIcon,
   Bn as CheckoutForm,
@@ -2967,8 +2968,8 @@ export {
   hn as FiatCurrencyModal,
   $e as FiatFlag,
   pn as FormSkeleton,
-  Ge as GenericCoinIcon,
-  Vt as GooglePayIcon,
+  Ve as GenericCoinIcon,
+  Yt as GooglePayIcon,
   ut as MOCK_RATES,
   Jt as MenuIcon,
   Le as Modal,
@@ -2977,7 +2978,7 @@ export {
   ln as ProcessingStep,
   Cn as RampForm,
   Kt as RampProvider,
-  Wt as RevolutIcon,
+  jt as RevolutIcon,
   dt as SKINS,
   Be as SearchInput,
   vn as SettingsScreen,
@@ -2991,10 +2992,10 @@ export {
   Ln as getMockRate,
   en as getPaymentIcon,
   $t as parseAmount,
-  Dt as useCheckoutIntent,
+  Ht as useCheckoutIntent,
   Pt as useQuotes,
   he as useRamp,
   Ot as useRampConfig,
-  Ht as useTransaction
+  Dt as useTransaction
 };
 //# sourceMappingURL=index.js.map