@lifi/widget/dist/esm/stores/form/FormUpdater.js

LI.FI Widget for cross-chain bridging and swapping. It will drive your multi-chain strategy and attract new users from everywhere.

import { useAccount } from '@lifi/wallet-management';
import { useEffect } from 'react';
import { useChains } from '../../hooks/useChains.js';
import { useWidgetConfig } from '../../providers/WidgetProvider/WidgetProvider.js';
import { useBookmarkActions } from '../../stores/bookmarks/useBookmarkActions.js';
import { formDefaultValues } from '../../stores/form/createFormStore.js';
import { useSendToWalletActions } from '../../stores/settings/useSendToWalletStore.js';
import { isItemAllowed } from '../../utils/item.js';
import { useFieldActions } from './useFieldActions.js';
export const FormUpdater = ({ reactiveFormValues }) => {
    const { fromChain, toChain, toAddress, chains: configChains, } = useWidgetConfig();
    const { account } = useAccount();
    const { chains } = useChains();
    const { setSendToWallet } = useSendToWalletActions();
    const { setSelectedBookmark } = useBookmarkActions();
    const { isTouched, resetField, setFieldValue, setUserAndDefaultValues } = useFieldActions();
    // Set wallet chain as default if no chains are provided by config and if they were not changed during widget usage
    useEffect(() => {
        const fromChainAllowed = account.chainId &&
            chains?.some((chain) => chain.id === account.chainId &&
                isItemAllowed(chain.id, configChains?.from));
        const toChainAllowed = account.chainId &&
            chains?.some((chain) => chain.id === account.chainId &&
                isItemAllowed(chain.id, configChains?.to));
        if (!account.isConnected ||
            !account.chainId ||
            (!fromChainAllowed && !toChainAllowed)) {
            return;
        }
        if (!fromChain &&
            !isTouched('fromChain') &&
            !isTouched('fromToken') &&
            fromChainAllowed) {
            resetField('fromChain', { defaultValue: account.chainId });
            setFieldValue('fromToken', '');
            if (isTouched('fromAmount')) {
                setFieldValue('fromAmount', '');
            }
        }
        if (!toChain &&
            !isTouched('toChain') &&
            !isTouched('toToken') &&
            toChainAllowed) {
            resetField('toChain', { defaultValue: account.chainId });
            setFieldValue('toToken', '');
        }
    }, [
        account.chainId,
        account.isConnected,
        chains,
        fromChain,
        toChain,
        isTouched,
        resetField,
        setFieldValue,
        configChains?.from,
        configChains?.to,
    ]);
    // Makes widget config options reactive to changes
    // should update userValues when defaultValues updates and includes additional logic for chains
    useEffect(() => {
        if (reactiveFormValues.toAddress) {
            setSendToWallet(true);
        }
        if (toAddress) {
            setSelectedBookmark(toAddress);
        }
        setUserAndDefaultValues(accountForChainId(reactiveFormValues, account.chainId));
    }, [
        account.chainId,
        toAddress,
        reactiveFormValues,
        setUserAndDefaultValues,
        setSendToWallet,
        setSelectedBookmark,
    ]);
    return null;
};
const accountForChainId = (defaultValues, chainId) => {
    const result = { ...defaultValues };
    for (const key in result) {
        const k = key;
        if (result[k] === formDefaultValues[k]) {
            if ((k === 'fromChain' || k === 'toChain') && chainId) {
                result[k] = chainId;
            }
        }
    }
    return result;
};
//# sourceMappingURL=FormUpdater.js.map