@rhinestone/deposit-modal 0.12.2 → 0.14.0

package/dist/{DepositModalReown-VG66OTIU.cjs → DepositModalReown-46LPVFB6.cjs}

@@ -1,21 +1,23 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
 
-var _chunkOIN4CXCPcjs = require('./chunk-OIN4CXCP.cjs');
-require('./chunk-PWLEBV5V.cjs');
-require('./chunk-HL5NUKZW.cjs');
+var _chunkYCQZJQO6cjs = require('./chunk-YCQZJQO6.cjs');
+require('./chunk-7ICSHJFE.cjs');
+require('./chunk-LZFRL2AL.cjs');
 
 
 
 
 
 
-var _chunkBRYNGLDMcjs = require('./chunk-BRYNGLDM.cjs');
-require('./chunk-L32UI7LA.cjs');
-require('./chunk-75DVGSAX.cjs');
 
 
+var _chunkV2OBGLJDcjs = require('./chunk-V2OBGLJD.cjs');
+require('./chunk-6KG642KH.cjs');
+require('./chunk-DW2EQA2U.cjs');
 
-var _chunkO7BCVQ6Lcjs = require('./chunk-O7BCVQ6L.cjs');
+
+
+var _chunk4KCSH4T3cjs = require('./chunk-4KCSH4T3.cjs');
 
 // src/DepositModalReown.tsx
 var _react = require('react');
@@ -72,11 +74,11 @@ var APPKIT_NETWORK_BY_ID = {
   [_networks.katana.id]: _networks.katana,
   [_networks.hyperEvm.id]: _networks.hyperEvm
 };
