@rhinestone/deposit-modal 0.1.35 → 0.1.37

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,6 +1,6 @@
1
1
  "use strict";Object.defineProperty(exports, "__esModule", {value: true});
2
2
 
3
- var _chunkYCXVHPGZcjs = require('./chunk-YCXVHPGZ.cjs');
3
+ var _chunkFQIIKMDJcjs = require('./chunk-FQIIKMDJ.cjs');
4
4
 
5
5
 
6
6
 
@@ -20,7 +20,7 @@ function DepositModalWithReown(props) {
20
20
  reown.disconnect();
21
21
  }, [reown.disconnect]);
22
22
  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
23
- _chunkYCXVHPGZcjs.DepositModalInner,
23
+ _chunkFQIIKMDJcjs.DepositModalInner,
24
24
  {
25
25
  ...props,
26
26
  reownWallet: reown,
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  DepositModalInner
3
- } from "./chunk-DL5M5QZZ.mjs";
3
+ } from "./chunk-MMVDUFJD.mjs";
4
4
  import {
5
5
  ReownWalletProvider,
6
6
  useReownWallet
@@ -1,6 +1,6 @@
1
1
  "use strict";Object.defineProperty(exports, "__esModule", {value: true});
2
2
 
3
- var _chunkYWZMQIUAcjs = require('./chunk-YWZMQIUA.cjs');
3
+ var _chunkSFYMDLKJcjs = require('./chunk-SFYMDLKJ.cjs');
4
4
 
5
5
 
6
6
 
@@ -20,7 +20,7 @@ function WithdrawModalWithReown(props) {
20
20
  reown.disconnect();
21
21
  }, [reown.disconnect]);
22
22
  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
