@rhinestone/deposit-modal 0.1.64 → 0.1.66

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 export { DepositModal } from './deposit.js';
 export { WithdrawModal } from './withdraw.js';
-export { A as AssetOption, C as ChainId, a as ConnectedEventData, D as DepositCompleteEventData, b as DepositEvent, c as DepositFailedEventData, d as DepositModalBranding, e as DepositModalProps, f as DepositModalTheme, g as DepositModalUIConfig, h as DepositSubmittedEventData, E as ErrorEventData, M as ModalEvent, O as OrderBookSwapAction, P as PostBridgeAction, R as RouteConfig, W as WithdrawCompleteEventData, i as WithdrawEvent, j as WithdrawFailedEventData, k as WithdrawModalProps, l as WithdrawSubmittedEventData } from './types-BLIqLF0c.js';
+export { A as AssetOption, C as ChainId, a as ConnectedEventData, D as DepositCompleteEventData, b as DepositEvent, c as DepositFailedEventData, d as DepositModalBranding, e as DepositModalProps, f as DepositModalTheme, g as DepositModalUIConfig, h as DepositSubmittedEventData, E as ErrorEventData, M as ModalEvent, O as OrderBookSwapAction, P as PostBridgeAction, R as RouteConfig, W as WithdrawCompleteEventData, i as WithdrawEvent, j as WithdrawFailedEventData, k as WithdrawModalProps, l as WithdrawSubmittedEventData } from './types-ymKENnUK.js';
 export { CHAIN_BY_ID, DEFAULT_BACKEND_URL, DEFAULT_SIGNER_ADDRESS, NATIVE_TOKEN_ADDRESS, SOURCE_CHAINS, SUPPORTED_CHAINS, chainRegistry, findChainIdForToken, getChainBadge, getChainIcon, getChainId, getChainName, getChainObject, getExplorerName, getExplorerTxUrl, getExplorerUrl, getSupportedChainIds, getSupportedTargetTokens, getSupportedTokenSymbolsForChain, getTargetTokenSymbolsForChain, getTokenAddress, getTokenDecimals, getTokenDecimalsByAddress, getTokenIcon, getTokenSymbol, getUsdcAddress, getUsdcDecimals, isSupportedTokenAddressForChain } from './constants.js';
 export { SafeTransactionRequest } from './safe.js';
 import 'react/jsx-runtime';

package/dist/index.mjs

