@paywithglide/glide-react 0.0.21 → 0.0.22

package/dist/glide.js

@@ -8,24 +8,24 @@ function B(s, { strict: t = !0 } = {}) {
 function D(s) {
   return B(s, { strict: !1 }) ? Math.ceil((s.length - 2) / 2) : s.length;
 }
-const M = "2.21.51";
-let w = {
+const A = "2.21.51";
+let y = {
   getDocsUrl: ({ docsBaseUrl: s, docsPath: t = "", docsSlug: e }) => t ? `${s ?? "https://viem.sh"}${t}${e ? `#${e}` : ""}` : void 0,
-  version: `viem@${M}`
+  version: `viem@${A}`
 };
-class y extends Error {
+class w extends Error {
   constructor(t, e = {}) {
     var o;
     const i = (() => {
       var a;
-      return e.cause instanceof y ? e.cause.details : (a = e.cause) != null && a.message ? e.cause.message : e.details;
-    })(), n = e.cause instanceof y && e.cause.docsPath || e.docsPath, r = (o = w.getDocsUrl) == null ? void 0 : o.call(w, { ...e, docsPath: n }), d = [
+      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 = [
       t || "An error occurred.",
       "",
       ...e.metaMessages ? [...e.metaMessages, ""] : [],
       ...r ? [`Docs: ${r}`] : [],
       ...i ? [`Details: ${i}`] : [],
-      ...w.version ? [`Version: ${w.version}`] : []
+      ...y.version ? [`Version: ${y.version}`] : []
     ].join(`
 `);
     super(d, e.cause ? { cause: e.cause } : void 0), Object.defineProperty(this, "details", {
@@ -58,16 +58,16 @@ class y 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 = M;
+    }), this.details = i, this.docsPath = n, this.metaMessages = e.metaMessages, this.name = e.name ?? this.name, this.shortMessage = t, this.version = A;
   }
   walk(t) {
-    return A(this, t);
+    return M(this, t);
   }
 }
-function A(s, t) {
-  return t != null && t(s) ? s : s && typeof s == "object" && "cause" in s && s.cause !== void 0 ? A(s.cause, t) : t ? null : s;
+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;
 }
-class k extends y {
+class k extends w {
   constructor({ size: t, targetSize: e, type: i }) {
     super(`${i.charAt(0).toUpperCase()}${i.slice(1).toLowerCase()} size (${t}) exceeds padding size (${e}).`, { name: "SizeExceedsPaddingSizeError" });
   }
@@ -103,12 +103,12 @@ function L(s, { dir: t, size: e = 32 } = {}) {
   }
   return i;
 }
-class O extends y {
+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 N extends y {
+class N extends w {
   constructor({ givenSize: t, maxSize: e }) {
     super(`Size cannot exceed ${e} bytes. Given size: ${t} bytes.`, { name: "SizeOverflowError" });
   }
@@ -173,7 +173,7 @@ class $ {
       }
     });
     b(this, "iframeEventHandler", async (t) => {
-      var i, n, r, d, o, a, p, l, h, u, f, c, m, I, P, E, z, U, T, S;
+      var i, n, r, d, o, a, p, c, h, u, f, l, m, I, P, E, z, U, T, S;
       const e = t.data;
       switch (e.type) {
         case "success":
@@ -191,7 +191,7 @@ class $ {
           try {
             await this.opts.walletProvider.switchChainAsync({
               chainId: e.chainId
-            }), (l = (p = this.iframe) == null ? void 0 : p.contentWindow) == null || l.postMessage(
+            }), (c = (p = this.iframe) == null ? void 0 : p.contentWindow) == null || c.postMessage(
               {
                 type: "didSwitchChain",
                 success: !0,
@@ -218,7 +218,7 @@ class $ {
               const g = await this.opts.walletProvider.sendTransactionAsync(
                 e.tx
               );
-              (c = (f = this.iframe) == null ? void 0 : f.contentWindow) == null || c.postMessage(
+              (l = (f = this.iframe) == null ? void 0 : f.contentWindow) == null || l.postMessage(
                 {
                   type: "didSendTransaction",
                   success: !0,
@@ -303,7 +303,10 @@ class $ {
   createIframe(t) {
     this.removeIframe();
     const e = document.createElement("iframe");
-    e.id = "glide-deposit-iframe";
+    e.id = "glide-deposit-iframe", e.setAttribute(
+      "sandbox",
+      "allow-popups allow-popups-to-escape-sandbox allow-scripts allow-forms allow-modals"
+    );
     const i = this.opts.container;
     i ? e.setAttribute(
       "style",
@@ -312,10 +315,10 @@ class $ {
       "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, l, h, u;
-      const n = this.opts.recipient, r = (p = this.opts.walletProvider) == null ? void 0 : p.address, d = (l = this.opts.walletProvider) == null ? void 0 : l.availableChainIds, o = (h = this.opts.walletProvider) == null ? void 0 : h.currentChainId, a = this.opts.preferGaslessPayment || !!((u = this.opts.walletProvider) != null && u.signTypedDataAsync);
+      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, c, m;
+        var f, l, m;
         (f = e == null ? void 0 : e.contentWindow) == null || f.postMessage(
           {
             type: "initialize",
@@ -337,7 +340,7 @@ class $ {
             theme: this.opts.theme
           },
           new URL(this.baseUrl).origin
-        ), (m = (c = this.opts).onOpen) == null || m.call(c);
+        ), (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);
   }
@@ -357,11 +360,11 @@ const Y = ({
   sessionMetadata: o,
   theme: a,
   walletProvider: p,
-  onOpen: l,
+  onOpen: c,
   onSuccess: h,
   onClose: u,
   autoCloseOnSuccess: f,
-  baseUrl: c
+  baseUrl: l
 }) => {
   const m = v(() => new $({
     app: s,
@@ -374,11 +377,11 @@ const Y = ({
     sessionMetadata: o,
     theme: a,
     walletProvider: p,
-    onOpen: l,
+    onOpen: c,
     onSuccess: h,
     onClose: u,
     autoCloseOnSuccess: f,
-    baseUrl: c
+    baseUrl: l
   }), [
     s,
     t,
@@ -390,11 +393,11 @@ const Y = ({
     o,
     a,
     p,
-    l,
+    c,
     h,
     u,
     f,
-    c
+    l
   ]);
   return {
     openGlideDeposit: m.open,
@@ -412,11 +415,11 @@ const Y = ({
   sessionMetadata: o,
   theme: a,
   walletProvider: p,
-  onOpen: l,
+  onOpen: c,
   onSuccess: h,
   onClose: u,
   autoCloseOnSuccess: f,
-  baseUrl: c
+  baseUrl: l
 }) => {
   const m = v(() => new $({
     app: s,
@@ -430,11 +433,11 @@ const Y = ({
     sessionMetadata: o,
     theme: a,
     walletProvider: p,
-    onOpen: l,
+    onOpen: c,
     onSuccess: h,
     onClose: u,
     autoCloseOnSuccess: f,
-    baseUrl: c
+    baseUrl: l
   }), [
     s,
     t,
@@ -446,11 +449,11 @@ const Y = ({
     o,
     a,
     p,
-    l,
+    c,
     h,
     u,
     f,
-    c
+    l
   ]);
   return {
     openGlidePay: m.open,
@@ -468,11 +471,11 @@ const Y = ({
   sessionMetadata: o,
   theme: a,
   walletProvider: p,
-  onOpen: l,
+  onOpen: c,
   onSuccess: h,
   onClose: u,
   autoCloseOnSuccess: f,
-  baseUrl: c
+  baseUrl: l
 }) => {
   const m = v(() => new $({
     app: s,
@@ -486,11 +489,11 @@ const Y = ({
     mode: "call",
     theme: a,
     walletProvider: p,
-    onOpen: l,
+    onOpen: c,
     onSuccess: h,
     onClose: u,
     autoCloseOnSuccess: f,
-    baseUrl: c
+    baseUrl: l
   }), [
     s,
     t,
@@ -502,11 +505,11 @@ const Y = ({
     o,
     a,
     p,
-    l,
+    c,
     h,
     u,
     f,
-    c
+    l
   ]);
   return {
     openGlideCall: m.open,
@@ -524,12 +527,12 @@ const Y = ({
   theme: o,
   walletProvider: a,
   onOpen: p,
-  onSuccess: l,
+  onSuccess: c,
   onClose: h,
   autoCloseOnSuccess: u,
   baseUrl: f
 }) => {
-  const c = v(() => new $({
+  const l = v(() => new $({
     app: s,
     recipient: t,
     preferGaslessPayment: e,
@@ -541,7 +544,7 @@ const Y = ({
     theme: o,
     walletProvider: a,
     onOpen: p,
-    onSuccess: l,
+    onSuccess: c,
     onClose: h,
     autoCloseOnSuccess: u,
     baseUrl: f
@@ -556,15 +559,15 @@ const Y = ({
     o,
     a,
     p,
-    l,
+    c,
     h,
     u,
     f
   ]);
   return {
-    openGlideBuy: c.open,
-    externalUrl: c.externalUrl,
-    opts: c.opts
+    openGlideBuy: l.open,
+    externalUrl: l.externalUrl,
+    opts: l.opts
   };
 };
 export {

package/package.json

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