import type { NMRiumPanelPreferences } from '@zakodium/nmrium-core';
import lodashDebounce from 'lodash/debounce.js';
import lodashMap from 'lodash/map.js';
import { useCallback, useRef, useState } from 'react';
import { useAccordionControls } from 'react-science/ui';

import { useChartData } from '../context/ChartContext.js';
import { useDispatch } from '../context/DispatchContext.js';
import { usePreferences } from '../context/PreferencesContext.js';
import { useToaster } from '../context/ToasterContext.js';
import { toolPanelLookup } from '../panels/accordionItems.js';
import { options } from '../toolbar/ToolTypes.js';

export default function useToolsFunctions() {
  const dispatch = useDispatch();
  const toaster = useToaster();

  const { open: openAccordionPanel } = useAccordionControls();
  const [isRealSpectrumShown, setIsRealSpectrumShown] = useState(false);

  const debounceClickEventsRef = useRef<{ clicks: any[] }>({ clicks: [] });
  const {
    current: {
      general: { invert },
    },
  } = usePreferences();
  const {
    toolOptions: { selectedTool: previousSelectedTool },
  } = useChartData();
  const handleChangeOption = useCallback(
    (selectedTool: keyof typeof options) => {
      //avoid reselecting the tool if it's already selected
      if (selectedTool === previousSelectedTool) {
        return;
      }

      if (
        [
          options.peakPicking.id,
          options.integral.id,
          options.zonePicking.id,
          options.exclusionZones.id,
          options.rangePicking.id,
        ].includes(selectedTool)
      ) {
        toaster.show({
          message: `Press ${!invert ? 'Shift +' : ''} Left Mouse button to select zone`,
        });
      }
      const panelKey: keyof NMRiumPanelPreferences = options[selectedTool]
        .isFilter
        ? 'processingsPanel'
        : toolPanelLookup?.[selectedTool];

      if (panelKey) {
        openAccordionPanel(panelKey);
      }

      dispatch({
        type: 'SET_SELECTED_TOOL',
        payload: { selectedTool: selectedTool || options.zoom.id },
      });
    },
    [dispatch, invert, openAccordionPanel, previousSelectedTool, toaster],
  );

  const handleFullZoomOut = useCallback(() => {
    if (debounceClickEventsRef.current.clicks.length === 0) {
      dispatch({
        type: 'FULL_ZOOM_OUT',
        payload: { zoomType: 'BIDIRECTIONAL' },
      });
    }
    const callback = lodashDebounce(() => {
      debounceClickEventsRef.current.clicks = [];
    }, 500);
    debounceClickEventsRef.current.clicks.push(callback);

    callback();

    if (debounceClickEventsRef.current.clicks.length > 1) {
      lodashMap(debounceClickEventsRef.current.clicks, (debounce: any) =>
        debounce.cancel(),
      );
      debounceClickEventsRef.current.clicks = [];
      dispatch({
        type: 'FULL_ZOOM_OUT',
        payload: { zoomType: 'FULL' },
      });
    }
  }, [dispatch, debounceClickEventsRef]);

  const changeDisplayViewModeHandler = useCallback(() => {
    dispatch({
      type: 'CHANGE_SPECTRUM_DISPLAY_VIEW_MODE',
    });
  }, [dispatch]);

  const changeSpectrumViewHandler = useCallback(() => {
    dispatch({
      type: 'TOGGLE_REAL_IMAGINARY_VISIBILITY',
    });
    setIsRealSpectrumShown(!isRealSpectrumShown);
  }, [dispatch, isRealSpectrumShown]);

  const alignSpectraVerticallyHandler = useCallback(() => {
    dispatch({
      type: 'SET_SPECTRA_VERTICAL_ALIGN',
    });
  }, [dispatch]);

  return {
    handleChangeOption,
    handleFullZoomOut,
    changeDisplayViewModeHandler,
    changeSpectrumViewHandler,
    alignSpectraVerticallyHandler,
    isRealSpectrumShown,
  };
}