@paywithglide/glide-react 0.0.27 → 0.0.29

package/dist/GlideDeposit.d.ts

@@ -99,7 +99,7 @@ export type GlideDepositOptions = {
         token: Hex;
         amount: bigint;
     };
-    gasRefuelAmount?: string;
+    gasRefuelAmountPerChain?: Record<CAIP2, string>;
     sessionMetadata?: string;
     preferGaslessPayment?: boolean;
     excludeChainIds?: CAIP2[];

package/dist/glide.js

@@ -1,17 +1,17 @@
 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";
+var P = (s, t, e) => _(s, typeof t != "symbol" ? t + "" : t, e);
+import { useMemo as I } 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 R(s) {
   return ee(s, { strict: !1 }) ? Math.ceil((s.length - 2) / 2) : s.length;
 }
-const K = "2.21.51";
+const N = "2.21.51";
 let x = {
   getDocsUrl: ({ docsBaseUrl: s, docsPath: t = "", docsSlug: e }) => t ? `${s ?? "https://viem.sh"}${t}${e ? `#${e}` : ""}` : void 0,
-  version: `viem@${K}`
+  version: `viem@${N}`
 };
 class $ extends Error {
   constructor(t, e = {}) {
@@ -58,14 +58,14 @@ class $ extends Error {
       configurable: !0,
       writable: !0,
       value: "BaseError"
-    }), this.details = i, this.docsPath = r, this.metaMessages = e.metaMessages, this.name = e.name ?? this.name, this.shortMessage = t, this.version = K;
+    }), 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 N(this, t);
+    return K(this, t);
   }
 }
