@hashport/react-client/dist/hooks/useHashportClient.js

React Context for hashport bridging operations

import { HashportClientContext } from '../contexts/hashportClient';
import { useCallback, useContext, useEffect, useState } from 'react';
import { useBridgeParams } from './useBridgeParams';
import { useTokenList } from './useTokenList';
import { parseUnits } from 'viem';
export const useHashportClient = () => {
    const hashportClient = useContext(HashportClientContext);
    if (!hashportClient)
        throw 'useHashportClient must be used within HashportContext';
    return hashportClient;
};
export const useHashportTransactionQueue = () => {
    const hashportClient = useHashportClient();
    const [queue, setQueue] = useState(hashportClient.transactionStore.queue);
    useEffect(() => {
        const unsubscribe = hashportClient.subscribe(state => {
            setQueue(new Map(state.queue));
        });
        return () => unsubscribe();
    }, [hashportClient]);
    return queue;
};
export const useQueueHashportTransaction = () => {
    const hashportClient = useHashportClient();
    const { data: tokens } = useTokenList();
    const bridgeParams = useBridgeParams();
    const isValidBridgeParams = Object.values(bridgeParams).every(val => Boolean(val));
    const tokenId = `${bridgeParams.sourceAssetId}-${+bridgeParams.sourceNetworkId}`;
    const selectedToken = tokens?.fungible.get(tokenId) ?? tokens?.nonfungible.get(tokenId);
    const queueHashportTransaction = useCallback(async () => {
        if (!isValidBridgeParams || !tokens || !selectedToken) {
            throw 'Failed to queue. Missing bridge params';
        }
        if (selectedToken.decimals && bridgeParams.amount) {
            // Fungible transaction
            const amount = parseUnits(bridgeParams.amount, selectedToken.decimals).toString();
            return await hashportClient.queueTransaction({ ...bridgeParams, amount });
        }
        else {
            // Nonfungible transaction
            return await hashportClient.queueTransaction(bridgeParams);
        }
    }, [bridgeParams, hashportClient, tokens, isValidBridgeParams, selectedToken]);
    if (!isValidBridgeParams || !tokens || !selectedToken)
        return;
    return queueHashportTransaction;
};
//# sourceMappingURL=useHashportClient.js.map