@knine-sdk/react/dist/esm/hooks/useAllowance.js

React helpers for Knine Finance projects. Part of Knine JS SDK

import invariant from 'tiny-invariant';
import warning from 'tiny-warning';
import { useEffect } from 'react';
import { getERC20Contract } from '@knine-sdk/contracts';
import { useContractSWR } from './useContractSWR.js';
import { useSDK } from './useSDK.js';
import { useDebounceCallback } from './useDebounceCallback.js';

const useAllowance = (token, spender, owner, config, providerRpc, web3Provider) => {
    const { providerRpc: sdkProviderRpc, providerWeb3: sdkProviderWeb3, account, } = useSDK();
    const mergedOwner = owner !== null && owner !== void 0 ? owner : account;
    const chosenRpcProvider = providerRpc !== null && providerRpc !== void 0 ? providerRpc : sdkProviderRpc;
    const chosenWeb3Provider = web3Provider !== null && web3Provider !== void 0 ? web3Provider : sdkProviderWeb3;
    invariant(token != null, 'Token is required');
    invariant(spender != null, 'Spender is required');
    const contractRpc = getERC20Contract(token, chosenRpcProvider);
    const contractWeb3 = chosenWeb3Provider
        ? getERC20Contract(token, chosenWeb3Provider)
        : null;
    const result = useContractSWR({
        shouldFetch: !!mergedOwner,
        contract: contractRpc,
        method: 'allowance',
        params: [mergedOwner, spender],
        config,
    });
    const updateAllowanceDebounced = useDebounceCallback(result.update, 1000);
    useEffect(() => {
        if (!mergedOwner || !chosenWeb3Provider || !contractWeb3)
            return;
        try {
            const transfer = contractWeb3.filters.Transfer(mergedOwner, spender);
            const approve = contractWeb3.filters.Approval(mergedOwner, spender);
            chosenWeb3Provider.on(transfer, updateAllowanceDebounced);
            chosenWeb3Provider.on(approve, updateAllowanceDebounced);
            return () => {
                chosenWeb3Provider.off(transfer, updateAllowanceDebounced);
                chosenWeb3Provider.off(approve, updateAllowanceDebounced);
            };
        }
        catch (error) {
            return warning(false, 'Cannot subscribe to event');
        }
    }, [
        contractWeb3,
        mergedOwner,
        chosenWeb3Provider,
        updateAllowanceDebounced,
        spender,
    ]);
    return result;
};

export { useAllowance };