@paywithglide/glide-react 0.0.42 → 0.0.43

package/dist/GlideDeposit.d.ts

@@ -148,6 +148,7 @@ export declare class GlideDeposit {
     private destroy;
     private get baseUrl();
     private get iframe();
+    private getSafeInsetBottom;
     private iframeEventHandler;
     private openUrl;
     private createIframe;

package/dist/glide.js

@@ -1,31 +1,31 @@
-var _ = Object.defineProperty;
-var ee = (s, t, e) => t in s ? _(s, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : s[t] = e;
-var B = (s, t, e) => ee(s, typeof t != "symbol" ? t + "" : t, e);
-import { useMemo as O } from "react";
-function te(s, { strict: t = !0 } = {}) {
+var ee = Object.defineProperty;
+var te = (s, t, e) => t in s ? ee(s, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : s[t] = e;
+var j = (s, t, e) => te(s, typeof t != "symbol" ? t + "" : t, e);
+import { useMemo as G } from "react";
+function se(s, { strict: t = !0 } = {}) {
   return !s || typeof s != "string" ? !1 : t ? /^0x[0-9a-fA-F]*$/.test(s) : s.startsWith("0x");
 }
-function K(s) {
-  return te(s, { strict: !1 }) ? Math.ceil((s.length - 2) / 2) : s.length;
+function q(s) {
+  return se(s, { strict: !1 }) ? Math.ceil((s.length - 2) / 2) : s.length;
 }
 const N = "2.21.51";
-let W = {
+let L = {
   getDocsUrl: ({ docsBaseUrl: s, docsPath: t = "", docsSlug: e }) => t ? `${s ?? "https://viem.sh"}${t}${e ? `#${e}` : ""}` : void 0,
   version: `viem@${N}`
 };
 class z extends Error {
   constructor(t, e = {}) {
-    var a;
+    var d;
     const i = (() => {
-      var n;
-      return e.cause instanceof z ? e.cause.details : (n = e.cause) != null && n.message ? e.cause.message : e.details;
-    })(), o = e.cause instanceof z && e.cause.docsPath || e.docsPath, r = (a = W.getDocsUrl) == null ? void 0 : a.call(W, { ...e, docsPath: o }), p = [
+      var a;
+      return e.cause instanceof z ? e.cause.details : (a = e.cause) != null && a.message ? e.cause.message : e.details;
+    })(), o = e.cause instanceof z && e.cause.docsPath || e.docsPath, r = (d = L.getDocsUrl) == null ? void 0 : d.call(L, { ...e, docsPath: o }), p = [
       t || "An error occurred.",
       "",
       ...e.metaMessages ? [...e.metaMessages, ""] : [],
       ...r ? [`Docs: ${r}`] : [],
       ...i ? [`Details: ${i}`] : [],
-      ...W.version ? [`Version: ${W.version}`] : []
+      ...L.version ? [`Version: ${L.version}`] : []
     ].join(`
 `);
     super(p, e.cause ? { cause: e.cause } : void 0), Object.defineProperty(this, "details", {
@@ -61,37 +61,37 @@ class z extends Error {
     }), this.details = i, this.docsPath = o, this.metaMessages = e.metaMessages, this.name = e.name ?? this.name, this.shortMessage = t, this.version = N;
   }
   walk(t) {
-    return F(this, t);
+    return V(this, t);
   }
 }
-function F(s, t) {
-  return t != null && t(s) ? s : s && typeof s == "object" && "cause" in s && s.cause !== void 0 ? F(s.cause, t) : t ? null : s;
+function V(s, t) {
+  return t != null && t(s) ? s : s && typeof s == "object" && "cause" in s && s.cause !== void 0 ? V(s.cause, t) : t ? null : s;
 }
-class V extends z {
+class F extends z {
   constructor({ size: t, targetSize: e, type: i }) {
     super(`${i.charAt(0).toUpperCase()}${i.slice(1).toLowerCase()} size (${t}) exceeds padding size (${e}).`, { name: "SizeExceedsPaddingSizeError" });
   }
 }
-function L(s, { dir: t, size: e = 32 } = {}) {
-  return typeof s == "string" ? se(s, { dir: t, size: e }) : ie(s, { dir: t, size: e });
+function O(s, { dir: t, size: e = 32 } = {}) {
+  return typeof s == "string" ? ie(s, { dir: t, size: e }) : oe(s, { dir: t, size: e });
 }
-function se(s, { dir: t, size: e = 32 } = {}) {
+function ie(s, { dir: t, size: e = 32 } = {}) {
   if (e === null)
     return s;
   const i = s.replace("0x", "");
   if (i.length > e * 2)
-    throw new V({
+    throw new F({
       size: Math.ceil(i.length / 2),
       targetSize: e,
       type: "hex"
     });
   return `0x${i[t === "right" ? "padEnd" : "padStart"](e * 2, "0")}`;
 }
-function ie(s, { dir: t, size: e = 32 } = {}) {
+function oe(s, { dir: t, size: e = 32 } = {}) {
   if (e === null)
     return s;
   if (s.length > e)
-    throw new V({
+    throw new F({
       size: s.length,
       targetSize: e,
       type: "bytes"
@@ -103,65 +103,175 @@ function ie(s, { dir: t, size: e = 32 } = {}) {
   }
   return i;
 }
-class oe extends z {
+class re extends z {
   constructor({ max: t, min: e, signed: i, size: o, value: r }) {
     super(`Number "${r}" is not in safe ${o ? `${o * 8}-bit ${i ? "signed" : "unsigned"} ` : ""}integer range ${t ? `(${e} to ${t})` : `(above ${e})`}`, { name: "IntegerOutOfRangeError" });
   }
 }
-class re extends z {
+class ne extends z {
   constructor({ givenSize: t, maxSize: e }) {
     super(`Size cannot exceed ${e} bytes. Given size: ${t} bytes.`, { name: "SizeOverflowError" });
   }
 }
-function q(s, { size: t }) {
-  if (K(s) > t)
-    throw new re({
-      givenSize: K(s),
+function J(s, { size: t }) {
+  if (q(s) > t)
+    throw new ne({
+      givenSize: q(s),
       maxSize: t
     });
 }
-const ne = /* @__PURE__ */ Array.from({ length: 256 }, (s, t) => t.toString(16).padStart(2, "0"));
-function ae(s, t = {}) {
-  return typeof s == "number" || typeof s == "bigint" ? de(s, t) : typeof s == "string" ? ce(s, t) : typeof s == "boolean" ? pe(s, t) : J(s, t);
+const ae = /* @__PURE__ */ Array.from({ length: 256 }, (s, t) => t.toString(16).padStart(2, "0"));
+function de(s, t = {}) {
+  return typeof s == "number" || typeof s == "bigint" ? ce(s, t) : typeof s == "string" ? he(s, t) : typeof s == "boolean" ? pe(s, t) : X(s, t);
 }
 function pe(s, t = {}) {
   const e = `0x${Number(s)}`;
-  return typeof t.size == "number" ? (q(e, { size: t.size }), L(e, { size: t.size })) : e;
+  return typeof t.size == "number" ? (J(e, { size: t.size }), O(e, { size: t.size })) : e;
 }
-function J(s, t = {}) {
+function X(s, t = {}) {
   let e = "";
   for (let o = 0; o < s.length; o++)
-    e += ne[s[o]];
+    e += ae[s[o]];
   const i = `0x${e}`;
-  return typeof t.size == "number" ? (q(i, { size: t.size }), L(i, { dir: "right", size: t.size })) : i;
+  return typeof t.size == "number" ? (J(i, { size: t.size }), O(i, { dir: "right", size: t.size })) : i;
 }
-function de(s, t = {}) {
+function ce(s, t = {}) {
   const { signed: e, size: i } = t, o = BigInt(s);
   let r;
   i ? e ? r = (1n << BigInt(i) * 8n - 1n) - 1n : r = 2n ** (BigInt(i) * 8n) - 1n : typeof s == "number" && (r = BigInt(Number.MAX_SAFE_INTEGER));
   const p = typeof r == "bigint" && e ? -r - 1n : 0;
   if (r && o > r || o < p) {
-    const n = typeof s == "bigint" ? "n" : "";
-    throw new oe({
-      max: r ? `${r}${n}` : void 0,
-      min: `${p}${n}`,
+    const a = typeof s == "bigint" ? "n" : "";
+    throw new re({
+      max: r ? `${r}${a}` : void 0,
+      min: `${p}${a}`,
       signed: e,
       size: i,
-      value: `${s}${n}`
+      value: `${s}${a}`
     });
   }
-  const a = `0x${(e && o < 0 ? (1n << BigInt(i * 8)) + BigInt(o) : o).toString(16)}`;
-  return i ? L(a, { size: i }) : a;
+  const d = `0x${(e && o < 0 ? (1n << BigInt(i * 8)) + BigInt(o) : o).toString(16)}`;
+  return i ? O(d, { size: i }) : d;
 }
 const le = /* @__PURE__ */ new TextEncoder();
-function ce(s, t = {}) {
+function he(s, t = {}) {
   const e = le.encode(s);
-  return J(e, t);
+  return X(e, t);
+}
+let K = !1;
+function ue(s) {
+  if (K)
+    return;
+  K = !0;
+  const t = /* @__PURE__ */ new Map(), e = /* @__PURE__ */ new Map(), i = /* @__PURE__ */ new Map(), o = (p) => {
+    const d = p.detail;
+    t.has(d.info.uuid) || t.set(d.info.uuid, d);
+  };
+  window.addEventListener("eip6963:announceProvider", o), window.dispatchEvent(new Event("eip6963:requestProvider")), window.addEventListener("message", async (p) => {
+    var f;
+    if (p.origin !== s) return;
+    const { type: d, data: a } = p.data;
+    switch (d) {
+      case "glide:getProviders": {
+        const c = Array.from(t.values()).map(
+          ({ info: h, provider: l }) => ({
+            info: h,
+            isConnected: typeof l.isConnected == "boolean" ? l.isConnected : void 0,
+            chainId: l.chainId,
+            selectedAddress: l.selectedAddress
+          })
+        ), n = document.getElementById(
+          "glide-deposit-iframe"
+        );
+        n != null && n.contentWindow && n.contentWindow.postMessage(
+          {
+            type: "glide:providers",
+            providers: c
+          },
+          s
+        );
+        break;
+      }
+      case "glide:providerRequest": {
+        const { uuid: c, requestId: n, method: h, params: l } = a;
+        if (i.has(n))
+          return;
+        i.set(n, !0);
+        const m = t.get(c);
+        if (!m) {
+          i.delete(n), r(n, { error: "Provider not found" });
+          return;
+        }
+        try {
+          const u = await m.provider.request({
+            method: h,
+            params: l
+          });
+          i.delete(n), r(n, { result: u });
+        } catch (u) {
+          i.delete(n), r(n, {
+            error: u.message || String(u),
+            code: u.code,
+            data: u.data
+          });
+        }
+        break;
+      }
+      case "glide:addEventListener": {
+        const { uuid: c, requestId: n, eventName: h } = a, l = t.get(c);
+        if (!l || !l.provider.on) {
+          r(n, { error: "Provider or method not found" });
+          return;
+        }
+        const m = (...u) => {
+          const g = document.getElementById(
+            "glide-deposit-iframe"
+          );
+          g != null && g.contentWindow && g.contentWindow.postMessage(
+            {
+              type: "glide:providerEvent",
+              uuid: c,
+              eventName: h,
+              args: u
+            },
+            s
+          );
+        };
+        e.has(c) || e.set(c, /* @__PURE__ */ new Map()), e.get(c).has(h) || e.get(c).set(h, /* @__PURE__ */ new Set()), e.get(c).get(h).add(m), l.provider.on(h, m), r(n, { result: !0 });
+        break;
+      }
+      case "glide:removeEventListener": {
+        const { uuid: c, requestId: n, eventName: h } = a, l = t.get(c);
+        if (!l || !l.provider.removeListener) {
+          r(n, { error: "Provider or method not found" });
+          return;
+        }
+        const m = (f = e.get(c)) == null ? void 0 : f.get(h);
+        m && (m.forEach((u) => {
+          l.provider.removeListener(h, u);
+        }), m.clear()), r(n, { result: !0 });
+        break;
+      }
+    }
+  });
+  function r(p, d) {
+    const a = document.getElementById(
+      "glide-deposit-iframe"
+    );
+    a != null && a.contentWindow && a.contentWindow.postMessage(
+      {
+        type: "glide:providerResponse",
+        requestId: p,
+        ...d
+      },
+      s
+    );
+  }
 }
 class H {
   constructor(t) {
-    B(this, "opts");
-    B(this, "open", () => {
+    j(this, "opts");
+    j(this, "open", () => {
       if (!(!this.opts.container && document.body.classList.contains("glide-deposit-open"))) {
         if (this.opts.container || document.body.classList.add("glide-deposit-open"), (this.opts.mode === "deposit" || this.opts.mode === "buy") && !this.opts.recipient)
           throw new Error("recipient is required for deposit/buy mode");
@@ -172,21 +282,21 @@ class H {
         this.openUrl(`${this.baseUrl}${this.opts.app}?init=true&embed=true`), this.initialize();
       }
     });
-    B(this, "iframeEventHandler", async (t) => {
-      var i, o, r, p, a, n, d, g, f, y, w, b, $, l, v, c, S, h, x, u, I, U, E, k, C, M, P, D, T, R, j, G, A;
+    j(this, "iframeEventHandler", async (t) => {
+      var i, o, r, p, d, a, f, c, n, h, l, m, u, g, $, y, I, w, x, v, S, E, U, M, C, k, P, D, T, R, B, W, A;
       const e = t.data;
       switch (e.type) {
         case "sendInit": {
-          const m = this.opts.recipient, X = (i = this.opts.walletProvider) == null ? void 0 : i.address, Q = (o = this.opts.walletProvider) == null ? void 0 : o.availableChainIds, Y = (r = this.opts.walletProvider) == null ? void 0 : r.currentChainId, Z = this.opts.preferGaslessPayment || !!((p = this.opts.walletProvider) != null && p.signTypedDataAsync);
-          (d = (a = this.iframe) == null ? void 0 : a.contentWindow) == null || d.postMessage(
+          const b = this.opts.recipient, Q = (i = this.opts.walletProvider) == null ? void 0 : i.address, Y = (o = this.opts.walletProvider) == null ? void 0 : o.availableChainIds, Z = (r = this.opts.walletProvider) == null ? void 0 : r.currentChainId, _ = this.opts.preferGaslessPayment || !!((p = this.opts.walletProvider) != null && p.signTypedDataAsync);
+          (f = (d = this.iframe) == null ? void 0 : d.contentWindow) == null || f.postMessage(
             {
               type: "initialize",
               sessionId: this.opts.sessionId,
-              recipient: m,
-              connectedWalletAddress: X,
-              availableChainIds: Q,
-              currentChainId: Y,
-              preferGaslessPayment: Z,
+              recipient: b,
+              connectedWalletAddress: Q,
+              availableChainIds: Y,
+              currentChainId: Z,
+              preferGaslessPayment: _,
               chainIds: this.opts.chainIds,
               excludeChainIds: this.opts.excludeChainIds,
               excludeCurrencyTiers: this.opts.excludeCurrencyTiers,
@@ -213,7 +323,8 @@ class H {
               stableDepositAddressKey: this.opts.stableDepositAddressKey,
               theme: {
                 ...this.opts.theme || {},
-                colorScheme: ((n = this.opts.theme) == null ? void 0 : n.colorScheme) || getComputedStyle(document.documentElement).colorScheme || ""
+                colorScheme: ((a = this.opts.theme) == null ? void 0 : a.colorScheme) || getComputedStyle(document.documentElement).colorScheme || "",
+                safeInsetBottom: this.getSafeInsetBottom()
               },
               didProvideLocalStorage: !!this.opts.localStorageProvider,
               debug: this.opts.debug,
@@ -225,17 +336,17 @@ class H {
           break;
         }
         case "didOpen": {
-          this.iframe.style.opacity = "1", (f = (g = this.opts).onOpen) == null || f.call(g);
+          this.iframe.style.opacity = "1", (n = (c = this.opts).onOpen) == null || n.call(c);
           break;
         }
         case "localStorage.getKeys": {
           if (!this.opts.localStorageProvider)
             throw new Error("localStorageProvider is not set");
-          const m = await this.opts.localStorageProvider.getKeys();
-          (w = (y = this.iframe) == null ? void 0 : y.contentWindow) == null || w.postMessage(
+          const b = await this.opts.localStorageProvider.getKeys();
+          (l = (h = this.iframe) == null ? void 0 : h.contentWindow) == null || l.postMessage(
             {
               type: "localStorage.didGetKeys",
-              keys: m
+              keys: b
             },
             this.baseUrl
           );
@@ -257,25 +368,25 @@ class H {
         case "localStorage.getItem": {
           if (!this.opts.localStorageProvider)
             throw new Error("localStorageProvider is not set");
-          const m = await this.opts.localStorageProvider.getItem(e.key);
-          ($ = (b = this.iframe) == null ? void 0 : b.contentWindow) == null || $.postMessage(
+          const b = await this.opts.localStorageProvider.getItem(e.key);
+          (u = (m = this.iframe) == null ? void 0 : m.contentWindow) == null || u.postMessage(
             {
               type: "localStorage.didGetItem",
               key: e.key,
-              value: m
+              value: b
             },
             this.baseUrl
           );
           break;
         }
         case "success":
-          (v = (l = this.opts) == null ? void 0 : l.onSuccess) == null || v.call(l, e.hash, e.session);
+          ($ = (g = this.opts) == null ? void 0 : g.onSuccess) == null || $.call(g, e.hash, e.session);
           break;
         case "close":
-          this.removeIframe(), this.destroy(), (S = (c = this.opts) == null ? void 0 : c.onClose) == null || S.call(c);
+          this.removeIframe(), this.destroy(), (I = (y = this.opts) == null ? void 0 : y.onClose) == null || I.call(y);
           break;
         case "setMode":
-          (x = (h = this.opts) == null ? void 0 : h.onSetMode) == null || x.call(h, e.mode);
+          (x = (w = this.opts) == null ? void 0 : w.onSetMode) == null || x.call(w, e.mode);
           break;
         case "switchChain":
           if (!this.opts.walletProvider)
@@ -283,7 +394,7 @@ class H {
           try {
             await this.opts.walletProvider.switchChainAsync({
               chainId: e.chainId
-            }), (I = (u = this.iframe) == null ? void 0 : u.contentWindow) == null || I.postMessage(
+            }), (S = (v = this.iframe) == null ? void 0 : v.contentWindow) == null || S.postMessage(
               {
                 type: "didSwitchChain",
                 success: !0,
@@ -291,12 +402,12 @@ class H {
               },
               this.baseUrl
             );
-          } catch (m) {
-            (E = (U = this.iframe) == null ? void 0 : U.contentWindow) == null || E.postMessage(
+          } catch (b) {
+            (U = (E = this.iframe) == null ? void 0 : E.contentWindow) == null || U.postMessage(
               {
                 type: "didSwitchChain",
                 success: !1,
-                error: m
+                error: b
               },
               this.baseUrl
             );
@@ -307,23 +418,23 @@ class H {
             if (!this.opts.walletProvider)
               throw new Error("walletProvider is not set");
             try {
-              const m = await this.opts.walletProvider.sendTransactionAsync(
+              const b = await this.opts.walletProvider.sendTransactionAsync(
                 e.tx
               );
-              (C = (k = this.iframe) == null ? void 0 : k.contentWindow) == null || C.postMessage(
+              (C = (M = this.iframe) == null ? void 0 : M.contentWindow) == null || C.postMessage(
                 {
                   type: "didSendTransaction",
                   success: !0,
-                  txHash: m
+                  txHash: b
                 },
                 this.baseUrl
               );
-            } catch (m) {
-              (P = (M = this.iframe) == null ? void 0 : M.contentWindow) == null || P.postMessage(
+            } catch (b) {
+              (P = (k = this.iframe) == null ? void 0 : k.contentWindow) == null || P.postMessage(
                 {
                   type: "didSendTransaction",
                   success: !1,
-                  error: m
+                  error: b
                 },
                 this.baseUrl
               );
@@ -346,23 +457,23 @@ class H {
               return;
             }
             try {
-              const m = await this.opts.walletProvider.signTypedDataAsync(
+              const b = await this.opts.walletProvider.signTypedDataAsync(
                 e.data
               );
-              (j = (R = this.iframe) == null ? void 0 : R.contentWindow) == null || j.postMessage(
+              (B = (R = this.iframe) == null ? void 0 : R.contentWindow) == null || B.postMessage(
                 {
                   type: "didSignTypedData",
                   success: !0,
-                  signature: m
+                  signature: b
                 },
                 this.baseUrl
               );
-            } catch (m) {
-              (A = (G = this.iframe) == null ? void 0 : G.contentWindow) == null || A.postMessage(
+            } catch (b) {
+              (A = (W = this.iframe) == null ? void 0 : W.contentWindow) == null || A.postMessage(
                 {
                   type: "didSignTypedData",
                   success: !1,
-                  error: m
+                  error: b
                 },
                 this.baseUrl
               );
@@ -374,13 +485,15 @@ class H {
     this.opts = t;
   }
   get externalUrl() {
-    var t, e, i, o, r, p, a, n, d;
-    return `${this.baseUrl}${this.opts.app}?${this.opts.recipient ? `&recipient=${this.opts.recipient}` : ""}${this.opts.preferGaslessPayment ? "&preferGaslessPayment=true" : ""}${this.opts.mode ? `&mode=${this.opts.mode}` : ""}${this.opts.amount ? `&amount=${this.opts.amount}` : ""}${this.opts.chainId ? `&chainId=${this.opts.chainId}` : ""}${this.opts.currencyId ? `&currencyId=${this.opts.currencyId}` : ""}${this.opts.evm ? `&evm.chainId=${this.opts.evm.chainId}&evm.to=${this.opts.evm.to}&evm.data=${this.opts.evm.data || "0x0"}&evm.value=${ae(
+    var t, e, i, o, r, p, d, a, f;
+    return `${this.baseUrl}${this.opts.app}?${this.opts.recipient ? `&recipient=${this.opts.recipient}` : ""}${this.opts.preferGaslessPayment ? "&preferGaslessPayment=true" : ""}${this.opts.mode ? `&mode=${this.opts.mode}` : ""}${this.opts.amount ? `&amount=${this.opts.amount}` : ""}${this.opts.chainId ? `&chainId=${this.opts.chainId}` : ""}${this.opts.currencyId ? `&currencyId=${this.opts.currencyId}` : ""}${this.opts.evm ? `&evm.chainId=${this.opts.evm.chainId}&evm.to=${this.opts.evm.to}&evm.data=${this.opts.evm.data || "0x0"}&evm.value=${de(
       this.opts.evm.value || 0n
-    )}` : ""}${this.opts.approval ? `&approval.token=${this.opts.approval.token}&approval.amount=${this.opts.approval.amount}` : ""}${this.opts.sessionMetadata ? `&metadata=${this.opts.sessionMetadata}` : ""}${this.opts.autoCloseOnSuccess ? "&autoCloseOnSuccess=true" : ""}${this.opts.sessionId ? `&sessionId=${this.opts.sessionId}` : ""}${(t = this.opts.chainIds) != null && t.length ? `&chainIds=${this.opts.chainIds.join(",")}` : ""}${(e = this.opts.excludeChainIds) != null && e.length ? `&excludeChainIds=${this.opts.excludeChainIds.join(",")}` : ""}${(i = this.opts.excludeCurrencyTiers) != null && i.length ? `&excludeCurrencyTiers=${this.opts.excludeCurrencyTiers.join(",")}` : ""}${(o = this.opts.excludeFundingSources) != null && o.length ? `&excludeFundingSources=${this.opts.excludeFundingSources.join(",")}` : ""}${(r = this.opts.fundingSources) != null && r.length ? `&fundingSources=${this.opts.fundingSources.join(",")}` : ""}${(p = this.opts.allowedPaymentCurrencies) != null && p.length ? `&allowedPaymentCurrencies=${this.opts.allowedPaymentCurrencies.join(",")}` : ""}${(a = this.opts.appMetadata) != null && a.name ? `&appMetadata.name=${encodeURIComponent(this.opts.appMetadata.name)}` : ""}${(n = this.opts.appMetadata) != null && n.logoUrl ? `&appMetadata.logoUrl=${encodeURIComponent(this.opts.appMetadata.logoUrl)}` : ""}${(d = this.opts.appMetadata) != null && d.faviconUrl ? `&appMetadata.faviconUrl=${encodeURIComponent(this.opts.appMetadata.faviconUrl)}` : ""}${this.opts.enableRefundEmails ? "&enableRefundEmails=true" : ""}${this.opts.payerEmail ? `&payerEmail=${encodeURIComponent(this.opts.payerEmail)}` : ""}${this.opts.debug ? "&debug=true" : ""}${this.opts.popupsBlocked ? "&popupsBlocked=true" : ""}${this.opts.disableWithdrawToSelfSuggestion ? "&disableWithdrawToSelfSuggestion=true" : ""}${this.opts.hideSettlementCopy ? "&hideSettlementCopy=true" : ""}${this.opts.showAppLogo ? `&showAppLogo=${this.opts.showAppLogo}` : ""}${this.opts.showOnrampFirst ? "&showOnrampFirst=true" : ""}${this.opts.debitCardAlias ? `&debitCardAlias=${this.opts.debitCardAlias}` : ""}${this.opts.copyOverrides ? `&copyOverrides=${encodeURIComponent(JSON.stringify(this.opts.copyOverrides))}` : ""}${this.opts.stableDepositAddressKey ? `&stableDepositAddressKey=${encodeURIComponent(this.opts.stableDepositAddressKey)}` : ""}${this.opts.gasRefuelAmountPerChain ? `&gasRefuelAmountPerChain=${encodeURIComponent(JSON.stringify(this.opts.gasRefuelAmountPerChain))}` : ""}`;
+    )}` : ""}${this.opts.approval ? `&approval.token=${this.opts.approval.token}&approval.amount=${this.opts.approval.amount}` : ""}${this.opts.sessionMetadata ? `&metadata=${this.opts.sessionMetadata}` : ""}${this.opts.autoCloseOnSuccess ? "&autoCloseOnSuccess=true" : ""}${this.opts.sessionId ? `&sessionId=${this.opts.sessionId}` : ""}${(t = this.opts.chainIds) != null && t.length ? `&chainIds=${this.opts.chainIds.join(",")}` : ""}${(e = this.opts.excludeChainIds) != null && e.length ? `&excludeChainIds=${this.opts.excludeChainIds.join(",")}` : ""}${(i = this.opts.excludeCurrencyTiers) != null && i.length ? `&excludeCurrencyTiers=${this.opts.excludeCurrencyTiers.join(",")}` : ""}${(o = this.opts.excludeFundingSources) != null && o.length ? `&excludeFundingSources=${this.opts.excludeFundingSources.join(",")}` : ""}${(r = this.opts.fundingSources) != null && r.length ? `&fundingSources=${this.opts.fundingSources.join(",")}` : ""}${(p = this.opts.allowedPaymentCurrencies) != null && p.length ? `&allowedPaymentCurrencies=${this.opts.allowedPaymentCurrencies.join(",")}` : ""}${(d = this.opts.appMetadata) != null && d.name ? `&appMetadata.name=${encodeURIComponent(this.opts.appMetadata.name)}` : ""}${(a = this.opts.appMetadata) != null && a.logoUrl ? `&appMetadata.logoUrl=${encodeURIComponent(this.opts.appMetadata.logoUrl)}` : ""}${(f = this.opts.appMetadata) != null && f.faviconUrl ? `&appMetadata.faviconUrl=${encodeURIComponent(this.opts.appMetadata.faviconUrl)}` : ""}${this.opts.enableRefundEmails ? "&enableRefundEmails=true" : ""}${this.opts.payerEmail ? `&payerEmail=${encodeURIComponent(this.opts.payerEmail)}` : ""}${this.opts.debug ? "&debug=true" : ""}${this.opts.popupsBlocked ? "&popupsBlocked=true" : ""}${this.opts.disableWithdrawToSelfSuggestion ? "&disableWithdrawToSelfSuggestion=true" : ""}${this.opts.hideSettlementCopy ? "&hideSettlementCopy=true" : ""}${this.opts.showAppLogo ? `&showAppLogo=${this.opts.showAppLogo}` : ""}${this.opts.showOnrampFirst ? "&showOnrampFirst=true" : ""}${this.opts.debitCardAlias ? `&debitCardAlias=${this.opts.debitCardAlias}` : ""}${this.opts.copyOverrides ? `&copyOverrides=${encodeURIComponent(JSON.stringify(this.opts.copyOverrides))}` : ""}${this.opts.stableDepositAddressKey ? `&stableDepositAddressKey=${encodeURIComponent(this.opts.stableDepositAddressKey)}` : ""}${this.opts.gasRefuelAmountPerChain ? `&gasRefuelAmountPerChain=${encodeURIComponent(JSON.stringify(this.opts.gasRefuelAmountPerChain))}` : ""}`;
   }
   initialize() {
     window.addEventListener("message", this.iframeEventHandler);
+    const t = new URL(this.baseUrl).origin;
+    ue(t);
   }
   destroy() {
     window.removeEventListener("message", this.iframeEventHandler);
@@ -391,6 +504,18 @@ class H {
   get iframe() {
     return document.getElementById("glide-deposit-iframe");
   }
+  getSafeInsetBottom() {
+    if (typeof window > "u" || typeof document > "u")
+      return 0;
+    try {
+      const t = document.createElement("div");
+      t.style.cssText = "position: fixed; bottom: 0; left: 0; width: 1px; height: 1px; padding: 0; margin: 0; padding-bottom: env(safe-area-inset-bottom, 0px); visibility: hidden; pointer-events: none; z-index: -1;", document.body.appendChild(t);
+      const e = window.getComputedStyle(t).paddingBottom;
+      return document.body.removeChild(t), parseFloat(e) || 0;
+    } catch {
+      return 0;
+    }
+  }
   openUrl(t) {
     this.createIframe(t);
   }
@@ -412,7 +537,7 @@ class H {
     t && (t.remove(), document.body.classList.remove("glide-deposit-open"));
   }
 }
-const me = ({
+const fe = ({
   app: s,
   recipient: t,
   chainId: e,
@@ -420,36 +545,36 @@ const me = ({
   amount: o,
   gasRefuelAmountPerChain: r,
   preferGaslessPayment: p,
-  chainIds: a,
-  excludeChainIds: n,
-  excludeCurrencyTiers: d,
-  excludeFundingSources: g,
-  fundingSources: f,
-  appMetadata: y,
-  enableRefundEmails: w,
-  payerEmail: b,
-  mode: $,
-  hideSettlementCopy: l,
-  showAppLogo: v,
-  showOnrampFirst: c,
-  debitCardAlias: S,
-  copyOverrides: h,
+  chainIds: d,
+  excludeChainIds: a,
+  excludeCurrencyTiers: f,
+  excludeFundingSources: c,
+  fundingSources: n,
+  appMetadata: h,
+  enableRefundEmails: l,
+  payerEmail: m,
+  mode: u,
+  hideSettlementCopy: g,
+  showAppLogo: $,
+  showOnrampFirst: y,
+  debitCardAlias: I,
+  copyOverrides: w,
   stableDepositAddressKey: x,
-  sessionId: u,
-  sessionMetadata: I,
-  disableWithdrawToSelfSuggestion: U,
-  theme: E,
-  walletProvider: k,
+  sessionId: v,
+  sessionMetadata: S,
+  disableWithdrawToSelfSuggestion: E,
+  theme: U,
+  walletProvider: M,
   localStorageProvider: C,
-  onOpen: M,
+  onOpen: k,
   onSuccess: P,
   onClose: D,
   autoCloseOnSuccess: T,
   popupsBlocked: R,
-  baseUrl: j,
-  debug: G
+  baseUrl: B,
+  debug: W
 }) => {
-  const A = O(() => new H({
+  const A = G(() => new H({
     app: s,
     recipient: t,
     chainId: e,
@@ -457,34 +582,34 @@ const me = ({
     amount: o,
     gasRefuelAmountPerChain: r,
     preferGaslessPayment: p,
-    chainIds: a,
-    excludeChainIds: n,
-    excludeCurrencyTiers: d,
-    excludeFundingSources: g,
-    fundingSources: f,
-    appMetadata: y,
-    enableRefundEmails: w,
-    payerEmail: b,
-    mode: $,
-    hideSettlementCopy: l,
-    showAppLogo: v,
-    showOnrampFirst: c,
-    debitCardAlias: S,
-    copyOverrides: h,
+    chainIds: d,
+    excludeChainIds: a,
+    excludeCurrencyTiers: f,
+    excludeFundingSources: c,
+    fundingSources: n,
+    appMetadata: h,
+    enableRefundEmails: l,
+    payerEmail: m,
+    mode: u,
+    hideSettlementCopy: g,
+    showAppLogo: $,
+    showOnrampFirst: y,
+    debitCardAlias: I,
+    copyOverrides: w,
     stableDepositAddressKey: x,
-    sessionId: u,
-    sessionMetadata: I,
-    disableWithdrawToSelfSuggestion: U,
-    theme: E,
-    walletProvider: k,
+    sessionId: v,
+    sessionMetadata: S,
+    disableWithdrawToSelfSuggestion: E,
+    theme: U,
+    walletProvider: M,
     localStorageProvider: C,
-    onOpen: M,
+    onOpen: k,
     onSuccess: P,
     onClose: D,
     autoCloseOnSuccess: T,
     popupsBlocked: R,
-    baseUrl: j,
-    debug: G
+    baseUrl: B,
+    debug: W
   }), [
     s,
     t,
@@ -493,41 +618,41 @@ const me = ({
     o,
     r,
     p,
+    d,
     a,
+    f,
+    c,
     n,
-    d,
+    h,
+    l,
+    m,
+    u,
     g,
-    f,
+    $,
     y,
+    I,
     w,
-    b,
-    $,
-    l,
+    x,
     v,
-    c,
     S,
-    h,
-    x,
-    u,
-    I,
-    U,
     E,
-    k,
-    C,
+    U,
     M,
+    C,
+    k,
     P,
     D,
     T,
     R,
-    j,
-    G
+    B,
+    W
   ]);
   return {
     openGlideDeposit: A.open,
     externalUrl: A.externalUrl,
     opts: A.opts
   };
-}, ge = ({
+}, ye = ({
   app: s,
   preferGaslessPayment: t,
   chainIds: e,
@@ -535,30 +660,30 @@ const me = ({
   excludeCurrencyTiers: o,
   excludeFundingSources: r,
   fundingSources: p,
-  allowedPaymentCurrencies: a,
-  appMetadata: n,
-  enableRefundEmails: d,
-  payerEmail: g,
-  hideSettlementCopy: f,
-  showAppLogo: y,
-  showOnrampFirst: w,
-  debitCardAlias: b,
-  copyOverrides: $,
-  amount: l,
-  sessionId: v,
-  sessionMetadata: c,
-  theme: S,
-  walletProvider: h,
+  allowedPaymentCurrencies: d,
+  appMetadata: a,
+  enableRefundEmails: f,
+  payerEmail: c,
+  hideSettlementCopy: n,
+  showAppLogo: h,
+  showOnrampFirst: l,
+  debitCardAlias: m,
+  copyOverrides: u,
+  amount: g,
+  sessionId: $,
+  sessionMetadata: y,
+  theme: I,
+  walletProvider: w,
   localStorageProvider: x,
-  onOpen: u,
-  onSuccess: I,
-  onClose: U,
-  autoCloseOnSuccess: E,
-  popupsBlocked: k,
+  onOpen: v,
+  onSuccess: S,
+  onClose: E,
+  autoCloseOnSuccess: U,
+  popupsBlocked: M,
   baseUrl: C,
-  debug: M
+  debug: k
 }) => {
-  const P = O(() => new H({
+  const P = G(() => new H({
     app: s,
     preferGaslessPayment: t,
     chainIds: e,
@@ -566,29 +691,29 @@ const me = ({
     excludeCurrencyTiers: o,
     excludeFundingSources: r,
     fundingSources: p,
-    allowedPaymentCurrencies: a,
-    appMetadata: n,
-    enableRefundEmails: d,
-    payerEmail: g,
+    allowedPaymentCurrencies: d,
+    appMetadata: a,
+    enableRefundEmails: f,
+    payerEmail: c,
     mode: "pay",
-    hideSettlementCopy: f,
-    showAppLogo: y,
-    showOnrampFirst: w,
-    debitCardAlias: b,
-    copyOverrides: $,
-    sessionId: v,
-    amount: l,
-    sessionMetadata: c,
-    theme: S,
-    walletProvider: h,
+    hideSettlementCopy: n,
+    showAppLogo: h,
+    showOnrampFirst: l,
+    debitCardAlias: m,
+    copyOverrides: u,
+    sessionId: $,
+    amount: g,
+    sessionMetadata: y,
+    theme: I,
+    walletProvider: w,
     localStorageProvider: x,
-    onOpen: u,
-    onSuccess: I,
-    onClose: U,
-    autoCloseOnSuccess: E,
-    popupsBlocked: k,
+    onOpen: v,
+    onSuccess: S,
+    onClose: E,
+    autoCloseOnSuccess: U,
+    popupsBlocked: M,
     baseUrl: C,
-    debug: M
+    debug: k
   }), [
     s,
     t,
@@ -597,35 +722,35 @@ const me = ({
     o,
     r,
     p,
+    d,
     a,
+    f,
+    c,
     n,
-    d,
+    h,
+    l,
+    m,
+    u,
+    $,
     g,
-    f,
     y,
+    I,
     w,
-    b,
-    $,
+    x,
     v,
-    l,
-    c,
     S,
-    h,
-    x,
-    u,
-    I,
-    U,
     E,
-    k,
+    U,
+    M,
     C,
-    M
+    k
   ]);
   return {
     openGlidePay: P.open,
     externalUrl: P.externalUrl,
     opts: P.opts
   };
-}, fe = ({
+}, we = ({
   app: s,
   evm: t,
   approval: e,
@@ -633,24 +758,24 @@ const me = ({
   chainIds: o,
   excludeChainIds: r,
   excludeCurrencyTiers: p,
-  excludeFundingSources: a,
-  sessionMetadata: n,
-  showAppLogo: d,
-  showOnrampFirst: g,
-  debitCardAlias: f,
-  copyOverrides: y,
-  theme: w,
-  walletProvider: b,
-  localStorageProvider: $,
-  onOpen: l,
-  onSuccess: v,
-  onClose: c,
-  autoCloseOnSuccess: S,
-  popupsBlocked: h,
+  excludeFundingSources: d,
+  sessionMetadata: a,
+  showAppLogo: f,
+  showOnrampFirst: c,
+  debitCardAlias: n,
+  copyOverrides: h,
+  theme: l,
+  walletProvider: m,
+  localStorageProvider: u,
+  onOpen: g,
+  onSuccess: $,
+  onClose: y,
+  autoCloseOnSuccess: I,
+  popupsBlocked: w,
   baseUrl: x,
-  debug: u
+  debug: v
 }) => {
-  const I = O(() => new H({
+  const S = G(() => new H({
     app: s,
     evm: t,
     approval: e,
@@ -658,23 +783,23 @@ const me = ({
     chainIds: o,
     excludeChainIds: r,
     excludeCurrencyTiers: p,
-    excludeFundingSources: a,
-    sessionMetadata: n,
-    showAppLogo: d,
-    showOnrampFirst: g,
-    debitCardAlias: f,
-    copyOverrides: y,
+    excludeFundingSources: d,
+    sessionMetadata: a,
+    showAppLogo: f,
+    showOnrampFirst: c,
+    debitCardAlias: n,
+    copyOverrides: h,
     mode: "call",
-    theme: w,
-    walletProvider: b,
-    localStorageProvider: $,
-    onOpen: l,
-    onSuccess: v,
-    onClose: c,
-    autoCloseOnSuccess: S,
-    popupsBlocked: h,
+    theme: l,
+    walletProvider: m,
+    localStorageProvider: u,
+    onOpen: g,
+    onSuccess: $,
+    onClose: y,
+    autoCloseOnSuccess: I,
+    popupsBlocked: w,
     baseUrl: x,
-    debug: u
+    debug: v
   }), [
     s,
     t,
@@ -683,29 +808,29 @@ const me = ({
     o,
     r,
     p,
+    d,
     a,
+    f,
+    c,
     n,
-    d,
+    h,
+    l,
+    m,
+    u,
     g,
-    f,
+    $,
     y,
+    I,
     w,
-    b,
-    $,
-    l,
-    v,
-    c,
-    S,
-    h,
     x,
-    u
+    v
   ]);
   return {
-    openGlideCall: I.open,
-    externalUrl: I.externalUrl,
-    opts: I.opts
+    openGlideCall: S.open,
+    externalUrl: S.externalUrl,
+    opts: S.opts
   };
-}, ye = ({
+}, ve = ({
   app: s,
   recipient: t,
   chainId: e,
@@ -713,23 +838,23 @@ const me = ({
   preferGaslessPayment: o,
   chainIds: r,
   excludeChainIds: p,
-  excludeCurrencyTiers: a,
-  excludeFundingSources: n,
-  sessionMetadata: d,
-  showAppLogo: g,
-  showOnrampFirst: f,
-  debitCardAlias: y,
-  copyOverrides: w,
-  theme: b,
-  walletProvider: $,
-  localStorageProvider: l,
-  onOpen: v,
-  onSuccess: c,
-  onClose: S,
-  autoCloseOnSuccess: h,
+  excludeCurrencyTiers: d,
+  excludeFundingSources: a,
+  sessionMetadata: f,
+  showAppLogo: c,
+  showOnrampFirst: n,
+  debitCardAlias: h,
+  copyOverrides: l,
+  theme: m,
+  walletProvider: u,
+  localStorageProvider: g,
+  onOpen: $,
+  onSuccess: y,
+  onClose: I,
+  autoCloseOnSuccess: w,
   baseUrl: x
 }) => {
-  const u = O(() => new H({
+  const v = G(() => new H({
     app: s,
     recipient: t,
     chainId: e,
@@ -737,21 +862,21 @@ const me = ({
     preferGaslessPayment: o,
     chainIds: r,
     excludeChainIds: p,
-    excludeCurrencyTiers: a,
-    excludeFundingSources: n,
-    sessionMetadata: d,
-    showAppLogo: g,
-    showOnrampFirst: f,
-    debitCardAlias: y,
-    copyOverrides: w,
+    excludeCurrencyTiers: d,
+    excludeFundingSources: a,
+    sessionMetadata: f,
+    showAppLogo: c,
+    showOnrampFirst: n,
+    debitCardAlias: h,
+    copyOverrides: l,
     mode: "buy",
-    theme: b,
-    walletProvider: $,
-    localStorageProvider: l,
-    onOpen: v,
-    onSuccess: c,
-    onClose: S,
-    autoCloseOnSuccess: h,
+    theme: m,
+    walletProvider: u,
+    localStorageProvider: g,
+    onOpen: $,
+    onSuccess: y,
+    onClose: I,
+    autoCloseOnSuccess: w,
     baseUrl: x
   }), [
     s,
@@ -761,28 +886,28 @@ const me = ({
     o,
     r,
     p,
+    d,
     a,
+    f,
+    c,
     n,
-    d,
+    h,
+    l,
+    m,
+    u,
     g,
-    f,
+    $,
     y,
+    I,
     w,
-    b,
-    $,
-    l,
-    v,
-    c,
-    S,
-    h,
     x
   ]);
   return {
-    openGlideBuy: u.open,
-    externalUrl: u.externalUrl,
-    opts: u.opts
+    openGlideBuy: v.open,
+    externalUrl: v.externalUrl,
+    opts: v.opts
   };
-}, we = Object.freeze({
+}, be = Object.freeze({
   getItem: (s) => new Promise((t, e) => {
     try {
       const i = localStorage.getItem(s);
@@ -816,9 +941,10 @@ const me = ({
 });
 export {
   H as GlideDeposit,
-  we as browserLocalStorageProvider,
-  ye as useGlideBuy,
-  fe as useGlideCall,
-  me as useGlideDeposit,
-  ge as useGlidePay
+  be as browserLocalStorageProvider,
+  ue as initializeParentBridge,
+  ve as useGlideBuy,
+  we as useGlideCall,
+  fe as useGlideDeposit,
+  ye as useGlidePay
 };

package/dist/index.d.ts

@@ -5,3 +5,4 @@ export * from './useGlideCall.ts';
 export * from './useGlideBuy.ts';
 export * from './theme.ts';
 export * from './browserLocalStorageProvider.ts';
+export * from './walletProviderBridge.ts';

package/dist/theme.d.ts

@@ -30,4 +30,5 @@ export type GlideWidgetTheme = {
     colorAlertWarningAccent?: string;
     colorAlertBorder?: string;
     appLogoHeight?: string;
+    safeInsetBottom?: number;
 };

package/dist/walletProviderBridge.d.ts

@@ -0,0 +1,32 @@
+/**
+ * Wallet Provider Bridge for Parent Window (glide-react)
+ *
+ * This module detects wallet providers (including Rainbow) in the parent window
+ * and creates a message bridge to make them available in the iframe.
+ *
+ * Since Rainbow and some other wallets don't inject into iframes for security,
+ * this bridge proxies all EIP-1193 provider calls between parent and iframe.
+ */
+export interface EIP1193Provider {
+    request(args: {
+        method: string;
+        params?: unknown[] | Record<string, unknown>;
+    }): Promise<unknown>;
+    on?(event: string, listener: (...args: unknown[]) => void): void;
+    removeListener?(event: string, listener: (...args: unknown[]) => void): void;
+}
+export interface EIP6963ProviderInfo {
+    uuid: string;
+    name: string;
+    icon: string;
+    rdns: string;
+}
+export interface EIP6963ProviderDetail {
+    info: EIP6963ProviderInfo;
+    provider: EIP1193Provider;
+}
+/**
+ * Initialize wallet provider bridge in parent window
+ * Detects all EIP-6963 providers and sets up message handlers
+ */
+export declare function initializeParentBridge(iframeOrigin: string): void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@paywithglide/glide-react",
-  "version": "0.0.42",
+  "version": "0.0.43",
   "type": "module",
   "files": [
     "dist"