@elliemae/pui-app-sdk 4.0.0-beta.5 → 4.1.0

package/dist/esm/analytics/web-analytics.js

@@ -1,19 +1,3 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
 let baEventParameters = {
   envName: "localhost",
   appId: "",
@@ -22,7 +6,7 @@ let baEventParameters = {
 };
 const getBAEventParameters = () => baEventParameters;
 const updateBAEventParameters = (params) => {
-  baEventParameters = __spreadValues(__spreadValues({}, baEventParameters), params);
+  baEventParameters = { ...baEventParameters, ...params };
 };
 export {
   getBAEventParameters,

package/dist/esm/api/auth/index.js

@@ -9,7 +9,10 @@ const getToken = async ({
   params.append("client_id", clientId);
   params.append("redirect_uri", redirectUri);
   params.append("code", idpCode);
-  const { data } = await getHTTPClient().post("/oauth2/v1/token", params);
+  const { data } = await getHTTPClient().post(
+    "/oauth2/v1/token",
+    params
+  );
   return { tokenType: data.token_type, accessToken: data.access_token };
 };
 const revokeToken = async ({ clientId, token }) => {
@@ -25,7 +28,10 @@ const introspectToken = async ({
   const params = new URLSearchParams();
   params.append("token", accessToken);
   params.append("client_id", clientId);
-  const { data } = await getHTTPClient().post("/oauth2/v1/token/introspection", params);
+  const { data } = await getHTTPClient().post(
+    "/oauth2/v1/token/introspection",
+    params
+  );
   return data;
 };
 export {

package/dist/esm/api/helpers.js

@@ -5,7 +5,13 @@ const getApiActionCreator = (api) => (operation) => ({
   [`${operation}Success`]: createAction(`${api}/${operation}Success`),
   [`${operation}Error`]: createAction(`${api}/${operation}Error`)
 });
-const getSelectField = (stateName) => (fieldName = "", defaultValue) => (state = {}, stateValue = get(state, stateName)) => Array.isArray(fieldName) ? fieldName.map((field, i) => get(stateValue, field, Array.isArray(defaultValue) ? defaultValue[i] : defaultValue)) : get(stateValue, fieldName, defaultValue);
+const getSelectField = (stateName) => (fieldName = "", defaultValue) => (state = {}, stateValue = get(state, stateName)) => Array.isArray(fieldName) ? fieldName.map(
+  (field, i) => get(
+    stateValue,
+    field,
+    Array.isArray(defaultValue) ? defaultValue[i] : defaultValue
+  )
+) : get(stateValue, fieldName, defaultValue);
 export {
   getApiActionCreator,
   getSelectField

package/dist/esm/api/users/index.js

@@ -1,6 +1,8 @@
 import { getAuthHTTPClient } from "../../communication/http-client/index.js";
 const getUser = async ({ userName }) => {
-  const { data } = await getAuthHTTPClient().get(`/encompass/v1/users/${userName}`);
+  const { data } = await getAuthHTTPClient().get(
+    `/encompass/v1/users/${userName}`
+  );
   return data;
 };
 export {

package/dist/esm/communication/http-client/index.js

@@ -1,34 +1,3 @@
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
 import axios from "axios";
 import { getAppConfigValue } from "../../utils/app-config/config.js";
 import { getAuthorizationHeader } from "../../utils/auth/helper.js";
@@ -51,19 +20,15 @@ const getHTTPClient = ({
     response.use(handleSuccess, handleFailure);
   return client;
 };
-const getAuthHTTPClient = (_a = {}) => {
-  var _b = _a, {
-    baseURL,
-    headers = {}
-  } = _b, rest = __objRest(_b, [
-    "baseURL",
-    "headers"
-  ]);
-  return getHTTPClient(__spreadValues({
-    baseURL,
-    headers: __spreadProps(__spreadValues({}, headers), { Authorization: getAuthorizationHeader() })
-  }, rest));
-};
+const getAuthHTTPClient = ({
+  baseURL,
+  headers = {},
+  ...rest
+} = {}) => getHTTPClient({
+  baseURL,
+  headers: { ...headers, Authorization: getAuthorizationHeader() },
+  ...rest
+});
 export {
   getAuthHTTPClient,
   getHTTPClient

package/dist/esm/data/auth/reducer.js

@@ -3,13 +3,16 @@ import { LOGIN_SUCCESS } from "./actions.js";
 const initialState = {
   authenticated: false
 };
-const authReducer = produce((draft, action) => {
-  switch (action.type) {
-    case LOGIN_SUCCESS:
-      draft.authenticated = true;
-      break;
-  }
-}, initialState);
+const authReducer = produce(
+  (draft, action) => {
+    switch (action.type) {
+      case LOGIN_SUCCESS:
+        draft.authenticated = true;
+        break;
+    }
+  },
+  initialState
+);
 export {
   authReducer,
   initialState

package/dist/esm/data/index.js

@@ -1,8 +1,13 @@
-import { useInjectReducer, useInjectSaga } from "redux-injectors";
+import {
+  useInjectReducer,
+  useInjectSaga,
+  createManager
+} from "redux-injectors";
 import { useAppDispatch, useAppSelector } from "./react-redux.js";
 import { createAppStore, getStore } from "./store.js";
 export {
   createAppStore as configureStore,
+  createManager,
   getStore,
   useAppDispatch,
   useAppSelector,

package/dist/esm/data/reducers.js

@@ -1,31 +1,16 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
 import { combineReducers } from "@reduxjs/toolkit";
 import { waitMessageReducer } from "./wait-message/reducer.js";
 import { errorReducer } from "./error/index.js";
 import { breakpointReducer } from "./breakpoint/index.js";
 import { liveMessageReducer } from "./live-message/index.js";
 const createReducer = (injectedReducers = {}) => {
-  const rootReducer = combineReducers(__spreadValues({
+  const rootReducer = combineReducers({
     waitMessage: waitMessageReducer,
     error: errorReducer,
     breakpoint: breakpointReducer,
-    liveMessage: liveMessageReducer
-  }, injectedReducers));
+    liveMessage: liveMessageReducer,
+    ...injectedReducers
+  });
   return rootReducer;
 };
 export {

package/dist/esm/data/store.js

@@ -31,7 +31,12 @@ const createStore = (initialState, sagaMiddleware, history, middlewareConfig = {
 };
 const createAppStore = (initialState = {}, history, middlewareConfig) => {
   const sagaMiddleware = createSagaMiddleware({});
-  const store = createStore(initialState, sagaMiddleware, history, middlewareConfig);
+  const store = createStore(
+    initialState,
+    sagaMiddleware,
+    history,
+    middlewareConfig
+  );
   setStore(store);
   return store;
 };

package/dist/esm/index.js

@@ -9,7 +9,11 @@ import { RequireAuth } from "./view/require-auth.js";
 import { Page } from "./view/page.js";
 import { default as default2 } from "./utils/constants.js";
 import { useAppDispatch, useAppSelector } from "./data/react-redux.js";
-import { useInjectReducer, useInjectSaga } from "redux-injectors";
+import {
+  useInjectReducer,
+  useInjectSaga,
+  createManager
+} from "redux-injectors";
 import { getAuthorizationHeader } from "./utils/auth/helper.js";
 import { getRedirectUrl, removeDoubleSlash } from "./utils/url.js";
 import { createAppStore } from "./data/store.js";
@@ -22,6 +26,7 @@ import { SessionTimeout } from "./view/session-timeout/index.js";
 import {
   subscribeToSessionExpiryWarning,
   subscribeToSessionExpiry,
+  subscribeToResetSession,
   resetUserIdleTime,
   trackActivity
 } from "./utils/session.js";
@@ -66,8 +71,11 @@ import { RenderWithStateAddOns } from "./utils/testing/render-with-state-addons.
 import { getApiActionCreator, getSelectField } from "./api/helpers.js";
 import { getUser } from "./api/users/index.js";
 import { withAppDecorator } from "./view/storybook/decorator.js";
+import { Autocomplete } from "./view/fields/autocomplete/index.js";
 import { ErrorToast } from "./view/error-toast/index.js";
+import { NavigationPrompt } from "./view/modals/navigation-prompt/index.js";
 import { Form } from "./view/form/index.js";
+import { ComboBoxV3 } from "./view/fields/combo-box-v3/index.js";
 import { ConnectForm } from "./view/fields/connect-form.js";
 import { FormItemLayout } from "./view/fields/form-item-layout/index.js";
 import { FormLayoutBlockItem } from "./view/fields/form-layout-block-item/index.js";
@@ -101,10 +109,12 @@ import { updateBAEventParameters } from "./analytics/web-analytics.js";
 import { redactPii } from "./utils/redact-pii.js";
 export {
   AppRoot,
+  Autocomplete,
   CMicroAppGuest,
   CMicroAppHost,
   CheckBox,
   ComboBox,
+  ComboBoxV3,
   ConnectForm,
   DateInput,
   DatePicker,
@@ -120,6 +130,7 @@ export {
   MASK_TYPES,
   MicroApp,
   MicroIFrameApp,
+  NavigationPrompt,
   ACTIONS as NavigationPromptActions,
   Page,
   Radio,
@@ -136,6 +147,7 @@ export {
   auth,
   authorize,
   createAppStore as configureStore,
+  createManager,
   enableReactAppForHostIntegration,
   actions2 as error,
   fetchHostAppData,
@@ -181,6 +193,7 @@ export {
   setAppConfigValue,
   setAppDynamicsUserData,
   setHostAppData,
+  subscribeToResetSession,
   subscribeToSessionExpiry,
   subscribeToSessionExpiryWarning,
   trackActivity,

package/dist/esm/sideeffect/auth/index.js

@@ -1,22 +1,3 @@
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 import {
   call,
   put,
@@ -37,9 +18,10 @@ function* login({
     yield call(authorize, payload);
     yield put({ type: LOGIN_SUCCESS });
   } catch (err) {
-    getLogger().error(__spreadProps(__spreadValues({}, logRecords.LOGIN_FAILED), {
+    getLogger().error({
+      ...logRecords.LOGIN_FAILED,
       exception: err
-    }));
+    });
   }
 }
 function* logout({
@@ -48,9 +30,10 @@ function* logout({
   try {
     yield call(endSession, payload);
   } catch (err) {
-    getLogger().error(__spreadProps(__spreadValues({}, logRecords.LOGOUT_FAILED), {
+    getLogger().error({
+      ...logRecords.LOGOUT_FAILED,
       exception: err
-    }));
+    });
   }
 }
 function* authentication() {

package/dist/esm/sideeffect/error-toast/index.js

@@ -1,22 +1,3 @@
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 import { call, takeLatest } from "redux-saga/effects";
 import { actions } from "../../data/error/index.js";
 import { CMicroAppGuest } from "../../utils/micro-frontend/guest.js";
@@ -24,15 +5,18 @@ import { getLogger } from "../../utils/micro-frontend/index.js";
 import { logRecords } from "../../utils/log-records.js";
 function* openErrorToast(action) {
   try {
-    const microApp = yield call(CMicroAppGuest.getInstance.bind(CMicroAppGuest));
+    const microApp = yield call(
+      CMicroAppGuest.getInstance.bind(CMicroAppGuest)
+    );
     const host = yield call(microApp.getHost.bind(microApp));
     const message = action?.payload?.description || action?.payload?.messageText;
     if (host && message)
       yield call(host.openErrorBanner.bind(host), message);
   } catch (ex) {
-    getLogger().error(__spreadProps(__spreadValues({}, logRecords.ERR_TOAST_OPEN_FAILED), {
+    getLogger().error({
+      ...logRecords.ERR_TOAST_OPEN_FAILED,
       exception: ex
-    }));
+    });
   }
 }
 function* errorToast() {

package/dist/esm/sideeffect/wait-message/index.js

@@ -1,22 +1,3 @@
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 import { call, takeLatest } from "redux-saga/effects";
 import { ACTIONS } from "../../data/wait-message/actions.js";
 import { CMicroAppGuest } from "../../utils/micro-frontend/guest.js";
@@ -24,26 +5,32 @@ import { getLogger } from "../../utils/micro-frontend/index.js";
 import { logRecords } from "../../utils/log-records.js";
 function* openWaitMessage() {
   try {
-    const microApp = yield call(CMicroAppGuest.getInstance.bind(CMicroAppGuest));
+    const microApp = yield call(
+      CMicroAppGuest.getInstance.bind(CMicroAppGuest)
+    );
     const host = yield call(microApp.getHost.bind(microApp));
     if (host)
       yield call(host.openWaitMessage.bind(host));
   } catch (ex) {
-    getLogger().error(__spreadProps(__spreadValues({}, logRecords.WAIT_MSG_OPEN_FAILED), {
+    getLogger().error({
+      ...logRecords.WAIT_MSG_OPEN_FAILED,
       exception: ex
-    }));
+    });
   }
 }
 function* closeWaitMessage() {
   try {
-    const microApp = yield call(CMicroAppGuest.getInstance.bind(CMicroAppGuest));
+    const microApp = yield call(
+      CMicroAppGuest.getInstance.bind(CMicroAppGuest)
+    );
     const host = yield call(microApp.getHost.bind(microApp));
     if (host)
       yield call(host.closeWaitMessage.bind(host));
   } catch (ex) {
-    getLogger().error(__spreadProps(__spreadValues({}, logRecords.WAIT_MSG_CLOSE_FAILED), {
+    getLogger().error({
+      ...logRecords.WAIT_MSG_CLOSE_FAILED,
       exception: ex
-    }));
+    });
   }
 }
 function* waitMessage() {

package/dist/esm/utils/app-config/index.js

@@ -14,12 +14,16 @@ const parseAppConfig = (data) => {
   setAppDynamicsUserData({ envName: activeEnv });
   updateBAEventParameters({ envName: activeEnv });
 };
-const loadAppConfig = () => new Promise((resolve, reject) => {
-  getHTTPClient().get(`${getAssetPath()}app.config.json`).then(({ data }) => {
+const loadAppConfig = (assetPath = "") => new Promise((resolve, reject) => {
+  getHTTPClient().get(`${assetPath || getAssetPath()}app.config.json`).then(({ data }) => {
     parseAppConfig(data);
     resolve();
   }).catch((err) => {
-    reject(new Error(`Unable to load application configurtion file. ${err.Message}`));
+    reject(
+      new Error(
+        `Unable to load application configurtion file. ${err.Message}`
+      )
+    );
   });
 });
 export {

package/dist/esm/utils/auth/index.js

@@ -1,22 +1,3 @@
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 import { browserHistory as history } from "../history.js";
 import {
   getToken,
@@ -54,7 +35,9 @@ const navigateToLoginPage = ({
     response_type: responseType,
     scope
   };
-  const searchParams = new URLSearchParams(idpErrorCode ? Object.assign(idpOptions, { error_code: idpErrorCode }) : idpOptions);
+  const searchParams = new URLSearchParams(
+    idpErrorCode ? Object.assign(idpOptions, { error_code: idpErrorCode }) : idpOptions
+  );
   idpUrl.search = searchParams.toString();
   window.location.replace(idpUrl.href);
 };
@@ -88,9 +71,10 @@ const endSession = async ({
     logoutUrl.search = searchParams.toString();
     window.location.replace(logoutUrl.href);
   } catch (err) {
-    getLogger().error(__spreadProps(__spreadValues({}, logRecords.LOGOUT_FAILED), {
+    getLogger().error({
+      ...logRecords.LOGOUT_FAILED,
       exception: err
-    }));
+    });
   }
 };
 const authorize = async ({
@@ -132,14 +116,14 @@ const authorize = async ({
     const data = await getUser({ userName });
     sessionStorage.setItem("userSettings", JSON.stringify(data));
     const pathName = new URL(redirectUri).pathname;
-    history.push(`${pathName.replace(/\/$/, "")}/_rerender`);
     history.replace(pathName);
   } catch (err) {
     const code = err?.response?.data?.code;
     await endSession({ clientId, redirectUri, code, scope, responseType });
-    getLogger().error(__spreadProps(__spreadValues({}, logRecords.LOGIN_FAILED), {
+    getLogger().error({
+      ...logRecords.LOGIN_FAILED,
       exception: err
-    }));
+    });
   }
 };
 const login = async ({
@@ -158,9 +142,10 @@ const login = async ({
   };
   if (idpCode) {
     await authorize(loginInfo);
-  } else {
-    navigateToLoginPage(loginInfo);
+    return { authorized: true };
   }
+  navigateToLoginPage(loginInfo);
+  return { authorized: false };
 };
 export {
   authorize,

package/dist/esm/utils/helpers.js

@@ -1,6 +1,6 @@
 const isProd = () => false;
 const isCIBuild = () => process.env.CI === "true";
-const PROTOCOL = /^(?:[a-z]+:)?/;
+const PROTOCOL = /^(?:[a-z]+:)?\/\//;
 const convertRelativeToAbsoluteUrl = (url) => {
   if (!PROTOCOL.test(url)) {
     return new URL(url, document.location.origin).href;

package/dist/esm/utils/micro-frontend/guest.js

@@ -1,4 +1,3 @@
-import ReactDOM from "react-dom";
 import _ from "lodash";
 import { getDefaultTheme } from "@elliemae/pui-theme";
 import { getWindow } from "../window.js";
@@ -81,7 +80,8 @@ class CMicroAppGuest {
     if (window.parent !== window) {
       if (!isCrossDomain()) {
         host = window.parent?.emui?.MicroAppHost || null;
-      } else {
+      }
+      if (!host) {
         const ssfAdapter = new SSFGuestAdapter();
         if (!await ssfAdapter.init())
           return null;
@@ -116,11 +116,10 @@ class CMicroAppGuest {
     });
   }
   unmount(options) {
-    const appEle = document.getElementById(this.containerId);
-    if (appEle)
-      ReactDOM.unmountComponentAtNode(appEle);
     removeStorageEvents();
-    return Promise.resolve().then(() => this.onUnmount ? this.onUnmount(options) : null);
+    return Promise.resolve().then(
+      () => this.onUnmount ? this.onUnmount(options) : null
+    );
   }
   getRef() {
     return this.onGetRef ? this.onGetRef() : null;

package/dist/esm/utils/micro-frontend/host.js

@@ -129,10 +129,16 @@ class CMicroAppHost {
     return getWindowViewportSize();
   }
   onResizeEvent(eventHandler) {
-    return subscribe(HOST_WINDOW_RESIZED, (msg, data) => eventHandler(data));
+    return subscribe(
+      HOST_WINDOW_RESIZED,
+      (msg, data) => eventHandler(data)
+    );
   }
   onBreakpointChangeEvent(eventHandler) {
-    return subscribe(HOST_WINDOW_BREAKPOINT_CHANGED, (msg, data) => eventHandler(data));
+    return subscribe(
+      HOST_WINDOW_BREAKPOINT_CHANGED,
+      (msg, data) => eventHandler(data)
+    );
   }
   setSystemVersion(version = "latest") {
     window.emui.version = version;
@@ -141,7 +147,7 @@ class CMicroAppHost {
   sendBAEvent(data) {
     sendBAEvent({ data, self: true });
   }
-  getObject(name) {
+  async getObject(name) {
     return this.domainObjects[name];
   }
 }