@puzzlehq/sdk/src/hooks/useEvents.ts

Your portal to privacy

import { useEffect } from 'react';
import {
  GenericRequest,
  getEvents,
  GetEventsRequest,
  GetEventsResponse,
} from '@puzzlehq/sdk-core';
import { Event } from '@puzzlehq/types';
import { useInjectedRequestQuery } from './utils/useRequest.js';
import { useWalletStore } from '../store.js';
import { useDebounce } from 'use-debounce';
import useInjectedSubscriptions from './utils/useInjectedSubscription.js';
import { useIsConnected } from '../provider/PuzzleWalletProvider.js';

export const useEvents = ({
  filter,
  page,
  address,
  network,
}: GetEventsRequest) => {
  const { isConnected } = useIsConnected();
  const [account] = useWalletStore((state) => [state.account]);

  if (filter?.programId === '') {
    filter.programId = undefined;
  }

  const [debouncedFilter] = useDebounce(filter, 500);

  const {
    refetch,
    data,
    error: _error,
    isLoading: loading,
  } = useInjectedRequestQuery<GetEventsResponse | undefined>({
    queryKey: [
      'useEvents',
      account?.address,
      JSON.stringify(debouncedFilter),
      page,
    ],
    enabled: !!isConnected,
    fetchFunction: async () => {
      return await getEvents({
        filter,
        page,
        address,
        network,
      })
    },
  });

  // listen for injected wallet-originating account updates
  useInjectedSubscriptions({
    configs: [
      {
        subscriptionName: 'onSelectedAccountSynced',
        condition: () => true,
        onData: () => isConnected && refetch(),
        onError: (e: Error) => {
          console.error(e);
        },
        dependencies: [isConnected],
      },
    ],
  });

  // send initial events request
  const readyToRequest = !!isConnected && !!account;
  useEffect(() => {
    if (readyToRequest && !loading) {
      refetch();
    }
  }, [readyToRequest]);

  const fetchPage = () => {
    if (readyToRequest && !loading) {
      refetch();
    }
  };
  const error: string | undefined = (_error as Error)?.message ?? undefined;
  const response: GetEventsResponse | undefined = data;
  const events: Event[] | undefined = response?.events;
  const pageCount = response?.pageCount ?? 0;

  return { fetchPage, events, error, loading, page, pageCount };
};