-var EVM_NETWORKS = _chunkO7BCVQ6Lcjs.SUPPORTED_CHAINS.map((chain) => {
-  const network = APPKIT_NETWORK_BY_ID[chain.id];
+var EVM_NETWORKS = _chunk4KCSH4T3cjs.SUPPORTED_CHAIN_IDS.map((chainId) => {
+  const network = APPKIT_NETWORK_BY_ID[chainId];
   if (!network) {
     throw new Error(
-      `[rhinestone] No AppKit network registered for supported chain ${chain.id} (${chain.name}). Add it to APPKIT_NETWORK_BY_ID in reown-networks.ts.`
+      `[rhinestone] No AppKit network registered for supported chain ${chainId}. Add it to APPKIT_NETWORK_BY_ID in reown-networks.ts.`
     );
   }
   return network;
@@ -85,34 +87,43 @@ function getAppKitNetwork(chainId) {
   return APPKIT_NETWORK_BY_ID[chainId];
 }
 
+// src/core/reown-theme.ts
+function mapTheme(theme) {
+  const themeMode = _chunkV2OBGLJDcjs.resolveThemeMode.call(void 0, _optionalChain([theme, 'optionalAccess', _ => _.mode])) === "light" ? "light" : "dark";
+  const themeVariables = {
+    "--apkt-accent": _optionalChain([theme, 'optionalAccess', _2 => _2.ctaColor])
+  };
+  return { themeMode, themeVariables };
+}
+function setAppKitTheme(appKit, theme) {
+  const { themeMode, themeVariables } = mapTheme(theme);
+  try {
+    _optionalChain([appKit, 'optionalAccess', _3 => _3.setThemeMode, 'call', _4 => _4(themeMode)]);
+    _optionalChain([appKit, 'optionalAccess', _5 => _5.setThemeVariables, 'call', _6 => _6(themeVariables)]);
+  } catch (e) {
+  }
+}
+
 // src/core/reown.tsx
 var _jsxruntime = require('react/jsx-runtime');
 function buildTransports(rpcUrls, networks = EVM_NETWORKS) {
   const transports = {};
   for (const network of networks) {
     const id = Number(network.id);
-    transports[id] = _viem.http.call(void 0, _chunkBRYNGLDMcjs.rpcUrlFor.call(void 0, rpcUrls, id));
+    transports[id] = _viem.http.call(void 0, _chunkV2OBGLJDcjs.rpcUrlFor.call(void 0, rpcUrls, id));
   }
   return transports;
 }
 function getEvmRpcFingerprint(rpcUrls, networks) {
   return networks.map((network) => {
     const id = Number(network.id);
-    return `${id}=${_nullishCoalesce(_chunkBRYNGLDMcjs.rpcUrlFor.call(void 0, rpcUrls, id), () => ( ""))}`;
+    return `${id}=${_nullishCoalesce(_chunkV2OBGLJDcjs.rpcUrlFor.call(void 0, rpcUrls, id), () => ( ""))}`;
   }).join("|");
 }
 var cachedAdapter = null;
 var cachedAdapterKey = null;
 var wagmiConfiguredEvmIds = /* @__PURE__ */ new Set();
 var runtimeNetworkById = /* @__PURE__ */ new Map();
-function mapTheme(theme) {
-  const themeMode = _optionalChain([theme, 'optionalAccess', _ => _.mode]) === "light" ? "light" : "dark";
-  const themeVariables = {};
-  if (_optionalChain([theme, 'optionalAccess', _2 => _2.ctaColor])) {
-    themeVariables["--apkt-accent"] = theme.ctaColor;
-  }
-  return { themeMode, themeVariables };
-}
 function mergeNetworks(runtime) {
   const byId = /* @__PURE__ */ new Map();
   for (const network of EVM_NETWORKS) byId.set(Number(network.id), network);
@@ -156,7 +167,7 @@ function getOrCreateAdapter(projectId, enableSolana, theme, rpcUrls, runtimeChai
     runtimeNetworkById.set(chain.id, chain);
     try {
       appKit.addNetwork("eip155", chain);
-    } catch (e) {
+    } catch (e2) {
     }
   }
   return cachedAdapter;
@@ -164,7 +175,7 @@ function getOrCreateAdapter(projectId, enableSolana, theme, rpcUrls, runtimeChai
 function chainDisplayName(chainId) {
   const runtime = runtimeNetworkById.get(chainId);
   if (runtime) return runtime.name;
-  return _chunkO7BCVQ6Lcjs.getChainName.call(void 0, chainId);
+  return _chunk4KCSH4T3cjs.getChainName.call(void 0, chainId);
 }
 function resolveAppKitNetwork(chainId) {
   return _nullishCoalesce(getAppKitNetwork(chainId), () => ( runtimeNetworkById.get(chainId)));
@@ -177,7 +188,7 @@ function ReownWalletProvider({
   backendUrl,
   children
 }) {
-  const rpcUrls = _chunkBRYNGLDMcjs.useStableRpcUrls.call(void 0, rpcUrlsProp);
+  const rpcUrls = _chunkV2OBGLJDcjs.useStableRpcUrls.call(void 0, rpcUrlsProp);
   const [queryClient] = _react.useState.call(void 0, () => new (0, _reactquery.QueryClient)());
   const overrides = _react.useMemo.call(void 0, () => {
     if (!rpcUrls) return void 0;
@@ -189,20 +200,27 @@ function ReownWalletProvider({
     return out;
   }, [rpcUrls]);
   const [state, setState] = _react.useState.call(void 0, () => {
-    const primed = _chunkBRYNGLDMcjs.peekRuntimeChains.call(void 0, backendUrl, overrides);
+    const primed = _chunkV2OBGLJDcjs.peekRuntimeChains.call(void 0, backendUrl, overrides);
     return { ready: primed !== null, chains: _nullishCoalesce(primed, () => ( [])) };
   });
   _react.useEffect.call(void 0, () => {
     let active = true;
-    const primed = _chunkBRYNGLDMcjs.peekRuntimeChains.call(void 0, backendUrl, overrides);
+    const primed = _chunkV2OBGLJDcjs.peekRuntimeChains.call(void 0, backendUrl, overrides);
     setState({ ready: primed !== null, chains: _nullishCoalesce(primed, () => ( [])) });
-    _chunkBRYNGLDMcjs.primeRuntimeChains.call(void 0, backendUrl, overrides).then((chains) => {
+    _chunkV2OBGLJDcjs.primeRuntimeChains.call(void 0, backendUrl, overrides).then((chains) => {
       if (active) setState({ ready: true, chains });
     });
     return () => {
       active = false;
     };
   }, [backendUrl, overrides]);
+  _react.useEffect.call(void 0, () => {
+    setAppKitTheme(_react3.modal, theme);
+    return _chunkV2OBGLJDcjs.followSystemAppearance.call(void 0, 
+      _optionalChain([theme, 'optionalAccess', _7 => _7.mode]),
+      () => setAppKitTheme(_react3.modal, theme)
+    );
+  }, [theme, state.ready]);
   if (!state.ready) return null;
   const runtimeChains = state.chains;
   const adapter = getOrCreateAdapter(
@@ -215,7 +233,7 @@ function ReownWalletProvider({
   const config = adapter.wagmiConfig;
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _wagmi.WagmiProvider, { config, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _reactquery.QueryClientProvider, { client: queryClient, children }) });
 }
-function useReownWallet() {
+function useReownWalletSession() {
   const { open } = _react3.useAppKit.call(void 0, );
   const { address, isConnected, caipAddress } = _react3.useAppKitAccount.call(void 0, );
   const { initialized, loading } = _react3.useAppKitState.call(void 0, );
@@ -224,16 +242,20 @@ function useReownWallet() {
   const publicClient = _wagmi.usePublicClient.call(void 0, );
   const { switchNetwork } = _react3.useAppKitNetwork.call(void 0, );
   const { switchChainAsync } = _wagmi.useSwitchChain.call(void 0, );
-  const isSolana = _nullishCoalesce(_optionalChain([caipAddress, 'optionalAccess', _3 => _3.startsWith, 'call', _4 => _4("solana:")]), () => ( false));
-  const solanaAddress = isSolana ? _optionalChain([caipAddress, 'optionalAccess', _5 => _5.split, 'call', _6 => _6(":"), 'access', _7 => _7.slice, 'call', _8 => _8(2), 'access', _9 => _9.join, 'call', _10 => _10(":")]) : void 0;
+  const isSolana = _nullishCoalesce(_optionalChain([caipAddress, 'optionalAccess', _8 => _8.startsWith, 'call', _9 => _9("solana:")]), () => ( false));
+  const solanaAddress = isSolana ? _optionalChain([caipAddress, 'optionalAccess', _10 => _10.split, 'call', _11 => _11(":"), 'access', _12 => _12.slice, 'call', _13 => _13(2), 'access', _14 => _14.join, 'call', _15 => _15(":")]) : void 0;
   return {
     walletClient: isSolana ? void 0 : _nullishCoalesce(walletClient, () => ( void 0)),
     publicClient: isSolana ? void 0 : _nullishCoalesce(publicClient, () => ( void 0)),
     address: isSolana ? void 0 : address,
     caipAddress,
     isConnected,
+    // wagmi resolves the client a beat after the account, so this is false in
+    // that window — which is the behaviour the picker already had, now stated
+    // here rather than inferred from the client's presence by the picker.
+    canSignEvm: !isSolana && Boolean(walletClient),
     isReady: initialized && !loading,
-    icon: _optionalChain([walletInfo, 'optionalAccess', _11 => _11.icon]),
+    icon: _optionalChain([walletInfo, 'optionalAccess', _16 => _16.icon]),
     isSolana,
     solanaAddress,
     solanaProvider: void 0,
@@ -242,7 +264,7 @@ function useReownWallet() {
       void open({ view: "Connect" });
     },
     disconnect: () => {
-      void _optionalChain([_react3.modal, 'optionalAccess', _12 => _12.disconnect, 'call', _13 => _13()]);
+      void _optionalChain([_react3.modal, 'optionalAccess', _17 => _17.disconnect, 'call', _18 => _18()]);
     },
     switchChain: async (chainId) => {
       if (!wagmiConfiguredEvmIds.has(chainId)) {
@@ -258,7 +280,7 @@ function useReownWallet() {
           await switchChainAsync({ chainId });
         }
       } catch (err) {
-        if (_chunkBRYNGLDMcjs.isUnsupportedChainSwitchError.call(void 0, err)) {
+        if (_chunkV2OBGLJDcjs.isUnsupportedChainSwitchError.call(void 0, err)) {
           throw new Error(
             `Switch to ${chainDisplayName(chainId)} in your wallet to continue`
           );
@@ -274,7 +296,7 @@ function useReownWallet() {
 var _react5 = require('@reown/appkit-adapter-solana/react');
 
 function DepositModalWithReown(props) {
-  const reown = useReownWallet();
+  const reown = useReownWalletSession();
   const { walletProvider: solanaWalletProvider } = _react3.useAppKitProvider.call(void 0, "solana");
   const { connection: solanaConnection } = _react5.useAppKitConnection.call(void 0, );
   const reownWithSolana = _react.useMemo.call(void 0, 
@@ -292,10 +314,11 @@ function DepositModalWithReown(props) {
     reown.disconnect();
   }, [reown.disconnect]);
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkOIN4CXCPcjs.DepositModalInner,
+    _chunkYCQZJQO6cjs.DepositModalInner,
     {
       ...props,
-      reownWallet: reownWithSolana,
+      walletSession: reownWithSolana,
+      walletIntegration: "modal_connected",
       onConnect: handleConnect,
       onDisconnect: handleDisconnect
     }

package/dist/{DepositModalReown-TEC3MEZ4.mjs → DepositModalReown-Q2JMLT47.mjs}

@@ -1,21 +1,23 @@
 import {
   DepositModalInner
-} from "./chunk-SDSKIJC7.mjs";
-import "./chunk-J46WDSRD.mjs";
-import "./chunk-JE4R5VA3.mjs";
+} from "./chunk-KTUVSKR4.mjs";
+import "./chunk-7SR7ENVJ.mjs";
+import "./chunk-WUJIKCFU.mjs";
 import {
+  followSystemAppearance,
   isUnsupportedChainSwitchError,
   peekRuntimeChains,
   primeRuntimeChains,
+  resolveThemeMode,
   rpcUrlFor,
   useStableRpcUrls
-} from "./chunk-FXXUIK4E.mjs";
-import "./chunk-IAGFDSNC.mjs";
-import "./chunk-4ZXQPFNU.mjs";
+} from "./chunk-IN77XSWO.mjs";
+import "./chunk-K4H6TGBE.mjs";
+import "./chunk-RN5VKWI6.mjs";
 import {
-  SUPPORTED_CHAINS,
+  SUPPORTED_CHAIN_IDS,
   getChainName
-} from "./chunk-3STTWRAN.mjs";
+} from "./chunk-VUATPOWJ.mjs";
 
 // src/DepositModalReown.tsx
 import { useCallback, useMemo as useMemo2 } from "react";
@@ -72,11 +74,11 @@ var APPKIT_NETWORK_BY_ID = {
   [katana.id]: katana,
   [hyperEvm.id]: hyperEvm
 };
-var EVM_NETWORKS = SUPPORTED_CHAINS.map((chain) => {
-  const network = APPKIT_NETWORK_BY_ID[chain.id];
+var EVM_NETWORKS = SUPPORTED_CHAIN_IDS.map((chainId) => {
+  const network = APPKIT_NETWORK_BY_ID[chainId];
   if (!network) {
     throw new Error(
-      `[rhinestone] No AppKit network registered for supported chain ${chain.id} (${chain.name}). Add it to APPKIT_NETWORK_BY_ID in reown-networks.ts.`
+      `[rhinestone] No AppKit network registered for supported chain ${chainId}. Add it to APPKIT_NETWORK_BY_ID in reown-networks.ts.`
     );
   }
   return network;
@@ -85,6 +87,23 @@ function getAppKitNetwork(chainId) {
   return APPKIT_NETWORK_BY_ID[chainId];
 }
 
+// src/core/reown-theme.ts
+function mapTheme(theme) {
+  const themeMode = resolveThemeMode(theme?.mode) === "light" ? "light" : "dark";
+  const themeVariables = {
+    "--apkt-accent": theme?.ctaColor
+  };
+  return { themeMode, themeVariables };
+}
+function setAppKitTheme(appKit, theme) {
+  const { themeMode, themeVariables } = mapTheme(theme);
+  try {
+    appKit?.setThemeMode(themeMode);
+    appKit?.setThemeVariables(themeVariables);
+  } catch {
+  }
+}
+
 // src/core/reown.tsx
 import { jsx } from "react/jsx-runtime";
 function buildTransports(rpcUrls, networks = EVM_NETWORKS) {
@@ -105,14 +124,6 @@ var cachedAdapter = null;
 var cachedAdapterKey = null;
 var wagmiConfiguredEvmIds = /* @__PURE__ */ new Set();
 var runtimeNetworkById = /* @__PURE__ */ new Map();
-function mapTheme(theme) {
-  const themeMode = theme?.mode === "light" ? "light" : "dark";
-  const themeVariables = {};
-  if (theme?.ctaColor) {
-    themeVariables["--apkt-accent"] = theme.ctaColor;
-  }
-  return { themeMode, themeVariables };
-}
 function mergeNetworks(runtime) {
   const byId = /* @__PURE__ */ new Map();
   for (const network of EVM_NETWORKS) byId.set(Number(network.id), network);
@@ -203,6 +214,13 @@ function ReownWalletProvider({
       active = false;
     };
   }, [backendUrl, overrides]);
+  useEffect(() => {
+    setAppKitTheme(modal, theme);
+    return followSystemAppearance(
+      theme?.mode,
+      () => setAppKitTheme(modal, theme)
+    );
+  }, [theme, state.ready]);
   if (!state.ready) return null;
   const runtimeChains = state.chains;
   const adapter = getOrCreateAdapter(
@@ -215,7 +233,7 @@ function ReownWalletProvider({
   const config = adapter.wagmiConfig;
   return /* @__PURE__ */ jsx(WagmiProvider, { config, children: /* @__PURE__ */ jsx(QueryClientProvider, { client: queryClient, children }) });
 }
-function useReownWallet() {
+function useReownWalletSession() {
   const { open } = useAppKit();
   const { address, isConnected, caipAddress } = useAppKitAccount();
   const { initialized, loading } = useAppKitState();
@@ -232,6 +250,10 @@ function useReownWallet() {
     address: isSolana ? void 0 : address,
     caipAddress,
     isConnected,
+    // wagmi resolves the client a beat after the account, so this is false in
+    // that window — which is the behaviour the picker already had, now stated
+    // here rather than inferred from the client's presence by the picker.
+    canSignEvm: !isSolana && Boolean(walletClient),
     isReady: initialized && !loading,
     icon: walletInfo?.icon,
     isSolana,
@@ -274,7 +296,7 @@ import { useAppKitProvider } from "@reown/appkit/react";
 import { useAppKitConnection } from "@reown/appkit-adapter-solana/react";
 import { jsx as jsx2 } from "react/jsx-runtime";
 function DepositModalWithReown(props) {
-  const reown = useReownWallet();
+  const reown = useReownWalletSession();
   const { walletProvider: solanaWalletProvider } = useAppKitProvider("solana");
   const { connection: solanaConnection } = useAppKitConnection();
   const reownWithSolana = useMemo2(
@@ -295,7 +317,8 @@ function DepositModalWithReown(props) {
     DepositModalInner,
     {
       ...props,
-      reownWallet: reownWithSolana,
+      walletSession: reownWithSolana,
+      walletIntegration: "modal_connected",
       onConnect: handleConnect,
       onDisconnect: handleDisconnect
     }

package/dist/{QRCode-WUC652SH.mjs → QRCode-5RGIZZHL.mjs}

@@ -22,7 +22,7 @@ function QRCode({ value, size = 200, iconSrc, className }) {
     if (!node) return;
     const sync = () => setColors(resolveSurfaceColor(node));
     sync();
-    const themed = node.closest("[data-theme]");
+    const themed = node.closest(".rs-modal") ?? node.closest("[data-theme]");
     if (!themed) return;
     const observer = new MutationObserver(sync);
     observer.observe(themed, {

package/dist/{QRCode-5DXFNKI2.cjs → QRCode-JKXG4RHN.cjs}

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }// src/components/ui/QRCode.tsx
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }// src/components/ui/QRCode.tsx
 var _react = require('react');
 var _reactqrcodelogo = require('react-qrcode-logo');
 var _jsxruntime = require('react/jsx-runtime');
@@ -22,7 +22,7 @@ function QRCode({ value, size = 200, iconSrc, className }) {
     if (!node) return;
     const sync = () => setColors(resolveSurfaceColor(node));
     sync();
-    const themed = node.closest("[data-theme]");
+    const themed = _nullishCoalesce(node.closest(".rs-modal"), () => ( node.closest("[data-theme]")));
     if (!themed) return;
     const observer = new MutationObserver(sync);
     observer.observe(themed, {

package/dist/WithdrawModal-5ICGD4HJ.mjs

@@ -0,0 +1,12 @@
+import {
+  WithdrawModal,
+  buildWithdrawAnalyticsSessionProperties
+} from "./chunk-PKML3XVS.mjs";
+import "./chunk-7SR7ENVJ.mjs";
+import "./chunk-IN77XSWO.mjs";
+import "./chunk-K4H6TGBE.mjs";
+import "./chunk-VUATPOWJ.mjs";
+export {
+  WithdrawModal,
+  buildWithdrawAnalyticsSessionProperties
+};

package/dist/WithdrawModal-VP6PMIRO.cjs

@@ -0,0 +1,12 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+
+var _chunkMTFJSE52cjs = require('./chunk-MTFJSE52.cjs');
+require('./chunk-7ICSHJFE.cjs');
+require('./chunk-V2OBGLJD.cjs');
+require('./chunk-6KG642KH.cjs');
+require('./chunk-4KCSH4T3.cjs');
+
+
+
+exports.WithdrawModal = _chunkMTFJSE52cjs.WithdrawModal; exports.buildWithdrawAnalyticsSessionProperties = _chunkMTFJSE52cjs.buildWithdrawAnalyticsSessionProperties;