diff --git a/src/App.vue b/src/App.vue
index 6ec3916..8a37dfb 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -7,62 +7,70 @@
 <script lang="ts">
 import Component from 'vue-class-component'
 import Vue from 'vue'
-import { Action, Getter } from 'vuex-class'
-import { RoomAction, Locale, GameName, RoomGetters } from '@/store/modules/room'
-import { AuthenticationActions, AuthenticationGetters, ExtendedJWT, JWT_KEY } from '@/store/modules/authentication'
+import { namespace } from 'vuex-class'
+import { Namespaces } from '@/store'
 import { Api } from './store/modules/types'
 import { getWowsApiData } from '@/games/wows/api'
+import { GameName, Locale, RoomAction, RoomGetters } from '@/store/modules/room'
+import { AuthenticationActions, AuthenticationGetters, ExtendedJWT, JWT_KEY } from '@/store/modules/authentication'
 
-@Component({
-  name: 'TheApp'
-})
+const authNamespace = namespace(Namespaces.AUTH)
+const roomNamespace = namespace(Namespaces.ROOM)
+
+  @Component({
+    name: 'TheApp'
+  })
 export default class TheApp extends Vue {
-  @Action(`room/${RoomAction.SET_GAME_NAME}`) setGameName!: (name: string) => void
-  @Action(`room/${RoomAction.SET_GAME_API}`) setGameApi!: (api: Api) => void
-  @Action(`room/${RoomAction.SET_LOCALE}`) setLocale!: (locale: Locale) => void
-  @Getter(`room/${RoomGetters.GAME_NAME}`) game!: GameName
-  @Action(`authentication/${AuthenticationActions.AUTHENTICATE}`) authenticate!: (token: string) => Promise<ExtendedJWT>
-  @Action(`authentication/${AuthenticationActions.CHECK_TOKEN_EXPIRY}`) checkTokenExpiry!: () => Promise<boolean>
-  @Action(`authentication/${AuthenticationActions.STORE_TOKEN}`) storeToken!: (token: string) => void
-  @Getter(`authentication/${AuthenticationGetters.JWT}`) jwt!: ExtendedJWT
+    @roomNamespace.Action(RoomAction.SET_GAME_NAME) setGameName!: (name: string) => void
+    @roomNamespace.Action(RoomAction.SET_GAME_API) setGameApi!: (api: Api) => void
+    @roomNamespace.Action(RoomAction.SET_LOCALE) setLocale!: (locale: Locale) => void
+    @roomNamespace.Getter(RoomGetters.GAME_NAME) game!: GameName
+    @authNamespace.Action(AuthenticationActions.AUTHENTICATE) authenticate!: (token: string) => Promise<ExtendedJWT>
+    @authNamespace.Action(AuthenticationActions.STORE_TOKEN) storeToken!: (token: string) => void
+    @authNamespace.Action(AuthenticationActions.CHECK_TOKEN_EXPIRY) checkTokenExpiry!: () => Promise<boolean>
+    @authNamespace.Action(AuthenticationActions.LOAD_PROVIDERS) loadProviders!: () => void
+    @authNamespace.Getter(AuthenticationGetters.JWT) jwt!: ExtendedJWT
 
-  async created () {
-    this.setGameName(GameName['WOWS'])
-    this.setLocale(Locale['EN'])
-    this.initAuthentication()
-  }
+    async created () {
+      this.setGameName(GameName['WOWS'])
+      this.setLocale(Locale['EN'])
+      this.initAuthentication()
+    }
 
-  async initAuthentication () {
-    const localToken = localStorage.getItem(JWT_KEY)
+    async initAuthentication () {
+      this.loadProviders()
+      const localToken = localStorage.getItem(JWT_KEY)
 
-    if (this.checkTokenExpiry()) {
-      if (this.$route?.query?.code) {
-        this.authenticate(this.$route.query.code as string).then(jwt => this.storeToken(jwt.encoded))
-      } else if (localToken !== null) {
-        this.authenticate(localToken)
-      }
-      if (localToken) {
-        switch (this.game) {
-          case GameName['WOWS']:
-            await getWowsApiData(localToken, this.setGameApi)
-            break
-          default: break
+      if (this.checkTokenExpiry()) {
+        if (this.$route?.query?.code) {
+          this.authenticate(this.$route.query.code as string).then(jwt => this.storeToken(jwt.encoded))
+        } else if (localToken !== null) {
+          this.authenticate(localToken)
+        }
+        if (localToken) {
+          switch (this.game) {
+            case GameName['WOWS']:
+              await getWowsApiData(localToken, this.setGameApi)
+              break
+            default:
+              break
+          }
         }
       }
     }
-  }
 }
 </script>
 <style lang="scss">
-#app {
-  font-family: 'Avenir', Helvetica, Arial, sans-serif;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-  height: 100vh;
-  background-color: $room-secondary;
-  font-size: $app-fontsize;
-}
-html, .v-application--wrap {
-  overflow: hidden;
-}
+  #app {
+    font-family: 'Avenir', Helvetica, Arial, sans-serif;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+    height: 100vh;
+    background-color: $room-secondary;
+    font-size: $app-fontsize;
+  }
+
+  html, .v-application--wrap {
+    overflow: hidden;
+  }
 </style>
diff --git a/src/components/navigation/LoginCard.vue b/src/components/navigation/LoginCard.vue
index 3715fa7..2d2d874 100644
--- a/src/components/navigation/LoginCard.vue
+++ b/src/components/navigation/LoginCard.vue
@@ -1,52 +1,50 @@
 <template>
-  <v-card>
-    <v-card-title>Login</v-card-title>
-    <v-divider></v-divider>
+  <v-card class="login-card">
+    <v-card-title class="custom-login-card-title">
+      <div>{{ $t('navigation.login.card.title') }}</div>
+      <v-btn icon @click="closeHandler" v-if="isMobile">
+        <v-icon>fa-times</v-icon>
+      </v-btn>
+    </v-card-title>
     <v-card-text>
-      <h4>Please select a realm to log in with</h4>
+      <provider-block v-for="(provider, name) in providers"
+                     :provider-name="name" :provider="provider" :key="name">
+      </provider-block>
     </v-card-text>
-    <v-card-actions>
-      <v-btn color="primary" @click="authEU" depressed>
-        EU
-      </v-btn>
-      <v-btn color="primary" @click="authNA" depressed>
-        NA
-      </v-btn>
-      <v-btn color="primary" @click="authASIA" depressed>
-        ASIA
-      </v-btn>
-      <v-btn color="primary" @click="authRU" depressed>
-        CIS
-      </v-btn>
-    </v-card-actions>
   </v-card>
 </template>
 
 <script lang="ts">
-import { Component, Vue } from 'vue-property-decorator'
+import { Component, Emit, Prop, Vue } from 'vue-property-decorator'
 import { namespace } from 'vuex-class'
 import { Namespaces } from '@/store'
-import { AuthenticationActions, JWTRegion } from '@/store/modules/authentication'
+import { AuthenticationActions, AuthenticationGetters } from '@/store/modules/authentication'
+import { Providers } from '@/util/ProvidersUtil'
+import ProviderBlock from '@/components/navigation/login/ProviderBlock.vue'
+
 const authNamespace = namespace(Namespaces.AUTH)
+
   @Component({
-    name: 'g-login-card'
+    name: 'LoginCard',
+    components: {
+      ProviderBlock
+    }
   })
 export default class extends Vue {
-  @authNamespace.Action(AuthenticationActions.LOGIN_WG) authenticate!: (region: string) => void;
-  authEU () {
-    this.authenticate(JWTRegion.EU)
-  }
-  authNA () {
-    this.authenticate(JWTRegion.NA)
-  }
-  authASIA () {
-    this.authenticate(JWTRegion.SA)
-  }
-  authRU () {
-    this.authenticate(JWTRegion.RU)
-  }
+    @authNamespace.Action(AuthenticationActions.LOGIN_WG) authenticate!: (endpoint: string) => void
+    @authNamespace.Getter(AuthenticationGetters.PROVIDERS) providers!: Providers
+    @Prop({ default: false }) isMobile!: boolean
+
+    @Emit() closeHandler () {
+      return null
+    }
 }
 </script>
 
 <style scoped>
+  .custom-login-card-title {
+      font-weight: bold;
+      display: flex;
+      justify-content: space-between;
+    }
 </style>
diff --git a/src/components/navigation/TheUserMenu.vue b/src/components/navigation/TheUserMenu.vue
index 67458e9..e79edf7 100644
--- a/src/components/navigation/TheUserMenu.vue
+++ b/src/components/navigation/TheUserMenu.vue
@@ -17,17 +17,17 @@
             <v-icon size="20">fa-user-circle</v-icon>
           </v-btn>
         </template>
-        <span>Sign in / Sign out</span>
+        <span>{{ $t('user.profile') }}</span>
       </v-tooltip>
     </template>
     <v-list>
-      <v-list-item v-if="isAuth" @click="logout">
-        <v-list-item-title>Logout</v-list-item-title>
+      <v-list-item v-if="isAuth" @click="onClickLogout">
+        <v-list-item-title>{{ $t('navigation.login.logout') }}</v-list-item-title>
       </v-list-item>
-      <v-list-item v-else @click="doOpen">
-        <v-list-item-title>Login</v-list-item-title>
-        <v-dialog v-model="dialogOpen" @click:outside="dialogOpen = false" max-width="300px">
-          <g-login-card></g-login-card>
+      <v-list-item v-else @click="openLoginDialog">
+        <v-list-item-title>{{ $t('navigation.login.title') }}</v-list-item-title>
+        <v-dialog v-model="isDialogOpen" @click:outside="onClickCloseLoginDialog" max-width="500px">
+          <login-card></login-card>
         </v-dialog>
       </v-list-item>
       <v-list-item
@@ -41,14 +41,14 @@
     </v-list>
   </v-menu>
   <v-list v-else dense style="width: 100%;">
-    <v-subheader>User Profile</v-subheader>
-    <v-list-item v-if="isAuth" @click="logout">
-      <v-list-item-title>Logout</v-list-item-title>
+    <v-subheader>{{ $t('user.profile') }}</v-subheader>
+    <v-list-item v-if="isAuth" @click="onClickLogout">
+      <v-list-item-title>{{ $t('navigation.login.logout') }}</v-list-item-title>
     </v-list-item>
-    <v-list-item v-else @click="doOpen">
-      <v-list-item-title>Login</v-list-item-title>
-      <v-dialog v-model="dialogOpen" @click:outside="dialogOpen = false" fullscreen>
-        <g-login-card></g-login-card>
+    <v-list-item v-else @click="openLoginDialog">
+      <v-list-item-title>{{ $t('navigation.login.title') }}</v-list-item-title>
+      <v-dialog v-model="isDialogOpen" @click:outside="onClickCloseLoginDialog" fullscreen>
+        <login-card :is-mobile="isMobile" v-on:close-handler="onClickCloseLoginDialog"></login-card>
       </v-dialog>
     </v-list-item>
     <v-list-item
@@ -68,35 +68,45 @@ import { Component, Prop, Vue } from 'vue-property-decorator'
 import { namespace } from 'vuex-class'
 import { Namespaces } from '@/store'
 import { AuthenticationActions, AuthenticationGetters } from '@/store/modules/authentication'
-import GLoginCard from '@/components/navigation/LoginCard.vue'
-
-interface UserMenuItem {
-  text: string;
-  title: string;
-}
+import LoginCard from '@/components/navigation/LoginCard.vue'
 
 const authNamespace = namespace(Namespaces.AUTH)
 
-@Component({
-  name: 'TheUserMenu',
-  components: { GLoginCard }
-})
+  interface UserMenuItem {
+    text: string;
+    title: string;
+  }
+
+  @Component({
+    name: 'TheUserMenu',
+    components: { LoginCard }
+  })
 export default class TheUserMenu extends Vue {
   @Prop() private isMobile!: boolean;
   @authNamespace.Getter(AuthenticationGetters.IS_AUTH) isAuth!: boolean
   @authNamespace.Action(AuthenticationActions.LOGIN_WG) authenticate!: (region: string) => void;
-  @authNamespace.Action(AuthenticationActions.LOGOUT) logout!: () => void
+  @authNamespace.Action(AuthenticationActions.LOGOUT) onClickLogout!: () => void
 
-  dialogOpen = false
-  doOpen () {
-    setTimeout(() => { this.dialogOpen = true })
-  }
-  userMenuItems: UserMenuItem[] = []
+    @Prop() private mobile!: boolean
 
-  // eslint-disable-next-line
-  userMenuItemsClickHandler (item: UserMenuItem) {
-    // do stuff
-  }
+    isDialogOpen = false
+
+    openLoginDialog () {
+      setTimeout(() => {
+        this.isDialogOpen = true
+      })
+    }
+
+    onClickCloseLoginDialog () {
+      this.isDialogOpen = false
+    }
+
+    userMenuItems: UserMenuItem[] = []
+
+    // eslint-disable-next-line
+    userMenuItemsClickHandler(item: UserMenuItem) {
+      // do stuff
+    }
 }
 
 </script>
diff --git a/src/components/navigation/login/ProviderBlock.vue b/src/components/navigation/login/ProviderBlock.vue
new file mode 100644
index 0000000..71badd0
--- /dev/null
+++ b/src/components/navigation/login/ProviderBlock.vue
@@ -0,0 +1,50 @@
+<template>
+  <div class="custom-provider-container">
+    <h3>{{providerName}}</h3>
+    <v-divider>
+    </v-divider>
+    <div class="custom-login-btn-container">
+      <v-btn v-for="entry of entries" @click="authenticate(entry.endpoint)" :key="entry.key"
+             class="login-btn" color="primary">
+        {{entry.key}}
+      </v-btn>
+    </div>
+  </div>
+</template>
+
+<script lang="ts">
+
+import { Component, Prop, Vue } from 'vue-property-decorator'
+import { AuthenticationActions } from '@/store/modules/authentication'
+import { namespace } from 'vuex-class'
+import { Namespaces } from '@/store'
+import { Provider } from '@/util/ProvidersUtil'
+
+const authNamespace = namespace(Namespaces.AUTH)
+
+  @Component({
+    name: 'ProviderBlock'
+  })
+export default class extends Vue {
+    @Prop() providerName!: string
+    @Prop() provider!: Provider
+    @authNamespace.Action(AuthenticationActions.LOGIN_WG) authenticate!: (endpoint: string) => void
+
+    get entries () {
+      return this.provider.entries
+    }
+}
+</script>
+
+<style scoped lang="scss">
+  .custom-login-btn-container {
+    margin-top: 5px;
+    display: grid;
+    grid-template-columns: repeat(4, 1fr);
+    grid-column-gap: 5px;
+  }
+
+  .custom-provider-container {
+    margin-top: 10px;
+  }
+</style>
diff --git a/src/plugins/vuetify.ts b/src/plugins/vuetify.ts
index 6ea799d..0cc46fc 100644
--- a/src/plugins/vuetify.ts
+++ b/src/plugins/vuetify.ts
@@ -2,58 +2,59 @@ import Vue from 'vue'
 import '@mdi/font/css/materialdesignicons.css'
 import '@fortawesome/fontawesome-free/css/all.css'
 import colours from '@/assets/scss/_variables.scss'
-import { DashedLine, NormalLine, TBarHead, DashedLineActive, NormalLineActive, TBarHeadActive } from '@/assets/tool-icons'
+import { DashedLine, DashedLineActive, NormalLine, NormalLineActive, TBarHead, TBarHeadActive } from '@/assets/tool-icons'
 
 import Vuetify, {
   VApp,
-  VAvatar,
-  VRadio,
-  VRadioGroup,
   VAutocomplete,
+  VAvatar,
   VBadge,
-  VRow,
-  VImg,
-  VSwitch,
-  VDivider,
-  VToolbar,
-  VItemGroup,
-  VContainer,
-  VSpacer,
   VBtn,
-  VIcon,
+  VBtnToggle,
+  VCard,
+  VCardActions,
   VCardSubtitle,
-  VTooltip,
+  VCardText,
+  VCardTitle,
+  VChip,
+  VChipGroup,
   VCol,
-  VBtnToggle,
-  VMenu,
+  VColorPicker,
+  VContainer,
+  VContent,
+  VDialog,
+  VDivider,
+  VIcon,
+  VImg,
+  VInput,
+  VItemGroup,
   VList,
   VListItem,
   VListItemAction,
   VListItemAvatar,
   VListItemContent,
-  VListItemTitle,
   VListItemIcon,
-  VSubheader,
-  VContent,
+  VListItemTitle,
+  VMenu,
+  VNavigationDrawer,
   VOverlay,
-  VCard,
-  VCardActions,
-  VSheet,
-  VColorPicker,
-  VSlider,
-  VDialog,
+  VRadio,
+  VRadioGroup,
+  VRow,
   VSelect,
-  VNavigationDrawer,
-  VTextField,
-  VChipGroup,
-  VChip,
+  VSheet,
   VSkeletonLoader,
-  VInput,
-  VCardTitle,
-  VTreeview,
+  VSlider,
+  VSpacer,
+  VSubheader,
+  VSwitch,
   VTab,
+  VTabs,
   VTabsSlider,
-  VTabs
+  VTextField,
+  VToolbar,
+  VTooltip,
+  VTreeview
 } from 'vuetify/lib'
 
 Vue.use(Vuetify, {
@@ -91,6 +92,7 @@ Vue.use(Vuetify, {
     VContent,
     VSubheader,
     VCard,
+    VCardText,
     VCardActions,
     VSheet,
     VColorPicker,
@@ -108,7 +110,7 @@ Vue.use(Vuetify, {
     VTabsSlider,
     VTabs
   },
-  directives: { }
+  directives: {}
 })
 
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
diff --git a/src/store/modules/authentication.ts b/src/store/modules/authentication.ts
index 530d64b..b07b9f5 100644
--- a/src/store/modules/authentication.ts
+++ b/src/store/modules/authentication.ts
@@ -1,6 +1,7 @@
 import { ActionContext, Module } from 'vuex'
 import axios from 'axios'
 import { verify } from 'jsonwebtoken'
+import { mapProviders, Providers } from '@/util/ProvidersUtil'
 
 export const JWT_KEY = 'jsonwebtoken'
 
@@ -12,19 +13,6 @@ export enum JWTRegion {
   SA = 'sa',
 }
 
-export function regionDomain (region: JWTRegion): string {
-  switch (region) {
-    case JWTRegion.EU:
-      return 'eu'
-    case JWTRegion.NA:
-      return 'na'
-    case JWTRegion.RU:
-      return 'ru'
-    case JWTRegion.SA:
-      return 'asia'
-  }
-}
-
 export interface JWT {
   iss: string; // Who issued it. Example: GameTactic.
   aud: string; // For what. Example: GameTactic.
@@ -42,6 +30,7 @@ export interface ExtendedJWT extends JWT {
 
 export interface AuthenticationState {
   jwt: ExtendedJWT | null;
+  providers: Providers;
 }
 
 export enum AuthenticationActions {
@@ -49,16 +38,21 @@ export enum AuthenticationActions {
   CHECK_TOKEN_EXPIRY = 'checkTokenExpiry',
   LOGIN_WG = 'auth_wg',
   LOGOUT = 'logout',
-  STORE_TOKEN = 'storeToken'
+  STORE_TOKEN = 'storeToken',
+  LOAD_PROVIDERS = 'loadProviders'
 }
 
 export enum AuthenticationMutation {
-  SET_AUTHENTICATION_TOKEN = 'SET_AUTHENTICATION_TOKEN'
+  SET_AUTHENTICATION_TOKEN = 'SET_AUTHENTICATION_TOKEN',
+  SET_PROVIDERS = 'SET_PROVIDERS'
 }
 
 export enum AuthenticationGetters {
   JWT = 'jwt',
-  IS_AUTH = 'authenticated'
+  IS_AUTH = 'authenticated',
+  PROVIDER_NAMES = 'providers',
+  PROVIDER = 'provider',
+  PROVIDERS = 'providers'
 }
 
 type AuthenticationActionContext = ActionContext<AuthenticationState, {}>
@@ -67,22 +61,27 @@ const AuthenticationModule: Module<AuthenticationState, {}> = {
   namespaced: true,
   state () {
     return {
-      jwt: null
+      jwt: null,
+      providers: {}
     }
   },
   getters: {
     [AuthenticationGetters.JWT]: state => state.jwt,
-    [AuthenticationGetters.IS_AUTH]: state => state.jwt !== null
+    [AuthenticationGetters.IS_AUTH]: state => state.jwt !== null,
+    [AuthenticationGetters.PROVIDER_NAMES]: state => Object.getOwnPropertyNames(state.providers),
+    [AuthenticationGetters.PROVIDERS]: state => state.providers,
+    [AuthenticationGetters.PROVIDER]: state => (name: string) => state.providers[name]
   },
   mutations: {
     [AuthenticationMutation.SET_AUTHENTICATION_TOKEN] (state: AuthenticationState, payload: ExtendedJWT) {
       state.jwt = payload
+    },
+    [AuthenticationMutation.SET_PROVIDERS] (state: AuthenticationState, payload: Providers) {
+      state.providers = payload
     }
   },
   actions: {
     async [AuthenticationActions.AUTHENTICATE] (context: AuthenticationActionContext, token: string) {
-      // TODO: This is just placeholder logic. Please check it works. -Niko
-
       const response = await axios.get((process.env.VUE_APP_MS_AUTH as string))
       if (response.status !== 200) {
         throw Error('Could not reach authentication server.')
@@ -91,8 +90,6 @@ const AuthenticationModule: Module<AuthenticationState, {}> = {
       const jwt = verify(token, response.data.publicKey) as JWT
       const extended: ExtendedJWT = { ...jwt, ...{ encoded: token } }
 
-      // TODO: You probably want put this into the `state`. -Niko
-      // Im not sure how this should be done, so I did it as I know.
       context.commit('SET_AUTHENTICATION_TOKEN', extended)
       return extended
     },
@@ -122,14 +119,25 @@ const AuthenticationModule: Module<AuthenticationState, {}> = {
     [AuthenticationActions.STORE_TOKEN] (context: AuthenticationActionContext, token: string) {
       localStorage.setItem(JWT_KEY, token)
     },
-    [AuthenticationActions.LOGIN_WG] (context: AuthenticationActionContext, region: JWTRegion) {
-      // TODO: This is just placeholder logic. Please check it works. -Niko
-      const returnUrl = process.env.VUE_APP_MS_AUTH + `/connect/wargaming/${regionDomain(region)}/${window.location.href}`
+    [AuthenticationActions.LOGIN_WG] (context: AuthenticationActionContext, endpoint: string) {
+      const returnUrl = `${process.env.VUE_APP_MS_AUTH}${endpoint}/${window.location.href}`
       location.assign(returnUrl)
     },
     [AuthenticationActions.LOGOUT] (context: AuthenticationActionContext) {
       localStorage.removeItem(JWT_KEY)
       context.commit(AuthenticationMutation.SET_AUTHENTICATION_TOKEN, null)
+    },
+    async [AuthenticationActions.LOAD_PROVIDERS] (context: AuthenticationActionContext) {
+      if (process.env.VUE_APP_MS_AUTH) {
+        const response = await axios.get(process.env.VUE_APP_MS_AUTH)
+        if (response.status !== 200 || !(response.data?.providers)) {
+          throw Error('Could not fetch authentication providers')
+        }
+        const providers = response.data.providers
+        context.commit(AuthenticationMutation.SET_PROVIDERS, mapProviders(providers))
+      } else {
+        throw Error('Authentication URI is not set')
+      }
     }
   }
 }
diff --git a/src/store/modules/types.ts b/src/store/modules/types.ts
index 31ec6cf..c868f12 100644
--- a/src/store/modules/types.ts
+++ b/src/store/modules/types.ts
@@ -23,7 +23,7 @@ export interface Game {
   api: Api[];
 }
 
-export enum RoleTypes { 
+export enum RoleTypes {
   ROON_OWNER = 'roomOwner',
   ADMIN = 'admin'
 }
@@ -85,4 +85,4 @@ export interface PresentationPayload {
 export interface Presentation {
   enabledBy: string | undefined;
   tacticId: string | undefined;
-}
\ No newline at end of file
+}
diff --git a/src/util/ProvidersUtil.ts b/src/util/ProvidersUtil.ts
new file mode 100644
index 0000000..6fa025c
--- /dev/null
+++ b/src/util/ProvidersUtil.ts
@@ -0,0 +1,37 @@
+import { Indexed } from '@/util/TypeUtils'
+
+export interface ProviderEntry {
+  key: string;
+  endpoint: string;
+}
+
+export interface Provider {
+  entries: ProviderEntry[];
+}
+
+export type Providers = Indexed<Provider>;
+
+export type ProviderInput = Indexed<Indexed<string>>;
+
+export function mapProvider (input: {[key: string]: string}) {
+  const provider: Provider = {
+    entries: []
+  }
+  for (const entry in input) {
+    provider.entries.push({
+      key: entry,
+      endpoint: input[entry]
+    })
+  }
+  return provider
+}
+
+export function mapProviders (input: ProviderInput): Providers {
+  const providers: Providers = {}
+
+  for (const provider in input) {
+    if (input.hasOwnProperty(provider)) { providers[provider] = mapProvider(input[provider]) }
+  }
+
+  return providers
+}
diff --git a/src/util/TypeUtils.ts b/src/util/TypeUtils.ts
new file mode 100644
index 0000000..cf32011
--- /dev/null
+++ b/src/util/TypeUtils.ts
@@ -0,0 +1,4 @@
+
+export interface Indexed<T> {
+  [key: string]: T;
+}