@paywithglide/glide-react 0.0.23 → 0.0.24

package/dist/GlideDeposit.d.ts

@@ -113,7 +113,9 @@ export type GlideDepositOptions = {
     autoCloseOnSuccess?: boolean;
     container?: HTMLElement;
     theme?: GlideWidgetTheme;
+    popupsBlocked?: boolean;
     baseUrl?: string;
+    debug?: boolean;
 };
 export declare class GlideDeposit {
     opts: GlideDepositOptions;

package/dist/browserLocalStorageProvider.d.ts

@@ -1,6 +1,6 @@
-export declare const browserLocalStorageProvider: {
+export declare const browserLocalStorageProvider: Readonly<{
     getItem: (key: string) => Promise<string | null>;
     setItem: (key: string, value: string) => Promise<void>;
     removeItem: (key: string) => Promise<void>;
     getKeys: () => Promise<string[]>;
-};
+}>;

package/dist/glide.js

@@ -1,7 +1,7 @@
 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 x = (s, t, e) => _(s, typeof t != "symbol" ? t + "" : t, e);
-import { useMemo as I } from "react";
+var I = (s, t, e) => _(s, typeof t != "symbol" ? t + "" : t, e);
+import { useMemo as P } from "react";
 function ee(s, { strict: t = !0 } = {}) {
   return !s || typeof s != "string" ? !1 : t ? /^0x[0-9a-fA-F]*$/.test(s) : s.startsWith("0x");
 }
@@ -9,23 +9,23 @@ function K(s) {
   return ee(s, { strict: !1 }) ? Math.ceil((s.length - 2) / 2) : s.length;
 }
 const N = "2.21.51";
-let b = {
+let $ = {
   getDocsUrl: ({ docsBaseUrl: s, docsPath: t = "", docsSlug: e }) => t ? `${s ?? "https://viem.sh"}${t}${e ? `#${e}` : ""}` : void 0,
   version: `viem@${N}`
 };
-class w extends Error {
+class v extends Error {
   constructor(t, e = {}) {
     var a;
     const i = (() => {
       var n;
-      return e.cause instanceof w ? e.cause.details : (n = e.cause) != null && n.message ? e.cause.message : e.details;
-    })(), r = e.cause instanceof w && e.cause.docsPath || e.docsPath, o = (a = b.getDocsUrl) == null ? void 0 : a.call(b, { ...e, docsPath: r }), c = [
+      return e.cause instanceof v ? e.cause.details : (n = e.cause) != null && n.message ? e.cause.message : e.details;
+    })(), r = e.cause instanceof v && e.cause.docsPath || e.docsPath, o = (a = $.getDocsUrl) == null ? void 0 : a.call($, { ...e, docsPath: r }), c = [
       t || "An error occurred.",
       "",
       ...e.metaMessages ? [...e.metaMessages, ""] : [],
       ...o ? [`Docs: ${o}`] : [],
       ...i ? [`Details: ${i}`] : [],
-      ...b.version ? [`Version: ${b.version}`] : []
+      ...$.version ? [`Version: ${$.version}`] : []
     ].join(`
 `);
     super(c, e.cause ? { cause: e.cause } : void 0), Object.defineProperty(this, "details", {
@@ -67,12 +67,12 @@ class w extends Error {
 function R(s, t) {
   return t != null && t(s) ? s : s && typeof s == "object" && "cause" in s && s.cause !== void 0 ? R(s.cause, t) : t ? null : s;
 }
-class F extends w {
+class F extends v {
   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 S(s, { dir: t, size: e = 32 } = {}) {
+function k(s, { dir: t, size: e = 32 } = {}) {
   return typeof s == "string" ? te(s, { dir: t, size: e }) : se(s, { dir: t, size: e });
 }
 function te(s, { dir: t, size: e = 32 } = {}) {
@@ -103,12 +103,12 @@ function se(s, { dir: t, size: e = 32 } = {}) {
   }
   return i;
 }
-class ie extends w {
+class ie extends v {
   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 w {
+class re extends v {
   constructor({ givenSize: t, maxSize: e }) {
     super(`Size cannot exceed ${e} bytes. Given size: ${t} bytes.`, { name: "SizeOverflowError" });
   }
@@ -126,14 +126,14 @@ function ne(s, t = {}) {
 }
 function ae(s, t = {}) {
   const e = `0x${Number(s)}`;
-  return typeof t.size == "number" ? (V(e, { size: t.size }), S(e, { size: t.size })) : e;
+  return typeof t.size == "number" ? (V(e, { size: t.size }), k(e, { size: t.size })) : e;
 }
 function q(s, t = {}) {
   let e = "";
   for (let r = 0; r < s.length; r++)
     e += oe[s[r]];
   const i = `0x${e}`;
-  return typeof t.size == "number" ? (V(i, { size: t.size }), S(i, { dir: "right", size: t.size })) : i;
+  return typeof t.size == "number" ? (V(i, { size: t.size }), k(i, { dir: "right", size: t.size })) : i;
 }
 function ce(s, t = {}) {
   const { signed: e, size: i } = t, r = BigInt(s);
@@ -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 ? S(a, { size: i }) : a;
+  return i ? k(a, { size: i }) : a;
 }
 const de = /* @__PURE__ */ new TextEncoder();
 function le(s, t = {}) {
   const e = de.encode(s);
   return q(e, t);
 }
-class P {
+class S {
   constructor(t) {
-    x(this, "opts");
-    x(this, "open", () => {
+    I(this, "opts");
+    I(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,8 +172,8 @@ class P {
         this.openUrl(`${this.baseUrl}${this.opts.app}?init=true&embed=true`), this.initialize();
       }
     });
-    x(this, "iframeEventHandler", async (t) => {
-      var i, r, o, c, a, n, p, h, u, m, f, g, d, y, v, E, $, k, U, z, M, T, D, A, G, j, C, W, B, H, L, O;
+    I(this, "iframeEventHandler", async (t) => {
+      var i, r, o, c, a, n, p, h, u, m, f, g, d, y, w, b, x, E, U, z, M, T, D, A, G, j, B, C, W, H, L, O;
       const e = t.data;
       switch (e.type) {
         case "sendInit": {
@@ -197,7 +197,9 @@ class P {
               sessionMetadata: this.opts.sessionMetadata,
               autoCloseOnSuccess: this.opts.autoCloseOnSuccess,
               theme: this.opts.theme,
-              didProvideLocalStorage: !!this.opts.localStorageProvider
+              didProvideLocalStorage: !!this.opts.localStorageProvider,
+              debug: this.opts.debug,
+              popupsBlocked: this.opts.popupsBlocked
             },
             new URL(this.baseUrl).origin
           ), this.iframe.style.opacity = "1", (h = (p = this.opts).onOpen) == null || h.call(p);
@@ -247,10 +249,10 @@ class P {
           (y = (d = this.opts) == null ? void 0 : d.onSuccess) == null || y.call(d, e.hash);
           break;
         case "close":
-          this.removeIframe(), this.destroy(), (E = (v = this.opts) == null ? void 0 : v.onClose) == null || E.call(v);
+          this.removeIframe(), this.destroy(), (b = (w = this.opts) == null ? void 0 : w.onClose) == null || b.call(w);
           break;
         case "setMode":
-          (k = ($ = this.opts) == null ? void 0 : $.onSetMode) == null || k.call($, e.mode);
+          (E = (x = this.opts) == null ? void 0 : x.onSetMode) == null || E.call(x, e.mode);
           break;
         case "switchChain":
           if (!this.opts.walletProvider)
@@ -310,7 +312,7 @@ class P {
             if (!this.opts.walletProvider)
               throw new Error("walletProvider is not set");
             if (!this.opts.walletProvider.signTypedDataAsync) {
-              (W = (C = this.iframe) == null ? void 0 : C.contentWindow) == null || W.postMessage(
+              (C = (B = this.iframe) == null ? void 0 : B.contentWindow) == null || C.postMessage(
                 {
                   type: "didSignTypedData",
                   success: !1,
@@ -324,7 +326,7 @@ class P {
               const l = await this.opts.walletProvider.signTypedDataAsync(
                 e.data
               );
-              (H = (B = this.iframe) == null ? void 0 : B.contentWindow) == null || H.postMessage(
+              (H = (W = this.iframe) == null ? void 0 : W.contentWindow) == null || H.postMessage(
                 {
                   type: "didSignTypedData",
                   success: !0,
@@ -352,7 +354,7 @@ class P {
     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.evm ? `&evm.chainId=${this.opts.evm.chainId}&evm.to=${this.opts.evm.to}&evm.data=${this.opts.evm.data || "0x0"}&evm.value=${ne(
       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.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" : ""}`;
   }
   initialize() {
     window.addEventListener("message", this.iframeEventHandler);
@@ -403,9 +405,11 @@ const ue = ({
   onSuccess: m,
   onClose: f,
   autoCloseOnSuccess: g,
-  baseUrl: d
+  popupsBlocked: d,
+  baseUrl: y,
+  debug: w
 }) => {
-  const y = I(() => new P({
+  const b = P(() => new S({
     app: s,
     recipient: t,
     preferGaslessPayment: e,
@@ -421,7 +425,9 @@ const ue = ({
     onSuccess: m,
     onClose: f,
     autoCloseOnSuccess: g,
-    baseUrl: d
+    popupsBlocked: d,
+    baseUrl: y,
+    debug: w
   }), [
     s,
     t,
@@ -438,12 +444,14 @@ const ue = ({
     m,
     f,
     g,
-    d
+    d,
+    y,
+    w
   ]);
   return {
-    openGlideDeposit: y.open,
-    externalUrl: y.externalUrl,
-    opts: y.opts
+    openGlideDeposit: b.open,
+    externalUrl: b.externalUrl,
+    opts: b.opts
   };
 }, me = ({
   app: s,
@@ -461,9 +469,11 @@ const ue = ({
   onSuccess: m,
   onClose: f,
   autoCloseOnSuccess: g,
-  baseUrl: d
+  popupsBlocked: d,
+  baseUrl: y,
+  debug: w
 }) => {
-  const y = I(() => new P({
+  const b = P(() => new S({
     app: s,
     preferGaslessPayment: t,
     excludeChainIds: e,
@@ -480,7 +490,9 @@ const ue = ({
     onSuccess: m,
     onClose: f,
     autoCloseOnSuccess: g,
-    baseUrl: d
+    popupsBlocked: d,
+    baseUrl: y,
+    debug: w
   }), [
     s,
     t,
@@ -497,12 +509,14 @@ const ue = ({
     m,
     f,
     g,
-    d
+    d,
+    y,
+    w
   ]);
   return {
-    openGlidePay: y.open,
-    externalUrl: y.externalUrl,
-    opts: y.opts
+    openGlidePay: b.open,
+    externalUrl: b.externalUrl,
+    opts: b.opts
   };
 }, fe = ({
   app: s,
@@ -522,7 +536,7 @@ const ue = ({
   autoCloseOnSuccess: g,
   baseUrl: d
 }) => {
-  const y = I(() => new P({
+  const y = P(() => new S({
     app: s,
     evm: t,
     approval: e,
@@ -580,7 +594,7 @@ const ue = ({
   autoCloseOnSuccess: f,
   baseUrl: g
 }) => {
-  const d = I(() => new P({
+  const d = P(() => new S({
     app: s,
     recipient: t,
     preferGaslessPayment: e,
@@ -619,7 +633,7 @@ const ue = ({
     externalUrl: d.externalUrl,
     opts: d.opts
   };
-}, ye = {
+}, ye = Object.freeze({
   getItem: (s) => new Promise((t, e) => {
     try {
       const i = localStorage.getItem(s);
@@ -650,9 +664,9 @@ const ue = ({
       t(e);
     }
   })
-};
+});
 export {
-  P as GlideDeposit,
+  S as GlideDeposit,
   ye as browserLocalStorageProvider,
   ge as useGlideBuy,
   fe as useGlideCall,

package/dist/useGlideDeposit.d.ts

@@ -17,9 +17,11 @@ interface UseGlideDepositProps {
     onSuccess?: (hash: string) => void;
     onClose?: () => void;
     autoCloseOnSuccess?: boolean;
+    popupsBlocked?: boolean;
     baseUrl?: string;
+    debug?: boolean;
 }
-export declare const useGlideDeposit: ({ app, recipient, preferGaslessPayment, excludeChainIds, excludeCurrencyTiers, excludeFundingSources, mode, sessionMetadata, theme, walletProvider, localStorageProvider, onOpen, onSuccess, onClose, autoCloseOnSuccess, baseUrl, }: UseGlideDepositProps) => {
+export declare const useGlideDeposit: ({ app, recipient, preferGaslessPayment, excludeChainIds, excludeCurrencyTiers, excludeFundingSources, mode, 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

@@ -17,9 +17,11 @@ type UseGlidePayProps = {
     onSuccess?: (hash: string) => void;
     onClose?: () => void;
     autoCloseOnSuccess?: boolean;
+    popupsBlocked?: boolean;
     baseUrl?: string;
+    debug?: boolean;
 };
-export declare const useGlidePay: ({ app, preferGaslessPayment, excludeChainIds, excludeCurrencyTiers, excludeFundingSources, amount, sessionId, sessionMetadata, theme, walletProvider, localStorageProvider, onOpen, onSuccess, onClose, autoCloseOnSuccess, baseUrl, }: UseGlidePayProps) => {
+export declare const useGlidePay: ({ app, preferGaslessPayment, excludeChainIds, excludeCurrencyTiers, excludeFundingSources, amount, sessionId, sessionMetadata, theme, walletProvider, localStorageProvider, onOpen, onSuccess, onClose, autoCloseOnSuccess, popupsBlocked, baseUrl, debug, }: UseGlidePayProps) => {
     openGlidePay: () => void;
     externalUrl: string;
     opts: import('./GlideDeposit.ts').GlideDepositOptions;

package/package.json

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