@rhinestone/deposit-modal 0.3.0-alpha.9 → 0.3.0

package/dist/{types-D8Q4TMk7.d.cts → types-BMcGO5k_.d.cts}

@@ -153,6 +153,21 @@ interface RouteConfig {
     sourceChains?: number[];
     sourceTokens?: string[];
 }
+interface FiatPaymentMethodOption {
+    /**
+     * Swapped's `payment_group` value (e.g. `creditcard`, `apple-pay`,
+     * `bank-transfer`) from GET /api/v1/merchant/get_payment_methods. This exact
+     * value is what the widget URL's `method` param prepopulates from — Apple Pay
+     * is `apple-pay`, not `applepay`.
+     */
+    method: string;
+    /** Row label shown in ConnectStep. */
+    label: string;
+    /** Optional sublabel under the row. */
+    sublabel?: string;
+    /** Optional icon name: `card` | `apple` | `bank`. Defaults to `card`. */
+    icon?: "card" | "apple" | "bank";
+}
 interface DepositModalProps {
     dappWalletClient?: WalletClient | null;
     dappPublicClient?: PublicClient | null;
@@ -188,7 +203,6 @@ interface DepositModalProps {
     signerAddress?: Address;
     sessionChainIds?: number[];
     forceRegister?: boolean;
-    waitForFinalTx?: boolean;
     reownAppId?: string;
     enableSolana?: boolean;
     /**
@@ -198,6 +212,21 @@ interface DepositModalProps {
      * entry screen.
      */
     dappImports?: DappImportsConfig;
+    /** Show fiat on-ramp option(s) that embed Swapped's iframe. Default: false. */
+    enableFiatOnramp?: boolean;
+    /** Show the Transfer Crypto / QR row. Default: true. */
+    enableQrTransfer?: boolean;
+    /**
+     * One row per Swapped payment method (Pay with Card / Apple Pay / Bank
+     * Transfer). When set, replaces the generic "Pay with Card" row.
+     */
+    fiatOnrampMethods?: FiatPaymentMethodOption[];
+    /**
+     * Show a "Fund from Exchange" row that opens Swapped Connect — the user
+     * picks their CEX (Coinbase, Binance, Kraken…) or wallet inside the iframe
+     * and Swapped pulls the crypto on-chain to the smart account. Default: false.
+     */
+    enableExchangeConnect?: boolean;
     onRequestConnect?: () => void;
     theme?: DepositModalTheme;
     uiConfig?: DepositModalUIConfig;
@@ -231,7 +260,6 @@ interface WithdrawModalProps {
     signerAddress?: Address;
     sessionChainIds?: number[];
     forceRegister?: boolean;
-    waitForFinalTx?: boolean;
     reownAppId?: string;
     onSignTransaction?: (request: SafeTransactionRequest) => Promise<{
         signature: Hex;
@@ -276,14 +304,40 @@ type DepositLifecycleEvent = {
     type: "submitted";
     txHash: string;
     sourceChain: ChainId | "unknown";
+    /** Source-token base units (e.g. "1100000" for 1.10 USDC). */
     amount: string;
+    /**
+     * Decimals of the source token, for converting `amount` to a
+     * human-readable value. Omitted when the token is not recognised
+     * (e.g. a QR deposit of an unlisted token).
+     */
+    sourceDecimals?: number;
+    /**
+     * USD equivalent of the deposit as entered in the modal (token units
+     * for unpriced non-stablecoins). Omitted for flows without an amount
+     * input (QR transfer, fiat onramp, exchange connect).
+     */
+    amountUsd?: string;
 } | {
     type: "complete";
     txHash: string;
     destinationTxHash?: string;
+    /** Source-token base units (e.g. "1100000" for 1.10 USDC). */
     amount: string;
     sourceChain: ChainId | "unknown";
     sourceToken?: string;
+    /**
+     * Decimals of the source token, for converting `amount` to a
+     * human-readable value. Omitted when the token is not recognised
+     * (e.g. a QR deposit of an unlisted token).
+     */
+    sourceDecimals?: number;
+    /**
+     * USD equivalent of the deposit as entered in the modal (token units
+     * for unpriced non-stablecoins). Omitted for flows without an amount
+     * input (QR transfer, fiat onramp, exchange connect).
+     */
+    amountUsd?: string;
     targetChain: number | "solana";
     targetToken: string;
 } | {

package/dist/{types-D8Q4TMk7.d.ts → types-BMcGO5k_.d.ts}

@@ -153,6 +153,21 @@ interface RouteConfig {
     sourceChains?: number[];
     sourceTokens?: string[];
 }
+interface FiatPaymentMethodOption {
+    /**
+     * Swapped's `payment_group` value (e.g. `creditcard`, `apple-pay`,
+     * `bank-transfer`) from GET /api/v1/merchant/get_payment_methods. This exact
+     * value is what the widget URL's `method` param prepopulates from — Apple Pay
+     * is `apple-pay`, not `applepay`.
+     */
+    method: string;
+    /** Row label shown in ConnectStep. */
+    label: string;
+    /** Optional sublabel under the row. */
+    sublabel?: string;
+    /** Optional icon name: `card` | `apple` | `bank`. Defaults to `card`. */
+    icon?: "card" | "apple" | "bank";
+}
 interface DepositModalProps {
     dappWalletClient?: WalletClient | null;
     dappPublicClient?: PublicClient | null;
@@ -188,7 +203,6 @@ interface DepositModalProps {
     signerAddress?: Address;
     sessionChainIds?: number[];
     forceRegister?: boolean;
-    waitForFinalTx?: boolean;
     reownAppId?: string;
     enableSolana?: boolean;
     /**
@@ -198,6 +212,21 @@ interface DepositModalProps {
      * entry screen.
      */
     dappImports?: DappImportsConfig;
+    /** Show fiat on-ramp option(s) that embed Swapped's iframe. Default: false. */
+    enableFiatOnramp?: boolean;
+    /** Show the Transfer Crypto / QR row. Default: true. */
+    enableQrTransfer?: boolean;
+    /**
+     * One row per Swapped payment method (Pay with Card / Apple Pay / Bank
+     * Transfer). When set, replaces the generic "Pay with Card" row.
+     */
+    fiatOnrampMethods?: FiatPaymentMethodOption[];
+    /**
+     * Show a "Fund from Exchange" row that opens Swapped Connect — the user
+     * picks their CEX (Coinbase, Binance, Kraken…) or wallet inside the iframe
+     * and Swapped pulls the crypto on-chain to the smart account. Default: false.
+     */
+    enableExchangeConnect?: boolean;
     onRequestConnect?: () => void;
     theme?: DepositModalTheme;
     uiConfig?: DepositModalUIConfig;
@@ -231,7 +260,6 @@ interface WithdrawModalProps {
     signerAddress?: Address;
     sessionChainIds?: number[];
     forceRegister?: boolean;
-    waitForFinalTx?: boolean;
     reownAppId?: string;
     onSignTransaction?: (request: SafeTransactionRequest) => Promise<{
         signature: Hex;
@@ -276,14 +304,40 @@ type DepositLifecycleEvent = {
     type: "submitted";
     txHash: string;
     sourceChain: ChainId | "unknown";
+    /** Source-token base units (e.g. "1100000" for 1.10 USDC). */
     amount: string;
+    /**
+     * Decimals of the source token, for converting `amount` to a
+     * human-readable value. Omitted when the token is not recognised
+     * (e.g. a QR deposit of an unlisted token).
+     */
+    sourceDecimals?: number;
+    /**
+     * USD equivalent of the deposit as entered in the modal (token units
+     * for unpriced non-stablecoins). Omitted for flows without an amount
+     * input (QR transfer, fiat onramp, exchange connect).
+     */
+    amountUsd?: string;
 } | {
     type: "complete";
     txHash: string;
     destinationTxHash?: string;
+    /** Source-token base units (e.g. "1100000" for 1.10 USDC). */
     amount: string;
     sourceChain: ChainId | "unknown";
     sourceToken?: string;
+    /**
+     * Decimals of the source token, for converting `amount` to a
+     * human-readable value. Omitted when the token is not recognised
+     * (e.g. a QR deposit of an unlisted token).
+     */
+    sourceDecimals?: number;
+    /**
+     * USD equivalent of the deposit as entered in the modal (token units
+     * for unpriced non-stablecoins). Omitted for flows without an amount
+     * input (QR transfer, fiat onramp, exchange connect).
+     */
+    amountUsd?: string;
     targetChain: number | "solana";
     targetToken: string;
 } | {

package/dist/withdraw.cjs

@@ -1,8 +1,8 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkG5Q4QBWXcjs = require('./chunk-G5Q4QBWX.cjs');
-require('./chunk-MMXUBBGK.cjs');
-require('./chunk-7JIDIX27.cjs');
+var _chunk2SMS542Qcjs = require('./chunk-2SMS542Q.cjs');
+require('./chunk-RABZINV3.cjs');
+require('./chunk-MILJQWPT.cjs');
 
 
-exports.WithdrawModal = _chunkG5Q4QBWXcjs.WithdrawModal;
+exports.WithdrawModal = _chunk2SMS542Qcjs.WithdrawModal;

package/dist/withdraw.d.cts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { n as WithdrawModalProps } from './types-D8Q4TMk7.cjs';
-export { A as AssetOption, a as ConnectedEventData, E as ErrorEventData, S as SafeTransactionRequest, k as WithdrawCompleteEventData, l as WithdrawFailedEventData, o as WithdrawSubmittedEventData } from './types-D8Q4TMk7.cjs';
+import { n as WithdrawModalProps } from './types-BMcGO5k_.cjs';
+export { A as AssetOption, a as ConnectedEventData, E as ErrorEventData, S as SafeTransactionRequest, k as WithdrawCompleteEventData, l as WithdrawFailedEventData, o as WithdrawSubmittedEventData } from './types-BMcGO5k_.cjs';
 import 'viem';
 
 declare function WithdrawModal(props: WithdrawModalProps): react_jsx_runtime.JSX.Element;

package/dist/withdraw.d.ts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { n as WithdrawModalProps } from './types-D8Q4TMk7.js';
-export { A as AssetOption, a as ConnectedEventData, E as ErrorEventData, S as SafeTransactionRequest, k as WithdrawCompleteEventData, l as WithdrawFailedEventData, o as WithdrawSubmittedEventData } from './types-D8Q4TMk7.js';
+import { n as WithdrawModalProps } from './types-BMcGO5k_.js';
+export { A as AssetOption, a as ConnectedEventData, E as ErrorEventData, S as SafeTransactionRequest, k as WithdrawCompleteEventData, l as WithdrawFailedEventData, o as WithdrawSubmittedEventData } from './types-BMcGO5k_.js';
 import 'viem';
 
 declare function WithdrawModal(props: WithdrawModalProps): react_jsx_runtime.JSX.Element;

package/dist/withdraw.mjs

@@ -1,8 +1,8 @@
 import {
   WithdrawModal
-} from "./chunk-KE4MRCFN.mjs";
-import "./chunk-TJG2AFPS.mjs";
-import "./chunk-SZIYS42B.mjs";
+} from "./chunk-TKQYTBU6.mjs";
+import "./chunk-KAWJABTW.mjs";
+import "./chunk-6YRDD462.mjs";
 export {
   WithdrawModal
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rhinestone/deposit-modal",
-  "version": "0.3.0-alpha.9",
+  "version": "0.3.0",
   "description": "React modal component for Rhinestone cross-chain deposits",
   "author": "Rhinestone <dev@rhinestone.wtf>",
   "bugs": {
@@ -12,24 +12,44 @@
   "types": "./dist/index.d.ts",
   "exports": {
     ".": {
-      "types": "./dist/index.d.ts",
-      "import": "./dist/index.mjs",
-      "require": "./dist/index.cjs"
+      "import": {
+        "types": "./dist/index.d.ts",
+        "default": "./dist/index.mjs"
+      },
+      "require": {
+        "types": "./dist/index.d.cts",
+        "default": "./dist/index.cjs"
+      }
     },
     "./deposit": {
-      "types": "./dist/deposit.d.ts",
-      "import": "./dist/deposit.mjs",
-      "require": "./dist/deposit.cjs"
+      "import": {
+        "types": "./dist/deposit.d.ts",
+        "default": "./dist/deposit.mjs"
+      },
+      "require": {
+        "types": "./dist/deposit.d.cts",
+        "default": "./dist/deposit.cjs"
+      }
     },
     "./withdraw": {
-      "types": "./dist/withdraw.d.ts",
-      "import": "./dist/withdraw.mjs",
-      "require": "./dist/withdraw.cjs"
+      "import": {
+        "types": "./dist/withdraw.d.ts",
+        "default": "./dist/withdraw.mjs"
+      },
+      "require": {
+        "types": "./dist/withdraw.d.cts",
+        "default": "./dist/withdraw.cjs"
+      }
     },
     "./constants": {
-      "types": "./dist/constants.d.ts",
-      "import": "./dist/constants.mjs",
-      "require": "./dist/constants.cjs"
+      "import": {
+        "types": "./dist/constants.d.ts",
+        "default": "./dist/constants.mjs"
+      },
+      "require": {
+        "types": "./dist/constants.d.cts",
+        "default": "./dist/constants.cjs"
+      }
     },
     "./styles.css": {
       "types": "./dist/styles.d.ts",
@@ -51,7 +71,10 @@
     "test": "vitest run",
     "test:watch": "vitest",
     "test:coverage": "vitest run --coverage",
-    "prepublishOnly": "bun run clean && bun run build && bun run typecheck"
+    "prepublishOnly": "bun run clean && bun run build && bun run typecheck",
+    "changeset": "changeset",
+    "changeset:version": "changeset version",
+    "changeset:release": "bun run build && changeset publish"
   },
   "peerDependencies": {
     "react": ">=18",
@@ -82,6 +105,7 @@
     "zustand": "^5"
   },
   "devDependencies": {
+    "@changesets/cli": "^2.28.1",
     "@reown/appkit": "1.8.20",
     "@reown/appkit-adapter-solana": "1.8.20",
     "@reown/appkit-adapter-wagmi": "1.8.20",
@@ -110,7 +134,7 @@
     {
       "name": "Total Bundle (Everything)",
       "path": "dist/index.mjs",
-      "limit": "52 kB",
+      "limit": "65 kB",
       "ignore": [
         "react",
         "react-dom",
@@ -130,7 +154,7 @@
       "name": "Deposit & Withdraw Modals Only",
       "path": "dist/index.mjs",
       "import": "{ DepositModal, WithdrawModal }",
-      "limit": "52 kB",
+      "limit": "64 kB",
       "ignore": [
         "react",
         "react-dom",
@@ -158,7 +182,7 @@
   ],
   "repository": {
     "type": "git",
-    "url": "https://github.com/rhinestonewtf/deposit-modal"
+    "url": "git+https://github.com/rhinestonewtf/deposit-modal.git"
   },
   "overrides": {
     "@reown/appkit-common": "1.8.20"