DEV service layer, redux, graphSelectors

* redux and service layer adjustments
* state service layer update, useReactRedux, generated multiselector
* useReactRedux multiselector, service layer flatten meta transform
* service layer fixes
* service layer annotation

src/redux/hooks/useReactRedux.js

@@ -1,4 +1,5 @@
 import { useSelector as UseSelector, shallowEqual } from 'react-redux';
+import { createSelector } from 'reselect';
 import { store } from '../store';
 import { helpers } from '../../common/helpers';
 
@@ -28,10 +29,25 @@ const useSelector = (selector, value = null, options = {}) => {
   return UseSelector(selector, options.equality) ?? value;
 };
 
+/**
+ * Generate a selector from multiple selectors for use in "useSelector".
+ *
+ * @param {Array} params
+ * @returns {Array}
+ */
+const useMultiSelector = (...params) => {
+  const [firstSel, ...selectors] = params;
+  const updatedSelectors = (Array.isArray(firstSel) && firstSel) || selectors;
+  const multiSelector = createSelector(updatedSelectors, (...results) => results);
+
+  return useSelector(multiSelector, shallowEqual);
+};
+
 const reactReduxHooks = {
   shallowEqual,
   useDispatch,
+  useMultiSelector,
   useSelector
 };
 
-export { reactReduxHooks as default, reactReduxHooks, shallowEqual, useDispatch, useSelector };
+export { reactReduxHooks as default, reactReduxHooks, shallowEqual, useDispatch, useMultiSelector, useSelector };

src/redux/selectors/index.js

@@ -1,6 +1,5 @@
 import appMessagesSelectors from './appMessagesSelectors';
 import guestsListSelectors from './guestsListSelectors';
-import graphSelectors from './graphSelectors';
 import graphCardSelectors from './graphCardSelectors';
 import inventoryListSelectors from './inventoryListSelectors';
 import subscriptionsListSelectors from './subscriptionsListSelectors';
@@ -9,7 +8,6 @@ import userSelectors from './userSelectors';
 const reduxSelectors = {
   appMessages: appMessagesSelectors,
   guestsList: guestsListSelectors,
-  graph: graphSelectors,
   graphCard: graphCardSelectors,
   inventoryList: inventoryListSelectors,
   subscriptionsList: subscriptionsListSelectors,

src/services/common/helpers.js

@@ -27,18 +27,18 @@ const camelCase = obj => {
 };
 
 /**
- * Apply response schema callback to data.
+ * Apply data to a callback, pass original data on error.
  *
  * @param {object} data
- * @param {Function} schema
+ * @param {Function} callback
  * @returns {{data: *, error}}
  */
-const responseNormalize = (data, schema) => {
+const passDataToCallback = (data, callback) => {
   let error;
   let updatedData = data;
 
   try {
-    updatedData = schema(data);
+    updatedData = callback(data);
   } catch (e) {
     error = e;
   }
@@ -80,8 +80,8 @@ const schemaResponse = ({ casing, convert = true, id = null, response, schema }
 
 const serviceHelpers = {
   camelCase,
-  responseNormalize,
+  passDataToCallback,
   schemaResponse
 };
 
-export { serviceHelpers as default, serviceHelpers, camelCase, responseNormalize, schemaResponse };
+export { serviceHelpers as default, serviceHelpers, camelCase, passDataToCallback, schemaResponse };