move to roadmap v2 api

src/pages/_app.tsx

@@ -9,7 +9,6 @@ import 'photoswipe/dist/photoswipe.css';
 import EnteSpinner from 'components/EnteSpinner';
 import { logError } from '../utils/sentry';
 // import { Workbox } from 'workbox-window';
-import { getEndpoint } from 'utils/common/apiUtil';
 import { getData, LS_KEYS } from 'utils/storage/localStorage';
 import HTTPService from 'services/HTTPService';
 import FlashMessageBar from 'components/FlashMessageBar';
@@ -22,7 +21,10 @@ import MessageDialog, {
     MessageAttributes,
     SetDialogMessage,
 } from 'components/MessageDialog';
-import { getFamilyPortalRedirectURL } from 'services/userService';
+import {
+    getFamilyPortalRedirectURL,
+    getRoadMapURL,
+} from 'services/userService';
 
 const GlobalStyles = createGlobalStyle`
 /* ubuntu-regular - latin */
@@ -566,9 +568,8 @@ export interface FlashMessage {
 export const AppContext = createContext<AppContextType>(null);
 
 const redirectMap = {
-    roadmap: async (token: string) =>
-        `${getEndpoint()}/users/roadmap?token=${encodeURIComponent(token)}`,
-    families: async () => getFamilyPortalRedirectURL(),
+    roadmap: () => getRoadMapURL(),
+    families: () => getFamilyPortalRedirectURL(),
 };
 
 export default function App({ Component, err }) {

src/services/userService.ts

@@ -72,6 +72,24 @@ export const getFamiliesToken = async () => {
     }
 };
 
+export const getRoadMapURL = async () => {
+    try {
+        const token = getToken();
+
+        const resp = await HTTPService.get(
+            `${ENDPOINT}/users/roadmap/v2`,
+            null,
+            {
+                'X-Auth-Token': token,
+            }
+        );
+        return resp.data['url'];
+    } catch (e) {
+        logError(e, 'failed to get roadmap url');
+        throw e;
+    }
+};
+
 export const verifyOtt = (email: string, ott: string) =>
     HTTPService.post(`${ENDPOINT}/users/verify-email`, { email, ott });