@paywithglide/glide-react 0.0.50 → 0.0.52

package/dist/core.js

@@ -272,7 +272,7 @@ function Ie(s) {
     );
   }
 }
-const Pe = "@paywithglide/glide-react", xe = "0.0.50", Ee = "module", Ce = ["dist"], ke = "dist/glide.js", Me = "dist/glide.d.ts", Ae = { ".": { types: "./dist/glide.d.ts", default: "./dist/glide.js" }, "./core": { types: "./dist/core.d.ts", default: "./dist/core.js" }, "./package.json": "./package.json" }, Ue = !1, Te = { dev: "vite", build: "bun run lint && 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: "prettier --check . && eslint . --max-warnings 0 && tsc --p ./tsconfig.build.json", preview: "vite preview", prepublishOnly: "bun run build" }, We = { "@paywithglide/glide-js": "0.13.32" }, je = { "@antiwork/shortest": "^0.2.1", "@eslint/js": "^9.15.0", "@privy-io/react-auth": "^3.10.1", "@solana-program/memo": "^0.10.0", "@solana-program/system": "^0.10.0", "@solana-program/token": "^0.9.0", "@solana/kit": "^5.1.0", "@tanstack/react-query": "^5.61.5", "@types/chrome": "^0.0.299", "@types/react": "^18.3.12", "@types/react-dom": "^18.3.1", "@vitejs/plugin-react": "^4.3.4", eslint: "^9.15.0", "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", "typescript-eslint": "^8.15.0", viem: "^2.21.51", vite: "^6.0.1", "vite-plugin-dts": "^4.3.0", "vite-plugin-static-copy": "^2.2.0", wagmi: "^2.13.0" }, ze = {
+const Pe = "@paywithglide/glide-react", xe = "0.0.52", Ee = "module", Ce = ["dist"], ke = "dist/glide.js", Me = "dist/glide.d.ts", Ae = { ".": { types: "./dist/glide.d.ts", default: "./dist/glide.js" }, "./core": { types: "./dist/core.d.ts", default: "./dist/core.js" }, "./package.json": "./package.json" }, Ue = !1, Te = { dev: "vite", build: "bun run lint && 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: "prettier --check . && eslint . --max-warnings 0 && tsc --p ./tsconfig.build.json", preview: "vite preview", prepublishOnly: "bun run build" }, We = { "@paywithglide/glide-js": "0.13.32" }, De = { "@antiwork/shortest": "^0.2.1", "@eslint/js": "^9.15.0", "@privy-io/react-auth": "^3.10.1", "@solana-program/memo": "^0.10.0", "@solana-program/system": "^0.10.0", "@solana-program/token": "^0.9.0", "@solana/kit": "^5.1.0", "@tanstack/react-query": "^5.61.5", "@types/chrome": "^0.0.299", "@types/react": "^18.3.12", "@types/react-dom": "^18.3.1", "@vitejs/plugin-react": "^4.3.4", eslint: "^9.15.0", "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", "typescript-eslint": "^8.15.0", viem: "^2.21.51", vite: "^6.0.1", "vite-plugin-dts": "^4.3.0", "vite-plugin-static-copy": "^2.2.0", wagmi: "^2.13.0" }, je = {
   name: Pe,
   version: xe,
   type: Ee,
@@ -283,8 +283,8 @@ const Pe = "@paywithglide/glide-react", xe = "0.0.50", Ee = "module", Ce = ["dis
   sideEffects: Ue,
   scripts: Te,
   dependencies: We,
-  devDependencies: je
-}, De = ze.version, Y = 999999;
+  devDependencies: De
+}, ze = je.version, Y = 999999;
 class Re {
   constructor(t) {
     I(this, "opts");
@@ -300,7 +300,7 @@ class Re {
       }
     });
     I(this, "iframeEventHandler", async (t) => {
-      var i, o, n, p, l, d, f, c, r, u, h, g, m, y, x, b, E, $, C, S, k, M, A, U, T, W, j, z, D, O, R, L, B, F, G, H, q, K, N, _, V, J, X;
+      var i, o, n, p, l, d, f, c, r, u, h, g, m, y, x, b, E, $, C, S, k, M, A, U, T, W, D, j, z, O, R, L, B, F, G, H, q, K, N, _, V, J, X;
       const e = t.data;
       switch (e.type) {
         case "sendInit": {
@@ -329,6 +329,7 @@ class Re {
               payerEmail: this.opts.payerEmail,
               mode: this.opts.mode,
               amount: this.opts.amount,
+              amountUSD: this.opts.amountUSD,
               chainId: this.opts.chainId,
               currencyId: this.opts.currencyId,
               evmTx: this.opts.evm,
@@ -351,7 +352,7 @@ class Re {
               debug: this.opts.debug,
               popupsBlocked: this.opts.popupsBlocked,
               gasRefuelAmountPerChain: this.opts.gasRefuelAmountPerChain,
-              sdkVersion: De,
+              sdkVersion: ze,
               referrerDomain: typeof window < "u" ? window.location.origin : void 0,
               hasAnalyticsCallback: !!this.opts.onAnalyticsEvent
             },
@@ -448,7 +449,7 @@ class Re {
               const a = await this.opts.walletProvider.sendTransactionAsync(
                 e.tx
               );
-              (j = (W = this.iframe) == null ? void 0 : W.contentWindow) == null || j.postMessage(
+              (D = (W = this.iframe) == null ? void 0 : W.contentWindow) == null || D.postMessage(
                 {
                   type: "didSendTransaction",
                   success: !0,
@@ -457,7 +458,7 @@ class Re {
                 this.baseUrl
               );
             } catch (a) {
-              (D = (z = this.iframe) == null ? void 0 : z.contentWindow) == null || D.postMessage(
+              (z = (j = this.iframe) == null ? void 0 : j.contentWindow) == null || z.postMessage(
                 {
                   type: "didSendTransaction",
                   success: !1,
@@ -569,7 +570,7 @@ class Re {
   }
   get externalUrl() {
     var t, e, i, o, n, p, l, d, f, c;
-    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=${ye(
+    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.amountUSD ? `&amountUSD=${this.opts.amountUSD}` : ""}${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=${ye(
       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(",")}` : ""}${(n = this.opts.fundingSources) != null && n.length ? `&fundingSources=${this.opts.fundingSources.join(",")}` : ""}${(p = this.opts.allowedPaymentCurrencies) != null && p.length ? `&allowedPaymentCurrencies=${this.opts.allowedPaymentCurrencies.join(",")}` : ""}${(l = this.opts.excludePaymentCurrencies) != null && l.length ? `&excludePaymentCurrencies=${this.opts.excludePaymentCurrencies.join(",")}` : ""}${(d = this.opts.appMetadata) != null && d.name ? `&appMetadata.name=${encodeURIComponent(this.opts.appMetadata.name)}` : ""}${(f = this.opts.appMetadata) != null && f.logoUrl ? `&appMetadata.logoUrl=${encodeURIComponent(this.opts.appMetadata.logoUrl)}` : ""}${(c = this.opts.appMetadata) != null && c.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))}` : ""}`;
   }

package/dist/glide.js

@@ -1,7 +1,7 @@
-import { GlideDeposit as g } from "./core.js";
+import { GlideDeposit as P } from "./core.js";
 import { browserLocalStorageProvider as c, initializeParentBridge as d } from "./core.js";
-import { useMemo as I } from "react";
-const u = ({
+import { useMemo as t } from "react";
+const l = ({
   app: G,
   recipient: U,
   chainId: z,
@@ -32,16 +32,16 @@ const u = ({
   theme: w,
   walletProvider: A,
   solanaWalletProvider: b,
-  localStorageProvider: W,
-  onOpen: y,
+  localStorageProvider: g,
+  onOpen: I,
   onSuccess: O,
-  onClose: P,
-  autoCloseOnSuccess: m,
-  popupsBlocked: v,
+  onClose: W,
+  autoCloseOnSuccess: y,
+  popupsBlocked: m,
   baseUrl: S,
   debug: C
 }) => {
-  const t = I(() => new g({
+  const v = t(() => new P({
     app: G,
     recipient: U,
     chainId: z,
@@ -72,12 +72,12 @@ const u = ({
     theme: w,
     walletProvider: A,
     solanaWalletProvider: b,
-    localStorageProvider: W,
-    onOpen: y,
+    localStorageProvider: g,
+    onOpen: I,
     onSuccess: O,
-    onClose: P,
-    autoCloseOnSuccess: m,
-    popupsBlocked: v,
+    onClose: W,
+    autoCloseOnSuccess: y,
+    popupsBlocked: m,
     baseUrl: S,
     debug: C
   }), [
@@ -111,19 +111,19 @@ const u = ({
     w,
     A,
     b,
+    g,
+    I,
+    O,
     W,
     y,
-    O,
-    P,
     m,
-    v,
     S,
     C
   ]);
   return {
-    openGlideDeposit: t.open,
-    externalUrl: t.externalUrl,
-    opts: t.opts
+    openGlideDeposit: v.open,
+    externalUrl: v.externalUrl,
+    opts: v.opts
   };
 }, i = ({
   app: G,
@@ -134,30 +134,33 @@ const u = ({
   excludeFundingSources: B,
   fundingSources: H,
   allowedPaymentCurrencies: J,
-  appMetadata: N,
-  enableRefundEmails: Q,
-  payerEmail: V,
-  hideSettlementCopy: X,
-  showAppLogo: Y,
-  showOnrampFirst: Z,
-  debitCardAlias: _,
-  copyOverrides: $,
-  amount: K,
-  sessionId: k,
-  sessionMetadata: x,
-  theme: L,
-  walletProvider: R,
-  solanaWalletProvider: E,
-  localStorageProvider: M,
-  onOpen: D,
-  onSuccess: T,
-  onClose: f,
-  autoCloseOnSuccess: F,
-  popupsBlocked: w,
-  baseUrl: A,
-  debug: b
+  chainId: N,
+  currencyId: Q,
+  appMetadata: V,
+  enableRefundEmails: X,
+  payerEmail: Y,
+  hideSettlementCopy: Z,
+  showAppLogo: _,
+  showOnrampFirst: $,
+  debitCardAlias: K,
+  copyOverrides: k,
+  amount: x,
+  amountUSD: L,
+  sessionId: R,
+  sessionMetadata: E,
+  theme: M,
+  walletProvider: D,
+  solanaWalletProvider: T,
+  localStorageProvider: f,
+  onOpen: F,
+  onSuccess: w,
+  onClose: A,
+  autoCloseOnSuccess: b,
+  popupsBlocked: g,
+  baseUrl: I,
+  debug: O
 }) => {
-  const W = I(() => new g({
+  const W = t(() => new P({
     app: G,
     preferGaslessPayment: U,
     chainIds: z,
@@ -166,29 +169,32 @@ const u = ({
     excludeFundingSources: B,
     fundingSources: H,
     allowedPaymentCurrencies: J,
-    appMetadata: N,
-    enableRefundEmails: Q,
-    payerEmail: V,
+    chainId: N,
+    currencyId: Q,
+    appMetadata: V,
+    enableRefundEmails: X,
+    payerEmail: Y,
     mode: "pay",
-    hideSettlementCopy: X,
-    showAppLogo: Y,
-    showOnrampFirst: Z,
-    debitCardAlias: _,
-    copyOverrides: $,
-    sessionId: k,
-    amount: K,
-    sessionMetadata: x,
-    theme: L,
-    walletProvider: R,
-    solanaWalletProvider: E,
-    localStorageProvider: M,
-    onOpen: D,
-    onSuccess: T,
-    onClose: f,
-    autoCloseOnSuccess: F,
-    popupsBlocked: w,
-    baseUrl: A,
-    debug: b
+    hideSettlementCopy: Z,
+    showAppLogo: _,
+    showOnrampFirst: $,
+    debitCardAlias: K,
+    copyOverrides: k,
+    sessionId: R,
+    amount: x,
+    amountUSD: L,
+    sessionMetadata: E,
+    theme: M,
+    walletProvider: D,
+    solanaWalletProvider: T,
+    localStorageProvider: f,
+    onOpen: F,
+    onSuccess: w,
+    onClose: A,
+    autoCloseOnSuccess: b,
+    popupsBlocked: g,
+    baseUrl: I,
+    debug: O
   }), [
     G,
     U,
@@ -206,11 +212,11 @@ const u = ({
     Z,
     _,
     $,
-    k,
     K,
+    k,
+    R,
     x,
     L,
-    R,
     E,
     M,
     D,
@@ -219,14 +225,17 @@ const u = ({
     F,
     w,
     A,
-    b
+    b,
+    g,
+    I,
+    O
   ]);
   return {
     openGlidePay: W.open,
     externalUrl: W.externalUrl,
     opts: W.opts
   };
-}, l = ({
+}, u = ({
   app: G,
   evm: U,
   approval: z,
@@ -252,7 +261,7 @@ const u = ({
   baseUrl: M,
   debug: D
 }) => {
-  const T = I(() => new g({
+  const T = t(() => new P({
     app: G,
     evm: U,
     approval: z,
@@ -334,7 +343,7 @@ const u = ({
   autoCloseOnSuccess: E,
   baseUrl: M
 }) => {
-  const D = I(() => new g({
+  const D = t(() => new P({
     app: G,
     recipient: U,
     chainId: z,
@@ -391,11 +400,11 @@ const u = ({
   };
 };
 export {
-  g as GlideDeposit,
+  P as GlideDeposit,
   c as browserLocalStorageProvider,
   d as initializeParentBridge,
   n as useGlideBuy,
-  l as useGlideCall,
-  u as useGlideDeposit,
+  u as useGlideCall,
+  l as useGlideDeposit,
   i as useGlidePay
 };

package/dist/pkg/GlideDeposit.d.ts

@@ -101,6 +101,13 @@ export type GlideDepositOptions = {
     recipient?: string;
     mode?: "deposit" | "withdraw" | "pay" | "call" | "buy";
     amount?: string;
+    /**
+     * Payment amount in USD. Use this instead of `amount` when you want to
+     * accept a fixed USD value paid in a specific token (e.g. $20 paid in RAILS).
+     * The token equivalent is computed server-side and cannot be manipulated by the user.
+     * Only valid for `mode: "pay"`.
+     */
+    amountUSD?: string;
     sessionId?: string;
     chainId?: CAIP2;
     currencyId?: string;

package/dist/pkg/useGlidePay.d.ts

@@ -4,6 +4,12 @@ import { CAIP2, Hex, Session } from '@paywithglide/glide-js';
 type UseGlidePayProps = {
     app: string;
     amount?: string;
+    /**
+     * Payment amount in USD. Use this instead of `amount` to accept a fixed USD
+     * value paid in a specific token (e.g. $20 paid in RAILS). The token
+     * equivalent is computed server-side and cannot be manipulated by the user.
+     */
+    amountUSD?: string;
     preferGaslessPayment?: boolean;
     chainIds?: CAIP2[];
     excludeChainIds?: CAIP2[];
@@ -11,6 +17,20 @@ type UseGlidePayProps = {
     excludeFundingSources?: FundingSource[];
     fundingSources?: FundingSource[];
     allowedPaymentCurrencies?: string[];
+    /**
+     * Override the destination chain. Required when the target currency lives on
+     * a different chain than the app's default (e.g. an Ethereum-only token when
+     * the app is configured for Base). Must be a CAIP-2 chain ID (e.g.
+     * "eip155:1" for Ethereum mainnet). Applied before the currency lookup, so
+     * pairing this with `currencyId` always resolves correctly.
+     */
+    chainId?: CAIP2;
+    /**
+     * Lock the payment to a specific currency. Pass the currency ID (e.g. the
+     * RAILS token ID) to force the widget to only accept that currency. If the
+     * token lives on a different chain than the app default, also pass `chainId`.
+     */
+    currencyId?: string;
     appMetadata?: {
         name?: string;
         logoUrl?: string;
@@ -37,7 +57,7 @@ type UseGlidePayProps = {
     baseUrl?: string;
     debug?: boolean;
 };
-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, solanaWalletProvider, localStorageProvider, onOpen, onSuccess, onClose, autoCloseOnSuccess, popupsBlocked, baseUrl, debug, }: UseGlidePayProps) => {
+export declare const useGlidePay: ({ app, preferGaslessPayment, chainIds, excludeChainIds, excludeCurrencyTiers, excludeFundingSources, fundingSources, allowedPaymentCurrencies, chainId, currencyId, appMetadata, enableRefundEmails, payerEmail, hideSettlementCopy, showAppLogo, showOnrampFirst, debitCardAlias, copyOverrides, amount, amountUSD, sessionId, sessionMetadata, theme, walletProvider, solanaWalletProvider, 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.50",
+  "version": "0.0.52",
   "type": "module",
   "files": [
     "dist"