@chainrails/react 0.0.14 → 0.0.15

package/dist/chainrails-sdk.es.mjs

@@ -1,4 +1,4 @@
-import { useState as M, useRef as W, useEffect as G } from "react";
+import { useState as L, useRef as W, useEffect as G } from "react";
 import { jsxs as O, jsx as w } from "react/jsx-runtime";
 import './index.css';function B(t) {
   var e, s, r = "";
@@ -18,8 +18,8 @@ class C extends Error {
   request;
   options;
   constructor(e, s, r) {
-    const n = e.status || e.status === 0 ? e.status : "", o = e.statusText ?? "", i = `${n} ${o}`.trim(), u = i ? `status code ${i}` : "an unknown error";
-    super(`Request failed with ${u}: ${s.method} ${s.url}`), this.name = "HTTPError", this.response = e, this.request = s, this.options = r;
+    const n = e.status || e.status === 0 ? e.status : "", o = e.statusText ?? "", i = `${n} ${o}`.trim(), c = i ? `status code ${i}` : "an unknown error";
+    super(`Request failed with ${c}: ${s.method} ${s.url}`), this.name = "HTTPError", this.response = e, this.request = s, this.options = r;
   }
 }
 class D extends Error {
@@ -63,7 +63,7 @@ const I = (() => {
       throw n;
     }
   return t && !e;
-})(), Z = typeof globalThis.AbortController == "function", H = typeof globalThis.AbortSignal == "function" && typeof globalThis.AbortSignal.any == "function", Y = typeof globalThis.ReadableStream == "function", Q = typeof globalThis.FormData == "function", _ = ["get", "post", "put", "patch", "head", "delete"], ee = {
+})(), Z = typeof globalThis.AbortController == "function", H = typeof globalThis.AbortSignal == "function" && typeof globalThis.AbortSignal.any == "function", Y = typeof globalThis.ReadableStream == "function", Q = typeof globalThis.FormData == "function", $ = ["get", "post", "put", "patch", "head", "delete"], ee = {
   json: "application/json",
   text: "text/*",
   formData: "multipart/form-data",
@@ -72,14 +72,14 @@ const I = (() => {
   // Supported in modern Fetch implementations (for example, browsers and recent Node.js/undici).
   // We still feature-check at runtime before exposing the shortcut.
   bytes: "*/*"
-}, A = 2147483647, te = new TextEncoder().encode("------WebKitFormBoundaryaxpyiPgbbPti10Rw").length, $ = Symbol("stop");
-class F {
+}, A = 2147483647, te = new TextEncoder().encode("------WebKitFormBoundaryaxpyiPgbbPti10Rw").length, F = Symbol("stop");
+class z {
   options;
   constructor(e) {
     this.options = e;
   }
 }
-const se = (t) => new F(t), re = {
+const se = (t) => new z(t), re = {
   json: !0,
   parseJson: !0,
   stringifyJson: !0,
@@ -138,14 +138,14 @@ const se = (t) => new F(t), re = {
       return 0;
     }
   return 0;
-}, z = (t, e, s) => {
+}, J = (t, e, s) => {
   let r, n = 0;
   return t.pipeThrough(new TransformStream({
     transform(o, i) {
       if (i.enqueue(o), r) {
         n += r.byteLength;
-        let u = e === 0 ? 0 : n / e;
-        u >= 1 && (u = 1 - Number.EPSILON), s?.({ percent: u, totalBytes: Math.max(e, n), transferredBytes: n }, r);
+        let c = e === 0 ? 0 : n / e;
+        c >= 1 && (c = 1 - Number.EPSILON), s?.({ percent: c, totalBytes: Math.max(e, n), transferredBytes: n }, r);
       }
       r = o;
     },
@@ -163,26 +163,26 @@ const se = (t) => new F(t), re = {
       headers: t.headers
     });
   const s = Math.max(0, Number(t.headers.get("content-length")) || 0);
-  return new Response(z(t.body, s, e), {
+  return new Response(J(t.body, s, e), {
     status: t.status,
     statusText: t.statusText,
     headers: t.headers
   });
-}, ue = (t, e, s) => {
+}, ce = (t, e, s) => {
   if (!t.body)
     return t;
   const r = ie(s ?? t.body);
   return new Request(t, {
     // @ts-expect-error - Types are outdated.
     duplex: "half",
-    body: z(t.body, r, e)
+    body: J(t.body, r, e)
   });
 }, f = (t) => t !== null && typeof t == "object", b = (...t) => {
   for (const e of t)
     if ((!f(e) || Array.isArray(e)) && e !== void 0)
       throw new TypeError("The `options` argument must be an object");
   return j({}, ...t);
-}, J = (t = {}, e = {}) => {
+}, K = (t = {}, e = {}) => {
   const s = new globalThis.Headers(t), r = e instanceof globalThis.Headers, n = new globalThis.Headers(e);
   for (const [o, i] of n.entries())
     r && i === "undefined" || i === void 0 ? s.delete(o) : s.set(o, i);
@@ -191,12 +191,12 @@ const se = (t) => new F(t), re = {
 function T(t, e, s) {
   return Object.hasOwn(e, s) && e[s] === void 0 ? [] : j(t[s] ?? [], e[s] ?? []);
 }
-const K = (t = {}, e = {}) => ({
+const _ = (t = {}, e = {}) => ({
   beforeRequest: T(t, e, "beforeRequest"),
   beforeRetry: T(t, e, "beforeRetry"),
   afterResponse: T(t, e, "afterResponse"),
   beforeError: T(t, e, "beforeError")
-}), ce = (t, e) => {
+}), ue = (t, e) => {
   const s = new URLSearchParams();
   for (const r of [t, e])
     if (r !== void 0)
@@ -225,12 +225,12 @@ const K = (t = {}, e = {}) => ({
     if (Array.isArray(i))
       Array.isArray(e) || (e = []), e = [...e, ...i];
     else if (f(i)) {
-      for (let [u, a] of Object.entries(i)) {
-        if (u === "signal" && a instanceof globalThis.AbortSignal) {
+      for (let [c, a] of Object.entries(i)) {
+        if (c === "signal" && a instanceof globalThis.AbortSignal) {
           o.push(a);
           continue;
         }
-        if (u === "context") {
+        if (c === "context") {
           if (a != null && (!f(a) || Array.isArray(a)))
             throw new TypeError("The `context` option must be an object");
           e = {
@@ -239,18 +239,18 @@ const K = (t = {}, e = {}) => ({
           };
           continue;
         }
-        if (u === "searchParams") {
-          a == null ? n = void 0 : n = n === void 0 ? a : ce(n, a);
+        if (c === "searchParams") {
+          a == null ? n = void 0 : n = n === void 0 ? a : ue(n, a);
           continue;
         }
-        f(a) && u in e && (a = j(e[u], a)), e = { ...e, [u]: a };
+        f(a) && c in e && (a = j(e[c], a)), e = { ...e, [c]: a };
       }
-      f(i.hooks) && (r = K(r, i.hooks), e.hooks = r), f(i.headers) && (s = J(s, i.headers), e.headers = s);
+      f(i.hooks) && (r = _(r, i.hooks), e.hooks = r), f(i.headers) && (s = K(s, i.headers), e.headers = s);
     }
   return n !== void 0 && (e.searchParams = n), o.length > 0 && (o.length === 1 ? e.signal = o[0] : H ? e.signal = AbortSignal.any(o) : e.signal = o.at(-1)), e.context === void 0 && (e.context = {}), e;
-}, he = (t) => _.includes(t) ? t.toUpperCase() : t, le = ["get", "put", "head", "delete", "options", "trace"], fe = [408, 413, 429, 500, 502, 503, 504], de = [413, 429, 503], L = {
+}, le = (t) => $.includes(t) ? t.toUpperCase() : t, he = ["get", "put", "head", "delete", "options", "trace"], fe = [408, 413, 429, 500, 502, 503, 504], de = [413, 429, 503], M = {
   limit: 2,
-  methods: le,
+  methods: he,
   statusCodes: fe,
   afterStatusCodes: de,
   maxRetryAfter: Number.POSITIVE_INFINITY,
@@ -261,7 +261,7 @@ const K = (t = {}, e = {}) => ({
 }, pe = (t = {}) => {
   if (typeof t == "number")
     return {
-      ...L,
+      ...M,
       limit: t
     };
   if (t.methods && !Array.isArray(t.methods))
@@ -269,7 +269,7 @@ const K = (t = {}, e = {}) => ({
   if (t.statusCodes && !Array.isArray(t.statusCodes))
     throw new Error("retry.statusCodes must be an array");
   return {
-    ...L,
+    ...M,
     ...t
   };
 };
@@ -319,19 +319,19 @@ class p {
         throw new RangeError(`The \`timeout\` option cannot be greater than ${A}`);
       await Promise.resolve();
       let i = await r.#y();
-      for (const u of r.#e.hooks.afterResponse) {
-        const a = r.#h(i.clone()), l = await u(r.request, r.#a(), a, { retryCount: r.#s });
-        if (l instanceof globalThis.Response && (i = l), l instanceof F)
+      for (const c of r.#e.hooks.afterResponse) {
+        const a = r.#l(i.clone()), h = await c(r.request, r.#a(), a, { retryCount: r.#s });
+        if (h instanceof globalThis.Response && (i = h), h instanceof z)
           throw await Promise.all([
             a.body?.cancel(),
             i.body?.cancel()
-          ]), new S(l.options);
+          ]), new S(h.options);
       }
-      if (r.#h(i), !i.ok && (typeof r.#e.throwHttpErrors == "function" ? r.#e.throwHttpErrors(i.status) : r.#e.throwHttpErrors)) {
-        let u = new C(i, r.request, r.#a());
+      if (r.#l(i), !i.ok && (typeof r.#e.throwHttpErrors == "function" ? r.#e.throwHttpErrors(i.status) : r.#e.throwHttpErrors)) {
+        let c = new C(i, r.request, r.#a());
         for (const a of r.#e.hooks.beforeError)
-          u = await a(u, { retryCount: r.#s });
-        throw u;
+          c = await a(c, { retryCount: r.#s });
+        throw c;
       }
       if (r.#e.onDownloadProgress) {
         if (typeof r.#e.onDownloadProgress != "function")
@@ -341,19 +341,19 @@ class p {
         return ae(i.clone(), r.#e.onDownloadProgress);
       }
       return i;
-    }, o = r.#l(n).finally(async () => {
-      const i = r.#o, u = [];
-      i && !i.bodyUsed && u.push(i.body?.cancel()), r.request.bodyUsed || u.push(r.request.body?.cancel()), await Promise.all(u);
+    }, o = r.#h(n).finally(async () => {
+      const i = r.#o, c = [];
+      i && !i.bodyUsed && c.push(i.body?.cancel()), r.request.bodyUsed || c.push(r.request.body?.cancel()), await Promise.all(c);
     });
-    for (const [i, u] of Object.entries(ee))
+    for (const [i, c] of Object.entries(ee))
       i === "bytes" && typeof globalThis.Response?.prototype?.bytes != "function" || (o[i] = async () => {
-        r.request.headers.set("accept", r.request.headers.get("accept") || u);
+        r.request.headers.set("accept", r.request.headers.get("accept") || c);
         const a = await o;
         if (i === "json") {
           if (a.status === 204)
             return "";
-          const l = await a.text();
-          return l === "" ? "" : s.parseJson ? s.parseJson(l) : JSON.parse(l);
+          const h = await a.text();
+          return h === "" ? "" : s.parseJson ? s.parseJson(h) : JSON.parse(h);
         }
         return a[i]();
       });
@@ -376,14 +376,14 @@ class p {
   constructor(e, s = {}) {
     if (this.#t = e, this.#e = {
       ...s,
-      headers: J(this.#t.headers, s.headers),
-      hooks: K({
+      headers: K(this.#t.headers, s.headers),
+      hooks: _({
         beforeRequest: [],
         beforeRetry: [],
         beforeError: [],
         afterResponse: []
       }, s.hooks),
-      method: he(s.method ?? this.#t.method ?? "GET"),
+      method: le(s.method ?? this.#t.method ?? "GET"),
       // eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing
       prefixUrl: String(s.prefixUrl || ""),
       retry: pe(s.retry),
@@ -412,7 +412,7 @@ class p {
       this.request = this.#f(this.request, this.#e.body ?? void 0);
     }
   }
-  #u() {
+  #c() {
     const e = this.#e.retry.delay(this.#s);
     let s = e;
     return this.#e.retry.jitter === !0 ? s = Math.random() * e : typeof this.#e.retry.jitter == "function" && (s = this.#e.retry.jitter(e), (!Number.isFinite(s) || s < 0) && (s = e)), Math.min(this.#e.retry.backoffLimit, s);
@@ -422,7 +422,7 @@ class p {
       throw e;
     const s = e instanceof Error ? e : new D(e);
     if (s instanceof S)
-      return s.customDelay ?? this.#u();
+      return s.customDelay ?? this.#c();
     if (!this.#e.retry.methods.includes(this.request.method.toLowerCase()))
       throw e;
     if (this.#e.retry.shouldRetry !== void 0) {
@@ -430,7 +430,7 @@ class p {
       if (r === !1)
         throw e;
       if (r === !0)
-        return this.#u();
+        return this.#c();
     }
     if (Te(e) && !this.#e.retry.retryOnTimeout)
       throw e;
@@ -447,12 +447,12 @@ class p {
       if (e.response.status === 413)
         throw e;
     }
-    return this.#u();
+    return this.#c();
   }
-  #h(e) {
+  #l(e) {
     return this.#e.parseJson && (e.json = async () => this.#e.parseJson(await e.text())), e;
   }
-  async #l(e) {
+  async #h(e) {
     try {
       return await e();
     } catch (s) {
@@ -461,7 +461,7 @@ class p {
         throw s;
       if (await ge(r, this.#n ? { signal: this.#n } : {}), s instanceof S && s.customRequest) {
         const n = this.#e.signal ? new globalThis.Request(s.customRequest, { signal: this.#e.signal }) : new globalThis.Request(s.customRequest);
-        this.#c(n);
+        this.#u(n);
       }
       for (const n of this.#e.hooks.beforeRetry) {
         const o = await n({
@@ -471,15 +471,15 @@ class p {
           retryCount: this.#s
         });
         if (o instanceof globalThis.Request) {
-          this.#c(o);
+          this.#u(o);
           break;
         }
         if (o instanceof globalThis.Response)
           return o;
-        if (o === $)
+        if (o === F)
           return;
       }
-      return this.#l(e);
+      return this.#h(e);
     }
   }
   async #y() {
@@ -489,7 +489,7 @@ class p {
       if (r instanceof Response)
         return r;
       if (r instanceof globalThis.Request) {
-        this.#c(r);
+        this.#u(r);
         break;
       }
     }
@@ -503,38 +503,42 @@ class p {
     }
     return this.#i;
   }
-  #c(e) {
+  #u(e) {
     this.#i = void 0, this.request = this.#f(e);
   }
   #f(e, s) {
-    return !this.#e.onUploadProgress || !e.body ? e : ue(e, this.#e.onUploadProgress, s ?? this.#e.body ?? void 0);
+    return !this.#e.onUploadProgress || !e.body ? e : ce(e, this.#e.onUploadProgress, s ?? this.#e.body ?? void 0);
   }
 }
 /*! MIT License © Sindre Sorhus */
 const x = (t) => {
   const e = (s, r) => p.create(s, b(t, r));
-  for (const s of _)
+  for (const s of $)
     e[s] = (r, n) => p.create(r, b(t, n, { method: s }));
-  return e.create = (s) => x(b(s)), e.extend = (s) => (typeof s == "function" && (s = s(t ?? {})), x(b(t, s))), e.stop = $, e.retry = se, e;
+  return e.create = (s) => x(b(s)), e.extend = (s) => (typeof s == "function" && (s = s(t ?? {})), x(b(t, s))), e.stop = F, e.retry = se, e;
 }, Re = x();
-var Ee = /* @__PURE__ */ ((t) => (t.ARBITRUM = "ARBITRUM_MAINNET", t.ARBITRUM_TESTNET = "ARBITRUM_TESTNET", t.AVALANCHE = "AVALANCHE_MAINNET", t.AVALANCHE_TESTNET = "AVALANCHE_TESTNET", t.BASE = "BASE_MAINNET", t.BASE_TESTNET = "BASE_TESTNET", t.BSC = "BSC_MAINNET", t.ETHEREUM = "ETHEREUM_MAINNET", t.ETHEREUM_TESTNET = "ETHEREUM_TESTNET", t.STARKNET = "STARKNET_MAINNET", t))(Ee || {}), Se = /* @__PURE__ */ ((t) => (t.USDC = "USDC", t))(Se || {}), N = /* @__PURE__ */ ((t) => (t.PRODUCTION = "production", t.STAGING = "staging", t))(N || {});
-class c {
+var Ee = /* @__PURE__ */ ((t) => (t.ARBITRUM = "ARBITRUM_MAINNET", t.ARBITRUM_TESTNET = "ARBITRUM_TESTNET", t.AVALANCHE = "AVALANCHE_MAINNET", t.AVALANCHE_TESTNET = "AVALANCHE_TESTNET", t.BASE = "BASE_MAINNET", t.BASE_TESTNET = "BASE_TESTNET", t.BSC = "BSC_MAINNET", t.ETHEREUM = "ETHEREUM_MAINNET", t.ETHEREUM_TESTNET = "ETHEREUM_TESTNET", t.STARKNET = "STARKNET_MAINNET", t))(Ee || {}), Se = /* @__PURE__ */ ((t) => (t.USDC = "USDC", t))(Se || {}), v = /* @__PURE__ */ ((t) => (t.PRODUCTION = "production", t.STAGING = "staging", t))(v || {});
+class u {
   constructor({ api_key: e, env: s }) {
-    this.api_key = e, this.jwt = "", this.env = s ?? N.PRODUCTION;
+    this.api_key = e, this.jwt = "", this.env = s ?? v.PRODUCTION;
   }
   static config(e) {
-    if (!c.app) {
+    if (!u.app) {
       if (!e)
         throw new Error("Please provide an api_key");
-      c.app = new c(e);
+      u.app = new u(e);
     }
-    return e && (c.app.api_key = e.api_key, e.env !== void 0 && (c.app.env = e.env), this.updateJWT(), setInterval(this.updateJWT.bind(this), 1500 * 1e3)), c.app;
+    return e && (u.app.api_key = e.api_key, e.env !== void 0 && (u.app.env = e.env), this.updateJWT(), setInterval(this.updateJWT.bind(this), 1500 * 1e3)), u.app;
   }
   static async updateJWT() {
     try {
       const e = await (await fetch(this.getBaseUrl() + "/client/api-keys/session-token", {
+        method: "POST",
+        // headers: {
+        //   Authorization: `Bearer ${Chainrails.app.api_key}`,
+        // },
         body: JSON.stringify({
-          apiKey: c.app.api_key
+          apiKey: u.app.api_key
         })
       })).json();
       this.app.jwt = e.token;
@@ -542,42 +546,50 @@ class c {
     }
   }
   static getApiKey() {
-    if (!c.app)
+    if (!u.app)
       throw new Error("Chainrails SDK not configured. Please call Chainrails.config() first.");
-    return c.app.api_key;
+    return u.app.api_key;
   }
   static getSessionKey() {
-    return c.app.jwt;
+    return u.app.jwt;
   }
   static getEnv() {
-    if (!c.app)
+    if (!u.app)
       throw new Error("Chainrails SDK not configured. Please call Chainrails.config() first.");
-    return c.app.env;
+    return u.app.env === "internal" ? "staging" : u.app.env;
   }
   static getBaseUrl() {
-    if (!c.app)
+    if (!u.app)
       throw new Error("Chainrails SDK not configured. Please call Chainrails.config() first.");
-    switch (c.app.env) {
+    switch (u.app.env) {
       case "production":
         return "https://api.chainrails.io/api/v1";
       case "staging":
         return "https://dev.chainrails.io/api/v1";
+      case "internal":
+        return "https://dev.chainrails.io/api/v1";
       default:
         return "https://api.chainrails.io/api/v1";
     }
   }
+  static getPayModalUrl(e, s, r, n) {
+    if (!u.app)
+      throw new Error("Chainrails SDK not configured. Please call Chainrails.config() first.");
+    const o = u.app.env === "internal" ? "https://chainrails-frontend-git-staging-horus-labs.vercel.app/pay/" : "https://app.chainrails.io/pay/", i = `${e}/_token_/${s}/_to_/${r}/_amount_/${n * 100}`;
+    return o + i;
+  }
 }
 let q = null;
 function Ae() {
   q = Re.create({
-    prefixUrl: c.getBaseUrl(),
+    prefixUrl: u.getBaseUrl(),
     headers: {
       "Content-Type": "application/json"
     },
     hooks: {
       beforeRequest: [
         (t) => {
-          const e = c.getSessionKey();
+          const e = u.getSessionKey();
           t.headers.set("Authorization", `Bearer ${e}`);
         }
       ],
@@ -588,71 +600,71 @@ function Ae() {
     }
   });
 }
-function h() {
+function l() {
   return q || Ae(), q;
 }
 class Ce {
   async getById(e) {
-    return await h().get("intents/" + e).json();
+    return await l().get("intents/" + e).json();
   }
   async getForSender(e) {
-    return await h().get("intents/user/" + e).json();
+    return await l().get("intents/user/" + e).json();
   }
   async getForAddress(e) {
-    return await h().get("intents/address/" + e).json();
+    return await l().get("intents/address/" + e).json();
   }
   async getAll(e) {
-    return await h().get("intents", { searchParams: e }).json();
+    return await l().get("intents", { searchParams: e }).json();
   }
   async create(e) {
-    return await h().post("intents", { json: e }).json();
+    return await l().post("intents", { json: e }).json();
   }
   async update(e, s) {
-    return await h().post("intents", { json: s }).json();
+    return await l().post("intents", { json: s }).json();
   }
   async triggerProcessing(e) {
-    return await h().post(`intents/${e}/trigger-processing`).json();
+    return await l().post(`intents/${e}/trigger-processing`).json();
   }
 }
 class Pe {
   async getFromSpecificBridge(e) {
-    return await h().get("quotes/single", { searchParams: e }).json();
+    return await l().get("quotes/single", { searchParams: e }).json();
   }
   async getFromAllBridges(e) {
-    return await h().get("quotes/multiple", { searchParams: e }).json();
+    return await l().get("quotes/multiple", { searchParams: e }).json();
   }
   async getBestAcrossBridges(e) {
-    return await h().get("quotes/best", { searchParams: e }).json();
+    return await l().get("quotes/best", { searchParams: e }).json();
   }
   async getAll(e) {
-    return await h().get("quotes/multi-source", { searchParams: e }).json();
+    return await l().get("quotes/multi-source", { searchParams: e }).json();
   }
 }
 class xe {
   async getOptimalRoutes(e) {
-    return await h().get("router/optimal-route", { searchParams: e }).json();
+    return await l().get("router/optimal-route", { searchParams: e }).json();
   }
   async getAllSupportedBridges() {
-    return await h().get("router/supported-bridges/all").json();
+    return await l().get("router/supported-bridges/all").json();
   }
   async getSupportedBridges(e) {
-    return await h().get("router/supported-bridges/route", { searchParams: e }).json();
+    return await l().get("router/supported-bridges/route", { searchParams: e }).json();
   }
   async getSupportedRoutes(e, s) {
-    return await h().get("router/supported-bridges/bridge/" + e, { searchParams: s }).json();
+    return await l().get("router/supported-bridges/bridge/" + e, { searchParams: s }).json();
   }
 }
 class qe {
   async getSupported(e) {
-    return await h().get("chains", { searchParams: e }).json();
+    return await l().get("chains", { searchParams: e }).json();
   }
 }
 class je {
   async getClientInfo() {
-    return await h().get("client/auth/client-info").json();
+    return await l().get("client/auth/client-info").json();
   }
 }
-const ve = {
+const ke = {
   router: new xe(),
   quotes: new Pe(),
   intents: new Ce(),
@@ -667,33 +679,33 @@ function Ue(t) {
     amount: n,
     isOpen: o,
     close: i,
-    complete: u,
+    complete: c,
     cancel: a,
-    chainSelected: l,
+    chainSelected: h,
     intentCreated: y,
     ...R
-  } = t, [d, E] = M(!0), k = W(null);
+  } = t, [d, E] = L(!0), N = W(null);
   G(() => {
-    v();
+    k();
     const g = document.body.style.overflow;
     o ? (document.body.style.overflow = "hidden", document.body.style.overflow = "hidden") : document.body.style.overflow = g || "";
     const U = (m) => {
-      m.data === "closed" && a(), m.data === "completed" && u(), m.data === "chainSelected" && l(), m.data === "intentCreated" && y();
+      m.data === "closed" && a(), m.data === "completed" && c(), m.data === "chainSelected" && h(), m.data === "intentCreated" && y();
     };
     return window.addEventListener("message", U), () => {
       document.body.style.overflow = g || "", window.removeEventListener("message", U);
     };
-  }, [o, a, u, l, y]);
+  }, [o, a, c, h, y]);
   function V() {
-    E(!1), v();
+    E(!1), k();
   }
-  function v() {
+  function k() {
     const g = {
       type: "apiKey",
-      apiKey: c.getApiKey(),
-      environment: c.getEnv() || N.PRODUCTION
+      apiKey: u.getApiKey(),
+      environment: u.getEnv() || v.PRODUCTION
     };
-    k.current?.contentWindow?.postMessage(g, "https://app.chainrails.io");
+    N.current?.contentWindow?.postMessage(g, "https://app.chainrails.io");
   }
   return /* @__PURE__ */ O("div", {
     ...R,
@@ -717,10 +729,10 @@ function Ue(t) {
       })
     }), /* @__PURE__ */ w("iframe", {
       allow: "clipboard-read *; clipboard-write *",
-      src: `https://app.chainrails.io/pay/_chain_/${r}/_token_/${s}/_to_/${e}/_amount_/${n * 100}`,
+      src: u.getPayModalUrl(r, s, e, n),
       onLoad: V,
       className: `payment-modal ${d ? "invisible" : "visible"}`,
-      ref: k
+      ref: N
     })]
   });
 }
@@ -731,18 +743,18 @@ function Oe(t) {
     onChainSelect: r,
     onIntentCreate: n,
     ...o
-  } = t, [i, u] = M(!1);
+  } = t, [i, c] = L(!1);
   function a() {
-    u(!0);
+    c(!0);
   }
-  function l() {
-    u(!1);
+  function h() {
+    c(!1);
   }
   function y() {
-    l(), e?.();
+    h(), e?.();
   }
   function R() {
-    window.setTimeout(l, 2e3), s?.();
+    window.setTimeout(h, 2e3), s?.();
   }
   function d() {
     r?.();
@@ -752,7 +764,7 @@ function Oe(t) {
   }
   return {
     open: a,
-    close: l,
+    close: h,
     complete: R,
     cancel: y,
     chainSelected: d,
@@ -762,10 +774,10 @@ function Oe(t) {
   };
 }
 export {
-  c as Chainrails,
+  u as Chainrails,
   Ue as PaymentModal,
   Ee as chains,
-  ve as crapi,
+  ke as crapi,
   Se as tokens,
   Oe as usePaymentModal
 };