@shopgate/pwa-common/reducers/page/index.js

Common library for the Shopgate Connect PWA.

import "core-js/modules/es.array.reduce.js";
import { ENOTFOUND } from '@shopgate/pwa-core/constants/Pipeline';
import { REQUEST_PAGE_CONFIG, RECEIVE_PAGE_CONFIG, ERROR_PAGE_CONFIG, APP_WILL_START } from "../../constants/ActionTypes";

/**
 * Enrich the widget data.
 * @param {Object} action The action that was received.
 * @return {Object} An enriched set of widgets.
 */
const enrichWidgets = action => action.config.widgets.map((widget, index) => ({
  ...widget,
  id: `${action.pageId}-${index}-${widget.type}`
}));

/**
 * The page config reducer.
 * @param {Object} [state={}] The current application state.
 * @param {Object} action The action object.
 * @return {Object} The store data.
 */
export default function pageReducer(state = {}, action = {}) {
  switch (action.type) {
    case REQUEST_PAGE_CONFIG:
      return {
        ...state,
        [action.pageId]: {
          ...state[action.pageId],
          isFetching: true,
          expires: 0
        }
      };
    case RECEIVE_PAGE_CONFIG:
      {
        return {
          ...state,
          [action.pageId]: {
            title: action.config.title,
            widgets: enrichWidgets(action),
            isFetching: false,
            expires: Date.now() + 3600000 // One hour
          }
        };
      }
    case ERROR_PAGE_CONFIG:
      {
        if (action.errorCode === ENOTFOUND) {
          // Remove the temporary page entry from the state when noting was found for the pageId.
          const {
            [action.pageId]: ignore,
            ...rest
          } = state;
          return rest;
        }
        return {
          ...state,
          [action.pageId]: {
            ...state[action.pageId],
            isFetching: false,
            expires: 0
          }
        };
      }
    case APP_WILL_START:
      {
        return Object.keys(state).reduce((acc, pageId) => {
          acc[pageId].expires = 0;
          return acc;
        }, {
          ...state
        });
      }
    default:
      return state;
  }
}