@paywithglide/glide-react 0.0.22 → 0.0.24

package/dist/GlideDeposit.d.ts

@@ -76,6 +76,12 @@ export type GlideDepositWalletProvider = {
     sendTransactionAsync: (tx: EVMTransaction) => Promise<Hex>;
     signTypedDataAsync?: (args: PermitTypedData<bigint>) => Promise<Hex>;
 };
+export type GlideLocalStorageProvider = {
+    getItem: (key: string) => Promise<string | null>;
+    setItem: (key: string, value: string) => Promise<void>;
+    removeItem: (key: string) => Promise<void>;
+    getKeys: () => Promise<string[]>;
+};
 export type FundingSource = "transfer" | "coinbase" | "coinbase_app" | "interac" | "fiat";
 export type GlideDepositOptions = {
     app: string;
@@ -99,6 +105,7 @@ export type GlideDepositOptions = {
     excludeCurrencyTiers?: ("tier1" | "tier2" | "tier3")[];
     excludeFundingSources?: FundingSource[];
     walletProvider?: GlideDepositWalletProvider;
+    localStorageProvider?: GlideLocalStorageProvider;
     onOpen?: () => void;
     onSuccess?: (hash: Hex) => void;
     onClose?: () => void;
@@ -106,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

@@ -0,0 +1,6 @@
+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,34 +1,34 @@
-var j = Object.defineProperty;
-var H = (s, t, e) => t in s ? j(s, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : s[t] = e;
-var b = (s, t, e) => H(s, typeof t != "symbol" ? t + "" : t, e);
-import { useMemo as v } from "react";
-function B(s, { strict: t = !0 } = {}) {
+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 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");
 }
-function D(s) {
-  return B(s, { strict: !1 }) ? Math.ceil((s.length - 2) / 2) : s.length;
+function K(s) {
+  return ee(s, { strict: !1 }) ? Math.ceil((s.length - 2) / 2) : s.length;
 }
-const A = "2.21.51";
-let y = {
+const N = "2.21.51";
+let $ = {
   getDocsUrl: ({ docsBaseUrl: s, docsPath: t = "", docsSlug: e }) => t ? `${s ?? "https://viem.sh"}${t}${e ? `#${e}` : ""}` : void 0,
-  version: `viem@${A}`
+  version: `viem@${N}`
 };
-class w extends Error {
+class v extends Error {
   constructor(t, e = {}) {
-    var o;
+    var a;
     const i = (() => {
-      var a;
-      return e.cause instanceof w ? e.cause.details : (a = e.cause) != null && a.message ? e.cause.message : e.details;
-    })(), n = e.cause instanceof w && e.cause.docsPath || e.docsPath, r = (o = y.getDocsUrl) == null ? void 0 : o.call(y, { ...e, docsPath: n }), d = [
+      var n;
+      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, ""] : [],
-      ...r ? [`Docs: ${r}`] : [],
+      ...o ? [`Docs: ${o}`] : [],
       ...i ? [`Details: ${i}`] : [],
-      ...y.version ? [`Version: ${y.version}`] : []
+      ...$.version ? [`Version: ${$.version}`] : []
     ].join(`
 `);
-    super(d, e.cause ? { cause: e.cause } : void 0), Object.defineProperty(this, "details", {
+    super(c, e.cause ? { cause: e.cause } : void 0), Object.defineProperty(this, "details", {
       enumerable: !0,
       configurable: !0,
       writable: !0,
@@ -58,110 +58,110 @@ class w 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 = A;
+    }), this.details = i, this.docsPath = r, this.metaMessages = e.metaMessages, this.name = e.name ?? this.name, this.shortMessage = t, this.version = N;
   }
   walk(t) {
-    return M(this, t);
+    return R(this, t);
   }
 }
-function M(s, t) {
-  return t != null && t(s) ? s : s && typeof s == "object" && "cause" in s && s.cause !== void 0 ? M(s.cause, t) : t ? null : s;
+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 k 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 x(s, { dir: t, size: e = 32 } = {}) {
-  return typeof s == "string" ? W(s, { dir: t, size: e }) : L(s, { dir: t, size: e });
+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 W(s, { dir: t, size: e = 32 } = {}) {
+function te(s, { dir: t, size: e = 32 } = {}) {
   if (e === null)
     return s;
   const i = s.replace("0x", "");
   if (i.length > e * 2)
-    throw new k({
+    throw new F({
       size: Math.ceil(i.length / 2),
       targetSize: e,
       type: "hex"
     });
   return `0x${i[t === "right" ? "padEnd" : "padStart"](e * 2, "0")}`;
 }
-function L(s, { dir: t, size: e = 32 } = {}) {
+function se(s, { dir: t, size: e = 32 } = {}) {
   if (e === null)
     return s;
   if (s.length > e)
-    throw new k({
+    throw new F({
       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];
+  for (let r = 0; r < e; r++) {
+    const o = t === "right";
+    i[o ? r : e - r - 1] = s[o ? r : s.length - r - 1];
   }
   return i;
 }
-class O extends w {
-  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 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 N extends w {
+class re extends v {
   constructor({ givenSize: t, maxSize: e }) {
     super(`Size cannot exceed ${e} bytes. Given size: ${t} bytes.`, { name: "SizeOverflowError" });
   }
 }
-function G(s, { size: t }) {
-  if (D(s) > t)
-    throw new N({
-      givenSize: D(s),
+function V(s, { size: t }) {
+  if (K(s) > t)
+    throw new re({
+      givenSize: K(s),
       maxSize: t
     });
 }
-const R = /* @__PURE__ */ Array.from({ length: 256 }, (s, t) => t.toString(16).padStart(2, "0"));
-function F(s, t = {}) {
-  return typeof s == "number" || typeof s == "bigint" ? q(s, t) : typeof s == "string" ? J(s, t) : typeof s == "boolean" ? V(s, t) : C(s, 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);
 }
-function V(s, t = {}) {
+function ae(s, t = {}) {
   const e = `0x${Number(s)}`;
-  return typeof t.size == "number" ? (G(e, { size: t.size }), x(e, { size: t.size })) : e;
+  return typeof t.size == "number" ? (V(e, { size: t.size }), k(e, { size: t.size })) : e;
 }
-function C(s, t = {}) {
+function q(s, t = {}) {
   let e = "";
-  for (let n = 0; n < s.length; n++)
-    e += R[s[n]];
+  for (let r = 0; r < s.length; r++)
+    e += oe[s[r]];
   const i = `0x${e}`;
-  return typeof t.size == "number" ? (G(i, { size: t.size }), x(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 q(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 a = typeof s == "bigint" ? "n" : "";
-    throw new O({
-      max: r ? `${r}${a}` : void 0,
-      min: `${d}${a}`,
+function ce(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({
+      max: o ? `${o}${n}` : void 0,
+      min: `${c}${n}`,
       signed: e,
       size: i,
-      value: `${s}${a}`
+      value: `${s}${n}`
     });
   }
-  const o = `0x${(e && n < 0 ? (1n << BigInt(i * 8)) + BigInt(n) : n).toString(16)}`;
-  return i ? x(o, { size: i }) : o;
+  const a = `0x${(e && r < 0 ? (1n << BigInt(i * 8)) + BigInt(r) : r).toString(16)}`;
+  return i ? k(a, { size: i }) : a;
 }
-const X = /* @__PURE__ */ new TextEncoder();
-function J(s, t = {}) {
-  const e = X.encode(s);
-  return C(e, t);
+const de = /* @__PURE__ */ new TextEncoder();
+function le(s, t = {}) {
+  const e = de.encode(s);
+  return q(e, t);
 }
-class $ {
+class S {
   constructor(t) {
-    b(this, "opts");
-    b(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,18 +172,87 @@ class $ {
         this.openUrl(`${this.baseUrl}${this.opts.app}?init=true&embed=true`), this.initialize();
       }
     });
-    b(this, "iframeEventHandler", async (t) => {
-      var i, n, r, d, o, a, p, c, h, u, f, l, m, I, P, E, z, U, T, S;
+    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": {
+          const l = this.opts.recipient, X = (i = this.opts.walletProvider) == null ? void 0 : i.address, J = (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(
+            {
+              type: "initialize",
+              sessionId: this.opts.sessionId,
+              recipient: l,
+              connectedWalletAddress: X,
+              availableChainIds: J,
+              currentChainId: Q,
+              preferGaslessPayment: Y,
+              excludeChainIds: this.opts.excludeChainIds,
+              excludeCurrencyTiers: this.opts.excludeCurrencyTiers,
+              excludeFundingSources: this.opts.excludeFundingSources,
+              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,
+              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);
+          break;
+        }
+        case "localStorage.getKeys": {
+          if (!this.opts.localStorageProvider)
+            throw new Error("localStorageProvider is not set");
+          const l = await this.opts.localStorageProvider.getKeys();
+          (m = (u = this.iframe) == null ? void 0 : u.contentWindow) == null || m.postMessage(
+            {
+              type: "localStorage.didGetKeys",
+              keys: l
+            },
+            this.baseUrl
+          );
+          break;
+        }
+        case "localStorage.setItem":
+          if (!this.opts.localStorageProvider)
+            throw new Error("localStorageProvider is not set");
+          await this.opts.localStorageProvider.setItem(
+            e.key,
+            e.value
+          );
+          break;
+        case "localStorage.removeItem":
+          if (!this.opts.localStorageProvider)
+            throw new Error("localStorageProvider is not set");
+          await this.opts.localStorageProvider.removeItem(e.key);
+          break;
+        case "localStorage.getItem": {
+          if (!this.opts.localStorageProvider)
+            throw new Error("localStorageProvider is not set");
+          const l = await this.opts.localStorageProvider.getItem(e.key);
+          (g = (f = this.iframe) == null ? void 0 : f.contentWindow) == null || g.postMessage(
+            {
+              type: "localStorage.didGetItem",
+              key: e.key,
+              value: l
+            },
+            this.baseUrl
+          );
+          break;
+        }
         case "success":
-          (n = (i = this.opts) == null ? void 0 : i.onSuccess) == null || n.call(i, e.hash);
+          (y = (d = this.opts) == null ? void 0 : d.onSuccess) == null || y.call(d, e.hash);
           break;
         case "close":
-          this.removeIframe(), this.destroy(), (d = (r = this.opts) == null ? void 0 : r.onClose) == null || d.call(r);
+          this.removeIframe(), this.destroy(), (b = (w = this.opts) == null ? void 0 : w.onClose) == null || b.call(w);
           break;
         case "setMode":
-          (a = (o = this.opts) == null ? void 0 : o.onSetMode) == null || a.call(o, e.mode);
+          (E = (x = this.opts) == null ? void 0 : x.onSetMode) == null || E.call(x, e.mode);
           break;
         case "switchChain":
           if (!this.opts.walletProvider)
@@ -191,7 +260,7 @@ class $ {
           try {
             await this.opts.walletProvider.switchChainAsync({
               chainId: e.chainId
-            }), (c = (p = this.iframe) == null ? void 0 : p.contentWindow) == null || c.postMessage(
+            }), (z = (U = this.iframe) == null ? void 0 : U.contentWindow) == null || z.postMessage(
               {
                 type: "didSwitchChain",
                 success: !0,
@@ -199,12 +268,12 @@ class $ {
               },
               this.baseUrl
             );
-          } catch (g) {
-            (u = (h = this.iframe) == null ? void 0 : h.contentWindow) == null || u.postMessage(
+          } catch (l) {
+            (T = (M = this.iframe) == null ? void 0 : M.contentWindow) == null || T.postMessage(
               {
                 type: "didSwitchChain",
                 success: !1,
-                error: g
+                error: l
               },
               this.baseUrl
             );
@@ -215,23 +284,23 @@ class $ {
             if (!this.opts.walletProvider)
               throw new Error("walletProvider is not set");
             try {
-              const g = await this.opts.walletProvider.sendTransactionAsync(
+              const l = await this.opts.walletProvider.sendTransactionAsync(
                 e.tx
               );
-              (l = (f = this.iframe) == null ? void 0 : f.contentWindow) == null || l.postMessage(
+              (A = (D = this.iframe) == null ? void 0 : D.contentWindow) == null || A.postMessage(
                 {
                   type: "didSendTransaction",
                   success: !0,
-                  txHash: g
+                  txHash: l
                 },
                 this.baseUrl
               );
-            } catch (g) {
-              (I = (m = this.iframe) == null ? void 0 : m.contentWindow) == null || I.postMessage(
+            } catch (l) {
+              (j = (G = this.iframe) == null ? void 0 : G.contentWindow) == null || j.postMessage(
                 {
                   type: "didSendTransaction",
                   success: !1,
-                  error: g
+                  error: l
                 },
                 this.baseUrl
               );
@@ -243,7 +312,7 @@ class $ {
             if (!this.opts.walletProvider)
               throw new Error("walletProvider is not set");
             if (!this.opts.walletProvider.signTypedDataAsync) {
-              (E = (P = this.iframe) == null ? void 0 : P.contentWindow) == null || E.postMessage(
+              (C = (B = this.iframe) == null ? void 0 : B.contentWindow) == null || C.postMessage(
                 {
                   type: "didSignTypedData",
                   success: !1,
@@ -254,23 +323,23 @@ class $ {
               return;
             }
             try {
-              const g = await this.opts.walletProvider.signTypedDataAsync(
+              const l = await this.opts.walletProvider.signTypedDataAsync(
                 e.data
               );
-              (U = (z = this.iframe) == null ? void 0 : z.contentWindow) == null || U.postMessage(
+              (H = (W = this.iframe) == null ? void 0 : W.contentWindow) == null || H.postMessage(
                 {
                   type: "didSignTypedData",
                   success: !0,
-                  signature: g
+                  signature: l
                 },
                 this.baseUrl
               );
-            } catch (g) {
-              (S = (T = this.iframe) == null ? void 0 : T.contentWindow) == null || S.postMessage(
+            } catch (l) {
+              (O = (L = this.iframe) == null ? void 0 : L.contentWindow) == null || O.postMessage(
                 {
                   type: "didSignTypedData",
                   success: !1,
-                  error: g
+                  error: l
                 },
                 this.baseUrl
               );
@@ -283,7 +352,9 @@ class $ {
   }
   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.evm ? `&evm.chainId=${this.opts.evm.chainId}&evm.to=${this.opts.evm.to}&evm.data=${this.opts.evm.data || "0x0"}&evm.value=${F(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(",")}` : ""}`;
+    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.debug ? "debug=true" : ""}${this.opts.popupsBlocked ? "popupsBlocked=true" : ""}`;
   }
   initialize() {
     window.addEventListener("message", this.iframeEventHandler);
@@ -303,10 +374,7 @@ class $ {
   createIframe(t) {
     this.removeIframe();
     const e = document.createElement("iframe");
-    e.id = "glide-deposit-iframe", e.setAttribute(
-      "sandbox",
-      "allow-popups allow-popups-to-escape-sandbox allow-scripts allow-forms allow-modals"
-    );
+    e.id = "glide-deposit-iframe";
     const i = this.opts.container;
     i ? e.setAttribute(
       "style",
@@ -314,266 +382,294 @@ class $ {
     ) : 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%; opacity: 0;"
-    ), e.onload = () => {
-      var p, c, h, u;
-      const n = this.opts.recipient, r = (p = this.opts.walletProvider) == null ? void 0 : p.address, d = (c = this.opts.walletProvider) == null ? void 0 : c.availableChainIds, o = (h = this.opts.walletProvider) == null ? void 0 : h.currentChainId, a = this.opts.preferGaslessPayment || !!((u = this.opts.walletProvider) != null && u.signTypedDataAsync);
-      e.style.opacity = "1", setTimeout(() => {
-        var f, l, m;
-        (f = e == null ? void 0 : e.contentWindow) == null || f.postMessage(
-          {
-            type: "initialize",
-            sessionId: this.opts.sessionId,
-            recipient: n,
-            connectedWalletAddress: r,
-            availableChainIds: d,
-            currentChainId: o,
-            preferGaslessPayment: a,
-            excludeChainIds: this.opts.excludeChainIds,
-            excludeCurrencyTiers: this.opts.excludeCurrencyTiers,
-            excludeFundingSources: this.opts.excludeFundingSources,
-            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
-        ), (m = (l = this.opts).onOpen) == null || m.call(l);
-      }, 10);
-    }, e.src = t, e.allow = "payment *; clipboard-write *", i ? i.appendChild(e) : document.body.appendChild(e);
+    ), e.src = t, e.allow = "payment *; clipboard-write *", i ? i.appendChild(e) : document.body.appendChild(e);
   }
   removeIframe() {
     const t = document.getElementById("glide-deposit-iframe");
     t && (t.remove(), document.body.classList.remove("glide-deposit-open"));
   }
 }
-const Y = ({
+const ue = ({
   app: s,
   recipient: t,
   preferGaslessPayment: e,
   excludeChainIds: i,
-  excludeCurrencyTiers: n,
-  excludeFundingSources: r,
-  mode: d,
-  sessionMetadata: o,
-  theme: a,
+  excludeCurrencyTiers: r,
+  excludeFundingSources: o,
+  mode: c,
+  sessionMetadata: a,
+  theme: n,
   walletProvider: p,
-  onOpen: c,
-  onSuccess: h,
-  onClose: u,
-  autoCloseOnSuccess: f,
-  baseUrl: l
+  localStorageProvider: h,
+  onOpen: u,
+  onSuccess: m,
+  onClose: f,
+  autoCloseOnSuccess: g,
+  popupsBlocked: d,
+  baseUrl: y,
+  debug: w
 }) => {
-  const m = v(() => new $({
+  const b = P(() => new S({
     app: s,
     recipient: t,
     preferGaslessPayment: e,
     excludeChainIds: i,
-    excludeCurrencyTiers: n,
-    excludeFundingSources: r,
-    mode: d,
-    sessionMetadata: o,
-    theme: a,
+    excludeCurrencyTiers: r,
+    excludeFundingSources: o,
+    mode: c,
+    sessionMetadata: a,
+    theme: n,
     walletProvider: p,
-    onOpen: c,
-    onSuccess: h,
-    onClose: u,
-    autoCloseOnSuccess: f,
-    baseUrl: l
+    localStorageProvider: h,
+    onOpen: u,
+    onSuccess: m,
+    onClose: f,
+    autoCloseOnSuccess: g,
+    popupsBlocked: d,
+    baseUrl: y,
+    debug: w
   }), [
     s,
     t,
     e,
     i,
-    n,
     r,
-    d,
     o,
+    c,
     a,
+    n,
     p,
-    c,
     h,
     u,
+    m,
     f,
-    l
+    g,
+    d,
+    y,
+    w
   ]);
   return {
-    openGlideDeposit: m.open,
-    externalUrl: m.externalUrl,
-    opts: m.opts
+    openGlideDeposit: b.open,
+    externalUrl: b.externalUrl,
+    opts: b.opts
   };
-}, Z = ({
+}, me = ({
   app: s,
   preferGaslessPayment: t,
   excludeChainIds: e,
   excludeCurrencyTiers: i,
-  excludeFundingSources: n,
-  amount: r,
-  sessionId: d,
-  sessionMetadata: o,
-  theme: a,
+  excludeFundingSources: r,
+  amount: o,
+  sessionId: c,
+  sessionMetadata: a,
+  theme: n,
   walletProvider: p,
-  onOpen: c,
-  onSuccess: h,
-  onClose: u,
-  autoCloseOnSuccess: f,
-  baseUrl: l
+  localStorageProvider: h,
+  onOpen: u,
+  onSuccess: m,
+  onClose: f,
+  autoCloseOnSuccess: g,
+  popupsBlocked: d,
+  baseUrl: y,
+  debug: w
 }) => {
-  const m = v(() => new $({
+  const b = P(() => new S({
     app: s,
     preferGaslessPayment: t,
     excludeChainIds: e,
     excludeCurrencyTiers: i,
-    excludeFundingSources: n,
+    excludeFundingSources: r,
     mode: "pay",
-    sessionId: d,
-    amount: r,
-    sessionMetadata: o,
-    theme: a,
+    sessionId: c,
+    amount: o,
+    sessionMetadata: a,
+    theme: n,
     walletProvider: p,
-    onOpen: c,
-    onSuccess: h,
-    onClose: u,
-    autoCloseOnSuccess: f,
-    baseUrl: l
+    localStorageProvider: h,
+    onOpen: u,
+    onSuccess: m,
+    onClose: f,
+    autoCloseOnSuccess: g,
+    popupsBlocked: d,
+    baseUrl: y,
+    debug: w
   }), [
     s,
     t,
     e,
     i,
-    n,
-    d,
     r,
+    c,
     o,
     a,
+    n,
     p,
-    c,
     h,
     u,
+    m,
     f,
-    l
+    g,
+    d,
+    y,
+    w
   ]);
   return {
-    openGlidePay: m.open,
-    externalUrl: m.externalUrl,
-    opts: m.opts
+    openGlidePay: b.open,
+    externalUrl: b.externalUrl,
+    opts: b.opts
   };
-}, _ = ({
+}, fe = ({
   app: s,
   evm: t,
   approval: e,
   preferGaslessPayment: i,
-  excludeChainIds: n,
-  excludeCurrencyTiers: r,
-  excludeFundingSources: d,
-  sessionMetadata: o,
-  theme: a,
+  excludeChainIds: r,
+  excludeCurrencyTiers: o,
+  excludeFundingSources: c,
+  sessionMetadata: a,
+  theme: n,
   walletProvider: p,
-  onOpen: c,
-  onSuccess: h,
-  onClose: u,
-  autoCloseOnSuccess: f,
-  baseUrl: l
+  localStorageProvider: h,
+  onOpen: u,
+  onSuccess: m,
+  onClose: f,
+  autoCloseOnSuccess: g,
+  baseUrl: d
 }) => {
-  const m = v(() => new $({
+  const y = P(() => new S({
     app: s,
     evm: t,
     approval: e,
     preferGaslessPayment: i,
-    excludeChainIds: n,
-    excludeCurrencyTiers: r,
-    excludeFundingSources: d,
-    sessionMetadata: o,
+    excludeChainIds: r,
+    excludeCurrencyTiers: o,
+    excludeFundingSources: c,
+    sessionMetadata: a,
     mode: "call",
-    theme: a,
+    theme: n,
     walletProvider: p,
-    onOpen: c,
-    onSuccess: h,
-    onClose: u,
-    autoCloseOnSuccess: f,
-    baseUrl: l
+    localStorageProvider: h,
+    onOpen: u,
+    onSuccess: m,
+    onClose: f,
+    autoCloseOnSuccess: g,
+    baseUrl: d
   }), [
     s,
     t,
     e,
     i,
-    n,
     r,
-    d,
     o,
+    c,
     a,
+    n,
     p,
-    c,
     h,
     u,
+    m,
     f,
-    l
+    g,
+    d
   ]);
   return {
-    openGlideCall: m.open,
-    externalUrl: m.externalUrl,
-    opts: m.opts
+    openGlideCall: y.open,
+    externalUrl: y.externalUrl,
+    opts: y.opts
   };
-}, ee = ({
+}, ge = ({
   app: s,
   recipient: t,
   preferGaslessPayment: e,
   excludeChainIds: i,
-  excludeCurrencyTiers: n,
-  excludeFundingSources: r,
-  sessionMetadata: d,
-  theme: o,
-  walletProvider: a,
-  onOpen: p,
-  onSuccess: c,
-  onClose: h,
-  autoCloseOnSuccess: u,
-  baseUrl: f
+  excludeCurrencyTiers: r,
+  excludeFundingSources: o,
+  sessionMetadata: c,
+  theme: a,
+  walletProvider: n,
+  localStorageProvider: p,
+  onOpen: h,
+  onSuccess: u,
+  onClose: m,
+  autoCloseOnSuccess: f,
+  baseUrl: g
 }) => {
-  const l = v(() => new $({
+  const d = P(() => new S({
     app: s,
     recipient: t,
     preferGaslessPayment: e,
     excludeChainIds: i,
-    excludeCurrencyTiers: n,
-    excludeFundingSources: r,
-    sessionMetadata: d,
+    excludeCurrencyTiers: r,
+    excludeFundingSources: o,
+    sessionMetadata: c,
     mode: "buy",
-    theme: o,
-    walletProvider: a,
-    onOpen: p,
-    onSuccess: c,
-    onClose: h,
-    autoCloseOnSuccess: u,
-    baseUrl: f
+    theme: a,
+    walletProvider: n,
+    localStorageProvider: p,
+    onOpen: h,
+    onSuccess: u,
+    onClose: m,
+    autoCloseOnSuccess: f,
+    baseUrl: g
   }), [
     s,
     t,
     e,
     i,
-    n,
     r,
-    d,
     o,
+    c,
     a,
+    n,
     p,
-    c,
     h,
     u,
-    f
+    m,
+    f,
+    g
   ]);
   return {
-    openGlideBuy: l.open,
-    externalUrl: l.externalUrl,
-    opts: l.opts
+    openGlideBuy: d.open,
+    externalUrl: d.externalUrl,
+    opts: d.opts
   };
-};
+}, ye = Object.freeze({
+  getItem: (s) => new Promise((t, e) => {
+    try {
+      const i = localStorage.getItem(s);
+      t(i);
+    } catch (i) {
+      e(i);
+    }
+  }),
+  setItem: (s, t) => new Promise((e, i) => {
+    try {
+      localStorage.setItem(s, t), e();
+    } catch (r) {
+      i(r);
+    }
+  }),
+  removeItem: (s) => new Promise((t, e) => {
+    try {
+      localStorage.removeItem(s), t();
+    } catch (i) {
+      e(i);
+    }
+  }),
+  getKeys: () => new Promise((s, t) => {
+    try {
+      const e = Object.keys(localStorage);
+      s(e);
+    } catch (e) {
+      t(e);
+    }
+  })
+});
 export {
-  $ as GlideDeposit,
-  ee as useGlideBuy,
-  _ as useGlideCall,
-  Y as useGlideDeposit,
-  Z as useGlidePay
+  S as GlideDeposit,
+  ye as browserLocalStorageProvider,
+  ge as useGlideBuy,
+  fe as useGlideCall,
+  ue as useGlideDeposit,
+  me as useGlidePay
 };

package/dist/index.d.ts

@@ -4,3 +4,4 @@ export * from './useGlidePay.ts';
 export * from './useGlideCall.ts';
 export * from './useGlideBuy.ts';
 export * from './theme.ts';
+export * from './browserLocalStorageProvider.ts';

package/dist/useGlideBuy.d.ts

@@ -1,4 +1,4 @@
-import { FundingSource, GlideDepositWalletProvider, Hex } from './GlideDeposit.ts';
+import { FundingSource, GlideDepositWalletProvider, GlideLocalStorageProvider, Hex } from './GlideDeposit.ts';
 import { GlideWidgetTheme } from './theme.ts';
 import { CAIP2 } from '@paywithglide/glide-js';
 interface UseGlideBuyProps {
@@ -11,13 +11,14 @@ interface UseGlideBuyProps {
     sessionMetadata?: string;
     theme?: GlideWidgetTheme;
     walletProvider?: GlideDepositWalletProvider;
+    localStorageProvider?: GlideLocalStorageProvider;
     onOpen?: () => void;
     onSuccess?: (hash: Hex) => void;
     onClose?: () => void;
     autoCloseOnSuccess?: boolean;
     baseUrl?: string;
 }
-export declare const useGlideBuy: ({ app, recipient, preferGaslessPayment, excludeChainIds, excludeCurrencyTiers, excludeFundingSources, sessionMetadata, theme, walletProvider, onOpen, onSuccess, onClose, autoCloseOnSuccess, baseUrl, }: UseGlideBuyProps) => {
+export declare const useGlideBuy: ({ app, recipient, preferGaslessPayment, excludeChainIds, excludeCurrencyTiers, excludeFundingSources, sessionMetadata, theme, walletProvider, localStorageProvider, onOpen, onSuccess, onClose, autoCloseOnSuccess, baseUrl, }: UseGlideBuyProps) => {
     openGlideBuy: () => void;
     externalUrl: string;
     opts: import('./GlideDeposit.ts').GlideDepositOptions;

package/dist/useGlideCall.d.ts

@@ -1,4 +1,4 @@
-import { FundingSource, GlideDepositWalletProvider, Hex } from './GlideDeposit.ts';
+import { FundingSource, GlideDepositWalletProvider, GlideLocalStorageProvider, Hex } from './GlideDeposit.ts';
 import { GlideWidgetTheme } from './theme.ts';
 import { CAIP2 } from '@paywithglide/glide-js';
 interface UseGlideCallProps {
@@ -20,13 +20,14 @@ interface UseGlideCallProps {
     sessionMetadata?: string;
     theme?: GlideWidgetTheme;
     walletProvider?: GlideDepositWalletProvider;
+    localStorageProvider?: GlideLocalStorageProvider;
     onOpen?: () => void;
     onSuccess?: (hash: Hex) => void;
     onClose?: () => void;
     autoCloseOnSuccess?: boolean;
     baseUrl?: string;
 }
-export declare const useGlideCall: ({ app, evm, approval, preferGaslessPayment, excludeChainIds, excludeCurrencyTiers, excludeFundingSources, sessionMetadata, theme, walletProvider, onOpen, onSuccess, onClose, autoCloseOnSuccess, baseUrl, }: UseGlideCallProps) => {
+export declare const useGlideCall: ({ app, evm, approval, preferGaslessPayment, excludeChainIds, excludeCurrencyTiers, excludeFundingSources, sessionMetadata, theme, walletProvider, localStorageProvider, onOpen, onSuccess, onClose, autoCloseOnSuccess, baseUrl, }: UseGlideCallProps) => {
     openGlideCall: () => void;
     externalUrl: string;
     opts: import('./GlideDeposit.ts').GlideDepositOptions;

package/dist/useGlideDeposit.d.ts

@@ -1,4 +1,4 @@
-import { FundingSource, GlideDepositWalletProvider } from './GlideDeposit.ts';
+import { FundingSource, GlideDepositWalletProvider, GlideLocalStorageProvider } from './GlideDeposit.ts';
 import { GlideWidgetTheme } from './theme.ts';
 import { CAIP2 } from '@paywithglide/glide-js';
 interface UseGlideDepositProps {
@@ -12,13 +12,16 @@ interface UseGlideDepositProps {
     sessionMetadata?: string;
     theme?: GlideWidgetTheme;
     walletProvider?: GlideDepositWalletProvider;
+    localStorageProvider?: GlideLocalStorageProvider;
     onOpen?: () => void;
     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, 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

@@ -1,4 +1,4 @@
-import { FundingSource, GlideDepositWalletProvider } from './GlideDeposit.ts';
+import { FundingSource, GlideDepositWalletProvider, GlideLocalStorageProvider } from './GlideDeposit.ts';
 import { GlideWidgetTheme } from './theme.ts';
 import { CAIP2 } from '@paywithglide/glide-js';
 type UseGlidePayProps = {
@@ -12,13 +12,16 @@ type UseGlidePayProps = {
     sessionMetadata?: string;
     theme?: GlideWidgetTheme;
     walletProvider?: GlideDepositWalletProvider;
+    localStorageProvider?: GlideLocalStorageProvider;
     onOpen?: () => void;
     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, 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.22",
+  "version": "0.0.24",
   "type": "module",
   "files": [
     "dist"