@paywithglide/glide-react 0.0.39 → 0.0.41

package/dist/GlideDeposit.d.ts

@@ -82,7 +82,9 @@ export type GlideLocalStorageProvider = {
     removeItem: (key: string) => Promise<void>;
     getKeys: () => Promise<string[]>;
 };
-export type FundingSource = "transfer" | "coinbase" | "coinbase_app" | "interac" | "fiat" | "wallet";
+export type FundingSource = "transfer" | "coinbase" | "coinbase_app" | "interac" | "fiat" | "wallet" | "debit_card_alias";
+export type ShowAppLogo = "default" | "always" | "never";
+export type DebitCardAlias = "fiat" | "coinbase";
 export type GlideDepositOptions = {
     app: string;
     recipient?: string;
@@ -110,6 +112,13 @@ export type GlideDepositOptions = {
     excludeFundingSources?: FundingSource[];
     fundingSources?: FundingSource[];
     allowedPaymentCurrencies?: string[];
+    appMetadata?: {
+        name?: string;
+        logoUrl?: string;
+        faviconUrl?: string;
+    };
+    enableRefundEmails?: boolean;
+    payerEmail?: string;
     walletProvider?: GlideDepositWalletProvider;
     localStorageProvider?: GlideLocalStorageProvider;
     onOpen?: () => void;
@@ -120,6 +129,10 @@ export type GlideDepositOptions = {
     container?: HTMLElement;
     disableWithdrawToSelfSuggestion?: boolean;
     hideSettlementCopy?: boolean;
+    showAppLogo?: ShowAppLogo;
+    showOnrampFirst?: boolean;
+    debitCardAlias?: DebitCardAlias;
+    copyOverrides?: Record<string, string>;
     theme?: GlideWidgetTheme;
     popupsBlocked?: boolean;
     baseUrl?: string;

package/dist/glide.js

@@ -1,7 +1,7 @@
 var _ = Object.defineProperty;
 var ee = (s, t, e) => t in s ? _(s, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : s[t] = e;
-var C = (s, t, e) => ee(s, typeof t != "symbol" ? t + "" : t, e);
-import { useMemo as A } from "react";
+var W = (s, t, e) => ee(s, typeof t != "symbol" ? t + "" : t, e);
+import { useMemo as B } from "react";
 function te(s, { strict: t = !0 } = {}) {
   return !s || typeof s != "string" ? !1 : t ? /^0x[0-9a-fA-F]*$/.test(s) : s.startsWith("0x");
 }
@@ -9,26 +9,26 @@ function N(s) {
   return te(s, { strict: !1 }) ? Math.ceil((s.length - 2) / 2) : s.length;
 }
 const K = "2.21.51";
-let T = {
+let G = {
   getDocsUrl: ({ docsBaseUrl: s, docsPath: t = "", docsSlug: e }) => t ? `${s ?? "https://viem.sh"}${t}${e ? `#${e}` : ""}` : void 0,
   version: `viem@${K}`
 };
-class I extends Error {
+class A extends Error {
   constructor(t, e = {}) {
-    var c;
+    var a;
     const i = (() => {
-      var a;
-      return e.cause instanceof I ? e.cause.details : (a = e.cause) != null && a.message ? e.cause.message : e.details;
-    })(), o = e.cause instanceof I && e.cause.docsPath || e.docsPath, r = (c = T.getDocsUrl) == null ? void 0 : c.call(T, { ...e, docsPath: o }), n = [
+      var n;
+      return e.cause instanceof A ? e.cause.details : (n = e.cause) != null && n.message ? e.cause.message : e.details;
+    })(), o = e.cause instanceof A && e.cause.docsPath || e.docsPath, r = (a = G.getDocsUrl) == null ? void 0 : a.call(G, { ...e, docsPath: o }), p = [
       t || "An error occurred.",
       "",
       ...e.metaMessages ? [...e.metaMessages, ""] : [],
       ...r ? [`Docs: ${r}`] : [],
       ...i ? [`Details: ${i}`] : [],
-      ...T.version ? [`Version: ${T.version}`] : []
+      ...G.version ? [`Version: ${G.version}`] : []
     ].join(`
 `);
-    super(n, e.cause ? { cause: e.cause } : void 0), Object.defineProperty(this, "details", {
+    super(p, e.cause ? { cause: e.cause } : void 0), Object.defineProperty(this, "details", {
       enumerable: !0,
       configurable: !0,
       writable: !0,
@@ -67,12 +67,12 @@ class I extends Error {
 function F(s, t) {
   return t != null && t(s) ? s : s && typeof s == "object" && "cause" in s && s.cause !== void 0 ? F(s.cause, t) : t ? null : s;
 }
-class V extends I {
+class V extends A {
   constructor({ size: t, targetSize: e, type: i }) {
     super(`${i.charAt(0).toUpperCase()}${i.slice(1).toLowerCase()} size (${t}) exceeds padding size (${e}).`, { name: "SizeExceedsPaddingSizeError" });
   }
 }
-function D(s, { dir: t, size: e = 32 } = {}) {
+function H(s, { dir: t, size: e = 32 } = {}) {
   return typeof s == "string" ? se(s, { dir: t, size: e }) : ie(s, { dir: t, size: e });
 }
 function se(s, { dir: t, size: e = 32 } = {}) {
@@ -103,12 +103,12 @@ function ie(s, { dir: t, size: e = 32 } = {}) {
   }
   return i;
 }
-class oe extends I {
+class oe extends A {
   constructor({ max: t, min: e, signed: i, size: o, value: r }) {
     super(`Number "${r}" is not in safe ${o ? `${o * 8}-bit ${i ? "signed" : "unsigned"} ` : ""}integer range ${t ? `(${e} to ${t})` : `(above ${e})`}`, { name: "IntegerOutOfRangeError" });
   }
 }
-class re extends I {
+class re extends A {
   constructor({ givenSize: t, maxSize: e }) {
     super(`Size cannot exceed ${e} bytes. Given size: ${t} bytes.`, { name: "SizeOverflowError" });
   }
@@ -122,46 +122,46 @@ function q(s, { size: t }) {
 }
 const ne = /* @__PURE__ */ Array.from({ length: 256 }, (s, t) => t.toString(16).padStart(2, "0"));
 function ae(s, t = {}) {
-  return typeof s == "number" || typeof s == "bigint" ? de(s, t) : typeof s == "string" ? pe(s, t) : typeof s == "boolean" ? ce(s, t) : J(s, t);
+  return typeof s == "number" || typeof s == "bigint" ? de(s, t) : typeof s == "string" ? ce(s, t) : typeof s == "boolean" ? pe(s, t) : J(s, t);
 }
-function ce(s, t = {}) {
+function pe(s, t = {}) {
   const e = `0x${Number(s)}`;
-  return typeof t.size == "number" ? (q(e, { size: t.size }), D(e, { size: t.size })) : e;
+  return typeof t.size == "number" ? (q(e, { size: t.size }), H(e, { size: t.size })) : e;
 }
 function J(s, t = {}) {
   let e = "";
   for (let o = 0; o < s.length; o++)
     e += ne[s[o]];
   const i = `0x${e}`;
-  return typeof t.size == "number" ? (q(i, { size: t.size }), D(i, { dir: "right", size: t.size })) : i;
+  return typeof t.size == "number" ? (q(i, { size: t.size }), H(i, { dir: "right", size: t.size })) : i;
 }
 function de(s, t = {}) {
   const { signed: e, size: i } = t, o = BigInt(s);
   let r;
   i ? e ? r = (1n << BigInt(i) * 8n - 1n) - 1n : r = 2n ** (BigInt(i) * 8n) - 1n : typeof s == "number" && (r = BigInt(Number.MAX_SAFE_INTEGER));
-  const n = typeof r == "bigint" && e ? -r - 1n : 0;
-  if (r && o > r || o < n) {
-    const a = typeof s == "bigint" ? "n" : "";
+  const p = typeof r == "bigint" && e ? -r - 1n : 0;
+  if (r && o > r || o < p) {
+    const n = typeof s == "bigint" ? "n" : "";
     throw new oe({
-      max: r ? `${r}${a}` : void 0,
-      min: `${n}${a}`,
+      max: r ? `${r}${n}` : void 0,
+      min: `${p}${n}`,
       signed: e,
       size: i,
-      value: `${s}${a}`
+      value: `${s}${n}`
     });
   }
-  const c = `0x${(e && o < 0 ? (1n << BigInt(i * 8)) + BigInt(o) : o).toString(16)}`;
-  return i ? D(c, { size: i }) : c;
+  const a = `0x${(e && o < 0 ? (1n << BigInt(i * 8)) + BigInt(o) : o).toString(16)}`;
+  return i ? H(a, { size: i }) : a;
 }
 const le = /* @__PURE__ */ new TextEncoder();
-function pe(s, t = {}) {
+function ce(s, t = {}) {
   const e = le.encode(s);
   return J(e, t);
 }
-class M {
+class O {
   constructor(t) {
-    C(this, "opts");
-    C(this, "open", () => {
+    W(this, "opts");
+    W(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,17 +172,17 @@ class M {
         this.openUrl(`${this.baseUrl}${this.opts.app}?init=true&embed=true`), this.initialize();
       }
     });
-    C(this, "iframeEventHandler", async (t) => {
-      var i, o, r, n, c, a, h, u, m, g, f, y, w, l, b, d, v, $, S, x, E, k, U, z, P, j, G, W, B, H, O, L, R;
+    W(this, "iframeEventHandler", async (t) => {
+      var i, o, r, p, a, n, d, g, f, y, w, b, $, l, v, c, S, h, x, u, I, U, E, k, M, C, P, T, D, j, R, z, L;
       const e = t.data;
       switch (e.type) {
         case "sendInit": {
-          const p = this.opts.recipient, X = (i = this.opts.walletProvider) == null ? void 0 : i.address, Q = (o = this.opts.walletProvider) == null ? void 0 : o.availableChainIds, Y = (r = this.opts.walletProvider) == null ? void 0 : r.currentChainId, Z = this.opts.preferGaslessPayment || !!((n = this.opts.walletProvider) != null && n.signTypedDataAsync);
-          (h = (c = this.iframe) == null ? void 0 : c.contentWindow) == null || h.postMessage(
+          const m = this.opts.recipient, X = (i = this.opts.walletProvider) == null ? void 0 : i.address, Q = (o = this.opts.walletProvider) == null ? void 0 : o.availableChainIds, Y = (r = this.opts.walletProvider) == null ? void 0 : r.currentChainId, Z = this.opts.preferGaslessPayment || !!((p = this.opts.walletProvider) != null && p.signTypedDataAsync);
+          (d = (a = this.iframe) == null ? void 0 : a.contentWindow) == null || d.postMessage(
             {
               type: "initialize",
               sessionId: this.opts.sessionId,
-              recipient: p,
+              recipient: m,
               connectedWalletAddress: X,
               availableChainIds: Q,
               currentChainId: Y,
@@ -193,6 +193,9 @@ class M {
               excludeFundingSources: this.opts.excludeFundingSources,
               fundingSources: this.opts.fundingSources,
               allowedPaymentCurrencies: this.opts.allowedPaymentCurrencies,
+              appMetadata: this.opts.appMetadata,
+              enableRefundEmails: this.opts.enableRefundEmails,
+              payerEmail: this.opts.payerEmail,
               mode: this.opts.mode,
               amount: this.opts.amount,
               chainId: this.opts.chainId,
@@ -203,9 +206,13 @@ class M {
               autoCloseOnSuccess: this.opts.autoCloseOnSuccess,
               disableWithdrawToSelfSuggestion: this.opts.disableWithdrawToSelfSuggestion,
               hideSettlementCopy: this.opts.hideSettlementCopy,
+              showAppLogo: this.opts.showAppLogo,
+              showOnrampFirst: this.opts.showOnrampFirst,
+              debitCardAlias: this.opts.debitCardAlias,
+              copyOverrides: this.opts.copyOverrides,
               theme: {
                 ...this.opts.theme || {},
-                colorScheme: ((a = this.opts.theme) == null ? void 0 : a.colorScheme) || getComputedStyle(document.documentElement).colorScheme || ""
+                colorScheme: ((n = this.opts.theme) == null ? void 0 : n.colorScheme) || getComputedStyle(document.documentElement).colorScheme || ""
               },
               didProvideLocalStorage: !!this.opts.localStorageProvider,
               debug: this.opts.debug,
@@ -217,17 +224,17 @@ class M {
           break;
         }
         case "didOpen": {
-          this.iframe.style.opacity = "1", (m = (u = this.opts).onOpen) == null || m.call(u);
+          this.iframe.style.opacity = "1", (f = (g = this.opts).onOpen) == null || f.call(g);
           break;
         }
         case "localStorage.getKeys": {
           if (!this.opts.localStorageProvider)
             throw new Error("localStorageProvider is not set");
-          const p = await this.opts.localStorageProvider.getKeys();
-          (f = (g = this.iframe) == null ? void 0 : g.contentWindow) == null || f.postMessage(
+          const m = await this.opts.localStorageProvider.getKeys();
+          (w = (y = this.iframe) == null ? void 0 : y.contentWindow) == null || w.postMessage(
             {
               type: "localStorage.didGetKeys",
-              keys: p
+              keys: m
             },
             this.baseUrl
           );
@@ -249,25 +256,25 @@ class M {
         case "localStorage.getItem": {
           if (!this.opts.localStorageProvider)
             throw new Error("localStorageProvider is not set");
-          const p = await this.opts.localStorageProvider.getItem(e.key);
-          (w = (y = this.iframe) == null ? void 0 : y.contentWindow) == null || w.postMessage(
+          const m = await this.opts.localStorageProvider.getItem(e.key);
+          ($ = (b = this.iframe) == null ? void 0 : b.contentWindow) == null || $.postMessage(
             {
               type: "localStorage.didGetItem",
               key: e.key,
-              value: p
+              value: m
             },
             this.baseUrl
           );
           break;
         }
         case "success":
-          (b = (l = this.opts) == null ? void 0 : l.onSuccess) == null || b.call(l, e.hash, e.session);
+          (v = (l = this.opts) == null ? void 0 : l.onSuccess) == null || v.call(l, e.hash, e.session);
           break;
         case "close":
-          this.removeIframe(), this.destroy(), (v = (d = this.opts) == null ? void 0 : d.onClose) == null || v.call(d);
+          this.removeIframe(), this.destroy(), (S = (c = this.opts) == null ? void 0 : c.onClose) == null || S.call(c);
           break;
         case "setMode":
-          (S = ($ = this.opts) == null ? void 0 : $.onSetMode) == null || S.call($, e.mode);
+          (x = (h = this.opts) == null ? void 0 : h.onSetMode) == null || x.call(h, e.mode);
           break;
         case "switchChain":
           if (!this.opts.walletProvider)
@@ -275,7 +282,7 @@ class M {
           try {
             await this.opts.walletProvider.switchChainAsync({
               chainId: e.chainId
-            }), (E = (x = this.iframe) == null ? void 0 : x.contentWindow) == null || E.postMessage(
+            }), (I = (u = this.iframe) == null ? void 0 : u.contentWindow) == null || I.postMessage(
               {
                 type: "didSwitchChain",
                 success: !0,
@@ -283,12 +290,12 @@ class M {
               },
               this.baseUrl
             );
-          } catch (p) {
-            (U = (k = this.iframe) == null ? void 0 : k.contentWindow) == null || U.postMessage(
+          } catch (m) {
+            (E = (U = this.iframe) == null ? void 0 : U.contentWindow) == null || E.postMessage(
               {
                 type: "didSwitchChain",
                 success: !1,
-                error: p
+                error: m
               },
               this.baseUrl
             );
@@ -299,23 +306,23 @@ class M {
             if (!this.opts.walletProvider)
               throw new Error("walletProvider is not set");
             try {
-              const p = await this.opts.walletProvider.sendTransactionAsync(
+              const m = await this.opts.walletProvider.sendTransactionAsync(
                 e.tx
               );
-              (P = (z = this.iframe) == null ? void 0 : z.contentWindow) == null || P.postMessage(
+              (M = (k = this.iframe) == null ? void 0 : k.contentWindow) == null || M.postMessage(
                 {
                   type: "didSendTransaction",
                   success: !0,
-                  txHash: p
+                  txHash: m
                 },
                 this.baseUrl
               );
-            } catch (p) {
-              (G = (j = this.iframe) == null ? void 0 : j.contentWindow) == null || G.postMessage(
+            } catch (m) {
+              (P = (C = this.iframe) == null ? void 0 : C.contentWindow) == null || P.postMessage(
                 {
                   type: "didSendTransaction",
                   success: !1,
-                  error: p
+                  error: m
                 },
                 this.baseUrl
               );
@@ -327,7 +334,7 @@ class M {
             if (!this.opts.walletProvider)
               throw new Error("walletProvider is not set");
             if (!this.opts.walletProvider.signTypedDataAsync) {
-              (B = (W = this.iframe) == null ? void 0 : W.contentWindow) == null || B.postMessage(
+              (D = (T = this.iframe) == null ? void 0 : T.contentWindow) == null || D.postMessage(
                 {
                   type: "didSignTypedData",
                   success: !1,
@@ -338,23 +345,23 @@ class M {
               return;
             }
             try {
-              const p = await this.opts.walletProvider.signTypedDataAsync(
+              const m = await this.opts.walletProvider.signTypedDataAsync(
                 e.data
               );
-              (O = (H = this.iframe) == null ? void 0 : H.contentWindow) == null || O.postMessage(
+              (R = (j = this.iframe) == null ? void 0 : j.contentWindow) == null || R.postMessage(
                 {
                   type: "didSignTypedData",
                   success: !0,
-                  signature: p
+                  signature: m
                 },
                 this.baseUrl
               );
-            } catch (p) {
-              (R = (L = this.iframe) == null ? void 0 : L.contentWindow) == null || R.postMessage(
+            } catch (m) {
+              (L = (z = this.iframe) == null ? void 0 : z.contentWindow) == null || L.postMessage(
                 {
                   type: "didSignTypedData",
                   success: !1,
-                  error: p
+                  error: m
                 },
                 this.baseUrl
               );
@@ -366,10 +373,10 @@ class M {
     this.opts = t;
   }
   get externalUrl() {
-    var t, e, i, o, r, n;
+    var t, e, i, o, r, p, a, n, d;
     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.chainId ? `&chainId=${this.opts.chainId}` : ""}${this.opts.currencyId ? `&currencyId=${this.opts.currencyId}` : ""}${this.opts.evm ? `&evm.chainId=${this.opts.evm.chainId}&evm.to=${this.opts.evm.to}&evm.data=${this.opts.evm.data || "0x0"}&evm.value=${ae(
       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.chainIds) != null && t.length ? `&chainIds=${this.opts.chainIds.join(",")}` : ""}${(e = this.opts.excludeChainIds) != null && e.length ? `&excludeChainIds=${this.opts.excludeChainIds.join(",")}` : ""}${(i = this.opts.excludeCurrencyTiers) != null && i.length ? `&excludeCurrencyTiers=${this.opts.excludeCurrencyTiers.join(",")}` : ""}${(o = this.opts.excludeFundingSources) != null && o.length ? `&excludeFundingSources=${this.opts.excludeFundingSources.join(",")}` : ""}${(r = this.opts.fundingSources) != null && r.length ? `&fundingSources=${this.opts.fundingSources.join(",")}` : ""}${(n = this.opts.allowedPaymentCurrencies) != null && n.length ? `&allowedPaymentCurrencies=${this.opts.allowedPaymentCurrencies.join(",")}` : ""}${this.opts.debug ? "&debug=true" : ""}${this.opts.popupsBlocked ? "&popupsBlocked=true" : ""}${this.opts.disableWithdrawToSelfSuggestion ? "&disableWithdrawToSelfSuggestion=true" : ""}${this.opts.hideSettlementCopy ? "&hideSettlementCopy=true" : ""}${this.opts.gasRefuelAmountPerChain ? `&gasRefuelAmountPerChain=${encodeURIComponent(JSON.stringify(this.opts.gasRefuelAmountPerChain))}` : ""}`;
+    )}` : ""}${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.chainIds) != null && t.length ? `&chainIds=${this.opts.chainIds.join(",")}` : ""}${(e = this.opts.excludeChainIds) != null && e.length ? `&excludeChainIds=${this.opts.excludeChainIds.join(",")}` : ""}${(i = this.opts.excludeCurrencyTiers) != null && i.length ? `&excludeCurrencyTiers=${this.opts.excludeCurrencyTiers.join(",")}` : ""}${(o = this.opts.excludeFundingSources) != null && o.length ? `&excludeFundingSources=${this.opts.excludeFundingSources.join(",")}` : ""}${(r = this.opts.fundingSources) != null && r.length ? `&fundingSources=${this.opts.fundingSources.join(",")}` : ""}${(p = this.opts.allowedPaymentCurrencies) != null && p.length ? `&allowedPaymentCurrencies=${this.opts.allowedPaymentCurrencies.join(",")}` : ""}${(a = this.opts.appMetadata) != null && a.name ? `&appMetadata.name=${encodeURIComponent(this.opts.appMetadata.name)}` : ""}${(n = this.opts.appMetadata) != null && n.logoUrl ? `&appMetadata.logoUrl=${encodeURIComponent(this.opts.appMetadata.logoUrl)}` : ""}${(d = this.opts.appMetadata) != null && d.faviconUrl ? `&appMetadata.faviconUrl=${encodeURIComponent(this.opts.appMetadata.faviconUrl)}` : ""}${this.opts.enableRefundEmails ? "&enableRefundEmails=true" : ""}${this.opts.payerEmail ? `&payerEmail=${encodeURIComponent(this.opts.payerEmail)}` : ""}${this.opts.debug ? "&debug=true" : ""}${this.opts.popupsBlocked ? "&popupsBlocked=true" : ""}${this.opts.disableWithdrawToSelfSuggestion ? "&disableWithdrawToSelfSuggestion=true" : ""}${this.opts.hideSettlementCopy ? "&hideSettlementCopy=true" : ""}${this.opts.showAppLogo ? `&showAppLogo=${this.opts.showAppLogo}` : ""}${this.opts.showOnrampFirst ? "&showOnrampFirst=true" : ""}${this.opts.debitCardAlias ? `&debitCardAlias=${this.opts.debitCardAlias}` : ""}${this.opts.copyOverrides ? `&copyOverrides=${encodeURIComponent(JSON.stringify(this.opts.copyOverrides))}` : ""}${this.opts.gasRefuelAmountPerChain ? `&gasRefuelAmountPerChain=${encodeURIComponent(JSON.stringify(this.opts.gasRefuelAmountPerChain))}` : ""}`;
   }
   initialize() {
     window.addEventListener("message", this.iframeEventHandler);
@@ -411,56 +418,70 @@ const me = ({
   currencyId: i,
   amount: o,
   gasRefuelAmountPerChain: r,
-  preferGaslessPayment: n,
-  chainIds: c,
-  excludeChainIds: a,
-  excludeCurrencyTiers: h,
-  excludeFundingSources: u,
-  fundingSources: m,
-  mode: g,
-  hideSettlementCopy: f,
-  sessionId: y,
-  sessionMetadata: w,
-  disableWithdrawToSelfSuggestion: l,
-  theme: b,
-  walletProvider: d,
-  localStorageProvider: v,
-  onOpen: $,
-  onSuccess: S,
-  onClose: x,
-  autoCloseOnSuccess: E,
-  popupsBlocked: k,
-  baseUrl: U,
-  debug: z
+  preferGaslessPayment: p,
+  chainIds: a,
+  excludeChainIds: n,
+  excludeCurrencyTiers: d,
+  excludeFundingSources: g,
+  fundingSources: f,
+  appMetadata: y,
+  enableRefundEmails: w,
+  payerEmail: b,
+  mode: $,
+  hideSettlementCopy: l,
+  showAppLogo: v,
+  showOnrampFirst: c,
+  debitCardAlias: S,
+  copyOverrides: h,
+  sessionId: x,
+  sessionMetadata: u,
+  disableWithdrawToSelfSuggestion: I,
+  theme: U,
+  walletProvider: E,
+  localStorageProvider: k,
+  onOpen: M,
+  onSuccess: C,
+  onClose: P,
+  autoCloseOnSuccess: T,
+  popupsBlocked: D,
+  baseUrl: j,
+  debug: R
 }) => {
-  const P = A(() => new M({
+  const z = B(() => new O({
     app: s,
     recipient: t,
     chainId: e,
     currencyId: i,
     amount: o,
     gasRefuelAmountPerChain: r,
-    preferGaslessPayment: n,
-    chainIds: c,
-    excludeChainIds: a,
-    excludeCurrencyTiers: h,
-    excludeFundingSources: u,
-    fundingSources: m,
-    mode: g,
-    hideSettlementCopy: f,
-    sessionId: y,
-    sessionMetadata: w,
-    disableWithdrawToSelfSuggestion: l,
-    theme: b,
-    walletProvider: d,
-    localStorageProvider: v,
-    onOpen: $,
-    onSuccess: S,
-    onClose: x,
-    autoCloseOnSuccess: E,
-    popupsBlocked: k,
-    baseUrl: U,
-    debug: z
+    preferGaslessPayment: p,
+    chainIds: a,
+    excludeChainIds: n,
+    excludeCurrencyTiers: d,
+    excludeFundingSources: g,
+    fundingSources: f,
+    appMetadata: y,
+    enableRefundEmails: w,
+    payerEmail: b,
+    mode: $,
+    hideSettlementCopy: l,
+    showAppLogo: v,
+    showOnrampFirst: c,
+    debitCardAlias: S,
+    copyOverrides: h,
+    sessionId: x,
+    sessionMetadata: u,
+    disableWithdrawToSelfSuggestion: I,
+    theme: U,
+    walletProvider: E,
+    localStorageProvider: k,
+    onOpen: M,
+    onSuccess: C,
+    onClose: P,
+    autoCloseOnSuccess: T,
+    popupsBlocked: D,
+    baseUrl: j,
+    debug: R
   }), [
     s,
     t,
@@ -468,32 +489,39 @@ const me = ({
     i,
     o,
     r,
-    n,
-    c,
+    p,
     a,
-    h,
-    u,
-    m,
+    n,
+    d,
     g,
     f,
     y,
     w,
-    l,
     b,
-    d,
-    v,
     $,
+    l,
+    v,
+    c,
     S,
+    h,
     x,
+    u,
+    I,
+    U,
     E,
     k,
-    U,
-    z
+    M,
+    C,
+    P,
+    T,
+    D,
+    j,
+    R
   ]);
   return {
-    openGlideDeposit: P.open,
-    externalUrl: P.externalUrl,
-    opts: P.opts
+    openGlideDeposit: z.open,
+    externalUrl: z.externalUrl,
+    opts: z.opts
   };
 }, ge = ({
   app: s,
@@ -502,47 +530,61 @@ const me = ({
   excludeChainIds: i,
   excludeCurrencyTiers: o,
   excludeFundingSources: r,
-  fundingSources: n,
-  allowedPaymentCurrencies: c,
-  hideSettlementCopy: a,
-  amount: h,
-  sessionId: u,
-  sessionMetadata: m,
-  theme: g,
-  walletProvider: f,
-  localStorageProvider: y,
-  onOpen: w,
-  onSuccess: l,
-  onClose: b,
-  autoCloseOnSuccess: d,
-  popupsBlocked: v,
-  baseUrl: $,
-  debug: S
+  fundingSources: p,
+  allowedPaymentCurrencies: a,
+  appMetadata: n,
+  enableRefundEmails: d,
+  payerEmail: g,
+  hideSettlementCopy: f,
+  showAppLogo: y,
+  showOnrampFirst: w,
+  debitCardAlias: b,
+  copyOverrides: $,
+  amount: l,
+  sessionId: v,
+  sessionMetadata: c,
+  theme: S,
+  walletProvider: h,
+  localStorageProvider: x,
+  onOpen: u,
+  onSuccess: I,
+  onClose: U,
+  autoCloseOnSuccess: E,
+  popupsBlocked: k,
+  baseUrl: M,
+  debug: C
 }) => {
-  const x = A(() => new M({
+  const P = B(() => new O({
     app: s,
     preferGaslessPayment: t,
     chainIds: e,
     excludeChainIds: i,
     excludeCurrencyTiers: o,
     excludeFundingSources: r,
-    fundingSources: n,
-    allowedPaymentCurrencies: c,
+    fundingSources: p,
+    allowedPaymentCurrencies: a,
+    appMetadata: n,
+    enableRefundEmails: d,
+    payerEmail: g,
     mode: "pay",
-    hideSettlementCopy: a,
-    sessionId: u,
-    amount: h,
-    sessionMetadata: m,
-    theme: g,
-    walletProvider: f,
-    localStorageProvider: y,
-    onOpen: w,
-    onSuccess: l,
-    onClose: b,
-    autoCloseOnSuccess: d,
-    popupsBlocked: v,
-    baseUrl: $,
-    debug: S
+    hideSettlementCopy: f,
+    showAppLogo: y,
+    showOnrampFirst: w,
+    debitCardAlias: b,
+    copyOverrides: $,
+    sessionId: v,
+    amount: l,
+    sessionMetadata: c,
+    theme: S,
+    walletProvider: h,
+    localStorageProvider: x,
+    onOpen: u,
+    onSuccess: I,
+    onClose: U,
+    autoCloseOnSuccess: E,
+    popupsBlocked: k,
+    baseUrl: M,
+    debug: C
   }), [
     s,
     t,
@@ -550,27 +592,34 @@ const me = ({
     i,
     o,
     r,
-    n,
-    c,
+    p,
     a,
-    u,
-    h,
-    m,
+    n,
+    d,
     g,
     f,
     y,
     w,
-    l,
     b,
-    d,
-    v,
     $,
-    S
+    v,
+    l,
+    c,
+    S,
+    h,
+    x,
+    u,
+    I,
+    U,
+    E,
+    k,
+    M,
+    C
   ]);
   return {
-    openGlidePay: x.open,
-    externalUrl: x.externalUrl,
-    opts: x.opts
+    openGlidePay: P.open,
+    externalUrl: P.externalUrl,
+    opts: P.opts
   };
 }, fe = ({
   app: s,
@@ -579,41 +628,49 @@ const me = ({
   preferGaslessPayment: i,
   chainIds: o,
   excludeChainIds: r,
-  excludeCurrencyTiers: n,
-  excludeFundingSources: c,
-  sessionMetadata: a,
-  theme: h,
-  walletProvider: u,
-  localStorageProvider: m,
-  onOpen: g,
-  onSuccess: f,
-  onClose: y,
-  autoCloseOnSuccess: w,
-  popupsBlocked: l,
-  baseUrl: b,
-  debug: d
+  excludeCurrencyTiers: p,
+  excludeFundingSources: a,
+  sessionMetadata: n,
+  showAppLogo: d,
+  showOnrampFirst: g,
+  debitCardAlias: f,
+  copyOverrides: y,
+  theme: w,
+  walletProvider: b,
+  localStorageProvider: $,
+  onOpen: l,
+  onSuccess: v,
+  onClose: c,
+  autoCloseOnSuccess: S,
+  popupsBlocked: h,
+  baseUrl: x,
+  debug: u
 }) => {
-  const v = A(() => new M({
+  const I = B(() => new O({
     app: s,
     evm: t,
     approval: e,
     preferGaslessPayment: i,
     chainIds: o,
     excludeChainIds: r,
-    excludeCurrencyTiers: n,
-    excludeFundingSources: c,
-    sessionMetadata: a,
+    excludeCurrencyTiers: p,
+    excludeFundingSources: a,
+    sessionMetadata: n,
+    showAppLogo: d,
+    showOnrampFirst: g,
+    debitCardAlias: f,
+    copyOverrides: y,
     mode: "call",
-    theme: h,
-    walletProvider: u,
-    localStorageProvider: m,
-    onOpen: g,
-    onSuccess: f,
-    onClose: y,
-    autoCloseOnSuccess: w,
-    popupsBlocked: l,
-    baseUrl: b,
-    debug: d
+    theme: w,
+    walletProvider: b,
+    localStorageProvider: $,
+    onOpen: l,
+    onSuccess: v,
+    onClose: c,
+    autoCloseOnSuccess: S,
+    popupsBlocked: h,
+    baseUrl: x,
+    debug: u
   }), [
     s,
     t,
@@ -621,24 +678,28 @@ const me = ({
     i,
     o,
     r,
-    n,
-    c,
+    p,
     a,
-    h,
-    u,
-    m,
+    n,
+    d,
     g,
     f,
     y,
     w,
-    l,
     b,
-    d
+    $,
+    l,
+    v,
+    c,
+    S,
+    h,
+    x,
+    u
   ]);
   return {
-    openGlideCall: v.open,
-    externalUrl: v.externalUrl,
-    opts: v.opts
+    openGlideCall: I.open,
+    externalUrl: I.externalUrl,
+    opts: I.opts
   };
 }, ye = ({
   app: s,
@@ -647,39 +708,47 @@ const me = ({
   currencyId: i,
   preferGaslessPayment: o,
   chainIds: r,
-  excludeChainIds: n,
-  excludeCurrencyTiers: c,
-  excludeFundingSources: a,
-  sessionMetadata: h,
-  theme: u,
-  walletProvider: m,
-  localStorageProvider: g,
-  onOpen: f,
-  onSuccess: y,
-  onClose: w,
-  autoCloseOnSuccess: l,
-  baseUrl: b
+  excludeChainIds: p,
+  excludeCurrencyTiers: a,
+  excludeFundingSources: n,
+  sessionMetadata: d,
+  showAppLogo: g,
+  showOnrampFirst: f,
+  debitCardAlias: y,
+  copyOverrides: w,
+  theme: b,
+  walletProvider: $,
+  localStorageProvider: l,
+  onOpen: v,
+  onSuccess: c,
+  onClose: S,
+  autoCloseOnSuccess: h,
+  baseUrl: x
 }) => {
-  const d = A(() => new M({
+  const u = B(() => new O({
     app: s,
     recipient: t,
     chainId: e,
     currencyId: i,
     preferGaslessPayment: o,
     chainIds: r,
-    excludeChainIds: n,
-    excludeCurrencyTiers: c,
-    excludeFundingSources: a,
-    sessionMetadata: h,
+    excludeChainIds: p,
+    excludeCurrencyTiers: a,
+    excludeFundingSources: n,
+    sessionMetadata: d,
+    showAppLogo: g,
+    showOnrampFirst: f,
+    debitCardAlias: y,
+    copyOverrides: w,
     mode: "buy",
-    theme: u,
-    walletProvider: m,
-    localStorageProvider: g,
-    onOpen: f,
-    onSuccess: y,
-    onClose: w,
-    autoCloseOnSuccess: l,
-    baseUrl: b
+    theme: b,
+    walletProvider: $,
+    localStorageProvider: l,
+    onOpen: v,
+    onSuccess: c,
+    onClose: S,
+    autoCloseOnSuccess: h,
+    baseUrl: x
   }), [
     s,
     t,
@@ -687,23 +756,27 @@ const me = ({
     i,
     o,
     r,
-    n,
-    c,
+    p,
     a,
-    h,
-    u,
-    m,
+    n,
+    d,
     g,
     f,
     y,
     w,
+    b,
+    $,
     l,
-    b
+    v,
+    c,
+    S,
+    h,
+    x
   ]);
   return {
-    openGlideBuy: d.open,
-    externalUrl: d.externalUrl,
-    opts: d.opts
+    openGlideBuy: u.open,
+    externalUrl: u.externalUrl,
+    opts: u.opts
   };
 }, we = Object.freeze({
   getItem: (s) => new Promise((t, e) => {
@@ -738,7 +811,7 @@ const me = ({
   })
 });
 export {
-  M as GlideDeposit,
+  O as GlideDeposit,
   we as browserLocalStorageProvider,
   ye as useGlideBuy,
   fe as useGlideCall,

package/dist/useGlideBuy.d.ts

@@ -1,4 +1,4 @@
-import { FundingSource, GlideDepositWalletProvider, GlideLocalStorageProvider, Hex } from './GlideDeposit.ts';
+import { FundingSource, GlideDepositWalletProvider, GlideLocalStorageProvider, Hex, ShowAppLogo, DebitCardAlias } from './GlideDeposit.ts';
 import { GlideWidgetTheme } from './theme.ts';
 import { CAIP2, Session } from '@paywithglide/glide-js';
 interface UseGlideBuyProps {
@@ -12,6 +12,10 @@ interface UseGlideBuyProps {
     excludeCurrencyTiers?: ("tier1" | "tier2" | "tier3")[];
     excludeFundingSources?: FundingSource[];
     sessionMetadata?: string;
+    showAppLogo?: ShowAppLogo;
+    showOnrampFirst?: boolean;
+    debitCardAlias?: DebitCardAlias;
+    copyOverrides?: Record<string, string>;
     theme?: GlideWidgetTheme;
     walletProvider?: GlideDepositWalletProvider;
     localStorageProvider?: GlideLocalStorageProvider;
@@ -21,7 +25,7 @@ interface UseGlideBuyProps {
     autoCloseOnSuccess?: boolean;
     baseUrl?: string;
 }
-export declare const useGlideBuy: ({ app, recipient, chainId, currencyId, preferGaslessPayment, chainIds, excludeChainIds, excludeCurrencyTiers, excludeFundingSources, sessionMetadata, theme, walletProvider, localStorageProvider, onOpen, onSuccess, onClose, autoCloseOnSuccess, baseUrl, }: UseGlideBuyProps) => {
+export declare const useGlideBuy: ({ app, recipient, chainId, currencyId, preferGaslessPayment, chainIds, excludeChainIds, excludeCurrencyTiers, excludeFundingSources, sessionMetadata, showAppLogo, showOnrampFirst, debitCardAlias, copyOverrides, theme, walletProvider, localStorageProvider, onOpen, onSuccess, onClose, autoCloseOnSuccess, baseUrl, }: UseGlideBuyProps) => {
     openGlideBuy: () => void;
     externalUrl: string;
     opts: import('./GlideDeposit.ts').GlideDepositOptions;

package/dist/useGlideCall.d.ts

@@ -1,4 +1,4 @@
-import { FundingSource, GlideDepositWalletProvider, GlideLocalStorageProvider, Hex } from './GlideDeposit.ts';
+import { FundingSource, GlideDepositWalletProvider, GlideLocalStorageProvider, Hex, ShowAppLogo, DebitCardAlias } from './GlideDeposit.ts';
 import { GlideWidgetTheme } from './theme.ts';
 import { CAIP2, Session } from '@paywithglide/glide-js';
 interface UseGlideCallProps {
@@ -19,6 +19,10 @@ interface UseGlideCallProps {
     excludeCurrencyTiers?: ("tier1" | "tier2" | "tier3")[];
     excludeFundingSources?: FundingSource[];
     sessionMetadata?: string;
+    showAppLogo?: ShowAppLogo;
+    showOnrampFirst?: boolean;
+    debitCardAlias?: DebitCardAlias;
+    copyOverrides?: Record<string, string>;
     theme?: GlideWidgetTheme;
     walletProvider?: GlideDepositWalletProvider;
     localStorageProvider?: GlideLocalStorageProvider;
@@ -30,7 +34,7 @@ interface UseGlideCallProps {
     baseUrl?: string;
     debug?: boolean;
 }
-export declare const useGlideCall: ({ app, evm, approval, preferGaslessPayment, chainIds, excludeChainIds, excludeCurrencyTiers, excludeFundingSources, sessionMetadata, theme, walletProvider, localStorageProvider, onOpen, onSuccess, onClose, autoCloseOnSuccess, popupsBlocked, baseUrl, debug, }: UseGlideCallProps) => {
+export declare const useGlideCall: ({ app, evm, approval, preferGaslessPayment, chainIds, excludeChainIds, excludeCurrencyTiers, excludeFundingSources, sessionMetadata, showAppLogo, showOnrampFirst, debitCardAlias, copyOverrides, theme, walletProvider, localStorageProvider, onOpen, onSuccess, onClose, autoCloseOnSuccess, popupsBlocked, baseUrl, debug, }: UseGlideCallProps) => {
     openGlideCall: () => void;
     externalUrl: string;
     opts: import('./GlideDeposit.ts').GlideDepositOptions;

package/dist/useGlideDeposit.d.ts

@@ -1,4 +1,4 @@
-import { FundingSource, GlideDepositWalletProvider, GlideLocalStorageProvider } from './GlideDeposit.ts';
+import { FundingSource, GlideDepositWalletProvider, GlideLocalStorageProvider, ShowAppLogo, DebitCardAlias } from './GlideDeposit.ts';
 import { GlideWidgetTheme } from './theme.ts';
 import { CAIP2, Hex, Session } from '@paywithglide/glide-js';
 interface UseGlideDepositProps {
@@ -14,9 +14,20 @@ interface UseGlideDepositProps {
     excludeCurrencyTiers?: ("tier1" | "tier2" | "tier3")[];
     excludeFundingSources?: FundingSource[];
     fundingSources?: FundingSource[];
+    appMetadata?: {
+        name?: string;
+        logoUrl?: string;
+        faviconUrl?: string;
+    };
+    enableRefundEmails?: boolean;
+    payerEmail?: string;
     mode?: "deposit" | "withdraw";
     hideWithdrawAddress?: boolean;
     hideSettlementCopy?: boolean;
+    showAppLogo?: ShowAppLogo;
+    showOnrampFirst?: boolean;
+    debitCardAlias?: DebitCardAlias;
+    copyOverrides?: Record<string, string>;
     sessionId?: string;
     sessionMetadata?: string;
     disableWithdrawToSelfSuggestion?: boolean;
@@ -31,7 +42,7 @@ interface UseGlideDepositProps {
     baseUrl?: string;
     debug?: boolean;
 }
-export declare const useGlideDeposit: ({ app, recipient, chainId, currencyId, amount, gasRefuelAmountPerChain, preferGaslessPayment, chainIds, excludeChainIds, excludeCurrencyTiers, excludeFundingSources, fundingSources, mode, hideSettlementCopy, sessionId, sessionMetadata, disableWithdrawToSelfSuggestion, theme, walletProvider, localStorageProvider, onOpen, onSuccess, onClose, autoCloseOnSuccess, popupsBlocked, baseUrl, debug, }: UseGlideDepositProps) => {
+export declare const useGlideDeposit: ({ app, recipient, chainId, currencyId, amount, gasRefuelAmountPerChain, preferGaslessPayment, chainIds, excludeChainIds, excludeCurrencyTiers, excludeFundingSources, fundingSources, appMetadata, enableRefundEmails, payerEmail, mode, hideSettlementCopy, showAppLogo, showOnrampFirst, debitCardAlias, copyOverrides, sessionId, sessionMetadata, disableWithdrawToSelfSuggestion, theme, walletProvider, localStorageProvider, onOpen, onSuccess, onClose, autoCloseOnSuccess, popupsBlocked, baseUrl, debug, }: UseGlideDepositProps) => {
     openGlideDeposit: () => void;
     externalUrl: string;
     opts: import('./GlideDeposit.ts').GlideDepositOptions;

package/dist/useGlidePay.d.ts

@@ -1,4 +1,4 @@
-import { FundingSource, GlideDepositWalletProvider, GlideLocalStorageProvider } from './GlideDeposit.ts';
+import { FundingSource, GlideDepositWalletProvider, GlideLocalStorageProvider, ShowAppLogo, DebitCardAlias } from './GlideDeposit.ts';
 import { GlideWidgetTheme } from './theme.ts';
 import { CAIP2, Hex, Session } from '@paywithglide/glide-js';
 type UseGlidePayProps = {
@@ -11,7 +11,18 @@ type UseGlidePayProps = {
     excludeFundingSources?: FundingSource[];
     fundingSources?: FundingSource[];
     allowedPaymentCurrencies?: string[];
+    appMetadata?: {
+        name?: string;
+        logoUrl?: string;
+        faviconUrl?: string;
+    };
+    enableRefundEmails?: boolean;
+    payerEmail?: string;
     hideSettlementCopy?: boolean;
+    showAppLogo?: ShowAppLogo;
+    showOnrampFirst?: boolean;
+    debitCardAlias?: DebitCardAlias;
+    copyOverrides?: Record<string, string>;
     sessionId?: string;
     sessionMetadata?: string;
     theme?: GlideWidgetTheme;
@@ -25,7 +36,7 @@ type UseGlidePayProps = {
     baseUrl?: string;
     debug?: boolean;
 };
-export declare const useGlidePay: ({ app, preferGaslessPayment, chainIds, excludeChainIds, excludeCurrencyTiers, excludeFundingSources, fundingSources, allowedPaymentCurrencies, hideSettlementCopy, amount, sessionId, sessionMetadata, theme, walletProvider, localStorageProvider, onOpen, onSuccess, onClose, autoCloseOnSuccess, popupsBlocked, baseUrl, debug, }: UseGlidePayProps) => {
+export declare const useGlidePay: ({ app, preferGaslessPayment, chainIds, excludeChainIds, excludeCurrencyTiers, excludeFundingSources, fundingSources, allowedPaymentCurrencies, appMetadata, enableRefundEmails, payerEmail, hideSettlementCopy, showAppLogo, showOnrampFirst, debitCardAlias, copyOverrides, amount, sessionId, sessionMetadata, theme, walletProvider, localStorageProvider, onOpen, onSuccess, onClose, autoCloseOnSuccess, popupsBlocked, baseUrl, debug, }: UseGlidePayProps) => {
     openGlidePay: () => void;
     externalUrl: string;
     opts: import('./GlideDeposit.ts').GlideDepositOptions;

package/package.json

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