@paywithglide/glide-react 0.0.8 → 0.0.9

package/dist/glide.js

@@ -1,12 +1,12 @@
-var v = Object.defineProperty;
-var b = (i, e, t) => e in i ? v(i, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[e] = t;
-var p = (i, e, t) => b(i, typeof e != "symbol" ? e + "" : e, t);
-import { useMemo as P } from "react";
-class E {
+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) {
     p(this, "opts");
     p(this, "open", () => {
-      var e, t, s, r;
+      var e, t, 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,14 +14,14 @@ class E {
           throw new Error(
             "walletProvider.signTypedDataAsync is required when preferGaslessPayment=true"
           );
-        const a = 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 || !!((r = this.opts.walletProvider) != null && r.signTypedDataAsync);
+        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);
         this.openUrl(
-          `${this.baseUrl}${this.opts.app}?embed=true${a ? `&recipient=${a}` : ""}${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}` : ""}${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.initialize();
       }
     });
     p(this, "iframeEventHandler", async (e) => {
-      var s, r, a, n, d, l, c, h, m, w, y, u, f, g;
+      var s, o, r, n, d, l, c, h, m, y, w, u, f, g;
       const t = e.data;
       switch (t.type) {
         case "close":
@@ -33,7 +33,7 @@ class E {
           try {
             await this.opts.walletProvider.switchChainAsync({
               chainId: t.chainId
-            }), (r = (s = this.iframe) == null ? void 0 : s.contentWindow) == null || r.postMessage(
+            }), (o = (s = this.iframe) == null ? void 0 : s.contentWindow) == null || o.postMessage(
               {
                 type: "didSwitchChain",
                 success: !0,
@@ -41,12 +41,12 @@ class E {
               },
               this.baseUrl
             );
-          } catch (o) {
-            (n = (a = this.iframe) == null ? void 0 : a.contentWindow) == null || n.postMessage(
+          } catch (a) {
+            (n = (r = this.iframe) == null ? void 0 : r.contentWindow) == null || n.postMessage(
               {
                 type: "didSwitchChain",
                 success: !1,
-                error: o
+                error: a
               },
               this.baseUrl
             );
@@ -57,23 +57,23 @@ class E {
             if (!this.opts.walletProvider)
               throw new Error("walletProvider is not set");
             try {
-              const o = await this.opts.walletProvider.sendTransactionAsync(
+              const a = await this.opts.walletProvider.sendTransactionAsync(
                 t.tx
               );
               (l = (d = this.iframe) == null ? void 0 : d.contentWindow) == null || l.postMessage(
                 {
                   type: "didSendTransaction",
                   success: !0,
-                  txHash: o
+                  txHash: a
                 },
                 this.baseUrl
               );
-            } catch (o) {
+            } catch (a) {
               (h = (c = this.iframe) == null ? void 0 : c.contentWindow) == null || h.postMessage(
                 {
                   type: "didSendTransaction",
                   success: !1,
-                  error: o
+                  error: a
                 },
                 this.baseUrl
               );
@@ -85,7 +85,7 @@ class E {
             if (!this.opts.walletProvider)
               throw new Error("walletProvider is not set");
             if (!this.opts.walletProvider.signTypedDataAsync) {
-              (w = (m = this.iframe) == null ? void 0 : m.contentWindow) == null || w.postMessage(
+              (y = (m = this.iframe) == null ? void 0 : m.contentWindow) == null || y.postMessage(
                 {
                   type: "didSignTypedData",
                   success: !1,
@@ -96,23 +96,23 @@ class E {
               return;
             }
             try {
-              const o = await this.opts.walletProvider.signTypedDataAsync(
+              const a = await this.opts.walletProvider.signTypedDataAsync(
                 t.data
               );
-              (u = (y = this.iframe) == null ? void 0 : y.contentWindow) == null || u.postMessage(
+              (u = (w = this.iframe) == null ? void 0 : w.contentWindow) == null || u.postMessage(
                 {
                   type: "didSignTypedData",
                   success: !0,
-                  signature: o
+                  signature: a
                 },
                 this.baseUrl
               );
-            } catch (o) {
+            } catch (a) {
               (g = (f = this.iframe) == null ? void 0 : f.contentWindow) == null || g.postMessage(
                 {
                   type: "didSignTypedData",
                   success: !1,
-                  error: o
+                  error: a
                 },
                 this.baseUrl
               );
@@ -168,34 +168,40 @@ class E {
     document.querySelectorAll(".glide-deposit-loader").forEach((e) => e.remove());
   }
 }
-const D = ({
+const T = ({
   app: i,
   recipient: e,
   preferGaslessPayment: t,
   mode: s,
-  amount: r,
-  walletProvider: a,
-  baseUrl: n
+  walletProvider: o,
+  baseUrl: r
 }) => ({
-  openGlideDeposit: P(() => new E({
+  openGlideDeposit: v(() => new b({
     app: i,
     recipient: e,
     preferGaslessPayment: t,
     mode: s,
-    amount: r,
-    walletProvider: a,
-    baseUrl: n
-  }), [
-    i,
-    e,
-    t,
-    s,
-    a,
-    n,
-    r
-  ]).open
+    walletProvider: o,
+    baseUrl: r
+  }), [i, e, t, s, o, r]).open
+}), $ = ({
+  app: i,
+  preferGaslessPayment: e,
+  amount: t,
+  walletProvider: s,
+  baseUrl: o
+}) => ({
+  openGlidePay: v(() => new b({
+    app: i,
+    preferGaslessPayment: e,
+    mode: "pay",
+    amount: t,
+    walletProvider: s,
+    baseUrl: o
+  }), [i, e, s, o, t]).open
 });
 export {
-  E as GlideDeposit,
-  D as useGlideDeposit
+  b as GlideDeposit,
+  T as useGlideDeposit,
+  $ as useGlidePay
 };

package/dist/index.d.ts

@@ -1,2 +1,3 @@
 export * from './GlideDeposit.ts';
 export * from './useGlideDeposit.ts';
+export * from './useGlidePay.ts';

package/dist/useGlideDeposit.d.ts

@@ -3,12 +3,11 @@ interface UseGlideDepositProps {
     app: string;
     recipient?: Hex;
     preferGaslessPayment?: boolean;
-    mode?: "deposit" | "withdraw" | "pay";
-    amount?: string;
+    mode?: "deposit" | "withdraw";
     walletProvider?: GlideDepositWalletProvider;
     baseUrl?: string;
 }
-export declare const useGlideDeposit: ({ app, recipient, preferGaslessPayment, mode, amount, walletProvider, baseUrl, }: UseGlideDepositProps) => {
+export declare const useGlideDeposit: ({ app, recipient, preferGaslessPayment, mode, walletProvider, baseUrl, }: UseGlideDepositProps) => {
     openGlideDeposit: () => void;
 };
 export {};

package/dist/useGlidePay.d.ts

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

package/package.json

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