Merge pull request #493 from mysteriumnetwork/improvements/mobile_provider_flags

New ui features tequila api endpoint

Author: Mykolas Maciekus

src/Pages/StateInitializer.tsx

@@ -33,7 +33,7 @@ export const StateInitializer = ({ children }: Props) => {
     ;(async () => {
       const isDefaultPassword = await tequila.loginWithDefaultCredentials()
       let isAuthenticated = isDefaultPassword
-
+      await complexActions.loadUIFeaturesBeforeAuthentificationAsync()
       //check if there is a token cookie saved
       if (!isAuthenticated) {
         isAuthenticated = await tequila.isUserAuthenticated()

src/api/tequila.ts

@@ -102,13 +102,16 @@ const initClaim = async (redirectUrl: string = urls.currentOrigin(routes.CLAIM))
 const loginWithAuthorizationGrant = async ({ authorizationGrantToken }: { authorizationGrantToken: string }) =>
   await http.post('/auth/login-mystnodes', { authorization_grant: authorizationGrantToken })
 
+const getUIFeatures = async () => await http.get('/config/ui/features').then((r) => r.data)
+
 export const tequila = {
   api: tequilaClient,
   http,
   loginWithDefaultCredentials,
   isUserAuthenticated,
   startAllServices,
   stopAllServices,
+  getUIFeatures,
   restartRunningServices,
   initSSOAuth,
   initClaim,

src/commons/config.ts

@@ -8,11 +8,8 @@
 import _ from 'lodash'
 import { Config } from 'mysterium-vpn-js'
 import toasts from './toasts'
-import localStorageWrapper from './localStorageWrapper'
-import { localStorageKeys } from '../constants/local-storage.keys'
 
 const { toastError } = toasts
-const { FEATURES } = localStorageKeys
 
 export const SUPPORTED_TRAVERSALS = ['manual', 'upnp', 'holepunching']
 
@@ -129,10 +126,6 @@ const uiFeatures = (c: Config): string[] => {
   if (configFeatures) {
     return configFeatures.split(',')
   }
-  const lsFeaturesString = localStorageWrapper.getSettings(FEATURES)
-  if (lsFeaturesString) {
-    return lsFeaturesString.toString().split(',')
-  }
   return []
 }
 

src/redux/complex.actions.ts

@@ -26,11 +26,8 @@ import { store } from './store'
 import errors from '../commons/errors'
 import { Config } from 'mysterium-vpn-js'
 import termsPackageJson from '@mysteriumnetwork/terms/package.json'
-import localStorageWrapper from '../commons/localStorageWrapper'
-import { localStorageKeys } from '../constants/local-storage.keys'
 
 const { api } = tequila
-const { FEATURES } = localStorageKeys
 
 const updateTermsStoreAsync = async () => {
   const { dispatch } = store
@@ -61,10 +58,6 @@ const fetchIdentityAndRelativeInformationAsync = async () => {
 const fetchConfigAsync = async () => {
   const { dispatch } = store
   const config = await api.config()
-  console.log('configChange')
-  if (config.data.ui.features) {
-    localStorageWrapper.writeSettings(FEATURES, config.data.ui.features)
-  }
   dispatch(updateConfigStore(config))
 }
 
@@ -128,7 +121,11 @@ const startContinuouslyUpdatingFees = async () => {
     setTimeout(() => startContinuouslyUpdatingFees(), SECOND * 10)
   }
 }
-
+const loadUIFeaturesBeforeAuthentificationAsync = async () => {
+  await tequila.getUIFeatures().then((r) => {
+    store.dispatch(updateConfigStore({ data: { ui: { features: r } } }))
+  })
+}
 const refreshStoreConfig = async (): Promise<Config> => {
   return await api.config().then((config) => {
     store.dispatch(updateConfigStore(config))
@@ -184,6 +181,7 @@ const setUserConfig = async (data: any): Promise<Config> => {
 const setChatOpened = (b: boolean) => store.dispatch(updateChatOpenedStore(b))
 
 const complexActions = {
+  loadUIFeaturesBeforeAuthentificationAsync,
   loadAppStateAfterAuthenticationAsync,
   setTrafficShaping,
   setUserConfig,