@@ -1,10 +1,10 @@
 import {
   DepositModal
-} from "./chunk-XVCPUB6K.mjs";
+} from "./chunk-JDO7QPPH.mjs";
 import {
   WithdrawModal
-} from "./chunk-MYI5WSWL.mjs";
-import "./chunk-TDTBAZNO.mjs";
+} from "./chunk-CULXRW6U.mjs";
+import "./chunk-FWGLRTWF.mjs";
 import {
   CHAIN_BY_ID,
   DEFAULT_BACKEND_URL,

package/dist/reown.cjs

@@ -1,12 +1,12 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkN3BZTUSJcjs = require('./chunk-N3BZTUSJ.cjs');
+var _chunk5GN4QU67cjs = require('./chunk-5GN4QU67.cjs');
 
 
-var _chunkP4ULLROOcjs = require('./chunk-P4ULLROO.cjs');
-require('./chunk-5SR5N75I.cjs');
+var _chunk75LRORPOcjs = require('./chunk-75LRORPO.cjs');
+require('./chunk-JZWCK7C3.cjs');
 require('./chunk-R6U6BHCV.cjs');
 
 
 
-exports.DepositModal = _chunkN3BZTUSJcjs.DepositModal; exports.WithdrawModal = _chunkP4ULLROOcjs.WithdrawModal;
+exports.DepositModal = _chunk5GN4QU67cjs.DepositModal; exports.WithdrawModal = _chunk75LRORPOcjs.WithdrawModal;

package/dist/reown.d.cts

@@ -1,6 +1,6 @@
 export { DepositModal } from './deposit.cjs';
 export { WithdrawModal } from './withdraw.cjs';
-export { A as AssetOption, a as ConnectedEventData, D as DepositCompleteEventData, c as DepositFailedEventData, d as DepositModalBranding, e as DepositModalProps, f as DepositModalTheme, g as DepositModalUIConfig, h as DepositSubmittedEventData, E as ErrorEventData, W as WithdrawCompleteEventData, j as WithdrawFailedEventData, k as WithdrawModalProps, l as WithdrawSubmittedEventData } from './types-7IoN8k-P.cjs';
+export { A as AssetOption, a as ConnectedEventData, D as DepositCompleteEventData, c as DepositFailedEventData, d as DepositModalBranding, e as DepositModalProps, f as DepositModalTheme, g as DepositModalUIConfig, h as DepositSubmittedEventData, E as ErrorEventData, W as WithdrawCompleteEventData, j as WithdrawFailedEventData, k as WithdrawModalProps, l as WithdrawSubmittedEventData } from './types-DjaZ9sa8.cjs';
 export { SafeTransactionRequest } from './safe.cjs';
 import 'react/jsx-runtime';
 import 'viem';

package/dist/reown.d.ts

@@ -1,6 +1,6 @@
 export { DepositModal } from './deposit.js';
 export { WithdrawModal } from './withdraw.js';
-export { A as AssetOption, a as ConnectedEventData, D as DepositCompleteEventData, c as DepositFailedEventData, d as DepositModalBranding, e as DepositModalProps, f as DepositModalTheme, g as DepositModalUIConfig, h as DepositSubmittedEventData, E as ErrorEventData, W as WithdrawCompleteEventData, j as WithdrawFailedEventData, k as WithdrawModalProps, l as WithdrawSubmittedEventData } from './types-BLIqLF0c.js';
+export { A as AssetOption, a as ConnectedEventData, D as DepositCompleteEventData, c as DepositFailedEventData, d as DepositModalBranding, e as DepositModalProps, f as DepositModalTheme, g as DepositModalUIConfig, h as DepositSubmittedEventData, E as ErrorEventData, W as WithdrawCompleteEventData, j as WithdrawFailedEventData, k as WithdrawModalProps, l as WithdrawSubmittedEventData } from './types-ymKENnUK.js';
 export { SafeTransactionRequest } from './safe.js';
 import 'react/jsx-runtime';
 import 'viem';

package/dist/reown.mjs

@@ -1,10 +1,10 @@
 import {
   DepositModal
-} from "./chunk-XVCPUB6K.mjs";
+} from "./chunk-JDO7QPPH.mjs";
 import {
   WithdrawModal
-} from "./chunk-MYI5WSWL.mjs";
-import "./chunk-TDTBAZNO.mjs";
+} from "./chunk-CULXRW6U.mjs";
+import "./chunk-FWGLRTWF.mjs";
 import "./chunk-CIXHTOO3.mjs";
 export {
   DepositModal,

package/dist/styles.css

@@ -102,6 +102,7 @@
   background-color: var(--rs-background);
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
+  position: relative;
 }
 
 /* =============================================================================
@@ -1728,11 +1729,11 @@
 }
 
 .rs-modal-header-nav-right {
-  width: 28px;
   display: flex;
   align-items: center;
   justify-content: flex-end;
   flex-shrink: 0;
+  gap: 2px;
 }
 
 .rs-modal-header-title {
@@ -2963,3 +2964,433 @@
   color: var(--rs-muted-foreground);
   margin-top: 8px;
 }
+
+/* =============================================================================
+   History Button (Header)
+   ============================================================================= */
+
+.rs-modal-header-history {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 30px;
+  height: 30px;
+  padding: 0;
+  margin-right: 2px;
+  border: none;
+  border-radius: var(--rs-radius);
+  background: transparent;
+  color: var(--rs-muted-foreground);
+  cursor: pointer;
+  transition: color 0.15s, background-color 0.15s;
+}
+
+.rs-modal-header-history:hover:not(:disabled) {
+  color: var(--rs-foreground);
+  background: var(--rs-surface);
+}
+
+.rs-modal-header-history:active:not(:disabled) {
+  background: var(--rs-surface-hover);
+  transform: scale(0.96);
+}
+
+.rs-modal-header-history:disabled {
+  opacity: 0.3;
+  cursor: not-allowed;
+}
+
+.rs-modal-header-history svg {
+  width: 15px;
+  height: 15px;
+}
+
+/* =============================================================================
+   Deposit History Panel
+   ============================================================================= */
+
+.rs-history-panel {
+  position: absolute;
+  inset: 0;
+  z-index: 10;
+  display: flex;
+  flex-direction: column;
+  background: var(--rs-background);
+  border-radius: inherit;
+  animation: rs-history-slide-in 0.2s cubic-bezier(0.32, 0.72, 0, 1);
+}
+
+@keyframes rs-history-slide-in {
+  from {
+    opacity: 0;
+    transform: translateX(8px);
+  }
+  to {
+    opacity: 1;
+    transform: translateX(0);
+  }
+}
+
+/* Header */
+
+.rs-history-header {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  padding: 12px 16px;
+  border-bottom: 1px solid var(--rs-border-surface);
+  min-height: var(--rs-height-titlebar);
+}
+
+.rs-history-back {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 28px;
+  height: 28px;
+  padding: 0;
+  border: none;
+  border-radius: var(--rs-radius);
+  background: transparent;
+  color: var(--rs-muted-foreground);
+  cursor: pointer;
+  transition: color 0.15s, background-color 0.15s;
+  flex-shrink: 0;
+}
+
+.rs-history-back:hover {
+  color: var(--rs-foreground);
+  background: var(--rs-surface);
+}
+
+.rs-history-back svg {
+  width: 16px;
+  height: 16px;
+}
+
+.rs-history-header-title {
+  flex: 1;
+  font-size: 14px;
+  font-weight: 600;
+  color: var(--rs-foreground);
+  letter-spacing: -0.01em;
+}
+
+.rs-history-header-spacer {
+  width: 28px;
+  flex-shrink: 0;
+}
+
+/* Scrollable body */
+
+.rs-history-body {
+  flex: 1;
+  overflow-y: auto;
+  min-height: 0;
+}
+
+.rs-history-body::-webkit-scrollbar {
+  width: 4px;
+}
+
+.rs-history-body::-webkit-scrollbar-thumb {
+  background: var(--rs-border);
+  border-radius: 2px;
+}
+
+/* State screens (loading, empty, error) */
+
+.rs-history-state {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  gap: 10px;
+  padding: 56px 24px;
+  text-align: center;
+}
+
+.rs-history-spinner {
+  width: 24px;
+  height: 24px;
+  color: var(--rs-muted-foreground);
+  animation: rs-spinner 1s linear infinite;
+}
+
+.rs-history-spinner svg {
+  width: 100%;
+  height: 100%;
+}
+
+.rs-history-state-icon {
+  width: 32px;
+  height: 32px;
+  color: var(--rs-muted-foreground);
+}
+
+.rs-history-state-icon--error {
+  color: var(--rs-error);
+}
+
+.rs-history-state-icon svg {
+  width: 100%;
+  height: 100%;
+}
+
+.rs-history-state-text {
+  font-size: 13px;
+  font-weight: 500;
+  color: var(--rs-muted);
+}
+
+.rs-history-state-hint {
+  font-size: 12px;
+  color: var(--rs-muted-foreground);
+  margin-top: -4px;
+}
+
+/* List */
+
+.rs-history-list {
+  display: flex;
+  flex-direction: column;
+}
+
+/* Row */
+
+.rs-history-row {
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+  padding: 12px 16px;
+  border-bottom: 1px solid var(--rs-border-surface);
+  transition: background-color 0.12s;
+}
+
+.rs-history-row:last-child {
+  border-bottom: none;
+}
+
+.rs-history-row:hover {
+  background: var(--rs-background-secondary);
+}
+
+/* Row primary: route + status */
+
+.rs-history-row-primary {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 8px;
+}
+
+/* Chain route with icons */
+
+.rs-history-route {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  min-width: 0;
+}
+
+.rs-history-chain {
+  display: inline-flex;
+  align-items: center;
+  gap: 5px;
+  min-width: 0;
+}
+
+.rs-history-chain-icon {
+  width: 18px;
+  height: 18px;
+  border-radius: 4px;
+  flex-shrink: 0;
+  object-fit: cover;
+}
+
+.rs-history-chain-name {
+  font-size: 13px;
+  font-weight: 500;
+  color: var(--rs-foreground);
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.rs-history-route-arrow {
+  width: 12px;
+  height: 12px;
+  color: var(--rs-muted-foreground);
+  flex-shrink: 0;
+}
+
+/* Status with dot indicator */
+
+.rs-history-status {
+  display: inline-flex;
+  align-items: center;
+  gap: 5px;
+  font-size: 11px;
+  font-weight: 500;
+  letter-spacing: 0.01em;
+  line-height: 1;
+  white-space: nowrap;
+  flex-shrink: 0;
+}
+
+.rs-history-dot {
+  width: 6px;
+  height: 6px;
+  border-radius: 50%;
+  flex-shrink: 0;
+}
+
+.rs-history-dot--pending {
+  background: var(--color-amber8);
+}
+
+.rs-history-dot--processing {
+  background: var(--color-blue9);
+  animation: rs-history-dot-pulse 1.5s ease-in-out infinite;
+}
+
+.rs-history-dot--completed {
+  background: var(--color-green9);
+}
+
+.rs-history-dot--failed {
+  background: var(--color-red9);
+}
+
+@keyframes rs-history-dot-pulse {
+  0%, 100% { opacity: 1; }
+  50% { opacity: 0.4; }
+}
+
+.rs-history-status--completed {
+  color: var(--color-green10);
+}
+
+.rs-history-status--failed {
+  color: var(--color-red10);
+}
+
+.rs-history-status--processing {
+  color: var(--color-blue11);
+}
+
+.rs-history-status--pending {
+  color: var(--color-amber8);
+}
+
+/* Row secondary: amount + time */
+
+.rs-history-row-secondary {
+  display: flex;
+  align-items: baseline;
+  justify-content: space-between;
+  gap: 8px;
+}
+
+.rs-history-amount {
+  font-size: 12px;
+  color: var(--rs-muted);
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  min-width: 0;
+}
+
+.rs-history-token {
+  font-weight: 500;
+  color: var(--rs-foreground);
+}
+
+.rs-history-token-target {
+  color: var(--rs-muted-foreground);
+}
+
+.rs-history-no-amount {
+  color: var(--rs-muted-foreground);
+}
+
+.rs-history-time {
+  font-size: 11px;
+  color: var(--rs-muted-foreground);
+  white-space: nowrap;
+  flex-shrink: 0;
+}
+
+/* Tx hash links */
+
+.rs-history-row-links {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  margin-top: 1px;
+}
+
+.rs-history-tx-link {
+  display: inline-flex;
+  align-items: center;
+  gap: 3px;
+  padding: 2px 6px;
+  border-radius: 4px;
+  background: var(--rs-surface);
+  color: var(--rs-muted-foreground);
+  text-decoration: none;
+  transition: color 0.12s, background-color 0.12s;
+  cursor: pointer;
+}
+
+.rs-history-tx-link:hover {
+  color: var(--rs-foreground);
+  background: var(--rs-surface-hover);
+}
+
+.rs-history-tx-hash {
+  font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;
+  font-size: 10px;
+  letter-spacing: 0.01em;
+}
+
+.rs-history-ext-icon {
+  width: 10px;
+  height: 10px;
+  flex-shrink: 0;
+  opacity: 0.5;
+}
+
+.rs-history-tx-link:hover .rs-history-ext-icon {
+  opacity: 1;
+}
+
+/* Load more */
+
+.rs-history-load-more {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin: 4px 16px 12px;
+  padding: 8px 16px;
+  border: 1px solid var(--rs-border-surface);
+  border-radius: var(--rs-radius);
+  background: transparent;
+  color: var(--rs-muted);
+  font-size: 12px;
+  font-weight: 500;
+  font-family: inherit;
+  cursor: pointer;
+  transition: color 0.15s, background-color 0.15s, border-color 0.15s;
+}
+
+.rs-history-load-more:hover:not(:disabled) {
+  color: var(--rs-foreground);
+  background: var(--rs-background-secondary);
+  border-color: var(--rs-border);
+}
+
+.rs-history-load-more:disabled {
+  opacity: 0.5;
+  cursor: not-allowed;
+}

package/dist/{types-7IoN8k-P.d.cts → types-DjaZ9sa8.d.cts}

@@ -17,6 +17,7 @@ interface DepositModalUIConfig {
     showLogo?: boolean;
     showStepper?: boolean;
     showBackButton?: boolean;
+    showHistoryButton?: boolean;
     balance?: {
         title: string;
         amount?: string;

package/dist/{types-BLIqLF0c.d.ts → types-ymKENnUK.d.ts}

@@ -17,6 +17,7 @@ interface DepositModalUIConfig {
     showLogo?: boolean;
     showStepper?: boolean;
     showBackButton?: boolean;
+    showHistoryButton?: boolean;
     balance?: {
         title: string;
         amount?: string;

package/dist/withdraw.cjs

@@ -1,8 +1,8 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkP4ULLROOcjs = require('./chunk-P4ULLROO.cjs');
-require('./chunk-5SR5N75I.cjs');
+var _chunk75LRORPOcjs = require('./chunk-75LRORPO.cjs');
+require('./chunk-JZWCK7C3.cjs');
 require('./chunk-R6U6BHCV.cjs');
 
 
-exports.WithdrawModal = _chunkP4ULLROOcjs.WithdrawModal;
+exports.WithdrawModal = _chunk75LRORPOcjs.WithdrawModal;

package/dist/withdraw.d.cts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { k as WithdrawModalProps } from './types-7IoN8k-P.cjs';
-export { A as AssetOption, a as ConnectedEventData, E as ErrorEventData, W as WithdrawCompleteEventData, j as WithdrawFailedEventData, l as WithdrawSubmittedEventData } from './types-7IoN8k-P.cjs';
+import { k as WithdrawModalProps } from './types-DjaZ9sa8.cjs';
+export { A as AssetOption, a as ConnectedEventData, E as ErrorEventData, W as WithdrawCompleteEventData, j as WithdrawFailedEventData, l as WithdrawSubmittedEventData } from './types-DjaZ9sa8.cjs';
 export { SafeTransactionRequest } from './safe.cjs';
 import 'viem';
 

package/dist/withdraw.d.ts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { k as WithdrawModalProps } from './types-BLIqLF0c.js';
-export { A as AssetOption, a as ConnectedEventData, E as ErrorEventData, W as WithdrawCompleteEventData, j as WithdrawFailedEventData, l as WithdrawSubmittedEventData } from './types-BLIqLF0c.js';
+import { k as WithdrawModalProps } from './types-ymKENnUK.js';
+export { A as AssetOption, a as ConnectedEventData, E as ErrorEventData, W as WithdrawCompleteEventData, j as WithdrawFailedEventData, l as WithdrawSubmittedEventData } from './types-ymKENnUK.js';
 export { SafeTransactionRequest } from './safe.js';
 import 'viem';
 

package/dist/withdraw.mjs

@@ -1,7 +1,7 @@
 import {
   WithdrawModal
-} from "./chunk-MYI5WSWL.mjs";
-import "./chunk-TDTBAZNO.mjs";
+} from "./chunk-CULXRW6U.mjs";
+import "./chunk-FWGLRTWF.mjs";
 import "./chunk-CIXHTOO3.mjs";
 export {
   WithdrawModal

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rhinestone/deposit-modal",
-  "version": "0.1.64",
+  "version": "0.1.66",
   "description": "React modal component for Rhinestone cross-chain deposits",
   "author": "Rhinestone <dev@rhinestone.wtf>",
   "bugs": {