@paywithglide/glide-react 0.0.31 → 0.0.33

package/dist/GlideDeposit.d.ts

@@ -1,5 +1,5 @@
 import { GlideWidgetTheme } from './theme.ts';
-import { CAIP2 } from '@paywithglide/glide-js';
+import { CAIP2, Session } from '@paywithglide/glide-js';
 export type Hex = `0x${string}`;
 export type EVMTransaction = {
     chainId: number;
@@ -110,7 +110,7 @@ export type GlideDepositOptions = {
     walletProvider?: GlideDepositWalletProvider;
     localStorageProvider?: GlideLocalStorageProvider;
     onOpen?: () => void;
-    onSuccess?: (hash: Hex) => void;
+    onSuccess?: (fulfillmentTxHash: Hex, session: Session) => void;
     onClose?: () => void;
     onSetMode?: (mode: "deposit" | "withdraw") => void;
     autoCloseOnSuccess?: boolean;

package/dist/glide.js

@@ -1,17 +1,17 @@
-var Z = Object.defineProperty;
-var _ = (s, t, e) => t in s ? Z(s, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : s[t] = e;
-var E = (s, t, e) => _(s, typeof t != "symbol" ? t + "" : t, e);
-import { useMemo as k } from "react";
-function ee(s, { strict: t = !0 } = {}) {
+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 k = (s, t, e) => ee(s, typeof t != "symbol" ? t + "" : t, e);
+import { useMemo as U } from "react";
+function te(s, { strict: t = !0 } = {}) {
   return !s || typeof s != "string" ? !1 : t ? /^0x[0-9a-fA-F]*$/.test(s) : s.startsWith("0x");
 }
-function R(s) {
-  return ee(s, { strict: !1 }) ? Math.ceil((s.length - 2) / 2) : s.length;
+function N(s) {
+  return te(s, { strict: !1 }) ? Math.ceil((s.length - 2) / 2) : s.length;
 }
-const N = "2.21.51";
-let S = {
+const K = "2.21.51";
+let E = {
   getDocsUrl: ({ docsBaseUrl: s, docsPath: t = "", docsSlug: e }) => t ? `${s ?? "https://viem.sh"}${t}${e ? `#${e}` : ""}` : void 0,
-  version: `viem@${N}`
+  version: `viem@${K}`
 };
 class x extends Error {
   constructor(t, e = {}) {
@@ -19,13 +19,13 @@ class x extends Error {
     const i = (() => {
       var n;
       return e.cause instanceof x ? e.cause.details : (n = e.cause) != null && n.message ? e.cause.message : e.details;
-    })(), r = e.cause instanceof x && e.cause.docsPath || e.docsPath, o = (a = S.getDocsUrl) == null ? void 0 : a.call(S, { ...e, docsPath: r }), c = [
+    })(), r = e.cause instanceof x && e.cause.docsPath || e.docsPath, o = (a = E.getDocsUrl) == null ? void 0 : a.call(E, { ...e, docsPath: r }), c = [
       t || "An error occurred.",
       "",
       ...e.metaMessages ? [...e.metaMessages, ""] : [],
       ...o ? [`Docs: ${o}`] : [],
       ...i ? [`Details: ${i}`] : [],
-      ...S.version ? [`Version: ${S.version}`] : []
+      ...E.version ? [`Version: ${E.version}`] : []
     ].join(`
 `);
     super(c, e.cause ? { cause: e.cause } : void 0), Object.defineProperty(this, "details", {
@@ -58,40 +58,40 @@ class x extends Error {
       configurable: !0,
       writable: !0,
       value: "BaseError"
-    }), this.details = i, this.docsPath = r, this.metaMessages = e.metaMessages, this.name = e.name ?? this.name, this.shortMessage = t, this.version = N;
+    }), this.details = i, this.docsPath = r, this.metaMessages = e.metaMessages, this.name = e.name ?? this.name, this.shortMessage = t, this.version = K;
   }
   walk(t) {
-    return K(this, t);
+    return F(this, t);
   }
 }
-function K(s, t) {
-  return t != null && t(s) ? s : s && typeof s == "object" && "cause" in s && s.cause !== void 0 ? K(s.cause, t) : t ? null : s;
+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;
 }
-class F extends x {
+class V extends x {
   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 z(s, { dir: t, size: e = 32 } = {}) {
-  return typeof s == "string" ? te(s, { dir: t, size: e }) : se(s, { dir: t, size: e });
+function A(s, { dir: t, size: e = 32 } = {}) {
+  return typeof s == "string" ? se(s, { dir: t, size: e }) : ie(s, { dir: t, size: e });
 }
-function te(s, { dir: t, size: e = 32 } = {}) {
+function se(s, { dir: t, size: e = 32 } = {}) {
   if (e === null)
     return s;
   const i = s.replace("0x", "");
   if (i.length > e * 2)
-    throw new F({
+    throw new V({
       size: Math.ceil(i.length / 2),
       targetSize: e,
       type: "hex"
     });
   return `0x${i[t === "right" ? "padEnd" : "padStart"](e * 2, "0")}`;
 }
-function se(s, { dir: t, size: e = 32 } = {}) {
+function ie(s, { dir: t, size: e = 32 } = {}) {
   if (e === null)
     return s;
   if (s.length > e)
-    throw new F({
+    throw new V({
       size: s.length,
       targetSize: e,
       type: "bytes"
@@ -103,46 +103,46 @@ function se(s, { dir: t, size: e = 32 } = {}) {
   }
   return i;
 }
-class ie extends x {
+class re extends x {
   constructor({ max: t, min: e, signed: i, size: r, value: o }) {
     super(`Number "${o}" is not in safe ${r ? `${r * 8}-bit ${i ? "signed" : "unsigned"} ` : ""}integer range ${t ? `(${e} to ${t})` : `(above ${e})`}`, { name: "IntegerOutOfRangeError" });
   }
 }
-class re extends x {
+class oe extends x {
   constructor({ givenSize: t, maxSize: e }) {
     super(`Size cannot exceed ${e} bytes. Given size: ${t} bytes.`, { name: "SizeOverflowError" });
   }
 }
-function V(s, { size: t }) {
-  if (R(s) > t)
-    throw new re({
-      givenSize: R(s),
+function q(s, { size: t }) {
+  if (N(s) > t)
+    throw new oe({
+      givenSize: N(s),
       maxSize: t
     });
 }
-const oe = /* @__PURE__ */ Array.from({ length: 256 }, (s, t) => t.toString(16).padStart(2, "0"));
-function ne(s, t = {}) {
-  return typeof s == "number" || typeof s == "bigint" ? ce(s, t) : typeof s == "string" ? le(s, t) : typeof s == "boolean" ? ae(s, t) : q(s, 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" ? pe(s, t) : typeof s == "boolean" ? ce(s, t) : J(s, t);
+}
+function ce(s, t = {}) {
   const e = `0x${Number(s)}`;
-  return typeof t.size == "number" ? (V(e, { size: t.size }), z(e, { size: t.size })) : e;
+  return typeof t.size == "number" ? (q(e, { size: t.size }), A(e, { size: t.size })) : e;
 }
-function q(s, t = {}) {
+function J(s, t = {}) {
   let e = "";
   for (let r = 0; r < s.length; r++)
-    e += oe[s[r]];
+    e += ne[s[r]];
   const i = `0x${e}`;
-  return typeof t.size == "number" ? (V(i, { size: t.size }), z(i, { dir: "right", size: t.size })) : i;
+  return typeof t.size == "number" ? (q(i, { size: t.size }), A(i, { dir: "right", size: t.size })) : i;
 }
-function ce(s, t = {}) {
+function de(s, t = {}) {
   const { signed: e, size: i } = t, r = BigInt(s);
   let o;
   i ? e ? o = (1n << BigInt(i) * 8n - 1n) - 1n : o = 2n ** (BigInt(i) * 8n) - 1n : typeof s == "number" && (o = BigInt(Number.MAX_SAFE_INTEGER));
   const c = typeof o == "bigint" && e ? -o - 1n : 0;
   if (o && r > o || r < c) {
     const n = typeof s == "bigint" ? "n" : "";
-    throw new ie({
+    throw new re({
       max: o ? `${o}${n}` : void 0,
       min: `${c}${n}`,
       signed: e,
@@ -151,17 +151,17 @@ function ce(s, t = {}) {
     });
   }
   const a = `0x${(e && r < 0 ? (1n << BigInt(i * 8)) + BigInt(r) : r).toString(16)}`;
-  return i ? z(a, { size: i }) : a;
+  return i ? A(a, { size: i }) : a;
 }
-const de = /* @__PURE__ */ new TextEncoder();
-function le(s, t = {}) {
-  const e = de.encode(s);
-  return q(e, t);
+const le = /* @__PURE__ */ new TextEncoder();
+function pe(s, t = {}) {
+  const e = le.encode(s);
+  return J(e, t);
 }
-class U {
+class z {
   constructor(t) {
-    E(this, "opts");
-    E(this, "open", () => {
+    k(this, "opts");
+    k(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 +172,21 @@ class U {
         this.openUrl(`${this.baseUrl}${this.opts.app}?init=true&embed=true`), this.initialize();
       }
     });
-    E(this, "iframeEventHandler", async (t) => {
-      var i, r, o, c, a, n, h, u, m, f, g, y, l, w, d, b, v, I, P, $, A, M, T, D, C, G, j, B, W, H, L, O;
+    k(this, "iframeEventHandler", async (t) => {
+      var i, r, o, c, a, n, u, m, f, g, y, w, b, d, l, p, I, v, P, S, $, M, T, D, C, G, j, B, W, H, O, L, R;
       const e = t.data;
       switch (e.type) {
         case "sendInit": {
-          const p = this.opts.recipient, J = (i = this.opts.walletProvider) == null ? void 0 : i.address, X = (r = this.opts.walletProvider) == null ? void 0 : r.availableChainIds, Q = (o = this.opts.walletProvider) == null ? void 0 : o.currentChainId, Y = this.opts.preferGaslessPayment || !!((c = this.opts.walletProvider) != null && c.signTypedDataAsync);
-          (n = (a = this.iframe) == null ? void 0 : a.contentWindow) == null || n.postMessage(
+          const h = this.opts.recipient, X = (i = this.opts.walletProvider) == null ? void 0 : i.address, Q = (r = this.opts.walletProvider) == null ? void 0 : r.availableChainIds, Y = (o = this.opts.walletProvider) == null ? void 0 : o.currentChainId, Z = this.opts.preferGaslessPayment || !!((c = this.opts.walletProvider) != null && c.signTypedDataAsync);
+          (u = (a = this.iframe) == null ? void 0 : a.contentWindow) == null || u.postMessage(
             {
               type: "initialize",
               sessionId: this.opts.sessionId,
-              recipient: p,
-              connectedWalletAddress: J,
-              availableChainIds: X,
-              currentChainId: Q,
-              preferGaslessPayment: Y,
+              recipient: h,
+              connectedWalletAddress: X,
+              availableChainIds: Q,
+              currentChainId: Y,
+              preferGaslessPayment: Z,
               excludeChainIds: this.opts.excludeChainIds,
               excludeCurrencyTiers: this.opts.excludeCurrencyTiers,
               excludeFundingSources: this.opts.excludeFundingSources,
@@ -198,24 +198,31 @@ class U {
               tokenApproval: this.opts.approval,
               sessionMetadata: this.opts.sessionMetadata,
               autoCloseOnSuccess: this.opts.autoCloseOnSuccess,
-              theme: this.opts.theme,
+              theme: {
+                ...this.opts.theme || {},
+                colorScheme: ((n = this.opts.theme) == null ? void 0 : n.colorScheme) || getComputedStyle(document.documentElement).colorScheme || ""
+              },
               didProvideLocalStorage: !!this.opts.localStorageProvider,
               debug: this.opts.debug,
               popupsBlocked: this.opts.popupsBlocked,
               gasRefuelAmountPerChain: this.opts.gasRefuelAmountPerChain
             },
             new URL(this.baseUrl).origin
-          ), this.iframe.style.opacity = "1", (u = (h = this.opts).onOpen) == null || u.call(h);
+          );
+          break;
+        }
+        case "didOpen": {
+          this.iframe.style.opacity = "1", (f = (m = this.opts).onOpen) == null || f.call(m);
           break;
         }
         case "localStorage.getKeys": {
           if (!this.opts.localStorageProvider)
             throw new Error("localStorageProvider is not set");
-          const p = await this.opts.localStorageProvider.getKeys();
-          (f = (m = this.iframe) == null ? void 0 : m.contentWindow) == null || f.postMessage(
+          const h = await this.opts.localStorageProvider.getKeys();
+          (y = (g = this.iframe) == null ? void 0 : g.contentWindow) == null || y.postMessage(
             {
               type: "localStorage.didGetKeys",
-              keys: p
+              keys: h
             },
             this.baseUrl
           );
@@ -237,25 +244,25 @@ class U {
         case "localStorage.getItem": {
           if (!this.opts.localStorageProvider)
             throw new Error("localStorageProvider is not set");
-          const p = await this.opts.localStorageProvider.getItem(e.key);
-          (y = (g = this.iframe) == null ? void 0 : g.contentWindow) == null || y.postMessage(
+          const h = await this.opts.localStorageProvider.getItem(e.key);
+          (b = (w = this.iframe) == null ? void 0 : w.contentWindow) == null || b.postMessage(
             {
               type: "localStorage.didGetItem",
               key: e.key,
-              value: p
+              value: h
             },
             this.baseUrl
           );
           break;
         }
         case "success":
-          (w = (l = this.opts) == null ? void 0 : l.onSuccess) == null || w.call(l, e.hash);
+          (l = (d = this.opts) == null ? void 0 : d.onSuccess) == null || l.call(d, e.hash, e.session);
           break;
         case "close":
-          this.removeIframe(), this.destroy(), (b = (d = this.opts) == null ? void 0 : d.onClose) == null || b.call(d);
+          this.removeIframe(), this.destroy(), (I = (p = this.opts) == null ? void 0 : p.onClose) == null || I.call(p);
           break;
         case "setMode":
-          (I = (v = this.opts) == null ? void 0 : v.onSetMode) == null || I.call(v, e.mode);
+          (P = (v = this.opts) == null ? void 0 : v.onSetMode) == null || P.call(v, e.mode);
           break;
         case "switchChain":
           if (!this.opts.walletProvider)
@@ -263,7 +270,7 @@ class U {
           try {
             await this.opts.walletProvider.switchChainAsync({
               chainId: e.chainId
-            }), ($ = (P = this.iframe) == null ? void 0 : P.contentWindow) == null || $.postMessage(
+            }), ($ = (S = this.iframe) == null ? void 0 : S.contentWindow) == null || $.postMessage(
               {
                 type: "didSwitchChain",
                 success: !0,
@@ -271,12 +278,12 @@ class U {
               },
               this.baseUrl
             );
-          } catch (p) {
-            (M = (A = this.iframe) == null ? void 0 : A.contentWindow) == null || M.postMessage(
+          } catch (h) {
+            (T = (M = this.iframe) == null ? void 0 : M.contentWindow) == null || T.postMessage(
               {
                 type: "didSwitchChain",
                 success: !1,
-                error: p
+                error: h
               },
               this.baseUrl
             );
@@ -287,23 +294,23 @@ class U {
             if (!this.opts.walletProvider)
               throw new Error("walletProvider is not set");
             try {
-              const p = await this.opts.walletProvider.sendTransactionAsync(
+              const h = await this.opts.walletProvider.sendTransactionAsync(
                 e.tx
               );
-              (D = (T = this.iframe) == null ? void 0 : T.contentWindow) == null || D.postMessage(
+              (C = (D = this.iframe) == null ? void 0 : D.contentWindow) == null || C.postMessage(
                 {
                   type: "didSendTransaction",
                   success: !0,
-                  txHash: p
+                  txHash: h
                 },
                 this.baseUrl
               );
-            } catch (p) {
-              (G = (C = this.iframe) == null ? void 0 : C.contentWindow) == null || G.postMessage(
+            } catch (h) {
+              (j = (G = this.iframe) == null ? void 0 : G.contentWindow) == null || j.postMessage(
                 {
                   type: "didSendTransaction",
                   success: !1,
-                  error: p
+                  error: h
                 },
                 this.baseUrl
               );
@@ -315,7 +322,7 @@ class U {
             if (!this.opts.walletProvider)
               throw new Error("walletProvider is not set");
             if (!this.opts.walletProvider.signTypedDataAsync) {
-              (B = (j = this.iframe) == null ? void 0 : j.contentWindow) == null || B.postMessage(
+              (W = (B = this.iframe) == null ? void 0 : B.contentWindow) == null || W.postMessage(
                 {
                   type: "didSignTypedData",
                   success: !1,
@@ -326,23 +333,23 @@ class U {
               return;
             }
             try {
-              const p = await this.opts.walletProvider.signTypedDataAsync(
+              const h = await this.opts.walletProvider.signTypedDataAsync(
                 e.data
               );
-              (H = (W = this.iframe) == null ? void 0 : W.contentWindow) == null || H.postMessage(
+              (O = (H = this.iframe) == null ? void 0 : H.contentWindow) == null || O.postMessage(
                 {
                   type: "didSignTypedData",
                   success: !0,
-                  signature: p
+                  signature: h
                 },
                 this.baseUrl
               );
-            } catch (p) {
-              (O = (L = this.iframe) == null ? void 0 : L.contentWindow) == null || O.postMessage(
+            } catch (h) {
+              (R = (L = this.iframe) == null ? void 0 : L.contentWindow) == null || R.postMessage(
                 {
                   type: "didSignTypedData",
                   success: !1,
-                  error: p
+                  error: h
                 },
                 this.baseUrl
               );
@@ -355,7 +362,7 @@ class U {
   }
   get externalUrl() {
     var t, e, i;
-    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=${ne(
+    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(
       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(",")}` : ""}${(i = this.opts.excludeFundingSources) != null && i.length ? `&excludeFundingSources=${this.opts.excludeFundingSources.join(",")}` : ""}${this.opts.debug ? "&debug=true" : ""}${this.opts.popupsBlocked ? "&popupsBlocked=true" : ""}${this.opts.gasRefuelAmountPerChain ? `&gasRefuelAmountPerChain=${encodeURIComponent(JSON.stringify(this.opts.gasRefuelAmountPerChain))}` : ""}`;
   }
@@ -392,7 +399,7 @@ class U {
     t && (t.remove(), document.body.classList.remove("glide-deposit-open"));
   }
 }
-const ue = ({
+const me = ({
   app: s,
   recipient: t,
   chainId: e,
@@ -402,21 +409,22 @@ const ue = ({
   preferGaslessPayment: c,
   excludeChainIds: a,
   excludeCurrencyTiers: n,
-  excludeFundingSources: h,
-  mode: u,
-  sessionMetadata: m,
-  theme: f,
-  walletProvider: g,
-  localStorageProvider: y,
-  onOpen: l,
-  onSuccess: w,
-  onClose: d,
-  autoCloseOnSuccess: b,
+  excludeFundingSources: u,
+  mode: m,
+  sessionId: f,
+  sessionMetadata: g,
+  theme: y,
+  walletProvider: w,
+  localStorageProvider: b,
+  onOpen: d,
+  onSuccess: l,
+  onClose: p,
+  autoCloseOnSuccess: I,
   popupsBlocked: v,
-  baseUrl: I,
-  debug: P
+  baseUrl: P,
+  debug: S
 }) => {
-  const $ = k(() => new U({
+  const $ = U(() => new z({
     app: s,
     recipient: t,
     chainId: e,
@@ -426,19 +434,20 @@ const ue = ({
     preferGaslessPayment: c,
     excludeChainIds: a,
     excludeCurrencyTiers: n,
-    excludeFundingSources: h,
-    mode: u,
-    sessionMetadata: m,
-    theme: f,
-    walletProvider: g,
-    localStorageProvider: y,
-    onOpen: l,
-    onSuccess: w,
-    onClose: d,
-    autoCloseOnSuccess: b,
+    excludeFundingSources: u,
+    mode: m,
+    sessionId: f,
+    sessionMetadata: g,
+    theme: y,
+    walletProvider: w,
+    localStorageProvider: b,
+    onOpen: d,
+    onSuccess: l,
+    onClose: p,
+    autoCloseOnSuccess: I,
     popupsBlocked: v,
-    baseUrl: I,
-    debug: P
+    baseUrl: P,
+    debug: S
   }), [
     s,
     t,
@@ -449,26 +458,27 @@ const ue = ({
     c,
     a,
     n,
-    h,
     u,
     m,
     f,
     g,
     y,
-    l,
     w,
-    d,
     b,
-    v,
+    d,
+    l,
+    p,
     I,
-    P
+    v,
+    P,
+    S
   ]);
   return {
     openGlideDeposit: $.open,
     externalUrl: $.externalUrl,
     opts: $.opts
   };
-}, me = ({
+}, fe = ({
   app: s,
   preferGaslessPayment: t,
   excludeChainIds: e,
@@ -478,17 +488,17 @@ const ue = ({
   sessionId: c,
   sessionMetadata: a,
   theme: n,
-  walletProvider: h,
-  localStorageProvider: u,
-  onOpen: m,
-  onSuccess: f,
-  onClose: g,
-  autoCloseOnSuccess: y,
-  popupsBlocked: l,
-  baseUrl: w,
-  debug: d
+  walletProvider: u,
+  localStorageProvider: m,
+  onOpen: f,
+  onSuccess: g,
+  onClose: y,
+  autoCloseOnSuccess: w,
+  popupsBlocked: b,
+  baseUrl: d,
+  debug: l
 }) => {
-  const b = k(() => new U({
+  const p = U(() => new z({
     app: s,
     preferGaslessPayment: t,
     excludeChainIds: e,
@@ -499,15 +509,15 @@ const ue = ({
     amount: o,
     sessionMetadata: a,
     theme: n,
-    walletProvider: h,
-    localStorageProvider: u,
-    onOpen: m,
-    onSuccess: f,
-    onClose: g,
-    autoCloseOnSuccess: y,
-    popupsBlocked: l,
-    baseUrl: w,
-    debug: d
+    walletProvider: u,
+    localStorageProvider: m,
+    onOpen: f,
+    onSuccess: g,
+    onClose: y,
+    autoCloseOnSuccess: w,
+    popupsBlocked: b,
+    baseUrl: d,
+    debug: l
   }), [
     s,
     t,
@@ -518,22 +528,22 @@ const ue = ({
     o,
     a,
     n,
-    h,
     u,
     m,
     f,
     g,
     y,
-    l,
     w,
-    d
+    b,
+    d,
+    l
   ]);
   return {
-    openGlidePay: b.open,
-    externalUrl: b.externalUrl,
-    opts: b.opts
+    openGlidePay: p.open,
+    externalUrl: p.externalUrl,
+    opts: p.opts
   };
-}, fe = ({
+}, ge = ({
   app: s,
   evm: t,
   approval: e,
@@ -543,17 +553,17 @@ const ue = ({
   excludeFundingSources: c,
   sessionMetadata: a,
   theme: n,
-  walletProvider: h,
-  localStorageProvider: u,
-  onOpen: m,
-  onSuccess: f,
-  onClose: g,
-  autoCloseOnSuccess: y,
-  popupsBlocked: l,
-  baseUrl: w,
-  debug: d
+  walletProvider: u,
+  localStorageProvider: m,
+  onOpen: f,
+  onSuccess: g,
+  onClose: y,
+  autoCloseOnSuccess: w,
+  popupsBlocked: b,
+  baseUrl: d,
+  debug: l
 }) => {
-  const b = k(() => new U({
+  const p = U(() => new z({
     app: s,
     evm: t,
     approval: e,
@@ -564,15 +574,15 @@ const ue = ({
     sessionMetadata: a,
     mode: "call",
     theme: n,
-    walletProvider: h,
-    localStorageProvider: u,
-    onOpen: m,
-    onSuccess: f,
-    onClose: g,
-    autoCloseOnSuccess: y,
-    popupsBlocked: l,
-    baseUrl: w,
-    debug: d
+    walletProvider: u,
+    localStorageProvider: m,
+    onOpen: f,
+    onSuccess: g,
+    onClose: y,
+    autoCloseOnSuccess: w,
+    popupsBlocked: b,
+    baseUrl: d,
+    debug: l
   }), [
     s,
     t,
@@ -583,22 +593,22 @@ const ue = ({
     c,
     a,
     n,
-    h,
     u,
     m,
     f,
     g,
     y,
-    l,
     w,
-    d
+    b,
+    d,
+    l
   ]);
   return {
-    openGlideCall: b.open,
-    externalUrl: b.externalUrl,
-    opts: b.opts
+    openGlideCall: p.open,
+    externalUrl: p.externalUrl,
+    opts: p.opts
   };
-}, ge = ({
+}, ye = ({
   app: s,
   recipient: t,
   chainId: e,
@@ -608,16 +618,16 @@ const ue = ({
   excludeCurrencyTiers: c,
   excludeFundingSources: a,
   sessionMetadata: n,
-  theme: h,
-  walletProvider: u,
-  localStorageProvider: m,
-  onOpen: f,
-  onSuccess: g,
-  onClose: y,
-  autoCloseOnSuccess: l,
-  baseUrl: w
+  theme: u,
+  walletProvider: m,
+  localStorageProvider: f,
+  onOpen: g,
+  onSuccess: y,
+  onClose: w,
+  autoCloseOnSuccess: b,
+  baseUrl: d
 }) => {
-  const d = k(() => new U({
+  const l = U(() => new z({
     app: s,
     recipient: t,
     chainId: e,
@@ -628,14 +638,14 @@ const ue = ({
     excludeFundingSources: a,
     sessionMetadata: n,
     mode: "buy",
-    theme: h,
-    walletProvider: u,
-    localStorageProvider: m,
-    onOpen: f,
-    onSuccess: g,
-    onClose: y,
-    autoCloseOnSuccess: l,
-    baseUrl: w
+    theme: u,
+    walletProvider: m,
+    localStorageProvider: f,
+    onOpen: g,
+    onSuccess: y,
+    onClose: w,
+    autoCloseOnSuccess: b,
+    baseUrl: d
   }), [
     s,
     t,
@@ -646,21 +656,21 @@ const ue = ({
     c,
     a,
     n,
-    h,
     u,
     m,
     f,
     g,
     y,
-    l,
-    w
+    w,
+    b,
+    d
   ]);
   return {
-    openGlideBuy: d.open,
-    externalUrl: d.externalUrl,
-    opts: d.opts
+    openGlideBuy: l.open,
+    externalUrl: l.externalUrl,
+    opts: l.opts
   };
-}, ye = Object.freeze({
+}, we = Object.freeze({
   getItem: (s) => new Promise((t, e) => {
     try {
       const i = localStorage.getItem(s);
@@ -693,10 +703,10 @@ const ue = ({
   })
 });
 export {
-  U as GlideDeposit,
-  ye as browserLocalStorageProvider,
-  ge as useGlideBuy,
-  fe as useGlideCall,
-  ue as useGlideDeposit,
-  me as useGlidePay
+  z as GlideDeposit,
+  we as browserLocalStorageProvider,
+  ye as useGlideBuy,
+  ge as useGlideCall,
+  me as useGlideDeposit,
+  fe as useGlidePay
 };

package/dist/theme.d.ts

@@ -1,4 +1,5 @@
 export type GlideWidgetTheme = {
+    colorScheme?: string;
     fontSrcCss?: string;
     fontFamily?: string;
     modalBorderWidth?: string;

package/dist/useGlideBuy.d.ts

@@ -1,6 +1,6 @@
 import { FundingSource, GlideDepositWalletProvider, GlideLocalStorageProvider, Hex } from './GlideDeposit.ts';
 import { GlideWidgetTheme } from './theme.ts';
-import { CAIP2 } from '@paywithglide/glide-js';
+import { CAIP2, Session } from '@paywithglide/glide-js';
 interface UseGlideBuyProps {
     app: string;
     recipient?: string;
@@ -15,7 +15,7 @@ interface UseGlideBuyProps {
     walletProvider?: GlideDepositWalletProvider;
     localStorageProvider?: GlideLocalStorageProvider;
     onOpen?: () => void;
-    onSuccess?: (hash: Hex) => void;
+    onSuccess?: (hash: Hex, session: Session) => void;
     onClose?: () => void;
     autoCloseOnSuccess?: boolean;
     baseUrl?: string;

package/dist/useGlideCall.d.ts

@@ -1,6 +1,6 @@
 import { FundingSource, GlideDepositWalletProvider, GlideLocalStorageProvider, Hex } from './GlideDeposit.ts';
 import { GlideWidgetTheme } from './theme.ts';
-import { CAIP2 } from '@paywithglide/glide-js';
+import { CAIP2, Session } from '@paywithglide/glide-js';
 interface UseGlideCallProps {
     app: string;
     evm: {
@@ -22,7 +22,7 @@ interface UseGlideCallProps {
     walletProvider?: GlideDepositWalletProvider;
     localStorageProvider?: GlideLocalStorageProvider;
     onOpen?: () => void;
-    onSuccess?: (hash: Hex) => void;
+    onSuccess?: (hash: Hex, session: Session) => void;
     onClose?: () => void;
     autoCloseOnSuccess?: boolean;
     popupsBlocked?: boolean;

package/dist/useGlideDeposit.d.ts

@@ -1,6 +1,6 @@
 import { FundingSource, GlideDepositWalletProvider, GlideLocalStorageProvider } from './GlideDeposit.ts';
 import { GlideWidgetTheme } from './theme.ts';
-import { CAIP2 } from '@paywithglide/glide-js';
+import { CAIP2, Hex, Session } from '@paywithglide/glide-js';
 interface UseGlideDepositProps {
     app: string;
     recipient?: string;
@@ -13,19 +13,20 @@ interface UseGlideDepositProps {
     excludeCurrencyTiers?: ("tier1" | "tier2" | "tier3")[];
     excludeFundingSources?: FundingSource[];
     mode?: "deposit" | "withdraw";
+    sessionId?: string;
     sessionMetadata?: string;
     theme?: GlideWidgetTheme;
     walletProvider?: GlideDepositWalletProvider;
     localStorageProvider?: GlideLocalStorageProvider;
     onOpen?: () => void;
-    onSuccess?: (hash: string) => void;
+    onSuccess?: (hash: Hex, session: Session) => void;
     onClose?: () => void;
     autoCloseOnSuccess?: boolean;
     popupsBlocked?: boolean;
     baseUrl?: string;
     debug?: boolean;
 }
-export declare const useGlideDeposit: ({ app, recipient, chainId, currencyId, amount, gasRefuelAmountPerChain, preferGaslessPayment, excludeChainIds, excludeCurrencyTiers, excludeFundingSources, mode, sessionMetadata, theme, walletProvider, localStorageProvider, onOpen, onSuccess, onClose, autoCloseOnSuccess, popupsBlocked, baseUrl, debug, }: UseGlideDepositProps) => {
+export declare const useGlideDeposit: ({ app, recipient, chainId, currencyId, amount, gasRefuelAmountPerChain, preferGaslessPayment, excludeChainIds, excludeCurrencyTiers, excludeFundingSources, mode, sessionId, sessionMetadata, theme, walletProvider, localStorageProvider, onOpen, onSuccess, onClose, autoCloseOnSuccess, popupsBlocked, baseUrl, debug, }: UseGlideDepositProps) => {
     openGlideDeposit: () => void;
     externalUrl: string;
     opts: import('./GlideDeposit.ts').GlideDepositOptions;

package/dist/useGlidePay.d.ts

@@ -1,6 +1,6 @@
 import { FundingSource, GlideDepositWalletProvider, GlideLocalStorageProvider } from './GlideDeposit.ts';
 import { GlideWidgetTheme } from './theme.ts';
-import { CAIP2 } from '@paywithglide/glide-js';
+import { CAIP2, Hex, Session } from '@paywithglide/glide-js';
 type UseGlidePayProps = {
     app: string;
     amount?: string;
@@ -14,7 +14,7 @@ type UseGlidePayProps = {
     walletProvider?: GlideDepositWalletProvider;
     localStorageProvider?: GlideLocalStorageProvider;
     onOpen?: () => void;
-    onSuccess?: (hash: string) => void;
+    onSuccess?: (hash: Hex, session: Session) => void;
     onClose?: () => void;
     autoCloseOnSuccess?: boolean;
     popupsBlocked?: boolean;

package/package.json

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