feature(profile): redirect from private community to community app profile page

    add support for redirecting configured community member stats page to
    topcoder community app stats page when authenticated user views member
    who is not part of the configured community.

Author: rakibansary

config/default.js

@@ -162,9 +162,9 @@ module.exports = {
     ABANDONMENT_EMBED: 'https://43d132d5dbff47c59d9d53ad448f93c2.js.ubembed.com',
     // If a logged in user is a member of any of these groups, when they land on
     // their profile page (members/:handle), they'll be redirected to the "userProfile" url
-    SUBDOMAIN_PROFILE_CONFIG: [
-      { groupId: '20000000', communityId: 'wipro', userProfile: 'https://topgear-app.wipro.com/user-details' },
-    ],
+    SUBDOMAIN_PROFILE_CONFIG: [{
+      groupId: '20000000', communityId: 'wipro', communityName: 'topgear', userProfile: 'https://topgear-app.wipro.com/user-details',
+    }],
   },
 
   /* Information about Topcoder user groups can be cached in various places.

package-lock.json

@@ -147,7 +147,7 @@
     "supertest": "^3.1.0",
     "tc-core-library-js": "github:appirio-tech/tc-core-library-js#v2.6.3",
     "tc-ui": "^1.0.12",
-    "topcoder-react-lib": "1000.27.15",
+    "topcoder-react-lib": "1000.27.16",
     "topcoder-react-ui-kit": "2.0.1",
     "topcoder-react-utils": "0.7.8",
     "turndown": "^4.0.2",

package.json

@@ -21,18 +21,21 @@ class ProfileContainer extends React.Component {
       meta,
       auth,
     } = this.props;
-
     loadProfile(handleParam, _.get(meta, 'groupIds', []), auth.tokenV3, loadPublicStatsOnly(meta));
-    if (auth.tokenV3 && auth.memberGroups && auth.memberGroups.length > 0
-      && auth.user && auth.user.handle === handleParam) {
-      _.forEach(auth.memberGroups, (memberGroup) => { /* eslint consistent-return: off */
-        const profileConfig = _.find(config.URL.SUBDOMAIN_PROFILE_CONFIG, { groupId: memberGroup });
-        if (profileConfig && profileConfig.userProfile) {
-          // redirect user to configured profile url
-          window.location.href = profileConfig.userProfile;
-          return false;
-        }
-      });
+    if (auth.tokenV3 && auth.memberGroups && auth.memberGroups.length > 0 && auth.user) {
+      if (auth.user.handle === handleParam) {
+        _.forEach(auth.memberGroups, (memberGroup) => { /* eslint consistent-return: off */
+          const profileConfig = _.find(
+            config.URL.SUBDOMAIN_PROFILE_CONFIG,
+            { groupId: memberGroup },
+          );
+          if (profileConfig && profileConfig.userProfile) {
+            // redirect user to configured profile url
+            window.location.href = profileConfig.userProfile;
+            return false;
+          }
+        });
+      }
     }
   }
 
@@ -41,13 +44,40 @@ class ProfileContainer extends React.Component {
       handleParam,
       profileForHandle,
       loadProfile,
+      loadMemberGroups,
       meta,
       auth,
+      info,
+      memberGroups,
     } = nextProps;
 
+    const {
+      info: prevInfo,
+      memberGroups: prevMemberGroups,
+    } = this.props;
+
     if (handleParam !== profileForHandle) {
       loadProfile(handleParam, _.get(meta, 'groupIds', []), auth.tokenV3, loadPublicStatsOnly(meta));
     }
+
+    if (auth.tokenV3 && auth.user && auth.user.handle !== handleParam
+      && info != null && info.userId != null
+      && (prevInfo == null || info.userId !== prevInfo.userId)) {
+      loadMemberGroups(info.userId, auth.tokenV3);
+    }
+
+    if (memberGroups && memberGroups !== prevMemberGroups) {
+      _.forEach(auth.memberGroups, (memberGroup) => { /* eslint consistent-return: off */
+        const profileConfig = _.find(config.URL.SUBDOMAIN_PROFILE_CONFIG, { groupId: memberGroup });
+        if (profileConfig && profileConfig.userProfile
+          && memberGroups.indexOf(profileConfig.groupId) === -1) {
+          if (window.location.href.indexOf(profileConfig.communityName) !== -1) {
+            window.location.href = `${config.URL.BASE}/members/${handleParam}`;
+          }
+          return false;
+        }
+      });
+    }
   }
 
   render() {
@@ -106,6 +136,7 @@ ProfileContainer.defaultProps = {
   skills: null,
   stats: null,
   meta: null,
+  memberGroups: null,
   auth: {},
 };
 
@@ -119,9 +150,11 @@ ProfileContainer.propTypes = {
   info: PT.shape(),
   loadingError: PT.bool.isRequired,
   loadProfile: PT.func.isRequired,
+  loadMemberGroups: PT.func.isRequired,
   profileForHandle: PT.string,
   skills: PT.shape(),
   stats: PT.arrayOf(PT.shape()),
+  memberGroups: PT.arrayOf(PT.string),
   lookupData: PT.shape().isRequired,
   meta: PT.shape(),
   auth: PT.shape(),
@@ -140,6 +173,7 @@ const mapStateToProps = (state, ownProps) => ({
   profileForHandle: state.profile.profileForHandle,
   skills: state.profile.skills,
   stats: state.profile.stats,
+  memberGroups: state.groups.memberGroups,
   lookupData: state.lookup,
   auth: {
     ...state.auth,
@@ -150,6 +184,9 @@ function mapDispatchToProps(dispatch) {
   const a = actions.profile;
   const lookupActions = actions.lookup;
   return {
+    loadMemberGroups: (userId, tokenV3) => {
+      dispatch(actions.groups.getMemberGroups(userId, tokenV3));
+    },
     loadProfile: (handle, groupIds, tokenV3, showPublicStats) => {
       dispatch(a.clearProfile());
       dispatch(a.loadProfile(handle));