@puzzlehq/sdk/dist/src/hooks/useConnect.js

Your portal to privacy

import { connect as _connect, shortenAddress } from '@puzzlehq/sdk-core';
import { useAsyncAction } from './utils/_useAsyncAction.js';
import { useWalletStore } from '../store.js';
import { useIsConnected } from '../provider/connectionProvider.js';
export function useConnect(request) {
    const { isConnected, setIsConnected } = useIsConnected();
    const { data, error, loading, setData, setError, setLoading } = useAsyncAction();
    const [setAccount] = useWalletStore((state) => [state.setAccount]);
    async function connect() {
        try {
            setLoading(true);
            setError(undefined);
            console.log('connect request', request);
            const response = await _connect(request);
            setData(response);
            setAccount({
                address: response.connection.address,
                network: response.connection.network,
                shortenedAddress: shortenAddress(response.connection.address),
            });
            setIsConnected(true);
            return response;
        }
        catch (err) {
            setError(err);
            throw err;
        }
        finally {
            setLoading(false);
        }
    }
    return { data, error, loading, isConnected, connect };
}