@shopgate/engage/development/reducers/settings.js

Shopgate's ENGAGE library.

import { produce } from 'immer';
import { isDev } from '@shopgate/engage/core/helpers';
import { DEVELOPMENT_TOOLS_TOGGLE_INSETS, DEVELOPMENT_TOOLS_TOGGLE_INSET_HIGHLIGHT, DEVELOPMENT_TOOLS_TOGGLE_CMS2_PREVIEW } from "../constants";

/**
 * @typedef {Object} DevToolsSettingsState
 * @property {boolean} showInsets
 * @property {boolean} showInsetHighlight
 */

/** @type DevToolsSettingsState */
const initialState = {
  showInsets: null,
  showInsetHighlight: false,
  cms2PreviewEnabled: false
};

/**
 * The reducer for all development tools settings related states.
 * @param {Object} state The application state.
 * @param {Object} action The redux action.
 * @returns {Object}
 */
export default function settingsReducer(state = initialState, action = {}) {
  const producer = produce(/** @param {DevToolsSettingsState} draft The draft */draft => {
    switch (action.type) {
      case DEVELOPMENT_TOOLS_TOGGLE_INSETS:
        {
          if (isDev) {
            draft.showInsets = action.visible;
          }
          break;
        }
      case DEVELOPMENT_TOOLS_TOGGLE_INSET_HIGHLIGHT:
        {
          if (isDev) {
            draft.showInsetHighlight = action.visible;
          }
          break;
        }
      case DEVELOPMENT_TOOLS_TOGGLE_CMS2_PREVIEW:
        {
          draft.cms2PreviewEnabled = action.enabled;
          break;
        }
      default:
        break;
    }
  });
  return producer(state);
}