Merge pull request #838 from topcoder-platform/feature/Auth0-RS256-Token

new login flow changes

Author: sachin-maheshwari

.circleci/config.yml

@@ -71,7 +71,7 @@ workflows:
           filters:
             branches:
               only:
-                - develop
+                - "feature/Auth0-RS256-Token"
 
       # Production builds are exectuted only on tagged commits to the
       # master branch.

config/constants/development.js

@@ -2,8 +2,8 @@ const DOMAIN = 'topcoder-dev.com'
 const DEV_API_HOSTNAME = `https://api.${DOMAIN}`
 
 module.exports = {
-  ACCOUNTS_APP_CONNECTOR_URL: `https://accounts.${DOMAIN}/connector.html`,
-  ACCOUNTS_APP_LOGIN_URL: `https://accounts.${DOMAIN}/member`,
+  ACCOUNTS_APP_CONNECTOR_URL: `https://accounts-auth0.${DOMAIN}`,
+  ACCOUNTS_APP_LOGIN_URL: `https://accounts-auth0.${DOMAIN}`,
   COMMUNITY_APP_URL: `https://www.${DOMAIN}`,
   MEMBER_API_URL: `${DEV_API_HOSTNAME}/v4/members`,
   MEMBER_API_V3_URL: `${DEV_API_HOSTNAME}/v3/members`,

config/constants/production.js

@@ -2,8 +2,8 @@ const DOMAIN = 'topcoder.com'
 const PROD_API_HOSTNAME = `https://api.${DOMAIN}`
 
 module.exports = {
-  ACCOUNTS_APP_CONNECTOR_URL: process.env.ACCOUNTS_APP_CONNECTOR_URL || `https://accounts.${DOMAIN}/connector.html`,
-  ACCOUNTS_APP_LOGIN_URL: `https://accounts.${DOMAIN}/member`,
+  ACCOUNTS_APP_CONNECTOR_URL: process.env.ACCOUNTS_APP_CONNECTOR_URL || `https://accounts-auth0.${DOMAIN}`,
+  ACCOUNTS_APP_LOGIN_URL: `https://accounts-auth0.${DOMAIN}`,
   COMMUNITY_APP_URL: `https://www.${DOMAIN}`,
   MEMBER_API_URL: `${PROD_API_HOSTNAME}/v4/members`,
   MEMBER_API_V3_URL: `${PROD_API_HOSTNAME}/v3/members`,

package.json

@@ -89,7 +89,7 @@
     "sass-loader": "7.1.0",
     "simplemde": "^1.11.2",
     "style-loader": "0.23.0",
-    "tc-accounts": "git+https://github.com/appirio-tech/accounts-app.git",
+    "tc-auth-lib": "topcoder-platform/tc-auth-lib#1.0.1",
     "terser": "^3.16.1",
     "terser-webpack-plugin": "1.1.0",
     "topcoder-healthcheck-dropin": "^1.0.3",

src/actions/auth.js

@@ -1,4 +1,4 @@
-import { configureConnector, decodeToken } from 'tc-accounts'
+import { configureConnector, decodeToken } from 'tc-auth-lib'
 import { fetchProfile } from '../services/user'
 import {
   LOAD_USER_SUCCESS,

src/routes.js

@@ -4,14 +4,13 @@
 import React from 'react'
 import PropTypes from 'prop-types'
 import { Redirect, Route, Switch, withRouter } from 'react-router-dom'
-import jwtDecode from 'jwt-decode'
 import _ from 'lodash'
 import renderApp from './components/App'
 import TopBarContainer from './containers/TopbarContainer'
 import Sidebar from './containers/Sidebar'
 import ChallengeList from './containers/Challenges'
 import ChallengeEditor from './containers/ChallengeEditor'
-import { getFreshToken } from 'tc-accounts'
+import { getFreshToken, decodeToken } from 'tc-auth-lib'
 import { saveToken } from './actions/auth'
 import { loadChallengeDetails } from './actions/challenges'
 import { connect } from 'react-redux'
@@ -78,7 +77,7 @@ class Routes extends React.Component {
       return null
     }
 
-    let isAllowed = checkAllowedRoles(_.get(jwtDecode(this.props.token), 'roles'))
+    let isAllowed = checkAllowedRoles(_.get(decodeToken(this.props.token), 'roles'))
 
     if (!isAllowed) {
       let warnMessage = 'You are not authorized to use this application'

src/services/axiosWithAuth.js

@@ -1,6 +1,6 @@
 import axios from 'axios'
 import store from '../config/store'
-import { getFreshToken, isTokenExpired } from 'tc-accounts'
+import { getFreshToken, isTokenExpired } from 'tc-auth-lib'
 const { ACCOUNTS_APP_LOGIN_URL } = process.env
 
 /**