solariskit 1.3.0 → 1.5.0

package/dist/solana/index.js

@@ -0,0 +1,601 @@
+"use client";
+import { t as injectedWallet_default } from "../injectedWallet-CnP8-uv5.js";
+import { At as useHydrated, C as ConnectModalShellView, Dt as useIsMounted, F as setStorageItem, G as AppContext, H as defaultAvatar, K as defaultAppInfo, L as NetworkModalView, M as createWalletIdStorage, N as getStorageItem, Ot as ShowBalanceProvider, P as removeStorageItem, Q as DialogContent, S as WalletListView, Tt as getChainIconUrl, V as AvatarContext, W as Text, X as formatAddress, Z as abbreviateETHBalance, a as NetworkSelectButtonView, at as WalletButtonProvider, c as defaultConnectButtonProps, ct as ThemeRootStyle, ft as Box, h as useModalStateValue, i as WalletButtonView, kt as useShowBalance, l as resolveShowBalance, lt as useThemeRoot, n as lightTheme, nt as ModalSizeOptions, o as defaultNetworkSelectChainStatus, ot as Dialog, pt as isMobile, q as t, rt as ModalSizeProvider, s as ConnectButtonView, st as ThemeIdProvider, t as useFingerprint, tt as ModalSizeContext, v as MobileWalletItemView, w as ConnectModalIntro, y as MobileWalletListView, z as ProfileDetailsView } from "../useFingerprint-BoVxC_1f.js";
+import React, { createContext, useCallback, useContext, useEffect, useMemo, useRef, useState } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { AppProvider, useBalance, useCluster, useConnectWallet, useDisconnectWallet, useKitTransactionSigner, useSolanaClient as useSolanaClient$1, useWallet, useWalletConnectors } from "@solana/connector/react";
+import { getDefaultConfig, getDefaultMobileConfig } from "@solana/connector/headless";
+
+//#region src/solana/wallets/recentSolanaWalletIds.ts
+const reconnectDisabledStorageKey = "rk-solana-reconnect-disabled";
+const storage = createWalletIdStorage({
+	latest: "rk-solana-latest-id",
+	recent: "rk-solana-recent"
+});
+function getRecentSolanaWalletIds() {
+	return storage.getRecent();
+}
+function addRecentSolanaWalletId(walletId) {
+	storage.addRecent(walletId);
+}
+function getLatestSolanaWalletId() {
+	return storage.getLatest();
+}
+function getLastConnectedSolanaWalletId() {
+	if (getStorageItem(reconnectDisabledStorageKey) === "true") return "";
+	return getLatestSolanaWalletId() || getRecentSolanaWalletIds()[0] || "";
+}
+function addLatestSolanaWalletId(walletId) {
+	removeStorageItem(reconnectDisabledStorageKey);
+	storage.addLatest(walletId);
+}
+function clearLatestSolanaWalletId() {
+	storage.clearLatest();
+}
+function disableSolanaAutoReconnect() {
+	setStorageItem(reconnectDisabledStorageKey, "true");
+}
+
+//#endregion
+//#region src/solana/hooks.ts
+function useSolanaWallet() {
+	const wallet = useWallet();
+	return useMemo(() => ({
+		account: wallet.account ? String(wallet.account) : null,
+		accounts: wallet.accounts.map((account) => ({
+			address: String(account.address),
+			label: account.label
+		})),
+		connectorId: wallet.connectorId ? String(wallet.connectorId) : null,
+		error: wallet.error,
+		isConnected: wallet.isConnected,
+		isConnecting: wallet.isConnecting,
+		isError: wallet.isError,
+		status: wallet.status
+	}), [wallet]);
+}
+function useSolanaWalletConnectors() {
+	const connectors = useWalletConnectors();
+	return useMemo(() => connectors.map((connector) => ({
+		chains: connector.chains,
+		features: connector.features,
+		icon: connector.icon,
+		id: String(connector.id),
+		name: connector.name,
+		ready: connector.ready
+	})), [connectors]);
+}
+function useSolanaConnectWallet() {
+	const { connect, error, isConnecting, resetError } = useConnectWallet();
+	const connectById = useCallback((connectorId, options) => connect(connectorId, options), [connect]);
+	return useMemo(() => ({
+		connect: connectById,
+		error,
+		isConnecting,
+		resetError
+	}), [
+		connectById,
+		error,
+		isConnecting,
+		resetError
+	]);
+}
+function useSolanaDisconnectWallet() {
+	const { disconnect, isDisconnecting } = useDisconnectWallet();
+	return useMemo(() => ({
+		disconnect: async () => {
+			await disconnect();
+			clearLatestSolanaWalletId();
+			disableSolanaAutoReconnect();
+		},
+		isDisconnecting
+	}), [disconnect, isDisconnecting]);
+}
+function useSolanaCluster() {
+	return useCluster();
+}
+function useSolanaBalance(options) {
+	return useBalance(options);
+}
+function useSolanaClient() {
+	return useSolanaClient$1();
+}
+function useSolanaKitTransactionSigner() {
+	return useKitTransactionSigner();
+}
+
+//#endregion
+//#region src/solana/components/SolanaAccountModal/SolanaAccountModal.tsx
+function SolanaAccountModal({ onClose, open }) {
+	const wallet = useSolanaWallet();
+	const { disconnect } = useSolanaDisconnectWallet();
+	const { lastUpdated, solBalance } = useSolanaBalance({ enabled: open && wallet.isConnected });
+	const titleId = `rk_account_modal_title_${React.useId()}`;
+	if (!wallet.account) return null;
+	return /* @__PURE__ */ jsx(Dialog, {
+		onClose,
+		open,
+		titleId,
+		children: /* @__PURE__ */ jsx(DialogContent, {
+			bottomSheetOnMobile: true,
+			padding: "0",
+			children: /* @__PURE__ */ jsx(ProfileDetailsView, {
+				accountName: formatAddress(wallet.account),
+				address: wallet.account,
+				balanceLabel: lastUpdated ? `${abbreviateETHBalance(solBalance)} SOL` : void 0,
+				onClose,
+				onDisconnect: () => {
+					disconnect().catch(() => {});
+				},
+				titleId
+			})
+		})
+	});
+}
+
+//#endregion
+//#region src/solana/components/SolanaChainModal/SolanaChainModal.tsx
+const solanaIconUrl$1 = getChainIconUrl("solana");
+function SolanaChainModal({ onClose, open }) {
+	const { cluster, clusters, setCluster } = useSolanaCluster();
+	const [pendingClusterId, setPendingClusterId] = useState(null);
+	const onSelectNetwork = (networkId) => {
+		const clusterId = String(networkId);
+		setPendingClusterId(clusterId);
+		setCluster(clusterId).catch(() => {}).finally(() => {
+			setPendingClusterId(null);
+			onClose();
+		});
+	};
+	return /* @__PURE__ */ jsx(NetworkModalView, {
+		currentNetworkId: cluster?.id,
+		networks: clusters.map((cluster) => ({
+			iconUrl: solanaIconUrl$1,
+			id: cluster.id,
+			name: cluster.label
+		})),
+		onClose,
+		onSelectNetwork,
+		open,
+		pendingNetworkId: pendingClusterId,
+		searchThreshold: 5
+	});
+}
+
+//#endregion
+//#region src/solana/components/SolanaConnectModal/SolanaConnectModal.tsx
+const SOLANA_GET_WALLET_URL = "https://solana.com/ecosystem/explore?categories=wallet";
+function SolanaConnectModal({ onClose, open }) {
+	const titleId = `rk_connect_title_${React.useId()}`;
+	const connectors = useSolanaWalletConnectors();
+	const walletState = useSolanaWallet();
+	const { connect, error, isConnecting, resetError } = useSolanaConnectWallet();
+	const [selectedWalletId, setSelectedWalletId] = useState();
+	const [walletStep, setWalletStep] = useState("LIST");
+	const compactModeEnabled = React.useContext(ModalSizeContext) === ModalSizeOptions.COMPACT;
+	useEffect(() => {
+		if (!open) {
+			setSelectedWalletId(void 0);
+			setWalletStep("LIST");
+			resetError();
+		}
+	}, [open, resetError]);
+	const wallets = useMemo(() => {
+		const recentIds = new Set(getRecentSolanaWalletIds());
+		return connectors.map((connector) => ({
+			groupName: connector.ready ? "Installed" : "Other",
+			iconUrl: connector.icon || injectedWallet_default,
+			id: connector.id,
+			isRainbowKitConnector: false,
+			name: connector.name,
+			ready: connector.ready,
+			recent: recentIds.has(connector.id)
+		})).sort((a, b) => Number(b.recent) - Number(a.recent) || a.name.localeCompare(b.name));
+	}, [connectors]);
+	const groupedWallets = useMemo(() => {
+		const installed = wallets.filter((wallet) => wallet.ready);
+		const other = wallets.filter((wallet) => !wallet.ready);
+		return {
+			...installed.length ? { Installed: installed } : {},
+			...other.length ? { Other: other } : {}
+		};
+	}, [wallets]);
+	const selectWallet = async (wallet) => {
+		if (isConnecting || walletState.isConnecting) return;
+		if (!wallet.ready) {
+			window.open(SOLANA_GET_WALLET_URL, "_blank", "noopener,noreferrer");
+			return;
+		}
+		resetError();
+		setSelectedWalletId(wallet.id);
+		try {
+			await connect(wallet.id);
+			addLatestSolanaWalletId(wallet.id);
+			addRecentSolanaWalletId(wallet.id);
+		} catch {}
+	};
+	const mobile = isMobile();
+	const walletList = /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(WalletListView, {
+		groupedWallets,
+		onSelectWallet: selectWallet,
+		selectedWalletId
+	}), error ? /* @__PURE__ */ jsx(Box, {
+		marginTop: "12",
+		marginX: "6",
+		children: /* @__PURE__ */ jsx(Text, {
+			color: "error",
+			size: "14",
+			weight: "medium",
+			children: error.message
+		})
+	}) : null] });
+	return /* @__PURE__ */ jsx(Dialog, {
+		onClose,
+		open,
+		titleId,
+		children: /* @__PURE__ */ jsx(DialogContent, {
+			bottomSheetOnMobile: true,
+			padding: "0",
+			wide: !compactModeEnabled,
+			children: mobile ? /* @__PURE__ */ jsx(MobileWalletListView, {
+				getWalletUrl: SOLANA_GET_WALLET_URL,
+				onClose,
+				titleId,
+				walletItems: wallets.filter((wallet) => wallet.ready).map((wallet) => /* @__PURE__ */ jsx(Box, {
+					width: "60",
+					children: /* @__PURE__ */ jsx(MobileWalletItemView, {
+						connecting: isConnecting && selectedWalletId === wallet.id,
+						iconUrl: wallet.iconUrl,
+						id: wallet.id,
+						name: wallet.name,
+						onClick: () => selectWallet(wallet),
+						ready: wallet.ready,
+						recent: wallet.recent
+					})
+				}, wallet.id))
+			}) : /* @__PURE__ */ jsx(ConnectModalShellView, {
+				compactModeEnabled,
+				onClose,
+				onCompactInfoClick: () => setWalletStep("LEARN_COMPACT"),
+				onRightPaneBack: compactModeEnabled ? () => setWalletStep("LIST") : void 0,
+				rightPaneContent: /* @__PURE__ */ jsx(ConnectModalIntro, {
+					compactModeEnabled,
+					getWallet: () => window.open(SOLANA_GET_WALLET_URL, "_blank", "noopener,noreferrer")
+				}),
+				rightPaneHeaderLabel: compactModeEnabled ? t("intro.title") : null,
+				showRightPane: compactModeEnabled ? walletStep !== "LIST" : true,
+				showSidebar: compactModeEnabled ? walletStep === "LIST" : true,
+				titleId,
+				walletList
+			})
+		})
+	});
+}
+
+//#endregion
+//#region src/solana/components/SolanaKitProvider/SolanaModalContext.tsx
+const SolanaModalContext = createContext({
+	accountModalOpen: false,
+	chainModalOpen: false,
+	connectModalOpen: false
+});
+function SolanaModalProvider({ children }) {
+	const { closeModal: closeConnectModal, isModalOpen: connectModalOpen, openModal: openConnectModal } = useModalStateValue();
+	const { closeModal: closeAccountModal, isModalOpen: accountModalOpen, openModal: openAccountModal } = useModalStateValue();
+	const { closeModal: closeChainModal, isModalOpen: chainModalOpen, openModal: openChainModal } = useModalStateValue();
+	const wallet = useSolanaWallet();
+	const { clusters } = useSolanaCluster();
+	const closeModals = useCallback(() => {
+		closeConnectModal();
+		closeAccountModal();
+		closeChainModal();
+	}, [
+		closeAccountModal,
+		closeChainModal,
+		closeConnectModal
+	]);
+	useEffect(() => {
+		if (wallet.isConnected) {
+			closeModals();
+			return;
+		}
+		closeAccountModal();
+	}, [
+		closeAccountModal,
+		closeModals,
+		wallet.isConnected
+	]);
+	useEffect(() => {
+		if (wallet.status === "disconnected") closeModals();
+	}, [closeModals, wallet.status]);
+	return /* @__PURE__ */ jsxs(SolanaModalContext.Provider, {
+		value: useMemo(() => ({
+			accountModalOpen,
+			chainModalOpen,
+			connectModalOpen,
+			openAccountModal: wallet.isConnected ? openAccountModal : void 0,
+			openChainModal: clusters.length > 1 ? openChainModal : void 0,
+			openConnectModal: !wallet.isConnected ? openConnectModal : void 0
+		}), [
+			accountModalOpen,
+			chainModalOpen,
+			clusters.length,
+			connectModalOpen,
+			openAccountModal,
+			openChainModal,
+			openConnectModal,
+			wallet.isConnected
+		]),
+		children: [
+			children,
+			/* @__PURE__ */ jsx(SolanaConnectModal, {
+				onClose: closeConnectModal,
+				open: connectModalOpen
+			}),
+			/* @__PURE__ */ jsx(SolanaAccountModal, {
+				onClose: closeAccountModal,
+				open: accountModalOpen
+			}),
+			/* @__PURE__ */ jsx(SolanaChainModal, {
+				onClose: closeChainModal,
+				open: chainModalOpen
+			})
+		]
+	});
+}
+function useSolanaAccountModal() {
+	const { accountModalOpen, openAccountModal } = useContext(SolanaModalContext);
+	return {
+		accountModalOpen,
+		openAccountModal
+	};
+}
+function useSolanaChainModal() {
+	const { chainModalOpen, openChainModal } = useContext(SolanaModalContext);
+	return {
+		chainModalOpen,
+		openChainModal
+	};
+}
+function useSolanaConnectModal() {
+	const { connectModalOpen, openConnectModal } = useContext(SolanaModalContext);
+	return {
+		connectModalOpen,
+		openConnectModal
+	};
+}
+
+//#endregion
+//#region src/solana/components/SolanaKitProvider/SolanaKitProvider.tsx
+const defaultTheme = lightTheme();
+const solanaDefaultLearnMoreUrl = "https://solana.com/learn";
+const reconnectDelayMs = 250;
+function splitConnectorKitConfig(config) {
+	if (!config) return { connectorConfig: { autoConnect: true } };
+	const { autoConnect = true, mobile, ...connectorConfig } = config;
+	return {
+		connectorConfig: {
+			...connectorConfig,
+			autoConnect
+		},
+		mobile
+	};
+}
+function SolanaAutoConnect() {
+	const attemptedReconnect = useRef(false);
+	const connectRef = useRef(null);
+	const wallet = useSolanaWallet();
+	const walletRef = useRef(wallet);
+	const connectors = useSolanaWalletConnectors();
+	const { connect } = useSolanaConnectWallet();
+	useEffect(() => {
+		connectRef.current = connect;
+	}, [connect]);
+	useEffect(() => {
+		walletRef.current = wallet;
+	}, [wallet]);
+	useEffect(() => {
+		if (attemptedReconnect.current || wallet.isConnected || wallet.isConnecting) return;
+		const walletId = getLastConnectedSolanaWalletId();
+		const connector = connectors.find((connector) => connector.id === walletId);
+		if (!walletId || !connector?.ready) return;
+		const timer = window.setTimeout(() => {
+			if (attemptedReconnect.current) return;
+			attemptedReconnect.current = true;
+			if (walletRef.current.isConnected || walletRef.current.isConnecting) return;
+			connectRef.current?.(walletId, {
+				allowInteractiveFallback: false,
+				silent: true
+			}).then(() => addLatestSolanaWalletId(walletId)).catch(() => {});
+		}, reconnectDelayMs);
+		return () => window.clearTimeout(timer);
+	}, [
+		connectors,
+		wallet.isConnected,
+		wallet.isConnecting
+	]);
+	return null;
+}
+function SolanaKitProvider({ appInfo, avatar, children, config, id, modalSize = ModalSizeOptions.WIDE, theme = defaultTheme }) {
+	useFingerprint();
+	const { themeCss, themeId } = useThemeRoot(id, theme);
+	const appContext = useMemo(() => ({
+		...defaultAppInfo,
+		learnMoreUrl: solanaDefaultLearnMoreUrl,
+		...appInfo
+	}), [appInfo]);
+	const avatarContext = avatar ?? defaultAvatar;
+	const { connectorConfig, mobile } = useMemo(() => splitConnectorKitConfig(config), [config]);
+	return /* @__PURE__ */ jsxs(AppProvider, {
+		connectorConfig,
+		mobile,
+		children: [config?.autoConnect !== false && /* @__PURE__ */ jsx(SolanaAutoConnect, {}), /* @__PURE__ */ jsx(WalletButtonProvider, { children: /* @__PURE__ */ jsx(ModalSizeProvider, {
+			modalSize,
+			children: /* @__PURE__ */ jsx(AvatarContext.Provider, {
+				value: avatarContext,
+				children: /* @__PURE__ */ jsx(AppContext.Provider, {
+					value: appContext,
+					children: /* @__PURE__ */ jsx(ThemeIdProvider, {
+						id: themeId,
+						children: /* @__PURE__ */ jsx(ShowBalanceProvider, { children: /* @__PURE__ */ jsx(SolanaModalProvider, { children: /* @__PURE__ */ jsx(ThemeRootStyle, {
+							themeCss,
+							themeId,
+							children
+						}) }) })
+					})
+				})
+			})
+		}) })]
+	});
+}
+
+//#endregion
+//#region src/solana/components/SolanaConnectButton/SolanaConnectButton.tsx
+const noop = () => {};
+function SolanaConnectButton({ accountStatus = defaultConnectButtonProps.accountStatus, label = defaultConnectButtonProps.label, showBalance = defaultConnectButtonProps.showBalance }) {
+	const wallet = useSolanaWallet();
+	const { openAccountModal } = useSolanaAccountModal();
+	const { openConnectModal } = useSolanaConnectModal();
+	const { setShowBalance } = useShowBalance();
+	const hydrated = useHydrated();
+	useEffect(() => {
+		setShowBalance(showBalance);
+	}, [setShowBalance, showBalance]);
+	const shouldShowBalance = resolveShowBalance(showBalance);
+	const { lastUpdated, solBalance } = useSolanaBalance({ enabled: wallet.isConnected && shouldShowBalance });
+	if (!hydrated) return null;
+	return /* @__PURE__ */ jsx(ConnectButtonView, {
+		account: wallet.account ? {
+			address: wallet.account,
+			displayBalance: shouldShowBalance && lastUpdated ? `${abbreviateETHBalance(solBalance)} SOL` : void 0,
+			displayName: formatAddress(wallet.account),
+			hasPendingTransactions: false
+		} : void 0,
+		accountStatus,
+		buttonReady: hydrated,
+		isConnected: wallet.isConnected,
+		label,
+		mounted: hydrated,
+		onOpenAccountModal: openAccountModal ?? noop,
+		onOpenConnectModal: openConnectModal ?? noop,
+		showBalance,
+		testIdPrefix: "solana-"
+	});
+}
+
+//#endregion
+//#region src/solana/components/SolanaChainSelectButton/SolanaChainSelectButton.tsx
+const solanaIconUrl = getChainIconUrl("solana");
+function SolanaChainSelectButton({ chainStatus = defaultNetworkSelectChainStatus }) {
+	const { cluster, clusters } = useSolanaCluster();
+	const { openChainModal } = useSolanaChainModal();
+	const hydrated = useHydrated();
+	if (!hydrated) return null;
+	return /* @__PURE__ */ jsx(NetworkSelectButtonView, {
+		buttonReady: hydrated,
+		chainStatus,
+		network: cluster ? {
+			hasIcon: true,
+			iconUrl: solanaIconUrl,
+			id: cluster.id,
+			name: cluster.label,
+			unsupported: false
+		} : void 0,
+		networkCount: clusters.length,
+		onOpenNetworkModal: openChainModal,
+		testIdPrefix: "solana-"
+	});
+}
+
+//#endregion
+//#region src/solana/components/SolanaWalletButton/SolanaWalletButton.tsx
+function SolanaWalletButtonRenderer({ children, connectorId }) {
+	const connectors = useSolanaWalletConnectors();
+	const wallet = useSolanaWallet();
+	const { connect } = useSolanaConnectWallet();
+	const { openConnectModal } = useSolanaConnectModal();
+	const isMounted = useIsMounted();
+	const [loading, setLoading] = useState(false);
+	const [isError, setIsError] = useState(false);
+	const connector = useMemo(() => connectorId ? connectors.find((connector) => connector.id === connectorId) : connectors.find((connector) => connector.ready) ?? connectors[0], [connectorId, connectors]);
+	if (!connector) return /* @__PURE__ */ jsx(Fragment$1, { children: children({
+		connected: false,
+		connector: {
+			iconUrl: injectedWallet_default,
+			id: connectorId ?? "unknown",
+			name: connectorId ?? "Wallet",
+			ready: false
+		},
+		connect: async () => openConnectModal?.(),
+		error: isError,
+		loading: false,
+		mounted: isMounted(),
+		ready: false
+	}) });
+	const connectWallet = async () => {
+		if (!connector.ready) {
+			openConnectModal?.();
+			return;
+		}
+		try {
+			setLoading(true);
+			if (isError) setIsError(false);
+			await connect(connector.id);
+			addLatestSolanaWalletId(connector.id);
+			addRecentSolanaWalletId(connector.id);
+		} catch {
+			setIsError(true);
+		} finally {
+			setLoading(false);
+		}
+	};
+	return /* @__PURE__ */ jsx(Fragment$1, { children: children({
+		connected: wallet.isConnected && wallet.connectorId === connector.id,
+		connector: {
+			iconUrl: connector.icon || injectedWallet_default,
+			id: connector.id,
+			name: connector.name,
+			ready: connector.ready
+		},
+		connect: connectWallet,
+		error: isError,
+		loading,
+		mounted: isMounted(),
+		ready: !wallet.isConnecting && !!openConnectModal
+	}) });
+}
+const SolanaWalletButton = ({ connectorId }) => /* @__PURE__ */ jsx(SolanaWalletButtonRenderer, {
+	connectorId,
+	children: ({ connected, connector, connect, loading, mounted, ready }) => /* @__PURE__ */ jsx(WalletButtonView, {
+		connected,
+		connector,
+		loading,
+		mounted,
+		onConnect: connect,
+		ready
+	})
+});
+SolanaWalletButton.Custom = SolanaWalletButtonRenderer;
+
+//#endregion
+//#region src/solana/config/getDefaultSolanaConfig.ts
+function getDefaultMobileNetwork(network) {
+	return network === "localnet" ? void 0 : network;
+}
+function getDefaultSolanaConfig(options) {
+	const { walletConnect: _walletConnect, ...connectorOptions } = options;
+	const { walletConnect: _connectorWalletConnect, ...connectorConfig } = getDefaultConfig(connectorOptions);
+	const mobileNetwork = getDefaultMobileNetwork(options.network);
+	const mobile = options.enableMobile === false || !mobileNetwork ? void 0 : getDefaultMobileConfig({
+		appName: options.appName,
+		appUrl: options.appUrl,
+		network: mobileNetwork
+	});
+	return mobile ? {
+		...connectorConfig,
+		mobile
+	} : connectorConfig;
+}
+
+//#endregion
+export { SolanaChainSelectButton, SolanaConnectButton, SolanaKitProvider, SolanaWalletButton, getDefaultSolanaConfig, useSolanaAccountModal, useSolanaBalance, useSolanaChainModal, useSolanaClient, useSolanaCluster, useSolanaConnectModal, useSolanaConnectWallet, useSolanaDisconnectWallet, useSolanaKitTransactionSigner, useSolanaWallet, useSolanaWalletConnectors };