@paywithglide/glide-react 0.0.12 → 0.0.14

package/dist/GlideDeposit.d.ts

@@ -1,3 +1,4 @@
+import { GlideWidgetTheme } from './theme.ts';
 export type Hex = `0x${string}`;
 export type EVMTransaction = {
     chainId: number;
@@ -93,6 +94,8 @@ export type GlideDepositOptions = {
     preferGaslessPayment?: boolean;
     walletProvider?: GlideDepositWalletProvider;
     onSuccess?: (hash: Hex) => void;
+    autoCloseOnSuccess?: boolean;
+    theme?: GlideWidgetTheme;
     baseUrl?: string;
 };
 export declare class GlideDeposit {

package/dist/glide.js

@@ -1,34 +1,34 @@
 var k = Object.defineProperty;
 var C = (s, t, e) => t in s ? k(s, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : s[t] = e;
-var h = (s, t, e) => C(s, typeof t != "symbol" ? t + "" : t, e);
-import { useMemo as m } from "react";
+var m = (s, t, e) => C(s, typeof t != "symbol" ? t + "" : t, e);
+import { useMemo as f } from "react";
 function G(s, { strict: t = !0 } = {}) {
   return !s || typeof s != "string" ? !1 : t ? /^0x[0-9a-fA-F]*$/.test(s) : s.startsWith("0x");
 }
-function z(s) {
+function U(s) {
   return G(s, { strict: !1 }) ? Math.ceil((s.length - 2) / 2) : s.length;
 }
 const D = "2.21.51";
-let u = {
+let h = {
   getDocsUrl: ({ docsBaseUrl: s, docsPath: t = "", docsSlug: e }) => t ? `${s ?? "https://viem.sh"}${t}${e ? `#${e}` : ""}` : void 0,
   version: `viem@${D}`
 };
-class l extends Error {
+class u extends Error {
   constructor(t, e = {}) {
-    var o;
+    var a;
     const i = (() => {
-      var d;
-      return e.cause instanceof l ? e.cause.details : (d = e.cause) != null && d.message ? e.cause.message : e.details;
-    })(), n = e.cause instanceof l && e.cause.docsPath || e.docsPath, r = (o = u.getDocsUrl) == null ? void 0 : o.call(u, { ...e, docsPath: n }), a = [
+      var o;
+      return e.cause instanceof u ? e.cause.details : (o = e.cause) != null && o.message ? e.cause.message : e.details;
+    })(), n = e.cause instanceof u && e.cause.docsPath || e.docsPath, r = (a = h.getDocsUrl) == null ? void 0 : a.call(h, { ...e, docsPath: n }), d = [
       t || "An error occurred.",
       "",
       ...e.metaMessages ? [...e.metaMessages, ""] : [],
       ...r ? [`Docs: ${r}`] : [],
       ...i ? [`Details: ${i}`] : [],
-      ...u.version ? [`Version: ${u.version}`] : []
+      ...h.version ? [`Version: ${h.version}`] : []
     ].join(`
 `);
-    super(a, e.cause ? { cause: e.cause } : void 0), Object.defineProperty(this, "details", {
+    super(d, e.cause ? { cause: e.cause } : void 0), Object.defineProperty(this, "details", {
       enumerable: !0,
       configurable: !0,
       writable: !0,
@@ -61,37 +61,37 @@ class l extends Error {
     }), 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 S(this, t);
+    return T(this, t);
   }
 }
-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;
+function T(s, t) {
+  return t != null && t(s) ? s : s && typeof s == "object" && "cause" in s && s.cause !== void 0 ? T(s.cause, t) : t ? null : s;
 }
-class T extends l {
+class S extends u {
   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 g(s, { dir: t, size: e = 32 } = {}) {
-  return typeof s == "string" ? H(s, { dir: t, size: e }) : W(s, { dir: t, size: e });
+function y(s, { dir: t, size: e = 32 } = {}) {
+  return typeof s == "string" ? W(s, { dir: t, size: e }) : H(s, { dir: t, size: e });
 }
-function H(s, { dir: t, size: e = 32 } = {}) {
+function W(s, { dir: t, size: e = 32 } = {}) {
   if (e === null)
     return s;
   const i = s.replace("0x", "");
   if (i.length > e * 2)
-    throw new T({
+    throw new S({
       size: Math.ceil(i.length / 2),
       targetSize: e,
       type: "hex"
     });
   return `0x${i[t === "right" ? "padEnd" : "padStart"](e * 2, "0")}`;
 }
-function W(s, { dir: t, size: e = 32 } = {}) {
+function H(s, { dir: t, size: e = 32 } = {}) {
   if (e === null)
     return s;
   if (s.length > e)
-    throw new T({
+    throw new S({
       size: s.length,
       targetSize: e,
       type: "bytes"
@@ -103,66 +103,66 @@ function W(s, { dir: t, size: e = 32 } = {}) {
   }
   return i;
 }
-class B extends l {
+class B extends u {
   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 j extends l {
+class j extends u {
   constructor({ givenSize: t, maxSize: e }) {
     super(`Size cannot exceed ${e} bytes. Given size: ${t} bytes.`, { name: "SizeOverflowError" });
   }
 }
 function A(s, { size: t }) {
-  if (z(s) > t)
+  if (U(s) > t)
     throw new j({
-      givenSize: z(s),
+      givenSize: U(s),
       maxSize: t
     });
 }
 const O = /* @__PURE__ */ Array.from({ length: 256 }, (s, t) => t.toString(16).padStart(2, "0"));
-function U(s, t = {}) {
+function z(s, t = {}) {
   return typeof s == "number" || typeof s == "bigint" ? N(s, t) : typeof s == "string" ? V(s, t) : typeof s == "boolean" ? L(s, t) : M(s, t);
 }
 function L(s, t = {}) {
   const e = `0x${Number(s)}`;
-  return typeof t.size == "number" ? (A(e, { size: t.size }), g(e, { size: t.size })) : e;
+  return typeof t.size == "number" ? (A(e, { size: t.size }), y(e, { size: t.size })) : e;
 }
 function M(s, t = {}) {
   let e = "";
   for (let n = 0; n < s.length; n++)
     e += O[s[n]];
   const i = `0x${e}`;
-  return typeof t.size == "number" ? (A(i, { size: t.size }), g(i, { dir: "right", size: t.size })) : i;
+  return typeof t.size == "number" ? (A(i, { size: t.size }), y(i, { dir: "right", size: t.size })) : i;
 }
 function N(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 a = typeof r == "bigint" && e ? -r - 1n : 0;
-  if (r && n > r || n < a) {
-    const d = typeof s == "bigint" ? "n" : "";
+  const d = typeof r == "bigint" && e ? -r - 1n : 0;
+  if (r && n > r || n < d) {
+    const o = typeof s == "bigint" ? "n" : "";
     throw new B({
-      max: r ? `${r}${d}` : void 0,
-      min: `${a}${d}`,
+      max: r ? `${r}${o}` : void 0,
+      min: `${d}${o}`,
       signed: e,
       size: i,
-      value: `${s}${d}`
+      value: `${s}${o}`
     });
   }
-  const o = `0x${(e && n < 0 ? (1n << BigInt(i * 8)) + BigInt(n) : n).toString(16)}`;
-  return i ? g(o, { size: i }) : o;
+  const a = `0x${(e && n < 0 ? (1n << BigInt(i * 8)) + BigInt(n) : n).toString(16)}`;
+  return i ? y(a, { size: i }) : a;
 }
 const R = /* @__PURE__ */ new TextEncoder();
 function V(s, t = {}) {
   const e = R.encode(s);
   return M(e, t);
 }
-class f {
+class g {
   constructor(t) {
-    h(this, "opts");
-    h(this, "open", () => {
-      var a, o, d, p;
+    m(this, "opts");
+    m(this, "open", () => {
+      var d, a, o, c;
       if (document.body.classList.contains("glide-deposit-open")) return;
       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");
@@ -170,13 +170,13 @@ class f {
         throw new Error(
           "walletProvider.signTypedDataAsync is required when preferGaslessPayment=true"
         );
-      const t = this.opts.recipient, e = (a = this.opts.walletProvider) == null ? void 0 : a.address, i = (o = this.opts.walletProvider) == null ? void 0 : o.availableChainIds, n = (d = this.opts.walletProvider) == null ? void 0 : d.currentChainId, r = this.opts.preferGaslessPayment || !!((p = this.opts.walletProvider) != null && p.signTypedDataAsync);
+      const t = this.opts.recipient, e = (d = this.opts.walletProvider) == null ? void 0 : d.address, i = (a = this.opts.walletProvider) == null ? void 0 : a.availableChainIds, n = (o = this.opts.walletProvider) == null ? void 0 : o.currentChainId, r = this.opts.preferGaslessPayment || !!((c = this.opts.walletProvider) != null && c.signTypedDataAsync);
       this.openUrl(
-        `${this.baseUrl}${this.opts.app}?embed=true${t ? `&recipient=${t}` : ""}${e ? `&connectedWalletAddress=${e}` : ""}${n ? `&currentChainId=${n}` : ""}${i ? `&availableChainIds=${i.join(",")}` : ""}${r ? "&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=${U(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.baseUrl}${this.opts.app}?embed=true${t ? `&recipient=${t}` : ""}${e ? `&connectedWalletAddress=${e}` : ""}${n ? `&currentChainId=${n}` : ""}${i ? `&availableChainIds=${i.join(",")}` : ""}${r ? "&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=${z(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.initialize();
     });
-    h(this, "iframeEventHandler", async (t) => {
-      var i, n, r, a, o, d, p, y, w, $, v, b, x, P, I, E;
+    m(this, "iframeEventHandler", async (t) => {
+      var i, n, r, d, a, o, c, l, $, w, v, b, x, P, I, E;
       const e = t.data;
       switch (e.type) {
         case "success":
@@ -191,7 +191,7 @@ class f {
           try {
             await this.opts.walletProvider.switchChainAsync({
               chainId: e.chainId
-            }), (a = (r = this.iframe) == null ? void 0 : r.contentWindow) == null || a.postMessage(
+            }), (d = (r = this.iframe) == null ? void 0 : r.contentWindow) == null || d.postMessage(
               {
                 type: "didSwitchChain",
                 success: !0,
@@ -199,12 +199,12 @@ class f {
               },
               this.baseUrl
             );
-          } catch (c) {
-            (d = (o = this.iframe) == null ? void 0 : o.contentWindow) == null || d.postMessage(
+          } catch (p) {
+            (o = (a = this.iframe) == null ? void 0 : a.contentWindow) == null || o.postMessage(
               {
                 type: "didSwitchChain",
                 success: !1,
-                error: c
+                error: p
               },
               this.baseUrl
             );
@@ -215,23 +215,23 @@ class f {
             if (!this.opts.walletProvider)
               throw new Error("walletProvider is not set");
             try {
-              const c = await this.opts.walletProvider.sendTransactionAsync(
+              const p = await this.opts.walletProvider.sendTransactionAsync(
                 e.tx
               );
-              (y = (p = this.iframe) == null ? void 0 : p.contentWindow) == null || y.postMessage(
+              (l = (c = this.iframe) == null ? void 0 : c.contentWindow) == null || l.postMessage(
                 {
                   type: "didSendTransaction",
                   success: !0,
-                  txHash: c
+                  txHash: p
                 },
                 this.baseUrl
               );
-            } catch (c) {
-              ($ = (w = this.iframe) == null ? void 0 : w.contentWindow) == null || $.postMessage(
+            } catch (p) {
+              (w = ($ = this.iframe) == null ? void 0 : $.contentWindow) == null || w.postMessage(
                 {
                   type: "didSendTransaction",
                   success: !1,
-                  error: c
+                  error: p
                 },
                 this.baseUrl
               );
@@ -254,23 +254,23 @@ class f {
               return;
             }
             try {
-              const c = await this.opts.walletProvider.signTypedDataAsync(
+              const p = await this.opts.walletProvider.signTypedDataAsync(
                 e.data
               );
               (P = (x = this.iframe) == null ? void 0 : x.contentWindow) == null || P.postMessage(
                 {
                   type: "didSignTypedData",
                   success: !0,
-                  signature: c
+                  signature: p
                 },
                 this.baseUrl
               );
-            } catch (c) {
+            } catch (p) {
               (E = (I = this.iframe) == null ? void 0 : I.contentWindow) == null || E.postMessage(
                 {
                   type: "didSignTypedData",
                   success: !1,
-                  error: c
+                  error: p
                 },
                 this.baseUrl
               );
@@ -282,7 +282,7 @@ class f {
     this.opts = t;
   }
   get externalUrl() {
-    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=${U(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}` : ""}`;
+    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=${z(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" : ""}`;
   }
   initialize() {
     window.addEventListener("message", this.iframeEventHandler);
@@ -306,8 +306,14 @@ class f {
       "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 i;
-      e.style.opacity = "1", (i = e == null ? void 0 : e.contentWindow) == null || i.focus();
+      var i, n;
+      e.style.opacity = "1", (i = e == null ? void 0 : e.contentWindow) == null || i.focus(), (n = e == null ? void 0 : e.contentWindow) == null || n.postMessage(
+        {
+          type: "updateTheme",
+          theme: this.opts.theme
+        },
+        this.baseUrl
+      );
     }, e.src = t, e.allow = "payment *; clipboard-write *", document.body.appendChild(e);
   }
   removeIframe() {
@@ -321,19 +327,23 @@ const X = ({
   preferGaslessPayment: e,
   mode: i,
   sessionMetadata: n,
-  walletProvider: r,
+  theme: r,
+  walletProvider: d,
   onSuccess: a,
-  baseUrl: o
+  autoCloseOnSuccess: o,
+  baseUrl: c
 }) => {
-  const d = m(() => new f({
+  const l = f(() => new g({
     app: s,
     recipient: t,
     preferGaslessPayment: e,
     mode: i,
     sessionMetadata: n,
-    walletProvider: r,
+    theme: r,
+    walletProvider: d,
     onSuccess: a,
-    baseUrl: o
+    autoCloseOnSuccess: o,
+    baseUrl: c
   }), [
     s,
     t,
@@ -341,32 +351,38 @@ const X = ({
     i,
     n,
     r,
+    d,
     a,
-    o
+    o,
+    c
   ]);
   return {
-    openGlideDeposit: d.open,
-    externalUrl: d.externalUrl,
-    opts: d.opts
+    openGlideDeposit: l.open,
+    externalUrl: l.externalUrl,
+    opts: l.opts
   };
 }, J = ({
   app: s,
   preferGaslessPayment: t,
   amount: e,
   sessionMetadata: i,
-  walletProvider: n,
-  onSuccess: r,
-  baseUrl: a
+  theme: n,
+  walletProvider: r,
+  onSuccess: d,
+  autoCloseOnSuccess: a,
+  baseUrl: o
 }) => {
-  const o = m(() => new f({
+  const c = f(() => new g({
     app: s,
     preferGaslessPayment: t,
     mode: "pay",
     amount: e,
     sessionMetadata: i,
-    walletProvider: n,
-    onSuccess: r,
-    baseUrl: a
+    theme: n,
+    walletProvider: r,
+    onSuccess: d,
+    autoCloseOnSuccess: a,
+    baseUrl: o
   }), [
     s,
     t,
@@ -374,12 +390,14 @@ const X = ({
     i,
     n,
     r,
-    a
+    d,
+    a,
+    o
   ]);
   return {
-    openGlidePay: o.open,
-    externalUrl: o.externalUrl,
-    opts: o.opts
+    openGlidePay: c.open,
+    externalUrl: c.externalUrl,
+    opts: c.opts
   };
 }, K = ({
   app: s,
@@ -387,20 +405,24 @@ const X = ({
   approval: e,
   preferGaslessPayment: i,
   sessionMetadata: n,
-  walletProvider: r,
+  theme: r,
+  walletProvider: d,
   onSuccess: a,
-  baseUrl: o
+  autoCloseOnSuccess: o,
+  baseUrl: c
 }) => {
-  const d = m(() => new f({
+  const l = f(() => new g({
     app: s,
     evm: t,
     approval: e,
     preferGaslessPayment: i,
     sessionMetadata: n,
     mode: "call",
-    walletProvider: r,
+    theme: r,
+    walletProvider: d,
     onSuccess: a,
-    baseUrl: o
+    autoCloseOnSuccess: o,
+    baseUrl: c
   }), [
     s,
     t,
@@ -408,32 +430,38 @@ const X = ({
     i,
     n,
     r,
+    d,
     a,
-    o
+    o,
+    c
   ]);
   return {
-    openGlideCall: d.open,
-    externalUrl: d.externalUrl,
-    opts: d.opts
+    openGlideCall: l.open,
+    externalUrl: l.externalUrl,
+    opts: l.opts
   };
 }, Q = ({
   app: s,
   recipient: t,
   preferGaslessPayment: e,
   sessionMetadata: i,
-  walletProvider: n,
-  onSuccess: r,
-  baseUrl: a
+  theme: n,
+  walletProvider: r,
+  onSuccess: d,
+  autoCloseOnSuccess: a,
+  baseUrl: o
 }) => {
-  const o = m(() => new f({
+  const c = f(() => new g({
     app: s,
     recipient: t,
     preferGaslessPayment: e,
     sessionMetadata: i,
     mode: "buy",
-    walletProvider: n,
-    onSuccess: r,
-    baseUrl: a
+    theme: n,
+    walletProvider: r,
+    onSuccess: d,
+    autoCloseOnSuccess: a,
+    baseUrl: o
   }), [
     s,
     t,
@@ -441,16 +469,18 @@ const X = ({
     i,
     n,
     r,
-    a
+    d,
+    a,
+    o
   ]);
   return {
-    openGlideBuy: o.open,
-    externalUrl: o.externalUrl,
-    opts: o.opts
+    openGlideBuy: c.open,
+    externalUrl: c.externalUrl,
+    opts: c.opts
   };
 };
 export {
-  f as GlideDeposit,
+  g as GlideDeposit,
   Q as useGlideBuy,
   K as useGlideCall,
   X as useGlideDeposit,

package/dist/index.d.ts

@@ -3,3 +3,4 @@ export * from './useGlideDeposit.ts';
 export * from './useGlidePay.ts';
 export * from './useGlideCall.ts';
 export * from './useGlideBuy.ts';
+export * from './theme.ts';

package/dist/theme.d.ts

@@ -0,0 +1,32 @@
+export type GlideWidgetTheme = {
+    fontSrcCss?: string;
+    fontFamily?: string;
+    modalBorderWidth?: string;
+    modalBorderRadius?: string;
+    buttonPrimaryForeground?: string;
+    buttonPrimaryBackground?: string;
+    buttonPrimaryBorderColor?: string;
+    buttonPrimaryBorderWidth?: string;
+    buttonPrimaryBorderRadius?: string;
+    buttonPrimaryPadding?: string;
+    buttonSecondaryBackground?: string;
+    buttonSecondaryBorderColor?: string;
+    buttonSecondaryBorderWidth?: string;
+    buttonSecondaryBorderRadius?: string;
+    buttonSecondaryPadding?: string;
+    alertBackground?: string;
+    alertBorderWidth?: string;
+    colorModalBackdrop?: string;
+    colorModalBackground?: string;
+    colorModalBorder?: string;
+    colorTextPrimary?: string;
+    colorTextSeconday?: string;
+    colorPrimaryButtonBackground?: string;
+    colorBackgroundSecondary?: string;
+    colorAlertBackground?: string;
+    colorAlertAccent?: string;
+    colorAlertWarningBackground?: string;
+    colorAlertWarningAccent?: string;
+    colorAlertBorder?: string;
+    appLogoHeight?: string;
+};

package/dist/useGlideBuy.d.ts

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

package/dist/useGlideCall.d.ts

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

package/dist/useGlideDeposit.d.ts

@@ -1,15 +1,18 @@
 import { GlideDepositWalletProvider, Hex } from './GlideDeposit.ts';
+import { GlideWidgetTheme } from './theme.ts';
 interface UseGlideDepositProps {
     app: string;
     recipient?: Hex;
     preferGaslessPayment?: boolean;
     mode?: "deposit" | "withdraw";
     sessionMetadata?: string;
+    theme?: GlideWidgetTheme;
     walletProvider?: GlideDepositWalletProvider;
-    onSuccess?: (hash: Hex) => void;
+    onSuccess?: (hash: string) => void;
+    autoCloseOnSuccess?: boolean;
     baseUrl?: string;
 }
-export declare const useGlideDeposit: ({ app, recipient, preferGaslessPayment, mode, sessionMetadata, walletProvider, onSuccess, baseUrl, }: UseGlideDepositProps) => {
+export declare const useGlideDeposit: ({ app, recipient, preferGaslessPayment, mode, sessionMetadata, theme, walletProvider, onSuccess, autoCloseOnSuccess, baseUrl, }: UseGlideDepositProps) => {
     openGlideDeposit: () => void;
     externalUrl: string;
     opts: import('./GlideDeposit.ts').GlideDepositOptions;

package/dist/useGlidePay.d.ts

@@ -1,15 +1,17 @@
 import { GlideDepositWalletProvider } from './GlideDeposit.ts';
-import { Hex } from 'viem';
+import { GlideWidgetTheme } from './theme.ts';
 interface UseGlidePayProps {
     app: string;
     preferGaslessPayment?: boolean;
     amount: string;
     sessionMetadata?: string;
+    theme?: GlideWidgetTheme;
     walletProvider?: GlideDepositWalletProvider;
-    onSuccess?: (hash: Hex) => void;
+    onSuccess?: (hash: string) => void;
+    autoCloseOnSuccess?: boolean;
     baseUrl?: string;
 }
-export declare const useGlidePay: ({ app, preferGaslessPayment, amount, sessionMetadata, walletProvider, onSuccess, baseUrl, }: UseGlidePayProps) => {
+export declare const useGlidePay: ({ app, preferGaslessPayment, amount, sessionMetadata, theme, walletProvider, onSuccess, 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.12",
+  "version": "0.0.14",
   "type": "module",
   "files": [
     "dist"