@shopgate/pwa-common/selectors/menu.js

Common library for the Shopgate Connect PWA.

import { createSelector } from 'reselect';

/**
 * Selects the menu state from the store.
 * @param {Object} state The global state.
 * @return {Object}
 */
export const getMenuState = state => state.menu;

/**
 * @param {Object} state The global state.
 * @return {Object|null}
 */
export const getMenus = createSelector(getMenuState, menuState => {
  if (!menuState || !menuState.menusById) {
    return null;
  }
  return menuState.menusById;
});
const defaultValue = [];

/**
 * Selects a menu by id.
 * @param {Object} state The global state.
 * @param {Object} props The menu props.
 * @return {Array}
 */
export const getMenuById = createSelector(getMenus, (state, {
  id
}) => id, (menus, id) => {
  if (!menus || !menus[id] || !menus[id].entries) {
    return defaultValue;
  }
  return menus[id].entries;
});

/**
 * Creates a selector that retrieves a list of entries for a specified menu id.
 * @param {string} menuId The menu id.
 * @returns {Function}
 */
export const makeGetMenu = menuId => createSelector(getMenus, menus => menus?.[menuId]?.entries || null);

/**
 * Creates a selector that determines if a menu is fetching.
 * @param {string} menuId The menu id.
 * @returns {Function}
 */
export const makeGetIsFetchingMenu = menuId => createSelector(getMenus, menus => menus?.[menuId]?.isFetching || false);