Add support for user traits

Author: ThomasKranitsas

package-lock.json

@@ -22,13 +22,14 @@
   },
   "scripts": {
     "build": "npm run clean && ./node_modules/.bin/webpack --env=production --progress --profile --colors --display-optimization-bailout",
+    "dev": "npm run clean && ./node_modules/.bin/webpack --env=production --progress --profile --colors --watch --display-optimization-bailout",
     "clean": "rimraf dist",
     "jest": "jest --no-cache --maxWorkers=4 --config config/jest/default.js",
     "lint": "npm run lint:js",
     "lint:js": "./node_modules/.bin/eslint --ext .js,.jsx .",
     "test": "npm run lint && npm run jest"
   },
-  "version": "0.2.0",
+  "version": "0.2.1",
   "dependencies": {
     "auth0-js": "^6.8.4",
     "isomorphic-fetch": "^2.2.1",
@@ -43,6 +44,7 @@
     "redux": "^3.7.2",
     "redux-actions": "^2.4.0",
     "tc-accounts": "https://github.com/appirio-tech/accounts-app.git#dev",
+    "to-capital-case": "^1.0.0",
     "topcoder-react-utils": "^0.4.3"
   },
   "devDependencies": {

package.json

@@ -11,6 +11,8 @@ import memberActions from './members';
 import memberTaskActions from './member-tasks';
 import reviewOpportunityActions from './reviewOpportunity';
 import lookupActions from './lookup';
+import uiActions from './ui';
+import settingsActions from './settings';
 
 export const actions = {
   auth: authActions.auth,
@@ -26,6 +28,8 @@ export const actions = {
   memberTasks: memberTaskActions.memberTasks,
   reviewOpportunity: reviewOpportunityActions.reviewOpportunity,
   lookup: lookupActions.lookup,
+  ui: uiActions.ui,
+  settings: settingsActions.settings,
 };
 
 export default undefined;

src/actions/index.js

@@ -0,0 +1,70 @@
+/**
+ * @module "actions.settings"
+ * @desc Actions related to settings page.
+ */
+
+import { createActions } from 'redux-actions';
+import { getService } from '../services/user-traits';
+
+/**
+ * @static
+ * @desc Creates an action that loads user's all traits.
+ * @param {String} uuid Operation UUID.
+ * @param {String} tokenV3 v3 auth token.
+ * @return {Action}
+ */
+
+async function getAllUserTraits(handle, tokenV3) {
+  const data = await getService(tokenV3).getAllUserTraits(handle);
+  return { data, handle };
+}
+
+/**
+ * @static
+ * @desc Creates an action that  add trait by trait id.
+ * @param {String} handle member's handle.
+ * @param {String} traitId trait id.
+ * @param {Array} data trait data array.
+ * @param {String} tokenV3 v3 auth token.
+ * @return {Action}
+ */
+async function addUserTrait(handle, traitId, data, tokenV3) {
+  const result = await getService(tokenV3).addUserTrait(handle, traitId, data);
+  return { result, handle, traitId };
+}
+
+/**
+ * @static
+ * @desc Creates an action that update trait by trait id.
+ * @param {String} handle member's handle.
+ * @param {String} traitId trait id.
+ * @param {Array} data trait data array.
+ * @param {String} tokenV3 v3 auth token.
+ * @return {Action}
+ */
+async function updateUserTrait(handle, traitId, data, tokenV3) {
+  const result = await getService(tokenV3).updateUserTrait(handle, traitId, data);
+  return { result, handle, traitId };
+}
+
+/**
+ * @static
+ * @desc Creates an action that delete trait by trait id.
+ * @param {String} handle member's handle.
+ * @param {String} traitId trait id.
+ * @param {String} tokenV3 v3 auth token.
+ * @return {Action}
+ */
+async function deleteUserTrait(handle, traitId, tokenV3) {
+  const data = await getService(tokenV3).deleteUserTrait(handle, traitId);
+  return { data, handle, traitId };
+}
+
+export default createActions({
+  SETTINGS: {
+    GET_ALL_USER_TRAITS: getAllUserTraits,
+    ADD_USER_TRAIT: addUserTrait,
+    DELETE_USER_TRAIT: deleteUserTrait,
+    UPDATE_USER_TRAIT: updateUserTrait,
+  },
+});

src/actions/settings.js

@@ -0,0 +1,7 @@
+import settingsActions from './settings';
+
+export default {
+  ui: {
+    settings: settingsActions.settings,
+  },
+};

src/actions/ui/index.js

@@ -0,0 +1,17 @@
+/**
+ * Actions for settings page UI.
+ */
+import _ from 'lodash';
+import { createActions } from 'redux-actions';
+
+
+export default createActions({
+  SETTINGS: {
+    PROFILE: {
+      TOGGLE_TAB: _.identity,
+    },
+    TOOLS: {
+      TOGGLE_TAB: _.identity,
+    },
+  },
+});

src/actions/ui/settings.js

@@ -18,6 +18,10 @@ import reviewOpportunity, { factory as reviewOpportunityFactory }
   from './reviewOpportunity';
 import mySubmissionsManagement, { factory as mySubmissionsManagementFactory }
   from './my-submissions-management';
+import ui, { factory as uiFactory }
+  from './ui';
+import settings, { factory as settingsFactory }
+  from './settings';
 
 
 export function factory(options) {
@@ -35,6 +39,8 @@ export function factory(options) {
     memberTasks: memberTasksFactory(options),
     reviewOpportunity: reviewOpportunityFactory(options),
     mySubmissionsManagement: mySubmissionsManagementFactory(options),
+    ui: uiFactory(options),
+    settings: settingsFactory(options),
   });
 }
 
@@ -52,4 +58,6 @@ export default ({
   memberTasks,
   reviewOpportunity,
   mySubmissionsManagement,
+  ui,
+  settings,
 });

src/reducers/index.js

@@ -0,0 +1,114 @@
+/**
+ * @module "reducers.settings"
+ * @desc Reducer for the Redux store segment that holds traits data.
+ */
+
+import { handleActions } from 'redux-actions';
+import logger from '../utils/logger';
+import actions from '../actions/settings';
+import { fireErrorMessage } from '../utils/errors';
+
+/**
+ * Handles SETTINGS/GET_ALL_USER_TRAITS action.
+ * @param {Object} state
+ * @param {Object} action
+ * @return {Object} New state.
+ */
+function onGetAllUserTraits(state, { error, payload }) {
+  if (error) {
+    logger.error('Failed to get all user traits', payload);
+    return {
+      ...state,
+      userTraits: [],
+    };
+  }
+
+  return {
+    ...state,
+    userTraits: payload.data,
+  };
+}
+
+/**
+ * Handles SETTINGS/ADD_USER_TRAIT action.
+ * @param {Object} state
+ * @param {Object} action
+ * @return {Object} New state.
+ */
+function onAddUserTrait(state, { error, payload }) {
+  if (error) {
+    logger.error('Failed to add user trait', payload);
+    fireErrorMessage('Failed to add user trait', '');
+    return state;
+  }
+  const newData = payload.result[0];
+  return {
+    ...state,
+    userTraits: [...state.userTraits, newData],
+  };
+}
+
+/**
+ * Handles SETTINGS/UPDATE_USER_TRAIT action.
+ * @param {Object} state
+ * @param {Object} action
+ * @return {Object} New state.
+ */
+function onUpdateUserTrait(state, { error, payload }) {
+  if (error) {
+    logger.error('Failed to update user trait', payload);
+    fireErrorMessage('Failed to update user trait', '');
+    return state;
+  }
+  const newData = payload.result[0];
+  const newUserTraits = state.userTraits.filter(trait => trait.traitId !== payload.traitId);
+  newUserTraits.push(newData);
+
+  return {
+    ...state,
+    userTraits: newUserTraits,
+  };
+}
+
+/**
+ * Handles SETTINGS/DELETE_USER_TRAIT action.
+ * @param {Object} state
+ * @param {Object} action
+ * @return {Object} New state.
+ */
+function onDeleteUserTrait(state, { error, payload }) {
+  if (error) {
+    logger.error('Failed to delete user trait', payload);
+    fireErrorMessage('Failed to delete user trait', '');
+    return state;
+  }
+  const newUserTraits = state.userTraits.filter(trait => trait.traitId !== payload.traitId);
+  return {
+    ...state,
+    userTraits: newUserTraits,
+  };
+}
+
+
+/**
+ * Creates a new user trait reducer with the specified initial state.
+ * @param {Object} initialState Optional. Initial state.
+ * @return {Function} userTraits reducer.
+ */
+function create(initialState = {
+  userTraits: [],
+}) {
+  const a = actions.settings;
+  return handleActions({
+    [a.getAllUserTraits]: onGetAllUserTraits,
+    [a.addUserTrait]: onAddUserTrait,
+    [a.deleteUserTrait]: onDeleteUserTrait,
+    [a.updateUserTrait]: onUpdateUserTrait,
+  }, initialState);
+}
+
+export function factory() {
+  return Promise.resolve(create());
+}
+
+export default create();

src/reducers/settings.js

@@ -0,0 +1,13 @@
+import { combineReducers } from 'redux';
+
+import settings from './settings';
+
+export function factory() {
+  return Promise.resolve(combineReducers({
+    settings,
+  }));
+}
+
+export default combineReducers({
+  settings,
+});

src/reducers/ui/index.js

@@ -0,0 +1,56 @@
+/**
+ * Reducers for settings page UI.
+ */
+import _ from 'lodash';
+import { handleActions } from 'redux-actions';
+
+import settingsActions from 'actions/ui/settings';
+
+const TABS = {
+  PROFILE: {
+    BASIC: 'basic info',
+    LANGUAGE: 'language',
+    EDUCATION: 'education',
+    WORK: 'work',
+    ORGANIZATION: 'organization',
+    SKILL: 'skill',
+    HOBBY: 'hobby',
+    COMMUNITY: 'community',
+  },
+  TOOLS: {
+    DEVICES: 'device',
+    SOFTWARE: 'software',
+    PROVIDERS: 'service provider',
+    SUBSCRIPTIONS: 'subscription',
+  },
+};
+
+const initState = {
+  TABS,
+};
+
+/**
+ * Creates a new reducer.
+ * @param {Object} state Optional. Initial state.
+ * @return {Function} Reducer.
+ */
+function create(defaultState = initState) {
+  const a = settingsActions.settings;
+  return handleActions({
+    [a.profile.toggleTab]: (state, { payload }) => ({ ...state, currentProfileTab: payload }),
+    [a.tools.toggleTab]: (state, { payload }) => ({ ...state, currentToolsTab: payload }),
+  }, _.defaults(defaultState, {
+    currentProfileTab: TABS.PROFILE.BASIC,
+    currentToolsTab: TABS.TOOLS.DEVICES,
+  }));
+}
+
+/**
+ * Factory which creates a new reducer with its initial state tailored to the
+ * @return Promise which resolves to the new reducer.
+ */
+export function factory() {
+  return Promise.resolve(create());
+}
+
+export default create();

src/reducers/ui/settings.js

@@ -13,6 +13,7 @@ import * as reviewOpportunities from './reviewOpportunities';
 import * as userSetting from './user-settings';
 import * as user from './user';
 import * as lookup from './lookup';
+import * as userTraits from './user-traits';
 
 export const services = {
   api,
@@ -27,6 +28,7 @@ export const services = {
   userSetting,
   reviewOpportunities,
   lookup,
+  userTraits,
 };
 
 export default undefined;