[engage-43-3] fix loading config (bcgov#123)

Author: tolkamps1

met-web/.env.production

@@ -1,4 +1,4 @@
-REACT_APP_KEYCLOAK_CLIENT=met-web
-REACT_APP_KEYCLOAK_REALM=met
-REACT_APP_KEYCLOAK_URL=https://met-oidc-dev.apps.gold.devops.gov.bc.ca/auth
-REACT_APP_API_URL=https://met-web-dev.apps.gold.devops.gov.bc.ca/api
+REACT_APP_KEYCLOAK_CLIENT=epic-engage
+REACT_APP_KEYCLOAK_REALM=eao-epic
+REACT_APP_KEYCLOAK_URL=https://dev.loginproxy.gov.bc.ca/auth
+REACT_APP_API_URL=https://epic-engage-web-dev.apps.gold.devops.gov.bc.ca/api

met-web/src/config.ts

@@ -1,4 +1,5 @@
-import { hasKey } from 'utils';
+import { ITenantDetail } from 'constants/types';
+
 declare global {
     interface Window {
         _env_: {
@@ -30,14 +31,17 @@ declare global {
             //tenant
             REACT_APP_IS_SINGLE_TENANT_ENVIRONMENT: string;
             REACT_APP_DEFAULT_TENANT: string;
+
+            [key: string]: string;
         };
     }
 }
 
-const getEnv = (key: string, defaultValue = '') => {
-    if (hasKey(window._env_, key)) {
+export const getEnv = (key: string, defaultValue = ''): string => {
+    if (typeof window !== 'undefined' && window._env_ && window._env_[key] !== undefined) {
         return window._env_[key];
-    } else return process.env[key] || defaultValue;
+    }
+    return process.env[key] || defaultValue;
 };
 
 // adding localStorage to access the MET API from external sources(eg: web-components)
@@ -112,3 +116,9 @@ export const AppConfig = {
         defaultTenant: DEFAULT_TENANT,
     },
 };
+
+export const getTenantDetail = (): ITenantDetail => ({
+    realm: getEnv('REACT_APP_KEYCLOAK_REALM'),
+    url: getEnv('REACT_APP_KEYCLOAK_URL'),
+    clientId: getEnv('REACT_APP_KEYCLOAK_CLIENT'),
+});

met-web/src/constants/tenantConstants.ts

@@ -1,12 +1,4 @@
-import { AppConfig } from 'config';
+import { getTenantDetail } from 'config';
 import Keycloak from 'keycloak-js';
-import { ITenantDetail } from './types';
 
-//TODO get from api
-export const tenantDetail: ITenantDetail = {
-    realm: AppConfig.keycloak.realm,
-    url: AppConfig.keycloak.url,
-    clientId: AppConfig.keycloak.clientId,
-};
-
-export const _kc = new Keycloak(tenantDetail);
+export const _kc = new Keycloak(getTenantDetail());