@paywithglide/glide-react 0.0.18 → 0.0.19

package/dist/GlideDeposit.d.ts

@@ -97,7 +97,9 @@ export type GlideDepositOptions = {
     excludeChainIds?: CAIP2[];
     excludeCurrencyTiers?: ("tier1" | "tier2" | "tier3")[];
     walletProvider?: GlideDepositWalletProvider;
+    onOpen?: () => void;
     onSuccess?: (hash: Hex) => void;
+    onClose?: () => void;
     autoCloseOnSuccess?: boolean;
     theme?: GlideWidgetTheme;
     baseUrl?: string;

package/dist/glide.js

@@ -1,31 +1,31 @@
-var A = Object.defineProperty;
-var M = (s, t, e) => t in s ? A(s, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : s[t] = e;
-var g = (s, t, e) => M(s, typeof t != "symbol" ? t + "" : t, e);
-import { useMemo as y } from "react";
-function k(s, { strict: t = !0 } = {}) {
+var G = Object.defineProperty;
+var C = (s, t, e) => t in s ? G(s, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : s[t] = e;
+var w = (s, t, e) => C(s, typeof t != "symbol" ? t + "" : t, e);
+import { useMemo as b } from "react";
+function H(s, { strict: t = !0 } = {}) {
   return !s || typeof s != "string" ? !1 : t ? /^0x[0-9a-fA-F]*$/.test(s) : s.startsWith("0x");
 }
 function T(s) {
-  return k(s, { strict: !1 }) ? Math.ceil((s.length - 2) / 2) : s.length;
+  return H(s, { strict: !1 }) ? Math.ceil((s.length - 2) / 2) : s.length;
 }
-const U = "2.21.51";
-let m = {
+const D = "2.21.51";
+let y = {
   getDocsUrl: ({ docsBaseUrl: s, docsPath: t = "", docsSlug: e }) => t ? `${s ?? "https://viem.sh"}${t}${e ? `#${e}` : ""}` : void 0,
-  version: `viem@${U}`
+  version: `viem@${D}`
 };
-class f extends Error {
+class g extends Error {
   constructor(t, e = {}) {
     var a;
     const i = (() => {
       var o;
-      return e.cause instanceof f ? e.cause.details : (o = e.cause) != null && o.message ? e.cause.message : e.details;
-    })(), n = e.cause instanceof f && e.cause.docsPath || e.docsPath, r = (a = m.getDocsUrl) == null ? void 0 : a.call(m, { ...e, docsPath: n }), d = [
+      return e.cause instanceof g ? e.cause.details : (o = e.cause) != null && o.message ? e.cause.message : e.details;
+    })(), n = e.cause instanceof g && e.cause.docsPath || e.docsPath, r = (a = y.getDocsUrl) == null ? void 0 : a.call(y, { ...e, docsPath: n }), d = [
       t || "An error occurred.",
       "",
       ...e.metaMessages ? [...e.metaMessages, ""] : [],
       ...r ? [`Docs: ${r}`] : [],
       ...i ? [`Details: ${i}`] : [],
-      ...m.version ? [`Version: ${m.version}`] : []
+      ...y.version ? [`Version: ${y.version}`] : []
     ].join(`
 `);
     super(d, e.cause ? { cause: e.cause } : void 0), Object.defineProperty(this, "details", {
@@ -58,40 +58,40 @@ class f extends Error {
       configurable: !0,
       writable: !0,
       value: "BaseError"
-    }), this.details = i, this.docsPath = n, this.metaMessages = e.metaMessages, this.name = e.name ?? this.name, this.shortMessage = t, this.version = U;
+    }), this.details = i, this.docsPath = n, this.metaMessages = e.metaMessages, this.name = e.name ?? this.name, this.shortMessage = t, this.version = D;
   }
   walk(t) {
-    return z(this, t);
+    return S(this, t);
   }
 }
-function z(s, t) {
-  return t != null && t(s) ? s : s && typeof s == "object" && "cause" in s && s.cause !== void 0 ? z(s.cause, t) : t ? null : s;
+function S(s, t) {
+  return t != null && t(s) ? s : s && typeof s == "object" && "cause" in s && s.cause !== void 0 ? S(s.cause, t) : t ? null : s;
 }
-class D extends f {
+class A extends g {
   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 b(s, { dir: t, size: e = 32 } = {}) {
-  return typeof s == "string" ? G(s, { dir: t, size: e }) : H(s, { dir: t, size: e });
+function $(s, { dir: t, size: e = 32 } = {}) {
+  return typeof s == "string" ? j(s, { dir: t, size: e }) : B(s, { dir: t, size: e });
 }
-function G(s, { dir: t, size: e = 32 } = {}) {
+function j(s, { dir: t, size: e = 32 } = {}) {
   if (e === null)
     return s;
   const i = s.replace("0x", "");
   if (i.length > e * 2)
-    throw new D({
+    throw new A({
       size: Math.ceil(i.length / 2),
       targetSize: e,
       type: "hex"
     });
   return `0x${i[t === "right" ? "padEnd" : "padStart"](e * 2, "0")}`;
 }
-function H(s, { dir: t, size: e = 32 } = {}) {
+function B(s, { dir: t, size: e = 32 } = {}) {
   if (e === null)
     return s;
   if (s.length > e)
-    throw new D({
+    throw new A({
       size: s.length,
       targetSize: e,
       type: "bytes"
@@ -103,46 +103,46 @@ function H(s, { dir: t, size: e = 32 } = {}) {
   }
   return i;
 }
-class j extends f {
+class W extends g {
   constructor({ max: t, min: e, signed: i, size: n, value: r }) {
     super(`Number "${r}" is not in safe ${n ? `${n * 8}-bit ${i ? "signed" : "unsigned"} ` : ""}integer range ${t ? `(${e} to ${t})` : `(above ${e})`}`, { name: "IntegerOutOfRangeError" });
   }
 }
-class B extends f {
+class L extends g {
   constructor({ givenSize: t, maxSize: e }) {
     super(`Size cannot exceed ${e} bytes. Given size: ${t} bytes.`, { name: "SizeOverflowError" });
   }
 }
-function C(s, { size: t }) {
+function M(s, { size: t }) {
   if (T(s) > t)
-    throw new B({
+    throw new L({
       givenSize: T(s),
       maxSize: t
     });
 }
-const W = /* @__PURE__ */ Array.from({ length: 256 }, (s, t) => t.toString(16).padStart(2, "0"));
-function O(s, t = {}) {
-  return typeof s == "number" || typeof s == "bigint" ? N(s, t) : typeof s == "string" ? V(s, t) : typeof s == "boolean" ? L(s, t) : S(s, t);
+const O = /* @__PURE__ */ Array.from({ length: 256 }, (s, t) => t.toString(16).padStart(2, "0"));
+function N(s, t = {}) {
+  return typeof s == "number" || typeof s == "bigint" ? V(s, t) : typeof s == "string" ? F(s, t) : typeof s == "boolean" ? R(s, t) : k(s, t);
 }
-function L(s, t = {}) {
+function R(s, t = {}) {
   const e = `0x${Number(s)}`;
-  return typeof t.size == "number" ? (C(e, { size: t.size }), b(e, { size: t.size })) : e;
+  return typeof t.size == "number" ? (M(e, { size: t.size }), $(e, { size: t.size })) : e;
 }
-function S(s, t = {}) {
+function k(s, t = {}) {
   let e = "";
   for (let n = 0; n < s.length; n++)
-    e += W[s[n]];
+    e += O[s[n]];
   const i = `0x${e}`;
-  return typeof t.size == "number" ? (C(i, { size: t.size }), b(i, { dir: "right", size: t.size })) : i;
+  return typeof t.size == "number" ? (M(i, { size: t.size }), $(i, { dir: "right", size: t.size })) : i;
 }
-function N(s, t = {}) {
+function V(s, t = {}) {
   const { signed: e, size: i } = t, n = 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 d = typeof r == "bigint" && e ? -r - 1n : 0;
   if (r && n > r || n < d) {
     const o = typeof s == "bigint" ? "n" : "";
-    throw new j({
+    throw new W({
       max: r ? `${r}${o}` : void 0,
       min: `${d}${o}`,
       signed: e,
@@ -151,17 +151,17 @@ function N(s, t = {}) {
     });
   }
   const a = `0x${(e && n < 0 ? (1n << BigInt(i * 8)) + BigInt(n) : n).toString(16)}`;
-  return i ? b(a, { size: i }) : a;
+  return i ? $(a, { size: i }) : a;
 }
-const R = /* @__PURE__ */ new TextEncoder();
-function V(s, t = {}) {
-  const e = R.encode(s);
-  return S(e, t);
+const q = /* @__PURE__ */ new TextEncoder();
+function F(s, t = {}) {
+  const e = q.encode(s);
+  return k(e, t);
 }
-class w {
+class v {
   constructor(t) {
-    g(this, "opts");
-    g(this, "open", () => {
+    w(this, "opts");
+    w(this, "open", () => {
       if (!document.body.classList.contains("glide-deposit-open")) {
         if (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,15 +172,15 @@ class w {
         this.openUrl(`${this.baseUrl}${this.opts.app}?init=true&embed=true`), this.initialize();
       }
     });
-    g(this, "iframeEventHandler", async (t) => {
-      var i, n, r, d, a, o, l, p, c, u, v, $, x, I, P, E;
+    w(this, "iframeEventHandler", async (t) => {
+      var i, n, r, d, a, o, l, p, u, h, c, f, x, I, P, E, U, z;
       const e = t.data;
       switch (e.type) {
         case "success":
           (n = (i = this.opts) == null ? void 0 : i.onSuccess) == null || n.call(i, e.hash);
           break;
         case "close":
-          this.removeIframe(), this.destroy();
+          this.removeIframe(), this.destroy(), (d = (r = this.opts) == null ? void 0 : r.onClose) == null || d.call(r);
           break;
         case "switchChain":
           if (!this.opts.walletProvider)
@@ -188,7 +188,7 @@ class w {
           try {
             await this.opts.walletProvider.switchChainAsync({
               chainId: e.chainId
-            }), (d = (r = this.iframe) == null ? void 0 : r.contentWindow) == null || d.postMessage(
+            }), (o = (a = this.iframe) == null ? void 0 : a.contentWindow) == null || o.postMessage(
               {
                 type: "didSwitchChain",
                 success: !0,
@@ -196,12 +196,12 @@ class w {
               },
               this.baseUrl
             );
-          } catch (h) {
-            (o = (a = this.iframe) == null ? void 0 : a.contentWindow) == null || o.postMessage(
+          } catch (m) {
+            (p = (l = this.iframe) == null ? void 0 : l.contentWindow) == null || p.postMessage(
               {
                 type: "didSwitchChain",
                 success: !1,
-                error: h
+                error: m
               },
               this.baseUrl
             );
@@ -212,23 +212,23 @@ class w {
             if (!this.opts.walletProvider)
               throw new Error("walletProvider is not set");
             try {
-              const h = await this.opts.walletProvider.sendTransactionAsync(
+              const m = await this.opts.walletProvider.sendTransactionAsync(
                 e.tx
               );
-              (p = (l = this.iframe) == null ? void 0 : l.contentWindow) == null || p.postMessage(
+              (h = (u = this.iframe) == null ? void 0 : u.contentWindow) == null || h.postMessage(
                 {
                   type: "didSendTransaction",
                   success: !0,
-                  txHash: h
+                  txHash: m
                 },
                 this.baseUrl
               );
-            } catch (h) {
-              (u = (c = this.iframe) == null ? void 0 : c.contentWindow) == null || u.postMessage(
+            } catch (m) {
+              (f = (c = this.iframe) == null ? void 0 : c.contentWindow) == null || f.postMessage(
                 {
                   type: "didSendTransaction",
                   success: !1,
-                  error: h
+                  error: m
                 },
                 this.baseUrl
               );
@@ -240,7 +240,7 @@ class w {
             if (!this.opts.walletProvider)
               throw new Error("walletProvider is not set");
             if (!this.opts.walletProvider.signTypedDataAsync) {
-              ($ = (v = this.iframe) == null ? void 0 : v.contentWindow) == null || $.postMessage(
+              (I = (x = this.iframe) == null ? void 0 : x.contentWindow) == null || I.postMessage(
                 {
                   type: "didSignTypedData",
                   success: !1,
@@ -251,23 +251,23 @@ class w {
               return;
             }
             try {
-              const h = await this.opts.walletProvider.signTypedDataAsync(
+              const m = await this.opts.walletProvider.signTypedDataAsync(
                 e.data
               );
-              (I = (x = this.iframe) == null ? void 0 : x.contentWindow) == null || I.postMessage(
+              (E = (P = this.iframe) == null ? void 0 : P.contentWindow) == null || E.postMessage(
                 {
                   type: "didSignTypedData",
                   success: !0,
-                  signature: h
+                  signature: m
                 },
                 this.baseUrl
               );
-            } catch (h) {
-              (E = (P = this.iframe) == null ? void 0 : P.contentWindow) == null || E.postMessage(
+            } catch (m) {
+              (z = (U = this.iframe) == null ? void 0 : U.contentWindow) == null || z.postMessage(
                 {
                   type: "didSignTypedData",
                   success: !1,
-                  error: h
+                  error: m
                 },
                 this.baseUrl
               );
@@ -280,7 +280,7 @@ class w {
   }
   get externalUrl() {
     var t, e;
-    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.evm ? `&evm.chainId=${this.opts.evm.chainId}&evm.to=${this.opts.evm.to}&evm.data=${this.opts.evm.data || "0x0"}&evm.value=${O(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.excludeChainIds) != null && t.length ? `&excludeChainIds=${this.opts.excludeChainIds.join(",")}` : ""}${(e = this.opts.excludeCurrencyTiers) != null && e.length ? `&excludeCurrencyTiers=${this.opts.excludeCurrencyTiers.join(",")}` : ""}`;
+    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.evm ? `&evm.chainId=${this.opts.evm.chainId}&evm.to=${this.opts.evm.to}&evm.data=${this.opts.evm.data || "0x0"}&evm.value=${N(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.excludeChainIds) != null && t.length ? `&excludeChainIds=${this.opts.excludeChainIds.join(",")}` : ""}${(e = this.opts.excludeCurrencyTiers) != null && e.length ? `&excludeCurrencyTiers=${this.opts.excludeCurrencyTiers.join(",")}` : ""}`;
   }
   initialize() {
     window.addEventListener("message", this.iframeEventHandler);
@@ -304,11 +304,11 @@ class w {
       "style",
       "z-index: 2147483647; display: block; background-color: transparent; border: 0px none transparent; overflow-x: hidden; overflow-y: auto; visibility: visible; margin: 0px; padding: 0px; -webkit-tap-highlight-color: transparent; position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; opacity: 0;"
     ), e.onload = () => {
-      var o, l, p, c;
-      const i = this.opts.recipient, n = (o = this.opts.walletProvider) == null ? void 0 : o.address, r = (l = this.opts.walletProvider) == null ? void 0 : l.availableChainIds, d = (p = this.opts.walletProvider) == null ? void 0 : p.currentChainId, a = this.opts.preferGaslessPayment || !!((c = this.opts.walletProvider) != null && c.signTypedDataAsync);
+      var o, l, p, u;
+      const i = this.opts.recipient, n = (o = this.opts.walletProvider) == null ? void 0 : o.address, r = (l = this.opts.walletProvider) == null ? void 0 : l.availableChainIds, d = (p = this.opts.walletProvider) == null ? void 0 : p.currentChainId, a = this.opts.preferGaslessPayment || !!((u = this.opts.walletProvider) != null && u.signTypedDataAsync);
       e.style.opacity = "1", setTimeout(() => {
-        var u;
-        (u = e == null ? void 0 : e.contentWindow) == null || u.postMessage(
+        var h, c, f;
+        (h = e == null ? void 0 : e.contentWindow) == null || h.postMessage(
           {
             type: "initialize",
             sessionId: this.opts.sessionId,
@@ -328,7 +328,7 @@ class w {
             theme: this.opts.theme
           },
           new URL(this.baseUrl).origin
-        );
+        ), (f = (c = this.opts).onOpen) == null || f.call(c);
       }, 10);
     }, e.src = t, e.allow = "payment *; clipboard-write *", document.body.appendChild(e);
   }
@@ -337,7 +337,7 @@ class w {
     t && (t.remove(), document.body.classList.remove("glide-deposit-open"));
   }
 }
-const X = ({
+const K = ({
   app: s,
   recipient: t,
   preferGaslessPayment: e,
@@ -347,11 +347,13 @@ const X = ({
   sessionMetadata: d,
   theme: a,
   walletProvider: o,
-  onSuccess: l,
-  autoCloseOnSuccess: p,
+  onOpen: l,
+  onSuccess: p,
+  onClose: u,
+  autoCloseOnSuccess: h,
   baseUrl: c
 }) => {
-  const u = y(() => new w({
+  const f = b(() => new v({
     app: s,
     recipient: t,
     preferGaslessPayment: e,
@@ -361,8 +363,10 @@ const X = ({
     sessionMetadata: d,
     theme: a,
     walletProvider: o,
-    onSuccess: l,
-    autoCloseOnSuccess: p,
+    onOpen: l,
+    onSuccess: p,
+    onClose: u,
+    autoCloseOnSuccess: h,
     baseUrl: c
   }), [
     s,
@@ -376,14 +380,16 @@ const X = ({
     o,
     l,
     p,
+    u,
+    h,
     c
   ]);
   return {
-    openGlideDeposit: u.open,
-    externalUrl: u.externalUrl,
-    opts: u.opts
+    openGlideDeposit: f.open,
+    externalUrl: f.externalUrl,
+    opts: f.opts
   };
-}, J = ({
+}, Q = ({
   app: s,
   preferGaslessPayment: t,
   excludeChainIds: e,
@@ -393,11 +399,13 @@ const X = ({
   sessionMetadata: d,
   theme: a,
   walletProvider: o,
-  onSuccess: l,
-  autoCloseOnSuccess: p,
+  onOpen: l,
+  onSuccess: p,
+  onClose: u,
+  autoCloseOnSuccess: h,
   baseUrl: c
 }) => {
-  const u = y(() => new w({
+  const f = b(() => new v({
     app: s,
     preferGaslessPayment: t,
     excludeChainIds: e,
@@ -408,12 +416,16 @@ const X = ({
     sessionMetadata: d,
     theme: a,
     walletProvider: o,
-    onSuccess: l,
-    autoCloseOnSuccess: p,
+    onOpen: l,
+    onSuccess: p,
+    onClose: u,
+    autoCloseOnSuccess: h,
     baseUrl: c
   }), [
     s,
     t,
+    e,
+    i,
     r,
     n,
     d,
@@ -421,14 +433,16 @@ const X = ({
     o,
     l,
     p,
+    u,
+    h,
     c
   ]);
   return {
-    openGlidePay: u.open,
-    externalUrl: u.externalUrl,
-    opts: u.opts
+    openGlidePay: f.open,
+    externalUrl: f.externalUrl,
+    opts: f.opts
   };
-}, K = ({
+}, Y = ({
   app: s,
   evm: t,
   approval: e,
@@ -438,11 +452,13 @@ const X = ({
   sessionMetadata: d,
   theme: a,
   walletProvider: o,
-  onSuccess: l,
-  autoCloseOnSuccess: p,
+  onOpen: l,
+  onSuccess: p,
+  onClose: u,
+  autoCloseOnSuccess: h,
   baseUrl: c
 }) => {
-  const u = y(() => new w({
+  const f = b(() => new v({
     app: s,
     evm: t,
     approval: e,
@@ -453,27 +469,33 @@ const X = ({
     mode: "call",
     theme: a,
     walletProvider: o,
-    onSuccess: l,
-    autoCloseOnSuccess: p,
+    onOpen: l,
+    onSuccess: p,
+    onClose: u,
+    autoCloseOnSuccess: h,
     baseUrl: c
   }), [
     s,
     t,
     e,
     i,
+    n,
+    r,
     d,
     a,
     o,
     l,
     p,
+    u,
+    h,
     c
   ]);
   return {
-    openGlideCall: u.open,
-    externalUrl: u.externalUrl,
-    opts: u.opts
+    openGlideCall: f.open,
+    externalUrl: f.externalUrl,
+    opts: f.opts
   };
-}, Q = ({
+}, Z = ({
   app: s,
   recipient: t,
   preferGaslessPayment: e,
@@ -482,11 +504,13 @@ const X = ({
   sessionMetadata: r,
   theme: d,
   walletProvider: a,
-  onSuccess: o,
-  autoCloseOnSuccess: l,
-  baseUrl: p
+  onOpen: o,
+  onSuccess: l,
+  onClose: p,
+  autoCloseOnSuccess: u,
+  baseUrl: h
 }) => {
-  const c = y(() => new w({
+  const c = b(() => new v({
     app: s,
     recipient: t,
     preferGaslessPayment: e,
@@ -496,19 +520,25 @@ const X = ({
     mode: "buy",
     theme: d,
     walletProvider: a,
-    onSuccess: o,
-    autoCloseOnSuccess: l,
-    baseUrl: p
+    onOpen: o,
+    onSuccess: l,
+    onClose: p,
+    autoCloseOnSuccess: u,
+    baseUrl: h
   }), [
     s,
     t,
     e,
+    i,
+    n,
     r,
     d,
     a,
     o,
     l,
-    p
+    p,
+    u,
+    h
   ]);
   return {
     openGlideBuy: c.open,
@@ -517,9 +547,9 @@ const X = ({
   };
 };
 export {
-  w as GlideDeposit,
-  Q as useGlideBuy,
-  K as useGlideCall,
-  X as useGlideDeposit,
-  J as useGlidePay
+  v as GlideDeposit,
+  Z as useGlideBuy,
+  Y as useGlideCall,
+  K as useGlideDeposit,
+  Q as useGlidePay
 };

package/dist/useGlideBuy.d.ts

@@ -10,11 +10,13 @@ interface UseGlideBuyProps {
     sessionMetadata?: string;
     theme?: GlideWidgetTheme;
     walletProvider?: GlideDepositWalletProvider;
+    onOpen?: () => void;
     onSuccess?: (hash: Hex) => void;
+    onClose?: () => void;
     autoCloseOnSuccess?: boolean;
     baseUrl?: string;
 }
-export declare const useGlideBuy: ({ app, recipient, preferGaslessPayment, excludeChainIds, excludeCurrencyTiers, sessionMetadata, theme, walletProvider, onSuccess, autoCloseOnSuccess, baseUrl, }: UseGlideBuyProps) => {
+export declare const useGlideBuy: ({ app, recipient, preferGaslessPayment, excludeChainIds, excludeCurrencyTiers, sessionMetadata, theme, walletProvider, onOpen, onSuccess, onClose, autoCloseOnSuccess, baseUrl, }: UseGlideBuyProps) => {
     openGlideBuy: () => void;
     externalUrl: string;
     opts: import('./GlideDeposit.ts').GlideDepositOptions;

package/dist/useGlideCall.d.ts

@@ -19,11 +19,13 @@ interface UseGlideCallProps {
     sessionMetadata?: string;
     theme?: GlideWidgetTheme;
     walletProvider?: GlideDepositWalletProvider;
+    onOpen?: () => void;
     onSuccess?: (hash: Hex) => void;
+    onClose?: () => void;
     autoCloseOnSuccess?: boolean;
     baseUrl?: string;
 }
-export declare const useGlideCall: ({ app, evm, approval, preferGaslessPayment, excludeChainIds, excludeCurrencyTiers, sessionMetadata, theme, walletProvider, onSuccess, autoCloseOnSuccess, baseUrl, }: UseGlideCallProps) => {
+export declare const useGlideCall: ({ app, evm, approval, preferGaslessPayment, excludeChainIds, excludeCurrencyTiers, sessionMetadata, theme, walletProvider, onOpen, onSuccess, onClose, autoCloseOnSuccess, baseUrl, }: UseGlideCallProps) => {
     openGlideCall: () => void;
     externalUrl: string;
     opts: import('./GlideDeposit.ts').GlideDepositOptions;

package/dist/useGlideDeposit.d.ts

@@ -11,11 +11,13 @@ interface UseGlideDepositProps {
     sessionMetadata?: string;
     theme?: GlideWidgetTheme;
     walletProvider?: GlideDepositWalletProvider;
+    onOpen?: () => void;
     onSuccess?: (hash: string) => void;
+    onClose?: () => void;
     autoCloseOnSuccess?: boolean;
     baseUrl?: string;
 }
-export declare const useGlideDeposit: ({ app, recipient, preferGaslessPayment, excludeChainIds, excludeCurrencyTiers, mode, sessionMetadata, theme, walletProvider, onSuccess, autoCloseOnSuccess, baseUrl, }: UseGlideDepositProps) => {
+export declare const useGlideDeposit: ({ app, recipient, preferGaslessPayment, excludeChainIds, excludeCurrencyTiers, mode, sessionMetadata, theme, walletProvider, onOpen, onSuccess, onClose, autoCloseOnSuccess, baseUrl, }: UseGlideDepositProps) => {
     openGlideDeposit: () => void;
     externalUrl: string;
     opts: import('./GlideDeposit.ts').GlideDepositOptions;

package/dist/useGlidePay.d.ts

@@ -11,11 +11,13 @@ type UseGlidePayProps = {
     sessionMetadata?: string;
     theme?: GlideWidgetTheme;
     walletProvider?: GlideDepositWalletProvider;
+    onOpen?: () => void;
     onSuccess?: (hash: string) => void;
+    onClose?: () => void;
     autoCloseOnSuccess?: boolean;
     baseUrl?: string;
 };
-export declare const useGlidePay: ({ app, preferGaslessPayment, excludeChainIds, excludeCurrencyTiers, amount, sessionId, sessionMetadata, theme, walletProvider, onSuccess, autoCloseOnSuccess, baseUrl, }: UseGlidePayProps) => {
+export declare const useGlidePay: ({ app, preferGaslessPayment, excludeChainIds, excludeCurrencyTiers, amount, sessionId, sessionMetadata, theme, walletProvider, onOpen, onSuccess, onClose, autoCloseOnSuccess, baseUrl, }: UseGlidePayProps) => {
     openGlidePay: () => void;
     externalUrl: string;
     opts: import('./GlideDeposit.ts').GlideDepositOptions;

package/package.json

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