@nexus-cross/connect-kit-react 1.1.4 → 1.3.0

package/dist/components/CrossConnectKitProvider.js

@@ -1,737 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
-import { WagmiProvider, useAccount, useConnect, useDisconnect } from 'wagmi';
-import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
-import { clearWalletSessionStorage, onOpenOtherWallets, pickInitialState, resolveCurrentWallet, } from '@nexus-cross/connect-kit-wagmi';
-import { buildThemeCssText, resolveThemeMode, } from '@nexus-cross/connect-kit-core';
-import { CrossConnectKitContext } from '../context/CrossConnectKitContext.js';
-import { CrossConnectKitThemeContext, } from '../context/CrossConnectKitThemeContext.js';
-import { CrossConnectModal } from './CrossConnectModal.js';
-const queryClient = new QueryClient();
-const INTENT_STORAGE_KEY = 'crossx-kit:last-wallet-intent';
-/**
- * True when the thrown error is the crossy-sdk embedded connector's
- * deliberate handoff to another wallet. Those surfaces look like
- * UserRejectedRequestError with a cause message "User requested external
- * wallet connection" — they are flow control, not real failures.
- */
-function isExternalWalletHandoff(err) {
-    const messages = [];
-    let cur = err;
-    let depth = 0;
-    while (cur && depth < 5) {
-        const obj = cur;
-        if (typeof obj.message === 'string')
-            messages.push(obj.message);
-        cur = obj.cause;
-        depth += 1;
-    }
-    return messages.some((m) => /external wallet connection/i.test(m));
-}
-function readIntent() {
-    if (typeof window === 'undefined')
-        return null;
-    try {
-        return window.localStorage.getItem(INTENT_STORAGE_KEY) ?? null;
-    }
-    catch {
-        return null;
-    }
-}
-function writeIntent(walletId) {
-    if (typeof window === 'undefined')
-        return;
-    try {
-        if (walletId)
-            window.localStorage.setItem(INTENT_STORAGE_KEY, walletId);
-        else
-            window.localStorage.removeItem(INTENT_STORAGE_KEY);
-    }
-    catch {
-        /* storage unavailable (private mode, quota) — intent falls back to in-memory only */
-    }
-}
-function readActiveProvider(storageKey, fallback) {
-    if (typeof window === 'undefined')
-        return fallback;
-    try {
-        const v = window.localStorage.getItem(storageKey);
-        return v === 'cross' || v === 'reown' ? v : fallback;
-    }
-    catch {
-        return fallback;
-    }
-}
-function writeActiveProvider(storageKey, value) {
-    if (typeof window === 'undefined')
-        return;
-    try {
-        window.localStorage.setItem(storageKey, value);
-    }
-    catch {
-        /* storage unavailable — falls back to in-memory only */
-    }
-}
-function CrossConnectKitInner({ children, config, activeProvider, onRequestProviderSwap, pendingConnectWalletId, clearPending, themeMode, themeTokens, extraWallets, walletAllowlist, }) {
-    const [otherWalletsOpen, setOtherWalletsOpen] = useState(false);
-    const [lastIntent, setLastIntent] = useState(() => readIntent());
-    // Unified, in-memory "connect attempt in flight" marker. Deliberately
-    // NOT seeded from storage (unlike `lastIntent`) so a stale persisted
-    // intent from a previous page load can never surface a phantom
-    // "Connecting…" spinner. Set at the top of `runConnect` / wrapped
-    // `oauth.signIn`; cleared on success, cancel, or error.
-    const [connectingWalletId, setConnectingWalletId] = useState(null);
-    const { isConnected, isConnecting, isReconnecting, connector: activeConnector, } = useAccount();
-    const { connectors, connectAsync } = useConnect();
-    const { disconnectAsync: wagmiDisconnectAsync } = useDisconnect();
-    const { kitConfig, connectorRegistry, crossProvider, reownProvider } = config;
-    const activeAdapter = activeProvider === 'cross' ? crossProvider : reownProvider;
-    const currentWallet = useMemo(() => {
-        if (!isConnected || !activeConnector)
-            return null;
-        return resolveCurrentWallet(connectorRegistry, activeConnector.id, lastIntent);
-    }, [isConnected, activeConnector, connectorRegistry, lastIntent]);
-    const availableWallets = useMemo(() => connectorRegistry.entries.filter((e) => e.type !== 'embedded'), [connectorRegistry]);
-    useEffect(() => {
-        return onOpenOtherWallets(() => setOtherWalletsOpen(true));
-    }, []);
-    // When OtherWalletsModal opens on top of the crossy-sdk-js login
-    // modal, the SDK is supposed to dismiss its own overlay in response to
-    // the `CROSSxError: User requested external wallet connection` thrown
-    // from `signIn`. A race between our modal mount and the SDK's cleanup
-    // occasionally leaves the login overlay lingering in the DOM — remove
-    // it defensively so the user doesn't see two stacked modals.
-    //
-    // The SDK mounts every overlay under the shared id `__crossx-confirm-
-    // overlay` (see BrowserConfirmationAdapter.ts). Removing it here also
-    // aborts the SDK Promise, but the flow is already cancelling anyway.
-    useEffect(() => {
-        if (!otherWalletsOpen)
-            return;
-        if (typeof document === 'undefined')
-            return;
-        // Defer a tick so the SDK's own close path runs first when it's
-        // going to. Only remove if the overlay is still there afterwards.
-        const timer = setTimeout(() => {
-            document
-                .querySelectorAll('#__crossx-confirm-overlay')
-                .forEach((el) => el.remove());
-        }, 50);
-        return () => clearTimeout(timer);
-    }, [otherWalletsOpen]);
-    const isConnectedRef = useRef(isConnected);
-    const prevConnectedRef = useRef(isConnected);
-    isConnectedRef.current = isConnected;
-    // Tracks whether the active adapter's own in-page modal (AppKit QR view)
-    // is currently open. Lets the window-focus cancel watcher below stand
-    // down while a QR modal is up — that path self-manages cancellation via
-    // `subscribeModalState`, and a desktop user blurring/refocusing while
-    // scanning on their phone must NOT be read as a dismissal.
-    const adapterModalOpenRef = useRef(false);
-    // Diagnostic: surface the provider / account state inside CrossConnectKitInner
-    // so the user can see in browser devtools which config is mounted and
-    // what wagmi reports. Cheap to keep on — fires only on state change.
-    useEffect(() => {
-        console.debug('[crossx-kit] state', {
-            activeProvider,
-            isConnected,
-            isConnecting,
-            isReconnecting,
-            activeConnectorId: activeConnector?.id,
-            currentWallet,
-            lastIntent,
-        });
-    }, [
-        activeProvider,
-        isConnected,
-        isConnecting,
-        isReconnecting,
-        activeConnector?.id,
-        currentWallet,
-        lastIntent,
-    ]);
-    // Auto-close the adapter's native modal once wagmi reports a
-    // connection. AppKit's QR-only views (e.g. ConnectingWalletConnectBasic)
-    // don't always dismiss themselves when the session is established —
-    // explicitly close on the rising edge of `isConnected` so the modal
-    // doesn't linger over the connected UI.
-    useEffect(() => {
-        if (isConnected && !prevConnectedRef.current) {
-            activeAdapter?.closeModal?.({ kitConfig });
-        }
-        prevConnectedRef.current = isConnected;
-    }, [isConnected, activeAdapter, kitConfig]);
-    // Release the unified connecting marker the moment wagmi reports a
-    // connection — the terminal "success" for every path. Cancel/error
-    // terminals are handled by `clearIntent()` (wallet paths) and the
-    // wrapped `oauth.signIn` catch (social paths).
-    useEffect(() => {
-        if (isConnected)
-            setConnectingWalletId(null);
-    }, [isConnected]);
-    const findConnector = useCallback((connectorId) => connectors.find((c) => c.id === connectorId), [connectors]);
-    // Push `themeMode` / `themeTokens` changes into the embedded crossy-sdk
-    // at runtime. The SDK owns a live confirmation modal adapter whose
-    // palette is frozen at `crossxConnector(...)` construction, so without
-    // this effect the DApp's `setThemeMode(...)` only affects our CSS
-    // variables — the SDK's next signature / login modal would still open
-    // in the stale palette. `provider.sdk.applyTheme` is crossy-sdk 2.0's
-    // public runtime API (see `CROSSxSDK.applyTheme`).
-    useEffect(() => {
-        const embeddedEntry = connectorRegistry.getEntry('cross_embedded');
-        if (!embeddedEntry)
-            return;
-        const crossx = findConnector(embeddedEntry.connectorId);
-        if (!crossx)
-            return;
-        let cancelled = false;
-        void (async () => {
-            try {
-                const provider = (await crossx.getProvider());
-                if (cancelled)
-                    return;
-                provider?.sdk?.applyTheme?.(themeMode, themeTokens ?? undefined);
-            }
-            catch (err) {
-                console.debug('[crossx-kit] applyTheme skipped:', err);
-            }
-        })();
-        return () => {
-            cancelled = true;
-        };
-    }, [connectorRegistry, findConnector, themeMode, themeTokens]);
-    const recordIntent = useCallback((walletId) => {
-        setLastIntent(walletId);
-        writeIntent(walletId);
-    }, []);
-    const clearIntent = useCallback(() => {
-        setLastIntent(null);
-        writeIntent(null);
-        // Cancel/error/dismissal terminal — also drop the connecting marker so
-        // the unified `isConnecting` releases in lockstep with the intent.
-        setConnectingWalletId(null);
-    }, []);
-    // Watch the adapter's native modal. When the user dismisses it without
-    // completing pairing, wagmi is still "not connected" and any in-flight
-    // connectAsync (e.g. cross_wallet's UniversalConnector waiting for a
-    // QR scan) is left dangling. Force a clean disconnect so the
-    // "Connecting…" state doesn't stick and lastIntent doesn't poison the
-    // next attempt.
-    useEffect(() => {
-        if (!activeAdapter?.subscribeModalState)
-            return;
-        let sawOpen = false;
-        return activeAdapter.subscribeModalState({ kitConfig }, (open) => {
-            adapterModalOpenRef.current = open;
-            if (open) {
-                sawOpen = true;
-                return;
-            }
-            if (!sawOpen)
-                return;
-            sawOpen = false;
-            // Defer so a pair completing at the moment of dismissal can flip
-            // wagmi `isConnected` before we decide the user cancelled.
-            setTimeout(() => {
-                if (isConnectedRef.current)
-                    return;
-                void (async () => {
-                    try {
-                        await wagmiDisconnectAsync();
-                    }
-                    catch {
-                        /* already-disconnected is fine */
-                    }
-                    clearIntent();
-                })();
-            }, 250);
-        });
-    }, [activeAdapter, kitConfig, wagmiDisconnectAsync, clearIntent]);
-    // Belt-and-suspenders cancel detection for connect flows that open a
-    // SEPARATE BROWSER WINDOW whose underlying promise does NOT reject when
-    // the user simply closes that window — most notably the injected
-    // MetaMask / Binance extension approval popup (`eth_requestAccounts`
-    // stays pending on close), and external wallet/OAuth popups in general.
-    // Those windows steal focus from the opener; closing them returns it.
-    //
-    // `subscribeModalState` only covers the adapters' own in-page AppKit
-    // modal (QR view), which never blurs the opener — so it can't see an
-    // extension popup dismissal. This focus watcher fills that gap WITHOUT
-    // touching the QR path: an in-page modal triggers no window blur, so
-    // `sawBlur` stays false and this is a no-op for it.
-    //
-    // On focus-return we wait one grace tick for a genuine approval to land
-    // (`isConnected`) before releasing the unified connecting marker — so a
-    // successful approve (popup closes → focus returns → connectAsync
-    // resolves) is not mistaken for a cancel.
-    useEffect(() => {
-        if (!connectingWalletId)
-            return;
-        if (isConnected)
-            return;
-        if (typeof window === 'undefined')
-            return;
-        // Seed from current focus: the popup may already have stolen focus by
-        // the time this effect attaches, in which case the `blur` event has
-        // already fired and we'd otherwise miss it.
-        let sawBlur = typeof document !== 'undefined' && !document.hasFocus();
-        let graceTimer = null;
-        const onBlur = () => {
-            sawBlur = true;
-        };
-        const onFocus = () => {
-            if (!sawBlur)
-                return;
-            if (graceTimer)
-                clearTimeout(graceTimer);
-            graceTimer = setTimeout(() => {
-                if (isConnectedRef.current)
-                    return;
-                // An adapter QR modal is up — leave cancellation to
-                // subscribeModalState; the window blur was a scan-on-phone detour,
-                // not a dismissal of an extension/OAuth popup.
-                if (adapterModalOpenRef.current)
-                    return;
-                void (async () => {
-                    try {
-                        await wagmiDisconnectAsync();
-                    }
-                    catch {
-                        /* already-disconnected is fine */
-                    }
-                    clearIntent();
-                })();
-            }, 1000);
-        };
-        window.addEventListener('blur', onBlur);
-        window.addEventListener('focus', onFocus);
-        return () => {
-            window.removeEventListener('blur', onBlur);
-            window.removeEventListener('focus', onFocus);
-            if (graceTimer)
-                clearTimeout(graceTimer);
-        };
-    }, [connectingWalletId, isConnected, wagmiDisconnectAsync, clearIntent]);
-    const runConnect = useCallback(async (walletId) => {
-        console.debug('[crossx-kit] runConnect enter', {
-            walletId,
-            activeProvider,
-            isConnected,
-            activeConnectorId: activeConnector?.id,
-        });
-        const entry = connectorRegistry.getEntry(walletId);
-        if (!entry) {
-            console.error(`[crossx-kit] Unknown walletId: "${walletId}"`);
-            return;
-        }
-        // Light the unified connecting marker now — BEFORE any provider swap
-        // or `beforeConnect` branch — so the spinner appears the instant the
-        // user commits to a wallet, uniformly across the wagmi connectAsync
-        // path and the reown direct-connect path (which never touches wagmi's
-        // own `isConnecting`). A provider swap remounts this subtree, but the
-        // post-swap `pendingConnectWalletId` effect re-enters `runConnect` and
-        // re-sets it.
-        setConnectingWalletId(walletId);
-        if (entry.providerKind !== activeProvider) {
-            console.debug('[crossx-kit] provider swap needed', {
-                from: activeProvider,
-                to: entry.providerKind,
-                walletId,
-            });
-            recordIntent(walletId);
-            try {
-                await wagmiDisconnectAsync();
-            }
-            catch {
-                /* noop */
-            }
-            await new Promise((resolve) => setTimeout(resolve, 0));
-            onRequestProviderSwap(entry.providerKind, walletId);
-            return;
-        }
-        recordIntent(walletId);
-        if (activeAdapter?.beforeConnect) {
-            try {
-                // Forward the active theme so the adapter's library-native
-                // modal (e.g. AppKit's CROSSx QR view) can sync with the
-                // host's current palette — including post-bootstrap toggles
-                // via `useCrossConnectKitTheme().setThemeMode(...)`.
-                const result = await activeAdapter.beforeConnect({ kitConfig, themeMode }, walletId);
-                console.debug('[crossx-kit] beforeConnect result', { walletId, result });
-                if (result === 'handled')
-                    return;
-            }
-            catch (err) {
-                console.warn(`[crossx-kit] adapter.beforeConnect threw for "${walletId}":`, err);
-            }
-        }
-        const primary = findConnector(entry.connectorId);
-        console.debug('[crossx-kit] findConnector', {
-            lookupId: entry.connectorId,
-            found: primary?.id,
-            availableIds: connectors.map((c) => c.id),
-        });
-        if (!primary) {
-            console.error(`[crossx-kit] Connector "${entry.connectorId}" not found on provider ` +
-                `"${entry.providerKind}". Available: ${connectors.map((c) => c.id).join(', ')}`);
-            clearIntent();
-            return;
-        }
-        try {
-            console.debug('[crossx-kit] connectAsync start', { connectorId: primary.id });
-            const result = await connectAsync({ connector: primary });
-            console.debug('[crossx-kit] connectAsync resolved', {
-                accountsLen: result.accounts.length,
-                chainId: result.chainId,
-            });
-            return;
-        }
-        catch (err) {
-            const handoff = isExternalWalletHandoff(err);
-            if (!handoff) {
-                console.error(`[crossx-kit] connectAsync error for "${walletId}":`, err);
-                try {
-                    await wagmiDisconnectAsync();
-                }
-                catch {
-                    /* ignore */
-                }
-            }
-            if (!entry.fallbackConnectorId) {
-                clearIntent();
-                return;
-            }
-        }
-        if (entry.fallbackConnectorId) {
-            const fallback = findConnector(entry.fallbackConnectorId);
-            if (fallback) {
-                try {
-                    await connectAsync({ connector: fallback });
-                }
-                catch (err) {
-                    console.error(`[crossx-kit] Fallback connect failed for "${walletId}":`, err);
-                    try {
-                        await wagmiDisconnectAsync();
-                    }
-                    catch {
-                        /* ignore */
-                    }
-                    clearIntent();
-                }
-            }
-            else {
-                clearIntent();
-            }
-        }
-    }, [
-        connectorRegistry,
-        connectors,
-        findConnector,
-        connectAsync,
-        wagmiDisconnectAsync,
-        recordIntent,
-        clearIntent,
-        activeAdapter,
-        activeProvider,
-        kitConfig,
-        onRequestProviderSwap,
-        themeMode,
-    ]);
-    // After a provider swap, pendingConnectWalletId is set and the
-    // WagmiProvider has just remounted with the new config. Fire the
-    // connect for that wallet now that the hooks point at the right
-    // config.
-    useEffect(() => {
-        if (!pendingConnectWalletId)
-            return;
-        const wallet = pendingConnectWalletId;
-        clearPending();
-        void runConnect(wallet);
-        // We intentionally only depend on the pending id and active provider —
-        // runConnect has its own deps but refetching here would re-trigger
-        // connects on unrelated state changes.
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [pendingConnectWalletId, activeProvider]);
-    const connectWallet = useCallback(async () => {
-        // Open the kit's unified connect modal. The user picks Google /
-        // Apple (delegated to `oauth.signIn`) or a wallet (delegated to
-        // `runConnect`). The SDK's own modal is no longer invoked directly —
-        // social entries route through the headless `signInWithProvider`.
-        setOtherWalletsOpen(true);
-    }, []);
-    const disconnect = useCallback(async () => {
-        try {
-            await wagmiDisconnectAsync();
-        }
-        catch (err) {
-            console.error('[crossx-kit] wagmi disconnect error:', err);
-        }
-        if (activeAdapter?.teardown) {
-            try {
-                await activeAdapter.teardown({ kitConfig });
-            }
-            catch (err) {
-                console.error('[crossx-kit] adapter teardown error:', err);
-            }
-        }
-        clearWalletSessionStorage();
-        clearIntent();
-    }, [wagmiDisconnectAsync, activeAdapter, kitConfig, clearIntent]);
-    const selectWallet = useCallback(async () => {
-        const embeddedEntry = connectorRegistry.getEntry('cross_embedded');
-        if (!embeddedEntry)
-            return null;
-        const crossx = findConnector(embeddedEntry.connectorId);
-        if (!crossx)
-            return null;
-        try {
-            const provider = (await crossx.getProvider());
-            const sdk = provider?.sdk;
-            if (!sdk?.selectWallet)
-                return null;
-            const result = await sdk.selectWallet(sdk.currentAddress ?? undefined);
-            if (result?.address && provider.notifyAccountsChanged) {
-                provider.notifyAccountsChanged([result.address]);
-            }
-            return result;
-        }
-        catch {
-            return null;
-        }
-    }, [connectorRegistry, findConnector]);
-    // Wrap the OAuth port so the social (Google/Apple) path feeds the same
-    // unified connecting marker as the wallet path. `oauth.signIn` opens the
-    // SDK popup and "forgets" (see OAuthPort docs): success surfaces later as
-    // wagmi `isConnected` (cleared by the effect above); a rejection here is
-    // the user closing the popup, so we drop the marker on catch.
-    const oauth = useMemo(() => {
-        const base = config.oauth;
-        if (!base)
-            return null;
-        return {
-            signIn: async (provider) => {
-                setConnectingWalletId('cross_embedded');
-                try {
-                    await base.signIn(provider);
-                }
-                catch (err) {
-                    setConnectingWalletId(null);
-                    throw err;
-                }
-            },
-        };
-    }, [config.oauth]);
-    // Unified connecting flag: true from the moment a connect attempt starts
-    // until it succeeds. `connectingWalletId` is only ever set by an explicit
-    // user action (modal pick → runConnect, social → wrapped signIn) and is
-    // cleared on success/cancel/error, so this is free of the background
-    // `isConnecting` flapping that wagmi exhibits during session restore.
-    const kitIsConnecting = connectingWalletId != null && !isConnected;
-    const contextValue = useMemo(() => ({
-        kitConfig,
-        connectorRegistry,
-        availableWallets,
-        connect: runConnect,
-        connectWallet,
-        disconnect,
-        selectWallet,
-        currentWallet,
-        lastIntent,
-        isConnecting: kitIsConnecting,
-        connectingWalletId,
-        openOtherWallets: () => setOtherWalletsOpen(true),
-        closeOtherWallets: () => setOtherWalletsOpen(false),
-        otherWalletsOpen,
-        oauth,
-        extraWallets,
-        walletAllowlist,
-    }), [
-        kitConfig,
-        connectorRegistry,
-        availableWallets,
-        runConnect,
-        connectWallet,
-        disconnect,
-        selectWallet,
-        currentWallet,
-        lastIntent,
-        kitIsConnecting,
-        connectingWalletId,
-        otherWalletsOpen,
-        oauth,
-        extraWallets,
-        walletAllowlist,
-    ]);
-    return (_jsxs(CrossConnectKitContext.Provider, { value: contextValue, children: [children, _jsx(CrossConnectModal, { open: otherWalletsOpen, onOpenChange: setOtherWalletsOpen })] }));
-}
-/**
- * Patterns that are benign tear-down noise from the WalletConnect
- * universal provider: a WebSocket closes while a subscribe request is
- * mid-flight (most commonly when WagmiProvider remounts during a
- * provider swap). They surface as uncaught promise rejections because
- * WC's internal EventEmitter throws into the void — silence them so
- * consumers' error tooling stays clean. Actual connection failures
- * still surface through wagmi's connectAsync error path.
- */
-const WC_BENIGN_ERROR_PATTERNS = [
-    /Connection interrupted while trying to subscribe/i,
-    /No matching key\. subscription:/i,
-    // Session proposal TTL expired without a wallet accepting (default
-    // 5 min). The modal already surfaces its own "expired" UI — the
-    // secondary rejection on the shared emitter is just noise.
-    /Proposal expired/i,
-];
-function isBenignWcError(reason) {
-    const msg = reason?.message;
-    if (typeof msg !== 'string')
-        return false;
-    return WC_BENIGN_ERROR_PATTERNS.some((p) => p.test(msg));
-}
-const EMPTY_EXTRA_WALLETS = {};
-/**
- * Strip the persisted `connections` from the SSR hydration state before
- * handing it to wagmi.
- *
- * wagmi serializes each persisted connection's connector down to
- * `{ id, name, type, uid }` (no methods — see `@wagmi/core` createConfig
- * `partialize`). On the client, `WagmiProvider` hydrates with
- * `status: 'reconnecting'` and only re-attaches the *real* connector
- * after the async `reconnect()` resolves — for the WalletConnect-based
- * cross side that's after the relay session is restored, which can take
- * seconds.
- *
- * The trap: wagmi v3's `getConnection` reports `isConnected: !!address`
- * while `status === 'reconnecting'`, so a consumer reading
- * `useConnection().isConnected` sees `true` and can fire a write against
- * the still-method-less connector → `connector.getChainId is not a
- * function` (and similar). Clearing `connections` keeps the hydrated
- * `chainId` for first paint but makes `isConnected` stay false until
- * `reconnect()` swaps in a real, usable connector — matching wagmi v2's
- * `useAccount()` semantics (not connected while reconnecting).
- */
-function sanitizeInitialState(state) {
-    if (!state)
-        return state;
-    return { ...state, connections: new Map(), current: null };
-}
-export function CrossConnectKitProvider({ children, config, initialState, extraWallets = EMPTY_EXTRA_WALLETS, walletAllowlist, }) {
-    const [activeProvider, setActiveProviderState] = useState(() => readActiveProvider(config.activeProviderStorageKey, config.defaultProvider));
-    const [pendingConnectWalletId, setPendingConnectWalletId] = useState(null);
-    const swapInFlight = useRef(false);
-    // ── Theme state ───────────────────────────────────────────────────
-    // Resolve the initial mode from `kitConfig.theme` (+ `autoDetectTheme`)
-    // and expose runtime overrides via the ThemeContext. `modeOverride` /
-    // `tokensOverride === null` means "use the value from the config".
-    const { kitConfig } = config;
-    const [modeOverride, setModeOverride] = useState(null);
-    const [tokensOverride, setTokensOverride] = useState(null);
-    // Bumped on `prefers-color-scheme` change so `configMode` re-resolves.
-    const [osThemeTick, setOsThemeTick] = useState(0);
-    const configMode = useMemo(() => resolveThemeMode(kitConfig.theme, kitConfig.autoDetectTheme), 
-    // `osThemeTick` is intentionally part of the dep list — it is the
-    // signal we're allowed to re-consult `prefers-color-scheme`.
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [kitConfig.theme, kitConfig.autoDetectTheme, osThemeTick]);
-    const activeMode = modeOverride ?? configMode;
-    const activeTokens = tokensOverride ?? kitConfig.themeTokens;
-    // Follow OS `prefers-color-scheme` when `autoDetectTheme` is on and
-    // the DApp hasn't called `setThemeMode` manually.
-    useEffect(() => {
-        if (!kitConfig.autoDetectTheme)
-            return;
-        if (modeOverride)
-            return;
-        if (typeof window === 'undefined' || !window.matchMedia)
-            return;
-        const mql = window.matchMedia('(prefers-color-scheme: dark)');
-        const handler = () => setOsThemeTick((n) => n + 1);
-        try {
-            mql.addEventListener('change', handler);
-            return () => mql.removeEventListener('change', handler);
-        }
-        catch {
-            // Legacy Safari (< 14) fallback.
-            mql.addListener(handler);
-            return () => mql.removeListener(handler);
-        }
-    }, [kitConfig.autoDetectTheme, modeOverride]);
-    // Tag the documentElement so the emitted CSS rules
-    // (`[data-cck-theme="dark"] { --cck-... }`) are active, and mirror
-    // onto `data-theme` which dapp-ui component stylesheets already key on.
-    useEffect(() => {
-        if (typeof document === 'undefined')
-            return;
-        const root = document.documentElement;
-        const prevCkit = root.getAttribute('data-cck-theme');
-        const prevTheme = root.getAttribute('data-theme');
-        root.setAttribute('data-cck-theme', activeMode);
-        // Only set `data-theme` if the host page hasn't already claimed it —
-        // many apps manage their own global theme toggle via that attribute.
-        if (!prevTheme) {
-            root.setAttribute('data-theme', activeMode);
-        }
-        return () => {
-            if (prevCkit == null)
-                root.removeAttribute('data-cck-theme');
-            else
-                root.setAttribute('data-cck-theme', prevCkit);
-            if (prevTheme == null)
-                root.removeAttribute('data-theme');
-        };
-    }, [activeMode]);
-    // Build the CSS once per token change. Both `light` and `dark` blocks
-    // are emitted so toggling `data-cck-theme` is an instant, style-only
-    // switch — no layout thrash, no style tag churn.
-    const themeCss = useMemo(() => buildThemeCssText(activeTokens), [activeTokens]);
-    const themeContextValue = useMemo(() => ({
-        mode: activeMode,
-        tokens: activeTokens,
-        setThemeMode: (mode) => setModeOverride(mode),
-        setThemeTokens: (tokens) => setTokensOverride(tokens),
-    }), [activeMode, activeTokens]);
-    useEffect(() => {
-        if (typeof window === 'undefined')
-            return;
-        const handler = (event) => {
-            if (isBenignWcError(event.reason)) {
-                event.preventDefault();
-            }
-        };
-        window.addEventListener('unhandledrejection', handler);
-        return () => window.removeEventListener('unhandledrejection', handler);
-    }, []);
-    const requestProviderSwap = useCallback((kind, walletId) => {
-        if (swapInFlight.current)
-            return;
-        swapInFlight.current = true;
-        setPendingConnectWalletId(walletId);
-        setActiveProviderState(kind);
-        writeActiveProvider(config.activeProviderStorageKey, kind);
-        // Clear the lock after this microtask so subsequent user actions
-        // (post-remount) can swap again if needed.
-        queueMicrotask(() => {
-            swapInFlight.current = false;
-        });
-    }, [config.activeProviderStorageKey]);
-    const clearPending = useCallback(() => setPendingConnectWalletId(null), []);
-    // Pick the wagmi config + matching hydration slice for the active side.
-    const wagmiConfig = activeProvider === 'cross' ? config.crossWagmiConfig : config.reownWagmiConfig;
-    const initial = sanitizeInitialState(pickInitialState(initialState, activeProvider));
-    if (!wagmiConfig) {
-        // The DApp requested an active provider that isn't configured —
-        // fall through to the other side rather than crash.
-        const fallback = activeProvider === 'cross' ? config.reownWagmiConfig : config.crossWagmiConfig;
-        if (!fallback) {
-            throw new Error('[crossx-kit] createCrossxConfig returned no wagmi Config for either side');
-        }
-        const otherKind = activeProvider === 'cross' ? 'reown' : 'cross';
-        // Schedule a state fix for next render.
-        queueMicrotask(() => setActiveProviderState(otherKind));
-    }
-    const effectiveConfig = wagmiConfig ??
-        (activeProvider === 'cross'
-            ? config.reownWagmiConfig
-            : config.crossWagmiConfig);
-    return (_jsxs(CrossConnectKitThemeContext.Provider, { value: themeContextValue, children: [_jsx("style", { "data-cross-connect-kit-theme": "", children: themeCss }), _jsx(WagmiProvider, { config: effectiveConfig, initialState: initial, children: _jsx(QueryClientProvider, { client: queryClient, children: _jsx(CrossConnectKitInner, { config: config, activeProvider: activeProvider, onRequestProviderSwap: requestProviderSwap, pendingConnectWalletId: pendingConnectWalletId, clearPending: clearPending, themeMode: activeMode, themeTokens: activeTokens, extraWallets: extraWallets, walletAllowlist: walletAllowlist ?? null, children: children }) }) }, activeProvider)] }));
-}
-//# sourceMappingURL=CrossConnectKitProvider.js.map