Merge pull request #4342 from appirio-tech/dev

Prod Release 2.18.0

Author: vikasrohit

.circleci/config.yml

@@ -128,7 +128,7 @@ workflows:
             - build-dev
           filters:
             branches:
-              only: ['dev']
+              only: ['dev', 'feature/add_msg_for_taas_projects']
 
       - deployTest01:
           context : org-global

config/constants/dev.js

@@ -38,6 +38,7 @@ module.exports = {
   FILE_PICKER_ACCEPT: process.env.FILE_PICKER_ACCEPT_DEV,
 
   SALESFORCE_PROJECT_LEAD_LINK: 'https://c.cs18.visual.force.com/apex/ConnectLead?connectProjectId=',
+  SALESFORCE_BILLING_ACCOUNT_LINK: 'https://c.cs18.visual.force.com/apex/baredirect?id=',
 
   CONNECT_SEGMENT_KEY: process.env.DEV_SEGMENT_KEY,
   PREDIX_PROGRAM_ID         : 3448,

config/constants/master.js

@@ -39,6 +39,7 @@ module.exports = {
   FILE_PICKER_ACCEPT: process.env.FILE_PICKER_ACCEPT_PROD,
 
   SALESFORCE_PROJECT_LEAD_LINK: 'https://topcoder.my.salesforce.com/apex/ConnectLead?connectProjectId=',
+  SALESFORCE_BILLING_ACCOUNT_LINK: 'https://topcoder.my.salesforce.com/apex/baredirect?id=',
   CONNECT_SEGMENT_KEY: process.env.PROD_SEGMENT_KEY,
   PREDIX_PROGRAM_ID         : 3448,
   IBM_COGNITIVE_PROGRAM_ID  : 3449,

config/constants/qa.js

@@ -38,6 +38,7 @@ module.exports = {
   FILE_PICKER_ACCEPT: process.env.FILE_PICKER_ACCEPT_QA,
 
   SALESFORCE_PROJECT_LEAD_LINK: 'https://c.cs18.visual.force.com/apex/ConnectLead?connectProjectId=',
+  SALESFORCE_BILLING_ACCOUNT_LINK: 'https://c.cs18.visual.force.com/apex/baredirect?id=',
   CONNECT_SEGMENT_KEY: process.env.QA_SEGMENT_KEY,
   PREDIX_PROGRAM_ID         : 3448,
   IBM_COGNITIVE_PROGRAM_ID  : 3449,

src/actions/loadUser.js

@@ -3,6 +3,8 @@ import {
   ACCOUNTS_APP_CONNECTOR_URL,
   LOAD_USER_SUCCESS,
   LOAD_USER_FAILURE,
+  LOAD_USER_CREDENTIAL,
+  LOAD_USER_CREDENTIAL_FAILURE,
   LOAD_ORG_CONFIG_SUCCESS,
   LOAD_ORG_CONFIG_FAILURE,
   ROLE_ADMINISTRATOR,
@@ -16,7 +18,7 @@ import {
   ROLE_PRESALES, ROLE_PROJECT_MANAGER, ROLE_SOLUTION_ARCHITECT
 } from '../config/constants'
 import { getFreshToken, configureConnector, decodeToken } from 'tc-auth-lib'
-import { getUserProfile } from '../api/users'
+import { getUserProfile, getCredential } from '../api/users'
 import { fetchGroups } from '../api/groups'
 import { getOrgConfig } from '../api/orgConfig'
 import { EventTypes } from 'redux-segment'
@@ -26,6 +28,18 @@ configureConnector({
   frameId: 'tc-accounts-iframe'
 })
 
+export function getUserCredential(userId) {
+  return (dispatch) => {
+    return dispatch({
+      type: LOAD_USER_CREDENTIAL,
+      payload: getCredential(userId)
+    }).catch((err) => {
+      console.log(err)
+      dispatch({ type: LOAD_USER_CREDENTIAL_FAILURE })
+    })
+  }
+}
+
 export function loadUser() {
   return ((dispatch, getState) => {
     const state = getState()
@@ -125,9 +139,9 @@ export function loadUserSuccess(dispatch, token) {
       loadGroups(dispatch, currentUser.userId)
     })
       .catch((err) => {
-      // if we fail to load user's profile, still dispatch user load success
-      // ideally it shouldn't happen, but if it is, we can render the page
-      // without profile information
+        // if we fail to load user's profile, still dispatch user load success
+        // ideally it shouldn't happen, but if it is, we can render the page
+        // without profile information
         console.log(err)
         dispatch({ type: LOAD_USER_SUCCESS, user : currentUser })
       })
@@ -161,7 +175,7 @@ function loadGroups(dispatch, userId) {
       }
     })
       .catch((err) => {
-      // if we fail to load groups
+        // if we fail to load groups
         console.log(err)
       })
   }

src/api/users.js

@@ -17,6 +17,23 @@ export function getUserProfile(handle) {
     })
 }
 
+
+/**
+ * Gets credential for the specified user id.
+ *
+ * NOTE: Only admins are authorized to use the underlying endpoint.
+ *
+ * @param {Number} userId The user id
+ * @return {Promise} Resolves to the linked accounts array.
+ */
+export  function getCredential(userId) {
+  return axios.get(`${TC_API_URL}/v3/users/${userId}?fields=credential`)
+    .then(resp => {
+      return _.get(resp.data, 'result.content', {})
+    })
+}
+
+
 /**
  * Update user profile
  *

src/components/MobileMenu/MobileMenu.jsx

@@ -52,7 +52,7 @@ const MobileMenu = ({ user, onClose, menu }) => {
             </ul>
           ))}
         </div>
-        <div styleName="footer">Topcoder &copy; 2018</div>
+        <div styleName="footer">Topcoder &copy; {new Date().getFullYear()}</div>
       </div>
     </MobilePage>
   )

src/components/Select/Select.jsx

@@ -26,6 +26,7 @@ const Select = (props) => {
         {...props}
         createOptionPosition="first"
         className={containerclass}
+        ref={props.createSelectRef}
         classNamePrefix="react-select"
       />
     )
@@ -36,6 +37,7 @@ const Select = (props) => {
         createOptionPosition="first"
         className={containerclass}
         classNamePrefix="react-select"
+        isClearable
       />
     )
   }

src/components/TeamManagement/AutocompleteInput.jsx

@@ -16,14 +16,18 @@ class AutocompleteInput extends React.Component {
     const {
       placeholder,
       selectedMembers,
-      disabled
+      createSelectRef,
+      disabled,
+      onBlur
     } = this.props
 
     return (
       <div className="autocomplete-wrapper">
         <Select
           isMulti
+          onBlur={onBlur}
           closeMenuOnSelect
+          createSelectRef={createSelectRef}
           showDropdownIndicator={false}
           createOption
           placeholder={placeholder}
@@ -41,6 +45,7 @@ class AutocompleteInput extends React.Component {
 AutocompleteInput.defaultProps = {
   placeholder: 'Enter one or more user handles',
   selectedMembers: [],
+  createSelectRef: () => {},
   disabled: false
 }
 
@@ -50,6 +55,16 @@ AutocompleteInput.propTypes = {
    */
   onUpdate: PropTypes.func,
 
+  /**
+   * Callback fired when input blur
+   */
+  onBlur: PropTypes.func,
+
+  /**
+   * Callback for pass select Ref to parent component
+   */
+  createSelectRef : PropTypes.func,
+
   /**
    * The current logged in user in the app.
    * Used to determinate "You" label and access

src/components/TeamManagement/AutocompleteInputContainer.jsx

@@ -11,8 +11,11 @@ class AutocompleteInputContainer extends React.Component {
   constructor(props) {
     super(props)
     this.debounceTimer = null
+    this.selectInstance = null
 
     this.clearUserSuggestions = this.clearUserSuggestions.bind(this)
+    this.handleInputBlur = this.handleInputBlur.bind(this)
+    this.createSelectRef = this.createSelectRef.bind(this)
   }
 
   /**
@@ -66,13 +69,36 @@ class AutocompleteInputContainer extends React.Component {
     this.clearUserSuggestions()
   }
 
+  handleInputBlur(event) {
+    const {
+      selectedMembers
+    } = this.props
+    const value = event.target.value
+    const innerSelectInstance = this.selectInstance.select
+
+    if (value) {
+      const hasExist = _.find(selectedMembers, ({label}) => label === value)
+      if (!hasExist) {
+        // format new option from input value
+        const newOption = {value, label: value}
+        innerSelectInstance.select.selectOption(newOption)
+      }
+    }
+  }
+
+  createSelectRef(ref) {
+    this.selectInstance = ref
+  }
+
   render() {
 
     const { placeholder, currentUser, selectedMembers, disabled } = this.props
 
     return (
       <AutocompleteInput
+        createSelectRef={this.createSelectRef}
         placeholder={placeholder ? placeholder:''}
+        onBlur={this.handleInputBlur}
         onInputChange={this.onInputChange.bind(this)}
         onUpdate={this.onUpdate.bind(this)}
         suggestedMembers={this.props.suggestedMembers}