Test for direct handle input when assigning in WM

#1415

Author: jmgasper

config/constants/development.js

@@ -5,7 +5,7 @@ module.exports = {
   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_URL: `${DEV_API_HOSTNAME}/v5/members`,
   MEMBER_API_V3_URL: `${DEV_API_HOSTNAME}/v3/members`,
   CHALLENGE_API_URL: `${DEV_API_HOSTNAME}/v5/challenges`,
   CHALLENGE_TIMELINE_TEMPLATES_URL: `${DEV_API_HOSTNAME}/v5/timeline-templates`,

config/constants/production.js

@@ -5,7 +5,7 @@ module.exports = {
   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_URL: `${PROD_API_HOSTNAME}/v5/members`,
   MEMBER_API_V3_URL: `${PROD_API_HOSTNAME}/v3/members`,
   CHALLENGE_API_URL: `${PROD_API_HOSTNAME}/v5/challenges`,
   CHALLENGE_TIMELINE_TEMPLATES_URL: `${PROD_API_HOSTNAME}/v5/timeline-templates`,

src/components/SelectUserAutocomplete/index.js

@@ -7,7 +7,7 @@
 import React, { useState, useCallback } from 'react'
 import PropTypes from 'prop-types'
 import Select from '../Select'
-import { suggestProfiles } from '../../services/user'
+import { suggestProfiles, fetchProfileV5 } from '../../services/user'
 import _ from 'lodash'
 import { AUTOCOMPLETE_MIN_LENGTH, AUTOCOMPLETE_DEBOUNCE_TIME_MS } from '../../config/constants'
 
@@ -27,13 +27,17 @@ export default function SelectUserAutocomplete (props) {
       return
     }
 
-    suggestProfiles(inputValue).then((suggestions) => {
-      const suggestedOptions = suggestions.map((user) => ({
-        label: user.handle,
-        value: user.userId.toString()
-      }))
-      setOptions(suggestedOptions)
-    })
+    Promise.all([suggestProfiles(inputValue), fetchProfileV5(inputValue)]).then(
+      ([suggestions, user]) => {
+        const suggestedOptions = suggestions.map((u) => ({
+          label: u.handle,
+          value: u.userId.toString()
+        }))
+        if (user && !_.find(suggestions, u => u.userId === user.userId)) {
+          suggestedOptions.push({ label: user.handle, value: user.userId.toString() })
+        }
+        setOptions(suggestedOptions)
+      })
   }, AUTOCOMPLETE_DEBOUNCE_TIME_MS), []) // debounce, to reduce API calling rate
 
   return (

src/services/user.js

@@ -1,6 +1,6 @@
 import _ from 'lodash'
 import { axiosInstance } from './axiosWithAuth'
-const { MEMBER_API_V3_URL } = process.env
+const { MEMBER_API_URL, MEMBER_API_V3_URL } = process.env
 
 /**
  * Api request for fetching user profile
@@ -11,6 +11,16 @@ export async function fetchProfile (handle) {
   return _.get(response, 'data.result.content')
 }
 
+/**
+ * Api request for fetching user profile v5
+ * @returns {Promise<*>}
+ */
+export async function fetchProfileV5 (handle) {
+  const response = await axiosInstance.get(`${MEMBER_API_URL}?handle=${handle}`)
+  const data = _.get(response, 'data')
+  return data.length ? data[0] : undefined
+}
+
 /**
  * Api request for fetching user profile
  * @returns {Promise<*>}