solariskit 1.1.0 → 1.2.0

package/dist/{WalletButton-BWBicKd9.js → WalletButton-CsbqNc5l.js}

@@ -2,7 +2,7 @@
 import React, { Fragment, createContext, useCallback, useContext, useEffect, useMemo, useReducer, useRef, useState } from "react";
 import { createMapValueFn, createNormalizeValueFn } from "@vanilla-extract/sprinkles/createUtils";
 import { createSprinkles } from "@vanilla-extract/sprinkles/createRuntimeSprinkles";
-import { useBalance, useConfig, useConnect, useConnection, useConnectionEffect, useConnectors, useDisconnect, useEnsAvatar, useEnsName, usePublicClient, useSignMessage, useSwitchChain } from "wagmi";
+import { useBalance, useChainId, useConfig, useConnect, useConnection, useConnectionEffect, useConnectors, useDisconnect, useEnsAvatar, useEnsName, usePublicClient, useSignMessage, useSwitchChain } from "wagmi";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import clsx from "clsx";
 import { polyconDataUri } from "@akshatmittal/polycons";
@@ -1592,7 +1592,7 @@ function AsyncImage({ alt, background, borderColor, borderRadius, useAsImage, bo
 		width: typeof width === "string" ? width : void 0,
 		testId,
 		children: [/* @__PURE__ */ jsx(Box, {
-			...isRemoteImage ? {
+			...src ? isRemoteImage ? {
 				"aria-hidden": true,
 				as: "img",
 				onLoad: setRemoteImageLoaded,
@@ -1601,7 +1601,7 @@ function AsyncImage({ alt, background, borderColor, borderRadius, useAsImage, bo
 				"aria-hidden": true,
 				as: "img",
 				src
-			},
+			} : { "aria-hidden": true },
 			height: "full",
 			position: "absolute",
 			...ios ? { WebkitUserSelect: "none" } : {},
@@ -1777,6 +1777,12 @@ const DropdownIcon = () => /* @__PURE__ */ jsxs("svg", {
 	})]
 });
 
+//#endregion
+//#region src/utils/isChainIdSupported.ts
+function isChainIdSupported(chains, chainId) {
+	return chainId != null && chains.some((chain) => chain.id === chainId);
+}
+
 //#endregion
 //#region src/components/RainbowKitProvider/provideRainbowKitChains.ts
 const getChainIconUrl = (chainId) => `https://static.createmytoken.com/images/chains/${chainId}.png`;
@@ -1794,15 +1800,32 @@ const RainbowKitChainContext = createContext({
 });
 function RainbowKitChainProvider({ chainSearchThreshold = 5, children, initialChain }) {
 	const { chains } = useConfig();
+	const { status } = useConnection();
+	const wagmiChainId = useChainId();
+	const { mutate: switchChain } = useSwitchChain();
+	const appliedInitialChainIdRef = useRef(void 0);
+	const initialChainId = typeof initialChain === "number" ? initialChain : initialChain?.id;
+	const configuredInitialChainId = isChainIdSupported(chains, initialChainId) ? initialChainId : void 0;
+	useEffect(() => {
+		if (status !== "disconnected" || configuredInitialChainId == null) return;
+		if (appliedInitialChainIdRef.current === configuredInitialChainId) return;
+		appliedInitialChainIdRef.current = configuredInitialChainId;
+		if (wagmiChainId !== configuredInitialChainId) switchChain({ chainId: configuredInitialChainId });
+	}, [
+		configuredInitialChainId,
+		status,
+		switchChain,
+		wagmiChainId
+	]);
 	return /* @__PURE__ */ jsx(RainbowKitChainContext.Provider, {
 		value: useMemo(() => ({
 			chains: provideRainbowKitChains(chains),
 			chainSearchThreshold,
-			initialChainId: typeof initialChain === "number" ? initialChain : initialChain?.id
+			initialChainId
 		}), [
 			chainSearchThreshold,
 			chains,
-			initialChain
+			initialChainId
 		]),
 		children
 	});
@@ -2124,9 +2147,16 @@ function useProfile({ address, includeBalance }) {
 	};
 }
 
+//#endregion
+//#region src/hooks/useSelectedChainId.ts
+function useSelectedChainId(connectedChainId) {
+	const wagmiChainId = useChainId();
+	return connectedChainId ?? wagmiChainId;
+}
+
 //#endregion
 //#region src/hooks/useChainId.ts
-function useChainId() {
+function useChainId$1() {
 	const { chain: activeChain } = useConnection();
 	return activeChain?.id ?? null;
 }
@@ -2276,7 +2306,7 @@ const TransactionStoreContext = React.createContext(null);
 function TransactionStoreProvider({ children }) {
 	const provider = usePublicClient();
 	const { address } = useConnection();
-	const chainId = useChainId();
+	const chainId = useChainId$1();
 	const { refetch } = useBalance({
 		address,
 		query: { enabled: false }
@@ -2322,7 +2352,7 @@ function useTransactionStore() {
 function useRecentTransactions() {
 	const store = useTransactionStore();
 	const { address } = useConnection();
-	const chainId = useChainId();
+	const chainId = useChainId$1();
 	const [transactions, setTransactions] = useState(() => store && address && chainId ? store.getTransactions(address, chainId) : []);
 	useEffect(() => {
 		if (store && address && chainId) {
@@ -2578,7 +2608,7 @@ function setRainbowKitVersion({ version }) {
 }
 function useFingerprint() {
 	const fingerprint = useCallback(() => {
-		setRainbowKitVersion({ version: "1.1.0" });
+		setRainbowKitVersion({ version: "1.2.0" });
 	}, []);
 	useEffect(() => {
 		fingerprint();
@@ -2651,7 +2681,8 @@ function addRecentWalletId(walletId) {
 function useWalletConnectors(mergeEIP6963WithRkConnectors = false) {
 	const rainbowKitChains = useRainbowKitChains();
 	const initialChainId = useInitialChainId();
-	const { connectAsync } = useConnect();
+	const selectedChainId = useChainId();
+	const { mutateAsync: connect } = useConnect();
 	const defaultCreatedConnectors = useConnectors();
 	const { setIsWalletConnectModalOpen } = useWalletConnectOpenState();
 	const defaultConnectors = defaultCreatedConnectors.map((connector) => ({
@@ -2660,9 +2691,9 @@ function useWalletConnectors(mergeEIP6963WithRkConnectors = false) {
 	}));
 	async function connectWallet(connector, parameters) {
 		const walletChainId = await connector.getChainId();
-		const result = await connectAsync({
+		const result = await connect({
 			...parameters,
-			chainId: parameters?.chainId ?? initialChainId ?? rainbowKitChains.find(({ id }) => id === walletChainId)?.id ?? rainbowKitChains[0]?.id,
+			chainId: parameters?.chainId ?? selectedChainId ?? initialChainId ?? (isChainIdSupported(rainbowKitChains, walletChainId) ? walletChainId : void 0) ?? rainbowKitChains[0]?.id,
 			connector
 		});
 		if (result) addRecentWalletId(connector.id);
@@ -2939,7 +2970,7 @@ function SignIn({ onClose, onCloseModal }) {
 	}, [getNonce]);
 	const mobile = isMobile();
 	const { address, chain: activeChain } = useConnection();
-	const { signMessageAsync } = useSignMessage();
+	const { mutateAsync: signMessage } = useSignMessage();
 	const signIn = async () => {
 		try {
 			const chainId = activeChain?.id;
@@ -2974,7 +3005,7 @@ function SignIn({ onClose, onCloseModal }) {
 					...x,
 					status: "signing"
 				}));
-				signature = await signMessageAsync({ message });
+				signature = await signMessage({ message });
 			} catch (error) {
 				if (error instanceof UserRejectedRequestError) return setState((x) => ({
 					...x,
@@ -3423,7 +3454,7 @@ const DisconnectIcon = () => /* @__PURE__ */ jsxs("svg", {
 function useClearRecentTransactions() {
 	const store = useTransactionStore();
 	const { address } = useConnection();
-	const chainId = useChainId();
+	const chainId = useChainId$1();
 	return useCallback(() => {
 		if (!address || !chainId) throw new Error("No address or chain ID found");
 		store.clearTransactions(address, chainId);
@@ -3834,7 +3865,7 @@ function AccountModal({ onClose, open }) {
 		address,
 		includeBalance: open
 	});
-	const { disconnect } = useDisconnect();
+	const { mutate: disconnect } = useDisconnect();
 	if (!address) return null;
 	return /* @__PURE__ */ jsx(Fragment$1, { children: address && /* @__PURE__ */ jsx(Dialog, {
 		onClose,
@@ -4008,28 +4039,24 @@ var SearchInputClassName = "_5a0qia2";
 //#endregion
 //#region src/components/ChainModal/ChainModal.tsx
 function ChainModal({ onClose, open }) {
-	const { chainId } = useConnection();
+	const { chainId: connectedChainId, isConnected } = useConnection();
+	const currentChainId = useSelectedChainId(connectedChainId);
 	const { chains } = useConfig();
 	const [pendingChainId, setPendingChainId] = useState(null);
 	const [searchQuery, setSearchQuery] = useState("");
-	const { switchChain } = useSwitchChain({ mutation: {
+	const { mutate: switchChain } = useSwitchChain({ mutation: {
 		onMutate: ({ chainId: _chainId }) => {
 			setPendingChainId(_chainId);
 		},
-		onSuccess: () => {
-			if (pendingChainId) setPendingChainId(null);
-		},
-		onError: () => {
-			if (pendingChainId) setPendingChainId(null);
-		},
 		onSettled: () => {
+			setPendingChainId(null);
 			onClose();
 		}
 	} });
-	const { disconnect } = useDisconnect();
+	const { mutate: disconnect } = useDisconnect();
 	const titleId = "rk_chain_modal_title";
 	const mobile = isMobile();
-	const isCurrentChainSupported = chains.some((chain) => chain.id === chainId);
+	const isConnectedToUnsupportedChain = isConnected && !isChainIdSupported(chains, connectedChainId);
 	const chainIconSize = mobile ? "36" : "28";
 	const rainbowkitChains = useRainbowKitChains();
 	const chainSearchThreshold = useChainSearchThreshold();
@@ -4042,7 +4069,6 @@ function ChainModal({ onClose, open }) {
 	useEffect(() => {
 		if (!open) setSearchQuery("");
 	}, [open]);
-	if (!chainId) return null;
 	return /* @__PURE__ */ jsx(Dialog, {
 		onClose,
 		open,
@@ -4077,7 +4103,7 @@ function ChainModal({ onClose, open }) {
 							/* @__PURE__ */ jsx(CloseButton, { onClose })
 						]
 					}),
-					!isCurrentChainSupported && /* @__PURE__ */ jsx(Box, {
+					isConnectedToUnsupportedChain && /* @__PURE__ */ jsx(Box, {
 						marginX: "8",
 						textAlign: mobile ? "center" : "left",
 						children: /* @__PURE__ */ jsx(Text, {
@@ -4110,7 +4136,7 @@ function ChainModal({ onClose, open }) {
 							filteredChains.map(({ iconBackground, iconUrl, id, name }, idx) => {
 								return /* @__PURE__ */ jsx(Chain$1, {
 									chainId: id,
-									currentChainId: chainId,
+									currentChainId,
 									switchChain,
 									chainIconSize,
 									isLoading: pendingChainId === id,
@@ -4131,7 +4157,7 @@ function ChainModal({ onClose, open }) {
 									children: t("chains.search.no_results")
 								})
 							}),
-							!isCurrentChainSupported && /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(Box, {
+							isConnectedToUnsupportedChain && /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(Box, {
 								background: "generalBorderDim",
 								height: "1",
 								marginX: "8"
@@ -5332,7 +5358,7 @@ function ConnectOptions({ onClose }) {
 function ConnectModal({ onClose, open }) {
 	const titleId = "rk_connect_title";
 	const connectionStatus = useConnectionStatus();
-	const { disconnect } = useDisconnect();
+	const { mutate: disconnect } = useDisconnect();
 	const { isConnecting } = useConnection();
 	const onAuthCancel = React.useCallback(() => {
 		onClose();
@@ -5398,7 +5424,7 @@ function ModalProvider({ children }) {
 	const connectionStatus = useConnectionStatus();
 	const { chainId } = useConnection();
 	const { chains } = useConfig();
-	const isCurrentChainSupported = chains.some((chain) => chain.id === chainId);
+	const isCurrentChainSupported = isChainIdSupported(chains, chainId);
 	const closeModals = useCallback(({ keepConnectModalOpen = false } = {}) => {
 		if (!keepConnectModalOpen) closeConnectModal();
 		closeAccountModal();
@@ -5423,7 +5449,7 @@ function ModalProvider({ children }) {
 			connectModalOpen,
 			isWalletConnectModalOpen,
 			openAccountModal: isCurrentChainSupported && connectionStatus === "connected" ? openAccountModal : void 0,
-			openChainModal: connectionStatus === "connected" ? openChainModal : void 0,
+			openChainModal: chains.length > 0 ? openChainModal : void 0,
 			openConnectModal: connectionStatus === "disconnected" || connectionStatus === "unauthenticated" ? openConnectModal : void 0,
 			setIsWalletConnectModalOpen
 		}), [
@@ -5435,6 +5461,7 @@ function ModalProvider({ children }) {
 			openChainModal,
 			openConnectModal,
 			isCurrentChainSupported,
+			chains.length,
 			isWalletConnectModalOpen
 		]),
 		children: [
@@ -5497,10 +5524,10 @@ function useConnectModal() {
 const noop = () => {};
 function ConnectButtonRenderer({ children }) {
 	const isMounted = useIsMounted();
-	const { address } = useConnection();
-	const { chainId } = useConnection();
+	const { address, chainId: connectedChainId } = useConnection();
+	const chainId = useSelectedChainId(connectedChainId);
 	const { chains: wagmiChains } = useConfig();
-	const isCurrentChainSupported = wagmiChains.some((chain) => chain.id === chainId);
+	const isConnectedChainSupported = connectedChainId ? isChainIdSupported(wagmiChains, connectedChainId) : true;
 	const rainbowkitChainsById = useRainbowKitChainsById();
 	const authenticationStatus = useAuthenticationStatus() ?? void 0;
 	const rainbowKitChain = chainId ? rainbowkitChainsById[chainId] : void 0;
@@ -5545,7 +5572,7 @@ function ConnectButtonRenderer({ children }) {
 			iconUrl: resolvedChainIconUrl,
 			id: chainId,
 			name: chainName,
-			unsupported: !isCurrentChainSupported
+			unsupported: !isConnectedChainSupported
 		} : void 0,
 		chainModalOpen,
 		connectModalOpen,
@@ -5587,6 +5614,59 @@ function ConnectButton({ accountStatus = defaultProps.accountStatus, chainStatus
 	return ready ? /* @__PURE__ */ jsx(ConnectButtonRenderer, { children: ({ account, chain, mounted, openAccountModal, openChainModal, openConnectModal }) => {
 		const ready = mounted && connectionStatus !== "loading";
 		const unsupportedChain = chain?.unsupported ?? false;
+		const chainButton = chain && (chains.length > 1 || unsupportedChain) ? /* @__PURE__ */ jsxs(Box, {
+			alignItems: "center",
+			"aria-label": "Chain Selector",
+			as: "button",
+			background: unsupportedChain ? "connectButtonBackgroundError" : "connectButtonBackground",
+			borderRadius: "connectButton",
+			boxShadow: "connectButton",
+			className: touchableStyles({
+				active: "shrink",
+				hover: "grow"
+			}),
+			color: unsupportedChain ? "connectButtonTextError" : "connectButtonText",
+			display: mapResponsiveValue(chainStatus, (value) => value === "none" ? "none" : "flex"),
+			fontFamily: "body",
+			fontWeight: "bold",
+			gap: "6",
+			onClick: openChainModal,
+			paddingX: "10",
+			paddingY: "8",
+			testId: unsupportedChain ? "wrong-network-button" : "chain-button",
+			transition: "default",
+			type: "button",
+			children: [unsupportedChain ? /* @__PURE__ */ jsx(Box, {
+				alignItems: "center",
+				display: "flex",
+				height: "24",
+				paddingX: "4",
+				children: t("connect_wallet.wrong_network.label")
+			}) : /* @__PURE__ */ jsxs(Box, {
+				alignItems: "center",
+				display: "flex",
+				gap: "6",
+				children: [chain.hasIcon ? /* @__PURE__ */ jsx(Box, {
+					display: mapResponsiveValue(chainStatus, (value) => value === "full" || value === "icon" ? "block" : "none"),
+					height: "24",
+					width: "24",
+					children: /* @__PURE__ */ jsx(AsyncImage, {
+						alt: chain.name ?? "Chain icon",
+						background: chain.iconBackground,
+						borderRadius: "full",
+						height: "24",
+						src: chain.iconUrl,
+						width: "24"
+					})
+				}) : null, /* @__PURE__ */ jsx(Box, {
+					display: mapResponsiveValue(chainStatus, (value) => {
+						if (value === "icon" && !chain.iconUrl) return "block";
+						return value === "full" || value === "name" ? "block" : "none";
+					}),
+					children: chain.name ?? chain.id
+				})]
+			}), /* @__PURE__ */ jsx(DropdownIcon, {})]
+		}, unsupportedChain ? "unsupported" : "supported") : null;
 		return /* @__PURE__ */ jsx(Box, {
 			display: "flex",
 			gap: "12",
@@ -5598,59 +5678,7 @@ function ConnectButton({ accountStatus = defaultProps.accountStatus, chainStatus
 					userSelect: "none"
 				}
 			},
-			children: ready && account && connectionStatus === "connected" ? /* @__PURE__ */ jsxs(Fragment$1, { children: [chain && (chains.length > 1 || unsupportedChain) && /* @__PURE__ */ jsxs(Box, {
-				alignItems: "center",
-				"aria-label": "Chain Selector",
-				as: "button",
-				background: unsupportedChain ? "connectButtonBackgroundError" : "connectButtonBackground",
-				borderRadius: "connectButton",
-				boxShadow: "connectButton",
-				className: touchableStyles({
-					active: "shrink",
-					hover: "grow"
-				}),
-				color: unsupportedChain ? "connectButtonTextError" : "connectButtonText",
-				display: mapResponsiveValue(chainStatus, (value) => value === "none" ? "none" : "flex"),
-				fontFamily: "body",
-				fontWeight: "bold",
-				gap: "6",
-				onClick: openChainModal,
-				paddingX: "10",
-				paddingY: "8",
-				testId: unsupportedChain ? "wrong-network-button" : "chain-button",
-				transition: "default",
-				type: "button",
-				children: [unsupportedChain ? /* @__PURE__ */ jsx(Box, {
-					alignItems: "center",
-					display: "flex",
-					height: "24",
-					paddingX: "4",
-					children: t("connect_wallet.wrong_network.label")
-				}) : /* @__PURE__ */ jsxs(Box, {
-					alignItems: "center",
-					display: "flex",
-					gap: "6",
-					children: [chain.hasIcon ? /* @__PURE__ */ jsx(Box, {
-						display: mapResponsiveValue(chainStatus, (value) => value === "full" || value === "icon" ? "block" : "none"),
-						height: "24",
-						width: "24",
-						children: /* @__PURE__ */ jsx(AsyncImage, {
-							alt: chain.name ?? "Chain icon",
-							background: chain.iconBackground,
-							borderRadius: "full",
-							height: "24",
-							src: chain.iconUrl,
-							width: "24"
-						})
-					}) : null, /* @__PURE__ */ jsx(Box, {
-						display: mapResponsiveValue(chainStatus, (value) => {
-							if (value === "icon" && !chain.iconUrl) return "block";
-							return value === "full" || value === "name" ? "block" : "none";
-						}),
-						children: chain.name ?? chain.id
-					})]
-				}), /* @__PURE__ */ jsx(DropdownIcon, {})]
-			}, unsupportedChain ? "unsupported" : "supported"), !unsupportedChain && /* @__PURE__ */ jsxs(Box, {
+			children: ready && account && connectionStatus === "connected" ? /* @__PURE__ */ jsxs(Fragment$1, { children: [chainButton, !unsupportedChain && /* @__PURE__ */ jsxs(Box, {
 				alignItems: "center",
 				as: "button",
 				background: "connectButtonBackground",
@@ -5709,7 +5737,7 @@ function ConnectButton({ accountStatus = defaultProps.accountStatus, chainStatus
 						})]
 					})
 				})]
-			})] }) : /* @__PURE__ */ jsx(Box, {
+			})] }) : /* @__PURE__ */ jsxs(Fragment$1, { children: [chainButton, /* @__PURE__ */ jsx(Box, {
 				as: "button",
 				background: "accentColor",
 				borderRadius: "connectButton",
@@ -5728,7 +5756,7 @@ function ConnectButton({ accountStatus = defaultProps.accountStatus, chainStatus
 				transition: "default",
 				type: "button",
 				children: mounted && label === "Connect Wallet" ? t("connect_wallet.label") : label
-			}, "connect")
+			}, "connect")] })
 		});
 	} }) : null;
 }
@@ -5894,4 +5922,4 @@ const WalletButton = ({ wallet }) => {
 WalletButton.Custom = WalletButtonRenderer;
 
 //#endregion
-export { createAuthenticationAdapter as S, useTransactionStore as _, useConnectModal as a, EmojiAvatar as b, ChainModal as c, dialogContentMobile as d, RainbowKitProvider as f, cssObjectFromTheme as g, cssStringFromTheme as h, useChainModal as i, AccountModal as l, baseTheme as m, ConnectButton as n, MobileOptions as o, lightTheme as p, useAccountModal as r, DesktopOptions as s, WalletButton as t, dialogContent as u, useChainId as v, RainbowKitAuthenticationProvider as x, Avatar as y };
+export { createAuthenticationAdapter as S, useTransactionStore as _, useConnectModal as a, EmojiAvatar as b, ChainModal as c, dialogContentMobile as d, RainbowKitProvider as f, cssObjectFromTheme as g, cssStringFromTheme as h, useChainModal as i, AccountModal as l, baseTheme as m, ConnectButton as n, MobileOptions as o, lightTheme as p, useAccountModal as r, DesktopOptions as s, WalletButton as t, dialogContent as u, useChainId$1 as v, RainbowKitAuthenticationProvider as x, Avatar as y };

package/dist/components/index.d.ts

@@ -146,6 +146,6 @@ interface ChainModalProps {
 declare function ChainModal({
   onClose,
   open
-}: ChainModalProps): React.JSX.Element | null;
+}: ChainModalProps): React.JSX.Element;
 //#endregion
 export { AccountModal, type AccountModalProps, Avatar, type AvatarProps, ChainModal, type ChainModalProps, ConnectButton, type ConnectButtonProps, EmojiAvatar, type AvatarComponentProps as EmojiAvatarProps, RainbowKitProvider, type RainbowKitProviderProps, WalletButton, type WalletButtonProps, emojiAvatarForAddress };

package/dist/components/index.js

@@ -1,5 +1,5 @@
 "use client";
-import { b as EmojiAvatar, c as ChainModal, f as RainbowKitProvider, l as AccountModal, n as ConnectButton, t as WalletButton, y as Avatar } from "../WalletButton-BWBicKd9.js";
+import { b as EmojiAvatar, c as ChainModal, f as RainbowKitProvider, l as AccountModal, n as ConnectButton, t as WalletButton, y as Avatar } from "../WalletButton-CsbqNc5l.js";
 
 //#region src/components/Avatar/emojiAvatarForAddress.ts
 const colors = [

package/dist/index.js

@@ -1,5 +1,5 @@
 "use client";
-import { S as createAuthenticationAdapter, _ as useTransactionStore, a as useConnectModal, d as dialogContentMobile, f as RainbowKitProvider, g as cssObjectFromTheme, h as cssStringFromTheme, i as useChainModal, m as baseTheme, n as ConnectButton, o as MobileOptions, p as lightTheme, r as useAccountModal, s as DesktopOptions, t as WalletButton, u as dialogContent, v as useChainId, x as RainbowKitAuthenticationProvider } from "./WalletButton-BWBicKd9.js";
+import { S as createAuthenticationAdapter, _ as useTransactionStore, a as useConnectModal, d as dialogContentMobile, f as RainbowKitProvider, g as cssObjectFromTheme, h as cssStringFromTheme, i as useChainModal, m as baseTheme, n as ConnectButton, o as MobileOptions, p as lightTheme, r as useAccountModal, s as DesktopOptions, t as WalletButton, u as dialogContent, v as useChainId$1, x as RainbowKitAuthenticationProvider } from "./WalletButton-CsbqNc5l.js";
 import { a as injectedWallet, i as getWalletConnectConnector, n as safeWallet, o as base, r as metaMaskWallet, t as walletConnectWallet } from "./walletConnectors-C02JPPxf.js";
 import { useCallback } from "react";
 import { createConfig, http, useConnection } from "wagmi";
@@ -167,7 +167,7 @@ function getDefaultWallets(parameters) {
 function useAddRecentTransaction() {
 	const store = useTransactionStore();
 	const { address } = useConnection();
-	const chainId = useChainId();
+	const chainId = useChainId$1();
 	return useCallback((transaction) => {
 		if (!address || !chainId) throw new Error("No address or chain ID found");
 		store.addTransaction(address, chainId, transaction);

package/dist/wallets/walletConnectors/index.d.ts

@@ -30,4 +30,4 @@ declare const metaMaskWallet: ({
 //#region src/wallets/walletConnectors/safeWallet/safeWallet.d.ts
 declare const safeWallet: () => Wallet;
 //#endregion
-export { base, baseAccount, injectedWallet, metaMaskWallet, safeWallet, walletConnectWallet };
+export { BaseOptions, base, baseAccount, injectedWallet, metaMaskWallet, safeWallet, walletConnectWallet };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "solariskit",
-  "version": "1.1.0",
+  "version": "1.2.0",
   "description": "The best way to connect a wallet",
   "keywords": [
     "blockchain",
@@ -38,6 +38,7 @@
     "@vanilla-extract/sprinkles": "1.6.5",
     "clsx": "2.1.1",
     "cuer": "0.0.3",
+    "qr": "0.5.5",
     "react-remove-scroll": "2.7.2",
     "@akshatmittal/polycons": "1.1.0"
   },