@rhinestone/deposit-modal 0.12.2 → 0.13.0

package/dist/{types-oFblf65g.d.ts → types-B89I8_8H.d.ts}

@@ -38,6 +38,16 @@ interface SignRecoveryPayload {
      * verifier accepts.
      */
     signer: Address;
+    /**
+     * The chain the deposit is on, and therefore the chain the signature is
+     * verified against.
+     *
+     * Load-bearing for a smart account: ERC-1271 and ERC-6492 verification are
+     * per-chain, so a signature produced against the wrong one is well formed,
+     * rejected remotely, and reported to the user as a signature their wallet
+     * cannot make. An EOA signature does not depend on it.
+     */
+    chainId: number;
     /** Deposit being recovered, for your own logging or confirmation UI. */
     depositId: string;
     /** Where the funds will go. Covered by the signature. */
@@ -76,7 +86,13 @@ type RpcUrlMap = Partial<Record<ChainKey, string>>;
 type Caip2ChainId = `eip155:${number}` | `solana:${string}`;
 type ChainId = number | "solana" | "hypercore" | Caip2ChainId;
 interface DepositModalTheme {
-    mode?: "light" | "dark";
+    /**
+     * Absent means light, unconditionally — never "follow the OS". `"system"` is
+     * opt-in because an app that is single-appearance by design would otherwise
+     * get a dark funding sheet inside a light app the moment the user flips
+     * their phone.
+     */
+    mode?: "light" | "dark" | "system";
     radius?: "none" | "sm" | "md" | "lg" | "full";
     fontColor?: string;
     iconColor?: string;
@@ -247,6 +263,15 @@ interface DepositModalProps {
     enableFiatOnramp?: boolean;
     /** Show the Transfer Crypto / QR row. Default: true. */
     enableQrTransfer?: boolean;
+    /**
+     * Offer gasless ERC-20 deposits from the connected wallet: instead of an
+     * on-chain transfer, the user signs the highest-priority token authorization
+     * supported by the backend (ERC-3009, ERC-2612, then Permit2). Opt-in and
+     * purely additive — the plain transfer stays the default and the automatic
+     * fallback whenever the gasless path is unavailable (older proxy, feature
+     * disabled, missing Permit2 allowance, rejected signature). Default: false.
+     */
+    enableGaslessDeposit?: boolean;
     /**
      * Restrict Cash to an exact subset of the standard payment groups. Providing
      * the map opts this modal instance out of regional personalization; omit it
@@ -430,6 +455,7 @@ type DepositLifecycleEvent = {
     smartAccount: Address;
 } | {
     type: "submitted";
+    /** Real source-chain transaction hash; not emitted for permit deposits before settlement. */
     txHash: string;
     sourceChain: ChainId | "unknown";
     /** Source-token base units (e.g. "1100000" for 1.10 USDC). */

package/dist/{types-BO4iP6fG.d.cts → types-nnDR4tqA.d.cts}

@@ -38,6 +38,16 @@ interface SignRecoveryPayload {
      * verifier accepts.
      */
     signer: Address;
+    /**
+     * The chain the deposit is on, and therefore the chain the signature is
+     * verified against.
+     *
+     * Load-bearing for a smart account: ERC-1271 and ERC-6492 verification are
+     * per-chain, so a signature produced against the wrong one is well formed,
+     * rejected remotely, and reported to the user as a signature their wallet
+     * cannot make. An EOA signature does not depend on it.
+     */
+    chainId: number;
     /** Deposit being recovered, for your own logging or confirmation UI. */
     depositId: string;
     /** Where the funds will go. Covered by the signature. */
@@ -76,7 +86,13 @@ type RpcUrlMap = Partial<Record<ChainKey, string>>;
 type Caip2ChainId = `eip155:${number}` | `solana:${string}`;
 type ChainId = number | "solana" | "hypercore" | Caip2ChainId;
 interface DepositModalTheme {
-    mode?: "light" | "dark";
+    /**
+     * Absent means light, unconditionally — never "follow the OS". `"system"` is
+     * opt-in because an app that is single-appearance by design would otherwise
+     * get a dark funding sheet inside a light app the moment the user flips
+     * their phone.
+     */
+    mode?: "light" | "dark" | "system";
     radius?: "none" | "sm" | "md" | "lg" | "full";
     fontColor?: string;
     iconColor?: string;
@@ -247,6 +263,15 @@ interface DepositModalProps {
     enableFiatOnramp?: boolean;
     /** Show the Transfer Crypto / QR row. Default: true. */
     enableQrTransfer?: boolean;
+    /**
+     * Offer gasless ERC-20 deposits from the connected wallet: instead of an
+     * on-chain transfer, the user signs the highest-priority token authorization
+     * supported by the backend (ERC-3009, ERC-2612, then Permit2). Opt-in and
+     * purely additive — the plain transfer stays the default and the automatic
+     * fallback whenever the gasless path is unavailable (older proxy, feature
+     * disabled, missing Permit2 allowance, rejected signature). Default: false.
+     */
+    enableGaslessDeposit?: boolean;
     /**
      * Restrict Cash to an exact subset of the standard payment groups. Providing
      * the map opts this modal instance out of regional personalization; omit it
@@ -430,6 +455,7 @@ type DepositLifecycleEvent = {
     smartAccount: Address;
 } | {
     type: "submitted";
+    /** Real source-chain transaction hash; not emitted for permit deposits before settlement. */
     txHash: string;
     sourceChain: ChainId | "unknown";
     /** Source-token base units (e.g. "1100000" for 1.10 USDC). */

package/dist/withdraw.cjs

@@ -1,10 +1,10 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkUQIJU6HVcjs = require('./chunk-UQIJU6HV.cjs');
-require('./chunk-PWLEBV5V.cjs');
-require('./chunk-BRYNGLDM.cjs');
-require('./chunk-L32UI7LA.cjs');
-require('./chunk-O7BCVQ6L.cjs');
+var _chunk7N77GIP4cjs = require('./chunk-7N77GIP4.cjs');
+require('./chunk-RAADLTSW.cjs');
+require('./chunk-ZMT4ATHR.cjs');
+require('./chunk-GACIGCSN.cjs');
+require('./chunk-4KCSH4T3.cjs');
 
 
-exports.WithdrawModal = _chunkUQIJU6HVcjs.WithdrawModal;
+exports.WithdrawModal = _chunk7N77GIP4cjs.WithdrawModal;

package/dist/withdraw.d.cts

@@ -1,9 +1,17 @@
 import * as react from 'react';
-import { p as WithdrawModalProps } from './types-BO4iP6fG.cjs';
-export { a as AssetOption, e as ConnectedEventData, E as ErrorEventData, R as RpcUrlMap, m as WithdrawCompleteEventData, n as WithdrawFailedEventData, q as WithdrawSubmittedEventData, r as WithdrawTransferRequest } from './types-BO4iP6fG.cjs';
+import { p as WithdrawModalProps } from './types-nnDR4tqA.cjs';
+export { a as AssetOption, e as ConnectedEventData, E as ErrorEventData, R as RpcUrlMap, m as WithdrawCompleteEventData, n as WithdrawFailedEventData, q as WithdrawSubmittedEventData, r as WithdrawTransferRequest } from './types-nnDR4tqA.cjs';
+import { M as ModalUiState } from './modal-ui-state-OD1RmKkK.cjs';
 import 'viem';
 import './caip-D8aRWdEY.cjs';
 
-declare function WithdrawModal({ accountAddress, sourceChain: sourceChainProp, sourceToken, targetChain: targetChainProp, targetToken, recipient, defaultAmount, isOpen, onClose, inline, closeOnOverlayClick, backendUrl, rpcUrls: rpcUrlsProp, forceRegister, onSendTransaction, theme, uiConfig, className, onReady, onLifecycle, onEvent, onError, debug, ...removedProps }: WithdrawModalProps): react.JSX.Element;
+/**
+ * Not part of `WithdrawModalProps`: the native embed is the only consumer, and
+ * a published prop is immediately someone else's import.
+ */
+interface WithdrawModalInternalProps {
+    onUiState?: (state: ModalUiState) => void;
+}
+declare function WithdrawModal({ accountAddress, sourceChain: sourceChainProp, sourceToken, targetChain: targetChainProp, targetToken, recipient, defaultAmount, isOpen, onClose, inline, closeOnOverlayClick, backendUrl, rpcUrls: rpcUrlsProp, forceRegister, onSendTransaction, theme, uiConfig, className, onReady, onLifecycle, onEvent, onError, debug, onUiState, ...removedProps }: WithdrawModalProps & WithdrawModalInternalProps): react.JSX.Element;
 
 export { WithdrawModal, WithdrawModalProps };

package/dist/withdraw.d.ts

@@ -1,9 +1,17 @@
 import * as react from 'react';
-import { p as WithdrawModalProps } from './types-oFblf65g.js';
-export { a as AssetOption, e as ConnectedEventData, E as ErrorEventData, R as RpcUrlMap, m as WithdrawCompleteEventData, n as WithdrawFailedEventData, q as WithdrawSubmittedEventData, r as WithdrawTransferRequest } from './types-oFblf65g.js';
+import { p as WithdrawModalProps } from './types-B89I8_8H.js';
+export { a as AssetOption, e as ConnectedEventData, E as ErrorEventData, R as RpcUrlMap, m as WithdrawCompleteEventData, n as WithdrawFailedEventData, q as WithdrawSubmittedEventData, r as WithdrawTransferRequest } from './types-B89I8_8H.js';
+import { M as ModalUiState } from './modal-ui-state-OD1RmKkK.js';
 import 'viem';
 import './caip-D8aRWdEY.js';
 
-declare function WithdrawModal({ accountAddress, sourceChain: sourceChainProp, sourceToken, targetChain: targetChainProp, targetToken, recipient, defaultAmount, isOpen, onClose, inline, closeOnOverlayClick, backendUrl, rpcUrls: rpcUrlsProp, forceRegister, onSendTransaction, theme, uiConfig, className, onReady, onLifecycle, onEvent, onError, debug, ...removedProps }: WithdrawModalProps): react.JSX.Element;
+/**
+ * Not part of `WithdrawModalProps`: the native embed is the only consumer, and
+ * a published prop is immediately someone else's import.
+ */
+interface WithdrawModalInternalProps {
+    onUiState?: (state: ModalUiState) => void;
+}
+declare function WithdrawModal({ accountAddress, sourceChain: sourceChainProp, sourceToken, targetChain: targetChainProp, targetToken, recipient, defaultAmount, isOpen, onClose, inline, closeOnOverlayClick, backendUrl, rpcUrls: rpcUrlsProp, forceRegister, onSendTransaction, theme, uiConfig, className, onReady, onLifecycle, onEvent, onError, debug, onUiState, ...removedProps }: WithdrawModalProps & WithdrawModalInternalProps): react.JSX.Element;
 
 export { WithdrawModal, WithdrawModalProps };

package/dist/withdraw.mjs

@@ -1,10 +1,10 @@
 import {
   WithdrawModal
-} from "./chunk-FLVLYO64.mjs";
-import "./chunk-J46WDSRD.mjs";
-import "./chunk-FXXUIK4E.mjs";
-import "./chunk-IAGFDSNC.mjs";
-import "./chunk-3STTWRAN.mjs";
+} from "./chunk-LTMMETAB.mjs";
+import "./chunk-COCBCQQC.mjs";
+import "./chunk-EOMT5LKX.mjs";
+import "./chunk-FZ5FZFIG.mjs";
+import "./chunk-VUATPOWJ.mjs";
 export {
   WithdrawModal
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rhinestone/deposit-modal",
-  "version": "0.12.2",
+  "version": "0.13.0",
   "description": "React modal component for Rhinestone cross-chain deposits",
   "author": "Rhinestone <dev@rhinestone.wtf>",
   "bugs": {
@@ -51,6 +51,16 @@
         "default": "./dist/claim.cjs"
       }
     },
+    "./embed": {
+      "import": {
+        "types": "./dist/embed.d.ts",
+        "default": "./dist/embed.mjs"
+      },
+      "require": {
+        "types": "./dist/embed.d.cts",
+        "default": "./dist/embed.cjs"
+      }
+    },
     "./server": {
       "import": {
         "types": "./dist/server.d.ts",
@@ -91,6 +101,8 @@
   "scripts": {
     "size": "size-limit",
     "build": "bun run scripts/sync-version.ts && tsup && bun run scripts/postbuild.ts",
+    "build:embed": "vite build --config embed-page/vite.config.ts",
+    "size:bundles": "bun run scripts/check-bundles.ts",
     "clean": "rm -rf dist",
     "typecheck": "tsc --noEmit",
     "test": "vitest run",
@@ -159,6 +171,7 @@
     "tsup": "^8.0.0",
     "typescript": "^5.5.0",
     "viem": "^2.53.1",
+    "vite": "^8.1.4",
     "vitest": "^4.0.10",
     "wagmi": "^3.6.18"
   },
@@ -182,6 +195,25 @@
         "porto/internal"
       ]
     },
+    {
+      "name": "Native Embed (all three modes)",
+      "path": "dist/embed.mjs",
+      "limit": "92 kB",
+      "ignore": [
+        "react",
+        "react-dom",
+        "viem",
+        "wagmi",
+        "@tanstack/react-query",
+        "@reown/appkit",
+        "@reown/appkit-adapter-wagmi",
+        "@walletconnect/ethereum-provider",
+        "@coinbase/wallet-sdk",
+        "@metamask/sdk",
+        "porto",
+        "porto/internal"
+      ]
+    },
     {
       "name": "Deposit & Withdraw Modals Only",
       "path": "dist/index.mjs",

package/dist/chunk-IAGFDSNC.mjs

@@ -1,11 +0,0 @@
-// src/core/version.ts
-var MODAL_VERSION = "0.12.2";
-var SERVICE_HEADERS = {
-  "Content-Type": "application/json",
-  "x-deposit-modal-version": MODAL_VERSION
-};
-
-export {
-  MODAL_VERSION,
-  SERVICE_HEADERS
-};

package/dist/chunk-L32UI7LA.cjs

@@ -1,11 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/core/version.ts
-var MODAL_VERSION = "0.12.2";
-var SERVICE_HEADERS = {
-  "Content-Type": "application/json",
-  "x-deposit-modal-version": MODAL_VERSION
-};
-
-
-
-
-exports.MODAL_VERSION = MODAL_VERSION; exports.SERVICE_HEADERS = SERVICE_HEADERS;