onToolModeUpdated.js

import core from 'core';
import actions from 'actions';
import selectors from 'selectors';
import DataElements from 'constants/dataElement';

export default (dispatch, store) => (newTool, oldTool) => {
  const { ToolNames } = window.Core.Tools;

  if (oldTool && oldTool.name === ToolNames.TEXT_SELECT) {
    core.clearSelection();
    dispatch(actions.closeElement('textPopup'));
  }
  dispatch(actions.setActiveToolNameAndStyle(newTool));

  const state = store.getState();
  const activeToolGroup = selectors.getActiveToolGroup(state);
  const activeToolName = selectors.getActiveToolName(state);
  const selectedStampIndex = selectors.getSelectedStampIndex(state);

  const isCustomizableUI = state.featureFlags.customizableUI;
  if (isCustomizableUI) {
    const activeCustomRibbon = selectors.getActiveCustomRibbon(state);
    const toolsAssociatedWithRibbon = selectors.getToolsAssociatedWithRibbon(state, activeCustomRibbon);

    // If we are in the modular UI and switch out of the rubber stamp tool, we need to re-set the active stamp index
    if (oldTool.name === ToolNames.RUBBER_STAMP) {
      dispatch(actions.setLastSelectedStampIndex(selectedStampIndex));
      dispatch(actions.setSelectedStampIndex(null));
    }

    /// If the tool is associated with the current ribbon we set it as the last selected tool
    if (toolsAssociatedWithRibbon.includes(newTool.name)) {
      dispatch(actions.setLastActiveToolForRibbon({
        toolName: newTool.name,
        ribbon: activeCustomRibbon,
      }));
    }
    return;
  }

  if (activeToolName === ToolNames.EDIT && (activeToolGroup === 'signatureTools' || activeToolGroup === 'rubberStampTools')) {
    return;
  }
  const { group = '' } = selectors.getToolButtonObject(state, newTool.name);

  const currentToolbarGroup = selectors.getCurrentToolbarGroup(state);
  // Search the current toolbar group first
  const toolbarGroupNames = selectors.getEnabledToolbarGroups(state).reduce((acc, groupName) => {
    if (groupName !== currentToolbarGroup) {
      acc.push(groupName);
    }
    return acc;
  }, [currentToolbarGroup]);
  // Find the ribbon group this tool falls under and change if necessary
  for (let i = 0; i < toolbarGroupNames.length; i++) {
    const toolbarGroupName = toolbarGroupNames[i];
    const toolbarGroupItems = selectors.getToolbarGroupItems(toolbarGroupName)(state);
    // Looks for the matching toolgroup or tool under this toolbar
    const groupItems = toolbarGroupItems.filter((groupItem) => groupItem.toolGroup === group || groupItem.toolName === newTool.name);
    if (groupItems.length > 0) {
      if (toolbarGroupName !== currentToolbarGroup) {
        dispatch({
          type: 'SET_TOOLBAR_GROUP',
          payload: { toolbarGroup: toolbarGroupName },
        });
      }
      break;
    }
  }

  setActiveToolGroupAndToolsOverlay(store, group);
};

const setActiveToolGroupAndToolsOverlay = (store, group) => {
  if (!group) {
    store.dispatch(actions.setActiveToolGroup(''));
    store.dispatch(actions.closeElement(DataElements.TOOLS_OVERLAY));
  } else {
    store.dispatch(actions.setActiveToolGroup(group));
    store.dispatch(actions.openElement(DataElements.TOOLS_OVERLAY));
  }
};