import * as React from 'react';

import { useLifecycle } from '../hook';
import { useChatContext } from './chat';
import type { ChatServiceListener } from './types';

/**
 * The life cycle of a listener should be as long as the component declaration and should not be added or deleted frequently. Therefore, it is recommended to use `useMemo` or `useRef` to wrap the listener and reduce dependencies.
 * @param listener The IM service object.
 */
export function useChatListener(listener: ChatServiceListener) {
  const im = useChatContext();
  useLifecycle(
    React.useCallback(
      (state: 'load' | 'unload') => {
        if (state === 'load') {
          im.addListener(listener);
        } else if (state === 'unload') {
          im.removeListener(listener);
        }
      },
      [im, listener]
    ),
    useChatListener.name
  );
}