@paywithglide/glide-react 0.0.16 → 0.0.17

package/dist/GlideDeposit.d.ts

@@ -80,6 +80,7 @@ export type GlideDepositOptions = {
     recipient?: string;
     mode?: "deposit" | "withdraw" | "pay" | "call" | "buy";
     amount?: string;
+    sessionId?: string;
     evm?: {
         chainId: number;
         to: Hex;

package/dist/glide.js

@@ -173,7 +173,7 @@ class w {
       }
     });
     g(this, "iframeEventHandler", async (t) => {
-      var i, n, r, d, a, o, c, l, h, f, v, $, x, P, E, I;
+      var i, n, r, d, a, o, c, l, h, f, v, $, x, I, P, E;
       const e = t.data;
       switch (e.type) {
         case "success":
@@ -254,7 +254,7 @@ class w {
               const p = await this.opts.walletProvider.signTypedDataAsync(
                 e.data
               );
-              (P = (x = this.iframe) == null ? void 0 : x.contentWindow) == null || P.postMessage(
+              (I = (x = this.iframe) == null ? void 0 : x.contentWindow) == null || I.postMessage(
                 {
                   type: "didSignTypedData",
                   success: !0,
@@ -263,7 +263,7 @@ class w {
                 this.baseUrl
               );
             } catch (p) {
-              (I = (E = this.iframe) == null ? void 0 : E.contentWindow) == null || I.postMessage(
+              (E = (P = this.iframe) == null ? void 0 : P.contentWindow) == null || E.postMessage(
                 {
                   type: "didSignTypedData",
                   success: !1,
@@ -279,7 +279,7 @@ class w {
     this.opts = t;
   }
   get externalUrl() {
-    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=${j(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" : ""}`;
+    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=${j(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}` : ""}`;
   }
   initialize() {
     window.addEventListener("message", this.iframeEventHandler);
@@ -310,6 +310,7 @@ class w {
         (f = e == null ? void 0 : e.contentWindow) == null || f.postMessage(
           {
             type: "initialize",
+            sessionId: this.opts.sessionId,
             recipient: i,
             connectedWalletAddress: n,
             availableChainIds: r,
@@ -377,39 +378,42 @@ const X = ({
   app: s,
   preferGaslessPayment: t,
   amount: e,
-  sessionMetadata: i,
-  theme: n,
-  walletProvider: r,
-  onSuccess: d,
-  autoCloseOnSuccess: a,
-  baseUrl: o
+  sessionId: i,
+  sessionMetadata: n,
+  theme: r,
+  walletProvider: d,
+  onSuccess: a,
+  autoCloseOnSuccess: o,
+  baseUrl: c
 }) => {
-  const c = y(() => new w({
+  const l = y(() => new w({
     app: s,
     preferGaslessPayment: t,
     mode: "pay",
+    sessionId: i,
     amount: e,
-    sessionMetadata: i,
-    theme: n,
-    walletProvider: r,
-    onSuccess: d,
-    autoCloseOnSuccess: a,
-    baseUrl: o
+    sessionMetadata: n,
+    theme: r,
+    walletProvider: d,
+    onSuccess: a,
+    autoCloseOnSuccess: o,
+    baseUrl: c
   }), [
     s,
     t,
-    e,
     i,
+    e,
     n,
     r,
     d,
     a,
-    o
+    o,
+    c
   ]);
   return {
-    openGlidePay: c.open,
-    externalUrl: c.externalUrl,
-    opts: c.opts
+    openGlidePay: l.open,
+    externalUrl: l.externalUrl,
+    opts: l.opts
   };
 }, K = ({
   app: s,

package/dist/useGlidePay.d.ts

@@ -1,17 +1,18 @@
 import { GlideDepositWalletProvider } from './GlideDeposit.ts';
 import { GlideWidgetTheme } from './theme.ts';
-interface UseGlidePayProps {
+type UseGlidePayProps = {
     app: string;
     preferGaslessPayment?: boolean;
-    amount: string;
+    amount?: string;
+    sessionId?: string;
     sessionMetadata?: string;
     theme?: GlideWidgetTheme;
     walletProvider?: GlideDepositWalletProvider;
     onSuccess?: (hash: string) => void;
     autoCloseOnSuccess?: boolean;
     baseUrl?: string;
-}
-export declare const useGlidePay: ({ app, preferGaslessPayment, amount, sessionMetadata, theme, walletProvider, onSuccess, autoCloseOnSuccess, baseUrl, }: UseGlidePayProps) => {
+};
+export declare const useGlidePay: ({ app, preferGaslessPayment, amount, sessionId, sessionMetadata, theme, walletProvider, onSuccess, autoCloseOnSuccess, baseUrl, }: UseGlidePayProps) => {
     openGlidePay: () => void;
     externalUrl: string;
     opts: import('./GlideDeposit.ts').GlideDepositOptions;

package/package.json

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