@nowramp/form 0.1.30

package/dist/index.js

@@ -0,0 +1,2582 @@
+(function(){
+  if(typeof document==='undefined')return;
+  var id='nowramp-form-styles';
+  if(document.getElementById(id))return;
+  var s=document.createElement('style');
+  s.id=id;
+  s.textContent=`@layer nowramp-form{.theme-dark{--t-bg: #000000;--t-surface: rgba(255,255,255,.1);--t-surface-hover: rgba(255,255,255,.14);--t-text: #ffffff;--t-text-secondary: rgba(255,255,255,.4);--t-text-tertiary: rgba(255,255,255,.3);--t-text-muted: rgba(255,255,255,.5);--t-border: rgba(255,255,255,.2);--t-border-focus: rgba(255,255,255,.5);--t-pill-bg: rgba(255,255,255,.1);--t-pill-hover: rgba(255,255,255,.15);--t-badge-bg: rgba(255,255,255,.15);--t-divider: rgba(255,255,255,.2);--t-close-bg: rgba(255,255,255,.1);--t-close-hover: rgba(255,255,255,.2);--t-icon-stroke: rgba(255,255,255,.4);--t-icon-close: rgba(255,255,255,.6);--t-accent: #0077FF;--t-cta-bg: var(--t-accent);--t-cta-text: #ffffff;--t-cta-hover: rgba(255,255,255,.9);--t-cta-active: rgba(255,255,255,.8);--t-modal-bg: #000000;--t-chain-border: #000000;--t-skeleton-from: rgba(255,255,255,.06);--t-skeleton-mid: rgba(255,255,255,.12);--t-scrollbar: rgba(255,255,255,.15);--t-card-icon-bg: rgba(255,255,255,.1);--t-card-icon-stroke: rgba(255,255,255,.6);--t-success: #10b981;--t-error: #EF4444}.theme-light{--t-bg: #F2F3F5;--t-surface: rgba(0,0,0,.05);--t-surface-hover: rgba(0,0,0,.08);--t-text: #111111;--t-text-secondary: rgba(0,0,0,.45);--t-text-tertiary: rgba(0,0,0,.3);--t-text-muted: rgba(0,0,0,.5);--t-border: rgba(0,0,0,.12);--t-border-focus: rgba(0,0,0,.3);--t-pill-bg: rgba(0,0,0,.06);--t-pill-hover: rgba(0,0,0,.1);--t-badge-bg: rgba(0,0,0,.08);--t-divider: rgba(0,0,0,.1);--t-close-bg: rgba(0,0,0,.06);--t-close-hover: rgba(0,0,0,.12);--t-icon-stroke: rgba(0,0,0,.35);--t-icon-close: rgba(0,0,0,.5);--t-accent: #0077FF;--t-cta-bg: var(--t-accent);--t-cta-text: #ffffff;--t-cta-hover: #222222;--t-cta-active: #333333;--t-modal-bg: #F2F3F5;--t-chain-border: #F2F3F5;--t-skeleton-from: rgba(0,0,0,.04);--t-skeleton-mid: rgba(0,0,0,.08);--t-scrollbar: rgba(0,0,0,.12);--t-card-icon-bg: rgba(0,0,0,.06);--t-card-icon-stroke: rgba(0,0,0,.5);--t-success: #10b981;--t-error: #EF4444}.custom-scroll::-webkit-scrollbar{width:4px}.custom-scroll::-webkit-scrollbar-track{background:transparent}.custom-scroll::-webkit-scrollbar-thumb{background:var(--t-scrollbar);border-radius:2px}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,var(--t-skeleton-from) 25%,var(--t-skeleton-mid) 50%,var(--t-skeleton-from) 75%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:4px}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.tab-fade-in{animation:fadeIn .3s ease-out both}.digit-slot{display:inline-block;overflow:hidden;vertical-align:top}.digit-slot-inner{transition:transform .35s cubic-bezier(.33,1,.68,1)}@keyframes nramp-spin{to{transform:rotate(360deg)}}.nramp-spinner{width:40px;height:40px;border:3px solid var(--t-border);border-top-color:var(--t-accent);border-radius:50%;animation:nramp-spin .8s linear infinite;margin:0 auto}.nramp-spinner-large{width:60px;height:60px;border-width:4px}.nramp-spinner-inline{width:16px;height:16px;border-width:2px;display:inline-block}.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.visible{visibility:visible}.static{position:static}.absolute{position:absolute}.relative{position:relative}.inset-0{top:0;right:0;bottom:0;left:0}.left-0{left:0}.right-3{right:.75rem}.top-0{top:0}.top-1\\/2{top:50%}.top-\\[3px\\]{top:3px}.z-20{z-index:20}.mx-5{margin-left:1.25rem;margin-right:1.25rem}.mb-1\\.5{margin-bottom:.375rem}.mb-2{margin-bottom:.5rem}.mb-2\\.5{margin-bottom:.625rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mr-0\\.5{margin-right:.125rem}.mr-3{margin-right:.75rem}.mt-0\\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-1\\.5{margin-top:.375rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mt-\\[2px\\]{margin-top:2px}.block{display:block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.hidden{display:none}.h-\\[640px\\]{height:640px}.h-full{height:100%}.min-h-\\[640px\\]{min-height:640px}.w-0{width:0px}.w-full{width:100%}.min-w-0{min-width:0px}.max-w-\\[390px\\]{max-width:390px}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.-translate-y-1\\/2{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.flex-col{flex-direction:column}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-1\\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-3\\.5{gap:.875rem}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}.border{border-width:1px}.border-white\\/20{border-color:#fff3}.bg-black{--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity, 1))}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.p-12{padding:3rem}.p-8{padding:2rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-8{padding-left:2rem;padding-right:2rem}.px-\\[18px\\]{padding-left:18px;padding-right:18px}.px-\\[2px\\]{padding-left:2px;padding-right:2px}.py-0\\.5{padding-top:.125rem;padding-bottom:.125rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-3\\.5{padding-top:.875rem;padding-bottom:.875rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.pb-1{padding-bottom:.25rem}.pb-2\\.5{padding-bottom:.625rem}.pb-5{padding-bottom:1.25rem}.pb-\\[14px\\]{padding-bottom:14px}.pb-\\[18px\\]{padding-bottom:18px}.pt-3{padding-top:.75rem}.pt-5{padding-top:1.25rem}.pt-6{padding-top:1.5rem}.pt-\\[12px\\]{padding-top:12px}.pt-\\[14px\\]{padding-top:14px}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.text-\\[11px\\]{font-size:11px}.text-\\[12px\\]{font-size:12px}.text-\\[13px\\]{font-size:13px}.text-\\[14px\\]{font-size:14px}.text-\\[15px\\]{font-size:15px}.text-\\[16px\\]{font-size:16px}.text-\\[17px\\]{font-size:17px}.text-\\[18px\\]{font-size:18px}.text-\\[20px\\]{font-size:20px}.text-\\[48px\\]{font-size:48px}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.lowercase{text-transform:lowercase}.leading-tight{line-height:1.25}.text-black{--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity, 1))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.underline{text-decoration-line:underline}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline{outline-style:solid}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.hover\\:opacity-70:hover{opacity:.7}
+}`;
+  document.head.appendChild(s);
+})();
+import { jsx as e, jsxs as o, Fragment as le } from "react/jsx-runtime";
+import Ue, { useState as C, useRef as U, useCallback as $, useEffect as H, useMemo as X, useReducer as St, useContext as wt, createContext as Tt } from "react";
+import { RampApi as ke } from "@nowramp/sdk";
+function Rt(t, a) {
+  const [n, l] = C(null), [r, i] = C(!0), [m, d] = C(null), c = U(null);
+  (!c.current || c.current !== t) && (c.current = new ke({ apiKey: "", ...t }));
+  const u = $(async () => {
+    if (!t.projectId) {
+      d(new Error("projectId is required")), i(!1);
+      return;
+    }
+    i(!0), d(null);
+    try {
+      const p = await c.current.getSupported(a);
+      l(p);
+    } catch (p) {
+      d(p instanceof Error ? p : new Error("Failed to fetch config"));
+    } finally {
+      i(!1);
+    }
+  }, [t.projectId, a]);
+  return H(() => {
+    u();
+  }, [u]), { config: n, loading: r, error: m, refetch: u };
+}
+function kt(t, a) {
+  const [n, l] = C(null), [r, i] = C(!1), [m, d] = C(null), c = U(null), u = U(""), p = `${t.apiUrl}|${t.projectId}`;
+  (!c.current || u.current !== p) && (c.current = new ke({ apiKey: "", ...t }), u.current = p);
+  const f = U(0);
+  H(() => {
+    const g = ++f.current;
+    if (!a || !t.projectId) {
+      l(null), i(!1);
+      return;
+    }
+    i(!0), d(null), c.current.getQuotes(a).then(
+      (h) => {
+        f.current === g && (l(h), i(!1));
+      },
+      (h) => {
+        f.current === g && (d(h instanceof Error ? h : new Error("Failed to fetch quotes")), l(null), i(!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 x = $(async () => {
+    if (!(!a || !t.projectId)) {
+      i(!0), d(null);
+      try {
+        const g = await c.current.getQuotes(a);
+        l(g);
+      } catch (g) {
+        d(g instanceof Error ? g : new Error("Failed to fetch quotes"));
+      } finally {
+        i(!1);
+      }
+    }
+  }, [t.projectId, a]);
+  return { quotes: n, loading: r, error: m, refetch: x };
+}
+function Lt(t) {
+  const [a, n] = C(null), [l, r] = C(!1), [i, m] = C(null), d = U(null), c = U(""), u = `${t.apiUrl}|${t.projectId}`;
+  (!d.current || c.current !== u) && (d.current = new ke({ apiKey: "", ...t }), c.current = u);
+  const p = $(async (x) => {
+    r(!0), m(null);
+    try {
+      const g = await d.current.createCheckoutIntent(x);
+      return n(g), g;
+    } catch (g) {
+      const h = g instanceof Error ? g : new Error("Failed to create checkout intent");
+      throw m(h), h;
+    } finally {
+      r(!1);
+    }
+  }, []), f = $(() => {
+    n(null), m(null);
+  }, []);
+  return { order: a, loading: l, error: i, createOrder: p, reset: f };
+}
+function It(t, a, n) {
+  const [l, r] = C(null), [i, m] = C(!1), [d, c] = C(null), u = U(null);
+  u.current || (u.current = new ke({ apiKey: "", projectId: "", ...t }));
+  const p = $(async () => {
+    if (a) {
+      m(!0), c(null);
+      try {
+        const f = await u.current.getTransaction(a);
+        r(f);
+      } catch (f) {
+        c(f instanceof Error ? f : new Error("Failed to fetch status"));
+      } finally {
+        m(!1);
+      }
+    }
+  }, [a]);
+  return H(() => {
+    if (!a) return;
+    const f = (n == null ? void 0 : n.initialDelay) ?? 0;
+    if (f > 0) {
+      const x = setTimeout(p, f);
+      return () => clearTimeout(x);
+    }
+    p();
+  }, [p, a, n == null ? void 0 : n.initialDelay]), H(() => {
+    if (!a || !(n != null && n.pollInterval) || !l || ["completed", "failed", "cancelled", "expired", "refunded"].includes(l.status))
+      return;
+    const x = setInterval(p, n.pollInterval);
+    return () => clearInterval(x);
+  }, [a, n == null ? void 0 : n.pollInterval, l == null ? void 0 : l.status, p]), { status: l, loading: i, error: d, refetch: p };
+}
+function rt(t, a) {
+  if (!t) return t;
+  const n = t.indexOf(".");
+  if (n === -1) return t;
+  let l = t;
+  return l.length - n - 1 > a && (l = l.slice(0, n + a + 1)), l = l.replace(/0+$/, "").replace(/\.$/, ""), l;
+}
+const mt = {
+  step: "amount",
+  flowType: "buy",
+  fiatCurrency: "USD",
+  fiatAmount: "",
+  cryptoCurrency: "",
+  cryptoAmount: "",
+  network: "",
+  paymentMethodId: "",
+  walletAddress: "",
+  walletError: null,
+  selectedProvider: null,
+  selectedQuote: null,
+  customerId: "",
+  email: "",
+  country: "",
+  errorMessage: null
+};
+function Bt(t, a) {
+  switch (a.type) {
+    case "SET_STEP":
+      return { ...t, step: a.step, errorMessage: null };
+    case "SET_FLOW_TYPE":
+      return {
+        ...t,
+        flowType: a.flowType,
+        fiatAmount: "",
+        cryptoAmount: "",
+        selectedQuote: null,
+        selectedProvider: null,
+        errorMessage: null
+      };
+    case "SET_FIAT_CURRENCY":
+      return { ...t, fiatCurrency: a.currency };
+    case "SET_FIAT_AMOUNT":
+      return { ...t, fiatAmount: a.amount };
+    case "SET_CRYPTO_CURRENCY":
+      return { ...t, cryptoCurrency: a.currency, network: "" };
+    case "SET_CRYPTO_AMOUNT":
+      return { ...t, cryptoAmount: a.amount };
+    case "SET_NETWORK":
+      return { ...t, network: a.network };
+    case "SET_CRYPTO_CHAIN":
+      return { ...t, network: a.chain };
+    case "SET_PAYMENT_METHOD":
+      return { ...t, paymentMethodId: a.methodId };
+    case "SET_WALLET_ADDRESS":
+      return { ...t, walletAddress: a.address, walletError: null };
+    case "SET_WALLET_ERROR":
+      return { ...t, walletError: a.message };
+    case "SELECT_QUOTE":
+      return {
+        ...t,
+        selectedQuote: a.quote,
+        selectedProvider: a.quote.gatewayId
+      };
+    case "SET_CUSTOMER_ID":
+      return { ...t, customerId: a.customerId };
+    case "SET_EMAIL":
+      return { ...t, email: a.email };
+    case "SET_COUNTRY":
+      return { ...t, country: a.country };
+    case "SET_ERROR":
+      return { ...t, step: "error", errorMessage: a.message };
+    case "CLEAR_ERROR":
+      return { ...t, errorMessage: null };
+    case "RESET":
+      return mt;
+    default:
+      return t;
+  }
+}
+const ht = Tt(null);
+function Mt({
+  projectId: t,
+  apiUrl: a = "https://api.nowramp.com",
+  assetBaseUrl: n = "",
+  flowType: l = "buy",
+  customerId: r = "",
+  defaultFiatCurrency: i = "USD",
+  defaultCryptoCurrency: m = "BTC",
+  defaultNetwork: d = "",
+  defaultFiatAmount: c = "",
+  defaultCryptoAmount: u = "",
+  defaultWalletAddress: p = "",
+  defaultGateway: f,
+  fieldLocks: x,
+  statusPollInterval: g = 5e3,
+  onComplete: h,
+  onError: b,
+  children: L
+}) {
+  const O = X(() => ({ apiUrl: a, projectId: t }), [a, t]), A = d || (m ? m.toLowerCase() : ""), G = l === "sell", j = G ? !!u : !!c, Z = (G ? !!(j && m && A) : !!(j && m && A && p)) && f ? "confirm" : "amount", [s, P] = St(Bt, {
+    ...mt,
+    step: Z,
+    flowType: l,
+    fiatCurrency: i,
+    cryptoCurrency: m,
+    network: A,
+    fiatAmount: rt(c, 2),
+    cryptoAmount: rt(u, 6),
+    walletAddress: p,
+    customerId: r
+  }), v = s.flowType === "sell", {
+    config: I,
+    loading: D,
+    error: F
+  } = Rt(O, s.flowType);
+  Ue.useEffect(() => {
+    var R, k, w;
+    if (!I || !s.cryptoCurrency || s.network) return;
+    const N = (R = I.cryptos) == null ? void 0 : R.find((_) => _.code === s.cryptoCurrency), S = ((k = N == null ? void 0 : N.networks) == null ? void 0 : k.find((_) => _.isDefault)) || ((w = N == null ? void 0 : N.networks) == null ? void 0 : w[0]);
+    S != null && S.id && P({ type: "SET_NETWORK", network: S.id });
+  }, [I, s.cryptoCurrency, s.network]);
+  const K = X(() => {
+    if (v) {
+      if (!s.cryptoAmount) return null;
+      const w = parseFloat(s.cryptoAmount);
+      return isNaN(w) || w <= 0 ? "Enter a valid amount" : null;
+    }
+    if (!I || !s.fiatAmount) return null;
+    const N = parseFloat(s.fiatAmount);
+    if (isNaN(N)) return null;
+    const S = I.fiats.find((w) => w.code === s.fiatCurrency);
+    if (!S) return null;
+    const R = parseFloat(S.minAmount), k = parseFloat(S.maxAmount);
+    return !isNaN(R) && N < R ? `Minimum amount is ${S.minAmount} ${s.fiatCurrency}` : !isNaN(k) && N > k ? `Maximum amount is ${S.maxAmount} ${s.fiatCurrency}` : null;
+  }, [I, s.fiatAmount, s.fiatCurrency, s.cryptoAmount, v]), ge = X(() => {
+    const N = v ? !!s.cryptoAmount : !!s.fiatAmount;
+    return !I || !N || !s.cryptoCurrency || !s.network || K ? null : {
+      fiatCurrency: s.fiatCurrency,
+      ...v ? { cryptoAmount: s.cryptoAmount } : { fiatAmount: s.fiatAmount },
+      cryptoCurrency: s.cryptoCurrency,
+      network: s.network,
+      paymentMethodId: s.paymentMethodId || void 0,
+      country: s.country || void 0,
+      orderType: s.flowType
+    };
+  }, [I, s.fiatCurrency, s.fiatAmount, s.cryptoAmount, s.cryptoCurrency, s.network, s.paymentMethodId, s.country, K, v, s.flowType]), {
+    quotes: pe,
+    loading: fe,
+    error: Y,
+    refetch: ye
+  } = kt(O, ge), {
+    order: ee,
+    loading: ve,
+    error: ce,
+    createOrder: se
+  } = Lt(O), Ne = 15e3, {
+    status: V,
+    loading: te
+  } = It(
+    { apiUrl: a },
+    (ee == null ? void 0 : ee.orderId) ?? null,
+    { pollInterval: g, initialDelay: Ne }
+  );
+  Ue.useEffect(() => {
+    (V == null ? void 0 : V.status) === "completed" && h && h(V);
+  }, [V == null ? void 0 : V.status, h]), Ue.useEffect(() => {
+    const N = F || ce;
+    N && b && b(N);
+  }, [F, ce, b]);
+  const ae = f || (I == null ? void 0 : I.defaultGateway) || null, Ce = U(ae);
+  Ce.current = ae;
+  const be = U(pe);
+  be.current = pe;
+  const Ee = $(async () => {
+    var S, R, k;
+    const N = ((S = s.selectedQuote) == null ? void 0 : S.gatewayId) || ((k = (R = be.current) == null ? void 0 : R.bestQuote) == null ? void 0 : k.gatewayId) || Ce.current;
+    if (!N || !s.walletAddress) {
+      const w = [!N && "gateway", !s.walletAddress && "walletAddress"].filter(Boolean).join(", ");
+      P({ type: "SET_ERROR", message: `Missing required fields: ${w}` });
+      return;
+    }
+    try {
+      await se({
+        gateway: N,
+        customerId: s.customerId || void 0,
+        fiatCurrency: s.fiatCurrency,
+        ...v ? { cryptoAmount: s.cryptoAmount } : { fiatAmount: s.fiatAmount },
+        cryptoCurrency: s.cryptoCurrency,
+        network: s.network,
+        walletAddress: s.walletAddress,
+        paymentMethodId: s.paymentMethodId || void 0,
+        email: s.email || void 0,
+        orderType: s.flowType
+      }), P({ type: "SET_STEP", step: "checkout" });
+    } catch (w) {
+      const _ = w instanceof Error ? w.message : "Failed to create order";
+      /wallet|address/i.test(_) ? P({ type: "SET_WALLET_ERROR", message: _.replace(/^Failed to create checkout intent:\s*/i, "") }) : P({ type: "SET_ERROR", message: _ });
+    }
+  }, [s, se, v]), J = $((N) => {
+    P({ type: "SET_STEP", step: N });
+  }, []), ie = $(() => {
+    const N = ["confirm", "amount", "quotes", "wallet", "checkout", "processing", "complete"], S = N.indexOf(s.step);
+    S > 0 && P({ type: "SET_STEP", step: N[S - 1] });
+  }, [s.step, v]), Ie = X(() => {
+    const N = v ? !!s.cryptoAmount : !!s.fiatAmount;
+    switch (s.step) {
+      case "confirm":
+        return !!(N && s.cryptoCurrency && s.network && s.walletAddress && !K);
+      case "amount":
+        return !!(N && s.cryptoCurrency && s.network && !K);
+      case "quotes":
+        return !!s.selectedQuote;
+      case "wallet":
+        return !!s.walletAddress;
+      default:
+        return !1;
+    }
+  }, [s, K, v]), xe = {
+    apiConfig: O,
+    assetBaseUrl: n,
+    config: I,
+    configLoading: D,
+    configError: F,
+    state: s,
+    dispatch: P,
+    quotes: pe,
+    quotesLoading: fe,
+    quotesError: Y,
+    fetchQuotes: ye,
+    order: ee,
+    orderLoading: ve,
+    orderError: ce,
+    createOrder: Ee,
+    orderStatus: V,
+    orderStatusLoading: te,
+    fieldLocks: x || null,
+    defaultGateway: ae,
+    amountError: K,
+    goToStep: J,
+    goBack: ie,
+    canProceed: Ie
+  };
+  return /* @__PURE__ */ e(ht.Provider, { value: xe, children: L });
+}
+function he() {
+  const t = wt(ht);
+  if (!t)
+    throw new Error("useRamp must be used within a RampProvider");
+  return t;
+}
+function Ot({
+  className: t = "",
+  iframeHeight: a = 600,
+  autoRedirect: n = !1,
+  redirectDelay: l = 3e3
+}) {
+  var g;
+  const { order: r, orderStatus: i, goToStep: m, goBack: d } = he(), [c, u] = C(!1), [p, f] = C(null), x = r != null && r.checkout.expiresAt ? Date.now() > r.checkout.expiresAt : !1;
+  if (H(() => {
+    if ((r == null ? void 0 : r.checkout.method) === "redirect" && n && !x) {
+      f(Math.ceil(l / 1e3));
+      const h = setTimeout(() => {
+        window.location.href = r.checkout.url;
+      }, l), b = setInterval(() => {
+        f((L) => L && L > 1 ? L - 1 : null);
+      }, 1e3);
+      return () => {
+        clearTimeout(h), clearInterval(b);
+      };
+    }
+  }, [r, n, l, x]), H(() => {
+    i && (i.status === "completed" ? m("complete") : ["failed", "cancelled", "expired"].includes(i.status) && m("error"));
+  }, [i == null ? void 0 : i.status, m]), !r)
+    return /* @__PURE__ */ o("div", { className: `flex flex-col items-center justify-center p-8 ${t}`, style: { color: "var(--t-text)" }, children: [
+      /* @__PURE__ */ e("p", { className: "text-[15px] mb-4", children: "No order found" }),
+      /* @__PURE__ */ e(
+        "button",
+        {
+          className: "font-semibold text-[14px] transition-all",
+          style: { height: 48, borderRadius: 5, background: "var(--t-surface)", color: "var(--t-text)", paddingLeft: 24, paddingRight: 24 },
+          onClick: d,
+          children: "Go Back"
+        }
+      )
+    ] });
+  if (x)
+    return /* @__PURE__ */ o("div", { className: `flex flex-col items-center justify-center p-8 text-center ${t}`, style: { color: "var(--t-text)" }, children: [
+      /* @__PURE__ */ e("div", { className: "text-[48px] mb-4", children: "⏰" }),
+      /* @__PURE__ */ e("h3", { className: "text-[18px] font-semibold mb-2", children: "Checkout Expired" }),
+      /* @__PURE__ */ e("p", { className: "text-[14px] mb-6", style: { color: "var(--t-text-secondary)" }, children: "The checkout link has expired. Please try again." }),
+      /* @__PURE__ */ e(
+        "button",
+        {
+          className: "w-full font-semibold text-[16px] transition-all",
+          style: { height: 60, borderRadius: 5, background: "var(--t-cta-bg)", color: "var(--t-cta-text)" },
+          onClick: d,
+          children: "Start Over"
+        }
+      )
+    ] });
+  if (r.checkout.method === "iframe")
+    return /* @__PURE__ */ e("div", { className: `flex flex-col flex-1 ${t}`, children: /* @__PURE__ */ o("div", { className: "relative flex-1", style: { height: a, borderRadius: 5, overflow: "hidden", background: "var(--t-surface)" }, children: [
+      !c && /* @__PURE__ */ o("div", { className: "absolute inset-0 flex flex-col items-center justify-center", children: [
+        /* @__PURE__ */ e("div", { className: "nramp-spinner" }),
+        /* @__PURE__ */ e("p", { className: "text-[14px] mt-4", style: { color: "var(--t-text-secondary)" }, children: "Loading checkout..." })
+      ] }),
+      /* @__PURE__ */ e(
+        "iframe",
+        {
+          src: r.checkout.url,
+          style: {
+            display: c ? "block" : "none",
+            width: "100%",
+            height: "100%",
+            border: "none"
+          },
+          allow: ((g = r.checkout.allowedFeatures) == null ? void 0 : g.join("; ")) || "payment; camera; microphone; geolocation; clipboard-read; clipboard-write; accelerometer; gyroscope; magnetometer; fullscreen; autoplay; encrypted-media; web-share",
+          onLoad: () => u(!0),
+          title: "Provider Checkout"
+        }
+      )
+    ] }) });
+  if (r.checkout.method === "redirect")
+    return /* @__PURE__ */ o("div", { className: `flex flex-col items-center justify-center p-8 text-center ${t}`, style: { color: "var(--t-text)" }, children: [
+      /* @__PURE__ */ e("div", { className: "text-[48px] mb-4", children: "🔗" }),
+      /* @__PURE__ */ e("h3", { className: "text-[18px] font-semibold mb-2", children: "Complete Payment" }),
+      /* @__PURE__ */ o("p", { className: "text-[14px] mb-4", style: { color: "var(--t-text-secondary)" }, children: [
+        "You'll be redirected to ",
+        r.gateway,
+        " to complete your payment."
+      ] }),
+      p !== null && /* @__PURE__ */ o("p", { className: "text-[13px] mb-4", style: { color: "var(--t-text-muted)" }, children: [
+        "Redirecting in ",
+        p,
+        "..."
+      ] }),
+      /* @__PURE__ */ o(
+        "a",
+        {
+          href: r.checkout.url,
+          className: "w-full font-semibold text-[16px] flex items-center justify-center transition-all",
+          style: { height: 60, borderRadius: 5, background: "var(--t-cta-bg)", color: "var(--t-cta-text)", textDecoration: "none" },
+          target: "_blank",
+          rel: "noopener noreferrer",
+          children: [
+            "Continue to ",
+            r.gateway
+          ]
+        }
+      ),
+      /* @__PURE__ */ e(
+        "button",
+        {
+          className: "w-full font-semibold text-[14px] mt-2 transition-all",
+          style: { height: 48, borderRadius: 5, background: "var(--t-surface)", color: "var(--t-text)" },
+          onClick: d,
+          children: "Cancel"
+        }
+      )
+    ] });
+  if (r.checkout.method === "widget" && r.widgetConfig) {
+    const h = Pt(r.checkout.url, r.widgetConfig);
+    return /* @__PURE__ */ e("div", { className: `flex flex-col flex-1 ${t}`, children: /* @__PURE__ */ o("div", { className: "relative flex-1", style: { height: a, borderRadius: 5, overflow: "hidden", background: "var(--t-surface)" }, children: [
+      !c && /* @__PURE__ */ o("div", { className: "absolute inset-0 flex flex-col items-center justify-center", children: [
+        /* @__PURE__ */ e("div", { className: "nramp-spinner" }),
+        /* @__PURE__ */ e("p", { className: "text-[14px] mt-4", style: { color: "var(--t-text-secondary)" }, children: "Loading checkout..." })
+      ] }),
+      /* @__PURE__ */ e(
+        "iframe",
+        {
+          src: h,
+          style: {
+            display: c ? "block" : "none",
+            width: "100%",
+            height: "100%",
+            border: "none"
+          },
+          allow: "payment; camera; microphone; geolocation; clipboard-read; clipboard-write; accelerometer; gyroscope; magnetometer; fullscreen; autoplay; encrypted-media; web-share",
+          onLoad: () => u(!0),
+          title: "Payment Checkout"
+        }
+      )
+    ] }) });
+  }
+  return /* @__PURE__ */ o("div", { className: `flex flex-col items-center justify-center p-8 ${t}`, style: { color: "var(--t-text)" }, children: [
+    /* @__PURE__ */ e("p", { className: "text-[15px] mb-4", children: "Unknown checkout method" }),
+    /* @__PURE__ */ e(
+      "button",
+      {
+        className: "font-semibold text-[14px] transition-all",
+        style: { height: 48, borderRadius: 5, background: "var(--t-surface)", color: "var(--t-text)", paddingLeft: 24, paddingRight: 24 },
+        onClick: d,
+        children: "Go Back"
+      }
+    )
+  ] });
+}
+function Pt(t, a) {
+  const n = new URL("/en/partner/widget", t);
+  for (const [l, r] of Object.entries(a))
+    r != null && r !== "" && n.searchParams.set(l, String(r));
+  return n.toString();
+}
+function Ht({ className: t = "" }) {
+  const { orderStatus: a, orderStatusLoading: n, goToStep: l } = he();
+  H(() => {
+    a && (a.status === "completed" ? l("complete") : ["failed", "cancelled", "expired", "refunded"].includes(a.status) && l("error"));
+  }, [a == null ? void 0 : a.status, l]);
+  const r = () => {
+    if (!a) return "Processing your order...";
+    switch (a.status) {
+      case "pending":
+        return "Waiting for payment confirmation...";
+      case "processing":
+        return "Processing your transaction...";
+      default:
+        return "Processing...";
+    }
+  };
+  return /* @__PURE__ */ o("div", { className: `flex flex-col items-center justify-center px-8 py-12 text-center ${t}`, children: [
+    /* @__PURE__ */ e("div", { className: "mb-6", children: /* @__PURE__ */ e("div", { className: "nramp-spinner-large nramp-spinner" }) }),
+    /* @__PURE__ */ e("h2", { className: "text-[20px] font-semibold mb-3", style: { color: "var(--t-text)" }, children: r() }),
+    n && /* @__PURE__ */ e("p", { className: "text-[13px] mb-4", style: { color: "var(--t-text-muted)" }, children: "Checking status..." }),
+    a && /* @__PURE__ */ o("div", { className: "w-full mt-6 text-left", style: { background: "var(--t-surface)", borderRadius: 5, padding: 16 }, children: [
+      /* @__PURE__ */ e(me, { label: "Order ID", value: a.orderId, mono: !0 }),
+      /* @__PURE__ */ e(me, { label: "Provider", value: a.gateway }),
+      /* @__PURE__ */ e(
+        me,
+        {
+          label: "Amount",
+          value: `${a.fiatAmount} ${a.fiatCurrency}`
+        }
+      ),
+      /* @__PURE__ */ e(
+        me,
+        {
+          label: "Receiving",
+          value: `${a.cryptoAmount || "..."} ${a.cryptoCurrency}`
+        }
+      ),
+      /* @__PURE__ */ e(me, { label: "Network", value: a.network }),
+      /* @__PURE__ */ e(
+        me,
+        {
+          label: "To Address",
+          value: `${a.walletAddress.slice(0, 10)}...${a.walletAddress.slice(-8)}`,
+          mono: !0
+        }
+      )
+    ] }),
+    /* @__PURE__ */ o("div", { className: "mt-6", children: [
+      /* @__PURE__ */ e("p", { className: "text-[13px]", style: { color: "var(--t-text-secondary)" }, children: "This usually takes a few minutes." }),
+      /* @__PURE__ */ e("p", { className: "text-[12px] mt-1", style: { color: "var(--t-text-muted)" }, children: "You can safely close this page - we'll send you an email when complete." })
+    ] })
+  ] });
+}
+function me({ label: t, value: a, mono: n }) {
+  return /* @__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: t }),
+        /* @__PURE__ */ e(
+          "span",
+          {
+            className: `text-[13px] font-medium ${n ? "font-mono" : ""}`,
+            style: { color: "var(--t-text)" },
+            children: a
+          }
+        )
+      ]
+    }
+  );
+}
+function Ut({
+  className: t = "",
+  explorerUrl: a,
+  onDone: n,
+  doneButtonText: l = "Done"
+}) {
+  const { orderStatus: r, state: i, dispatch: m } = he(), d = i.flowType === "sell", c = () => {
+    if (!(r != null && r.transactionHash)) return null;
+    if (!a) {
+      const f = {
+        ethereum: "https://etherscan.io/tx/{txHash}",
+        polygon: "https://polygonscan.com/tx/{txHash}",
+        arbitrum: "https://arbiscan.io/tx/{txHash}",
+        optimism: "https://optimistic.etherscan.io/tx/{txHash}",
+        base: "https://basescan.org/tx/{txHash}",
+        bitcoin: "https://mempool.space/tx/{txHash}",
+        solana: "https://solscan.io/tx/{txHash}",
+        avalanche: "https://snowtrace.io/tx/{txHash}",
+        fantom: "https://ftmscan.com/tx/{txHash}"
+      };
+      return (f[i.network] || f.ethereum).replace("{txHash}", r.transactionHash);
+    }
+    return a.replace("{txHash}", r.transactionHash);
+  }, u = () => {
+    n ? n() : m({ type: "RESET" });
+  }, p = c();
+  return /* @__PURE__ */ o("div", { className: `flex flex-col items-center px-8 py-12 text-center ${t}`, children: [
+    /* @__PURE__ */ e(
+      "div",
+      {
+        className: "flex items-center justify-center mb-5",
+        style: { width: 64, height: 64, borderRadius: "50%", background: "var(--t-success, #10b981)" },
+        children: /* @__PURE__ */ e("svg", { viewBox: "0 0 24 24", width: "32", height: "32", fill: "white", children: /* @__PURE__ */ e("path", { d: "M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41L9 16.17z" }) })
+      }
+    ),
+    /* @__PURE__ */ e("h2", { className: "text-[20px] font-semibold mb-2", style: { color: "var(--t-text)" }, children: d ? "Sale Complete!" : "Purchase Complete!" }),
+    /* @__PURE__ */ e("p", { className: "text-[14px] mb-6", style: { color: "var(--t-text-secondary)" }, children: d ? `Your ${(r == null ? void 0 : r.fiatCurrency) || i.fiatCurrency} payout is being processed.` : `Your ${(r == null ? void 0 : r.cryptoCurrency) || i.cryptoCurrency} has been sent to your wallet.` }),
+    r && /* @__PURE__ */ o("div", { className: "w-full text-left mb-6", style: { background: "var(--t-surface)", borderRadius: 5, padding: 16 }, children: [
+      /* @__PURE__ */ e(
+        q,
+        {
+          label: d ? "Amount Sold" : "Amount Received",
+          value: `${r.cryptoAmount} ${r.cryptoCurrency}`,
+          highlight: !0
+        }
+      ),
+      /* @__PURE__ */ e(
+        q,
+        {
+          label: d ? "Payout Amount" : "Amount Paid",
+          value: `${r.fiatAmount} ${r.fiatCurrency}`
+        }
+      ),
+      /* @__PURE__ */ e(q, { label: "Network", value: r.network }),
+      /* @__PURE__ */ e(
+        q,
+        {
+          label: "Wallet",
+          value: `${r.walletAddress.slice(0, 10)}...${r.walletAddress.slice(-8)}`,
+          mono: !0
+        }
+      ),
+      r.transactionHash && /* @__PURE__ */ e(
+        q,
+        {
+          label: "Transaction",
+          value: `${r.transactionHash.slice(0, 10)}...${r.transactionHash.slice(-8)}`,
+          mono: !0
+        }
+      ),
+      /* @__PURE__ */ e(q, { label: "Provider", value: r.gateway }),
+      /* @__PURE__ */ e(q, { label: "Order ID", value: r.orderId, mono: !0 }),
+      r.completedAt && /* @__PURE__ */ e(
+        q,
+        {
+          label: "Completed",
+          value: new Date(r.completedAt).toLocaleString()
+        }
+      )
+    ] }),
+    /* @__PURE__ */ o("div", { className: "w-full flex flex-col gap-2", children: [
+      p && /* @__PURE__ */ e(
+        "a",
+        {
+          href: p,
+          target: "_blank",
+          rel: "noopener noreferrer",
+          className: "w-full font-semibold text-[14px] flex items-center justify-center transition-all",
+          style: { height: 48, borderRadius: 5, background: "var(--t-surface)", color: "var(--t-text)", textDecoration: "none" },
+          children: "View on Explorer"
+        }
+      ),
+      /* @__PURE__ */ e(
+        "button",
+        {
+          className: "w-full font-semibold text-[16px] transition-all",
+          style: { height: 60, borderRadius: 5, background: "var(--t-cta-bg)", color: "var(--t-cta-text)" },
+          onClick: u,
+          children: l
+        }
+      )
+    ] })
+  ] });
+}
+function q({ label: t, value: a, mono: n, highlight: l }) {
+  return /* @__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: t }),
+        /* @__PURE__ */ e(
+          "span",
+          {
+            className: `text-[13px] font-medium ${n ? "font-mono" : ""}`,
+            style: { color: l ? "var(--t-success, #10b981)" : "var(--t-text)" },
+            children: a
+          }
+        )
+      ]
+    }
+  );
+}
+function Dt({
+  className: t = "",
+  onRetry: a,
+  supportEmail: n = "support@nowramp.com"
+}) {
+  const { state: l, orderStatus: r, dispatch: i, goToStep: m } = he(), d = l.flowType === "sell", c = () => {
+    if (r)
+      switch (r.status) {
+        case "failed":
+          return "Payment Failed";
+        case "cancelled":
+          return "Order Cancelled";
+        case "expired":
+          return "Order Expired";
+        case "refunded":
+          return "Order Refunded";
+        default:
+          return "Something Went Wrong";
+      }
+    return "Something Went Wrong";
+  }, u = () => {
+    if (l.errorMessage) return l.errorMessage;
+    if (r)
+      switch (r.status) {
+        case "failed":
+          return d ? "Your sale could not be processed. Please try again." : "Your payment could not be processed. Please try again or use a different payment method.";
+        case "cancelled":
+          return d ? "Your sale was cancelled. No crypto was transferred." : "Your order was cancelled. No payment was processed.";
+        case "expired":
+          return d ? "Your order has expired. Please start a new sale." : "Your order has expired. Please start a new purchase.";
+        case "refunded":
+          return d ? "Your crypto has been returned. The funds should appear in your wallet shortly." : "Your payment has been refunded. The funds should appear in your account within 5-10 business days.";
+        default:
+          return "An unexpected error occurred. Please try again.";
+      }
+    return "An unexpected error occurred. Please try again.";
+  }, p = () => {
+    i({ type: "CLEAR_ERROR" }), a ? a() : (i({ type: "RESET" }), m("amount"));
+  }, f = () => {
+    i({ type: "RESET" }), m("amount");
+  };
+  return /* @__PURE__ */ o("div", { className: `flex flex-col items-center px-8 py-12 text-center ${t}`, children: [
+    /* @__PURE__ */ e(
+      "div",
+      {
+        className: "flex items-center justify-center mb-5",
+        style: { width: 64, height: 64, borderRadius: "50%", background: "var(--t-error, #EF4444)" },
+        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: c() }),
+    /* @__PURE__ */ e("p", { className: "text-[14px] mb-6", style: { color: "var(--t-text-secondary)" }, children: u() }),
+    r && /* @__PURE__ */ o("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", style: { borderBottom: "1px solid var(--t-divider)" }, children: [
+        /* @__PURE__ */ e("span", { className: "text-[13px]", style: { color: "var(--t-text-secondary)" }, children: "Order ID" }),
+        /* @__PURE__ */ e("span", { className: "text-[13px] font-medium font-mono", style: { color: "var(--t-text)" }, children: r.orderId })
+      ] }),
+      /* @__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: "Status" }),
+        /* @__PURE__ */ e(
+          "span",
+          {
+            className: "text-[12px] font-medium px-2 py-0.5",
+            style: { background: "rgba(239,68,68,0.15)", color: "#EF4444", borderRadius: 4 },
+            children: r.gatewayStatus
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ o("div", { className: "w-full flex flex-col gap-2", children: [
+      /* @__PURE__ */ e(
+        "button",
+        {
+          className: "w-full font-semibold text-[16px] transition-all",
+          style: { height: 60, borderRadius: 5, background: "var(--t-cta-bg)", color: "var(--t-cta-text)" },
+          onClick: p,
+          children: "Try Again"
+        }
+      ),
+      /* @__PURE__ */ e(
+        "button",
+        {
+          className: "w-full font-semibold text-[14px] transition-all",
+          style: { height: 48, borderRadius: 5, background: "var(--t-surface)", color: "var(--t-text)" },
+          onClick: f,
+          children: "Start Over"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ o("div", { className: "mt-6", children: [
+      /* @__PURE__ */ o("p", { className: "text-[13px]", style: { color: "var(--t-text-secondary)" }, children: [
+        "Need help? Contact",
+        " ",
+        /* @__PURE__ */ e(
+          "a",
+          {
+            href: `mailto:${n}`,
+            className: "underline",
+            style: { color: "var(--t-accent)" },
+            children: n
+          }
+        )
+      ] }),
+      r && /* @__PURE__ */ o("p", { className: "text-[12px] mt-1", style: { color: "var(--t-text-muted)" }, children: [
+        "Reference: ",
+        r.orderId
+      ] })
+    ] })
+  ] });
+}
+function ot(t) {
+  return t.length <= 12 ? t : `${t.slice(0, 6)}...${t.slice(-6)}`;
+}
+function Ft({ className: t = "" }) {
+  const {
+    config: a,
+    configLoading: n,
+    state: l,
+    defaultGateway: r,
+    fetchQuotes: i,
+    createOrder: m,
+    orderLoading: d
+  } = he(), c = l.flowType === "sell", [u, p] = C(null), f = a == null ? void 0 : a.gateways.find((g) => g.id === r), x = async () => {
+    p(null);
+    try {
+      i(), await m();
+    } catch (g) {
+      const h = g instanceof Error ? g.message : "Failed to create order";
+      p(h);
+    }
+  };
+  return n ? /* @__PURE__ */ o("div", { className: `flex flex-col items-center justify-center p-12 ${t}`, children: [
+    /* @__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: c ? "Confirm Sale" : "Confirm Purchase" }),
+    /* @__PURE__ */ o("div", { className: "w-full text-left mb-6", style: { background: "var(--t-surface)", borderRadius: 5, padding: 16 }, children: [
+      f && /* @__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" }),
+        /* @__PURE__ */ o("span", { className: "flex items-center gap-2", children: [
+          f.logo && /* @__PURE__ */ e("img", { src: f.logo, alt: f.name, width: 20, height: 20, style: { borderRadius: 4 } }),
+          /* @__PURE__ */ e("span", { className: "text-[13px] font-medium", style: { color: "var(--t-text)" }, children: f.name })
+        ] })
+      ] }),
+      c ? /* @__PURE__ */ o(le, { children: [
+        /* @__PURE__ */ e(oe, { label: "You sell", value: `${l.cryptoAmount} ${l.cryptoCurrency}`, highlight: !0 }),
+        /* @__PURE__ */ e(oe, { label: "You receive", value: `${l.fiatCurrency} payout` })
+      ] }) : /* @__PURE__ */ o(le, { children: [
+        /* @__PURE__ */ e(oe, { label: "You pay", value: `${l.fiatAmount} ${l.fiatCurrency}`, highlight: !0 }),
+        /* @__PURE__ */ e(oe, { label: "You receive", value: `${l.cryptoCurrency} on ${l.network}` }),
+        /* @__PURE__ */ e(oe, { label: "Wallet", value: ot(l.walletAddress), mono: !0 })
+      ] }),
+      /* @__PURE__ */ e(oe, { label: "Network", value: l.network }),
+      c && l.walletAddress && /* @__PURE__ */ e(oe, { label: "Refund address", value: ot(l.walletAddress), mono: !0 })
+    ] }),
+    u && /* @__PURE__ */ e("p", { className: "text-[12px] mb-4", style: { color: "#EF4444" }, children: u }),
+    /* @__PURE__ */ e(
+      "button",
+      {
+        className: "w-full font-semibold text-[16px] transition-all flex items-center justify-center gap-2",
+        style: { height: 60, borderRadius: 5, background: "var(--t-cta-bg)", color: "var(--t-cta-text)", opacity: d ? 0.7 : 1 },
+        disabled: d,
+        onClick: x,
+        children: d ? /* @__PURE__ */ o(le, { children: [
+          /* @__PURE__ */ e("span", { className: "nramp-spinner-inline" }),
+          "Processing..."
+        ] }) : c ? "Confirm & Sell" : "Confirm & Pay"
+      }
+    )
+  ] });
+}
+function oe({ label: t, value: a, mono: n, highlight: l }) {
+  return /* @__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: t }),
+    /* @__PURE__ */ e(
+      "span",
+      {
+        className: `text-[13px] font-medium ${n ? "font-mono" : ""}`,
+        style: { color: l ? "var(--t-success, #10b981)" : "var(--t-text)" },
+        children: a
+      }
+    )
+  ] });
+}
+function De({
+  isOpen: t,
+  onClose: a,
+  children: n
+}) {
+  const [l, r] = C(!1), [i, m] = C(!1);
+  H(() => {
+    if (t)
+      r(!0), requestAnimationFrame(() => requestAnimationFrame(() => m(!0)));
+    else if (l) {
+      m(!1);
+      const c = setTimeout(() => r(!1), 250);
+      return () => clearTimeout(c);
+    }
+  }, [t]);
+  const d = $(() => {
+    m(!1), setTimeout(() => a(), 250);
+  }, [a]);
+  return l ? /* @__PURE__ */ e(
+    "div",
+    {
+      className: "absolute inset-0 z-20 transition-opacity duration-250",
+      style: { opacity: i ? 1 : 0 },
+      children: /* @__PURE__ */ e(
+        "div",
+        {
+          className: "absolute inset-0 flex flex-col transition-transform duration-250 ease-out",
+          style: { background: "var(--t-modal-bg)", transform: i ? "translateY(0)" : "translateY(24px)" },
+          children: typeof n == "function" ? n(d) : n
+        }
+      )
+    }
+  ) : null;
+}
+function Kt({ char: t, height: a = 38 }) {
+  const n = "0123456789", l = n.indexOf(t);
+  return l === -1 ? /* @__PURE__ */ e("span", { children: t }) : /* @__PURE__ */ e("span", { className: "digit-slot", style: { height: a, lineHeight: `${a}px` }, children: /* @__PURE__ */ e("span", { className: "digit-slot-inner block", style: { transform: `translateY(-${l * a}px)` }, children: n.split("").map((r) => /* @__PURE__ */ e("span", { className: "block", style: { height: a, lineHeight: `${a}px` }, children: r }, r)) }) });
+}
+function _t({
+  value: t,
+  height: a = 38,
+  className: n = "",
+  style: l = {}
+}) {
+  return /* @__PURE__ */ e("span", { className: n, style: { display: "inline-flex", ...l }, children: t.split("").map((r, i) => /* @__PURE__ */ e(Kt, { char: r, height: a }, i)) });
+}
+function B({
+  w: t,
+  h: a,
+  className: n = ""
+}) {
+  return /* @__PURE__ */ e("div", { className: `skeleton ${n}`, style: { width: t, height: a } });
+}
+function Xt() {
+  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(B, { w: 70, h: 14, className: "mb-3" }),
+      /* @__PURE__ */ o("div", { className: "flex justify-between items-center", children: [
+        /* @__PURE__ */ e(B, { w: 120, h: 32 }),
+        /* @__PURE__ */ e(B, { 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(B, { w: 50, h: 14, className: "mb-3" }),
+      /* @__PURE__ */ o("div", { className: "flex justify-between items-center", children: [
+        /* @__PURE__ */ e(B, { w: 180, h: 32 }),
+        /* @__PURE__ */ e(B, { w: 85, h: 32 })
+      ] })
+    ] }),
+    /* @__PURE__ */ o("div", { className: "flex justify-between mt-3 px-[2px]", children: [
+      /* @__PURE__ */ e(B, { w: 140, h: 12 }),
+      /* @__PURE__ */ e(B, { w: 90, h: 12 })
+    ] }),
+    /* @__PURE__ */ o("div", { className: "mt-8", children: [
+      /* @__PURE__ */ e(B, { w: 65, h: 14, className: "mb-2.5" }),
+      /* @__PURE__ */ e(B, { w: "100%", h: 47 })
+    ] }),
+    /* @__PURE__ */ e("div", { className: "flex-1" }),
+    /* @__PURE__ */ e(B, { 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" }) })
+  ] });
+}
+const Re = {
+  ETH: { name: "Ethereum (ERC20)", shortName: "Ethereum", icon: "eth" },
+  BSC: { name: "Binance Smart Chain (BEP20)", shortName: "Binance", icon: "bnb" },
+  BTC: { name: "Bitcoin", icon: "btc" },
+  SOL: { name: "Solana", icon: "sol" },
+  MATIC: { name: "Polygon", icon: "pol" },
+  ARB: { name: "Arbitrum", icon: "arb" },
+  BASE: { name: "Base", icon: "base" },
+  OPTIMISM: { name: "Optimism", icon: "op" },
+  AVAX_C: { name: "Avalanche C-Chain", shortName: "Avalanche C", icon: "avax" },
+  AVAX_X: { name: "Avalanche X-Chain", shortName: "Avalanche X", icon: "avax" },
+  ADA: { name: "Cardano", icon: "ada" },
+  DOT: { name: "Polkadot", icon: "dot" },
+  TRON: { name: "Tron (TRC20)", shortName: "Tron", icon: "trx" },
+  XRP: { name: "Ripple", icon: "xrp" },
+  XLM: { name: "Stellar", icon: "xlm" },
+  ALGO: { name: "Algorand", icon: "algo" },
+  ATOM: { name: "Cosmos", icon: "atom" },
+  NEAR: { name: "NEAR Protocol", shortName: "NEAR", icon: "near" },
+  SUI: { name: "Sui", icon: "sui" },
+  APT: { name: "Aptos", icon: "apt" },
+  TON: { name: "Ton", icon: "ton" },
+  FIL: { name: "Filecoin", icon: "fil" },
+  FLOW: { name: "Flow", icon: "flow" },
+  HBAR: { name: "Hedera Hashgraph", shortName: "Hedera", icon: "hbar" },
+  INJ: { name: "Injective", icon: "inj" },
+  SEI_EVM: { name: "SEI (EVM)", shortName: "SEI", icon: "sei" },
+  ZKSYNC: { name: "zkSync", icon: "zksync" },
+  LINEA: { name: "Linea", icon: "linea" },
+  STARK: { name: "StarkNet", icon: "strk" },
+  LN: { name: "Lightning", icon: "btc" },
+  CELO: { name: "Celo", icon: "celo" },
+  CRO: { name: "Cronos", icon: "cro" },
+  FTM: { name: "Fantom", icon: "ftm" },
+  GLMR: { name: "Moonbeam", icon: "glmr" },
+  MOVR: { name: "Moonriver", icon: "movr" },
+  KSM: { name: "Kusama", icon: "ksm" },
+  EOS: { name: "EOS", icon: "eos" },
+  ETC: { name: "Ethereum Classic", shortName: "ETH Classic", icon: "etc" },
+  LTC: { name: "Litecoin", icon: "ltc" },
+  BCH: { name: "Bitcoin Cash", shortName: "BTC Cash", icon: "bch" },
+  DOGE: { name: "Dogecoin", icon: "doge" },
+  BNB: { name: "Binance Chain (BEP2)", shortName: "Binance", icon: "bnb" },
+  ONE: { name: "Harmony", icon: "one" },
+  KLAY: { name: "Kaia", icon: "kaia" },
+  RON: { name: "Ronin", icon: "ron" },
+  LRC: { name: "Loopring", icon: "lrc" },
+  ICP: { name: "Internet Computer", shortName: "ICP", icon: "icp" },
+  EGLD: { name: "MultiversX", icon: "egld" },
+  FLUX: { name: "Flux", icon: "flux" },
+  KDA: { name: "Kadena", icon: "kda" },
+  WAVES: { name: "Waves", icon: "waves" },
+  XTZ: { name: "Tezos", icon: "xtz" },
+  ACA: { name: "Acala", icon: "aca" },
+  ALEO: { name: "Aleo", icon: "aleo" },
+  ALPH: { name: "Alephium", icon: "alph" },
+  APE: { name: "ApeChain", icon: "ape" },
+  ASTR: { name: "Astar", icon: "astr" },
+  AZERO: { name: "Aleph Zero", icon: "azero" },
+  AZERO_EVM: { name: "Aleph Zero EVM", shortName: "Aleph Zero", icon: "azero" },
+  BAJU: { name: "Bajun Network", shortName: "Bajun", icon: "baju" },
+  BNCPOLKA: { name: "Bifrost Polkadot", shortName: "Bifrost", icon: "bnc" },
+  BNC: { name: "Bifrost Kusama", shortName: "Bifrost", icon: "bnc" },
+  BOBA: { name: "Boba Network", shortName: "Boba", icon: "boba" },
+  BSX: { name: "Basilisk", icon: "bsx" },
+  CHZ: { name: "Chiliz", icon: "chz" },
+  VIC: { name: "Viction", icon: "vic" },
+  CCD: { name: "Concordium", icon: "ccd" },
+  COREUM: { name: "Coreum", icon: "coreum" },
+  DINGO: { name: "Dingocoin", icon: "dingo" },
+  HDX: { name: "Hydration", icon: "hdx" },
+  PLMC: { name: "Polimec", icon: "plmc" },
+  MNT: { name: "Mantle", icon: "mnt" },
+  ERG: { name: "Ergo", icon: "erg" },
+  ECLIPSE: { name: "Eclipse", icon: "eclipse" },
+  FUEL: { name: "Fuel Ignition", shortName: "Fuel", icon: "fuel" },
+  INK: { name: "Ink", icon: "ink" },
+  SOPHON: { name: "Sophon", icon: "sophon" },
+  UNICHAIN: { name: "Unichain", icon: "unichain" },
+  WLD: { name: "Worldchain", icon: "wld" },
+  ETHERLINK: { name: "Etherlink", icon: "etherlink" },
+  MOB: { name: "MobileCoin", icon: "mob" },
+  GALA: { name: "Gala", icon: "gala" },
+  GUNZ: { name: "Gunz", icon: "gun" },
+  HNT: { name: "Helium", icon: "hnt" },
+  BITKUB: { name: "BitKub", icon: "kub" },
+  IMMUTABLE_ZKEVM: { name: "Immutable-zkEVM", shortName: "Immutable", icon: "imx" },
+  INIT: { name: "Initia", icon: "init" },
+  INTR: { name: "Interlay", icon: "intr" },
+  KINESIS: { name: "Kinesis", icon: "kag" },
+  KAR: { name: "Karura", icon: "kar" },
+  KCC: { name: "KuCoin Community Chain", shortName: "KuCoin", icon: "kcs" },
+  KILT: { name: "KILT Spiritnet", shortName: "KILT", icon: "kilt" },
+  KINT: { name: "Kintsugi", icon: "kint" },
+  KMD: { name: "Komodo", icon: "kmd" },
+  LSK: { name: "Lisk", icon: "lsk" },
+  METIS: { name: "Metis Andromeda", shortName: "Metis", icon: "metis" },
+  MYTH: { name: "Myth", icon: "myth" },
+  OAS: { name: "Oasys", icon: "oas" },
+  PEAQ_EVM: { name: "Peaq (EVM)", shortName: "Peaq", icon: "peaq" },
+  PEN: { name: "Pendulum", icon: "pen" },
+  PI: { name: "Pi", icon: "pi" },
+  POLYX: { name: "Polymesh", icon: "polyx" },
+  Q: { name: "QuantumCoin", icon: "q" },
+  QRL: { name: "Quantum Resistant Ledger", shortName: "QRL", icon: "qrl" },
+  QUBIC: { name: "Qubic", icon: "qubic" },
+  RBX: { name: "ReserveBlock", icon: "rbx" },
+  ROLLUX: { name: "Rollux", icon: "rollux" },
+  THORCHAIN: { name: "Thorchain", icon: "rune" },
+  S: { name: "Sonic", icon: "s" },
+  SONIC: { name: "Sonic", icon: "s" },
+  TERNOA: { name: "Ternoa", icon: "caps" },
+  SX: { name: "SX Network", icon: "sol" },
+  WAX: { name: "WAX", icon: "waxp" },
+  XCH: { name: "Chia Chain", icon: "xch" },
+  XPRT: { name: "Persistence", icon: "xprt" },
+  ZETACHAIN: { name: "ZetaChain", icon: "zeta" },
+  ZTG: { name: "Zeitgeist", icon: "ztg" },
+  PLS: { name: "Pulsechain", icon: "pulsechain" },
+  MEZO: { name: "Mezo", icon: "mezo" },
+  BSV: { name: "Bitcoin SV", shortName: "BTC SV", icon: "btc" },
+  MONAD: { name: "Monad", icon: "mon" },
+  SUPRA: { name: "Supra", icon: "supra" },
+  SOMI: { name: "Somnia", icon: "somi" },
+  VERIFIEDX: { name: "VerifiedX", icon: "vfx" },
+  MOVE: { name: "Movement", icon: "move" },
+  FLR: { name: "Flare", icon: "flr" },
+  ASSETHUB: { name: "Asset Hub Polkadot", shortName: "Asset Hub", icon: "dot" },
+  BOB: { name: "BOB", icon: "btc" },
+  GLUE: { name: "Glue", icon: "eth" },
+  DYDX: { name: "StarkEx", icon: "stark" },
+  OKC: { name: "OKX Chain", icon: "eth" },
+  UNI_CHAIN: { name: "UNI", icon: "uni" },
+  ZEC: { name: "ZCash", icon: "zec" }
+}, $t = [
+  // --- Popular / Top coins ---
+  { code: "BTC", name: "Bitcoin", chains: ["BTC", "LN"], popular: !0 },
+  { code: "ETH", name: "Ethereum", chains: ["ETH", "ARB", "BASE", "BSC", "OPTIMISM", "LINEA", "ZKSYNC", "LRC", "STARK", "APE", "ECLIPSE", "FUEL", "INK", "SOPHON", "UNICHAIN", "WLD"], popular: !0 },
+  { code: "USDC", name: "USD Coin", chains: ["ETH", "SOL", "ARB", "BASE", "BSC", "MATIC", "OPTIMISM", "AVAX_C", "ALGO", "APT", "CELO", "FLOW", "HBAR", "LINEA", "LRC", "ZKSYNC", "STARK", "SUI", "XLM", "ECLIPSE", "HDX", "INK", "LSK", "METIS", "MONAD", "SEI_EVM", "SONIC", "SOPHON", "SX", "UNICHAIN", "APE", "BNCPOLKA", "GLMR", "PEAQ_EVM", "PLMC", "RON", "UNI_CHAIN", "WLD", "BITKUB", "BOB", "DYDX", "ETHERLINK", "GLUE", "ASSETHUB"], popular: !0 },
+  { code: "USDT", name: "Tether", chains: ["ETH", "BSC", "TRON", "ARB", "MATIC", "AVAX_C", "SOL", "OPTIMISM", "ZKSYNC", "STARK", "APT", "CELO", "KLAY", "LRC", "LSK", "ECLIPSE", "ETHERLINK", "OKC", "PEAQ_EVM", "BNCPOLKA", "GLMR", "HDX", "PLMC", "VIC", "ASSETHUB"], popular: !0 },
+  { code: "SOL", name: "Solana", chains: ["SOL"], popular: !0 },
+  { code: "XRP", name: "Ripple", chains: ["XRP"], popular: !0 },
+  { code: "ADA", name: "Cardano", chains: ["ADA"], popular: !0 },
+  { code: "DOGE", name: "Dogecoin", chains: ["DOGE"], popular: !0 },
+  { code: "DOT", name: "Polkadot", chains: ["DOT", "BSC", "BNCPOLKA", "GLMR", "HDX", "PLMC"], popular: !0 },
+  { code: "AVAX", name: "Avalanche", chains: ["AVAX_C", "AVAX_X", "BSC"], popular: !0 },
+  { code: "LINK", name: "ChainLink", chains: ["ETH", "BSC"], popular: !0 },
+  { code: "LTC", name: "Litecoin", chains: ["LTC"], popular: !0 },
+  // --- Major altcoins ---
+  { code: "AAVE", name: "Aave", chains: ["ETH", "BSC"], popular: !1 },
+  { code: "ACA", name: "Acala", chains: ["ACA"], popular: !1 },
+  { code: "ALEO", name: "Aleo", chains: ["ALEO"], popular: !1 },
+  { code: "ALGO", name: "Algorand", chains: ["ALGO"], popular: !1 },
+  { code: "ALPH", name: "Alephium", chains: ["ALPH"], popular: !1 },
+  { code: "APE", name: "ApeCoin", chains: ["APE", "ETH"], popular: !1 },
+  { code: "APT", name: "Aptos", chains: ["APT"], popular: !1 },
+  { code: "ARB", name: "Arbitrum", chains: ["ARB"], popular: !1 },
+  { code: "ASTR", name: "Astar", chains: ["ASTR"], popular: !1 },
+  { code: "ATOM", name: "Cosmos", chains: ["ATOM"], popular: !1 },
+  { code: "AUDD", name: "Novatti Australian Digital Dollar", chains: ["ETH"], popular: !1 },
+  { code: "AVT", name: "Aventus", chains: ["ETH"], popular: !1 },
+  { code: "AXS", name: "Axie Infinity", chains: ["ETH", "RON"], popular: !1 },
+  { code: "AZERO", name: "Aleph Zero", chains: ["AZERO", "AZERO_EVM"], popular: !1 },
+  { code: "BAJU", name: "Bajun Network", chains: ["BAJU"], popular: !1 },
+  { code: "BARSIK", name: "Hasbulla's Cat", chains: ["SOL"], popular: !1 },
+  { code: "BAT", name: "Basic Attention Token", chains: ["ETH", "BSC"], popular: !1 },
+  { code: "BCH", name: "Bitcoin Cash", chains: ["BCH"], popular: !1 },
+  { code: "BNB", name: "Binance Coin", chains: ["BNB", "BSC"], popular: !1 },
+  { code: "BNC", name: "Bifrost Native Coin", chains: ["BNC", "BNCPOLKA"], popular: !1 },
+  { code: "BOBA", name: "Boba Network", chains: ["BOBA", "ETH"], popular: !1 },
+  { code: "BORA", name: "Bora", chains: ["KLAY"], popular: !1 },
+  { code: "BRETT", name: "Brett", chains: ["BASE"], popular: !1 },
+  { code: "BSX", name: "Basilisk", chains: ["BSX"], popular: !1 },
+  { code: "BZR", name: "Bazaars", chains: ["ETH"], popular: !1 },
+  { code: "CAGA", name: "Crypto Asset Governance Alliance", chains: ["ETH"], popular: !1 },
+  { code: "CAKE", name: "PancakeSwap", chains: ["BSC"], popular: !1 },
+  { code: "CAPS", name: "Caps", chains: ["TERNOA"], popular: !1 },
+  { code: "CELO", name: "Celo", chains: ["CELO"], popular: !1 },
+  { code: "CHZ", name: "Chiliz", chains: ["CHZ", "BNB", "ETH"], popular: !1 },
+  { code: "C98", name: "Coin98", chains: ["VIC"], popular: !1 },
+  { code: "CCD", name: "Concordium", chains: ["CCD"], popular: !1 },
+  { code: "COMP", name: "Compound", chains: ["ETH", "BSC"], popular: !1 },
+  { code: "COREUM", name: "Coreum", chains: ["COREUM", "XRP"], popular: !1 },
+  { code: "CRO", name: "Cronos", chains: ["CRO"], popular: !1 },
+  { code: "CUSD", name: "Celo Dollar", chains: ["CELO"], popular: !1 },
+  { code: "CVC", name: "Civic", chains: ["ETH"], popular: !1 },
+  { code: "DAI", name: "Dai", chains: ["ETH", "BASE", "MATIC"], popular: !1 },
+  { code: "DINGO", name: "Dingocoin", chains: ["DINGO"], popular: !1 },
+  { code: "EGLD", name: "MultiversX", chains: ["EGLD"], popular: !1 },
+  { code: "EMBER", name: "Ember Sword", chains: ["MNT"], popular: !1 },
+  { code: "EOS", name: "EOS", chains: ["EOS"], popular: !1 },
+  { code: "ERG", name: "Ergo", chains: ["ERG"], popular: !1 },
+  { code: "ETC", name: "Ethereum Classic", chains: ["ETC", "BSC"], popular: !1 },
+  { code: "EUR", name: "EURC", chains: ["BASE"], popular: !1 },
+  { code: "EUROC", name: "Euro Coin", chains: ["ETH"], popular: !1 },
+  { code: "EURQ", name: "Quantoz EURQ", chains: ["ETH"], popular: !1 },
+  { code: "EURR", name: "StablR EUR", chains: ["ETH"], popular: !1 },
+  { code: "EUSD", name: "Electronic USD", chains: ["MOB"], popular: !1 },
+  { code: "EXIT", name: "EXIT - Designer Token", chains: ["BSC"], popular: !1 },
+  { code: "FDUSD", name: "First Digital USD", chains: ["SUI"], popular: !1 },
+  { code: "FIL", name: "Filecoin", chains: ["FIL", "BSC"], popular: !1 },
+  { code: "FLOW", name: "Flow", chains: ["FLOW"], popular: !1 },
+  { code: "FLR", name: "Flare", chains: ["FLR"], popular: !1 },
+  { code: "FLUX", name: "Flux", chains: ["FLUX"], popular: !1 },
+  { code: "FTM", name: "Fantom", chains: ["FTM", "ETH", "BSC"], popular: !1 },
+  { code: "GALA", name: "Gala", chains: ["GALA"], popular: !1 },
+  { code: "GLMR", name: "Moonbeam", chains: ["GLMR"], popular: !1 },
+  { code: "GMX", name: "GMX", chains: ["ARB"], popular: !1 },
+  { code: "GNUS", name: "Genius AI", chains: ["ETH"], popular: !1 },
+  { code: "GRT", name: "The Graph", chains: ["ETH", "ARB"], popular: !1 },
+  { code: "GUN", name: "Gunz", chains: ["GUNZ"], popular: !1 },
+  { code: "HBAR", name: "Hedera", chains: ["HBAR"], popular: !1 },
+  { code: "HDX", name: "HydraDX", chains: ["HDX"], popular: !1 },
+  { code: "HNT", name: "Helium", chains: ["HNT"], popular: !1 },
+  { code: "HTP", name: "HowToPay", chains: ["BSC"], popular: !1 },
+  { code: "HVLO", name: "Hivello", chains: ["SOL"], popular: !1 },
+  { code: "ICP", name: "Internet Computer", chains: ["ICP"], popular: !1 },
+  { code: "IMX", name: "Immutable X", chains: ["ETH"], popular: !1 },
+  { code: "INIT", name: "Initia", chains: ["INIT"], popular: !1 },
+  { code: "INJ", name: "Injective", chains: ["INJ"], popular: !1 },
+  { code: "INTR", name: "Interlay", chains: ["INTR"], popular: !1 },
+  { code: "JAM", name: "Jam Tune.FM", chains: ["HBAR"], popular: !1 },
+  { code: "KAG", name: "Silver", chains: ["KINESIS"], popular: !1 },
+  { code: "KAIA", name: "Kaia", chains: ["KLAY"], popular: !1 },
+  { code: "KAR", name: "Karura", chains: ["KAR"], popular: !1 },
+  { code: "KAU", name: "Gold", chains: ["KINESIS"], popular: !1 },
+  { code: "KCS", name: "KuCoin Token", chains: ["ETH", "KCC"], popular: !1 },
+  { code: "KDA", name: "Kadena", chains: ["KDA"], popular: !1 },
+  { code: "KILT", name: "KILT", chains: ["KILT"], popular: !1 },
+  { code: "KINT", name: "Kintsugi", chains: ["KINT"], popular: !1 },
+  { code: "KLV", name: "Klever", chains: ["TRON"], popular: !1 },
+  { code: "KMD", name: "Komodo", chains: ["KMD"], popular: !1 },
+  { code: "KSM", name: "Kusama", chains: ["KSM"], popular: !1 },
+  { code: "KUB", name: "Bitkub Coin", chains: ["BITKUB"], popular: !1 },
+  { code: "LOOKS", name: "LooksRare", chains: ["ETH"], popular: !1 },
+  { code: "LRC", name: "Loopring", chains: ["ETH", "LRC"], popular: !1 },
+  { code: "LSK", name: "Lisk", chains: ["LSK"], popular: !1 },
+  { code: "MANA", name: "Decentraland", chains: ["ETH"], popular: !1 },
+  { code: "MBX", name: "Marblex", chains: ["IMMUTABLE_ZKEVM", "KLAY"], popular: !1 },
+  { code: "MELANIA", name: "Melania", chains: ["SOL"], popular: !1 },
+  { code: "METAMASKUSD", name: "Metamask USD", chains: ["ETH", "LINEA"], popular: !1 },
+  { code: "METIS", name: "Metis", chains: ["METIS"], popular: !1 },
+  { code: "MEZOUSD", name: "MUSD", chains: ["ETH", "MEZO"], popular: !1 },
+  { code: "MKR", name: "Maker", chains: ["ETH", "BSC"], popular: !1 },
+  { code: "MNEE", name: "MNEE", chains: ["BSV", "ETH"], popular: !1 },
+  { code: "MNT", name: "Mantle", chains: ["ETH", "MNT"], popular: !1 },
+  { code: "MOB", name: "MobileCoin", chains: ["MOB"], popular: !1 },
+  { code: "MON", name: "Monad", chains: ["MONAD"], popular: !1 },
+  { code: "MOVE", name: "Movement", chains: ["MOVE"], popular: !1 },
+  { code: "MOVR", name: "Moonriver", chains: ["MOVR"], popular: !1 },
+  { code: "MYTH", name: "Myth", chains: ["MYTH"], popular: !1 },
+  { code: "NEAR", name: "NEAR Protocol", chains: ["NEAR", "BSC"], popular: !1 },
+  { code: "NEIRO", name: "NEIRO Ethereum", chains: ["ETH"], popular: !1 },
+  { code: "OAS", name: "Oasys", chains: ["OAS"], popular: !1 },
+  { code: "OMG", name: "OmiseGo", chains: ["ETH"], popular: !1 },
+  { code: "OMUSD", name: "Open Money USD", chains: ["ETH"], popular: !1 },
+  { code: "ONE", name: "Harmony", chains: ["ONE", "BNB", "ETH"], popular: !1 },
+  { code: "OP", name: "Optimism", chains: ["OPTIMISM"], popular: !1 },
+  { code: "ORDER", name: "Orderly Network", chains: ["ETH"], popular: !1 },
+  { code: "PEAQ", name: "Peaq", chains: ["PEAQ_EVM"], popular: !1 },
+  { code: "PEN", name: "Pendulum", chains: ["PEN"], popular: !1 },
+  { code: "PERC", name: "Perion", chains: ["ETH"], popular: !1 },
+  { code: "PI", name: "Pi", chains: ["PI"], popular: !1 },
+  { code: "PLMC", name: "Polimec", chains: ["PLMC"], popular: !1 },
+  { code: "POL", name: "Polygon", chains: ["ETH", "MATIC"], popular: !1 },
+  { code: "POLYX", name: "Polymesh", chains: ["POLYX"], popular: !1 },
+  { code: "PROPC", name: "Propchain", chains: ["ETH"], popular: !1 },
+  { code: "PSTAKE", name: "pSTAKE Finance", chains: ["ETH"], popular: !1 },
+  { code: "Q", name: "QuantumCoin", chains: ["Q"], popular: !1 },
+  { code: "QRDO", name: "Qredo", chains: ["ETH"], popular: !1 },
+  { code: "QRL", name: "Quantum Resistant Ledger", chains: ["QRL"], popular: !1 },
+  { code: "QUBIC", name: "QUBIC", chains: ["QUBIC"], popular: !1 },
+  { code: "RBX", name: "ReserveBlock", chains: ["RBX"], popular: !1 },
+  { code: "REVU", name: "Revuto", chains: ["ADA"], popular: !1 },
+  { code: "RITE", name: "Ritestream", chains: ["BSC"], popular: !1 },
+  { code: "RLUSD", name: "Ripple USD", chains: ["ETH"], popular: !1 },
+  { code: "RON", name: "Ronin", chains: ["RON"], popular: !1 },
+  { code: "RUNE", name: "THORChain", chains: ["THORCHAIN"], popular: !1 },
+  { code: "S", name: "Sonic", chains: ["S"], popular: !1 },
+  { code: "SAND", name: "The Sandbox", chains: ["ETH", "BSC"], popular: !1 },
+  { code: "SEI", name: "SEI", chains: ["SEI_EVM"], popular: !1 },
+  { code: "SNX", name: "Synthetix", chains: ["ETH"], popular: !1 },
+  { code: "SOIL", name: "Sun Minimeal", chains: ["PLS"], popular: !1 },
+  { code: "SOLO", name: "Sologenic", chains: ["XRP"], popular: !1 },
+  { code: "SOMI", name: "Somnia", chains: ["SOMI"], popular: !1 },
+  { code: "STRK", name: "Starknet", chains: ["STARK"], popular: !1 },
+  { code: "SUI", name: "Sui", chains: ["SUI"], popular: !1 },
+  { code: "SUPR", name: "SuperDapp", chains: ["ROLLUX"], popular: !1 },
+  { code: "SUPRA", name: "Supra", chains: ["SUPRA"], popular: !1 },
+  { code: "SUSHI", name: "SushiSwap", chains: ["ETH", "BSC"], popular: !1 },
+  { code: "SYS", name: "Syscoin", chains: ["ROLLUX"], popular: !1 },
+  { code: "TBTC", name: "tBTC", chains: ["SUI", "STARK"], popular: !1 },
+  { code: "TON", name: "Toncoin", chains: ["TON"], popular: !1 },
+  { code: "TRUMP", name: "TRUMP", chains: ["SOL"], popular: !1 },
+  { code: "TRX", name: "Tron", chains: ["TRON", "BSC"], popular: !1 },
+  { code: "TWT", name: "Trust Wallet Token", chains: ["BSC"], popular: !1 },
+  { code: "UNI", name: "Uniswap", chains: ["ETH", "BSC"], popular: !1 },
+  { code: "URANIUM", name: "Uranium", chains: ["ETHERLINK"], popular: !1 },
+  { code: "USD0", name: "Usual USD", chains: ["ETH"], popular: !1 },
+  { code: "USD1", name: "World Liberty Financial USD", chains: ["SOL"], popular: !1 },
+  { code: "USDE", name: "Ethena USDe", chains: ["ETH"], popular: !1 },
+  { code: "USDP", name: "Pax Dollar", chains: ["ETH"], popular: !1 },
+  { code: "USDQ", name: "Quantoz USDQ", chains: ["ETH"], popular: !1 },
+  { code: "USDR", name: "StablR USD", chains: ["ETH"], popular: !1 },
+  { code: "USDT0", name: "USDT0", chains: ["INK"], popular: !1 },
+  { code: "VFX", name: "VerifiedX", chains: ["VERIFIEDX"], popular: !1 },
+  { code: "VERSE", name: "Verse", chains: ["ETH", "MATIC"], popular: !1 },
+  { code: "VIC", name: "Viction", chains: ["VIC"], popular: !1 },
+  { code: "WAL", name: "Walrus", chains: ["SUI"], popular: !1 },
+  { code: "WAVES", name: "Waves", chains: ["WAVES"], popular: !1 },
+  { code: "WAXP", name: "WAX", chains: ["WAX"], popular: !1 },
+  { code: "WBTC", name: "Wrapped Bitcoin", chains: ["ETH", "STARK"], popular: !1 },
+  { code: "WETH", name: "Wrapped Ether", chains: ["ETHERLINK"], popular: !1 },
+  { code: "WLD", name: "Worldcoin", chains: ["WLD"], popular: !1 },
+  { code: "WLFI", name: "World Liberty Financial", chains: ["ETH"], popular: !1 },
+  { code: "WOLF", name: "LandWolf", chains: ["ETH"], popular: !1 },
+  { code: "WOMBAT", name: "Wombat", chains: ["MATIC"], popular: !1 },
+  { code: "XCH", name: "Chia", chains: ["XCH"], popular: !1 },
+  { code: "XLM", name: "Stellar Lumens", chains: ["XLM", "BSC"], popular: !1 },
+  { code: "XPRT", name: "Persistence", chains: ["XPRT"], popular: !1 },
+  { code: "XTZ", name: "Tezos", chains: ["XTZ", "ETHERLINK"], popular: !1 },
+  { code: "YFI", name: "yearn.finance", chains: ["ETH"], popular: !1 },
+  { code: "ZBU", name: "Zeebu", chains: ["BSC"], popular: !1 },
+  { code: "ZEC", name: "ZCash", chains: ["ZEC"], popular: !1 },
+  { code: "ZCHF", name: "Frankencoin", chains: ["ETH"], popular: !1 },
+  { code: "ZETA", name: "Zeta", chains: ["ETH", "ZETACHAIN"], popular: !1 },
+  { code: "ZTG", name: "Zeitgeist", chains: ["ZTG"], popular: !1 }
+], Gt = {
+  USD: "us",
+  EUR: "eu",
+  GBP: "gb",
+  JPY: "jp",
+  CAD: "ca",
+  AUD: "au",
+  BRL: "br",
+  CHF: "ch",
+  MXN: "mx",
+  INR: "in",
+  ARS: "ar",
+  ALL: "al"
+};
+function pt(t, a = "") {
+  return `${a}/crypto-icons/${t.toLowerCase()}.svg`;
+}
+function Wt(t, a = "") {
+  const n = Gt[t] || "us";
+  return `${a}/flags/${n}.svg`;
+}
+function Ke(t, a = "") {
+  const n = Re[t];
+  return n ? `${a}/crypto-icons/${n.icon}.svg` : `${a}/crypto-icons/${t.toLowerCase()}.svg`;
+}
+const lt = [
+  { code: "ALL", name: "Albania Lek" },
+  { code: "ARS", name: "Argentina Peso" },
+  { code: "AUD", name: "Australian Dollar" },
+  { code: "BRL", name: "Brazilian Real" },
+  { code: "CAD", name: "Canadian Dollar" },
+  { code: "EUR", name: "Euro" },
+  { code: "GBP", name: "British Pound" },
+  { code: "JPY", name: "Japanese Yen" },
+  { code: "USD", name: "US Dollar" },
+  { code: "CHF", name: "Swiss Franc" },
+  { code: "MXN", name: "Mexican Peso" },
+  { code: "INR", name: "Indian Rupee" }
+], ct = [
+  { id: "blue", name: "Blue", accent: "#0077FF" },
+  { id: "violet", name: "Violet", accent: "#7C3AED" },
+  { id: "green", name: "Green", accent: "#10B981" },
+  { id: "orange", name: "Orange", accent: "#F59E0B" },
+  { id: "rose", name: "Rose", accent: "#F43F5E" },
+  { id: "mono", name: "Mono", accent: null }
+], st = {
+  USDC: { USD: 0.9962, EUR: 1.0814, GBP: 1.2573, JPY: 667e-5, CAD: 0.7198, AUD: 0.6384, BRL: 0.1726, CHF: 1.1306, MXN: 0.0487, INR: 0.01187, ARS: 855e-6, ALL: 0.01058 },
+  USDT: { USD: 0.9958, EUR: 1.081, GBP: 1.2568, JPY: 666e-5, CAD: 0.7194, AUD: 0.638, BRL: 0.1724, CHF: 1.1301, MXN: 0.0486, INR: 0.01186, ARS: 854e-6, ALL: 0.01057 },
+  BTC: { USD: 104e-7, EUR: 1129e-8, GBP: 1313e-8, JPY: 696e-10, CAD: 751e-8, AUD: 666e-8, BRL: 18e-7, CHF: 118e-7, MXN: 508e-9, INR: 124e-9, ARS: 892e-11, ALL: 11e-8 },
+  ETH: { USD: 316e-6, EUR: 343e-6, GBP: 399e-6, JPY: 211e-8, CAD: 228e-6, AUD: 202e-6, BRL: 547e-7, CHF: 358e-6, MXN: 154e-7, INR: 376e-8, ARS: 271e-9, ALL: 335e-8 },
+  SOL: { USD: 424e-5, EUR: 4607e-6, GBP: 5356e-6, JPY: 284e-7, CAD: 3063e-6, AUD: 2716e-6, BRL: 734e-6, CHF: 4812e-6, MXN: 207e-6, INR: 505e-7, ARS: 364e-8, ALL: 45e-6 },
+  XRP: { USD: 0.4081, EUR: 0.4432, GBP: 0.5153, JPY: 273e-5, CAD: 0.2948, AUD: 0.2614, BRL: 0.0707, CHF: 0.463, MXN: 0.01992, INR: 486e-5, ARS: 35e-5, ALL: 433e-5 },
+  DOGE: { USD: 3.896, EUR: 4.232, GBP: 4.92, JPY: 0.02607, CAD: 2.815, AUD: 2.496, BRL: 0.675, CHF: 4.421, MXN: 0.1902, INR: 0.04641, ARS: 3345e-6, ALL: 0.04134 },
+  ADA: { USD: 1.333, EUR: 1.448, GBP: 1.683, JPY: 892e-5, CAD: 0.963, AUD: 0.854, BRL: 0.2309, CHF: 1.512, MXN: 0.0651, INR: 0.01588, ARS: 1145e-6, ALL: 0.01414 }
+};
+function xa(t, a) {
+  var n, l;
+  return ((n = st[t]) == null ? void 0 : n[a]) ?? ((l = st.USDC) == null ? void 0 : l[a]) ?? 1;
+}
+function Yt(t) {
+  return parseFloat(t.replace(/,/g, "")) || 0;
+}
+function ga(t) {
+  if (t === 0) return "0";
+  if (t >= 1e3) return t.toLocaleString("en-US", { maximumFractionDigits: 2 });
+  if (t >= 1) return t.toFixed(2);
+  if (t >= 0.01) return t.toFixed(4);
+  const a = t.toPrecision(4);
+  return parseFloat(a).toString();
+}
+const Fe = (t) => /^#([0-9A-Fa-f]{3}){1,2}$/.test(t), it = 10, dt = 1e-4, Vt = (() => {
+  const t = [];
+  for (const a of $t)
+    for (const n of a.chains)
+      t.push({ code: a.code, name: a.name, chain: n, popular: a.popular });
+  return t;
+})();
+function ut({ ticker: t, size: a = 32, baseUrl: n = "" }) {
+  return /* @__PURE__ */ e(
+    "img",
+    {
+      src: pt(t, n),
+      alt: t,
+      width: a,
+      height: a,
+      className: "rounded-full shrink-0",
+      style: { width: a, height: a }
+    }
+  );
+}
+function _e({ currencyCode: t, size: a = 16, baseUrl: n = "" }) {
+  return /* @__PURE__ */ e(
+    "img",
+    {
+      src: Wt(t, n),
+      alt: t,
+      width: a,
+      height: a,
+      className: "rounded-full shrink-0",
+      style: { width: a, height: a }
+    }
+  );
+}
+function ft({ size: t = 32, color: a = "#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: a }),
+    /* @__PURE__ */ e("circle", { cx: "16", cy: "16", r: "8", stroke: "white", strokeWidth: "1.5", fill: "none" })
+  ] });
+}
+function jt({ 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" }),
+    /* @__PURE__ */ e("rect", { x: "10", y: "16", width: "2", height: "6", fill: "white" }),
+    /* @__PURE__ */ e("rect", { x: "15", y: "16", width: "2", height: "6", fill: "white" }),
+    /* @__PURE__ */ e("rect", { x: "20", y: "16", width: "2", height: "6", fill: "white" }),
+    /* @__PURE__ */ e("rect", { x: "8", y: "22", width: "16", height: "2", rx: "0.5", fill: "white" })
+  ] });
+}
+function Qt({ size: t = 32 }) {
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      className: "rounded-full flex items-center justify-center text-white font-semibold shrink-0",
+      style: { width: t, height: t, backgroundColor: "#333", fontSize: t * 0.45 },
+      children: "R"
+    }
+  );
+}
+function Zt({ size: t = 32 }) {
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      className: "rounded-full bg-black border border-white/20 flex items-center justify-center text-white shrink-0",
+      style: { width: t, height: t, fontSize: t * 0.3 },
+      children: /* @__PURE__ */ e("span", { style: { fontFamily: "-apple-system, system-ui, sans-serif", fontWeight: 600 }, children: "Pay" })
+    }
+  );
+}
+function Jt({ size: t = 32 }) {
+  return /* @__PURE__ */ o(
+    "div",
+    {
+      className: "rounded-full bg-white flex items-center justify-center shrink-0",
+      style: { width: t, height: t, fontSize: t * 0.28, fontWeight: 700, color: "#333" },
+      children: [
+        "G",
+        /* @__PURE__ */ e("span", { style: { color: "#4285F4", fontSize: t * 0.2 }, children: "Pay" })
+      ]
+    }
+  );
+}
+function zt({ size: t = 32 }) {
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      className: "rounded-full flex items-center justify-center shrink-0",
+      style: { width: t, height: t, background: "#003087" },
+      children: /* @__PURE__ */ e("span", { className: "text-white font-bold", style: { fontSize: t * 0.38 }, children: "P" })
+    }
+  );
+}
+function qt({ size: t = 32 }) {
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      className: "rounded-full flex items-center justify-center shrink-0",
+      style: { width: t, height: t, background: "var(--t-card-icon-bg)" },
+      children: /* @__PURE__ */ o("svg", { width: t * 0.55, height: t * 0.55, viewBox: "0 0 18 14", fill: "none", children: [
+        /* @__PURE__ */ e("rect", { x: "0.5", y: "0.5", width: "17", height: "13", rx: "2", stroke: "var(--t-card-icon-stroke)" }),
+        /* @__PURE__ */ e("rect", { y: "3", width: "18", height: "3", fill: "var(--t-card-icon-stroke)" })
+      ] })
+    }
+  );
+}
+function va({ size: t = 18 }) {
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      className: "rounded-full bg-white flex items-center justify-center shrink-0",
+      style: { width: t, height: t },
+      children: /* @__PURE__ */ e("span", { className: "text-black font-bold", style: { fontSize: t * 0.55 }, children: "C" })
+    }
+  );
+}
+function Te() {
+  return /* @__PURE__ */ e("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", children: /* @__PURE__ */ e("path", { d: "M3 4.5L6 7.5L9 4.5", stroke: "var(--t-text-secondary)", strokeWidth: "1.2", strokeLinecap: "round", strokeLinejoin: "round" }) });
+}
+function ea() {
+  return /* @__PURE__ */ e("svg", { width: "8", height: "14", viewBox: "0 0 8 14", fill: "none", children: /* @__PURE__ */ e("path", { d: "M1 1L7 7L1 13", stroke: "var(--t-icon-stroke)", strokeWidth: "1.2", strokeLinecap: "round", strokeLinejoin: "round" }) });
+}
+function ta({ 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"
+    }
+  ) }) });
+}
+function aa({ size: t = 40 }) {
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      className: "rounded-full flex items-center justify-center shrink-0",
+      style: { width: t, height: t, background: "var(--t-surface)" },
+      children: /* @__PURE__ */ o("svg", { width: t * 0.5, height: t * 0.5, viewBox: "0 0 20 20", fill: "none", children: [
+        /* @__PURE__ */ e("circle", { cx: "10", cy: "10", r: "7.5", stroke: "var(--t-text)", strokeWidth: "1.5" }),
+        /* @__PURE__ */ e("path", { d: "M10 2.5A7.5 7.5 0 0 1 10 17.5", fill: "var(--t-text)" })
+      ] })
+    }
+  );
+}
+function Na(t, a = 32) {
+  switch (t) {
+    case "revolut":
+      return /* @__PURE__ */ e(Qt, { size: a });
+    case "applepay":
+      return /* @__PURE__ */ e(Zt, { size: a });
+    case "card":
+      return /* @__PURE__ */ e(qt, { size: a });
+    case "googlepay":
+      return /* @__PURE__ */ e(Jt, { size: a });
+    case "paypal":
+      return /* @__PURE__ */ e(zt, { size: a });
+    case "bank":
+      return /* @__PURE__ */ e(jt, { size: a });
+    default:
+      return /* @__PURE__ */ e(ft, { size: a });
+  }
+}
+function Le({ onClick: t }) {
+  return /* @__PURE__ */ e(
+    "button",
+    {
+      onClick: t,
+      className: "flex items-center justify-center transition-colors rounded-full shrink-0",
+      style: { width: 30, height: 30, backgroundColor: "var(--t-close-bg)" },
+      onMouseEnter: (a) => a.currentTarget.style.backgroundColor = "var(--t-close-hover)",
+      onMouseLeave: (a) => a.currentTarget.style.backgroundColor = "var(--t-close-bg)",
+      children: /* @__PURE__ */ e("svg", { width: "10", height: "10", viewBox: "0 0 10 10", fill: "none", children: /* @__PURE__ */ e("path", { d: "M1 1L9 9M9 1L1 9", stroke: "var(--t-icon-close)", strokeWidth: "1.4", strokeLinecap: "round" }) })
+    }
+  );
+}
+function Xe({
+  value: t,
+  onChange: a,
+  placeholder: n = ""
+}) {
+  return /* @__PURE__ */ o("div", { className: "relative mx-5 mb-5", children: [
+    /* @__PURE__ */ e(
+      "input",
+      {
+        type: "text",
+        value: t,
+        onChange: (l) => a(l.target.value),
+        placeholder: n,
+        style: { height: 47, borderRadius: 4.5, borderColor: "var(--t-border)", color: "var(--t-text)", paddingLeft: 14, paddingRight: t ? 40 : 14, fontSize: 14 },
+        className: "w-full bg-transparent border outline-none transition-colors"
+      }
+    ),
+    t && /* @__PURE__ */ e(
+      "button",
+      {
+        onClick: () => a(""),
+        className: "absolute right-3 top-1/2 -translate-y-1/2 flex items-center justify-center transition-colors rounded",
+        style: { width: 22, height: 22, backgroundColor: "var(--t-close-bg)", borderRadius: 4 },
+        children: /* @__PURE__ */ e("svg", { width: "8", height: "8", viewBox: "0 0 8 8", fill: "none", children: /* @__PURE__ */ e("path", { d: "M1 1L7 7M7 1L1 7", stroke: "var(--t-icon-close)", strokeWidth: "1.2", strokeLinecap: "round" }) })
+      }
+    )
+  ] });
+}
+function na({ onClose: t, onSelect: a, currencies: n }) {
+  const [l, r] = C(""), i = X(() => {
+    if (!n || n.length === 0) return lt;
+    const d = new Map(lt.map((c) => [c.code, c.name]));
+    return n.map((c) => ({
+      code: c.code,
+      name: c.name || d.get(c.code) || c.code
+    }));
+  }, [n]), m = X(() => {
+    const d = l.trim().toLowerCase();
+    return d ? i.filter(
+      (c) => c.code.toLowerCase().includes(d) || c.name.toLowerCase().includes(d)
+    ) : i;
+  }, [i, l]);
+  return /* @__PURE__ */ o(le, { children: [
+    /* @__PURE__ */ e("div", { className: "flex justify-end px-5 pt-5", children: /* @__PURE__ */ e(Le, { onClick: t }) }),
+    /* @__PURE__ */ e(
+      "h2",
+      {
+        className: "text-center text-[17px] font-medium mt-2 mb-6",
+        style: { color: "var(--t-text)" },
+        children: "Select fiat currency"
+      }
+    ),
+    /* @__PURE__ */ e(Xe, { value: l, onChange: r }),
+    /* @__PURE__ */ o("div", { className: "flex-1 overflow-y-auto custom-scroll px-5", children: [
+      m.map((d) => /* @__PURE__ */ o(
+        "button",
+        {
+          onClick: () => a(d.code),
+          className: "flex items-center gap-3.5 w-full py-3.5 transition-colors",
+          style: { color: "var(--t-text)" },
+          children: [
+            /* @__PURE__ */ e(_e, { currencyCode: d.code, size: 32 }),
+            /* @__PURE__ */ o("div", { className: "text-left", children: [
+              /* @__PURE__ */ e("div", { className: "font-semibold text-[15px] leading-tight", children: d.code }),
+              /* @__PURE__ */ e("div", { className: "text-[13px] mt-0.5", style: { color: "var(--t-text-secondary)" }, children: d.name })
+            ] })
+          ]
+        },
+        d.code
+      )),
+      m.length === 0 && /* @__PURE__ */ e("div", { className: "text-center py-10 text-[14px]", style: { color: "var(--t-text-muted)" }, children: "No currencies found" })
+    ] })
+  ] });
+}
+function ra({ onClose: t, onSelect: a, cryptos: n, assetBaseUrl: l = "" }) {
+  const [r, i] = C(""), m = X(() => {
+    if (!n || n.length === 0) return Vt;
+    const c = [];
+    for (const u of n) {
+      const p = u.networks || [];
+      if (p.length === 0)
+        c.push({ code: u.code, name: u.name || u.code, chain: u.code, popular: !1 });
+      else
+        for (const f of p) {
+          const x = f.code || f.id || f.name || u.code;
+          c.push({
+            code: u.code,
+            name: u.name || u.code,
+            chain: x,
+            chainName: f.name,
+            popular: !1
+          });
+        }
+    }
+    return c;
+  }, [n]), d = X(() => {
+    var f;
+    const c = r.trim().toLowerCase();
+    if (!c) return m;
+    const u = c.split(/\s+/), p = [];
+    for (const x of m) {
+      const g = Re[x.chain], h = g ? g.name.toLowerCase() : "", b = ((f = g == null ? void 0 : g.shortName) == null ? void 0 : f.toLowerCase()) || "", L = x.chain.toLowerCase(), O = x.code.toLowerCase(), A = x.name.toLowerCase(), G = [O, A, h, b, L];
+      if (!u.every((Z) => G.some((s) => s.includes(Z)))) continue;
+      let W = 0;
+      O === c ? W += 100 : O.startsWith(u[0]) && (W += 50), x.popular && (W += 10), u.length > 1 && (h.includes(u[1]) || b.includes(u[1]) || L.includes(u[1])) && (W += 25), p.push({ item: x, score: W });
+    }
+    return p.sort((x, g) => g.score - x.score), p.map((x) => x.item);
+  }, [m, r]);
+  return /* @__PURE__ */ o(le, { children: [
+    /* @__PURE__ */ e("div", { className: "flex justify-end px-5 pt-5", children: /* @__PURE__ */ e(Le, { onClick: t }) }),
+    /* @__PURE__ */ e(
+      "h2",
+      {
+        className: "text-center text-[17px] font-medium mt-2 mb-6",
+        style: { color: "var(--t-text)" },
+        children: "Select crypto currency"
+      }
+    ),
+    /* @__PURE__ */ e(Xe, { value: r, onChange: i }),
+    /* @__PURE__ */ o("div", { className: "flex-1 overflow-y-auto custom-scroll px-5", children: [
+      d.map((c) => {
+        const u = Re[c.chain], p = (u == null ? void 0 : u.name) || c.chainName || c.chain;
+        return /* @__PURE__ */ o(
+          "button",
+          {
+            onClick: () => a(c.code, c.chain),
+            className: "flex items-center gap-3.5 w-full py-3.5 transition-colors",
+            children: [
+              /* @__PURE__ */ o("div", { className: "relative shrink-0", style: { width: 40, height: 40 }, children: [
+                /* @__PURE__ */ e(
+                  "img",
+                  {
+                    src: pt(c.code, l),
+                    alt: c.code,
+                    width: 32,
+                    height: 32,
+                    className: "rounded-full absolute top-0 left-0",
+                    style: { width: 32, height: 32 }
+                  }
+                ),
+                /* @__PURE__ */ e(
+                  "img",
+                  {
+                    src: Ke(c.chain, l),
+                    alt: c.chain,
+                    width: 16,
+                    height: 16,
+                    className: "rounded-full absolute",
+                    style: {
+                      width: 16,
+                      height: 16,
+                      bottom: 0,
+                      right: 0,
+                      border: "2px solid var(--t-chain-border)"
+                    }
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ o("div", { className: "text-left flex-1 min-w-0", children: [
+                /* @__PURE__ */ e(
+                  "div",
+                  {
+                    className: "font-semibold text-[15px] leading-tight",
+                    style: { color: "var(--t-text)" },
+                    children: c.code
+                  }
+                ),
+                /* @__PURE__ */ e("div", { className: "text-[13px] mt-0.5", style: { color: "var(--t-text-secondary)" }, children: c.name })
+              ] }),
+              /* @__PURE__ */ e("div", { className: "text-right shrink-0", children: /* @__PURE__ */ e("div", { className: "text-[13px]", style: { color: "var(--t-text-muted)" }, children: p }) })
+            ]
+          },
+          `${c.code}-${c.chain}`
+        );
+      }),
+      d.length === 0 && /* @__PURE__ */ e("div", { className: "text-center py-10 text-[14px]", style: { color: "var(--t-text-muted)" }, children: "No currencies found" })
+    ] })
+  ] });
+}
+function oa({
+  checked: t,
+  onChange: a,
+  accentColor: n = "var(--t-accent)"
+}) {
+  return /* @__PURE__ */ e(
+    "button",
+    {
+      onClick: () => a(!t),
+      className: "relative shrink-0 transition-colors duration-200",
+      style: {
+        width: 48,
+        height: 28,
+        borderRadius: 14,
+        backgroundColor: t ? n : "var(--t-border)"
+      },
+      children: /* @__PURE__ */ e(
+        "div",
+        {
+          className: "absolute top-[3px] rounded-full bg-white shadow transition-transform duration-200",
+          style: {
+            width: 22,
+            height: 22,
+            transform: t ? "translateX(23px)" : "translateX(3px)"
+          }
+        }
+      )
+    }
+  );
+}
+const la = [
+  { label: "Privacy policy", href: "https://nowramp.com/privacy-policy" },
+  { label: "Terms of use", href: "https://nowramp.com/terms-and-conditions" }
+];
+function ca({
+  onClose: t,
+  darkMode: a,
+  onToggleDarkMode: n,
+  skinId: l,
+  onSelectSkin: r
+}) {
+  return /* @__PURE__ */ o(le, { children: [
+    /* @__PURE__ */ e("div", { className: "flex justify-end items-center px-5 pt-5", children: /* @__PURE__ */ e(Le, { onClick: t }) }),
+    /* @__PURE__ */ o("div", { className: "px-5 flex-1 pt-6 overflow-y-auto custom-scroll", children: [
+      /* @__PURE__ */ e("div", { style: { borderTop: "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(aa, { size: 40 }),
+          /* @__PURE__ */ e(
+            "span",
+            {
+              className: "font-medium text-[15px]",
+              style: { color: "var(--t-text)" },
+              children: "Dark Mode"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ e(oa, { checked: a, onChange: n, accentColor: "#4CD964" })
+      ] }) }),
+      /* @__PURE__ */ e("div", { style: { height: 1, background: "var(--t-divider)" } }),
+      la.map((i) => /* @__PURE__ */ o("div", { children: [
+        /* @__PURE__ */ o(
+          "a",
+          {
+            href: i.href,
+            target: "_blank",
+            rel: "noopener noreferrer",
+            className: "flex items-center justify-between w-full py-5 transition-colors",
+            children: [
+              /* @__PURE__ */ e(
+                "span",
+                {
+                  className: "font-medium text-[15px]",
+                  style: { color: "var(--t-text)" },
+                  children: i.label
+                }
+              ),
+              /* @__PURE__ */ e(ea, {})
+            ]
+          }
+        ),
+        /* @__PURE__ */ e("div", { style: { height: 1, background: "var(--t-divider)" } })
+      ] }, i.label))
+    ] })
+  ] });
+}
+function sa({
+  className: t = "",
+  theme: a = "dark",
+  skinId: n = "mono",
+  accentColor: l,
+  bgColor: r,
+  bgImage: i,
+  borderColor: m,
+  borderRadius: d,
+  showFlowToggle: c = !0,
+  autoRedirect: u = !1,
+  explorerUrl: p,
+  doneButtonText: f = "Done",
+  supportEmail: x,
+  onDone: g
+}) {
+  var Je, ze, qe, et, tt, at, nt;
+  const {
+    state: h,
+    dispatch: b,
+    config: L,
+    configLoading: O,
+    quotes: A,
+    quotesLoading: G,
+    quotesError: j,
+    fetchQuotes: W,
+    createOrder: Z,
+    orderLoading: s,
+    amountError: P,
+    fieldLocks: v,
+    apiConfig: I,
+    assetBaseUrl: D
+  } = he(), [F, K] = C(a === "dark"), [ge, pe] = C(n), [fe, Y] = C(null), [ye, ee] = C(!1), [ve, ce] = C(!1), [se, Ne] = C(!1), [V, te] = C(null), [ae, Ce] = C(!0), [be, Ee] = C(!1), [J, ie] = C(!1), Ie = U(null), xe = U(), N = U(h.flowType);
+  H(() => {
+    K(a === "dark");
+  }, [a]), H(() => {
+    const y = setTimeout(() => Ce(!1), O ? 0 : 800);
+    return () => clearTimeout(y);
+  }, [O]), H(() => {
+    if (N.current !== h.flowType && !ae) {
+      N.current = h.flowType, Ee(!0), ee(!1), ce(!1);
+      const y = setTimeout(() => Ee(!1), 350);
+      return () => clearTimeout(y);
+    }
+    N.current = h.flowType;
+  }, [h.flowType, ae]);
+  const S = h.flowType, R = S === "buy", k = h.cryptoCurrency || "BTC", w = h.fiatCurrency || "USD", _ = R ? h.fiatAmount : h.cryptoAmount, ne = Yt(_), de = (Je = A == null ? void 0 : A.bestQuote) != null && Je.exchangeRate ? parseFloat(A.bestQuote.exchangeRate) : null, Ae = U(null);
+  de && k && w && (Ae.current = { rate: de, crypto: k, fiat: w });
+  const yt = X(() => {
+    if (A != null && A.bestQuote) {
+      const y = R ? A.bestQuote.cryptoAmount : A.bestQuote.fiatAmount;
+      if (y) return y;
+    }
+    return "0";
+  }, [A, R]), xt = X(() => {
+    var M, z, Oe;
+    const y = de || ((M = Ae.current) == null ? void 0 : M.rate), E = de ? k : (z = Ae.current) == null ? void 0 : z.crypto, T = de ? w : (Oe = Ae.current) == null ? void 0 : Oe.fiat;
+    return !y || !E || !T ? "" : `1 ${E} ≈ ${y.toFixed(2)} ${T}`;
+  }, [k, w, de]);
+  H(() => {
+    const y = h.walletAddress.trim(), E = h.network;
+    if (!y || y.length < 10) {
+      te(null), b({ type: "SET_WALLET_ERROR", message: "" });
+      return;
+    }
+    return Ne(!0), te(null), clearTimeout(xe.current), xe.current = setTimeout(async () => {
+      var T, M, z;
+      try {
+        const Pe = await (await fetch(`${I.apiUrl}/public/validate/address`, {
+          method: "POST",
+          headers: { "Content-Type": "application/json" },
+          body: JSON.stringify({ address: y, ...E ? { network: E } : {} })
+        })).json(), He = ((T = Pe.data) == null ? void 0 : T.attributes) || Pe.data || Pe;
+        if (He.isValid)
+          te(!0), b({ type: "SET_WALLET_ERROR", message: "" });
+        else {
+          te(!1);
+          const At = ((M = He.errors) == null ? void 0 : M[0]) || ((z = He.details) == null ? void 0 : z.formatMessage) || "Invalid wallet address";
+          b({ type: "SET_WALLET_ERROR", message: At });
+        }
+      } catch {
+        te(null);
+      } finally {
+        Ne(!1);
+      }
+    }, 500), () => clearTimeout(xe.current);
+  }, [h.walletAddress, h.network, I.apiUrl]);
+  const $e = !_ || ne === 0, Ge = ne > 0 && (R ? ne < it : ne < dt), We = !!P || Ge || ye && $e, gt = ne > 0 && !P && !Ge, Be = h.walletAddress.trim().length >= 10 && V !== !1 && !se, Se = gt && Be && !!h.cryptoCurrency && !!h.network, vt = (y) => {
+    let E = y.target.value.replace(/[^0-9.,]/g, "");
+    const T = R ? 2 : 6, M = E.indexOf(".");
+    M !== -1 && E.length - M - 1 > T && (E = E.slice(0, M + T + 1)), b(R ? { type: "SET_FIAT_AMOUNT", amount: E } : { type: "SET_CRYPTO_AMOUNT", amount: E });
+  }, Ye = (y) => {
+    y !== S && b({ type: "SET_FLOW_TYPE", flowType: y });
+  }, Nt = $(
+    (y) => {
+      b({ type: "SET_FIAT_CURRENCY", currency: y });
+    },
+    [b]
+  ), Ct = $(
+    (y, E) => {
+      b({ type: "SET_CRYPTO_CURRENCY", currency: y }), b({ type: "SET_CRYPTO_CHAIN", chain: E });
+    },
+    [b]
+  ), bt = () => {
+    Se && (ie(!0), W());
+  };
+  H(() => {
+    var y;
+    if (!(!J || G)) {
+      if (A != null && A.bestQuote)
+        ie(!1), b({ type: "SELECT_QUOTE", quote: A.bestQuote }), Z().catch(() => {
+        });
+      else if (j)
+        ie(!1), b({ type: "SET_ERROR", message: j.message || "No quotes available" });
+      else if (A && !A.bestQuote) {
+        ie(!1);
+        const E = (y = A.unavailableGateways) == null ? void 0 : y.map((M) => M.reason).filter(Boolean), T = E != null && E.length ? `No providers available: ${E.join("; ")}` : "No providers available for this currency/network combination";
+        b({ type: "SET_ERROR", message: T });
+      }
+    }
+  }, [J, A, G, j, b, Z]);
+  const Ve = F ? "theme-dark" : "theme-light", Me = ct.find((y) => y.id === ge) || ct[0], Et = Me.accent === null, je = (l ? Fe(l) : !1) ? { "--t-accent": l, "--t-cta-bg": l, "--t-cta-text": "#ffffff" } : Et ? {
+    "--t-accent": F ? "#ffffff" : "#111111",
+    "--t-cta-bg": F ? "#ffffff" : "#111111",
+    "--t-cta-text": F ? "#000000" : "#ffffff"
+  } : {
+    "--t-accent": Me.accent,
+    "--t-cta-bg": Me.accent,
+    "--t-cta-text": "#ffffff"
+  }, re = {};
+  r && Fe(r) ? re.backgroundColor = r : re.backgroundColor = "var(--t-bg)", i && (re.backgroundImage = `url(${i})`, re.backgroundSize = "cover", re.backgroundPosition = "center");
+  const we = {};
+  m && Fe(m) && (we.border = `1px solid ${m}`), d && (we.borderRadius = d);
+  const Qe = h.step === "checkout" ? /* @__PURE__ */ e(Ot, { autoRedirect: u }) : h.step === "processing" ? /* @__PURE__ */ e(Ht, {}) : h.step === "complete" ? /* @__PURE__ */ e(Ut, { explorerUrl: p, doneButtonText: f, onDone: g }) : h.step === "error" ? /* @__PURE__ */ e(Dt, { supportEmail: x }) : h.step === "confirm" ? /* @__PURE__ */ e(Ft, {}) : null;
+  if (Qe)
+    return /* @__PURE__ */ e(
+      "div",
+      {
+        className: `${Ve} relative w-full max-w-[390px] h-[640px] overflow-hidden flex flex-col select-none transition-colors duration-300 ${t}`,
+        style: {
+          fontFamily: '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif',
+          ...re,
+          ...je,
+          ...we
+        },
+        children: Qe
+      }
+    );
+  const Q = h.network, ue = Q ? Re[Q] : null, Ze = (ue == null ? void 0 : ue.shortName) || (ue == null ? void 0 : ue.name) || Q;
+  return /* @__PURE__ */ o(
+    "div",
+    {
+      className: `${Ve} relative w-full max-w-[390px] min-h-[640px] overflow-hidden flex flex-col select-none transition-colors duration-300 ${t}`,
+      style: {
+        fontFamily: '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif',
+        ...re,
+        ...je,
+        ...we
+      },
+      children: [
+        /* @__PURE__ */ e("div", { className: `flex justify-end items-center px-5 pt-3 ${c ? "pb-1" : "pb-5"}`, children: /* @__PURE__ */ e(ta, { onClick: () => Y("settings") }) }),
+        c ? /* @__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(
+              "button",
+              {
+                onClick: () => Ye("buy"),
+                className: "flex-1 pb-2.5 text-[16px] font-medium text-center transition-colors duration-200",
+                style: { color: S === "buy" ? "var(--t-text)" : "var(--t-text-secondary)" },
+                children: "Buy"
+              }
+            ),
+            /* @__PURE__ */ e(
+              "button",
+              {
+                onClick: () => Ye("sell"),
+                className: "flex-1 pb-2.5 text-[16px] font-medium text-center transition-colors duration-200",
+                style: { color: S === "sell" ? "var(--t-text)" : "var(--t-text-secondary)" },
+                children: "Sell"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ o("div", { className: "relative", style: { width: 165, height: 1 }, children: [
+            /* @__PURE__ */ e("div", { className: "absolute inset-0", style: { background: "var(--t-divider)" } }),
+            /* @__PURE__ */ e(
+              "div",
+              {
+                className: "absolute top-0 h-full transition-all duration-300 ease-in-out",
+                style: {
+                  width: "50%",
+                  left: S === "buy" ? "0%" : "50%",
+                  background: "var(--t-accent)"
+                }
+              }
+            )
+          ] })
+        ] }) : null,
+        ae || be || O ? /* @__PURE__ */ e(Xt, {}) : /* @__PURE__ */ o("div", { className: "flex-1 overflow-hidden px-5 flex flex-col tab-fade-in", children: [
+          /* @__PURE__ */ o(
+            "div",
+            {
+              className: "px-[18px] pt-[14px] pb-[18px]",
+              style: {
+                background: "var(--t-surface)",
+                borderRadius: 5,
+                border: ye && We ? "1px solid #EF4444" : "1px solid transparent"
+              },
+              children: [
+                /* @__PURE__ */ e("div", { className: "text-[13px] mb-2.5", style: { color: "var(--t-text-secondary)" }, children: "You spend" }),
+                /* @__PURE__ */ o("div", { className: "flex items-center justify-between", children: [
+                  /* @__PURE__ */ e(
+                    "input",
+                    {
+                      ref: Ie,
+                      type: "text",
+                      value: _,
+                      onChange: vt,
+                      onBlur: () => ee(!0),
+                      placeholder: R ? "250" : "0.01",
+                      className: "bg-transparent outline-none w-0 flex-1 mr-3",
+                      style: { color: "var(--t-text)", fontSize: 24, fontWeight: 600, lineHeight: "32px" },
+                      inputMode: "decimal",
+                      disabled: !!((ze = v == null ? void 0 : v.sourceAmount) != null && ze.locked)
+                    }
+                  ),
+                  R ? /* @__PURE__ */ o(
+                    "button",
+                    {
+                      onClick: () => Y("fiat"),
+                      className: "flex items-center gap-1.5 shrink-0 transition-colors",
+                      style: {
+                        background: "var(--t-pill-bg)",
+                        borderRadius: 4,
+                        height: 32,
+                        paddingLeft: 10,
+                        paddingRight: 10
+                      },
+                      disabled: !!((qe = v == null ? void 0 : v.sourceCurrency) != null && qe.locked),
+                      children: [
+                        /* @__PURE__ */ e(_e, { currencyCode: w, size: 16, baseUrl: D }),
+                        /* @__PURE__ */ e("span", { className: "text-[13px] font-medium", style: { color: "var(--t-text)" }, children: w }),
+                        /* @__PURE__ */ e(Te, {})
+                      ]
+                    }
+                  ) : /* @__PURE__ */ o("div", { className: "flex flex-col items-end shrink-0", children: [
+                    /* @__PURE__ */ o(
+                      "button",
+                      {
+                        onClick: () => Y("crypto"),
+                        className: "flex items-center gap-1.5 transition-colors",
+                        style: {
+                          background: "var(--t-pill-bg)",
+                          borderRadius: 4,
+                          height: 32,
+                          paddingLeft: 10,
+                          paddingRight: 10
+                        },
+                        disabled: !!((et = v == null ? void 0 : v.destinationCurrency) != null && et.locked),
+                        children: [
+                          /* @__PURE__ */ e(ut, { ticker: k, size: 16, baseUrl: D }),
+                          /* @__PURE__ */ e("span", { className: "text-[13px] font-medium", style: { color: "var(--t-text)" }, children: k }),
+                          /* @__PURE__ */ e(Te, {})
+                        ]
+                      }
+                    ),
+                    Q && /* @__PURE__ */ o("div", { className: "flex items-center gap-1 mt-1.5 mr-0.5", children: [
+                      /* @__PURE__ */ e(
+                        "img",
+                        {
+                          src: Ke(Q, D),
+                          alt: Q,
+                          width: 14,
+                          height: 14,
+                          className: "rounded-full",
+                          style: { width: 14, height: 14 }
+                        }
+                      ),
+                      /* @__PURE__ */ e("span", { className: "text-[12px]", style: { color: "var(--t-text-muted)" }, children: Ze })
+                    ] })
+                  ] })
+                ] })
+              ]
+            }
+          ),
+          ye && We && /* @__PURE__ */ e("div", { className: "text-[12px] mt-1.5 px-[2px]", style: { color: "#EF4444" }, children: P || ($e ? "Amount should be more than 0" : R ? `Minimum amount is ${it} ${w}` : `Minimum amount is ${dt} ${k}`) }),
+          /* @__PURE__ */ o(
+            "div",
+            {
+              className: "px-[18px] pt-[12px] pb-[14px]",
+              style: {
+                background: "var(--t-surface)",
+                borderTopLeftRadius: 5,
+                borderTopRightRadius: 5,
+                borderBottomLeftRadius: 0,
+                borderBottomRightRadius: 0,
+                marginTop: 4
+              },
+              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: [
+                  G ? /* @__PURE__ */ e(B, { w: 180, h: 32 }) : /* @__PURE__ */ e(
+                    _t,
+                    {
+                      value: ne > 0 ? yt : "0",
+                      height: 32,
+                      className: "font-semibold",
+                      style: { color: ne > 0 ? "var(--t-text)" : "var(--t-text-muted)", fontSize: 24 }
+                    }
+                  ),
+                  R ? /* @__PURE__ */ o("div", { className: "flex flex-col items-end shrink-0", children: [
+                    /* @__PURE__ */ o(
+                      "button",
+                      {
+                        onClick: () => Y("crypto"),
+                        className: "flex items-center gap-1.5 transition-colors",
+                        style: {
+                          background: "var(--t-pill-bg)",
+                          borderRadius: 4,
+                          height: 32,
+                          paddingLeft: 10,
+                          paddingRight: 10
+                        },
+                        disabled: !!((tt = v == null ? void 0 : v.destinationCurrency) != null && tt.locked),
+                        children: [
+                          /* @__PURE__ */ e(ut, { ticker: k, size: 16, baseUrl: D }),
+                          /* @__PURE__ */ e("span", { className: "text-[13px] font-medium", style: { color: "var(--t-text)" }, children: k }),
+                          /* @__PURE__ */ e(Te, {})
+                        ]
+                      }
+                    ),
+                    Q && /* @__PURE__ */ o("div", { className: "flex items-center gap-1 mt-1.5 mr-0.5", children: [
+                      /* @__PURE__ */ e(
+                        "img",
+                        {
+                          src: Ke(Q, D),
+                          alt: Q,
+                          width: 14,
+                          height: 14,
+                          className: "rounded-full",
+                          style: { width: 14, height: 14 }
+                        }
+                      ),
+                      /* @__PURE__ */ e("span", { className: "text-[12px]", style: { color: "var(--t-text-muted)" }, children: Ze })
+                    ] })
+                  ] }) : /* @__PURE__ */ o(
+                    "button",
+                    {
+                      onClick: () => Y("fiat"),
+                      className: "flex items-center gap-1.5 shrink-0 transition-colors",
+                      style: {
+                        background: "var(--t-pill-bg)",
+                        borderRadius: 4,
+                        height: 32,
+                        paddingLeft: 10,
+                        paddingRight: 10
+                      },
+                      disabled: !!((at = v == null ? void 0 : v.sourceCurrency) != null && at.locked),
+                      children: [
+                        /* @__PURE__ */ e(_e, { currencyCode: w, size: 16, baseUrl: D }),
+                        /* @__PURE__ */ e("span", { className: "text-[13px] font-medium", style: { color: "var(--t-text)" }, children: w }),
+                        /* @__PURE__ */ e(Te, {})
+                      ]
+                    }
+                  )
+                ] })
+              ]
+            }
+          ),
+          /* @__PURE__ */ e(
+            "div",
+            {
+              className: "flex items-center justify-between mt-[2px] px-[18px] pt-[12px] pb-[14px]",
+              style: { background: "var(--t-surface)" },
+              children: /* @__PURE__ */ e("span", { className: "text-[12px]", style: { color: "var(--t-text-secondary)" }, children: xt || " " })
+            }
+          ),
+          /* @__PURE__ */ o("div", { className: "mt-8", children: [
+            /* @__PURE__ */ e("div", { className: "text-[13px] mb-2.5", style: { color: "var(--t-text-secondary)" }, children: "Wallet address" }),
+            /* @__PURE__ */ e(
+              "input",
+              {
+                type: "text",
+                value: h.walletAddress,
+                onChange: (y) => b({ type: "SET_WALLET_ADDRESS", address: y.target.value }),
+                onBlur: () => ce(!0),
+                placeholder: "Enter your wallet address",
+                spellCheck: !1,
+                autoComplete: "off",
+                className: "w-full bg-transparent text-[13px] outline-none transition-colors",
+                style: {
+                  border: h.walletError || ve && !Be ? "1px solid #EF4444" : "1px solid var(--t-border)",
+                  borderRadius: 3.5,
+                  height: 47,
+                  paddingLeft: 14,
+                  paddingRight: 14,
+                  color: "var(--t-text)"
+                },
+                disabled: !!((nt = v == null ? void 0 : v.destinationAddress) != null && nt.locked)
+              }
+            ),
+            h.walletError ? /* @__PURE__ */ e("div", { className: "text-[12px] mt-1.5", style: { color: "#EF4444" }, children: h.walletError }) : ve && !Be && !se ? /* @__PURE__ */ e("div", { className: "text-[12px] mt-1.5", style: { color: "#EF4444" }, children: "Enter a valid wallet address" }) : se && h.walletAddress.trim().length >= 10 ? /* @__PURE__ */ e("div", { className: "text-[12px] mt-1.5", style: { color: "var(--t-text-muted)" }, children: "Validating address..." }) : null
+          ] }),
+          /* @__PURE__ */ e("div", { className: "flex-1" }),
+          /* @__PURE__ */ e(
+            "button",
+            {
+              disabled: !Se || s || J,
+              onClick: bt,
+              className: "w-full font-semibold text-[16px] transition-all",
+              style: {
+                height: 60,
+                borderRadius: 5,
+                background: "var(--t-cta-bg)",
+                color: "var(--t-cta-text)",
+                opacity: Se && !s && !J ? 1 : 0.4,
+                cursor: Se && !s && !J ? "pointer" : "not-allowed"
+              },
+              children: J ? "Getting best price..." : s ? "Processing..." : R ? `Buy ${k}` : `Sell ${k}`
+            }
+          ),
+          /* @__PURE__ */ e("div", { className: "text-center py-3", children: /* @__PURE__ */ e("span", { className: "text-[11px]", style: { color: "var(--t-text-tertiary)" }, children: "Powered by NowRamp" }) })
+        ] }, S),
+        /* @__PURE__ */ e(De, { isOpen: fe === "fiat", onClose: () => Y(null), children: (y) => {
+          var E;
+          return /* @__PURE__ */ e(
+            na,
+            {
+              onClose: y,
+              onSelect: (T) => {
+                Nt(T), y();
+              },
+              currencies: (E = L == null ? void 0 : L.fiats) == null ? void 0 : E.map((T) => ({ code: T.code, name: T.code }))
+            }
+          );
+        } }),
+        /* @__PURE__ */ e(De, { isOpen: fe === "crypto", onClose: () => Y(null), children: (y) => {
+          var E;
+          return /* @__PURE__ */ e(
+            ra,
+            {
+              onClose: y,
+              onSelect: (T, M) => {
+                Ct(T, M), y();
+              },
+              cryptos: (E = L == null ? void 0 : L.cryptos) == null ? void 0 : E.map((T) => {
+                var M;
+                return {
+                  code: T.code,
+                  name: T.code,
+                  networks: (M = T.networks) == null ? void 0 : M.map((z) => ({ code: z.id, name: z.name }))
+                };
+              }),
+              assetBaseUrl: D
+            }
+          );
+        } }),
+        /* @__PURE__ */ e(De, { isOpen: fe === "settings", onClose: () => Y(null), children: (y) => /* @__PURE__ */ e(
+          ca,
+          {
+            onClose: y,
+            darkMode: F,
+            onToggleDarkMode: K,
+            skinId: ge,
+            onSelectSkin: (E) => {
+              pe(E);
+            }
+          }
+        ) })
+      ]
+    }
+  );
+}
+function ia({
+  projectId: t,
+  apiUrl: a,
+  assetBaseUrl: n,
+  flowType: l,
+  customerId: r,
+  defaultFiatCurrency: i,
+  defaultCryptoCurrency: m,
+  defaultNetwork: d,
+  defaultFiatAmount: c,
+  defaultCryptoAmount: u,
+  defaultWalletAddress: p,
+  defaultGateway: f,
+  fieldLocks: x,
+  statusPollInterval: g,
+  onComplete: h,
+  onError: b,
+  className: L,
+  theme: O,
+  skinId: A,
+  accentColor: G,
+  bgColor: j,
+  bgImage: W,
+  borderColor: Z,
+  borderRadius: s,
+  showFlowToggle: P,
+  autoRedirect: v,
+  explorerUrl: I,
+  doneButtonText: D,
+  supportEmail: F,
+  onDone: K
+}) {
+  return /* @__PURE__ */ e(
+    Mt,
+    {
+      projectId: t,
+      apiUrl: a,
+      assetBaseUrl: n,
+      flowType: l,
+      customerId: r,
+      defaultFiatCurrency: i,
+      defaultCryptoCurrency: m,
+      defaultNetwork: d,
+      defaultFiatAmount: c,
+      defaultCryptoAmount: u,
+      defaultWalletAddress: p,
+      defaultGateway: f,
+      fieldLocks: x,
+      statusPollInterval: g,
+      onComplete: h,
+      onError: b,
+      children: /* @__PURE__ */ e(
+        sa,
+        {
+          className: L,
+          theme: O,
+          skinId: A,
+          accentColor: G,
+          bgColor: j,
+          bgImage: W,
+          borderColor: Z,
+          borderRadius: s,
+          showFlowToggle: P,
+          autoRedirect: v,
+          explorerUrl: I,
+          doneButtonText: D,
+          supportEmail: F,
+          onDone: K
+        }
+      )
+    }
+  );
+}
+function Ca({
+  submitButtonText: t,
+  rateRefreshInterval: a,
+  ...n
+}) {
+  return /* @__PURE__ */ e(ia, { ...n });
+}
+function ba({
+  skin: t,
+  active: a,
+  onClick: n,
+  darkMode: l,
+  dimmed: r
+}) {
+  const i = t.accent === null, m = 32;
+  return /* @__PURE__ */ o(
+    "button",
+    {
+      onClick: n,
+      className: "relative shrink-0",
+      style: { width: m, height: m, opacity: r ? 0.4 : 1, transition: "opacity 0.2s" },
+      children: [
+        i ? /* @__PURE__ */ o("svg", { width: m, height: m, viewBox: "0 0 32 32", children: [
+          /* @__PURE__ */ e("clipPath", { id: "mono-left", children: /* @__PURE__ */ e("rect", { x: "0", y: "0", width: "16", height: "32" }) }),
+          /* @__PURE__ */ e("clipPath", { id: "mono-right", children: /* @__PURE__ */ e("rect", { x: "16", y: "0", width: "16", height: "32" }) }),
+          /* @__PURE__ */ e("circle", { cx: "16", cy: "16", r: "15", fill: "#111111", clipPath: "url(#mono-left)" }),
+          /* @__PURE__ */ e("circle", { cx: "16", cy: "16", r: "15", fill: "#ffffff", clipPath: "url(#mono-right)" }),
+          /* @__PURE__ */ e("circle", { cx: "16", cy: "16", r: "15", fill: "none", stroke: l ? "rgba(255,255,255,0.15)" : "rgba(0,0,0,0.1)", strokeWidth: "1" })
+        ] }) : /* @__PURE__ */ e("svg", { width: m, height: m, viewBox: "0 0 32 32", children: /* @__PURE__ */ e("circle", { cx: "16", cy: "16", r: "15", fill: t.accent }) }),
+        a && !r && /* @__PURE__ */ e(
+          "div",
+          {
+            className: "absolute inset-0 rounded-full",
+            style: { boxShadow: "0 0 0 2px var(--t-bg), 0 0 0 4px var(--t-text)" }
+          }
+        )
+      ]
+    }
+  );
+}
+function da({ quote: t }) {
+  return t.isBestRate ? /* @__PURE__ */ e("div", { className: "text-[12px]", style: { color: "var(--t-text-secondary)" }, children: "Best price" }) : t.isRecommended ? /* @__PURE__ */ e("div", { className: "text-[12px]", style: { color: "var(--t-text-secondary)" }, children: "Recommended" }) : t.rank && t.rank <= 3 ? /* @__PURE__ */ o("div", { className: "text-[12px]", style: { color: "var(--t-text-secondary)" }, children: [
+    "#",
+    t.rank
+  ] }) : null;
+}
+function ua({ quote: t }) {
+  return t.gatewayLogo ? /* @__PURE__ */ e(
+    "img",
+    {
+      src: t.gatewayLogo,
+      alt: t.gatewayName,
+      width: 36,
+      height: 36,
+      className: "rounded-full shrink-0",
+      style: { width: 36, height: 36 }
+    }
+  ) : /* @__PURE__ */ e(ft, { size: 36 });
+}
+function ma() {
+  return /* @__PURE__ */ e("div", { className: "space-y-2", children: [0, 1, 2].map((t) => /* @__PURE__ */ o(
+    "div",
+    {
+      className: "w-full flex items-center gap-3.5",
+      style: {
+        borderRadius: 5,
+        height: 64,
+        paddingLeft: 16,
+        paddingRight: 16,
+        background: "var(--t-surface)"
+      },
+      children: [
+        /* @__PURE__ */ e(B, { w: 36, h: 36, className: "rounded-full shrink-0" }),
+        /* @__PURE__ */ o("div", { className: "flex-1", children: [
+          /* @__PURE__ */ e(B, { w: 90, h: 14, className: "mb-1.5" }),
+          /* @__PURE__ */ e(B, { w: 60, h: 12 })
+        ] }),
+        /* @__PURE__ */ o("div", { className: "text-right", children: [
+          /* @__PURE__ */ e(B, { w: 40, h: 10, className: "mb-1.5" }),
+          /* @__PURE__ */ e(B, { w: 80, h: 14 })
+        ] })
+      ]
+    },
+    t
+  )) });
+}
+function Ea({
+  onClose: t,
+  onSelect: a,
+  quotes: n,
+  quotesLoading: l,
+  cryptoCurrency: r
+}) {
+  const [i, m] = C(""), d = X(() => {
+    if (!(n != null && n.quotes)) return [];
+    const c = i.trim().toLowerCase();
+    return c ? n.quotes.filter((u) => u.gatewayName.toLowerCase().includes(c)) : n.quotes;
+  }, [n, i]);
+  return /* @__PURE__ */ o(le, { children: [
+    /* @__PURE__ */ e("div", { className: "flex justify-end px-5 pt-5", children: /* @__PURE__ */ e(Le, { onClick: t }) }),
+    /* @__PURE__ */ e(
+      "h2",
+      {
+        className: "text-center text-[17px] font-medium mt-2 mb-6",
+        style: { color: "var(--t-text)" },
+        children: "Choose Ramp"
+      }
+    ),
+    /* @__PURE__ */ e(Xe, { value: i, onChange: m }),
+    /* @__PURE__ */ o("div", { className: "flex-1 overflow-y-auto custom-scroll px-5 space-y-2", children: [
+      l ? /* @__PURE__ */ e(ma, {}) : d.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" }) : d.map((c, u) => {
+        const p = u === 0, f = parseFloat(c.cryptoAmount), x = f >= 1 ? f.toFixed(4) : f.toPrecision(6);
+        return /* @__PURE__ */ o(
+          "button",
+          {
+            onClick: () => a(c),
+            className: "w-full flex items-center gap-3.5 transition-colors",
+            style: {
+              borderRadius: p ? 4.5 : 5,
+              height: p ? 63 : 64,
+              paddingLeft: 16,
+              paddingRight: 16,
+              border: p ? "1px solid var(--t-border)" : "1px solid transparent",
+              background: p ? "transparent" : "var(--t-surface)"
+            },
+            children: [
+              /* @__PURE__ */ e(ua, { quote: c }),
+              /* @__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: c.gatewayName }),
+                /* @__PURE__ */ e(da, { quote: c })
+              ] }),
+              /* @__PURE__ */ o("div", { className: "text-right shrink-0", children: [
+                /* @__PURE__ */ e("div", { className: "text-[11px]", style: { color: "var(--t-text-secondary)" }, children: "You get" }),
+                /* @__PURE__ */ o("div", { className: "font-medium text-[14px]", style: { color: "var(--t-text)" }, children: [
+                  r,
+                  " ",
+                  x
+                ] })
+              ] })
+            ]
+          },
+          c.gatewayId
+        );
+      }),
+      !l && (n == null ? void 0 : n.unavailableGateways) && n.unavailableGateways.length > 0 && /* @__PURE__ */ e("div", { className: "pt-3", children: n.unavailableGateways.map((c) => /* @__PURE__ */ o(
+        "div",
+        {
+          className: "flex items-center justify-between py-2 text-[12px]",
+          style: { color: "var(--t-text-muted)" },
+          children: [
+            /* @__PURE__ */ e("span", { children: c.gatewayName }),
+            /* @__PURE__ */ e("span", { children: c.reason })
+          ]
+        },
+        c.gatewayId
+      )) })
+    ] })
+  ] });
+}
+export {
+  Kt as AnimatedDigit,
+  _t as AnimatedNumber,
+  Zt as ApplePayIcon,
+  Re as BLOCKCHAINS,
+  jt as BankIcon,
+  Vt as CRYPTO_CHAIN_COMBOS,
+  $t as CRYPTO_CURRENCIES,
+  qt as CardIcon,
+  Ca as CheckoutForm,
+  Ot as CheckoutStep,
+  Te as ChevronDown,
+  ea as ChevronRight,
+  Ea as ChooseRampModal,
+  Le as CloseButton,
+  va as CoinifyIcon,
+  Ut as CompleteStep,
+  Ft as ConfirmStep,
+  ra as CryptoCurrencyModal,
+  ut as CryptoIcon,
+  aa as DarkModeIcon,
+  Dt as ErrorStep,
+  lt as FIAT_CURRENCIES,
+  Gt as FIAT_TO_COUNTRY,
+  na as FiatCurrencyModal,
+  _e as FiatFlag,
+  Xt as FormSkeleton,
+  ft as GenericCoinIcon,
+  Jt as GooglePayIcon,
+  st as MOCK_RATES,
+  ta as MenuIcon,
+  De as Modal,
+  zt as PayPalIcon,
+  Ht as ProcessingStep,
+  ia as RampForm,
+  Mt as RampProvider,
+  Qt as RevolutIcon,
+  ct as SKINS,
+  Xe as SearchInput,
+  ca as SettingsScreen,
+  B as Skeleton,
+  ba as SkinSwatch,
+  oa as ToggleSwitch,
+  ga as formatOutput,
+  Ke as getChainIconUrl,
+  pt as getCryptoIconUrl,
+  Wt as getFiatFlagUrl,
+  xa as getMockRate,
+  Na as getPaymentIcon,
+  Yt as parseAmount,
+  Lt as useCheckoutIntent,
+  kt as useQuotes,
+  he as useRamp,
+  Rt as useRampConfig,
+  It as useTransaction
+};
+//# sourceMappingURL=index.js.map