@smartinvoicexyz/hooks/dist/src/useInvoices.js

Unified source for React hooks used across the Smart Invoice protocol.

/* eslint-disable camelcase */
import { fetchInvoices, Invoice_orderBy, } from '@smartinvoicexyz/graphql';
import { parseToDate } from '@smartinvoicexyz/utils';
import { useQuery } from '@tanstack/react-query';
import { useAccount, useChainId } from 'wagmi';
const calcTotal = (amounts) => {
    if (!amounts)
        return undefined;
    return amounts.reduce((sum, a) => {
        return sum + BigInt(a.amount.toString());
    }, BigInt(0));
};
const totalAmount = (amounts) => {
    return amounts.reduce((sum, a) => {
        return sum + BigInt(a);
    }, BigInt(0));
};
const totalDueReleases = ({ releases, amounts, }) => {
    const totalReleases = calcTotal(releases);
    const total = totalAmount(amounts);
    if (!totalReleases || !total)
        return undefined;
    return totalReleases > total ? BigInt(0) : BigInt(total) - totalReleases;
};
const PAGE_SIZE = 100;
const fetchInvoicesForPage = async (chainId, address, page) => {
    const invoices = await fetchInvoices(chainId, address, page, PAGE_SIZE, Invoice_orderBy.createdAt, true);
    return invoices.map(invoice => {
        const totaDeposits = calcTotal(invoice.deposits);
        let status = 'Locked';
        if (invoice.isLocked !== true) {
            if (totalDueReleases({
                releases: invoice.releases,
                amounts: invoice.amounts,
            }) === BigInt(0)) {
                status = 'Completed';
            }
            else if (invoice.terminationTime &&
                parseToDate(invoice.terminationTime) < new Date()) {
                status = 'Expired';
            }
            else if ((totaDeposits ?? BigInt(0)) < BigInt(invoice.amounts[0])) {
                status = 'Awaiting Funds';
            }
            else {
                status = 'In Progress';
            }
        }
        return {
            ...invoice,
            status,
        };
    });
};
// const removeDuplicates = (
//  acc: InvoiceDisplayData[],
//  invoice: InvoiceDisplayData,
// ) => {
//  if (
//    !acc.find(
//      i => i.network === invoice.network && i.address === invoice.address,
//    )
//  ) {
//    acc.push(invoice);
//  }
//  return acc;
// };
//
// export const useInvoices = ({ page }: { page: number }) => {
//  const { address } = useAccount();
//  const queries = useQueries({
//    queries: SUPPORTED_NETWORKS.map(chainId => ({
//      queryKey: ['invoices', address?.toLowerCase(), chainId, page],
//      queryFn: () => fetchInvoicesForPage(chainId, address, page),
//      enabled: !!address,
//      refetchInterval: 60000,
//    })),
//  });
//
//  const data = _.flatMap(queries, query => query.data ?? []).reduce(removeDuplicates, []).sort((a, b) => Number(b.createdAt - a.createdAt));
//  const isLoading = queries.some(query => query.isLoading);
//  const isFetching = queries.some(query => query.isFetching);
//  const isError = queries.some(query => query.isError);
//  const error = queries.find(query => query.isError)?.error;
//
//  return { data, isLoading, isFetching, isError, error };
// };
export const QUERY_KEY_INVOICES = 'invoices';
export const useInvoices = ({ page }) => {
    const { address } = useAccount();
    const chainId = useChainId();
    const result = useQuery({
        queryKey: [QUERY_KEY_INVOICES, address?.toLowerCase(), chainId, page],
        queryFn: () => fetchInvoicesForPage(chainId, address, page),
        enabled: !!address && !!chainId,
        refetchOnWindowFocus: false,
        refetchInterval: 60000,
    });
    return result;
};