@paywithglide/glide-react 0.0.14 → 0.0.16

package/dist/GlideDeposit.d.ts

@@ -77,7 +77,7 @@ export type GlideDepositWalletProvider = {
 };
 export type GlideDepositOptions = {
     app: string;
-    recipient?: Hex;
+    recipient?: string;
     mode?: "deposit" | "withdraw" | "pay" | "call" | "buy";
     amount?: string;
     evm?: {

package/dist/glide.js

@@ -1,17 +1,17 @@
-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 m = (s, t, e) => C(s, typeof t != "symbol" ? t + "" : t, e);
-import { useMemo as f } from "react";
+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 D = "2.21.51";
-let h = {
+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@${D}`
+  version: `viem@${z}`
 };
 class u extends Error {
   constructor(t, e = {}) {
@@ -19,13 +19,13 @@ class u extends Error {
     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 = h.getDocsUrl) == null ? void 0 : a.call(h, { ...e, docsPath: n }), d = [
+    })(), 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}`] : [],
-      ...h.version ? [`Version: ${h.version}`] : []
+      ...m.version ? [`Version: ${m.version}`] : []
     ].join(`
 `);
     super(d, e.cause ? { cause: e.cause } : void 0), Object.defineProperty(this, "details", {
@@ -58,7 +58,7 @@ class u extends Error {
       configurable: !0,
       writable: !0,
       value: "BaseError"
-    }), this.details = i, this.docsPath = n, this.metaMessages = e.metaMessages, this.name = e.name ?? this.name, this.shortMessage = t, this.version = D;
+    }), 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);
@@ -67,20 +67,20 @@ class u extends Error {
 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 S extends u {
+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 y(s, { dir: t, size: e = 32 } = {}) {
-  return typeof s == "string" ? W(s, { dir: t, size: e }) : H(s, { dir: t, size: e });
+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 W(s, { dir: t, size: e = 32 } = {}) {
+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 S({
+    throw new D({
       size: Math.ceil(i.length / 2),
       targetSize: e,
       type: "hex"
@@ -91,7 +91,7 @@ function H(s, { dir: t, size: e = 32 } = {}) {
   if (e === null)
     return s;
   if (s.length > e)
-    throw new S({
+    throw new D({
       size: s.length,
       targetSize: e,
       type: "bytes"
@@ -108,32 +108,32 @@ class B extends u {
     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 u {
+class W extends u {
   constructor({ givenSize: t, maxSize: e }) {
     super(`Size cannot exceed ${e} bytes. Given size: ${t} bytes.`, { name: "SizeOverflowError" });
   }
 }
-function A(s, { size: t }) {
+function S(s, { size: t }) {
   if (U(s) > t)
-    throw new j({
+    throw new W({
       givenSize: U(s),
       maxSize: t
     });
 }
 const O = /* @__PURE__ */ Array.from({ length: 256 }, (s, t) => t.toString(16).padStart(2, "0"));
-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 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" ? (A(e, { size: t.size }), y(e, { size: t.size })) : e;
+  return typeof t.size == "number" ? (S(e, { size: t.size }), b(e, { size: t.size })) : e;
 }
-function M(s, t = {}) {
+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" ? (A(i, { size: t.size }), y(i, { dir: "right", size: t.size })) : i;
+  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);
@@ -151,32 +151,29 @@ function N(s, t = {}) {
     });
   }
   const a = `0x${(e && n < 0 ? (1n << BigInt(i * 8)) + BigInt(n) : n).toString(16)}`;
-  return i ? y(a, { size: i }) : a;
+  return i ? b(a, { size: i }) : a;
 }
 const R = /* @__PURE__ */ new TextEncoder();
 function V(s, t = {}) {
   const e = R.encode(s);
-  return M(e, t);
+  return A(e, t);
 }
-class g {
+class w {
   constructor(t) {
-    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");
-      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 = (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=${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();
+    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");
+        if (this.opts.preferGaslessPayment && this.opts.walletProvider && !this.opts.walletProvider.signTypedDataAsync)
+          throw new Error(
+            "walletProvider.signTypedDataAsync is required when preferGaslessPayment=true"
+          );
+        this.openUrl(`${this.baseUrl}${this.opts.app}?init=true&embed=true`), this.initialize();
+      }
     });
-    m(this, "iframeEventHandler", async (t) => {
-      var i, n, r, d, a, o, c, l, $, w, v, b, x, P, I, E;
+    g(this, "iframeEventHandler", async (t) => {
+      var i, n, r, d, a, o, c, l, h, f, v, $, x, P, E, I;
       const e = t.data;
       switch (e.type) {
         case "success":
@@ -227,7 +224,7 @@ class g {
                 this.baseUrl
               );
             } catch (p) {
-              (w = ($ = this.iframe) == null ? void 0 : $.contentWindow) == null || w.postMessage(
+              (f = (h = this.iframe) == null ? void 0 : h.contentWindow) == null || f.postMessage(
                 {
                   type: "didSendTransaction",
                   success: !1,
@@ -243,7 +240,7 @@ class g {
             if (!this.opts.walletProvider)
               throw new Error("walletProvider is not set");
             if (!this.opts.walletProvider.signTypedDataAsync) {
-              (b = (v = this.iframe) == null ? void 0 : v.contentWindow) == null || b.postMessage(
+              ($ = (v = this.iframe) == null ? void 0 : v.contentWindow) == null || $.postMessage(
                 {
                   type: "didSignTypedData",
                   success: !1,
@@ -266,7 +263,7 @@ class g {
                 this.baseUrl
               );
             } catch (p) {
-              (E = (I = this.iframe) == null ? void 0 : I.contentWindow) == null || E.postMessage(
+              (I = (E = this.iframe) == null ? void 0 : E.contentWindow) == null || I.postMessage(
                 {
                   type: "didSignTypedData",
                   success: !1,
@@ -282,7 +279,7 @@ class g {
     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=${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" : ""}`;
+    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" : ""}`;
   }
   initialize() {
     window.addEventListener("message", this.iframeEventHandler);
@@ -306,14 +303,29 @@ 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 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
-      );
+      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",
+            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() {
@@ -333,7 +345,7 @@ const X = ({
   autoCloseOnSuccess: o,
   baseUrl: c
 }) => {
-  const l = f(() => new g({
+  const l = y(() => new w({
     app: s,
     recipient: t,
     preferGaslessPayment: e,
@@ -372,7 +384,7 @@ const X = ({
   autoCloseOnSuccess: a,
   baseUrl: o
 }) => {
-  const c = f(() => new g({
+  const c = y(() => new w({
     app: s,
     preferGaslessPayment: t,
     mode: "pay",
@@ -411,7 +423,7 @@ const X = ({
   autoCloseOnSuccess: o,
   baseUrl: c
 }) => {
-  const l = f(() => new g({
+  const l = y(() => new w({
     app: s,
     evm: t,
     approval: e,
@@ -451,7 +463,7 @@ const X = ({
   autoCloseOnSuccess: a,
   baseUrl: o
 }) => {
-  const c = f(() => new g({
+  const c = y(() => new w({
     app: s,
     recipient: t,
     preferGaslessPayment: e,
@@ -480,7 +492,7 @@ const X = ({
   };
 };
 export {
-  g as GlideDeposit,
+  w as GlideDeposit,
   Q as useGlideBuy,
   K as useGlideCall,
   X as useGlideDeposit,

package/dist/useGlideBuy.d.ts

@@ -2,7 +2,7 @@ import { GlideDepositWalletProvider, Hex } from './GlideDeposit.ts';
 import { GlideWidgetTheme } from './theme.ts';
 interface UseGlideBuyProps {
     app: string;
-    recipient?: Hex;
+    recipient?: string;
     preferGaslessPayment?: boolean;
     sessionMetadata?: string;
     theme?: GlideWidgetTheme;

package/dist/useGlideDeposit.d.ts

@@ -1,8 +1,8 @@
-import { GlideDepositWalletProvider, Hex } from './GlideDeposit.ts';
+import { GlideDepositWalletProvider } from './GlideDeposit.ts';
 import { GlideWidgetTheme } from './theme.ts';
 interface UseGlideDepositProps {
     app: string;
-    recipient?: Hex;
+    recipient?: string;
     preferGaslessPayment?: boolean;
     mode?: "deposit" | "withdraw";
     sessionMetadata?: string;

package/package.json

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