@paywithglide/glide-react 0.0.41 → 0.0.42

package/dist/GlideDeposit.d.ts

@@ -133,6 +133,7 @@ export type GlideDepositOptions = {
     showOnrampFirst?: boolean;
     debitCardAlias?: DebitCardAlias;
     copyOverrides?: Record<string, string>;
+    stableDepositAddressKey?: string;
     theme?: GlideWidgetTheme;
     popupsBlocked?: boolean;
     baseUrl?: string;

package/dist/glide.js

@@ -1,31 +1,31 @@
 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 W = (s, t, e) => ee(s, typeof t != "symbol" ? t + "" : t, e);
-import { useMemo as B } from "react";
+var B = (s, t, e) => ee(s, typeof t != "symbol" ? t + "" : t, e);
+import { useMemo as O } 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");
 }
-function N(s) {
+function K(s) {
   return te(s, { strict: !1 }) ? Math.ceil((s.length - 2) / 2) : s.length;
 }
-const K = "2.21.51";
-let G = {
+const N = "2.21.51";
+let W = {
   getDocsUrl: ({ docsBaseUrl: s, docsPath: t = "", docsSlug: e }) => t ? `${s ?? "https://viem.sh"}${t}${e ? `#${e}` : ""}` : void 0,
-  version: `viem@${K}`
+  version: `viem@${N}`
 };
-class A extends Error {
+class z extends Error {
   constructor(t, e = {}) {
     var a;
     const i = (() => {
       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 = [
+      return e.cause instanceof z ? e.cause.details : (n = e.cause) != null && n.message ? e.cause.message : e.details;
+    })(), o = e.cause instanceof z && e.cause.docsPath || e.docsPath, r = (a = W.getDocsUrl) == null ? void 0 : a.call(W, { ...e, docsPath: o }), p = [
       t || "An error occurred.",
       "",
       ...e.metaMessages ? [...e.metaMessages, ""] : [],
       ...r ? [`Docs: ${r}`] : [],
       ...i ? [`Details: ${i}`] : [],
-      ...G.version ? [`Version: ${G.version}`] : []
+      ...W.version ? [`Version: ${W.version}`] : []
     ].join(`
 `);
     super(p, e.cause ? { cause: e.cause } : void 0), Object.defineProperty(this, "details", {
@@ -58,7 +58,7 @@ class A extends Error {
       configurable: !0,
       writable: !0,
       value: "BaseError"
-    }), this.details = i, this.docsPath = o, this.metaMessages = e.metaMessages, this.name = e.name ?? this.name, this.shortMessage = t, this.version = K;
+    }), this.details = i, this.docsPath = o, this.metaMessages = e.metaMessages, this.name = e.name ?? this.name, this.shortMessage = t, this.version = N;
   }
   walk(t) {
     return F(this, t);
@@ -67,12 +67,12 @@ class A 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 A {
+class V extends z {
   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 H(s, { dir: t, size: e = 32 } = {}) {
+function L(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,20 +103,20 @@ function ie(s, { dir: t, size: e = 32 } = {}) {
   }
   return i;
 }
-class oe extends A {
+class oe extends z {
   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 A {
+class re extends z {
   constructor({ givenSize: t, maxSize: e }) {
     super(`Size cannot exceed ${e} bytes. Given size: ${t} bytes.`, { name: "SizeOverflowError" });
   }
 }
 function q(s, { size: t }) {
-  if (N(s) > t)
+  if (K(s) > t)
     throw new re({
-      givenSize: N(s),
+      givenSize: K(s),
       maxSize: t
     });
 }
@@ -126,14 +126,14 @@ function ae(s, t = {}) {
 }
 function pe(s, t = {}) {
   const e = `0x${Number(s)}`;
-  return typeof t.size == "number" ? (q(e, { size: t.size }), H(e, { size: t.size })) : e;
+  return typeof t.size == "number" ? (q(e, { size: t.size }), L(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 }), H(i, { dir: "right", size: t.size })) : i;
+  return typeof t.size == "number" ? (q(i, { size: t.size }), L(i, { dir: "right", size: t.size })) : i;
 }
 function de(s, t = {}) {
   const { signed: e, size: i } = t, o = BigInt(s);
@@ -151,17 +151,17 @@ function de(s, t = {}) {
     });
   }
   const a = `0x${(e && o < 0 ? (1n << BigInt(i * 8)) + BigInt(o) : o).toString(16)}`;
-  return i ? H(a, { size: i }) : a;
+  return i ? L(a, { size: i }) : a;
 }
 const le = /* @__PURE__ */ new TextEncoder();
 function ce(s, t = {}) {
   const e = le.encode(s);
   return J(e, t);
 }
-class O {
+class H {
   constructor(t) {
-    W(this, "opts");
-    W(this, "open", () => {
+    B(this, "opts");
+    B(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,8 +172,8 @@ class O {
         this.openUrl(`${this.baseUrl}${this.opts.app}?init=true&embed=true`), this.initialize();
       }
     });
-    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;
+    B(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, C, M, P, D, T, R, j, G, A;
       const e = t.data;
       switch (e.type) {
         case "sendInit": {
@@ -210,6 +210,7 @@ class O {
               showOnrampFirst: this.opts.showOnrampFirst,
               debitCardAlias: this.opts.debitCardAlias,
               copyOverrides: this.opts.copyOverrides,
+              stableDepositAddressKey: this.opts.stableDepositAddressKey,
               theme: {
                 ...this.opts.theme || {},
                 colorScheme: ((n = this.opts.theme) == null ? void 0 : n.colorScheme) || getComputedStyle(document.documentElement).colorScheme || ""
@@ -309,7 +310,7 @@ class O {
               const m = await this.opts.walletProvider.sendTransactionAsync(
                 e.tx
               );
-              (M = (k = this.iframe) == null ? void 0 : k.contentWindow) == null || M.postMessage(
+              (C = (k = this.iframe) == null ? void 0 : k.contentWindow) == null || C.postMessage(
                 {
                   type: "didSendTransaction",
                   success: !0,
@@ -318,7 +319,7 @@ class O {
                 this.baseUrl
               );
             } catch (m) {
-              (P = (C = this.iframe) == null ? void 0 : C.contentWindow) == null || P.postMessage(
+              (P = (M = this.iframe) == null ? void 0 : M.contentWindow) == null || P.postMessage(
                 {
                   type: "didSendTransaction",
                   success: !1,
@@ -334,7 +335,7 @@ class O {
             if (!this.opts.walletProvider)
               throw new Error("walletProvider is not set");
             if (!this.opts.walletProvider.signTypedDataAsync) {
-              (D = (T = this.iframe) == null ? void 0 : T.contentWindow) == null || D.postMessage(
+              (T = (D = this.iframe) == null ? void 0 : D.contentWindow) == null || T.postMessage(
                 {
                   type: "didSignTypedData",
                   success: !1,
@@ -348,7 +349,7 @@ class O {
               const m = await this.opts.walletProvider.signTypedDataAsync(
                 e.data
               );
-              (R = (j = this.iframe) == null ? void 0 : j.contentWindow) == null || R.postMessage(
+              (j = (R = this.iframe) == null ? void 0 : R.contentWindow) == null || j.postMessage(
                 {
                   type: "didSignTypedData",
                   success: !0,
@@ -357,7 +358,7 @@ class O {
                 this.baseUrl
               );
             } catch (m) {
-              (L = (z = this.iframe) == null ? void 0 : z.contentWindow) == null || L.postMessage(
+              (A = (G = this.iframe) == null ? void 0 : G.contentWindow) == null || A.postMessage(
                 {
                   type: "didSignTypedData",
                   success: !1,
@@ -376,7 +377,7 @@ class O {
     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(",")}` : ""}${(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))}` : ""}`;
+    )}` : ""}${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.stableDepositAddressKey ? `&stableDepositAddressKey=${encodeURIComponent(this.opts.stableDepositAddressKey)}` : ""}${this.opts.gasRefuelAmountPerChain ? `&gasRefuelAmountPerChain=${encodeURIComponent(JSON.stringify(this.opts.gasRefuelAmountPerChain))}` : ""}`;
   }
   initialize() {
     window.addEventListener("message", this.iframeEventHandler);
@@ -433,21 +434,22 @@ const me = ({
   showOnrampFirst: c,
   debitCardAlias: S,
   copyOverrides: h,
-  sessionId: x,
-  sessionMetadata: u,
-  disableWithdrawToSelfSuggestion: I,
-  theme: U,
-  walletProvider: E,
-  localStorageProvider: k,
+  stableDepositAddressKey: x,
+  sessionId: u,
+  sessionMetadata: I,
+  disableWithdrawToSelfSuggestion: U,
+  theme: E,
+  walletProvider: k,
+  localStorageProvider: C,
   onOpen: M,
-  onSuccess: C,
-  onClose: P,
+  onSuccess: P,
+  onClose: D,
   autoCloseOnSuccess: T,
-  popupsBlocked: D,
+  popupsBlocked: R,
   baseUrl: j,
-  debug: R
+  debug: G
 }) => {
-  const z = B(() => new O({
+  const A = O(() => new H({
     app: s,
     recipient: t,
     chainId: e,
@@ -469,19 +471,20 @@ const me = ({
     showOnrampFirst: c,
     debitCardAlias: S,
     copyOverrides: h,
-    sessionId: x,
-    sessionMetadata: u,
-    disableWithdrawToSelfSuggestion: I,
-    theme: U,
-    walletProvider: E,
-    localStorageProvider: k,
+    stableDepositAddressKey: x,
+    sessionId: u,
+    sessionMetadata: I,
+    disableWithdrawToSelfSuggestion: U,
+    theme: E,
+    walletProvider: k,
+    localStorageProvider: C,
     onOpen: M,
-    onSuccess: C,
-    onClose: P,
+    onSuccess: P,
+    onClose: D,
     autoCloseOnSuccess: T,
-    popupsBlocked: D,
+    popupsBlocked: R,
     baseUrl: j,
-    debug: R
+    debug: G
   }), [
     s,
     t,
@@ -510,18 +513,19 @@ const me = ({
     U,
     E,
     k,
-    M,
     C,
+    M,
     P,
-    T,
     D,
+    T,
+    R,
     j,
-    R
+    G
   ]);
   return {
-    openGlideDeposit: z.open,
-    externalUrl: z.externalUrl,
-    opts: z.opts
+    openGlideDeposit: A.open,
+    externalUrl: A.externalUrl,
+    opts: A.opts
   };
 }, ge = ({
   app: s,
@@ -551,10 +555,10 @@ const me = ({
   onClose: U,
   autoCloseOnSuccess: E,
   popupsBlocked: k,
-  baseUrl: M,
-  debug: C
+  baseUrl: C,
+  debug: M
 }) => {
-  const P = B(() => new O({
+  const P = O(() => new H({
     app: s,
     preferGaslessPayment: t,
     chainIds: e,
@@ -583,8 +587,8 @@ const me = ({
     onClose: U,
     autoCloseOnSuccess: E,
     popupsBlocked: k,
-    baseUrl: M,
-    debug: C
+    baseUrl: C,
+    debug: M
   }), [
     s,
     t,
@@ -613,8 +617,8 @@ const me = ({
     U,
     E,
     k,
-    M,
-    C
+    C,
+    M
   ]);
   return {
     openGlidePay: P.open,
@@ -646,7 +650,7 @@ const me = ({
   baseUrl: x,
   debug: u
 }) => {
-  const I = B(() => new O({
+  const I = O(() => new H({
     app: s,
     evm: t,
     approval: e,
@@ -725,7 +729,7 @@ const me = ({
   autoCloseOnSuccess: h,
   baseUrl: x
 }) => {
-  const u = B(() => new O({
+  const u = O(() => new H({
     app: s,
     recipient: t,
     chainId: e,
@@ -811,7 +815,7 @@ const me = ({
   })
 });
 export {
-  O as GlideDeposit,
+  H as GlideDeposit,
   we as browserLocalStorageProvider,
   ye as useGlideBuy,
   fe as useGlideCall,

package/dist/useGlideDeposit.d.ts

@@ -28,6 +28,7 @@ interface UseGlideDepositProps {
     showOnrampFirst?: boolean;
     debitCardAlias?: DebitCardAlias;
     copyOverrides?: Record<string, string>;
+    stableDepositAddressKey?: string;
     sessionId?: string;
     sessionMetadata?: string;
     disableWithdrawToSelfSuggestion?: boolean;
@@ -42,7 +43,7 @@ interface UseGlideDepositProps {
     baseUrl?: string;
     debug?: boolean;
 }
-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) => {
+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, stableDepositAddressKey, sessionId, sessionMetadata, disableWithdrawToSelfSuggestion, 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.41",
+  "version": "0.0.42",
   "type": "module",
   "files": [
     "dist"