@paywithglide/glide-react 0.0.10 → 0.0.12

package/dist/GlideDeposit.d.ts

@@ -77,8 +77,19 @@ export type GlideDepositWalletProvider = {
 export type GlideDepositOptions = {
     app: string;
     recipient?: Hex;
-    mode?: "deposit" | "withdraw" | "pay";
+    mode?: "deposit" | "withdraw" | "pay" | "call" | "buy";
     amount?: string;
+    evm?: {
+        chainId: number;
+        to: Hex;
+        data?: Hex;
+        value?: bigint;
+    };
+    approval?: {
+        token: Hex;
+        amount: bigint;
+    };
+    sessionMetadata?: string;
     preferGaslessPayment?: boolean;
     walletProvider?: GlideDepositWalletProvider;
     onSuccess?: (hash: Hex) => void;
@@ -88,6 +99,7 @@ export declare class GlideDeposit {
     opts: GlideDepositOptions;
     constructor(opts: GlideDepositOptions);
     open: () => void;
+    get externalUrl(): string;
     private initialize;
     private destroy;
     private get baseUrl();
@@ -96,6 +108,4 @@ export declare class GlideDeposit {
     private openUrl;
     private createIframe;
     private removeIframe;
-    private showLoader;
-    private hideLoader;
 }

package/dist/glide.js

@@ -1,34 +1,189 @@
-var E = Object.defineProperty;
-var I = (i, t, e) => t in i ? E(i, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[t] = e;
-var p = (i, t, e) => I(i, typeof t != "symbol" ? t + "" : t, e);
-import { useMemo as P } from "react";
-class D {
+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";
+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) {
+  return G(s, { strict: !1 }) ? Math.ceil((s.length - 2) / 2) : s.length;
+}
+const D = "2.21.51";
+let u = {
+  getDocsUrl: ({ docsBaseUrl: s, docsPath: t = "", docsSlug: e }) => t ? `${s ?? "https://viem.sh"}${t}${e ? `#${e}` : ""}` : void 0,
+  version: `viem@${D}`
+};
+class l extends Error {
+  constructor(t, e = {}) {
+    var o;
+    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 = [
+      t || "An error occurred.",
+      "",
+      ...e.metaMessages ? [...e.metaMessages, ""] : [],
+      ...r ? [`Docs: ${r}`] : [],
+      ...i ? [`Details: ${i}`] : [],
+      ...u.version ? [`Version: ${u.version}`] : []
+    ].join(`
+`);
+    super(a, e.cause ? { cause: e.cause } : void 0), Object.defineProperty(this, "details", {
+      enumerable: !0,
+      configurable: !0,
+      writable: !0,
+      value: void 0
+    }), Object.defineProperty(this, "docsPath", {
+      enumerable: !0,
+      configurable: !0,
+      writable: !0,
+      value: void 0
+    }), Object.defineProperty(this, "metaMessages", {
+      enumerable: !0,
+      configurable: !0,
+      writable: !0,
+      value: void 0
+    }), Object.defineProperty(this, "shortMessage", {
+      enumerable: !0,
+      configurable: !0,
+      writable: !0,
+      value: void 0
+    }), Object.defineProperty(this, "version", {
+      enumerable: !0,
+      configurable: !0,
+      writable: !0,
+      value: void 0
+    }), Object.defineProperty(this, "name", {
+      enumerable: !0,
+      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 = D;
+  }
+  walk(t) {
+    return S(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;
+}
+class T extends l {
+  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 H(s, { dir: t, size: e = 32 } = {}) {
+  if (e === null)
+    return s;
+  const i = s.replace("0x", "");
+  if (i.length > e * 2)
+    throw new T({
+      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 } = {}) {
+  if (e === null)
+    return s;
+  if (s.length > e)
+    throw new T({
+      size: s.length,
+      targetSize: e,
+      type: "bytes"
+    });
+  const i = new Uint8Array(e);
+  for (let n = 0; n < e; n++) {
+    const r = t === "right";
+    i[r ? n : e - n - 1] = s[r ? n : s.length - n - 1];
+  }
+  return i;
+}
+class B extends l {
+  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 {
+  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)
+    throw new j({
+      givenSize: z(s),
+      maxSize: t
+    });
+}
+const O = /* @__PURE__ */ Array.from({ length: 256 }, (s, t) => t.toString(16).padStart(2, "0"));
+function U(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;
+}
+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;
+}
+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" : "";
+    throw new B({
+      max: r ? `${r}${d}` : void 0,
+      min: `${a}${d}`,
+      signed: e,
+      size: i,
+      value: `${s}${d}`
+    });
+  }
+  const o = `0x${(e && n < 0 ? (1n << BigInt(i * 8)) + BigInt(n) : n).toString(16)}`;
+  return i ? g(o, { size: i }) : o;
+}
+const R = /* @__PURE__ */ new TextEncoder();
+function V(s, t = {}) {
+  const e = R.encode(s);
+  return M(e, t);
+}
+class f {
   constructor(t) {
-    p(this, "opts");
-    p(this, "open", () => {
-      var t, e, s, o;
-      if (!document.body.classList.contains("glide-deposit-open")) {
-        if (document.body.classList.add("glide-deposit-open"), this.opts.mode === "deposit" && !this.opts.recipient)
-          throw new Error("recipient is required for deposit mode");
-        if (this.opts.preferGaslessPayment && this.opts.walletProvider && !this.opts.walletProvider.signTypedDataAsync)
-          throw new Error(
-            "walletProvider.signTypedDataAsync is required when preferGaslessPayment=true"
-          );
-        const r = this.opts.recipient, a = (t = this.opts.walletProvider) == null ? void 0 : t.address, d = (e = this.opts.walletProvider) == null ? void 0 : e.availableChainIds, l = (s = this.opts.walletProvider) == null ? void 0 : s.currentChainId, c = this.opts.preferGaslessPayment || !!((o = this.opts.walletProvider) != null && o.signTypedDataAsync);
-        this.openUrl(
-          `${this.baseUrl}${this.opts.app}?embed=true${r ? `&recipient=${r}` : ""}${a ? `&connectedWalletAddress=${a}` : ""}${l ? `&currentChainId=${l}` : ""}${d ? `&availableChainIds=${d.join(",")}` : ""}${c ? "&preferGaslessPayment=true" : ""}${this.opts.mode ? `&mode=${this.opts.mode}` : ""}${this.opts.amount ? `&amount=${this.opts.amount}` : ""}`
-        ), this.initialize();
-      }
+    h(this, "opts");
+    h(this, "open", () => {
+      var a, o, d, p;
+      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");
+      if (this.opts.preferGaslessPayment && this.opts.walletProvider && !this.opts.walletProvider.signTypedDataAsync)
+        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);
+      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.initialize();
     });
-    p(this, "iframeEventHandler", async (t) => {
-      var s, o, r, a, d, l, c, h, m, y, w, u, f, g, v, b;
+    h(this, "iframeEventHandler", async (t) => {
+      var i, n, r, a, o, d, p, y, w, $, v, b, x, P, I, E;
       const e = t.data;
       switch (e.type) {
         case "success":
-          (o = (s = this.opts) == null ? void 0 : s.onSuccess) == null || o.call(s, e.hash);
+          (n = (i = this.opts) == null ? void 0 : i.onSuccess) == null || n.call(i, e.hash);
           break;
         case "close":
-          this.removeIframe(), this.hideLoader(), this.destroy();
+          this.removeIframe(), this.destroy();
           break;
         case "switchChain":
           if (!this.opts.walletProvider)
@@ -44,12 +199,12 @@ class D {
               },
               this.baseUrl
             );
-          } catch (n) {
-            (l = (d = this.iframe) == null ? void 0 : d.contentWindow) == null || l.postMessage(
+          } catch (c) {
+            (d = (o = this.iframe) == null ? void 0 : o.contentWindow) == null || d.postMessage(
               {
                 type: "didSwitchChain",
                 success: !1,
-                error: n
+                error: c
               },
               this.baseUrl
             );
@@ -60,23 +215,23 @@ class D {
             if (!this.opts.walletProvider)
               throw new Error("walletProvider is not set");
             try {
-              const n = await this.opts.walletProvider.sendTransactionAsync(
+              const c = await this.opts.walletProvider.sendTransactionAsync(
                 e.tx
               );
-              (h = (c = this.iframe) == null ? void 0 : c.contentWindow) == null || h.postMessage(
+              (y = (p = this.iframe) == null ? void 0 : p.contentWindow) == null || y.postMessage(
                 {
                   type: "didSendTransaction",
                   success: !0,
-                  txHash: n
+                  txHash: c
                 },
                 this.baseUrl
               );
-            } catch (n) {
-              (y = (m = this.iframe) == null ? void 0 : m.contentWindow) == null || y.postMessage(
+            } catch (c) {
+              ($ = (w = this.iframe) == null ? void 0 : w.contentWindow) == null || $.postMessage(
                 {
                   type: "didSendTransaction",
                   success: !1,
-                  error: n
+                  error: c
                 },
                 this.baseUrl
               );
@@ -88,7 +243,7 @@ class D {
             if (!this.opts.walletProvider)
               throw new Error("walletProvider is not set");
             if (!this.opts.walletProvider.signTypedDataAsync) {
-              (u = (w = this.iframe) == null ? void 0 : w.contentWindow) == null || u.postMessage(
+              (b = (v = this.iframe) == null ? void 0 : v.contentWindow) == null || b.postMessage(
                 {
                   type: "didSignTypedData",
                   success: !1,
@@ -99,23 +254,23 @@ class D {
               return;
             }
             try {
-              const n = await this.opts.walletProvider.signTypedDataAsync(
+              const c = await this.opts.walletProvider.signTypedDataAsync(
                 e.data
               );
-              (g = (f = this.iframe) == null ? void 0 : f.contentWindow) == null || g.postMessage(
+              (P = (x = this.iframe) == null ? void 0 : x.contentWindow) == null || P.postMessage(
                 {
                   type: "didSignTypedData",
                   success: !0,
-                  signature: n
+                  signature: c
                 },
                 this.baseUrl
               );
-            } catch (n) {
-              (b = (v = this.iframe) == null ? void 0 : v.contentWindow) == null || b.postMessage(
+            } catch (c) {
+              (E = (I = this.iframe) == null ? void 0 : I.contentWindow) == null || E.postMessage(
                 {
                   type: "didSignTypedData",
                   success: !1,
-                  error: n
+                  error: c
                 },
                 this.baseUrl
               );
@@ -126,6 +281,9 @@ class D {
     });
     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}` : ""}`;
+  }
   initialize() {
     window.addEventListener("message", this.iframeEventHandler);
   }
@@ -139,84 +297,162 @@ class D {
     return document.getElementById("glide-deposit-iframe");
   }
   openUrl(t) {
-    this.showLoader(), this.createIframe(t);
+    this.createIframe(t);
   }
   createIframe(t) {
     this.removeIframe();
     const e = document.createElement("iframe");
     e.id = "glide-deposit-iframe", e.setAttribute(
       "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%;"
-    ), e.src = t, e.allow = "payment *; clipboard-write *", document.body.appendChild(e), window.setTimeout(() => {
-      var s;
-      (s = e == null ? void 0 : e.contentWindow) == null || s.focus();
-    }, 100);
+      "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();
+    }, e.src = t, e.allow = "payment *; clipboard-write *", document.body.appendChild(e);
   }
   removeIframe() {
     const t = document.getElementById("glide-deposit-iframe");
     t && (t.remove(), document.body.classList.remove("glide-deposit-open"));
   }
-  showLoader() {
-    const t = document.createElement("style");
-    t.innerHTML = "@keyframes pulse { 0% { opacity: 1; transform: scale(0.1); } 100% { opacity: 0; transform: scale(1); } }", document.head.appendChild(t);
-    const e = document.createElement("div");
-    e.setAttribute("class", "glide-deposit-loader");
-    const s = document.createElement("main");
-    s.setAttribute(
-      "style",
-      "display: flex; align-items: center; justify-content: center; flex-direction: column; width: 100%; height: 100%;"
-    ), e.appendChild(s), document.body.appendChild(e);
-  }
-  hideLoader() {
-    document.querySelectorAll(".glide-deposit-loader").forEach((t) => t.remove());
-  }
 }
-const x = ({
-  app: i,
+const X = ({
+  app: s,
   recipient: t,
   preferGaslessPayment: e,
-  mode: s,
-  walletProvider: o,
-  onSuccess: r,
-  baseUrl: a
-}) => ({
-  openGlideDeposit: P(() => new D({
-    app: i,
+  mode: i,
+  sessionMetadata: n,
+  walletProvider: r,
+  onSuccess: a,
+  baseUrl: o
+}) => {
+  const d = m(() => new f({
+    app: s,
     recipient: t,
     preferGaslessPayment: e,
-    mode: s,
-    walletProvider: o,
-    onSuccess: r,
-    baseUrl: a
+    mode: i,
+    sessionMetadata: n,
+    walletProvider: r,
+    onSuccess: a,
+    baseUrl: o
   }), [
-    i,
+    s,
     t,
     e,
-    s,
-    o,
+    i,
+    n,
     r,
-    a
-  ]).open
-}), A = ({
-  app: i,
+    a,
+    o
+  ]);
+  return {
+    openGlideDeposit: d.open,
+    externalUrl: d.externalUrl,
+    opts: d.opts
+  };
+}, J = ({
+  app: s,
   preferGaslessPayment: t,
   amount: e,
-  walletProvider: s,
-  onSuccess: o,
-  baseUrl: r
-}) => ({
-  openGlidePay: P(() => new D({
-    app: i,
+  sessionMetadata: i,
+  walletProvider: n,
+  onSuccess: r,
+  baseUrl: a
+}) => {
+  const o = m(() => new f({
+    app: s,
     preferGaslessPayment: t,
     mode: "pay",
     amount: e,
-    walletProvider: s,
-    onSuccess: o,
-    baseUrl: r
-  }), [i, t, s, r, e, o]).open
-});
+    sessionMetadata: i,
+    walletProvider: n,
+    onSuccess: r,
+    baseUrl: a
+  }), [
+    s,
+    t,
+    e,
+    i,
+    n,
+    r,
+    a
+  ]);
+  return {
+    openGlidePay: o.open,
+    externalUrl: o.externalUrl,
+    opts: o.opts
+  };
+}, K = ({
+  app: s,
+  evm: t,
+  approval: e,
+  preferGaslessPayment: i,
+  sessionMetadata: n,
+  walletProvider: r,
+  onSuccess: a,
+  baseUrl: o
+}) => {
+  const d = m(() => new f({
+    app: s,
+    evm: t,
+    approval: e,
+    preferGaslessPayment: i,
+    sessionMetadata: n,
+    mode: "call",
+    walletProvider: r,
+    onSuccess: a,
+    baseUrl: o
+  }), [
+    s,
+    t,
+    e,
+    i,
+    n,
+    r,
+    a,
+    o
+  ]);
+  return {
+    openGlideCall: d.open,
+    externalUrl: d.externalUrl,
+    opts: d.opts
+  };
+}, Q = ({
+  app: s,
+  recipient: t,
+  preferGaslessPayment: e,
+  sessionMetadata: i,
+  walletProvider: n,
+  onSuccess: r,
+  baseUrl: a
+}) => {
+  const o = m(() => new f({
+    app: s,
+    recipient: t,
+    preferGaslessPayment: e,
+    sessionMetadata: i,
+    mode: "buy",
+    walletProvider: n,
+    onSuccess: r,
+    baseUrl: a
+  }), [
+    s,
+    t,
+    e,
+    i,
+    n,
+    r,
+    a
+  ]);
+  return {
+    openGlideBuy: o.open,
+    externalUrl: o.externalUrl,
+    opts: o.opts
+  };
+};
 export {
-  D as GlideDeposit,
-  x as useGlideDeposit,
-  A as useGlidePay
+  f as GlideDeposit,
+  Q as useGlideBuy,
+  K as useGlideCall,
+  X as useGlideDeposit,
+  J as useGlidePay
 };

package/dist/index.d.ts

@@ -1,3 +1,5 @@
 export * from './GlideDeposit.ts';
 export * from './useGlideDeposit.ts';
 export * from './useGlidePay.ts';
+export * from './useGlideCall.ts';
+export * from './useGlideBuy.ts';

package/dist/useGlideBuy.d.ts

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

package/dist/useGlideCall.d.ts

@@ -0,0 +1,25 @@
+import { GlideDepositWalletProvider, Hex } from './GlideDeposit.ts';
+interface UseGlideCallProps {
+    app: string;
+    evm: {
+        chainId: number;
+        to: Hex;
+        data?: Hex;
+        value?: bigint;
+    };
+    approval?: {
+        token: Hex;
+        amount: bigint;
+    };
+    preferGaslessPayment?: boolean;
+    sessionMetadata?: string;
+    walletProvider?: GlideDepositWalletProvider;
+    onSuccess?: (hash: Hex) => void;
+    baseUrl?: string;
+}
+export declare const useGlideCall: ({ app, evm, approval, preferGaslessPayment, sessionMetadata, walletProvider, onSuccess, baseUrl, }: UseGlideCallProps) => {
+    openGlideCall: () => void;
+    externalUrl: string;
+    opts: import('./GlideDeposit.ts').GlideDepositOptions;
+};
+export {};

package/dist/useGlideDeposit.d.ts

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

package/dist/useGlidePay.d.ts

@@ -4,11 +4,14 @@ interface UseGlidePayProps {
     app: string;
     preferGaslessPayment?: boolean;
     amount: string;
+    sessionMetadata?: string;
     walletProvider?: GlideDepositWalletProvider;
     onSuccess?: (hash: Hex) => void;
     baseUrl?: string;
 }
-export declare const useGlidePay: ({ app, preferGaslessPayment, amount, walletProvider, onSuccess, baseUrl, }: UseGlidePayProps) => {
+export declare const useGlidePay: ({ app, preferGaslessPayment, amount, sessionMetadata, walletProvider, onSuccess, baseUrl, }: UseGlidePayProps) => {
     openGlidePay: () => void;
+    externalUrl: string;
+    opts: import('./GlideDeposit.ts').GlideDepositOptions;
 };
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@paywithglide/glide-react",
-  "version": "0.0.10",
+  "version": "0.0.12",
   "type": "module",
   "files": [
     "dist"
@@ -18,21 +18,20 @@
   "scripts": {
     "dev": "vite",
     "build": "tsc --p ./tsconfig.build.json && vite build",
+    "build-web": "tsc --p ./tsconfig.build.json && vite build --mode web",
+    "build-chromeext": "tsc --p ./tsconfig.build.json && vite build --mode chromeext:popup && vite build --mode chromeext:content && vite build --mode chromeext:background",
     "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
     "preview": "vite preview",
     "prepublishOnly": "npm run build"
   },
   "dependencies": {
-    "@paywithglide/glide-js": "^0.10.0",
-    "@tanstack/react-query": "^5.61.5",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1",
-    "viem": "^2.21.51",
-    "wagmi": "^2.13.0"
+    "@paywithglide/glide-js": "^0.10.0"
   },
   "devDependencies": {
     "@antiwork/shortest": "^0.2.1",
     "@eslint/js": "^9.15.0",
+    "@tanstack/react-query": "^5.61.5",
+    "@types/chrome": "^0.0.299",
     "@types/react": "^18.3.12",
     "@types/react-dom": "^18.3.1",
     "@vitejs/plugin-react": "^4.3.4",
@@ -40,9 +39,14 @@
     "eslint-plugin-react-hooks": "^5.0.0",
     "eslint-plugin-react-refresh": "^0.4.14",
     "globals": "^15.12.0",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
     "typescript": "~5.6.2",
     "typescript-eslint": "^8.15.0",
+    "viem": "^2.21.51",
     "vite": "^6.0.1",
-    "vite-plugin-dts": "^4.3.0"
+    "vite-plugin-dts": "^4.3.0",
+    "vite-plugin-static-copy": "^2.2.0",
+    "wagmi": "^2.13.0"
   }
 }