@paywithglide/glide-react 0.0.36 → 0.0.37

package/dist/GlideDeposit.d.ts

@@ -117,6 +117,7 @@ export type GlideDepositOptions = {
     autoCloseOnSuccess?: boolean;
     container?: HTMLElement;
     disableWithdrawToSelfSuggestion?: boolean;
+    hideSettlementCopy?: boolean;
     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 z = (s, t, e) => ee(s, typeof t != "symbol" ? t + "" : t, e);
-import { useMemo as T } from "react";
+var T = (s, t, e) => ee(s, typeof t != "symbol" ? t + "" : t, e);
+import { useMemo as A } 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,7 +9,7 @@ function N(s) {
   return te(s, { strict: !1 }) ? Math.ceil((s.length - 2) / 2) : s.length;
 }
 const K = "2.21.51";
-let U = {
+let z = {
   getDocsUrl: ({ docsBaseUrl: s, docsPath: t = "", docsSlug: e }) => t ? `${s ?? "https://viem.sh"}${t}${e ? `#${e}` : ""}` : void 0,
   version: `viem@${K}`
 };
@@ -19,13 +19,13 @@ class S extends Error {
     const i = (() => {
       var n;
       return e.cause instanceof S ? e.cause.details : (n = e.cause) != null && n.message ? e.cause.message : e.details;
-    })(), o = e.cause instanceof S && e.cause.docsPath || e.docsPath, r = (a = U.getDocsUrl) == null ? void 0 : a.call(U, { ...e, docsPath: o }), c = [
+    })(), o = e.cause instanceof S && e.cause.docsPath || e.docsPath, r = (a = z.getDocsUrl) == null ? void 0 : a.call(z, { ...e, docsPath: o }), c = [
       t || "An error occurred.",
       "",
       ...e.metaMessages ? [...e.metaMessages, ""] : [],
       ...r ? [`Docs: ${r}`] : [],
       ...i ? [`Details: ${i}`] : [],
-      ...U.version ? [`Version: ${U.version}`] : []
+      ...z.version ? [`Version: ${z.version}`] : []
     ].join(`
 `);
     super(c, e.cause ? { cause: e.cause } : void 0), Object.defineProperty(this, "details", {
@@ -72,7 +72,7 @@ class V extends S {
     super(`${i.charAt(0).toUpperCase()}${i.slice(1).toLowerCase()} size (${t}) exceeds padding size (${e}).`, { name: "SizeExceedsPaddingSizeError" });
   }
 }
-function M(s, { dir: t, size: e = 32 } = {}) {
+function D(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 } = {}) {
@@ -126,14 +126,14 @@ function ae(s, t = {}) {
 }
 function ce(s, t = {}) {
   const e = `0x${Number(s)}`;
-  return typeof t.size == "number" ? (q(e, { size: t.size }), M(e, { size: t.size })) : e;
+  return typeof t.size == "number" ? (q(e, { size: t.size }), D(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 }), M(i, { dir: "right", size: t.size })) : i;
+  return typeof t.size == "number" ? (q(i, { size: t.size }), D(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 ? M(a, { size: i }) : a;
+  return i ? D(a, { size: i }) : a;
 }
 const le = /* @__PURE__ */ new TextEncoder();
 function pe(s, t = {}) {
   const e = le.encode(s);
   return J(e, t);
 }
-class A {
+class M {
   constructor(t) {
-    z(this, "opts");
-    z(this, "open", () => {
+    T(this, "opts");
+    T(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 A {
         this.openUrl(`${this.baseUrl}${this.opts.app}?init=true&embed=true`), this.initialize();
       }
     });
-    z(this, "iframeEventHandler", async (t) => {
-      var i, o, r, c, a, n, h, u, m, g, f, y, w, d, l, b, v, $, I, P, E, k, x, D, C, G, W, j, B, H, O, L, R;
+    T(this, "iframeEventHandler", async (t) => {
+      var i, o, r, c, a, n, h, u, m, g, f, y, w, d, l, b, $, v, I, P, E, k, U, x, C, G, W, j, B, H, O, L, R;
       const e = t.data;
       switch (e.type) {
         case "sendInit": {
@@ -200,6 +200,7 @@ class A {
               sessionMetadata: this.opts.sessionMetadata,
               autoCloseOnSuccess: this.opts.autoCloseOnSuccess,
               disableWithdrawToSelfSuggestion: this.opts.disableWithdrawToSelfSuggestion,
+              hideSettlementCopy: this.opts.hideSettlementCopy,
               theme: {
                 ...this.opts.theme || {},
                 colorScheme: ((n = this.opts.theme) == null ? void 0 : n.colorScheme) || getComputedStyle(document.documentElement).colorScheme || ""
@@ -261,10 +262,10 @@ class A {
           (l = (d = this.opts) == null ? void 0 : d.onSuccess) == null || l.call(d, e.hash, e.session);
           break;
         case "close":
-          this.removeIframe(), this.destroy(), (v = (b = this.opts) == null ? void 0 : b.onClose) == null || v.call(b);
+          this.removeIframe(), this.destroy(), ($ = (b = this.opts) == null ? void 0 : b.onClose) == null || $.call(b);
           break;
         case "setMode":
-          (I = ($ = this.opts) == null ? void 0 : $.onSetMode) == null || I.call($, e.mode);
+          (I = (v = this.opts) == null ? void 0 : v.onSetMode) == null || I.call(v, e.mode);
           break;
         case "switchChain":
           if (!this.opts.walletProvider)
@@ -281,7 +282,7 @@ class A {
               this.baseUrl
             );
           } catch (p) {
-            (x = (k = this.iframe) == null ? void 0 : k.contentWindow) == null || x.postMessage(
+            (U = (k = this.iframe) == null ? void 0 : k.contentWindow) == null || U.postMessage(
               {
                 type: "didSwitchChain",
                 success: !1,
@@ -299,7 +300,7 @@ class A {
               const p = await this.opts.walletProvider.sendTransactionAsync(
                 e.tx
               );
-              (C = (D = this.iframe) == null ? void 0 : D.contentWindow) == null || C.postMessage(
+              (C = (x = this.iframe) == null ? void 0 : x.contentWindow) == null || C.postMessage(
                 {
                   type: "didSendTransaction",
                   success: !0,
@@ -366,7 +367,7 @@ class A {
     var t, e, i, o;
     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.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(",")}` : ""}${(o = this.opts.fundingSources) != null && o.length ? `&fundingSources=${this.opts.fundingSources.join(",")}` : ""}${this.opts.debug ? "&debug=true" : ""}${this.opts.popupsBlocked ? "&popupsBlocked=true" : ""}${this.opts.disableWithdrawToSelfSuggestion ? "&disableWithdrawToSelfSuggestion=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.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(",")}` : ""}${(o = this.opts.fundingSources) != null && o.length ? `&fundingSources=${this.opts.fundingSources.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))}` : ""}`;
   }
   initialize() {
     window.addEventListener("message", this.iframeEventHandler);
@@ -414,21 +415,22 @@ const me = ({
   excludeFundingSources: h,
   fundingSources: u,
   mode: m,
-  sessionId: g,
-  sessionMetadata: f,
-  disableWithdrawToSelfSuggestion: y,
-  theme: w,
-  walletProvider: d,
-  localStorageProvider: l,
-  onOpen: b,
+  hideSettlementCopy: g,
+  sessionId: f,
+  sessionMetadata: y,
+  disableWithdrawToSelfSuggestion: w,
+  theme: d,
+  walletProvider: l,
+  localStorageProvider: b,
+  onOpen: $,
   onSuccess: v,
-  onClose: $,
-  autoCloseOnSuccess: I,
-  popupsBlocked: P,
-  baseUrl: E,
-  debug: k
+  onClose: I,
+  autoCloseOnSuccess: P,
+  popupsBlocked: E,
+  baseUrl: k,
+  debug: U
 }) => {
-  const x = T(() => new A({
+  const x = A(() => new M({
     app: s,
     recipient: t,
     chainId: e,
@@ -441,19 +443,20 @@ const me = ({
     excludeFundingSources: h,
     fundingSources: u,
     mode: m,
-    sessionId: g,
-    sessionMetadata: f,
-    disableWithdrawToSelfSuggestion: y,
-    theme: w,
-    walletProvider: d,
-    localStorageProvider: l,
-    onOpen: b,
+    hideSettlementCopy: g,
+    sessionId: f,
+    sessionMetadata: y,
+    disableWithdrawToSelfSuggestion: w,
+    theme: d,
+    walletProvider: l,
+    localStorageProvider: b,
+    onOpen: $,
     onSuccess: v,
-    onClose: $,
-    autoCloseOnSuccess: I,
-    popupsBlocked: P,
-    baseUrl: E,
-    debug: k
+    onClose: I,
+    autoCloseOnSuccess: P,
+    popupsBlocked: E,
+    baseUrl: k,
+    debug: U
   }), [
     s,
     t,
@@ -474,12 +477,13 @@ const me = ({
     d,
     l,
     b,
-    v,
     $,
+    v,
     I,
     P,
     E,
-    k
+    k,
+    U
   ]);
   return {
     openGlideDeposit: x.open,
@@ -493,21 +497,22 @@ const me = ({
   excludeCurrencyTiers: i,
   excludeFundingSources: o,
   fundingSources: r,
-  amount: c,
-  sessionId: a,
-  sessionMetadata: n,
-  theme: h,
-  walletProvider: u,
-  localStorageProvider: m,
-  onOpen: g,
-  onSuccess: f,
-  onClose: y,
-  autoCloseOnSuccess: w,
-  popupsBlocked: d,
-  baseUrl: l,
-  debug: b
+  hideSettlementCopy: c,
+  amount: a,
+  sessionId: n,
+  sessionMetadata: h,
+  theme: u,
+  walletProvider: m,
+  localStorageProvider: g,
+  onOpen: f,
+  onSuccess: y,
+  onClose: w,
+  autoCloseOnSuccess: d,
+  popupsBlocked: l,
+  baseUrl: b,
+  debug: $
 }) => {
-  const v = T(() => new A({
+  const v = A(() => new M({
     app: s,
     preferGaslessPayment: t,
     excludeChainIds: e,
@@ -515,19 +520,20 @@ const me = ({
     excludeFundingSources: o,
     fundingSources: r,
     mode: "pay",
-    sessionId: a,
-    amount: c,
-    sessionMetadata: n,
-    theme: h,
-    walletProvider: u,
-    localStorageProvider: m,
-    onOpen: g,
-    onSuccess: f,
-    onClose: y,
-    autoCloseOnSuccess: w,
-    popupsBlocked: d,
-    baseUrl: l,
-    debug: b
+    hideSettlementCopy: c,
+    sessionId: n,
+    amount: a,
+    sessionMetadata: h,
+    theme: u,
+    walletProvider: m,
+    localStorageProvider: g,
+    onOpen: f,
+    onSuccess: y,
+    onClose: w,
+    autoCloseOnSuccess: d,
+    popupsBlocked: l,
+    baseUrl: b,
+    debug: $
   }), [
     s,
     t,
@@ -535,9 +541,9 @@ const me = ({
     i,
     o,
     r,
-    a,
     c,
     n,
+    a,
     h,
     u,
     m,
@@ -547,7 +553,8 @@ const me = ({
     w,
     d,
     l,
-    b
+    b,
+    $
   ]);
   return {
     openGlidePay: v.open,
@@ -574,7 +581,7 @@ const me = ({
   baseUrl: d,
   debug: l
 }) => {
-  const b = T(() => new A({
+  const b = A(() => new M({
     app: s,
     evm: t,
     approval: e,
@@ -638,7 +645,7 @@ const me = ({
   autoCloseOnSuccess: w,
   baseUrl: d
 }) => {
-  const l = T(() => new A({
+  const l = A(() => new M({
     app: s,
     recipient: t,
     chainId: e,
@@ -714,7 +721,7 @@ const me = ({
   })
 });
 export {
-  A as GlideDeposit,
+  M as GlideDeposit,
   we as browserLocalStorageProvider,
   ye as useGlideBuy,
   fe as useGlideCall,

package/dist/useGlideDeposit.d.ts

@@ -15,6 +15,7 @@ interface UseGlideDepositProps {
     fundingSources?: FundingSource[];
     mode?: "deposit" | "withdraw";
     hideWithdrawAddress?: boolean;
+    hideSettlementCopy?: boolean;
     sessionId?: string;
     sessionMetadata?: string;
     disableWithdrawToSelfSuggestion?: boolean;
@@ -29,7 +30,7 @@ interface UseGlideDepositProps {
     baseUrl?: string;
     debug?: boolean;
 }
-export declare const useGlideDeposit: ({ app, recipient, chainId, currencyId, amount, gasRefuelAmountPerChain, preferGaslessPayment, excludeChainIds, excludeCurrencyTiers, excludeFundingSources, fundingSources, mode, 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, excludeChainIds, excludeCurrencyTiers, excludeFundingSources, fundingSources, mode, hideSettlementCopy, 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

@@ -9,6 +9,7 @@ type UseGlidePayProps = {
     excludeCurrencyTiers?: ("tier1" | "tier2" | "tier3")[];
     excludeFundingSources?: FundingSource[];
     fundingSources?: FundingSource[];
+    hideSettlementCopy?: boolean;
     sessionId?: string;
     sessionMetadata?: string;
     theme?: GlideWidgetTheme;
@@ -22,7 +23,7 @@ type UseGlidePayProps = {
     baseUrl?: string;
     debug?: boolean;
 };
-export declare const useGlidePay: ({ app, preferGaslessPayment, excludeChainIds, excludeCurrencyTiers, excludeFundingSources, fundingSources, amount, sessionId, sessionMetadata, theme, walletProvider, localStorageProvider, onOpen, onSuccess, onClose, autoCloseOnSuccess, popupsBlocked, baseUrl, debug, }: UseGlidePayProps) => {
+export declare const useGlidePay: ({ app, preferGaslessPayment, excludeChainIds, excludeCurrencyTiers, excludeFundingSources, fundingSources, hideSettlementCopy, 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.36",
+  "version": "0.0.37",
   "type": "module",
   "files": [
     "dist"
@@ -20,7 +20,7 @@
     "build": "tsc --p ./tsconfig.build.json && vite build",
     "build-web": "tsc --p ./tsconfig.build.json && vite build --mode web",
     "build-chromeext": "tsc --p ./tsconfig.build.json && vite build --mode chromeext:popup && vite build --mode chromeext:content && vite build --mode chromeext:background",
-    "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
+    "lint": "prettier --check . && eslint .",
     "preview": "vite preview",
     "prepublishOnly": "npm run build"
   },
@@ -39,6 +39,7 @@
     "eslint-plugin-react-hooks": "^5.0.0",
     "eslint-plugin-react-refresh": "^0.4.14",
     "globals": "^15.12.0",
+    "prettier": "^3.6.2",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "typescript": "~5.6.2",