@elliemae/pui-app-sdk 2.8.3 → 2.11.0

package/dist/es/view/fields/radio-group/index.stories.js

@@ -12,46 +12,53 @@ import { jsxs as _jsxs } from "react/jsx-runtime";
 import { jsx as _jsx2 } from "react/jsx-runtime";
 const radioName = 'gender';
 
-const Gender = ({
-  feedbackMessage,
-  ...rest
-}) => /*#__PURE__*/_jsxs(RadioGroup, {
-  name: radioName,
-  labelProps: {
-    labelText: 'Gender',
-    required: true,
-    feedbackMessage
-  },
-  orientation: "horizontal",
-  ...rest,
-  children: [_DSRadio || (_DSRadio = /*#__PURE__*/_jsx(DSRadio, {
+const Gender = _ref => {
+  let {
+    feedbackMessage,
+    ...rest
+  } = _ref;
+  return /*#__PURE__*/_jsxs(RadioGroup, {
     name: radioName,
-    value: "male",
-    labelText: "Male"
-  })), _DSRadio2 || (_DSRadio2 = /*#__PURE__*/_jsx(DSRadio, {
-    name: radioName,
-    value: "female",
-    labelText: "Female"
-  }))]
-});
+    labelProps: {
+      labelText: 'Gender',
+      required: true,
+      feedbackMessage
+    },
+    orientation: "horizontal",
+    ...rest,
+    children: [_DSRadio || (_DSRadio = /*#__PURE__*/_jsx(DSRadio, {
+      name: radioName,
+      value: "male",
+      labelText: "Male"
+    })), _DSRadio2 || (_DSRadio2 = /*#__PURE__*/_jsx(DSRadio, {
+      name: radioName,
+      value: "female",
+      labelText: "Female"
+    }))]
+  });
+};
 
