@paywithglide/glide-react 0.0.9 → 0.0.10

package/dist/GlideDeposit.d.ts

@@ -81,6 +81,7 @@ export type GlideDepositOptions = {
     amount?: string;
     preferGaslessPayment?: boolean;
     walletProvider?: GlideDepositWalletProvider;
+    onSuccess?: (hash: Hex) => void;
     baseUrl?: string;
 };
 export declare class GlideDeposit {

package/dist/glide.js

@@ -1,12 +1,12 @@
-var P = Object.defineProperty;
-var D = (i, e, t) => e in i ? P(i, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[e] = t;
-var p = (i, e, t) => D(i, typeof e != "symbol" ? e + "" : e, t);
-import { useMemo as v } from "react";
-class b {
-  constructor(e) {
+var E = Object.defineProperty;
+var I = (i, t, e) => t in i ? E(i, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[t] = e;
+var p = (i, t, e) => I(i, typeof t != "symbol" ? t + "" : t, e);
+import { useMemo as P } from "react";
+class D {
+  constructor(t) {
     p(this, "opts");
     p(this, "open", () => {
-      var e, t, s, o;
+      var t, e, s, o;
       if (!document.body.classList.contains("glide-deposit-open")) {
         if (document.body.classList.add("glide-deposit-open"), this.opts.mode === "deposit" && !this.opts.recipient)
           throw new Error("recipient is required for deposit mode");
@@ -14,16 +14,19 @@ class b {
           throw new Error(
             "walletProvider.signTypedDataAsync is required when preferGaslessPayment=true"
           );
-        const r = this.opts.recipient, n = (e = this.opts.walletProvider) == null ? void 0 : e.address, d = (t = this.opts.walletProvider) == null ? void 0 : t.availableChainIds, l = (s = this.opts.walletProvider) == null ? void 0 : s.currentChainId, c = this.opts.preferGaslessPayment || !!((o = this.opts.walletProvider) != null && o.signTypedDataAsync);
+        const r = this.opts.recipient, a = (t = this.opts.walletProvider) == null ? void 0 : t.address, d = (e = this.opts.walletProvider) == null ? void 0 : e.availableChainIds, l = (s = this.opts.walletProvider) == null ? void 0 : s.currentChainId, c = this.opts.preferGaslessPayment || !!((o = this.opts.walletProvider) != null && o.signTypedDataAsync);
         this.openUrl(
-          `${this.baseUrl}${this.opts.app}?embed=true${r ? `&recipient=${r}` : ""}${n ? `&connectedWalletAddress=${n}` : ""}${l ? `&currentChainId=${l}` : ""}${d ? `&availableChainIds=${d.join(",")}` : ""}${c ? "&preferGaslessPayment=true" : ""}${this.opts.mode ? `&mode=${this.opts.mode}` : ""}${this.opts.amount ? `&amount=${this.opts.amount}` : ""}`
+          `${this.baseUrl}${this.opts.app}?embed=true${r ? `&recipient=${r}` : ""}${a ? `&connectedWalletAddress=${a}` : ""}${l ? `&currentChainId=${l}` : ""}${d ? `&availableChainIds=${d.join(",")}` : ""}${c ? "&preferGaslessPayment=true" : ""}${this.opts.mode ? `&mode=${this.opts.mode}` : ""}${this.opts.amount ? `&amount=${this.opts.amount}` : ""}`
         ), this.initialize();
       }
     });
-    p(this, "iframeEventHandler", async (e) => {
-      var s, o, r, n, d, l, c, h, m, y, w, u, f, g;
-      const t = e.data;
-      switch (t.type) {
+    p(this, "iframeEventHandler", async (t) => {
+      var s, o, r, a, d, l, c, h, m, y, w, u, f, g, v, b;
+      const e = t.data;
+      switch (e.type) {
+        case "success":
+          (o = (s = this.opts) == null ? void 0 : s.onSuccess) == null || o.call(s, e.hash);
+          break;
         case "close":
           this.removeIframe(), this.hideLoader(), this.destroy();
           break;
@@ -32,21 +35,21 @@ class b {
             throw new Error("walletProvider is not set");
           try {
             await this.opts.walletProvider.switchChainAsync({
-              chainId: t.chainId
-            }), (o = (s = this.iframe) == null ? void 0 : s.contentWindow) == null || o.postMessage(
+              chainId: e.chainId
+            }), (a = (r = this.iframe) == null ? void 0 : r.contentWindow) == null || a.postMessage(
               {
                 type: "didSwitchChain",
                 success: !0,
-                chainId: t.chainId
+                chainId: e.chainId
               },
               this.baseUrl
             );
-          } catch (a) {
-            (n = (r = this.iframe) == null ? void 0 : r.contentWindow) == null || n.postMessage(
+          } catch (n) {
+            (l = (d = this.iframe) == null ? void 0 : d.contentWindow) == null || l.postMessage(
               {
                 type: "didSwitchChain",
                 success: !1,
-                error: a
+                error: n
               },
               this.baseUrl
             );
@@ -57,23 +60,23 @@ class b {
             if (!this.opts.walletProvider)
               throw new Error("walletProvider is not set");
             try {
-              const a = await this.opts.walletProvider.sendTransactionAsync(
-                t.tx
+              const n = await this.opts.walletProvider.sendTransactionAsync(
+                e.tx
               );
-              (l = (d = this.iframe) == null ? void 0 : d.contentWindow) == null || l.postMessage(
+              (h = (c = this.iframe) == null ? void 0 : c.contentWindow) == null || h.postMessage(
                 {
                   type: "didSendTransaction",
                   success: !0,
-                  txHash: a
+                  txHash: n
                 },
                 this.baseUrl
               );
-            } catch (a) {
-              (h = (c = this.iframe) == null ? void 0 : c.contentWindow) == null || h.postMessage(
+            } catch (n) {
+              (y = (m = this.iframe) == null ? void 0 : m.contentWindow) == null || y.postMessage(
                 {
                   type: "didSendTransaction",
                   success: !1,
-                  error: a
+                  error: n
                 },
                 this.baseUrl
               );
@@ -85,7 +88,7 @@ class b {
             if (!this.opts.walletProvider)
               throw new Error("walletProvider is not set");
             if (!this.opts.walletProvider.signTypedDataAsync) {
-              (y = (m = this.iframe) == null ? void 0 : m.contentWindow) == null || y.postMessage(
+              (u = (w = this.iframe) == null ? void 0 : w.contentWindow) == null || u.postMessage(
                 {
                   type: "didSignTypedData",
                   success: !1,
@@ -96,23 +99,23 @@ class b {
               return;
             }
             try {
-              const a = await this.opts.walletProvider.signTypedDataAsync(
-                t.data
+              const n = await this.opts.walletProvider.signTypedDataAsync(
+                e.data
               );
-              (u = (w = this.iframe) == null ? void 0 : w.contentWindow) == null || u.postMessage(
+              (g = (f = this.iframe) == null ? void 0 : f.contentWindow) == null || g.postMessage(
                 {
                   type: "didSignTypedData",
                   success: !0,
-                  signature: a
+                  signature: n
                 },
                 this.baseUrl
               );
-            } catch (a) {
-              (g = (f = this.iframe) == null ? void 0 : f.contentWindow) == null || g.postMessage(
+            } catch (n) {
+              (b = (v = this.iframe) == null ? void 0 : v.contentWindow) == null || b.postMessage(
                 {
                   type: "didSignTypedData",
                   success: !1,
-                  error: a
+                  error: n
                 },
                 this.baseUrl
               );
@@ -121,7 +124,7 @@ class b {
           break;
       }
     });
-    this.opts = e;
+    this.opts = t;
   }
   initialize() {
     window.addEventListener("message", this.iframeEventHandler);
@@ -135,73 +138,85 @@ class b {
   get iframe() {
     return document.getElementById("glide-deposit-iframe");
   }
-  openUrl(e) {
-    this.showLoader(), this.createIframe(e);
+  openUrl(t) {
+    this.showLoader(), this.createIframe(t);
   }
-  createIframe(e) {
+  createIframe(t) {
     this.removeIframe();
-    const t = document.createElement("iframe");
-    t.id = "glide-deposit-iframe", t.setAttribute(
+    const e = document.createElement("iframe");
+    e.id = "glide-deposit-iframe", 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%;"
-    ), t.src = e, t.allow = "payment *; clipboard-write *", document.body.appendChild(t), window.setTimeout(() => {
+    ), e.src = t, e.allow = "payment *; clipboard-write *", document.body.appendChild(e), window.setTimeout(() => {
       var s;
-      (s = t == null ? void 0 : t.contentWindow) == null || s.focus();
+      (s = e == null ? void 0 : e.contentWindow) == null || s.focus();
     }, 100);
   }
   removeIframe() {
-    const e = document.getElementById("glide-deposit-iframe");
-    e && (e.remove(), document.body.classList.remove("glide-deposit-open"));
+    const t = document.getElementById("glide-deposit-iframe");
+    t && (t.remove(), document.body.classList.remove("glide-deposit-open"));
   }
   showLoader() {
-    const e = document.createElement("style");
-    e.innerHTML = "@keyframes pulse { 0% { opacity: 1; transform: scale(0.1); } 100% { opacity: 0; transform: scale(1); } }", document.head.appendChild(e);
-    const t = document.createElement("div");
-    t.setAttribute("class", "glide-deposit-loader");
+    const t = document.createElement("style");
+    t.innerHTML = "@keyframes pulse { 0% { opacity: 1; transform: scale(0.1); } 100% { opacity: 0; transform: scale(1); } }", document.head.appendChild(t);
+    const e = document.createElement("div");
+    e.setAttribute("class", "glide-deposit-loader");
     const s = document.createElement("main");
     s.setAttribute(
       "style",
       "display: flex; align-items: center; justify-content: center; flex-direction: column; width: 100%; height: 100%;"
-    ), t.appendChild(s), document.body.appendChild(t);
+    ), e.appendChild(s), document.body.appendChild(e);
   }
   hideLoader() {
-    document.querySelectorAll(".glide-deposit-loader").forEach((e) => e.remove());
+    document.querySelectorAll(".glide-deposit-loader").forEach((t) => t.remove());
   }
 }
-const T = ({
+const x = ({
   app: i,
-  recipient: e,
-  preferGaslessPayment: t,
+  recipient: t,
+  preferGaslessPayment: e,
   mode: s,
   walletProvider: o,
-  baseUrl: r
+  onSuccess: r,
+  baseUrl: a
 }) => ({
-  openGlideDeposit: v(() => new b({
+  openGlideDeposit: P(() => new D({
     app: i,
-    recipient: e,
-    preferGaslessPayment: t,
+    recipient: t,
+    preferGaslessPayment: e,
     mode: s,
     walletProvider: o,
-    baseUrl: r
-  }), [i, e, t, s, o, r]).open
-}), $ = ({
+    onSuccess: r,
+    baseUrl: a
+  }), [
+    i,
+    t,
+    e,
+    s,
+    o,
+    r,
+    a
+  ]).open
+}), A = ({
   app: i,
-  preferGaslessPayment: e,
-  amount: t,
+  preferGaslessPayment: t,
+  amount: e,
   walletProvider: s,
-  baseUrl: o
+  onSuccess: o,
+  baseUrl: r
 }) => ({
-  openGlidePay: v(() => new b({
+  openGlidePay: P(() => new D({
     app: i,
-    preferGaslessPayment: e,
+    preferGaslessPayment: t,
     mode: "pay",
-    amount: t,
+    amount: e,
     walletProvider: s,
-    baseUrl: o
-  }), [i, e, s, o, t]).open
+    onSuccess: o,
+    baseUrl: r
+  }), [i, t, s, r, e, o]).open
 });
 export {
-  b as GlideDeposit,
-  T as useGlideDeposit,
-  $ as useGlidePay
+  D as GlideDeposit,
+  x as useGlideDeposit,
+  A as useGlidePay
 };

package/dist/useGlideDeposit.d.ts

@@ -5,9 +5,10 @@ interface UseGlideDepositProps {
     preferGaslessPayment?: boolean;
     mode?: "deposit" | "withdraw";
     walletProvider?: GlideDepositWalletProvider;
+    onSuccess?: (hash: Hex) => void;
     baseUrl?: string;
 }
-export declare const useGlideDeposit: ({ app, recipient, preferGaslessPayment, mode, walletProvider, baseUrl, }: UseGlideDepositProps) => {
+export declare const useGlideDeposit: ({ app, recipient, preferGaslessPayment, mode, walletProvider, onSuccess, baseUrl, }: UseGlideDepositProps) => {
     openGlideDeposit: () => void;
 };
 export {};

package/dist/useGlidePay.d.ts

@@ -1,12 +1,14 @@
 import { GlideDepositWalletProvider } from './GlideDeposit.ts';
+import { Hex } from 'viem';
 interface UseGlidePayProps {
     app: string;
     preferGaslessPayment?: boolean;
     amount: string;
     walletProvider?: GlideDepositWalletProvider;
+    onSuccess?: (hash: Hex) => void;
     baseUrl?: string;
 }
-export declare const useGlidePay: ({ app, preferGaslessPayment, amount, walletProvider, baseUrl, }: UseGlidePayProps) => {
+export declare const useGlidePay: ({ app, preferGaslessPayment, amount, walletProvider, onSuccess, baseUrl, }: UseGlidePayProps) => {
     openGlidePay: () => void;
 };
 export {};

package/package.json

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