-function N(s, t) {
-  return t != null && t(s) ? s : s && typeof s == "object" && "cause" in s && s.cause !== void 0 ? N(s.cause, t) : t ? null : s;
+function K(s, t) {
+  return t != null && t(s) ? s : s && typeof s == "object" && "cause" in s && s.cause !== void 0 ? K(s.cause, t) : t ? null : s;
 }
 class F extends $ {
   constructor({ size: t, targetSize: e, type: i }) {
@@ -160,8 +160,8 @@ function de(s, t = {}) {
 }
 class S {
   constructor(t) {
-    I(this, "opts");
-    I(this, "open", () => {
+    P(this, "opts");
+    P(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,19 +172,19 @@ class S {
         this.openUrl(`${this.baseUrl}${this.opts.app}?init=true&embed=true`), this.initialize();
       }
     });
-    I(this, "iframeEventHandler", async (t) => {
-      var i, r, o, c, a, n, p, h, u, m, f, g, l, b, y, w, v, k, U, z, A, M, T, D, G, j, B, C, W, H, L, O;
+    P(this, "iframeEventHandler", async (t) => {
+      var i, r, o, c, a, n, p, h, u, m, f, g, l, b, y, w, v, k, U, z, A, M, T, D, C, G, j, B, W, H, L, O;
       const e = t.data;
       switch (e.type) {
         case "sendInit": {
-          const d = 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);
+          const d = this.opts.recipient, J = (i = this.opts.walletProvider) == null ? void 0 : i.address, X = (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: d,
-              connectedWalletAddress: X,
-              availableChainIds: J,
+              connectedWalletAddress: J,
+              availableChainIds: X,
               currentChainId: Q,
               preferGaslessPayment: Y,
               excludeChainIds: this.opts.excludeChainIds,
@@ -200,7 +200,7 @@ class S {
               didProvideLocalStorage: !!this.opts.localStorageProvider,
               debug: this.opts.debug,
               popupsBlocked: this.opts.popupsBlocked,
-              gasRefuelAmount: this.opts.gasRefuelAmount
+              gasRefuelAmountPerChain: this.opts.gasRefuelAmountPerChain
             },
             new URL(this.baseUrl).origin
           ), this.iframe.style.opacity = "1", (h = (p = this.opts).onOpen) == null || h.call(p);
@@ -297,7 +297,7 @@ class S {
                 this.baseUrl
               );
             } catch (d) {
-              (j = (G = this.iframe) == null ? void 0 : G.contentWindow) == null || j.postMessage(
+              (G = (C = this.iframe) == null ? void 0 : C.contentWindow) == null || G.postMessage(
                 {
                   type: "didSendTransaction",
                   success: !1,
@@ -313,7 +313,7 @@ class S {
             if (!this.opts.walletProvider)
               throw new Error("walletProvider is not set");
             if (!this.opts.walletProvider.signTypedDataAsync) {
-              (C = (B = this.iframe) == null ? void 0 : B.contentWindow) == null || C.postMessage(
+              (B = (j = this.iframe) == null ? void 0 : j.contentWindow) == null || B.postMessage(
                 {
                   type: "didSignTypedData",
                   success: !1,
@@ -355,7 +355,7 @@ class S {
     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=${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" : ""}${this.opts.gasRefuelAmount ? `&gasRefuelAmount=${this.opts.gasRefuelAmount}` : ""}`;
+    )}` : ""}${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" : ""}${this.opts.gasRefuelAmountPerChain ? `&gasRefuelAmountPerChain=${encodeURIComponent(JSON.stringify(this.opts.gasRefuelAmountPerChain))}` : ""}`;
   }
   initialize() {
     window.addEventListener("message", this.iframeEventHandler);
@@ -393,7 +393,7 @@ class S {
 const ue = ({
   app: s,
   recipient: t,
-  gasRefuelAmount: e,
+  gasRefuelAmountPerChain: e,
   preferGaslessPayment: i,
   excludeChainIds: r,
   excludeCurrencyTiers: o,
@@ -411,10 +411,10 @@ const ue = ({
   baseUrl: y,
   debug: w
 }) => {
-  const v = P(() => new S({
+  const v = I(() => new S({
     app: s,
     recipient: t,
-    gasRefuelAmount: e,
+    gasRefuelAmountPerChain: e,
     preferGaslessPayment: i,
     excludeChainIds: r,
     excludeCurrencyTiers: o,
@@ -477,7 +477,7 @@ const ue = ({
   baseUrl: b,
   debug: y
 }) => {
-  const w = P(() => new S({
+  const w = I(() => new S({
     app: s,
     preferGaslessPayment: t,
     excludeChainIds: e,
@@ -542,7 +542,7 @@ const ue = ({
   baseUrl: b,
   debug: y
 }) => {
-  const w = P(() => new S({
+  const w = I(() => new S({
     app: s,
     evm: t,
     approval: e,
@@ -604,7 +604,7 @@ const ue = ({
   autoCloseOnSuccess: f,
   baseUrl: g
 }) => {
-  const l = P(() => new S({
+  const l = I(() => new S({
     app: s,
     recipient: t,
     preferGaslessPayment: e,

package/dist/useGlideDeposit.d.ts

@@ -4,7 +4,7 @@ import { CAIP2 } from '@paywithglide/glide-js';
 interface UseGlideDepositProps {
     app: string;
     recipient?: string;
-    gasRefuelAmount?: string;
+    gasRefuelAmountPerChain?: Record<CAIP2, string>;
     preferGaslessPayment?: boolean;
     excludeChainIds?: CAIP2[];
     excludeCurrencyTiers?: ("tier1" | "tier2" | "tier3")[];
@@ -22,7 +22,7 @@ interface UseGlideDepositProps {
     baseUrl?: string;
     debug?: boolean;
 }
-export declare const useGlideDeposit: ({ app, recipient, gasRefuelAmount, preferGaslessPayment, excludeChainIds, excludeCurrencyTiers, excludeFundingSources, mode, sessionMetadata, theme, walletProvider, localStorageProvider, onOpen, onSuccess, onClose, autoCloseOnSuccess, popupsBlocked, baseUrl, debug, }: UseGlideDepositProps) => {
+export declare const useGlideDeposit: ({ app, recipient, gasRefuelAmountPerChain, 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/package.json

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