@coin-voyage/paykit/dist/hooks/usePayToAddressTokens.js

Seamless crypto payments. Onboard users from any chain, any coin into your app with one click.

import { jsx as _jsx } from "react/jsx-runtime";
import { tokenToCurrency } from "@coin-voyage/shared/currency";
import { useMemo } from "react";
import usePayContext from "../components/contexts/pay";
import { SquircleIcon } from "../components/ui/Icon";
import { ROUTE } from "../types/routes";
import { useTokenList } from "./useTokenList";
export function usePayToAddressTokens() {
    const { paymentState, setRoute } = usePayContext();
    const { payToAddressChainId, setPayToAddressCurrency } = paymentState;
    const { tokens, isLoading } = useTokenList(payToAddressChainId);
    const options = useMemo(() => tokens.map((token) => ({
        id: token.address ?? token.ticker,
        title: token.name,
        icons: token.logoURI
            ? [_jsx(SquircleIcon, { icon: token.logoURI, alt: token.name }, token.address ?? token.ticker)]
            : [],
        iconShape: "circle",
        onClick: () => {
            const currency = tokenToCurrency(token);
            setPayToAddressCurrency(currency);
            setRoute(ROUTE.PAY_TO_ADDRESS);
        },
    })), [tokens, setPayToAddressCurrency, setRoute]);
    return { options, isLoading };
}