-const Template = ({
-  props
-}) => /*#__PURE__*/_jsx(Form, {}, void 0, /*#__PURE__*/_jsx(ConnectForm, {}, void 0, ({
-  formState: {
-    errors
-  }
-}) => {
-  const errField = get(errors, radioName);
-  const feedbackMessage = errField === null || errField === void 0 ? void 0 : errField.message;
-  return /*#__PURE__*/_jsx2(Gender, {
-    feedbackMessage: feedbackMessage,
+const Template = _ref2 => {
+  let {
+    props
+  } = _ref2;
+  return /*#__PURE__*/_jsx(Form, {}, void 0, /*#__PURE__*/_jsx(ConnectForm, {}, void 0, _ref3 => {
+    let {
+      formState: {
+        errors
+      }
+    } = _ref3;
+    const errField = get(errors, radioName);
+    const feedbackMessage = errField === null || errField === void 0 ? void 0 : errField.message;
+    return /*#__PURE__*/_jsx2(Gender, {
+      feedbackMessage: feedbackMessage,
+      ...props
+    });
+  }), /*#__PURE__*/_jsx2(WatchValue, {
+    name: radioName,
     ...props
-  });
-}), /*#__PURE__*/_jsx2(WatchValue, {
-  name: radioName,
-  ...props
-}));
+  }));
+};
 
 export default {
   title: 'Components/Form/Controls/RadioGroup',

package/dist/es/view/fields/text-box/index.js

@@ -2,18 +2,24 @@ import _jsx2 from "@babel/runtime/helpers/jsx";
 import DSTextBox from '@elliemae/ds-basic/form/TextBox';
 import { Controller } from 'react-hook-form';
 import { jsx as _jsx } from "react/jsx-runtime";
-export const TextBox = ({
-  name,
-  defaultValue = '',
-  rules = {},
-  ...rest
-}) => /*#__PURE__*/_jsx2(Controller, {
-  name: name,
-  defaultValue: defaultValue,
-  rules: rules,
-  render: ({
-    field
-  }) => /*#__PURE__*/_jsx(DSTextBox, { ...rest,
-    ...field
-  })
-});
+export const TextBox = _ref => {
+  let {
+    name,
+    defaultValue = '',
+    rules = {},
+    ...rest
+  } = _ref;
+  return /*#__PURE__*/_jsx2(Controller, {
+    name: name,
+    defaultValue: defaultValue,
+    rules: rules,
+    render: _ref2 => {
+      let {
+        field
+      } = _ref2;
+      return /*#__PURE__*/_jsx(DSTextBox, { ...rest,
+        ...field
+      });
+    }
+  });
+};

package/dist/es/view/fields/watch-value.js

@@ -5,10 +5,11 @@ import _styled from "styled-components";
 var _h;
 
 import { useFormContext } from 'react-hook-form';
-export const WatchValue = ({
-  name,
-  labelText
-}) => {
+export const WatchValue = _ref => {
+  let {
+    name,
+    labelText
+  } = _ref;
   const {
     watch
   } = useFormContext();

package/dist/es/view/form/index.js

@@ -2,15 +2,16 @@ import _styled from "styled-components";
 import { useForm, FormProvider } from 'react-hook-form'; // eslint-disable-next-line @typescript-eslint/ban-types
 
 import { jsx as _jsx } from "react/jsx-runtime";
-export const Form = ({
-  /* eslint-disable indent */
-  classname,
-  reactHookFormProps = {
-    mode: 'onBlur'
-  },
-  children,
-  onSubmit
-}) => {
+export const Form = _ref => {
+  let {
+    /* eslint-disable indent */
+    classname,
+    reactHookFormProps = {
+      mode: 'onBlur'
+    },
+    children,
+    onSubmit
+  } = _ref;
   const methods = useForm(reactHookFormProps);
   const formProps = {};
   if (onSubmit) formProps.onSubmit = methods.handleSubmit(onSubmit);

package/dist/es/view/form/index.stories.js

@@ -23,9 +23,12 @@ export default {
 };
 const StyledButton = /*#__PURE__*/styled(FormSubmitButton).withConfig({
   componentId: "sc-1mzmcta-0"
-})(["margin-top:", ";"], ({
-  theme
-}) => theme.space.xs);
+})(["margin-top:", ";"], _ref => {
+  let {
+    theme
+  } = _ref;
+  return theme.space.xs;
+});
 
 const WatchDashBoard = () => {
   const {

package/dist/es/view/form/submit-button/index.js

@@ -1,8 +1,9 @@
 import { useFormContext } from 'react-hook-form';
 import DSButton from '@elliemae/ds-basic/Button';
 import { jsx as _jsx } from "react/jsx-runtime";
-export const FormSubmitButton = ({ ...rest
-}) => {
+export const FormSubmitButton = _ref => {
+  let { ...rest
+  } = _ref;
   const {
     formState,
     formProps: {

package/dist/es/view/form/usecases.stories.js

@@ -21,9 +21,12 @@ export default {
 };
 const StyledButton = /*#__PURE__*/styled(FormSubmitButton).withConfig({
   componentId: "sc-1wwguuk-0"
-})(["margin-top:", ";"], ({
-  theme
-}) => theme.space.xs);
+})(["margin-top:", ";"], _ref => {
+  let {
+    theme
+  } = _ref;
+  return theme.space.xs;
+});
 
 const Template = args => /*#__PURE__*/_jsxs(Form, { ...args,
   children: [_FirstName || (_FirstName = /*#__PURE__*/_jsx(FirstName, {})), _DOB || (_DOB = /*#__PURE__*/_jsx(DOB, {})), _State || (_State = /*#__PURE__*/_jsx(State, {})), _MaritalStatus || (_MaritalStatus = /*#__PURE__*/_jsx(MaritalStatus, {})), /*#__PURE__*/_jsx2(StyledButton, { ...btnProps

package/dist/es/view/guest-unload-handlers/index.js

@@ -6,7 +6,8 @@ export const onGuestUnloadStart = () => new Promise(resolve => {
     }
   });
 });
-export const notifyGuestUnloadComplete = (guestAppConfirmation, guestAppId, unloadType = 'close_loan') => {
+export const notifyGuestUnloadComplete = function (guestAppConfirmation, guestAppId) {
+  let unloadType = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'close_loan';
   sendMessageToHost({
     guestAppId,
     message: {

package/dist/es/view/header/center-region/index.js

@@ -1,5 +1,7 @@
 import _jsx from "@babel/runtime/helpers/jsx";
 import "core-js/modules/es.string.replace.js";
+import "core-js/modules/esnext.async-iterator.map.js";
+import "core-js/modules/esnext.iterator.map.js";
 import { NavLink } from 'react-router-dom';
 import styled from 'styled-components';
 const NavList = /*#__PURE__*/styled.ul.withConfig({
@@ -15,11 +17,17 @@ const StyledNavLink = /*#__PURE__*/styled(NavLink).attrs({
   componentId: "sc-ztmnvf-2"
 })(["display:flex;align-items:center;color:", ";text-decoration:none;text-transform:uppercase;height:100%;padding:0 ", " 0 ", ";&.", "{background-color:#48acff;}"], props => props.theme.colors.neutral['000'], props => props.theme.space.xs, props => props.theme.space.xs, activeClassName);
 const publicPath = (process.env.ASSET_PATH || '/').replace(/\/?$/, '');
-export const CenterRegion = ({
-  links = []
-}) => /*#__PURE__*/_jsx(NavList, {}, void 0, links.map(({
-  name = '',
-  path = ''
-}) => /*#__PURE__*/_jsx(NavListItem, {}, path, /*#__PURE__*/_jsx(StyledNavLink, {
-  to: "".concat(publicPath).concat(path.replace(/^\/?/, '/'))
-}, void 0, name))));
+export const CenterRegion = _ref => {
+  let {
+    links = []
+  } = _ref;
+  return /*#__PURE__*/_jsx(NavList, {}, void 0, links.map(_ref2 => {
+    let {
+      name = '',
+      path = ''
+    } = _ref2;
+    return /*#__PURE__*/_jsx(NavListItem, {}, path, /*#__PURE__*/_jsx(StyledNavLink, {
+      to: "".concat(publicPath).concat(path.replace(/^\/?/, '/'))
+    }, void 0, name));
+  }));
+};

package/dist/es/view/header/index.js

@@ -10,11 +10,14 @@ import { NavRegion } from "./nav-region/index.js";
 const HeaderContainer = /*#__PURE__*/styled.header.withConfig({
   componentId: "sc-cvwjlr-0"
 })(["display:flex;height:56px;background-color:#2080cd;padding:0px ", " 0px ", ";"], props => props.theme.space.xs, props => props.theme.space.xxs);
-export const Header = ({
-  links = [],
-  show = false
-}) => isStandAloneGuest() || isHost() || show ? /*#__PURE__*/_jsx(HeaderContainer, {
-  role: "banner"
-}, void 0, _LogoRegion || (_LogoRegion = /*#__PURE__*/_jsx(LogoRegion, {})), /*#__PURE__*/_jsx(CenterRegion, {
-  links: links
-}), _NavRegion || (_NavRegion = /*#__PURE__*/_jsx(NavRegion, {}))) : null;
+export const Header = _ref => {
+  let {
+    links = [],
+    show = false
+  } = _ref;
+  return isStandAloneGuest() || isHost() || show ? /*#__PURE__*/_jsx(HeaderContainer, {
+    role: "banner"
+  }, void 0, _LogoRegion || (_LogoRegion = /*#__PURE__*/_jsx(LogoRegion, {})), /*#__PURE__*/_jsx(CenterRegion, {
+    links: links
+  }), _NavRegion || (_NavRegion = /*#__PURE__*/_jsx(NavRegion, {}))) : null;
+};

package/dist/es/view/loadable/index.js

@@ -6,7 +6,8 @@ import { lazy, Suspense } from 'react';
 import { WaitMessageLauncher } from "../modals/wait-message/wait-message-launcher.js"; // eslint-disable-next-line @typescript-eslint/no-explicit-any
 
 import { jsx as _jsx2 } from "react/jsx-runtime";
-export const loadable = (importFunc, fallback = _WaitMessageLauncher || (_WaitMessageLauncher = /*#__PURE__*/_jsx(WaitMessageLauncher, {}))) => {
+export const loadable = function (importFunc) {
+  let fallback = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : _WaitMessageLauncher || (_WaitMessageLauncher = /*#__PURE__*/_jsx(WaitMessageLauncher, {}));
   const LazyComponent = /*#__PURE__*/lazy(importFunc); // eslint-disable-next-line @typescript-eslint/no-explicit-any
 
   return props => /*#__PURE__*/_jsx(Suspense, {

package/dist/es/view/login/index.js

@@ -4,11 +4,12 @@ import { login } from "../../utils/auth/index.js";
 import { LOGIN_SUCCESS } from "../../data/auth/actions.js";
 import { Fragment as _Fragment } from "react/jsx-runtime";
 import { jsx as _jsx } from "react/jsx-runtime";
-export const Login = ({
-  clientId,
-  scope,
-  responseType
-}) => {
+export const Login = _ref => {
+  let {
+    clientId,
+    scope,
+    responseType
+  } = _ref;
   const dispatch = useAppDispatch();
   useEffect(() => {
     login({

package/dist/es/view/message-to-host-app/index.js

@@ -9,6 +9,7 @@ export const getHostAppData = (action, resolve) => event => {
 
   resolve();
 };
-export const sendMessageToHost = (message, hostedAppUrl = document.referrer) => {
+export const sendMessageToHost = function (message) {
+  let hostedAppUrl = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : document.referrer;
   window.parent.postMessage(message, hostedAppUrl);
 };

package/dist/es/view/micro-app/app-factory/index.js

@@ -1,4 +1,9 @@
 import "core-js/modules/web.dom-collections.iterator.js";
+import "core-js/modules/esnext.async-iterator.for-each.js";
+import "core-js/modules/esnext.iterator.constructor.js";
+import "core-js/modules/esnext.iterator.for-each.js";
+import "core-js/modules/esnext.async-iterator.map.js";
+import "core-js/modules/esnext.iterator.map.js";
 
 /* eslint-disable max-lines */
 import { persistentStorage } from "../../../utils/web-storage.js";
@@ -16,15 +21,16 @@ const isCss = fileName => cssType.test(fileName);
 
 const activeApps = {};
 
-const initApplication = async ({
-  id,
-  name,
-  hostUrl,
-  history,
-  theme,
-  manifestPath,
-  homeRoute
-}) => {
+const initApplication = async _ref => {
+  let {
+    id,
+    name,
+    hostUrl,
+    history,
+    theme,
+    manifestPath,
+    homeRoute
+  } = _ref;
   const app = (window.emui || {})[id] || {}; // eslint-disable-next-line @typescript-eslint/unbound-method
 
   const {
@@ -45,10 +51,11 @@ const initApplication = async ({
   });
 };
 
-export const mountApp = async ({
-  id,
-  name
-}) => {
+export const mountApp = async _ref2 => {
+  let {
+    id,
+    name
+  } = _ref2;
   const app = (window.emui || {})[id] || {}; // eslint-disable-next-line @typescript-eslint/unbound-method
 
   const {
@@ -61,10 +68,11 @@ export const mountApp = async ({
     hostViewportSize: getViewportSize()
   });
 };
-export const unmountApp = async ({
-  id,
-  name
-}) => {
+export const unmountApp = async _ref3 => {
+  let {
+    id,
+    name
+  } = _ref3;
   const app = (window.emui || {})[id];
   if (!app) return null; // eslint-disable-next-line @typescript-eslint/unbound-method
 
@@ -107,7 +115,8 @@ Promise.all(requests).then(addAppToActiveAppList.bind(null, appConfig.id)).then(
   throw new Error(logRecord.msg);
 });
 
-const removeAssetsFromDOM = (id, documentEle = document) => {
+const removeAssetsFromDOM = function (id) {
+  let documentEle = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : document;
   const host = CMicroAppHost.getInstance();
   if (host) delete host.activeGuests[id];
   const {
@@ -144,11 +153,12 @@ export const loadApp = async appConfig => {
   await waitAndInitApplication(appConfig, requests);
   getLogger().info(logRecords.APP_LOADING_COMPLETE(appConfig.id));
 };
-export const unloadApp = ({
-  id,
-  hostUrl,
-  documentEle
-}) => {
+export const unloadApp = _ref4 => {
+  let {
+    id,
+    hostUrl,
+    documentEle
+  } = _ref4;
   getLogger().info(logRecords.APP_UNLOADING(id));
   const app = (window.emui || {})[id];
   if (!app) return;

package/dist/es/view/micro-app/resources/manifest.js

@@ -2,6 +2,9 @@ import "core-js/modules/es.string.replace.js";
 import "core-js/modules/web.dom-collections.iterator.js";
 import "core-js/modules/web.url.js";
 import "core-js/modules/web.url-search-params.js";
+import "core-js/modules/esnext.async-iterator.reduce.js";
+import "core-js/modules/esnext.iterator.constructor.js";
+import "core-js/modules/esnext.iterator.reduce.js";
 import { getHTTPClient } from "../../../communication/http-client/index.js";
 import { removeDoubleSlash } from "../../../utils/url.js";
 import { getLogger } from "../../../utils/micro-frontend/index.js";
@@ -9,25 +12,32 @@ import { logRecords } from "../../../utils/log-records.js";
 
 const getUnVersionedManifestPath = path => path.replace(/\/\d+\.\d+\//, '/latest/');
 
-export const getAppManifest = async ({
-  hostUrl,
-  manifestPath
-}) => {
+export const getAppManifest = async _ref => {
+  let {
+    hostUrl,
+    manifestPath
+  } = _ref;
   const url = new URL("".concat(manifestPath.replace(/\/?$/, '/'), "manifest.json"), hostUrl);
   const response = await getHTTPClient().get(removeDoubleSlash(url.href));
-  if (response.headers['content-type'].includes('application/json')) return response.data;
+  const {
+    headers
+  } = response;
+  if (headers['content-type'] && headers['content-type'].includes('application/json')) return response.data;
   return getAppManifest({
     hostUrl,
     manifestPath: getUnVersionedManifestPath(manifestPath)
   });
 };
-export const getFullFileNameofAssetsFromManifest = (manifest, assetNames = []) => assetNames.reduce((assets, assetName) => {
-  const fullFileName = manifest[assetName];
-  if (fullFileName) assets.push(fullFileName); // eslint-disable-next-line no-console
-  else {
-    const logRecord = logRecords.ASSET_NOT_FOUND_IN_MANIFEST(assetName);
-    getLogger().error(logRecord);
-    throw new Error(logRecord.msg);
-  }
-  return assets;
-}, []);
+export const getFullFileNameofAssetsFromManifest = function (manifest) {
+  let assetNames = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
+  return assetNames.reduce((assets, assetName) => {
+    const fullFileName = manifest[assetName];
+    if (fullFileName) assets.push(fullFileName); // eslint-disable-next-line no-console
+    else {
+      const logRecord = logRecords.ASSET_NOT_FOUND_IN_MANIFEST(assetName);
+      getLogger().error(logRecord);
+      throw new Error(logRecord.msg);
+    }
+    return assets;
+  }, []);
+};

package/dist/es/view/micro-app/resources/script.js

@@ -7,29 +7,36 @@ const HEAD_SCRIPTS = new RegExp('/(?:emuiDiagnostics|global|global-prod|emuiUser
 
 const isHeadScript = scriptSrc => HEAD_SCRIPTS.test(scriptSrc);
 
-export const addScriptToDOM = ({
-  name,
-  hostUrl,
-  documentEle
-}, fileName, index) => new Promise((resolve, reject) => {
-  const ele = documentEle.createElement('script');
-  if (!ele) reject(new Error('Unable to insert Application scripts.'));
-  ele.id = "".concat(APP_SCRIPT_ID_PREFIX).concat(name, "-").concat(index);
-  const url = new URL(fileName, hostUrl);
-  ele.src = removeDoubleSlash(url.href);
-  ele.onload = resolve.bind(null, ele.id);
-  ele.onerror = reject.bind(null, ele.id);
-  ele.async = false; // execute the scripts in the same order as they are inserted
+export const addScriptToDOM = (_ref, fileName, index) => {
+  let {
+    name,
+    hostUrl,
+    documentEle
+  } = _ref;
+  return new Promise((resolve, reject) => {
+    const ele = documentEle.createElement('script');
+    if (!ele) reject(new Error('Unable to insert Application scripts.'));
+    ele.id = "".concat(APP_SCRIPT_ID_PREFIX).concat(name, "-").concat(index);
+    const url = new URL(fileName, hostUrl);
+    ele.src = removeDoubleSlash(url.href);
+    ele.onload = resolve.bind(null, ele.id);
+    ele.onerror = reject.bind(null, ele.id);
+    ele.async = false; // execute the scripts in the same order as they are inserted
 
-  if (isHeadScript(ele.src)) documentEle.head.appendChild(ele);else documentEle.body.appendChild(ele);
-});
-export const removeScriptFromDOM = (elementId = '', documentEle = document) => new Promise(resolve => {
-  const ele = documentEle.getElementById(elementId); // eslint-disable-next-line no-console
+    if (isHeadScript(ele.src)) documentEle.head.appendChild(ele);else documentEle.body.appendChild(ele);
+  });
+};
+export const removeScriptFromDOM = function () {
+  let elementId = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
+  let documentEle = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : document;
+  return new Promise(resolve => {
+    const ele = documentEle.getElementById(elementId); // eslint-disable-next-line no-console
 
-  if (!ele) console.warn(new Error("script with id ".concat(elementId, " not found")));
-  ele.remove();
-  resolve();
-});
+    if (!ele) console.warn(new Error("script with id ".concat(elementId, " not found")));
+    ele.remove();
+    resolve();
+  });
+};
 export const removeDynamicImportedScripts = (hostUrl, documentEle) => {
   const hostPattern = new RegExp(hostUrl, 'i');
   const scriptElements = documentEle.getElementsByTagName('script');

package/dist/es/view/micro-app/resources/style.js

@@ -3,27 +3,34 @@ import "core-js/modules/web.url.js";
 import "core-js/modules/web.url-search-params.js";
 import { removeDoubleSlash } from "../../../utils/url.js";
 export const APP_STYLE_ID_PREFIX = 'emui-style-';
-export const addStylesToDOM = ({
-  name,
-  hostUrl,
-  documentEle
-}, fileName, index) => new Promise((resolve, reject) => {
-  const ele = documentEle.createElement('link');
-  if (!ele) reject(new Error('Unable to insert Application styles.'));
-  ele.id = "".concat(APP_STYLE_ID_PREFIX).concat(name, "-").concat(index);
-  ele.rel = 'stylesheet';
-  const url = new URL(fileName, hostUrl);
-  ele.href = removeDoubleSlash(url.href);
-  ele.onload = resolve.bind(null, ele.id);
-  documentEle.head.appendChild(ele);
-});
-export const removeStyleFromDOM = (elementId = '', documentEle = document) => new Promise(resolve => {
-  const ele = documentEle.getElementById(elementId); // eslint-disable-next-line no-console
+export const addStylesToDOM = (_ref, fileName, index) => {
+  let {
+    name,
+    hostUrl,
+    documentEle
+  } = _ref;
+  return new Promise((resolve, reject) => {
+    const ele = documentEle.createElement('link');
+    if (!ele) reject(new Error('Unable to insert Application styles.'));
+    ele.id = "".concat(APP_STYLE_ID_PREFIX).concat(name, "-").concat(index);
+    ele.rel = 'stylesheet';
+    const url = new URL(fileName, hostUrl);
+    ele.href = removeDoubleSlash(url.href);
+    ele.onload = resolve.bind(null, ele.id);
+    documentEle.head.appendChild(ele);
+  });
+};
+export const removeStyleFromDOM = function () {
+  let elementId = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
+  let documentEle = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : document;
+  return new Promise(resolve => {
+    const ele = documentEle.getElementById(elementId); // eslint-disable-next-line no-console
 
-  if (!ele) console.warn(new Error("style with id ".concat(elementId, " not found")));
-  ele.remove();
-  resolve();
-});
+    if (!ele) console.warn(new Error("style with id ".concat(elementId, " not found")));
+    ele.remove();
+    resolve();
+  });
+};
 export const removeDynamicImportedStyles = (hostUrl, documentEle) => {
   const hostPattern = new RegExp(hostUrl, 'i');
   const prefetchElements = documentEle.querySelectorAll('[rel="stylesheet"]');

package/dist/es/view/micro-app/use-app-will-render.js

@@ -1,17 +1,18 @@
+import _merge from "lodash/merge";
 import { useRef, useLayoutEffect, useCallback } from 'react';
-import { merge } from 'lodash';
 import { useDispatch } from 'react-redux';
 import { waitMessage } from "../../data/wait-message/actions.js";
 import { loadApp, unloadApp, mountApp, unmountApp } from "./app-factory/index.js";
 import { getLogger, getMicroFrontEndAppConfig } from "../../utils/micro-frontend/index.js";
 import { logRecords } from "../../utils/log-records.js";
-export const useAppWillRender = ({
-  id,
-  documentEle,
-  history,
-  theme,
-  onUnloadComplete
-}) => {
+export const useAppWillRender = _ref => {
+  let {
+    id,
+    documentEle,
+    history,
+    theme,
+    onUnloadComplete
+  } = _ref;
   // ToDo: Since ecc app is using older version of react-redux we need this undefined check. once ECC upgrades to react-redux v6 or later, this check can be removed
   // eslint-disable-next-line react-hooks/rules-of-hooks
   const dispatch = useDispatch ? useDispatch() : null;
@@ -44,12 +45,14 @@ export const useAppWillRender = ({
   }, [dispatch, unload]);
   useLayoutEffect(() => {
     if (!documentEle) return () => {};
-    const appConfig = merge(getConfig(), {
+
+    const appConfig = _merge(getConfig(), {
       documentEle,
       history,
       theme
     }); // eslint-disable-next-line @typescript-eslint/no-floating-promises
 
+
     load(appConfig);
     return () => {
       ref.current = unload(appConfig);