import React from 'react';
import { ContractEventsContext } from './context.js';
import {
  AddContractEventPayload,
  DEFAULT_CONTRACT_EVENTS,
  RemoveContractEventPayload,
} from './model.js';
import { useIsMounted } from '../../hooks/useIsMounted.js';
import { contractEventReducer } from './reducer.js';
import { pseudoRandomId } from '../../utils/mod.js';

// @internal
export const ContractEventsProvider: React.FC<React.PropsWithChildren<any>> = (
  { children },
) => {
  const [events, dispatch] = React.useReducer(
    contractEventReducer,
    DEFAULT_CONTRACT_EVENTS,
  );
  const isMounted = useIsMounted();

  const addContractEvent = React.useCallback(
    ({ event, address }: AddContractEventPayload) => {
      if (isMounted()) {
        dispatch({
          type: 'ADD_CONTRACT_EVENT',
          address,
          event: { ...event, id: pseudoRandomId(), createdAt: Date.now() },
        });
      }
    },
    [dispatch],
  );

  const removeContractEvent = React.useCallback(
    ({ eventId, address }: RemoveContractEventPayload) => {
      if (isMounted()) {
        dispatch({
          type: 'REMOVE_CONTRACT_EVENT',
          address,
          eventId,
        });
      }
    },
    [dispatch],
  );

  return (
    <ContractEventsContext.Provider
      value={{ addContractEvent, events, removeContractEvent }}
      children={children}
    />
  );
};