@fctc/interface-logic 1.9.1 → 1.9.2

package/dist/services.mjs

@@ -2377,700 +2377,126 @@ var axiosClient = {
   }
 };
 
-// src/store/index.ts
-import { useDispatch, useSelector } from "react-redux";
-
-// src/store/reducers/breadcrums-slice/index.ts
-import { createSlice } from "@reduxjs/toolkit";
-var initialState = {
-  breadCrumbs: []
-};
-var breadcrumbsSlice = createSlice({
-  name: "breadcrumbs",
-  initialState,
-  reducers: {
-    setBreadCrumbs: (state, action) => {
-      state.breadCrumbs = [...state.breadCrumbs, action.payload];
-    }
-  }
-});
-var { setBreadCrumbs } = breadcrumbsSlice.actions;
-var breadcrums_slice_default = breadcrumbsSlice.reducer;
-
-// src/store/reducers/env-slice/index.ts
-import { createSlice as createSlice2 } from "@reduxjs/toolkit";
-var initialState2 = {
-  baseUrl: "",
-  companies: [],
-  user: {},
-  db: "",
-  refreshTokenEndpoint: "",
-  config: null,
-  envFile: null,
-  requests: null,
-  defaultCompany: {
-    id: null,
-    logo: "",
-    secondary_color: "",
-    primary_color: ""
-  },
-  context: {
-    uid: null,
-    allowed_company_ids: [],
-    lang: "vi_VN",
-    tz: "Asia/Saigon"
-  }
-};
-var envSlice = createSlice2({
-  name: "env",
-  initialState: initialState2,
-  reducers: {
-    setEnv: (state, action) => {
-      Object.assign(state, action.payload);
-    },
-    setUid: (state, action) => {
-      state.context.uid = action.payload;
-    },
-    setAllowCompanies: (state, action) => {
-      state.context.allowed_company_ids = action.payload;
-    },
-    setCompanies: (state, action) => {
-      state.companies = action.payload;
-    },
-    setDefaultCompany: (state, action) => {
-      state.defaultCompany = action.payload;
-    },
-    setLang: (state, action) => {
-      state.context.lang = action.payload;
-    },
-    setUser: (state, action) => {
-      state.user = action.payload;
-    },
-    setConfig: (state, action) => {
-      state.config = action.payload;
-    },
-    setEnvFile: (state, action) => {
-      state.envFile = action.payload;
-    }
-  }
-});
-var {
-  setEnv,
-  setUid,
-  setLang,
-  setAllowCompanies,
-  setCompanies,
-  setDefaultCompany,
-  setUser,
-  setConfig,
-  setEnvFile
-} = envSlice.actions;
-var env_slice_default = envSlice.reducer;
-
-// src/store/reducers/excel-slice/index.ts
-import { createSlice as createSlice3 } from "@reduxjs/toolkit";
-var initialState3 = {
-  dataParse: null,
-  idFile: null,
-  isFileLoaded: false,
-  loadingImport: false,
-  selectedFile: null,
-  errorData: null
-};
-var excelSlice = createSlice3({
-  name: "excel",
-  initialState: initialState3,
-  reducers: {
-    setDataParse: (state, action) => {
-      state.dataParse = action.payload;
-    },
-    setIdFile: (state, action) => {
-      state.idFile = action.payload;
-    },
-    setIsFileLoaded: (state, action) => {
-      state.isFileLoaded = action.payload;
-    },
-    setLoadingImport: (state, action) => {
-      state.loadingImport = action.payload;
-    },
-    setSelectedFile: (state, action) => {
-      state.selectedFile = action.payload;
-    },
-    setErrorData: (state, action) => {
-      state.errorData = action.payload;
-    }
-  }
-});
-var {
-  setDataParse,
-  setIdFile,
-  setIsFileLoaded,
-  setLoadingImport,
-  setSelectedFile,
-  setErrorData
-} = excelSlice.actions;
-var excel_slice_default = excelSlice.reducer;
-
-// src/store/reducers/form-slice/index.ts
-import { createSlice as createSlice4 } from "@reduxjs/toolkit";
-var initialState4 = {
-  viewDataStore: {},
-  isShowingModalDetail: false,
-  isShowModalTranslate: false,
-  formSubmitComponent: {},
-  fieldTranslation: null,
-  listSubject: {},
-  dataUser: {}
-};
-var formSlice = createSlice4({
-  name: "form",
-  initialState: initialState4,
-  reducers: {
-    setViewDataStore: (state, action) => {
-      state.viewDataStore = action.payload;
-    },
-    setIsShowingModalDetail: (state, action) => {
-      state.isShowingModalDetail = action.payload;
-    },
-    setIsShowModalTranslate: (state, action) => {
-      state.isShowModalTranslate = action.payload;
-    },
-    setFormSubmitComponent: (state, action) => {
-      state.formSubmitComponent[action.payload.key] = action.payload.component;
-    },
-    setFieldTranslate: (state, action) => {
-      state.fieldTranslation = action.payload;
-    },
-    setListSubject: (state, action) => {
-      state.listSubject = action.payload;
-    },
-    setDataUser: (state, action) => {
-      state.dataUser = action.payload;
-    }
-  }
-});
-var {
-  setViewDataStore,
-  setIsShowingModalDetail,
-  setIsShowModalTranslate,
-  setFormSubmitComponent,
-  setFieldTranslate,
-  setListSubject,
-  setDataUser
-} = formSlice.actions;
-var form_slice_default = formSlice.reducer;
-
-// src/store/reducers/header-slice/index.ts
-import { createSlice as createSlice5 } from "@reduxjs/toolkit";
-var headerSlice = createSlice5({
-  name: "header",
-  initialState: {
-    value: { allowedCompanyIds: [] }
-  },
-  reducers: {
-    setHeader: (state, action) => {
-      state.value = { ...state.value, ...action.payload };
-    },
-    setAllowedCompanyIds: (state, action) => {
-      state.value.allowedCompanyIds = action.payload;
-    }
-  }
-});
-var { setAllowedCompanyIds, setHeader } = headerSlice.actions;
-var header_slice_default = headerSlice.reducer;
-
-// src/store/reducers/list-slice/index.ts
-import { createSlice as createSlice6 } from "@reduxjs/toolkit";
-var initialState5 = {
-  pageLimit: 10,
-  fields: {},
-  order: "",
-  selectedRowKeys: [],
-  selectedRadioKey: 0,
-  indexRowTableModal: -2,
-  isUpdateTableModal: false,
-  footerGroupTable: {},
-  transferDetail: null,
-  page: 0,
-  domainTable: []
-};
-var listSlice = createSlice6({
-  name: "list",
-  initialState: initialState5,
-  reducers: {
-    setPageLimit: (state, action) => {
-      state.pageLimit = action.payload;
-    },
-    setFields: (state, action) => {
-      state.fields = action.payload;
-    },
-    setOrder: (state, action) => {
-      state.order = action.payload;
-    },
-    setSelectedRowKeys: (state, action) => {
-      state.selectedRowKeys = action.payload;
-    },
-    setSelectedRadioKey: (state, action) => {
-      state.selectedRadioKey = action.payload;
-    },
-    setIndexRowTableModal: (state, action) => {
-      state.indexRowTableModal = action.payload;
-    },
-    setTransferDetail: (state, action) => {
-      state.transferDetail = action.payload;
-    },
-    setIsUpdateTableModal: (state, action) => {
-      state.isUpdateTableModal = action.payload;
-    },
-    setPage: (state, action) => {
-      state.page = action.payload;
-    },
-    setDomainTable: (state, action) => {
-      state.domainTable = action.payload;
-    }
-  }
-});
-var {
-  setPageLimit,
-  setFields,
-  setOrder,
-  setSelectedRowKeys,
-  setIndexRowTableModal,
-  setIsUpdateTableModal,
-  setPage,
-  setSelectedRadioKey,
-  setTransferDetail,
-  setDomainTable
-} = listSlice.actions;
-var list_slice_default = listSlice.reducer;
-
-// src/store/reducers/login-slice/index.ts
-import { createSlice as createSlice7 } from "@reduxjs/toolkit";
-var initialState6 = {
-  db: "",
-  redirectTo: "/",
-  forgotPasswordUrl: "/"
-};
-var loginSlice = createSlice7({
-  name: "login",
-  initialState: initialState6,
-  reducers: {
-    setDb: (state, action) => {
-      state.db = action.payload;
-    },
-    setRedirectTo: (state, action) => {
-      state.redirectTo = action.payload;
-    },
-    setForgotPasswordUrl: (state, action) => {
-      state.forgotPasswordUrl = action.payload;
+// src/environment/EnvStore.ts
+var EventEmitter = class {
+  listeners = {};
+  on(event, callback) {
+    if (!this.listeners[event]) {
+      this.listeners[event] = [];
     }
+    this.listeners[event].push(callback);
   }
-});
-var { setDb, setRedirectTo, setForgotPasswordUrl } = loginSlice.actions;
-var login_slice_default = loginSlice.reducer;
-
-// src/store/reducers/navbar-slice/index.ts
-import { createSlice as createSlice8 } from "@reduxjs/toolkit";
-var initialState7 = {
-  menuFocus: {},
-  menuAction: {},
-  navbarWidth: 250,
-  menuList: []
-};
-var navbarSlice = createSlice8({
-  name: "navbar",
-  initialState: initialState7,
-  reducers: {
-    setMenuFocus: (state, action) => {
-      state.menuFocus = action.payload;
-    },
-    setMenuFocusAction: (state, action) => {
-      state.menuAction = action.payload;
-    },
-    setNavbarWidth: (state, action) => {
-      state.navbarWidth = action.payload;
-    },
-    setMenuList: (state, action) => {
-      state.menuList = action.payload;
+  emit(event, data) {
+    if (this.listeners[event]) {
+      this.listeners[event].forEach((callback) => callback(data));
     }
   }
-});
-var { setMenuFocus, setMenuFocusAction, setNavbarWidth, setMenuList } = navbarSlice.actions;
-var navbar_slice_default = navbarSlice.reducer;
-
-// src/store/reducers/profile-slice/index.ts
-import { createSlice as createSlice9 } from "@reduxjs/toolkit";
-var initialState8 = {
-  profile: {}
 };
-var profileSlice = createSlice9({
-  name: "profile",
-  initialState: initialState8,
-  reducers: {
-    setProfile: (state, action) => {
-      state.profile = action.payload;
-    }
-  }
-});
-var { setProfile } = profileSlice.actions;
-var profile_slice_default = profileSlice.reducer;
-
-// src/store/reducers/search-slice/index.ts
-import { createSlice as createSlice10 } from "@reduxjs/toolkit";
-var initialState9 = {
-  groupByDomain: null,
-  searchBy: [],
-  searchString: "",
-  hoveredIndexSearchList: null,
-  selectedTags: [],
-  firstDomain: null,
-  searchMap: {},
-  filterBy: [],
-  groupBy: []
-};
-var searchSlice = createSlice10({
-  name: "search",
-  initialState: initialState9,
-  reducers: {
-    setGroupByDomain: (state, action) => {
-      state.groupByDomain = action.payload;
-    },
-    setSearchBy: (state, action) => {
-      state.searchBy = action.payload;
-    },
-    setSearchString: (state, action) => {
-      state.searchString = action.payload;
-    },
-    setHoveredIndexSearchList: (state, action) => {
-      state.hoveredIndexSearchList = action.payload;
-    },
-    setSelectedTags: (state, action) => {
-      state.selectedTags = action.payload;
-    },
-    setFirstDomain: (state, action) => {
-      state.firstDomain = action.payload;
-    },
-    setFilterBy: (state, action) => {
-      state.filterBy = action.payload;
-    },
-    setGroupBy: (state, action) => {
-      state.groupBy = action.payload;
-    },
-    setSearchMap: (state, action) => {
-      state.searchMap = action.payload;
-    },
-    updateSearchMap: (state, action) => {
-      if (!state.searchMap[action.payload.key]) {
-        state.searchMap[action.payload.key] = [];
-      }
-      state.searchMap[action.payload.key].push(action.payload.value);
-    },
-    removeKeyFromSearchMap: (state, action) => {
-      const { key, item } = action.payload;
-      const values = state.searchMap[key];
-      if (!values) return;
-      if (item) {
-        const filtered = values.filter((value) => value.name !== item.name);
-        if (filtered.length > 0) {
-          state.searchMap[key] = filtered;
-        } else {
-          delete state.searchMap[key];
-        }
-      } else {
-        delete state.searchMap[key];
-      }
-    },
-    clearSearchMap: (state) => {
-      state.searchMap = {};
-    }
-  }
-});
-var {
-  setGroupByDomain,
-  setSelectedTags,
-  setSearchString,
-  setHoveredIndexSearchList,
-  setFirstDomain,
-  setSearchBy,
-  setFilterBy,
-  setSearchMap,
-  updateSearchMap,
-  removeKeyFromSearchMap,
-  setGroupBy,
-  clearSearchMap
-} = searchSlice.actions;
-var search_slice_default = searchSlice.reducer;
-
-// src/store/store.ts
-import { configureStore } from "@reduxjs/toolkit";
-
-// node_modules/redux/dist/redux.mjs
-function formatProdErrorMessage(code) {
-  return `Minified Redux error #${code}; visit https://redux.js.org/Errors?code=${code} for the full message or use the non-minified dev environment for full errors. `;
-}
-var randomString = () => Math.random().toString(36).substring(7).split("").join(".");
-var ActionTypes = {
-  INIT: `@@redux/INIT${/* @__PURE__ */ randomString()}`,
-  REPLACE: `@@redux/REPLACE${/* @__PURE__ */ randomString()}`,
-  PROBE_UNKNOWN_ACTION: () => `@@redux/PROBE_UNKNOWN_ACTION${randomString()}`
-};
-var actionTypes_default = ActionTypes;
-function isPlainObject(obj) {
-  if (typeof obj !== "object" || obj === null)
-    return false;
-  let proto = obj;
-  while (Object.getPrototypeOf(proto) !== null) {
-    proto = Object.getPrototypeOf(proto);
-  }
-  return Object.getPrototypeOf(obj) === proto || Object.getPrototypeOf(obj) === null;
-}
-function miniKindOf(val) {
-  if (val === void 0)
-    return "undefined";
-  if (val === null)
-    return "null";
-  const type = typeof val;
-  switch (type) {
-    case "boolean":
-    case "string":
-    case "number":
-    case "symbol":
-    case "function": {
-      return type;
-    }
-  }
-  if (Array.isArray(val))
-    return "array";
-  if (isDate(val))
-    return "date";
-  if (isError(val))
-    return "error";
-  const constructorName = ctorName(val);
-  switch (constructorName) {
-    case "Symbol":
-    case "Promise":
-    case "WeakMap":
-    case "WeakSet":
-    case "Map":
-    case "Set":
-      return constructorName;
-  }
-  return Object.prototype.toString.call(val).slice(8, -1).toLowerCase().replace(/\s/g, "");
-}
-function ctorName(val) {
-  return typeof val.constructor === "function" ? val.constructor.name : null;
-}
-function isError(val) {
-  return val instanceof Error || typeof val.message === "string" && val.constructor && typeof val.constructor.stackTraceLimit === "number";
-}
-function isDate(val) {
-  if (val instanceof Date)
-    return true;
-  return typeof val.toDateString === "function" && typeof val.getDate === "function" && typeof val.setDate === "function";
-}
-function kindOf(val) {
-  let typeOfVal = typeof val;
-  if (process.env.NODE_ENV !== "production") {
-    typeOfVal = miniKindOf(val);
-  }
-  return typeOfVal;
-}
-function warning(message) {
-  if (typeof console !== "undefined" && typeof console.error === "function") {
-    console.error(message);
-  }
-  try {
-    throw new Error(message);
-  } catch (e) {
-  }
-}
-function getUnexpectedStateShapeWarningMessage(inputState, reducers, action, unexpectedKeyCache) {
-  const reducerKeys = Object.keys(reducers);
-  const argumentName = action && action.type === actionTypes_default.INIT ? "preloadedState argument passed to createStore" : "previous state received by the reducer";
-  if (reducerKeys.length === 0) {
-    return "Store does not have a valid reducer. Make sure the argument passed to combineReducers is an object whose values are reducers.";
-  }
-  if (!isPlainObject(inputState)) {
-    return `The ${argumentName} has unexpected type of "${kindOf(inputState)}". Expected argument to be an object with the following keys: "${reducerKeys.join('", "')}"`;
-  }
-  const unexpectedKeys = Object.keys(inputState).filter((key) => !reducers.hasOwnProperty(key) && !unexpectedKeyCache[key]);
-  unexpectedKeys.forEach((key) => {
-    unexpectedKeyCache[key] = true;
-  });
-  if (action && action.type === actionTypes_default.REPLACE)
-    return;
-  if (unexpectedKeys.length > 0) {
-    return `Unexpected ${unexpectedKeys.length > 1 ? "keys" : "key"} "${unexpectedKeys.join('", "')}" found in ${argumentName}. Expected to find one of the known reducer keys instead: "${reducerKeys.join('", "')}". Unexpected keys will be ignored.`;
-  }
-}
-function assertReducerShape(reducers) {
-  Object.keys(reducers).forEach((key) => {
-    const reducer = reducers[key];
-    const initialState10 = reducer(void 0, {
-      type: actionTypes_default.INIT
-    });
-    if (typeof initialState10 === "undefined") {
-      throw new Error(process.env.NODE_ENV === "production" ? formatProdErrorMessage(12) : `The slice reducer for key "${key}" returned undefined during initialization. If the state passed to the reducer is undefined, you must explicitly return the initial state. The initial state may not be undefined. If you don't want to set a value for this reducer, you can use null instead of undefined.`);
-    }
-    if (typeof reducer(void 0, {
-      type: actionTypes_default.PROBE_UNKNOWN_ACTION()
-    }) === "undefined") {
-      throw new Error(process.env.NODE_ENV === "production" ? formatProdErrorMessage(13) : `The slice reducer for key "${key}" returned undefined when probed with a random type. Don't try to handle '${actionTypes_default.INIT}' or other actions in "redux/*" namespace. They are considered private. Instead, you must return the current state for any unknown actions, unless it is undefined, in which case you must return the initial state, regardless of the action type. The initial state may not be undefined, but can be null.`);
-    }
-  });
-}
-function combineReducers(reducers) {
-  const reducerKeys = Object.keys(reducers);
-  const finalReducers = {};
-  for (let i = 0; i < reducerKeys.length; i++) {
-    const key = reducerKeys[i];
-    if (process.env.NODE_ENV !== "production") {
-      if (typeof reducers[key] === "undefined") {
-        warning(`No reducer provided for key "${key}"`);
-      }
-    }
-    if (typeof reducers[key] === "function") {
-      finalReducers[key] = reducers[key];
-    }
+var EnvStore = class {
+  state;
+  emitter;
+  localStorageUtil;
+  sessionStorageUtil;
+  constructor(localStorageUtil = localStorageUtils(), sessionStorageUtil = sessionStorageUtils()) {
+    this.state = {
+      baseUrl: "",
+      requests: null,
+      companies: [],
+      user: {},
+      config: null,
+      envFile: null,
+      defaultCompany: {
+        id: null,
+        logo: "",
+        secondary_color: "",
+        primary_color: ""
+      },
+      context: {
+        uid: null,
+        allowed_company_ids: [],
+        lang: "vi_VN",
+        tz: "Asia/Saigon"
+      },
+      localStorageUtils: localStorageUtil,
+      sessionStorageUtils: sessionStorageUtil
+    };
+    this.emitter = new EventEmitter();
+    this.localStorageUtil = localStorageUtil;
+    this.sessionStorageUtil = sessionStorageUtil;
   }
-  const finalReducerKeys = Object.keys(finalReducers);
-  let unexpectedKeyCache;
-  if (process.env.NODE_ENV !== "production") {
-    unexpectedKeyCache = {};
+  getEnv() {
+    return { ...this.state };
   }
-  let shapeAssertionError;
-  try {
-    assertReducerShape(finalReducers);
-  } catch (e) {
-    shapeAssertionError = e;
-  }
-  return function combination(state = {}, action) {
-    if (shapeAssertionError) {
-      throw shapeAssertionError;
-    }
-    if (process.env.NODE_ENV !== "production") {
-      const warningMessage = getUnexpectedStateShapeWarningMessage(state, finalReducers, action, unexpectedKeyCache);
-      if (warningMessage) {
-        warning(warningMessage);
-      }
-    }
-    let hasChanged = false;
-    const nextState = {};
-    for (let i = 0; i < finalReducerKeys.length; i++) {
-      const key = finalReducerKeys[i];
-      const reducer = finalReducers[key];
-      const previousStateForKey = state[key];
-      const nextStateForKey = reducer(previousStateForKey, action);
-      if (typeof nextStateForKey === "undefined") {
-        const actionType = action && action.type;
-        throw new Error(process.env.NODE_ENV === "production" ? formatProdErrorMessage(14) : `When called with an action of type ${actionType ? `"${String(actionType)}"` : "(unknown type)"}, the slice reducer for key "${key}" returned undefined. To ignore an action, you must explicitly return the previous state. If you want this reducer to hold no value, you can return null instead of undefined.`);
-      }
-      nextState[key] = nextStateForKey;
-      hasChanged = hasChanged || nextStateForKey !== previousStateForKey;
-    }
-    hasChanged = hasChanged || finalReducerKeys.length !== Object.keys(state).length;
-    return hasChanged ? nextState : state;
-  };
-}
-
-// src/store/store.ts
-var rootReducer = combineReducers({
-  env: env_slice_default,
-  header: header_slice_default,
-  navbar: navbar_slice_default,
-  list: list_slice_default,
-  search: search_slice_default,
-  form: form_slice_default,
-  breadcrumbs: breadcrums_slice_default,
-  login: login_slice_default,
-  excel: excel_slice_default,
-  profile: profile_slice_default
-});
-var envStore = configureStore({
-  reducer: rootReducer,
-  middleware: (getDefaultMiddleware) => getDefaultMiddleware({
-    serializableCheck: false
-  })
-});
-
-// src/environment/EnvStore.ts
-var EnvStore = class {
-  envStore;
-  baseUrl;
-  requests;
-  context;
-  defaultCompany;
-  config;
-  companies;
-  user;
-  db;
-  localStorageUtils;
-  sessionStorageUtils;
-  refreshTokenEndpoint;
-  constructor(envStore2, localStorageUtils2, sessionStorageUtils2) {
-    this.envStore = envStore2;
-    this.localStorageUtils = localStorageUtils2;
-    this.sessionStorageUtils = sessionStorageUtils2;
-    this.setup();
-  }
-  setup() {
-    const env2 = this.envStore.getState().env;
-    this.baseUrl = env2?.baseUrl;
-    this.requests = env2?.requests;
-    this.context = env2?.context;
-    this.defaultCompany = env2?.defaultCompany;
-    this.config = env2?.config;
-    this.companies = env2?.companies || [];
-    this.user = env2?.user;
-    this.db = env2?.db;
-    this.refreshTokenEndpoint = env2?.refreshTokenEndpoint;
+  onUpdate(callback) {
+    this.emitter.on("update", callback);
   }
   setupEnv(envConfig) {
-    const dispatch = this.envStore.dispatch;
-    const env2 = {
+    this.state = {
+      ...this.state,
       ...envConfig,
-      localStorageUtils: this.localStorageUtils,
-      sessionStorageUtils: this.sessionStorageUtils
+      localStorageUtils: this.localStorageUtil,
+      sessionStorageUtils: this.sessionStorageUtil
     };
-    const requests = axiosClient.init(env2);
-    dispatch(setEnv({ ...env2, requests }));
-    this.setup();
+    this.state.requests = axiosClient.init(this.state);
+    this.emitter.emit("update", this.getEnv());
+    return this.getEnv();
   }
   setUid(uid) {
-    const dispatch = this.envStore.dispatch;
-    dispatch(setUid(uid));
-    this.setup();
+    this.state = {
+      ...this.state,
+      context: { ...this.state.context, uid }
+    };
+    this.emitter.emit("update", this.getEnv());
   }
   setLang(lang) {
-    const dispatch = this.envStore.dispatch;
-    dispatch(setLang(lang));
-    this.setup();
+    this.state = {
+      ...this.state,
+      context: { ...this.state.context, lang }
+    };
+    this.emitter.emit("update", this.getEnv());
   }
-  setAllowCompanies(allowCompanies) {
-    const dispatch = this.envStore.dispatch;
-    dispatch(setAllowCompanies(allowCompanies));
-    this.setup();
+  setAllowCompanies(allowed_company_ids) {
+    this.state = {
+      ...this.state,
+      context: { ...this.state.context, allowed_company_ids }
+    };
+    this.emitter.emit("update", this.getEnv());
   }
   setCompanies(companies) {
-    const dispatch = this.envStore.dispatch;
-    dispatch(setCompanies(companies));
-    this.setup();
+    this.state = { ...this.state, companies };
+    this.emitter.emit("update", this.getEnv());
   }
-  setDefaultCompany(company) {
-    const dispatch = this.envStore.dispatch;
-    dispatch(setDefaultCompany(company));
-    this.setup();
+  setDefaultCompany(defaultCompany) {
+    this.state = { ...this.state, defaultCompany };
+    this.emitter.emit("update", this.getEnv());
   }
-  setUserInfo(userInfo) {
-    const dispatch = this.envStore.dispatch;
-    dispatch(setUser(userInfo));
-    this.setup();
+  setUserInfo(user) {
+    this.state = { ...this.state, user };
+    this.emitter.emit("update", this.getEnv());
+  }
+  setConfig(config) {
+    this.state = { ...this.state, config };
+    this.emitter.emit("update", this.getEnv());
+  }
+  setEnvFile(envFile) {
+    this.state = { ...this.state, envFile };
+    this.emitter.emit("update", this.getEnv());
   }
 };
 var env = null;
+function initEnv({
+  localStorageUtils: localStorageUtil = localStorageUtils(),
+  sessionStorageUtils: sessionStorageUtil = sessionStorageUtils()
+}) {
+  if (!env) {
+    env = new EnvStore(localStorageUtil, sessionStorageUtil);
+  }
+  return env;
+}
 function getEnv() {
-  if (!env)
-    env = new EnvStore(envStore, localStorageUtils(), sessionStorageUtils());
+  if (!env) {
+    env = initEnv({});
+  }
   return env;
 }