@paywithglide/glide-react 0.0.15 → 0.0.17

package/dist/GlideDeposit.d.ts

@@ -80,6 +80,7 @@ export type GlideDepositOptions = {
     recipient?: string;
     mode?: "deposit" | "withdraw" | "pay" | "call" | "buy";
     amount?: string;
+    sessionId?: string;
     evm?: {
         chainId: number;
         to: Hex;

package/dist/glide.js

@@ -1,11 +1,167 @@
-var D = Object.defineProperty;
-var I = (i, t, e) => t in i ? D(i, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[t] = e;
-var m = (i, t, e) => I(i, typeof t != "symbol" ? t + "" : t, e);
-import { useMemo as u } from "react";
-class g {
+var M = Object.defineProperty;
+var k = (s, t, e) => t in s ? M(s, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : s[t] = e;
+var g = (s, t, e) => k(s, typeof t != "symbol" ? t + "" : t, e);
+import { useMemo as y } 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 U(s) {
+  return G(s, { strict: !1 }) ? Math.ceil((s.length - 2) / 2) : s.length;
+}
+const z = "2.21.51";
+let m = {
+  getDocsUrl: ({ docsBaseUrl: s, docsPath: t = "", docsSlug: e }) => t ? `${s ?? "https://viem.sh"}${t}${e ? `#${e}` : ""}` : void 0,
+  version: `viem@${z}`
+};
+class u extends Error {
+  constructor(t, e = {}) {
+    var a;
+    const i = (() => {
+      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 = m.getDocsUrl) == null ? void 0 : a.call(m, { ...e, docsPath: n }), d = [
+      t || "An error occurred.",
+      "",
+      ...e.metaMessages ? [...e.metaMessages, ""] : [],
+      ...r ? [`Docs: ${r}`] : [],
+      ...i ? [`Details: ${i}`] : [],
+      ...m.version ? [`Version: ${m.version}`] : []
+    ].join(`
+`);
+    super(d, 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 = z;
+  }
+  walk(t) {
+    return T(this, t);
+  }
+}
+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 D 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 b(s, { dir: t, size: e = 32 } = {}) {
+  return typeof s == "string" ? C(s, { dir: t, size: e }) : H(s, { dir: t, size: e });
+}
+function C(s, { dir: t, size: e = 32 } = {}) {
+  if (e === null)
+    return s;
+  const i = s.replace("0x", "");
+  if (i.length > e * 2)
+    throw new D({
+      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 } = {}) {
+  if (e === null)
+    return s;
+  if (s.length > e)
+    throw new D({
+      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 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 W extends u {
+  constructor({ givenSize: t, maxSize: e }) {
+    super(`Size cannot exceed ${e} bytes. Given size: ${t} bytes.`, { name: "SizeOverflowError" });
+  }
+}
+function S(s, { size: t }) {
+  if (U(s) > t)
+    throw new W({
+      givenSize: U(s),
+      maxSize: t
+    });
+}
+const O = /* @__PURE__ */ Array.from({ length: 256 }, (s, t) => t.toString(16).padStart(2, "0"));
+function j(s, t = {}) {
+  return typeof s == "number" || typeof s == "bigint" ? N(s, t) : typeof s == "string" ? V(s, t) : typeof s == "boolean" ? L(s, t) : A(s, t);
+}
+function L(s, t = {}) {
+  const e = `0x${Number(s)}`;
+  return typeof t.size == "number" ? (S(e, { size: t.size }), b(e, { size: t.size })) : e;
+}
+function A(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" ? (S(i, { size: t.size }), b(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 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}${o}` : void 0,
+      min: `${d}${o}`,
+      signed: e,
+      size: i,
+      value: `${s}${o}`
+    });
+  }
+  const a = `0x${(e && n < 0 ? (1n << BigInt(i * 8)) + BigInt(n) : n).toString(16)}`;
+  return i ? b(a, { size: i }) : a;
+}
+const R = /* @__PURE__ */ new TextEncoder();
+function V(s, t = {}) {
+  const e = R.encode(s);
+  return A(e, t);
+}
+class w {
   constructor(t) {
-    m(this, "opts");
-    m(this, "open", () => {
+    g(this, "opts");
+    g(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");
@@ -16,12 +172,12 @@ class g {
         this.openUrl(`${this.baseUrl}${this.opts.app}?init=true&embed=true`), this.initialize();
       }
     });
-    m(this, "iframeEventHandler", async (t) => {
-      var o, n, a, d, l, r, s, p, h, y, w, f, v, b, x, U;
+    g(this, "iframeEventHandler", async (t) => {
+      var i, n, r, d, a, o, c, l, h, f, v, $, x, I, P, E;
       const e = t.data;
       switch (e.type) {
         case "success":
-          (n = (o = this.opts) == null ? void 0 : o.onSuccess) == null || n.call(o, e.hash);
+          (n = (i = this.opts) == null ? void 0 : i.onSuccess) == null || n.call(i, e.hash);
           break;
         case "close":
           this.removeIframe(), this.destroy();
@@ -32,7 +188,7 @@ class g {
           try {
             await this.opts.walletProvider.switchChainAsync({
               chainId: e.chainId
-            }), (d = (a = this.iframe) == null ? void 0 : a.contentWindow) == null || d.postMessage(
+            }), (d = (r = this.iframe) == null ? void 0 : r.contentWindow) == null || d.postMessage(
               {
                 type: "didSwitchChain",
                 success: !0,
@@ -40,12 +196,12 @@ class g {
               },
               this.baseUrl
             );
-          } catch (c) {
-            (r = (l = this.iframe) == null ? void 0 : l.contentWindow) == null || r.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
             );
@@ -56,23 +212,23 @@ class g {
             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
               );
-              (p = (s = this.iframe) == null ? void 0 : s.contentWindow) == null || p.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) {
-              (y = (h = this.iframe) == null ? void 0 : h.contentWindow) == null || y.postMessage(
+            } catch (p) {
+              (f = (h = this.iframe) == null ? void 0 : h.contentWindow) == null || f.postMessage(
                 {
                   type: "didSendTransaction",
                   success: !1,
-                  error: c
+                  error: p
                 },
                 this.baseUrl
               );
@@ -84,7 +240,7 @@ class g {
             if (!this.opts.walletProvider)
               throw new Error("walletProvider is not set");
             if (!this.opts.walletProvider.signTypedDataAsync) {
-              (f = (w = this.iframe) == null ? void 0 : w.contentWindow) == null || f.postMessage(
+              ($ = (v = this.iframe) == null ? void 0 : v.contentWindow) == null || $.postMessage(
                 {
                   type: "didSignTypedData",
                   success: !1,
@@ -95,23 +251,23 @@ class g {
               return;
             }
             try {
-              const c = await this.opts.walletProvider.signTypedDataAsync(
+              const p = await this.opts.walletProvider.signTypedDataAsync(
                 e.data
               );
-              (b = (v = this.iframe) == null ? void 0 : v.contentWindow) == null || b.postMessage(
+              (I = (x = this.iframe) == null ? void 0 : x.contentWindow) == null || I.postMessage(
                 {
                   type: "didSignTypedData",
                   success: !0,
-                  signature: c
+                  signature: p
                 },
                 this.baseUrl
               );
-            } catch (c) {
-              (U = (x = this.iframe) == null ? void 0 : x.contentWindow) == null || U.postMessage(
+            } catch (p) {
+              (E = (P = this.iframe) == null ? void 0 : P.contentWindow) == null || E.postMessage(
                 {
                   type: "didSignTypedData",
                   success: !1,
-                  error: c
+                  error: p
                 },
                 this.baseUrl
               );
@@ -123,7 +279,7 @@ class g {
     this.opts = t;
   }
   get externalUrl() {
-    return `${this.baseUrl}${this.opts.app}?init=true`;
+    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=${j(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}` : ""}`;
   }
   initialize() {
     window.addEventListener("message", this.iframeEventHandler);
@@ -147,26 +303,30 @@ class g {
       "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 r, s, p, h, y, w;
-      const o = this.opts.recipient, n = (r = this.opts.walletProvider) == null ? void 0 : r.address, a = (s = this.opts.walletProvider) == null ? void 0 : s.availableChainIds, d = (p = this.opts.walletProvider) == null ? void 0 : p.currentChainId, l = this.opts.preferGaslessPayment || !!((h = this.opts.walletProvider) != null && h.signTypedDataAsync);
-      e.style.opacity = "1", (y = e == null ? void 0 : e.contentWindow) == null || y.focus(), (w = e == null ? void 0 : e.contentWindow) == null || w.postMessage(
-        {
-          type: "initialize",
-          recipient: o,
-          connectedWalletAddress: n,
-          availableChainIds: a,
-          currentChainId: d,
-          preferGaslessPayment: l,
-          mode: this.opts.mode,
-          amount: this.opts.amount,
-          evmTx: this.opts.evm,
-          tokenApproval: this.opts.approval,
-          sessionMetadata: this.opts.sessionMetadata,
-          autoCloseOnSuccess: this.opts.autoCloseOnSuccess,
-          theme: this.opts.theme
-        },
-        this.baseUrl
-      );
+      var o, c, l, h;
+      const i = this.opts.recipient, n = (o = this.opts.walletProvider) == null ? void 0 : o.address, r = (c = this.opts.walletProvider) == null ? void 0 : c.availableChainIds, d = (l = this.opts.walletProvider) == null ? void 0 : l.currentChainId, a = this.opts.preferGaslessPayment || !!((h = this.opts.walletProvider) != null && h.signTypedDataAsync);
+      e.style.opacity = "1", setTimeout(() => {
+        var f;
+        (f = e == null ? void 0 : e.contentWindow) == null || f.postMessage(
+          {
+            type: "initialize",
+            sessionId: this.opts.sessionId,
+            recipient: i,
+            connectedWalletAddress: n,
+            availableChainIds: r,
+            currentChainId: d,
+            preferGaslessPayment: a,
+            mode: this.opts.mode,
+            amount: this.opts.amount,
+            evmTx: this.opts.evm,
+            tokenApproval: this.opts.approval,
+            sessionMetadata: this.opts.sessionMetadata,
+            autoCloseOnSuccess: this.opts.autoCloseOnSuccess,
+            theme: this.opts.theme
+          },
+          new URL(this.baseUrl).origin
+        );
+      }, 10);
     }, e.src = t, e.allow = "payment *; clipboard-write *", document.body.appendChild(e);
   }
   removeIframe() {
@@ -174,168 +334,171 @@ class g {
     t && (t.remove(), document.body.classList.remove("glide-deposit-open"));
   }
 }
-const E = ({
-  app: i,
+const X = ({
+  app: s,
   recipient: t,
   preferGaslessPayment: e,
-  mode: o,
+  mode: i,
   sessionMetadata: n,
-  theme: a,
+  theme: r,
   walletProvider: d,
-  onSuccess: l,
-  autoCloseOnSuccess: r,
-  baseUrl: s
+  onSuccess: a,
+  autoCloseOnSuccess: o,
+  baseUrl: c
 }) => {
-  const p = u(() => new g({
-    app: i,
+  const l = y(() => new w({
+    app: s,
     recipient: t,
     preferGaslessPayment: e,
-    mode: o,
+    mode: i,
     sessionMetadata: n,
-    theme: a,
+    theme: r,
     walletProvider: d,
-    onSuccess: l,
-    autoCloseOnSuccess: r,
-    baseUrl: s
+    onSuccess: a,
+    autoCloseOnSuccess: o,
+    baseUrl: c
   }), [
-    i,
+    s,
     t,
     e,
-    o,
+    i,
     n,
-    a,
-    d,
-    l,
     r,
-    s
+    d,
+    a,
+    o,
+    c
   ]);
   return {
-    openGlideDeposit: p.open,
-    externalUrl: p.externalUrl,
-    opts: p.opts
+    openGlideDeposit: l.open,
+    externalUrl: l.externalUrl,
+    opts: l.opts
   };
-}, A = ({
-  app: i,
+}, J = ({
+  app: s,
   preferGaslessPayment: t,
   amount: e,
-  sessionMetadata: o,
-  theme: n,
-  walletProvider: a,
-  onSuccess: d,
-  autoCloseOnSuccess: l,
-  baseUrl: r
+  sessionId: i,
+  sessionMetadata: n,
+  theme: r,
+  walletProvider: d,
+  onSuccess: a,
+  autoCloseOnSuccess: o,
+  baseUrl: c
 }) => {
-  const s = u(() => new g({
-    app: i,
+  const l = y(() => new w({
+    app: s,
     preferGaslessPayment: t,
     mode: "pay",
+    sessionId: i,
     amount: e,
-    sessionMetadata: o,
-    theme: n,
-    walletProvider: a,
-    onSuccess: d,
-    autoCloseOnSuccess: l,
-    baseUrl: r
+    sessionMetadata: n,
+    theme: r,
+    walletProvider: d,
+    onSuccess: a,
+    autoCloseOnSuccess: o,
+    baseUrl: c
   }), [
-    i,
+    s,
     t,
+    i,
     e,
-    o,
     n,
-    a,
+    r,
     d,
-    l,
-    r
+    a,
+    o,
+    c
   ]);
   return {
-    openGlidePay: s.open,
-    externalUrl: s.externalUrl,
-    opts: s.opts
+    openGlidePay: l.open,
+    externalUrl: l.externalUrl,
+    opts: l.opts
   };
-}, W = ({
-  app: i,
+}, K = ({
+  app: s,
   evm: t,
   approval: e,
-  preferGaslessPayment: o,
+  preferGaslessPayment: i,
   sessionMetadata: n,
-  theme: a,
+  theme: r,
   walletProvider: d,
-  onSuccess: l,
-  autoCloseOnSuccess: r,
-  baseUrl: s
+  onSuccess: a,
+  autoCloseOnSuccess: o,
+  baseUrl: c
 }) => {
-  const p = u(() => new g({
-    app: i,
+  const l = y(() => new w({
+    app: s,
     evm: t,
     approval: e,
-    preferGaslessPayment: o,
+    preferGaslessPayment: i,
     sessionMetadata: n,
     mode: "call",
-    theme: a,
+    theme: r,
     walletProvider: d,
-    onSuccess: l,
-    autoCloseOnSuccess: r,
-    baseUrl: s
+    onSuccess: a,
+    autoCloseOnSuccess: o,
+    baseUrl: c
   }), [
-    i,
+    s,
     t,
     e,
-    o,
+    i,
     n,
-    a,
-    d,
-    l,
     r,
-    s
+    d,
+    a,
+    o,
+    c
   ]);
   return {
-    openGlideCall: p.open,
-    externalUrl: p.externalUrl,
-    opts: p.opts
+    openGlideCall: l.open,
+    externalUrl: l.externalUrl,
+    opts: l.opts
   };
-}, k = ({
-  app: i,
+}, Q = ({
+  app: s,
   recipient: t,
   preferGaslessPayment: e,
-  sessionMetadata: o,
+  sessionMetadata: i,
   theme: n,
-  walletProvider: a,
+  walletProvider: r,
   onSuccess: d,
-  autoCloseOnSuccess: l,
-  baseUrl: r
+  autoCloseOnSuccess: a,
+  baseUrl: o
 }) => {
-  const s = u(() => new g({
-    app: i,
+  const c = y(() => new w({
+    app: s,
     recipient: t,
     preferGaslessPayment: e,
-    sessionMetadata: o,
+    sessionMetadata: i,
     mode: "buy",
     theme: n,
-    walletProvider: a,
+    walletProvider: r,
     onSuccess: d,
-    autoCloseOnSuccess: l,
-    baseUrl: r
+    autoCloseOnSuccess: a,
+    baseUrl: o
   }), [
-    i,
+    s,
     t,
     e,
-    o,
+    i,
     n,
-    a,
+    r,
     d,
-    l,
-    r
+    a,
+    o
   ]);
   return {
-    openGlideBuy: s.open,
-    externalUrl: s.externalUrl,
-    opts: s.opts
+    openGlideBuy: c.open,
+    externalUrl: c.externalUrl,
+    opts: c.opts
   };
 };
 export {
-  g as GlideDeposit,
-  k as useGlideBuy,
-  W as useGlideCall,
-  E as useGlideDeposit,
-  A as useGlidePay
+  w as GlideDeposit,
+  Q as useGlideBuy,
+  K as useGlideCall,
+  X as useGlideDeposit,
+  J as useGlidePay
 };

package/dist/useGlidePay.d.ts

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