23
- _chunkYWZMQIUAcjs.WithdrawModalInner,
23
+ _chunkSFYMDLKJcjs.WithdrawModalInner,
24
24
  {
25
25
  ...props,
26
26
  reownWallet: reown,
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  WithdrawModalInner
3
- } from "./chunk-GJ7W4TIL.mjs";
3
+ } from "./chunk-MKOZFFFJ.mjs";
4
4
  import {
5
5
  ReownWalletProvider,
6
6
  useReownWallet
@@ -1301,6 +1301,8 @@ function DepositAddressStep({
1301
1301
  const [pollingError, setPollingError] = _react.useState.call(void 0, null);
1302
1302
  const [chainDropdownOpen, setChainDropdownOpen] = _react.useState.call(void 0, false);
1303
1303
  const [tokenDropdownOpen, setTokenDropdownOpen] = _react.useState.call(void 0, false);
1304
+ const chainDropdownRef = _react.useRef.call(void 0, null);
1305
+ const tokenDropdownRef = _react.useRef.call(void 0, null);
1304
1306
  const depositHandledRef = _react.useRef.call(void 0, false);
1305
1307
  const sourceSelectionRef = _react.useRef.call(void 0, {
1306
1308
  chainId: defaultChainId,
@@ -1312,6 +1314,24 @@ function DepositAddressStep({
1312
1314
  tokenSymbol: sourceTokenSymbol
1313
1315
  };
1314
1316
  }, [sourceChainId, sourceTokenSymbol]);
1317
+ _react.useEffect.call(void 0, () => {
1318
+ if (!chainDropdownOpen && !tokenDropdownOpen) return;
1319
+ function handlePointerDown(event) {
1320
+ const target = event.target;
1321
+ if (!target) return;
1322
+ const clickedChainDropdown = _optionalChain([chainDropdownRef, 'access', _20 => _20.current, 'optionalAccess', _21 => _21.contains, 'call', _22 => _22(target)]);
1323
+ const clickedTokenDropdown = _optionalChain([tokenDropdownRef, 'access', _23 => _23.current, 'optionalAccess', _24 => _24.contains, 'call', _25 => _25(target)]);
1324
+ if (clickedChainDropdown || clickedTokenDropdown) return;
1325
+ setChainDropdownOpen(false);
1326
+ setTokenDropdownOpen(false);
1327
+ }
1328
+ document.addEventListener("mousedown", handlePointerDown);
1329
+ document.addEventListener("touchstart", handlePointerDown);
1330
+ return () => {
1331
+ document.removeEventListener("mousedown", handlePointerDown);
1332
+ document.removeEventListener("touchstart", handlePointerDown);
1333
+ };
1334
+ }, [chainDropdownOpen, tokenDropdownOpen]);
1315
1335
  const handleCopy = _react.useCallback.call(void 0, async () => {
1316
1336
  try {
1317
1337
  await navigator.clipboard.writeText(smartAccount);
@@ -1342,7 +1362,7 @@ function DepositAddressStep({
1342
1362
  const status = await service.fetchLatestStatus(smartAccount);
1343
1363
  if (cancelled || depositHandledRef.current) return;
1344
1364
  const event = status.lastEvent;
1345
- const eventTxHash = _chunkYIHOACM3cjs.isDepositEvent.call(void 0, event) ? _nullishCoalesce(_optionalChain([_chunkYIHOACM3cjs.getEventTxHash.call(void 0, event), 'optionalAccess', _20 => _20.toLowerCase, 'call', _21 => _21()]), () => ( null)) : null;
1365
+ const eventTxHash = _chunkYIHOACM3cjs.isDepositEvent.call(void 0, event) ? _nullishCoalesce(_optionalChain([_chunkYIHOACM3cjs.getEventTxHash.call(void 0, event), 'optionalAccess', _26 => _26.toLowerCase, 'call', _27 => _27()]), () => ( null)) : null;
1346
1366
  if (baselineTxHash === void 0) {
1347
1367
  baselineTxHash = eventTxHash;
1348
1368
  } else if (eventTxHash && eventTxHash !== baselineTxHash) {
@@ -1362,7 +1382,7 @@ function DepositAddressStep({
1362
1382
  if (!cancelled) {
1363
1383
  const msg = err instanceof Error ? err.message : "Failed to check status";
1364
1384
  setPollingError(msg);
1365
- _optionalChain([onError, 'optionalCall', _22 => _22(msg, "STATUS_POLL_ERROR")]);
1385
+ _optionalChain([onError, 'optionalCall', _28 => _28(msg, "STATUS_POLL_ERROR")]);
1366
1386
  }
1367
1387
  }
1368
1388
  if (!cancelled && !depositHandledRef.current) {
@@ -1379,8 +1399,8 @@ function DepositAddressStep({
1379
1399
  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-step", children: [
1380
1400
  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "rs-step-body", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-deposit-address", children: [
1381
1401
  /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-deposit-address-selectors", children: [
1382
- /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-deposit-address-dropdown", children: [
1383
- /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "rs-deposit-address-dropdown-label", children: "Fallback token" }),
1402
+ /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-deposit-address-dropdown", ref: tokenDropdownRef, children: [
1403
+ /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "rs-deposit-address-dropdown-label", children: "Supported token" }),
1384
1404
  /* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
1385
1405
  "button",
1386
1406
  {
@@ -1445,8 +1465,8 @@ function DepositAddressStep({
1445
1465
  symbol
1446
1466
  )) })
1447
1467
  ] }),
1448
- /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-deposit-address-dropdown", children: [
1449
- /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "rs-deposit-address-dropdown-label", children: "Fallback chain" }),
1468
+ /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-deposit-address-dropdown", ref: chainDropdownRef, children: [
1469
+ /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "rs-deposit-address-dropdown-label", children: "Supported chain" }),
1450
1470
  /* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
1451
1471
  "button",
1452
1472
  {
@@ -1619,15 +1639,15 @@ function DepositFlow({
1619
1639
  return null;
1620
1640
  }, []);
1621
1641
  const dappSwitchChain = _react.useMemo.call(void 0, () => {
1622
- if (!_optionalChain([dappWalletClient, 'optionalAccess', _23 => _23.switchChain])) return void 0;
1642
+ if (!_optionalChain([dappWalletClient, 'optionalAccess', _29 => _29.switchChain])) return void 0;
1623
1643
  return async (chainId) => {
1624
- await _optionalChain([dappWalletClient, 'access', _24 => _24.switchChain, 'optionalCall', _25 => _25({ id: chainId })]);
1644
+ await _optionalChain([dappWalletClient, 'access', _30 => _30.switchChain, 'optionalCall', _31 => _31({ id: chainId })]);
1625
1645
  };
1626
1646
  }, [dappWalletClient]);
1627
1647
  const walletOptions = _react.useMemo.call(void 0, () => {
1628
1648
  const options = [];
1629
1649
  const seen = /* @__PURE__ */ new Set();
1630
- if (_optionalChain([dappWalletClient, 'optionalAccess', _26 => _26.account]) && dappAddress) {
1650
+ if (_optionalChain([dappWalletClient, 'optionalAccess', _32 => _32.account]) && dappAddress) {
1631
1651
  options.push({
1632
1652
  address: dappWalletClient.account.address,
1633
1653
  label: "Connected Wallet",
@@ -1635,7 +1655,7 @@ function DepositFlow({
1635
1655
  });
1636
1656
  seen.add(dappWalletClient.account.address.toLowerCase());
1637
1657
  }
1638
- if (_optionalChain([reownWallet, 'optionalAccess', _27 => _27.address]) && reownWallet.isConnected && reownWallet.walletClient && reownWallet.publicClient && !seen.has(reownWallet.address.toLowerCase())) {
1658
+ if (_optionalChain([reownWallet, 'optionalAccess', _33 => _33.address]) && reownWallet.isConnected && reownWallet.walletClient && reownWallet.publicClient && !seen.has(reownWallet.address.toLowerCase())) {
1639
1659
  options.push({
1640
1660
  address: reownWallet.address,
1641
1661
  label: "External Wallet",
@@ -1647,15 +1667,15 @@ function DepositFlow({
1647
1667
  }, [
1648
1668
  dappWalletClient,
1649
1669
  dappAddress,
1650
- _optionalChain([reownWallet, 'optionalAccess', _28 => _28.address]),
1651
- _optionalChain([reownWallet, 'optionalAccess', _29 => _29.isConnected]),
1652
- _optionalChain([reownWallet, 'optionalAccess', _30 => _30.walletClient]),
1653
- _optionalChain([reownWallet, 'optionalAccess', _31 => _31.publicClient]),
1654
- _optionalChain([reownWallet, 'optionalAccess', _32 => _32.icon])
1670
+ _optionalChain([reownWallet, 'optionalAccess', _34 => _34.address]),
1671
+ _optionalChain([reownWallet, 'optionalAccess', _35 => _35.isConnected]),
1672
+ _optionalChain([reownWallet, 'optionalAccess', _36 => _36.walletClient]),
1673
+ _optionalChain([reownWallet, 'optionalAccess', _37 => _37.publicClient]),
1674
+ _optionalChain([reownWallet, 'optionalAccess', _38 => _38.icon])
1655
1675
  ]);
1656
- const canAutoLock = _optionalChain([dappWalletClient, 'optionalAccess', _33 => _33.account]) && dappAddress && !reownWallet;
1676
+ const canAutoLock = _optionalChain([dappWalletClient, 'optionalAccess', _39 => _39.account]) && dappAddress && !reownWallet;
1657
1677
  const hasWalletOptions = walletOptions.length > 0;
1658
- const hasReownSession = Boolean(_optionalChain([reownWallet, 'optionalAccess', _34 => _34.isConnected]) || _optionalChain([reownWallet, 'optionalAccess', _35 => _35.address]));
1678
+ const hasReownSession = Boolean(_optionalChain([reownWallet, 'optionalAccess', _40 => _40.isConnected]) || _optionalChain([reownWallet, 'optionalAccess', _41 => _41.address]));
1659
1679
  const showConnectStep = !canAutoLock && !isConnectSelectionConfirmed;
1660
1680
  const signerContext = _react.useMemo.call(void 0, () => {
1661
1681
  if (flowMode === "deposit-address") {
@@ -1668,7 +1688,7 @@ function DepositFlow({
1668
1688
  };
1669
1689
  }
1670
1690
  if (canAutoLock) {
1671
- const fallbackChainId = _nullishCoalesce(_optionalChain([dappWalletClient, 'optionalAccess', _36 => _36.chain, 'optionalAccess', _37 => _37.id]), () => ( targetChain));
1691
+ const fallbackChainId = _nullishCoalesce(_optionalChain([dappWalletClient, 'optionalAccess', _42 => _42.chain, 'optionalAccess', _43 => _43.id]), () => ( targetChain));
1672
1692
  return {
1673
1693
  ownerAddress: dappWalletClient.account.address,
1674
1694
  walletClient: dappWalletClient,
@@ -1677,8 +1697,8 @@ function DepositFlow({
1677
1697
  };
1678
1698
  }
1679
1699
  if (!isConnectSelectionConfirmed || !selectedConnectAddress) return null;
1680
- if (_optionalChain([dappWalletClient, 'optionalAccess', _38 => _38.account]) && dappWalletClient.account.address.toLowerCase() === selectedConnectAddress.toLowerCase()) {
1681
- const fallbackChainId = _nullishCoalesce(_optionalChain([dappWalletClient, 'optionalAccess', _39 => _39.chain, 'optionalAccess', _40 => _40.id]), () => ( targetChain));
1700
+ if (_optionalChain([dappWalletClient, 'optionalAccess', _44 => _44.account]) && dappWalletClient.account.address.toLowerCase() === selectedConnectAddress.toLowerCase()) {
1701
+ const fallbackChainId = _nullishCoalesce(_optionalChain([dappWalletClient, 'optionalAccess', _45 => _45.chain, 'optionalAccess', _46 => _46.id]), () => ( targetChain));
1682
1702
  return {
1683
1703
  ownerAddress: dappWalletClient.account.address,
1684
1704
  walletClient: dappWalletClient,
@@ -1686,7 +1706,7 @@ function DepositFlow({
1686
1706
  switchChain: dappSwitchChain
1687
1707
  };
1688
1708
  }
1689
- if (_optionalChain([reownWallet, 'optionalAccess', _41 => _41.address, 'optionalAccess', _42 => _42.toLowerCase, 'call', _43 => _43()]) === selectedConnectAddress.toLowerCase() && reownWallet.walletClient && reownWallet.publicClient) {
1709
+ if (_optionalChain([reownWallet, 'optionalAccess', _47 => _47.address, 'optionalAccess', _48 => _48.toLowerCase, 'call', _49 => _49()]) === selectedConnectAddress.toLowerCase() && reownWallet.walletClient && reownWallet.publicClient) {
1690
1710
  return {
1691
1711
  ownerAddress: reownWallet.address,
1692
1712
  walletClient: reownWallet.walletClient,
@@ -1707,7 +1727,7 @@ function DepositFlow({
1707
1727
  reownWallet,
1708
1728
  targetChain
1709
1729
  ]);
1710
- const sessionKeyAddress = _nullishCoalesce(_nullishCoalesce(dappAddress, () => ( _optionalChain([signerContext, 'optionalAccess', _44 => _44.ownerAddress]))), () => ( null));
1730
+ const sessionKeyAddress = _nullishCoalesce(_nullishCoalesce(dappAddress, () => ( _optionalChain([signerContext, 'optionalAccess', _50 => _50.ownerAddress]))), () => ( null));
1711
1731
  const lastTargetRef = _react.useRef.call(void 0, null);
1712
1732
  _react.useEffect.call(void 0, () => {
1713
1733
  const prev = lastTargetRef.current;
@@ -1751,10 +1771,10 @@ function DepositFlow({
1751
1771
  const stepIndex = step.type === "setup" ? 0 : step.type === "deposit-address" ? 1 : step.type === "select-asset" ? 1 : step.type === "amount" ? 2 : step.type === "confirm" ? 3 : 4;
1752
1772
  const currentBackHandler = step.type === "deposit-address" ? handleBackFromDepositAddress : step.type === "select-asset" && signerContext && !canAutoLock ? handleBackFromSelectAsset : step.type === "amount" ? handleBackFromAmount : step.type === "confirm" ? handleBackFromConfirm : void 0;
1753
1773
  _react.useEffect.call(void 0, () => {
1754
- _optionalChain([onStepChange, 'optionalCall', _45 => _45(stepIndex, currentBackHandler)]);
1774
+ _optionalChain([onStepChange, 'optionalCall', _51 => _51(stepIndex, currentBackHandler)]);
1755
1775
  }, [stepIndex, currentBackHandler, onStepChange]);
1756
1776
  _react.useEffect.call(void 0, () => {
1757
- _optionalChain([onTotalBalanceChange, 'optionalCall', _46 => _46(totalBalanceUsd)]);
1777
+ _optionalChain([onTotalBalanceChange, 'optionalCall', _52 => _52(totalBalanceUsd)]);
1758
1778
  }, [totalBalanceUsd, onTotalBalanceChange]);
1759
1779
  const isDepositAddressMode = flowMode === "deposit-address";
1760
1780
  const handleSelectProvider = _react.useCallback.call(void 0, () => {
@@ -1792,13 +1812,13 @@ function DepositFlow({
1792
1812
  directTransfer: isSameRoute(chainId, token, targetChain, targetToken)
1793
1813
  };
1794
1814
  });
1795
- _optionalChain([onDepositSubmitted, 'optionalCall', _47 => _47({ txHash, sourceChain: chainId, amount })]);
1815
+ _optionalChain([onDepositSubmitted, 'optionalCall', _53 => _53({ txHash, sourceChain: chainId, amount })]);
1796
1816
  },
1797
1817
  [onDepositSubmitted, targetChain, targetToken]
1798
1818
  );
1799
1819
  const handleConnected = _react.useCallback.call(void 0,
1800
1820
  (addr, smartAccount) => {
1801
- _optionalChain([onConnected, 'optionalCall', _48 => _48({ address: addr, smartAccount })]);
1821
+ _optionalChain([onConnected, 'optionalCall', _54 => _54({ address: addr, smartAccount })]);
1802
1822
  },
1803
1823
  [onConnected]
1804
1824
  );
@@ -1855,25 +1875,25 @@ function DepositFlow({
1855
1875
  );
1856
1876
  const handleDepositSubmittedCallback = _react.useCallback.call(void 0,
1857
1877
  (txHash, sourceChain, amount) => {
1858
- _optionalChain([onDepositSubmitted, 'optionalCall', _49 => _49({ txHash, sourceChain, amount })]);
1878
+ _optionalChain([onDepositSubmitted, 'optionalCall', _55 => _55({ txHash, sourceChain, amount })]);
1859
1879
  },
1860
1880
  [onDepositSubmitted]
1861
1881
  );
1862
1882
  const handleDepositComplete = _react.useCallback.call(void 0,
1863
1883
  (txHash, destinationTxHash) => {
1864
- _optionalChain([onDepositComplete, 'optionalCall', _50 => _50({ txHash, destinationTxHash })]);
1884
+ _optionalChain([onDepositComplete, 'optionalCall', _56 => _56({ txHash, destinationTxHash })]);
1865
1885
  },
1866
1886
  [onDepositComplete]
1867
1887
  );
1868
1888
  const handleDepositFailed = _react.useCallback.call(void 0,
1869
1889
  (txHash, error) => {
1870
- _optionalChain([onDepositFailed, 'optionalCall', _51 => _51({ txHash, error })]);
1890
+ _optionalChain([onDepositFailed, 'optionalCall', _57 => _57({ txHash, error })]);
1871
1891
  },
1872
1892
  [onDepositFailed]
1873
1893
  );
1874
1894
  const handleError = _react.useCallback.call(void 0,
1875
1895
  (message, code) => {
1876
- _optionalChain([onError, 'optionalCall', _52 => _52({ message, code })]);
1896
+ _optionalChain([onError, 'optionalCall', _58 => _58({ message, code })]);
1877
1897
  },
1878
1898
  [onError]
1879
1899
  );
@@ -1997,13 +2017,13 @@ function DepositFlow({
1997
2017
  )
1998
2018
  ] });
1999
2019
  }
2000
- if (!_optionalChain([signerContext, 'optionalAccess', _53 => _53.walletClient]) || !_optionalChain([signerContext, 'optionalAccess', _54 => _54.publicClient])) {
2020
+ if (!_optionalChain([signerContext, 'optionalAccess', _59 => _59.walletClient]) || !_optionalChain([signerContext, 'optionalAccess', _60 => _60.publicClient])) {
2001
2021
  return null;
2002
2022
  }
2003
2023
  const ownerAddress = signerContext.ownerAddress;
2004
- const ownerChainId = _nullishCoalesce(_nullishCoalesce(_optionalChain([signerContext, 'access', _55 => _55.walletClient, 'optionalAccess', _56 => _56.chain, 'optionalAccess', _57 => _57.id]), () => ( _optionalChain([signerContext, 'access', _58 => _58.publicClient, 'access', _59 => _59.chain, 'optionalAccess', _60 => _60.id]))), () => ( targetChain));
2024
+ const ownerChainId = _nullishCoalesce(_nullishCoalesce(_optionalChain([signerContext, 'access', _61 => _61.walletClient, 'optionalAccess', _62 => _62.chain, 'optionalAccess', _63 => _63.id]), () => ( _optionalChain([signerContext, 'access', _64 => _64.publicClient, 'access', _65 => _65.chain, 'optionalAccess', _66 => _66.id]))), () => ( targetChain));
2005
2025
  const getReadClientForChain = (chainId) => {
2006
- if (_optionalChain([signerContext, 'access', _61 => _61.publicClient, 'access', _62 => _62.chain, 'optionalAccess', _63 => _63.id]) === chainId) {
2026
+ if (_optionalChain([signerContext, 'access', _67 => _67.publicClient, 'access', _68 => _68.chain, 'optionalAccess', _69 => _69.id]) === chainId) {
2007
2027
  return signerContext.publicClient;
2008
2028
  }
2009
2029
  return _chunkYIHOACM3cjs.getPublicClient.call(void 0, chainId);
@@ -2099,7 +2119,7 @@ function DepositFlow({
2099
2119
  // src/DepositModal.tsx
2100
2120
 
2101
2121
  var ReownDepositInner = _react.lazy.call(void 0,
2102
- () => Promise.resolve().then(() => _interopRequireWildcard(require("./DepositModalReown-TLKQ7Y4X.cjs"))).then((m) => ({ default: m.DepositModalReown }))
2122
+ () => Promise.resolve().then(() => _interopRequireWildcard(require("./DepositModalReown-72SF66F7.cjs"))).then((m) => ({ default: m.DepositModalReown }))
2103
2123
  );
2104
2124
  function DepositModal(props) {
2105
2125
  const needsReown = !!props.reownAppId;
@@ -2160,7 +2180,7 @@ function DepositModalInner({
2160
2180
  _react.useEffect.call(void 0, () => {
2161
2181
  if (isOpen && !hasCalledReady.current) {
2162
2182
  hasCalledReady.current = true;
2163
- _optionalChain([onReady, 'optionalCall', _64 => _64()]);
2183
+ _optionalChain([onReady, 'optionalCall', _70 => _70()]);
2164
2184
  }
2165
2185
  }, [isOpen, onReady]);
2166
2186
  _react.useEffect.call(void 0, () => {
@@ -2179,14 +2199,14 @@ function DepositModalInner({
2179
2199
  setTotalBalanceUsd(balance2);
2180
2200
  }, []);
2181
2201
  const handleBack = _react.useCallback.call(void 0, () => {
2182
- _optionalChain([backHandlerRef, 'access', _65 => _65.current, 'optionalCall', _66 => _66()]);
2202
+ _optionalChain([backHandlerRef, 'access', _71 => _71.current, 'optionalCall', _72 => _72()]);
2183
2203
  }, []);
2184
- const showLogo = _nullishCoalesce(_optionalChain([uiConfig, 'optionalAccess', _67 => _67.showLogo]), () => ( false));
2185
- const showStepper = _nullishCoalesce(_optionalChain([uiConfig, 'optionalAccess', _68 => _68.showStepper]), () => ( false));
2186
- const showBackButton = _nullishCoalesce(_optionalChain([uiConfig, 'optionalAccess', _69 => _69.showBackButton]), () => ( true));
2187
- const balance = _optionalChain([uiConfig, 'optionalAccess', _70 => _70.balance]);
2188
- const logoUrl = _nullishCoalesce(_optionalChain([branding, 'optionalAccess', _71 => _71.logoUrl]), () => ( "https://github.com/rhinestonewtf.png"));
2189
- const title = _nullishCoalesce(_optionalChain([branding, 'optionalAccess', _72 => _72.title]), () => ( "Deposit"));
2204
+ const showLogo = _nullishCoalesce(_optionalChain([uiConfig, 'optionalAccess', _73 => _73.showLogo]), () => ( false));
2205
+ const showStepper = _nullishCoalesce(_optionalChain([uiConfig, 'optionalAccess', _74 => _74.showStepper]), () => ( false));
2206
+ const showBackButton = _nullishCoalesce(_optionalChain([uiConfig, 'optionalAccess', _75 => _75.showBackButton]), () => ( true));
2207
+ const balance = _optionalChain([uiConfig, 'optionalAccess', _76 => _76.balance]);
2208
+ const logoUrl = _nullishCoalesce(_optionalChain([branding, 'optionalAccess', _77 => _77.logoUrl]), () => ( "https://github.com/rhinestonewtf.png"));
2209
+ const title = _nullishCoalesce(_optionalChain([branding, 'optionalAccess', _78 => _78.title]), () => ( "Deposit"));
2190
2210
  const canGoBack = currentStepIndex > 0 && currentStepIndex < 4 && backHandlerRef.current !== void 0;
2191
2211
  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
2192
2212
  _chunkYIHOACM3cjs.Modal,
@@ -4,6 +4,7 @@ import {
4
4
  Modal,
5
5
  PoweredBy,
6
6
  ProcessingStep,
7
+ Spinner,
7
8
  accountFromPrivateKey,
8
9
  applyTheme,
9
10
  buildSessionDetails,
@@ -99,6 +100,7 @@ function WithdrawFormStep({
99
100
  const [recipient, setRecipient] = useState(seededRecipient);
100
101
  const [amount, setAmount] = useState(defaultAmount ?? "");
101
102
  const [balance, setBalance] = useState(null);
103
+ const [isBalanceLoading, setIsBalanceLoading] = useState(true);
102
104
  const [error, setError] = useState(null);
103
105
  const [isSwitching, setIsSwitching] = useState(false);
104
106
  const [showChainDropdown, setShowChainDropdown] = useState(false);
@@ -147,9 +149,12 @@ function WithdrawFormStep({
147
149
  }, [asset.chainId]);
148
150
  useEffect(() => {
149
151
  let active = true;
152
+ let timeoutId;
153
+ let retryDelayMs = 5e3;
150
154
  async function fetchBalance() {
151
155
  if (!safeAddress || !publicClient) return;
152
156
  if (publicClientChainId && publicClientChainId !== asset.chainId) {
157
+ timeoutId = setTimeout(fetchBalance, 1e3);
153
158
  return;
154
159
  }
155
160
  try {
@@ -161,23 +166,24 @@ function WithdrawFormStep({
161
166
  });
162
167
  if (active) {
163
168
  setBalance(bal);
169
+ setIsBalanceLoading(false);
164
170
  }
165
171
  } catch {
166
172
  if (active) {
167
173
  setBalance(null);
174
+ timeoutId = setTimeout(fetchBalance, retryDelayMs);
175
+ retryDelayMs = Math.min(Math.round(retryDelayMs * 1.5), 3e4);
168
176
  }
169
177
  }
170
178
  }
179
+ setBalance(null);
180
+ setIsBalanceLoading(true);
171
181
  void fetchBalance();
172
- const unwatch = publicClient.watchBlockNumber({
173
- emitOnBegin: false,
174
- onBlockNumber() {
175
- void fetchBalance();
176
- }
177
- });
178
182
  return () => {
179
183
  active = false;
180
- unwatch();
184
+ if (timeoutId) {
185
+ clearTimeout(timeoutId);
186
+ }
181
187
  };
182
188
  }, [safeAddress, publicClient, publicClientChainId, asset]);
183
189
  const formattedBalance = useMemo(() => {
@@ -260,6 +266,16 @@ function WithdrawFormStep({
260
266
  setIsSubmitting(false);
261
267
  }
262
268
  }, [recipient, amount, balance, asset.decimals, onSubmit]);
269
+ if (isBalanceLoading) {
270
+ return /* @__PURE__ */ jsxs("div", { className: "rs-step", children: [
271
+ /* @__PURE__ */ jsxs("div", { className: "rs-step-body rs-withdraw-loading", children: [
272
+ /* @__PURE__ */ jsx(Spinner, { className: "rs-spinner--lg" }),
273
+ /* @__PURE__ */ jsx("div", { className: "rs-withdraw-loading-title", children: "Loading on-chain balance" }),
274
+ /* @__PURE__ */ jsx("div", { className: "rs-withdraw-loading-subtitle", children: chainMismatch ? `Switch to ${getChainName(asset.chainId)} to continue.` : "Please wait before withdrawing." })
275
+ ] }),
276
+ /* @__PURE__ */ jsx(PoweredBy, {})
277
+ ] });
278
+ }
263
279
  return /* @__PURE__ */ jsxs("div", { className: "rs-step", children: [
264
280
  /* @__PURE__ */ jsxs("div", { className: "rs-step-body rs-withdraw-form", children: [
265
281
  /* @__PURE__ */ jsxs("div", { className: "rs-withdraw-section", children: [
@@ -1271,7 +1287,7 @@ function WithdrawFlow({
1271
1287
  if (!onSignTransaction && !signerContext.walletClient) return null;
1272
1288
  const resolvedOwnerAddress = signerContext.ownerAddress;
1273
1289
  const resolvedConnectedAddress = signerContext.walletClient?.account?.address ?? reownWallet?.address ?? dappWalletClient?.account?.address ?? resolvedOwnerAddress;
1274
- const resolvedDefaultRecipient = defaultRecipient ?? resolvedOwnerAddress;
1290
+ const resolvedDefaultRecipient = defaultRecipient ?? resolvedConnectedAddress;
1275
1291
  const formPublicClient = signerContext.publicClient ?? getPublicClient(sourceChain);
1276
1292
  return /* @__PURE__ */ jsxs2("div", { className: "rs-modal-body", children: [
1277
1293
  step.type === "form" && /* @__PURE__ */ jsx2(
@@ -1324,7 +1340,7 @@ function WithdrawFlow({
1324
1340
  // src/WithdrawModal.tsx
1325
1341
  import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
1326
1342
  var ReownWithdrawInner = lazy(
1327
- () => import("./WithdrawModalReown-SVRGP2R2.mjs").then((m) => ({
1343
+ () => import("./WithdrawModalReown-UWTDJXSE.mjs").then((m) => ({
1328
1344
  default: m.WithdrawModalReown
1329
1345
  }))
1330
1346
  );
@@ -1301,6 +1301,8 @@ function DepositAddressStep({
1301
1301
  const [pollingError, setPollingError] = useState6(null);
1302
1302
  const [chainDropdownOpen, setChainDropdownOpen] = useState6(false);
1303
1303
  const [tokenDropdownOpen, setTokenDropdownOpen] = useState6(false);
1304
+ const chainDropdownRef = useRef4(null);
1305
+ const tokenDropdownRef = useRef4(null);
1304
1306
  const depositHandledRef = useRef4(false);
1305
1307
  const sourceSelectionRef = useRef4({
1306
1308
  chainId: defaultChainId,
@@ -1312,6 +1314,24 @@ function DepositAddressStep({
1312
1314
  tokenSymbol: sourceTokenSymbol
1313
1315
  };
1314
1316
  }, [sourceChainId, sourceTokenSymbol]);
1317
+ useEffect6(() => {
1318
+ if (!chainDropdownOpen && !tokenDropdownOpen) return;
1319
+ function handlePointerDown(event) {
1320
+ const target = event.target;
1321
+ if (!target) return;
1322
+ const clickedChainDropdown = chainDropdownRef.current?.contains(target);
1323
+ const clickedTokenDropdown = tokenDropdownRef.current?.contains(target);
1324
+ if (clickedChainDropdown || clickedTokenDropdown) return;
1325
+ setChainDropdownOpen(false);
1326
+ setTokenDropdownOpen(false);
1327
+ }
1328
+ document.addEventListener("mousedown", handlePointerDown);
1329
+ document.addEventListener("touchstart", handlePointerDown);
1330
+ return () => {
1331
+ document.removeEventListener("mousedown", handlePointerDown);
1332
+ document.removeEventListener("touchstart", handlePointerDown);
1333
+ };
1334
+ }, [chainDropdownOpen, tokenDropdownOpen]);
1315
1335
  const handleCopy = useCallback2(async () => {
1316
1336
  try {
1317
1337
  await navigator.clipboard.writeText(smartAccount);
@@ -1379,8 +1399,8 @@ function DepositAddressStep({
1379
1399
  return /* @__PURE__ */ jsxs6("div", { className: "rs-step", children: [
1380
1400
  /* @__PURE__ */ jsx6("div", { className: "rs-step-body", children: /* @__PURE__ */ jsxs6("div", { className: "rs-deposit-address", children: [
1381
1401
  /* @__PURE__ */ jsxs6("div", { className: "rs-deposit-address-selectors", children: [
1382
- /* @__PURE__ */ jsxs6("div", { className: "rs-deposit-address-dropdown", children: [
1383
- /* @__PURE__ */ jsx6("div", { className: "rs-deposit-address-dropdown-label", children: "Fallback token" }),
1402
+ /* @__PURE__ */ jsxs6("div", { className: "rs-deposit-address-dropdown", ref: tokenDropdownRef, children: [
1403
+ /* @__PURE__ */ jsx6("div", { className: "rs-deposit-address-dropdown-label", children: "Supported token" }),
1384
1404
  /* @__PURE__ */ jsxs6(
1385
1405
  "button",
1386
1406
  {
@@ -1445,8 +1465,8 @@ function DepositAddressStep({
1445
1465
  symbol
1446
1466
  )) })
1447
1467
  ] }),
1448
- /* @__PURE__ */ jsxs6("div", { className: "rs-deposit-address-dropdown", children: [
1449
- /* @__PURE__ */ jsx6("div", { className: "rs-deposit-address-dropdown-label", children: "Fallback chain" }),
1468
+ /* @__PURE__ */ jsxs6("div", { className: "rs-deposit-address-dropdown", ref: chainDropdownRef, children: [
1469
+ /* @__PURE__ */ jsx6("div", { className: "rs-deposit-address-dropdown-label", children: "Supported chain" }),
1450
1470
  /* @__PURE__ */ jsxs6(
1451
1471
  "button",
1452
1472
  {
@@ -2099,7 +2119,7 @@ function DepositFlow({
2099
2119
  // src/DepositModal.tsx
2100
2120
  import { jsx as jsx8, jsxs as jsxs8 } from "react/jsx-runtime";
2101
2121
  var ReownDepositInner = lazy(
2102
- () => import("./DepositModalReown-25YB4LPZ.mjs").then((m) => ({ default: m.DepositModalReown }))
2122
+ () => import("./DepositModalReown-BVOV57WT.mjs").then((m) => ({ default: m.DepositModalReown }))
2103
2123
  );
2104
2124
  function DepositModal(props) {
2105
2125
  const needsReown = !!props.reownAppId;
@@ -16,6 +16,7 @@
16
16
 
17
17
 
18
18
 
19
+
19
20
  var _chunkYIHOACM3cjs = require('./chunk-YIHOACM3.cjs');
20
21
 
21
22
 
@@ -99,6 +100,7 @@ function WithdrawFormStep({
99
100
  const [recipient, setRecipient] = _react.useState.call(void 0, seededRecipient);
100
101
  const [amount, setAmount] = _react.useState.call(void 0, _nullishCoalesce(defaultAmount, () => ( "")));
101
102
  const [balance, setBalance] = _react.useState.call(void 0, null);
103
+ const [isBalanceLoading, setIsBalanceLoading] = _react.useState.call(void 0, true);
102
104
  const [error, setError] = _react.useState.call(void 0, null);
103
105
  const [isSwitching, setIsSwitching] = _react.useState.call(void 0, false);
104
106
  const [showChainDropdown, setShowChainDropdown] = _react.useState.call(void 0, false);
@@ -147,9 +149,12 @@ function WithdrawFormStep({
147
149
  }, [asset.chainId]);
148
150
  _react.useEffect.call(void 0, () => {
149
151
  let active = true;
152
+ let timeoutId;
153
+ let retryDelayMs = 5e3;
150
154
  async function fetchBalance() {
151
155
  if (!safeAddress || !publicClient) return;
152
156
  if (publicClientChainId && publicClientChainId !== asset.chainId) {
157
+ timeoutId = setTimeout(fetchBalance, 1e3);
153
158
  return;
154
159
  }
155
160
  try {
@@ -161,23 +166,24 @@ function WithdrawFormStep({
161
166
  });
162
167
  if (active) {
163
168
  setBalance(bal);
169
+ setIsBalanceLoading(false);
164
170
  }
165
171
  } catch (e2) {
166
172
  if (active) {
167
173
  setBalance(null);
174
+ timeoutId = setTimeout(fetchBalance, retryDelayMs);
175
+ retryDelayMs = Math.min(Math.round(retryDelayMs * 1.5), 3e4);
168
176
  }
169
177
  }
170
178
  }
179
+ setBalance(null);
180
+ setIsBalanceLoading(true);
171
181
  void fetchBalance();
172
- const unwatch = publicClient.watchBlockNumber({
173
- emitOnBegin: false,
174
- onBlockNumber() {
175
- void fetchBalance();
176
- }
177
- });
178
182
  return () => {
179
183
  active = false;
180
- unwatch();
184
+ if (timeoutId) {
185
+ clearTimeout(timeoutId);
186
+ }
181
187
  };
182
188
  }, [safeAddress, publicClient, publicClientChainId, asset]);
183
189
  const formattedBalance = _react.useMemo.call(void 0, () => {
@@ -260,6 +266,16 @@ function WithdrawFormStep({
260
266
  setIsSubmitting(false);
261
267
  }
262
268
  }, [recipient, amount, balance, asset.decimals, onSubmit]);
269
+ if (isBalanceLoading) {
270
+ return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-step", children: [
271
+ /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-step-body rs-withdraw-loading", children: [
272
+ /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYIHOACM3cjs.Spinner, { className: "rs-spinner--lg" }),
273
+ /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "rs-withdraw-loading-title", children: "Loading on-chain balance" }),
274
+ /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "rs-withdraw-loading-subtitle", children: chainMismatch ? `Switch to ${_chunkS4UBVD3Hcjs.getChainName.call(void 0, asset.chainId)} to continue.` : "Please wait before withdrawing." })
275
+ ] }),
276
+ /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYIHOACM3cjs.PoweredBy, {})
277
+ ] });
278
+ }
263
279
  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-step", children: [
264
280
  /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-step-body rs-withdraw-form", children: [
265
281
  /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-withdraw-section", children: [
@@ -1271,7 +1287,7 @@ function WithdrawFlow({
1271
1287
  if (!onSignTransaction && !signerContext.walletClient) return null;
1272
1288
  const resolvedOwnerAddress = signerContext.ownerAddress;
1273
1289
  const resolvedConnectedAddress = _nullishCoalesce(_nullishCoalesce(_nullishCoalesce(_optionalChain([signerContext, 'access', _35 => _35.walletClient, 'optionalAccess', _36 => _36.account, 'optionalAccess', _37 => _37.address]), () => ( _optionalChain([reownWallet, 'optionalAccess', _38 => _38.address]))), () => ( _optionalChain([dappWalletClient, 'optionalAccess', _39 => _39.account, 'optionalAccess', _40 => _40.address]))), () => ( resolvedOwnerAddress));
1274
- const resolvedDefaultRecipient = _nullishCoalesce(defaultRecipient, () => ( resolvedOwnerAddress));
1290
+ const resolvedDefaultRecipient = _nullishCoalesce(defaultRecipient, () => ( resolvedConnectedAddress));
1275
1291
  const formPublicClient = _nullishCoalesce(signerContext.publicClient, () => ( _chunkYIHOACM3cjs.getPublicClient.call(void 0, sourceChain)));
1276
1292
  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-modal-body", children: [
1277
1293
  step.type === "form" && /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
@@ -1324,7 +1340,7 @@ function WithdrawFlow({
1324
1340
  // src/WithdrawModal.tsx
1325
1341
 
1326
1342
  var ReownWithdrawInner = _react.lazy.call(void 0,
1327
- () => Promise.resolve().then(() => _interopRequireWildcard(require("./WithdrawModalReown-HJYESBOR.cjs"))).then((m) => ({
1343
+ () => Promise.resolve().then(() => _interopRequireWildcard(require("./WithdrawModalReown-P3XFNMCB.cjs"))).then((m) => ({
1328
1344
  default: m.WithdrawModalReown
1329
1345
  }))
1330
1346
  );
package/dist/deposit.cjs CHANGED
@@ -1,8 +1,8 @@
1
1
  "use strict";Object.defineProperty(exports, "__esModule", {value: true});
2
2
 
3
- var _chunkYCXVHPGZcjs = require('./chunk-YCXVHPGZ.cjs');
3
+ var _chunkFQIIKMDJcjs = require('./chunk-FQIIKMDJ.cjs');
4
4
  require('./chunk-YIHOACM3.cjs');
5
5
  require('./chunk-S4UBVD3H.cjs');
6
6
 
7
7
 
8
- exports.DepositModal = _chunkYCXVHPGZcjs.DepositModal;
8
+ exports.DepositModal = _chunkFQIIKMDJcjs.DepositModal;
package/dist/deposit.mjs CHANGED
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  DepositModal
3
- } from "./chunk-DL5M5QZZ.mjs";
3
+ } from "./chunk-MMVDUFJD.mjs";
4
4
  import "./chunk-DLFUXLAM.mjs";
5
5
  import "./chunk-C6I5TFSL.mjs";
6
6
  export {
package/dist/index.cjs CHANGED
@@ -1,9 +1,9 @@
1
1
  "use strict";Object.defineProperty(exports, "__esModule", {value: true});
2
2
 
3
- var _chunkYCXVHPGZcjs = require('./chunk-YCXVHPGZ.cjs');
3
+ var _chunkFQIIKMDJcjs = require('./chunk-FQIIKMDJ.cjs');
4
4
 
5
5
 
6
- var _chunkYWZMQIUAcjs = require('./chunk-YWZMQIUA.cjs');
6
+ var _chunkSFYMDLKJcjs = require('./chunk-SFYMDLKJ.cjs');
7
7
  require('./chunk-YIHOACM3.cjs');
8
8
 
9
9
 
@@ -66,4 +66,4 @@ var _chunkS4UBVD3Hcjs = require('./chunk-S4UBVD3H.cjs');
66
66
 
67
67
 
68
68
 
69
- exports.CHAIN_BY_ID = _chunkS4UBVD3Hcjs.CHAIN_BY_ID; exports.DEFAULT_BACKEND_URL = _chunkS4UBVD3Hcjs.DEFAULT_BACKEND_URL; exports.DEFAULT_SIGNER_ADDRESS = _chunkS4UBVD3Hcjs.DEFAULT_SIGNER_ADDRESS; exports.DepositModal = _chunkYCXVHPGZcjs.DepositModal; exports.NATIVE_TOKEN_ADDRESS = _chunkS4UBVD3Hcjs.NATIVE_TOKEN_ADDRESS; exports.SOURCE_CHAINS = _chunkS4UBVD3Hcjs.SOURCE_CHAINS; exports.SUPPORTED_CHAINS = _chunkS4UBVD3Hcjs.SUPPORTED_CHAINS; exports.WithdrawModal = _chunkYWZMQIUAcjs.WithdrawModal; exports.chainRegistry = _chunkS4UBVD3Hcjs.chainRegistry; exports.findChainIdForToken = _chunkS4UBVD3Hcjs.findChainIdForToken; exports.getChainBadge = _chunkS4UBVD3Hcjs.getChainBadge; exports.getChainIcon = _chunkS4UBVD3Hcjs.getChainIcon; exports.getChainId = _chunkS4UBVD3Hcjs.getChainId; exports.getChainName = _chunkS4UBVD3Hcjs.getChainName; exports.getChainObject = _chunkS4UBVD3Hcjs.getChainObject; exports.getExplorerName = _chunkS4UBVD3Hcjs.getExplorerName; exports.getExplorerTxUrl = _chunkS4UBVD3Hcjs.getExplorerTxUrl; exports.getExplorerUrl = _chunkS4UBVD3Hcjs.getExplorerUrl; exports.getSupportedChainIds = _chunkS4UBVD3Hcjs.getSupportedChainIds; exports.getSupportedTargetTokens = _chunkS4UBVD3Hcjs.getSupportedTargetTokens; exports.getSupportedTokenSymbolsForChain = _chunkS4UBVD3Hcjs.getSupportedTokenSymbolsForChain; exports.getTargetTokenSymbolsForChain = _chunkS4UBVD3Hcjs.getTargetTokenSymbolsForChain; exports.getTokenAddress = _chunkS4UBVD3Hcjs.getTokenAddress; exports.getTokenDecimals = _chunkS4UBVD3Hcjs.getTokenDecimals; exports.getTokenDecimalsByAddress = _chunkS4UBVD3Hcjs.getTokenDecimalsByAddress; exports.getTokenIcon = _chunkS4UBVD3Hcjs.getTokenIcon; exports.getTokenSymbol = _chunkS4UBVD3Hcjs.getTokenSymbol; exports.getUsdcAddress = _chunkS4UBVD3Hcjs.getUsdcAddress; exports.getUsdcDecimals = _chunkS4UBVD3Hcjs.getUsdcDecimals; exports.isSupportedTokenAddressForChain = _chunkS4UBVD3Hcjs.isSupportedTokenAddressForChain;
69
+ exports.CHAIN_BY_ID = _chunkS4UBVD3Hcjs.CHAIN_BY_ID; exports.DEFAULT_BACKEND_URL = _chunkS4UBVD3Hcjs.DEFAULT_BACKEND_URL; exports.DEFAULT_SIGNER_ADDRESS = _chunkS4UBVD3Hcjs.DEFAULT_SIGNER_ADDRESS; exports.DepositModal = _chunkFQIIKMDJcjs.DepositModal; exports.NATIVE_TOKEN_ADDRESS = _chunkS4UBVD3Hcjs.NATIVE_TOKEN_ADDRESS; exports.SOURCE_CHAINS = _chunkS4UBVD3Hcjs.SOURCE_CHAINS; exports.SUPPORTED_CHAINS = _chunkS4UBVD3Hcjs.SUPPORTED_CHAINS; exports.WithdrawModal = _chunkSFYMDLKJcjs.WithdrawModal; exports.chainRegistry = _chunkS4UBVD3Hcjs.chainRegistry; exports.findChainIdForToken = _chunkS4UBVD3Hcjs.findChainIdForToken; exports.getChainBadge = _chunkS4UBVD3Hcjs.getChainBadge; exports.getChainIcon = _chunkS4UBVD3Hcjs.getChainIcon; exports.getChainId = _chunkS4UBVD3Hcjs.getChainId; exports.getChainName = _chunkS4UBVD3Hcjs.getChainName; exports.getChainObject = _chunkS4UBVD3Hcjs.getChainObject; exports.getExplorerName = _chunkS4UBVD3Hcjs.getExplorerName; exports.getExplorerTxUrl = _chunkS4UBVD3Hcjs.getExplorerTxUrl; exports.getExplorerUrl = _chunkS4UBVD3Hcjs.getExplorerUrl; exports.getSupportedChainIds = _chunkS4UBVD3Hcjs.getSupportedChainIds; exports.getSupportedTargetTokens = _chunkS4UBVD3Hcjs.getSupportedTargetTokens; exports.getSupportedTokenSymbolsForChain = _chunkS4UBVD3Hcjs.getSupportedTokenSymbolsForChain; exports.getTargetTokenSymbolsForChain = _chunkS4UBVD3Hcjs.getTargetTokenSymbolsForChain; exports.getTokenAddress = _chunkS4UBVD3Hcjs.getTokenAddress; exports.getTokenDecimals = _chunkS4UBVD3Hcjs.getTokenDecimals; exports.getTokenDecimalsByAddress = _chunkS4UBVD3Hcjs.getTokenDecimalsByAddress; exports.getTokenIcon = _chunkS4UBVD3Hcjs.getTokenIcon; exports.getTokenSymbol = _chunkS4UBVD3Hcjs.getTokenSymbol; exports.getUsdcAddress = _chunkS4UBVD3Hcjs.getUsdcAddress; exports.getUsdcDecimals = _chunkS4UBVD3Hcjs.getUsdcDecimals; exports.isSupportedTokenAddressForChain = _chunkS4UBVD3Hcjs.isSupportedTokenAddressForChain;
package/dist/index.mjs CHANGED
@@ -1,9 +1,9 @@
1
1
  import {
2
2
  DepositModal
3
- } from "./chunk-DL5M5QZZ.mjs";
3
+ } from "./chunk-MMVDUFJD.mjs";
4
4
  import {
5
5
  WithdrawModal
6
- } from "./chunk-GJ7W4TIL.mjs";
6
+ } from "./chunk-MKOZFFFJ.mjs";
7
7
  import "./chunk-DLFUXLAM.mjs";
8
8
  import {
9
9
  CHAIN_BY_ID,
package/dist/reown.cjs CHANGED
@@ -1,12 +1,12 @@
1
1
  "use strict";Object.defineProperty(exports, "__esModule", {value: true});
2
2
 
3
- var _chunkYCXVHPGZcjs = require('./chunk-YCXVHPGZ.cjs');
3
+ var _chunkFQIIKMDJcjs = require('./chunk-FQIIKMDJ.cjs');
4
4
 
5
5
 
6
- var _chunkYWZMQIUAcjs = require('./chunk-YWZMQIUA.cjs');
6
+ var _chunkSFYMDLKJcjs = require('./chunk-SFYMDLKJ.cjs');
7
7
  require('./chunk-YIHOACM3.cjs');
8
8
  require('./chunk-S4UBVD3H.cjs');
9
9
 
10
10
 
11
11
 
12
- exports.DepositModal = _chunkYCXVHPGZcjs.DepositModal; exports.WithdrawModal = _chunkYWZMQIUAcjs.WithdrawModal;
12
+ exports.DepositModal = _chunkFQIIKMDJcjs.DepositModal; exports.WithdrawModal = _chunkSFYMDLKJcjs.WithdrawModal;
package/dist/reown.mjs CHANGED
@@ -1,9 +1,9 @@
1
1
  import {
2
2
  DepositModal
3
- } from "./chunk-DL5M5QZZ.mjs";
3
+ } from "./chunk-MMVDUFJD.mjs";
4
4
  import {
5
5
  WithdrawModal
6
- } from "./chunk-GJ7W4TIL.mjs";
6
+ } from "./chunk-MKOZFFFJ.mjs";
7
7
  import "./chunk-DLFUXLAM.mjs";
8
8
  import "./chunk-C6I5TFSL.mjs";
9
9
  export {
package/dist/styles.css CHANGED
@@ -1938,6 +1938,30 @@
1938
1938
  gap: 12px;
1939
1939
  }
1940
1940
 
1941
+ .rs-step-body.rs-withdraw-loading {
1942
+ padding: 0 12px;
1943
+ }
1944
+
1945
+ .rs-withdraw-loading {
1946
+ min-height: 240px;
1947
+ display: grid;
1948
+ place-content: center;
1949
+ justify-items: center;
1950
+ text-align: center;
1951
+ row-gap: 8px;
1952
+ }
1953
+
1954
+ .rs-withdraw-loading-title {
1955
+ font-size: 14px;
1956
+ font-weight: 600;
1957
+ color: var(--rs-foreground);
1958
+ }
1959
+
1960
+ .rs-withdraw-loading-subtitle {
1961
+ font-size: 13px;
1962
+ color: var(--rs-muted);
1963
+ }
1964
+
1941
1965
  .rs-withdraw-section {
1942
1966
  display: flex;
1943
1967
  flex-direction: column;
package/dist/withdraw.cjs CHANGED
@@ -1,8 +1,8 @@
1
1
  "use strict";Object.defineProperty(exports, "__esModule", {value: true});
2
2
 
3
- var _chunkYWZMQIUAcjs = require('./chunk-YWZMQIUA.cjs');
3
+ var _chunkSFYMDLKJcjs = require('./chunk-SFYMDLKJ.cjs');
4
4
  require('./chunk-YIHOACM3.cjs');
5
5
  require('./chunk-S4UBVD3H.cjs');
6
6
 
7
7
 
8
- exports.WithdrawModal = _chunkYWZMQIUAcjs.WithdrawModal;
8
+ exports.WithdrawModal = _chunkSFYMDLKJcjs.WithdrawModal;
package/dist/withdraw.mjs CHANGED
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  WithdrawModal
3
- } from "./chunk-GJ7W4TIL.mjs";
3
+ } from "./chunk-MKOZFFFJ.mjs";
4
4
  import "./chunk-DLFUXLAM.mjs";
5
5
  import "./chunk-C6I5TFSL.mjs";
6
6
  export {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rhinestone/deposit-modal",
3
- "version": "0.1.35",
3
+ "version": "0.1.37",
4
4
  "description": "React modal component for Rhinestone cross-chain deposits",
5
5
  "author": "Rhinestone <dev@rhinestone.wtf>",
6
6
  "bugs": {