@nowramp/form 0.1.35 → 0.1.36

package/dist/index.js

@@ -21,10 +21,10 @@ function Rt(t, a) {
     }
     d(!0), m(null);
     try {
-      const p = await c.current.getSupported(a);
-      l(p);
-    } catch (p) {
-      m(p instanceof Error ? p : new Error("Failed to fetch config"));
+      const h = await c.current.getSupported(a);
+      l(h);
+    } catch (h) {
+      m(h instanceof Error ? h : new Error("Failed to fetch config"));
     } finally {
       d(!1);
     }
@@ -34,8 +34,8 @@ function Rt(t, a) {
   }, [i]), { config: n, loading: r, error: u, refetch: i };
 }
 function kt(t, a) {
-  const [n, l] = C(null), [r, d] = C(!1), [u, m] = C(null), c = U(null), i = U(""), p = `${t.apiUrl}|${t.projectId}`;
-  (!c.current || i.current !== p) && (c.current = new ke({ apiKey: "", ...t }), i.current = p);
+  const [n, l] = C(null), [r, d] = C(!1), [u, m] = C(null), c = U(null), i = U(""), h = `${t.apiUrl}|${t.projectId}`;
+  (!c.current || i.current !== h) && (c.current = new ke({ apiKey: "", ...t }), i.current = h);
   const f = U(0);
   H(() => {
     const g = ++f.current;
@@ -44,11 +44,11 @@ function kt(t, a) {
       return;
     }
     d(!0), m(null), c.current.getQuotes(a).then(
-      (h) => {
-        f.current === g && (l(h), d(!1));
+      (p) => {
+        f.current === g && (l(p), d(!1));
       },
-      (h) => {
-        f.current === g && (m(h instanceof Error ? h : new Error("Failed to fetch quotes")), l(null), d(!1));
+      (p) => {
+        f.current === g && (m(p instanceof Error ? p : new Error("Failed to fetch quotes")), l(null), d(!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]);
@@ -70,26 +70,26 @@ function kt(t, a) {
 function Lt(t) {
   const [a, n] = C(null), [l, r] = C(!1), [d, u] = C(null), m = U(null), c = U(""), i = `${t.apiUrl}|${t.projectId}`;
   (!m.current || c.current !== i) && (m.current = new ke({ apiKey: "", ...t }), c.current = i);
-  const p = $(async (x) => {
+  const h = $(async (x) => {
     r(!0), u(null);
     try {
       const g = await m.current.createCheckoutIntent(x);
       return n(g), g;
     } catch (g) {
-      const h = g instanceof Error ? g : new Error("Failed to create checkout intent");
-      throw u(h), h;
+      const p = g instanceof Error ? g : new Error("Failed to create checkout intent");
+      throw u(p), p;
     } finally {
       r(!1);
     }
   }, []), f = $(() => {
     n(null), u(null);
   }, []);
-  return { order: a, loading: l, error: d, createOrder: p, reset: f };
+  return { order: a, loading: l, error: d, createOrder: h, reset: f };
 }
 function It(t, a, n) {
   const [l, r] = C(null), [d, u] = C(!1), [m, c] = C(null), i = U(null);
   i.current || (i.current = new ke({ apiKey: "", projectId: "", ...t }));
-  const p = $(async () => {
+  const h = $(async () => {
     if (a) {
       u(!0), c(null);
       try {
@@ -106,16 +106,16 @@ function It(t, a, n) {
     if (!a) return;
     const f = (n == null ? void 0 : n.initialDelay) ?? 0;
     if (f > 0) {
-      const x = setTimeout(p, f);
+      const x = setTimeout(h, f);
       return () => clearTimeout(x);
     }
-    p();
-  }, [p, a, n == null ? void 0 : n.initialDelay]), H(() => {
+    h();
+  }, [h, 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);
+    const x = setInterval(h, n.pollInterval);
     return () => clearInterval(x);
-  }, [a, n == null ? void 0 : n.pollInterval, l == null ? void 0 : l.status, p]), { status: l, loading: d, error: m, refetch: p };
+  }, [a, n == null ? void 0 : n.pollInterval, l == null ? void 0 : l.status, h]), { status: l, loading: d, error: m, refetch: h };
 }
 function rt(t, a) {
   if (!t) return t;
@@ -196,7 +196,7 @@ function Bt(t, a) {
       return t;
   }
 }
-const ht = Tt(null);
+const pt = Tt(null);
 function Mt({
   projectId: t,
   apiUrl: a = "https://api.nowramp.com",
@@ -208,15 +208,15 @@ function Mt({
   defaultNetwork: m = "",
   defaultFiatAmount: c = "",
   defaultCryptoAmount: i = "",
-  defaultWalletAddress: p = "",
+  defaultWalletAddress: h = "",
   defaultGateway: f,
   fieldLocks: x,
   statusPollInterval: g = 5e3,
-  onComplete: h,
+  onComplete: p,
   onError: b,
   children: L
 }) {
-  const O = X(() => ({ apiUrl: a, projectId: t }), [a, t]), A = m || (u ? u.toLowerCase() : ""), G = l === "sell", j = G ? !!i : !!c, Z = (G ? !!(j && u && A) : !!(j && u && A && p)) && f ? "confirm" : "amount", [s, P] = St(Bt, {
+  const O = X(() => ({ apiUrl: a, projectId: t }), [a, t]), A = m || (u ? u.toLowerCase() : ""), G = l === "sell", j = G ? !!i : !!c, Z = (G ? !!(j && u && A) : !!(j && u && A && h)) && f ? "confirm" : "amount", [s, P] = St(Bt, {
     ...mt,
     step: Z,
     flowType: l,
@@ -225,7 +225,7 @@ function Mt({
     network: A,
     fiatAmount: rt(c, 2),
     cryptoAmount: rt(i, 6),
-    walletAddress: p,
+    walletAddress: h,
     customerId: r
   }), v = s.flowType === "sell", {
     config: I,
@@ -263,7 +263,7 @@ function Mt({
       orderType: s.flowType
     };
   }, [I, s.fiatCurrency, s.fiatAmount, s.cryptoAmount, s.cryptoCurrency, s.network, s.paymentMethodId, s.country, K, v, s.flowType]), {
-    quotes: pe,
+    quotes: he,
     loading: fe,
     error: Y,
     refetch: ye
@@ -281,15 +281,15 @@ function Mt({
     { 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(() => {
+    (V == null ? void 0 : V.status) === "completed" && p && p(V);
+  }, [V == null ? void 0 : V.status, p]), 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 be = U(he);
+  be.current = he;
   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;
@@ -301,7 +301,7 @@ function Mt({
     try {
       await se({
         gateway: N,
-        externalCustomerId: s.customerId || void 0,
+        customerId: s.customerId || void 0,
         fiatCurrency: s.fiatCurrency,
         ...v ? { cryptoAmount: s.cryptoAmount } : { fiatAmount: s.fiatAmount },
         cryptoCurrency: s.cryptoCurrency,
@@ -342,7 +342,7 @@ function Mt({
     configError: F,
     state: s,
     dispatch: P,
-    quotes: pe,
+    quotes: he,
     quotesLoading: fe,
     quotesError: Y,
     fetchQuotes: ye,
@@ -359,10 +359,10 @@ function Mt({
     goBack: ie,
     canProceed: Ie
   };
-  return /* @__PURE__ */ e(ht.Provider, { value: xe, children: L });
+  return /* @__PURE__ */ e(pt.Provider, { value: xe, children: L });
 }
-function he() {
-  const t = wt(ht);
+function pe() {
+  const t = wt(pt);
   if (!t)
     throw new Error("useRamp must be used within a RampProvider");
   return t;
@@ -374,145 +374,226 @@ function Ot({
   redirectDelay: l = 3e3
 }) {
   var g;
-  const { order: r, orderStatus: d, goToStep: u, goBack: m } = he(), [c, i] = C(!1), [p, f] = C(null), x = r != null && r.checkout.expiresAt ? Date.now() > r.checkout.expiresAt : !1;
+  const { order: r, orderStatus: d, goToStep: u, goBack: m } = pe(), [c, i] = C(!1), [h, 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(() => {
+      const p = setTimeout(() => {
         window.location.href = r.checkout.url;
       }, l), b = setInterval(() => {
         f((L) => L && L > 1 ? L - 1 : null);
       }, 1e3);
       return () => {
-        clearTimeout(h), clearInterval(b);
+        clearTimeout(p), clearInterval(b);
       };
     }
   }, [r, n, l, x]), H(() => {
     d && (d.status === "completed" ? u("complete") : ["failed", "cancelled", "expired"].includes(d.status) && u("error"));
   }, [d == null ? void 0 : d.status, u]), !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: m,
-          children: "Go Back"
-        }
-      )
-    ] });
+    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: m,
+              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: m,
-          children: "Start Over"
-        }
-      )
-    ] });
+    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("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 session 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: m,
+              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: () => i(!0),
-          title: "Provider Checkout"
-        }
-      )
-    ] }) });
+    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: () => i(!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: m,
-          children: "Cancel"
-        }
-      )
-    ] });
+    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."
+          ] }),
+          h !== null && /* @__PURE__ */ o("p", { className: "text-[13px] mb-4", style: { color: "var(--t-text-muted)" }, children: [
+            "Redirecting in ",
+            h,
+            "..."
+          ] }),
+          /* @__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: m,
+              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: () => i(!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",
+    const p = Pt(r.checkout.url, r.widgetConfig);
+    return /* @__PURE__ */ e("div", { className: `flex flex-col flex-1 ${t}`, children: /* @__PURE__ */ o(
+      "div",
       {
-        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: m,
-        children: "Go Back"
+        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: p,
+              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: () => i(!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: m,
+            children: "Go Back"
+          }
+        )
+      ]
+    }
+  );
 }
 function Pt(t, a) {
   const n = new URL("/en/partner/widget", t);
@@ -521,7 +602,7 @@ function Pt(t, a) {
   return n.toString();
 }
 function Ht({ className: t = "" }) {
-  const { orderStatus: a, orderStatusLoading: n, goToStep: l } = he();
+  const { orderStatus: a, orderStatusLoading: n, goToStep: l } = pe();
   H(() => {
     a && (a.status === "completed" ? l("complete") : ["failed", "cancelled", "expired", "refunded"].includes(a.status) && l("error"));
   }, [a == null ? void 0 : a.status, l]);
@@ -599,7 +680,7 @@ function Ut({
   onDone: n,
   doneButtonText: l = "Done"
 }) {
-  const { orderStatus: r, state: d, dispatch: u } = he(), m = d.flowType === "sell", c = () => {
+  const { orderStatus: r, state: d, dispatch: u } = pe(), m = d.flowType === "sell", c = () => {
     if (!(r != null && r.transactionHash)) return null;
     if (!a) {
       const f = {
@@ -618,7 +699,7 @@ function Ut({
     return a.replace("{txHash}", r.transactionHash);
   }, i = () => {
     n ? n() : u({ type: "RESET" });
-  }, p = c();
+  }, h = c();
   return /* @__PURE__ */ o("div", { className: `flex flex-col items-center px-8 py-12 text-center ${t}`, children: [
     /* @__PURE__ */ e(
       "div",
@@ -674,10 +755,10 @@ function Ut({
       )
     ] }),
     /* @__PURE__ */ o("div", { className: "w-full flex flex-col gap-2", children: [
-      p && /* @__PURE__ */ e(
+      h && /* @__PURE__ */ e(
         "a",
         {
-          href: p,
+          href: h,
           target: "_blank",
           rel: "noopener noreferrer",
           className: "w-full font-semibold text-[14px] flex items-center justify-center transition-all",
@@ -722,7 +803,7 @@ function Dt({
   onRetry: a,
   supportEmail: n = "support@nowramp.com"
 }) {
-  const { state: l, orderStatus: r, dispatch: d, goToStep: u } = he(), m = l.flowType === "sell", c = () => {
+  const { state: l, orderStatus: r, dispatch: d, goToStep: u } = pe(), m = l.flowType === "sell", c = () => {
     if (r)
       switch (r.status) {
         case "failed":
@@ -753,7 +834,7 @@ function Dt({
           return "An unexpected error occurred. Please try again.";
       }
     return "An unexpected error occurred. Please try again.";
-  }, p = () => {
+  }, h = () => {
     d({ type: "CLEAR_ERROR" }), a ? a() : (d({ type: "RESET" }), u("amount"));
   }, f = () => {
     d({ type: "RESET" }), u("amount");
@@ -792,7 +873,7 @@ function Dt({
         {
           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,
+          onClick: h,
           children: "Try Again"
         }
       ),
@@ -839,13 +920,13 @@ function Ft({ className: t = "" }) {
     fetchQuotes: d,
     createOrder: u,
     orderLoading: m
-  } = he(), c = l.flowType === "sell", [i, p] = C(null), f = a == null ? void 0 : a.gateways.find((g) => g.id === r), x = async () => {
-    p(null);
+  } = pe(), c = l.flowType === "sell", [i, h] = C(null), f = a == null ? void 0 : a.gateways.find((g) => g.id === r), x = async () => {
+    h(null);
     try {
       d(), await u();
     } catch (g) {
-      const h = g instanceof Error ? g.message : "Failed to create order";
-      p(h);
+      const p = g instanceof Error ? g.message : "Failed to create order";
+      h(p);
     }
   };
   return n ? /* @__PURE__ */ o("div", { className: `flex flex-col items-center justify-center p-12 ${t}`, children: [
@@ -1324,7 +1405,7 @@ const Re = {
   ARS: "ar",
   ALL: "al"
 };
-function pt(t, a = "") {
+function ht(t, a = "") {
   return `${a}/crypto-icons/${t.toLowerCase()}.svg`;
 }
 function Wt(t, a = "") {
@@ -1391,7 +1472,7 @@ function ut({ ticker: t, size: a = 32, baseUrl: n = "" }) {
   return /* @__PURE__ */ e(
     "img",
     {
-      src: pt(t, n),
+      src: ht(t, n),
       alt: t,
       width: a,
       height: a,
@@ -1634,11 +1715,11 @@ function ra({ onClose: t, onSelect: a, cryptos: n, assetBaseUrl: l = "" }) {
     if (!n || n.length === 0) return Vt;
     const c = [];
     for (const i of n) {
-      const p = i.networks || [];
-      if (p.length === 0)
+      const h = i.networks || [];
+      if (h.length === 0)
         c.push({ code: i.code, name: i.name || i.code, chain: i.code, popular: !1 });
       else
-        for (const f of p) {
+        for (const f of h) {
           const x = f.code || f.id || f.name || i.code;
           c.push({
             code: i.code,
@@ -1654,14 +1735,14 @@ function ra({ onClose: t, onSelect: a, cryptos: n, assetBaseUrl: l = "" }) {
     var f;
     const c = r.trim().toLowerCase();
     if (!c) return u;
-    const i = c.split(/\s+/), p = [];
+    const i = c.split(/\s+/), h = [];
     for (const x of u) {
-      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];
+      const g = Re[x.chain], p = 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, p, b, L];
       if (!i.every((Z) => G.some((s) => s.includes(Z)))) continue;
       let W = 0;
-      O === c ? W += 100 : O.startsWith(i[0]) && (W += 50), x.popular && (W += 10), i.length > 1 && (h.includes(i[1]) || b.includes(i[1]) || L.includes(i[1])) && (W += 25), p.push({ item: x, score: W });
+      O === c ? W += 100 : O.startsWith(i[0]) && (W += 50), x.popular && (W += 10), i.length > 1 && (p.includes(i[1]) || b.includes(i[1]) || L.includes(i[1])) && (W += 25), h.push({ item: x, score: W });
     }
-    return p.sort((x, g) => g.score - x.score), p.map((x) => x.item);
+    return h.sort((x, g) => g.score - x.score), h.map((x) => x.item);
   }, [u, r]);
   return /* @__PURE__ */ o(le, { children: [
     /* @__PURE__ */ e("div", { className: "flex justify-end px-5 pt-5", children: /* @__PURE__ */ e(Le, { onClick: t }) }),
@@ -1676,7 +1757,7 @@ function ra({ onClose: t, onSelect: a, cryptos: n, assetBaseUrl: l = "" }) {
     /* @__PURE__ */ e(Xe, { value: r, onChange: d }),
     /* @__PURE__ */ o("div", { className: "flex-1 overflow-y-auto custom-scroll px-5", children: [
       m.map((c) => {
-        const i = Re[c.chain], p = (i == null ? void 0 : i.name) || c.chainName || c.chain;
+        const i = Re[c.chain], h = (i == null ? void 0 : i.name) || c.chainName || c.chain;
         return /* @__PURE__ */ o(
           "button",
           {
@@ -1687,7 +1768,7 @@ function ra({ onClose: t, onSelect: a, cryptos: n, assetBaseUrl: l = "" }) {
                 /* @__PURE__ */ e(
                   "img",
                   {
-                    src: pt(c.code, l),
+                    src: ht(c.code, l),
                     alt: c.code,
                     width: 32,
                     height: 32,
@@ -1724,7 +1805,7 @@ function ra({ onClose: t, onSelect: a, cryptos: n, assetBaseUrl: l = "" }) {
                 ),
                 /* @__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 }) })
+              /* @__PURE__ */ e("div", { className: "text-right shrink-0", children: /* @__PURE__ */ e("div", { className: "text-[13px]", style: { color: "var(--t-text-muted)" }, children: h }) })
             ]
           },
           `${c.code}-${c.chain}`
@@ -1830,14 +1911,14 @@ function sa({
   borderRadius: m,
   showFlowToggle: c = !0,
   autoRedirect: i = !1,
-  explorerUrl: p,
+  explorerUrl: h,
   doneButtonText: f = "Done",
   supportEmail: x,
   onDone: g
 }) {
   var Je, ze, qe, et, tt, at, nt;
   const {
-    state: h,
+    state: p,
     dispatch: b,
     config: L,
     configLoading: O,
@@ -1851,21 +1932,21 @@ function sa({
     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);
+  } = pe(), [F, K] = C(a === "dark"), [ge, he] = 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(p.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);
+    if (N.current !== p.flowType && !ae) {
+      N.current = p.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);
+    N.current = p.flowType;
+  }, [p.flowType, ae]);
+  const S = p.flowType, R = S === "buy", k = p.cryptoCurrency || "BTC", w = p.fiatCurrency || "USD", _ = R ? p.fiatAmount : p.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) {
@@ -1879,7 +1960,7 @@ function sa({
     return !y || !E || !T ? "" : `1 ${E} ≈ ${y.toFixed(2)} ${T}`;
   }, [k, w, de]);
   H(() => {
-    const y = h.walletAddress.trim(), E = h.network;
+    const y = p.walletAddress.trim(), E = p.network;
     if (!y || y.length < 10) {
       te(null), b({ type: "SET_WALLET_ERROR", message: "" });
       return;
@@ -1905,8 +1986,8 @@ function sa({
         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) => {
+  }, [p.walletAddress, p.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 = p.walletAddress.trim().length >= 10 && V !== !1 && !se, Se = gt && Be && !!p.cryptoCurrency && !!p.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 });
@@ -1952,7 +2033,7 @@ function sa({
   r && Fe(r) ? re.backgroundColor = r : re.backgroundColor = "var(--t-bg)", d && (re.backgroundImage = `url(${d})`, re.backgroundSize = "cover", re.backgroundPosition = "center");
   const we = {};
   u && Fe(u) && (we.border = `1px solid ${u}`), m && (we.borderRadius = m);
-  const Qe = h.step === "checkout" ? /* @__PURE__ */ e(Ot, { autoRedirect: i }) : 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;
+  const Qe = p.step === "checkout" ? /* @__PURE__ */ e(Ot, { autoRedirect: i }) : p.step === "processing" ? /* @__PURE__ */ e(Ht, {}) : p.step === "complete" ? /* @__PURE__ */ e(Ut, { explorerUrl: h, doneButtonText: f, onDone: g }) : p.step === "error" ? /* @__PURE__ */ e(Dt, { supportEmail: x }) : p.step === "confirm" ? /* @__PURE__ */ e(Ft, {}) : null;
   if (Qe)
     return /* @__PURE__ */ e(
       "div",
@@ -1967,7 +2048,7 @@ function sa({
         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;
+  const Q = p.network, ue = Q ? Re[Q] : null, Ze = (ue == null ? void 0 : ue.shortName) || (ue == null ? void 0 : ue.name) || Q;
   return /* @__PURE__ */ o(
     "div",
     {
@@ -2201,7 +2282,7 @@ function sa({
               "input",
               {
                 type: "text",
-                value: h.walletAddress,
+                value: p.walletAddress,
                 onChange: (y) => b({ type: "SET_WALLET_ADDRESS", address: y.target.value }),
                 onBlur: () => ce(!0),
                 placeholder: "Enter your wallet address",
@@ -2209,7 +2290,7 @@ function sa({
                 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)",
+                  border: p.walletError || ve && !Be ? "1px solid #EF4444" : "1px solid var(--t-border)",
                   borderRadius: 3.5,
                   height: 47,
                   paddingLeft: 14,
@@ -2219,7 +2300,7 @@ function sa({
                 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
+            p.walletError ? /* @__PURE__ */ e("div", { className: "text-[12px] mt-1.5", style: { color: "#EF4444" }, children: p.walletError }) : ve && !Be && !se ? /* @__PURE__ */ e("div", { className: "text-[12px] mt-1.5", style: { color: "#EF4444" }, children: "Enter a valid wallet address" }) : se && p.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(
@@ -2284,7 +2365,7 @@ function sa({
             onToggleDarkMode: K,
             skinId: ge,
             onSelectSkin: (E) => {
-              pe(E);
+              he(E);
             }
           }
         ) })
@@ -2303,11 +2384,11 @@ function ia({
   defaultNetwork: m,
   defaultFiatAmount: c,
   defaultCryptoAmount: i,
-  defaultWalletAddress: p,
+  defaultWalletAddress: h,
   defaultGateway: f,
   fieldLocks: x,
   statusPollInterval: g,
-  onComplete: h,
+  onComplete: p,
   onError: b,
   className: L,
   theme: O,
@@ -2337,11 +2418,11 @@ function ia({
       defaultNetwork: m,
       defaultFiatAmount: c,
       defaultCryptoAmount: i,
-      defaultWalletAddress: p,
+      defaultWalletAddress: h,
       defaultGateway: f,
       fieldLocks: x,
       statusPollInterval: g,
-      onComplete: h,
+      onComplete: p,
       onError: b,
       children: /* @__PURE__ */ e(
         sa,
@@ -2476,19 +2557,19 @@ function Ea({
     /* @__PURE__ */ e(Xe, { value: d, onChange: u }),
     /* @__PURE__ */ o("div", { className: "flex-1 overflow-y-auto custom-scroll px-5 space-y-2", children: [
       l ? /* @__PURE__ */ e(ma, {}) : m.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" }) : m.map((c, i) => {
-        const p = i === 0, f = parseFloat(c.cryptoAmount), x = f >= 1 ? f.toFixed(4) : f.toPrecision(6);
+        const h = i === 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,
+              borderRadius: h ? 4.5 : 5,
+              height: h ? 63 : 64,
               paddingLeft: 16,
               paddingRight: 16,
-              border: p ? "1px solid var(--t-border)" : "1px solid transparent",
-              background: p ? "transparent" : "var(--t-surface)"
+              border: h ? "1px solid var(--t-border)" : "1px solid transparent",
+              background: h ? "transparent" : "var(--t-surface)"
             },
             children: [
               /* @__PURE__ */ e(ua, { quote: c }),
@@ -2569,14 +2650,14 @@ export {
   oa as ToggleSwitch,
   ga as formatOutput,
   Ke as getChainIconUrl,
-  pt as getCryptoIconUrl,
+  ht as getCryptoIconUrl,
   Wt as getFiatFlagUrl,
   xa as getMockRate,
   Na as getPaymentIcon,
   Yt as parseAmount,
   Lt as useCheckoutIntent,
   kt as useQuotes,
-  he as useRamp,
+  pe as useRamp,
   Rt as useRampConfig,
   It as useTransaction
 };