@elliemae/pui-app-sdk 2.8.3 → 2.11.0

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

@@ -25,14 +25,15 @@ export const getIDPInfoFromUrl = () => {
     redirectUri: currentUrl.href
   };
 };
-export const navigateToLoginPage = ({
-  clientId,
-  redirectUri,
-  idpErrorCode,
-  scope,
-  // eslint-disable-next-line camelcase
-  responseType
-}) => {
+export const navigateToLoginPage = _ref => {
+  let {
+    clientId,
+    redirectUri,
+    idpErrorCode,
+    scope,
+    // eslint-disable-next-line camelcase
+    responseType
+  } = _ref;
   const idpHost = getAppConfigValue(IDP_ENDPOINT_CONFIG_KEY, '');
   const idpUrl = new URL('/authorize', idpHost);
   const idpOptions = {
@@ -47,27 +48,24 @@ export const navigateToLoginPage = ({
   idpUrl.search = searchParams.toString();
   window.location.replace(idpUrl.href);
 };
-export const endSession = async ({
-  clientId,
-  redirectUri,
-  responseType,
-  scope,
-  code = '1004'
-}) => {
+export const endSession = async _ref2 => {
+  let {
+    clientId,
+    redirectUri,
+    responseType,
+    scope,
+    code = '1004'
+  } = _ref2;
+
   try {
     const authorization = getAuthorizationHeader();
-    const userId = sessionStorage.getItem('userId') || '';
-    const instanceId = sessionStorage.getItem('instanceId') || '';
     sessionStorage.clear();
     const token = authorization ? authorization.split(' ')[1] : '';
     await revokeToken({
       clientId,
       token
     });
-    logoutEvent({
-      userId,
-      instanceId
-    }); // redirect
+    logoutEvent(); // redirect
 
     const idpHost = getAppConfigValue(IDP_ENDPOINT_CONFIG_KEY, '');
     const logoutUrl = new URL('/authorize', idpHost);
@@ -87,13 +85,15 @@ export const endSession = async ({
     });
   }
 };
-export const authorize = async ({
-  idpCode,
-  redirectUri,
-  clientId,
-  scope,
-  responseType
-}) => {
+export const authorize = async _ref3 => {
+  let {
+    idpCode,
+    redirectUri,
+    clientId,
+    scope,
+    responseType
+  } = _ref3;
+
   try {
     const {
       tokenType,
@@ -151,11 +151,12 @@ export const authorize = async ({
     });
   }
 };
-export const login = async ({
-  clientId,
-  scope,
-  responseType
-}) => {
+export const login = async _ref4 => {
+  let {
+    clientId,
+    scope,
+    responseType
+  } = _ref4;
   const {
     idpCode,
     idpErrorCode,

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

@@ -1,8 +1,8 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _merge from "lodash/merge";
 import "core-js/modules/web.dom-collections.iterator.js";
 import "core-js/modules/es.string.replace.js";
 import ReactDOM from 'react-dom';
-import _ from 'lodash';
 import { push } from 'connected-react-router';
 import ssfGuest from '@elliemae/em-ssf-guest';
 import { getDefaultTheme } from '@elliemae/pui-theme';
@@ -27,6 +27,8 @@ const isCrossDomain = () => {
 
 export class CMicroAppGuest {
   constructor(params) {
+    var _window$emui;
+
     _defineProperty(this, "logger", void 0);
 
     _defineProperty(this, "appId", void 0);
@@ -44,7 +46,7 @@ export class CMicroAppGuest {
     _defineProperty(this, "onGetRef", void 0);
 
     this.containerId = 'app-container';
-    this.appId = getAppConfigValue('appId');
+    this.appId = ((_window$emui = window.emui) === null || _window$emui === void 0 ? void 0 : _window$emui.appId) || getAppConfigValue('appId');
     this.props = {
       host: null,
       hostUrl: null,
@@ -126,7 +128,7 @@ export class CMicroAppGuest {
   }
 
   async init(options) {
-    this.props = _.merge(this.props, options);
+    this.props = _merge(this.props, options);
 
     if (!this.props.host) {
       const host = await this.getSSFHost();
@@ -142,9 +144,10 @@ export class CMicroAppGuest {
     /* eslint-enable camelcase, no-undef */
   }
 
-  mount(options = {
-    containerId: 'app-container'
-  }) {
+  mount() {
+    let options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {
+      containerId: 'app-container'
+    };
     this.containerId = options === null || options === void 0 ? void 0 : options.containerId;
     return Promise.resolve().then(() => {
       if (this.onMount) this.onMount(options);

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

@@ -13,6 +13,7 @@ import { browserHistory } from "../history.js";
 import { logger } from "./console-logger.js";
 import { HOST_WINDOW_RESIZED, HOST_WINDOW_BREAKPOINT_CHANGED } from "../constants.js";
 import { getCurrentBreakpoint, getViewportSize as getWindowViewportSize } from "../window.js";
+import { sendBAEvent } from "../../analytics/index.js";
 export class CMicroAppHost {
   constructor(params) {
     _defineProperty(this, "logger", void 0);
@@ -157,11 +158,20 @@ export class CMicroAppHost {
     return subscribe(HOST_WINDOW_BREAKPOINT_CHANGED, (msg, data) => eventHandler(data));
   }
 
-  setSystemVersion(version = 'latest') {
+  setSystemVersion() {
+    let version = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'latest';
     window.emui.version = version;
     this.props.systemVersion = version;
   }
 
+  sendBAEvent(event) {
+    // eslint-disable-next-line max-lines
+    sendBAEvent({
+      eventParams: event,
+      self: true
+    });
+  }
+
 }
 
 _defineProperty(CMicroAppHost, "instance", void 0);

package/dist/es/utils/micro-frontend/index.js

@@ -1,5 +1,5 @@
+import _merge from "lodash/merge";
 import "core-js/modules/es.string.replace.js";
-import _ from 'lodash';
 import { CMicroAppGuest } from "./guest.js";
 import { CMicroAppHost } from "./host.js";
 import { getAppConfigValue } from "../app-config/config.js";
@@ -34,7 +34,7 @@ export const getMicroFrontEndAppConfig = appInfo => {
   if (microFEAppConfig.production) delete microFEAppConfig.production;
   if (microFEAppConfig.development) delete microFEAppConfig.development;
 
-  const microFEConfig = _.merge(appInfo, {
+  const microFEConfig = _merge(appInfo, {
     mode: 'production',
     hostUrl: './',
     manifestPath: './{SYSTEM_VERSION}'

package/dist/es/utils/service-worker.js

@@ -1,7 +1,8 @@
 import "core-js/modules/es.string.replace.js";
 import { logRecords } from "./log-records.js";
 import { getLogger } from "./micro-frontend/index.js";
-export const initServiceWorker = (swDest = '') => {
+export const initServiceWorker = function () {
+  let swDest = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
   const logger = getLogger() || console;
 
   if (process.env.NODE_ENV === 'production' && 'serviceWorker' in navigator) {

package/dist/es/utils/session.js

@@ -1,4 +1,4 @@
-import { throttle } from 'lodash';
+import _throttle from "lodash/throttle";
 import { getAppConfigValue } from "./app-config/config.js";
 import { SESSION_TIMEOUT_INTERVAL } from "./constants.js";
 const THROTTLING_TIME = 6000;
@@ -18,13 +18,20 @@ export const resetUserIdleTime = () => {
     resetListeners.forEach(listener => listener());
   }).catch(() => {});
 };
-const throttledResetUserIdleTime = throttle(resetUserIdleTime, THROTTLING_TIME, {
+
+const throttledResetUserIdleTime = _throttle(resetUserIdleTime, THROTTLING_TIME, {
   leading: true
 });
 
-const isPastWarningTime = (warnInterval = getAppConfigValue('sessionTimeoutWarnInterval') || SESSION_TIMEOUT_INTERVAL.WARN) => Date.now() - lastUserActivityTimeStamp > warnInterval;
+const isPastWarningTime = function () {
+  let warnInterval = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : getAppConfigValue('sessionTimeoutWarnInterval') || SESSION_TIMEOUT_INTERVAL.WARN;
+  return Date.now() - lastUserActivityTimeStamp > warnInterval;
+};
 
-const isPastSessionTimeoutTime = (sessionTimeout = getAppConfigValue('sessionTimeoutInterval') || SESSION_TIMEOUT_INTERVAL.EXPIRY) => Date.now() - lastUserActivityTimeStamp > sessionTimeout;
+const isPastSessionTimeoutTime = function () {
+  let sessionTimeout = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : getAppConfigValue('sessionTimeoutInterval') || SESSION_TIMEOUT_INTERVAL.EXPIRY;
+  return Date.now() - lastUserActivityTimeStamp > sessionTimeout;
+};
 
 const notifySessionExpiryWarning = () => {
   sessionExpiryWarningNotified = true;
@@ -83,9 +90,11 @@ export const subscribeToResetSession = onResetListener => {
 };
 export const trackActivity = (element, cb) => {
   if (!element) return () => {};
-  const thorttledCb = throttle(cb, THROTTLING_TIME, {
+
+  const thorttledCb = _throttle(cb, THROTTLING_TIME, {
     leading: true
   });
+
   userInteractionEvents.forEach(r => element.addEventListener(r, thorttledCb));
   return () => {
     userInteractionEvents.forEach(r => element.removeEventListener(r, cb));

package/dist/es/utils/storybook/theme.js

@@ -1,10 +1,13 @@
 import { create } from '@storybook/theming/create';
-export const createTheme = ({
-  base = 'light',
-  brandTitle = 'Platform UI Components',
-  ...rest
-}) => create({
-  base,
-  brandTitle: "".concat(brandTitle, " ").concat(process.env.STORYBOOK_VERSION || ''),
-  ...rest
-});
+export const createTheme = _ref => {
+  let {
+    base = 'light',
+    brandTitle = 'Platform UI Components',
+    ...rest
+  } = _ref;
+  return create({
+    base,
+    brandTitle: "".concat(brandTitle, " ").concat(process.env.STORYBOOK_VERSION || ''),
+    ...rest
+  });
+};

package/dist/es/utils/testing/index.js

@@ -7,15 +7,18 @@ import { browserHistory } from "../history.js";
 const defaultStore = createAppStore({}, browserHistory);
 const defaultTheme = getDefaultTheme();
 
-const AllTheProviders = ({
-  store = defaultStore,
-  theme = defaultTheme,
-  children
-}) => /*#__PURE__*/_jsx(AppRoot, {
-  store: store,
-  history: browserHistory,
-  theme: theme
-}, void 0, children);
+const AllTheProviders = _ref => {
+  let {
+    store = defaultStore,
+    theme = defaultTheme,
+    children
+  } = _ref;
+  return /*#__PURE__*/_jsx(AppRoot, {
+    store: store,
+    history: browserHistory,
+    theme: theme
+  }, void 0, children);
+};
 
 const customRender = (ui, options) => render(ui, {
   wrapper: AllTheProviders,

package/dist/es/utils/testing/render-with-redux.js

@@ -3,14 +3,17 @@ import { render } from '@testing-library/react';
 import { Provider } from 'react-redux';
 import { createAppStore } from "../../data/store.js";
 import { browserHistory } from "../history.js";
-export const renderWithRedux = (ui, {
-  initialState,
-  store = createAppStore(initialState, browserHistory)
-} = {}) => ({ ...render( /*#__PURE__*/_jsx(Provider, {
-    store: store
-  }, void 0, ui)),
-  // adding `store` to the returned utilities to allow us
-  // to reference it in our tests (just try to avoid using
-  // this to test implementation details).
-  store
-});
+export const renderWithRedux = function (ui) {
+  let {
+    initialState,
+    store = createAppStore(initialState, browserHistory)
+  } = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  return { ...render( /*#__PURE__*/_jsx(Provider, {
+      store: store
+    }, void 0, ui)),
+    // adding `store` to the returned utilities to allow us
+    // to reference it in our tests (just try to avoid using
+    // this to test implementation details).
+    store
+  };
+};

package/dist/es/utils/testing/render-with-router-redux.js

@@ -5,20 +5,23 @@ import { Router } from 'react-router-dom';
 import { createMemoryHistory } from 'history';
 import { createAppStore } from "../../data/store.js";
 import { browserHistory } from "../history.js";
-export const renderWithRouterRedux = (ui, {
-  route = '/',
-  history = createMemoryHistory({
-    initialEntries: [route]
-  }),
-  initialState,
-  store = createAppStore(initialState, browserHistory)
-} = {}) => ({ ...render( /*#__PURE__*/_jsx(Provider, {
-    store: store
-  }, void 0, /*#__PURE__*/_jsx(Router, {
-    history: history
-  }, void 0, ui))),
-  // adding `store` to the returned utilities to allow us
-  // to reference it in our tests (just try to avoid using
-  // this to test implementation details).
-  store
-});
+export const renderWithRouterRedux = function (ui) {
+  let {
+    route = '/',
+    history = createMemoryHistory({
+      initialEntries: [route]
+    }),
+    initialState,
+    store = createAppStore(initialState, browserHistory)
+  } = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  return { ...render( /*#__PURE__*/_jsx(Provider, {
+      store: store
+    }, void 0, /*#__PURE__*/_jsx(Router, {
+      history: history
+    }, void 0, ui))),
+    // adding `store` to the returned utilities to allow us
+    // to reference it in our tests (just try to avoid using
+    // this to test implementation details).
+    store
+  };
+};

package/dist/es/utils/testing/render-with-router.js

@@ -2,16 +2,19 @@ import _jsx from "@babel/runtime/helpers/jsx";
 import { render } from '@testing-library/react';
 import { Router } from 'react-router-dom';
 import { createMemoryHistory } from 'history';
-export const renderWithRouter = (ui, {
-  route = '/',
-  history = createMemoryHistory({
-    initialEntries: [route]
-  })
-} = {}) => ({ ...render( /*#__PURE__*/_jsx(Router, {
-    history: history
-  }, void 0, ui)),
-  // adding `history` to the returned utilities to allow us
-  // to reference it in our tests (just try to avoid using
-  // this to test implementation details).
-  history
-});
+export const renderWithRouter = function (ui) {
+  let {
+    route = '/',
+    history = createMemoryHistory({
+      initialEntries: [route]
+    })
+  } = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  return { ...render( /*#__PURE__*/_jsx(Router, {
+      history: history
+    }, void 0, ui)),
+    // adding `history` to the returned utilities to allow us
+    // to reference it in our tests (just try to avoid using
+    // this to test implementation details).
+    history
+  };
+};

package/dist/es/utils/testing/render-with-state-addons.js

@@ -1,5 +1,8 @@
 import _jsx2 from "@babel/runtime/helpers/jsx";
 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";
 
 /* eslint-disable react-hooks/rules-of-hooks */
 import { useEffect, useState } from 'react';
@@ -7,13 +10,14 @@ import { ThemeProvider } from 'styled-components';
 import { getDefaultTheme } from '@elliemae/pui-theme';
 import { useInjectReducer, useInjectSaga } from 'redux-injectors';
 import { jsx as _jsx } from "react/jsx-runtime";
-export const RenderWithStateAddOns = ({
-  Component,
-  reducer,
-  saga,
-  theme = getDefaultTheme(),
-  ...rest
-}) => {
+export const RenderWithStateAddOns = _ref => {
+  let {
+    Component,
+    reducer,
+    saga,
+    theme = getDefaultTheme(),
+    ...rest
+  } = _ref;
   const [ready, setReady] = useState(false);
 
   if (Array.isArray(reducer)) {

package/dist/es/utils/web-storage.js

@@ -1,3 +1,6 @@
+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 localforage from 'localforage';
 const STORAGE = 'storage';
 const GET_SESSION_STORAGE = 'getSessionStorage';

package/dist/es/view/app-root/hosted-app.js

@@ -7,11 +7,14 @@ import { MediaBreakpoint } from "../media-breakpoint/index.js";
 import { WindowSize } from "../window-size/index.js";
 import { HTMLWaitMessage } from "../modals/wait-message/html-wait-message.js";
 import GlobalStyle from "./style.js";
-export const HostedApp = ({
-  children
-}) => /*#__PURE__*/_jsx(_StyledDiv, {}, void 0, _GlobalStyle || (_GlobalStyle = /*#__PURE__*/_jsx(GlobalStyle, {})), _MediaBreakpoint || (_MediaBreakpoint = /*#__PURE__*/_jsx(MediaBreakpoint, {})), _WindowSize || (_WindowSize = /*#__PURE__*/_jsx(WindowSize, {})), _HTMLWaitMessage || (_HTMLWaitMessage = /*#__PURE__*/_jsx(HTMLWaitMessage, {
-  close: true
-})), children);
+export const HostedApp = _ref => {
+  let {
+    children
+  } = _ref;
+  return /*#__PURE__*/_jsx(_StyledDiv, {}, void 0, _GlobalStyle || (_GlobalStyle = /*#__PURE__*/_jsx(GlobalStyle, {})), _MediaBreakpoint || (_MediaBreakpoint = /*#__PURE__*/_jsx(MediaBreakpoint, {})), _WindowSize || (_WindowSize = /*#__PURE__*/_jsx(WindowSize, {})), _HTMLWaitMessage || (_HTMLWaitMessage = /*#__PURE__*/_jsx(HTMLWaitMessage, {
+    close: true
+  })), children);
+};
 
 var _StyledDiv = /*#__PURE__*/_styled("div").withConfig({
   componentId: "sc-njn2ro-0"

package/dist/es/view/app-root/index.js

@@ -27,23 +27,26 @@ const AppToRender = props => {
   });
 };
 
-export const AppRoot = ({
-  store,
-  history,
-  theme = getDefaultTheme(),
-  manageSession = false,
-  WaitMessage,
-  errorTemplate,
-  children
-}) => /*#__PURE__*/_jsx2(ErrorBoundary, {
-  errorTemplate: errorTemplate
-}, void 0, /*#__PURE__*/_jsx2(Provider, {
-  store: store
-}, void 0, /*#__PURE__*/_jsx2(Router, {
-  history: history
-}, void 0, /*#__PURE__*/_jsx2(ThemeProvider, {
-  theme: theme
-}, void 0, /*#__PURE__*/_jsx2(AppToRender, {
-  manageSession: manageSession,
-  WaitMessage: WaitMessage
-}, void 0, children)))));
+export const AppRoot = _ref => {
+  let {
+    store,
+    history,
+    theme = getDefaultTheme(),
+    manageSession = false,
+    WaitMessage,
+    errorTemplate,
+    children
+  } = _ref;
+  return /*#__PURE__*/_jsx2(ErrorBoundary, {
+    errorTemplate: errorTemplate
+  }, void 0, /*#__PURE__*/_jsx2(Provider, {
+    store: store
+  }, void 0, /*#__PURE__*/_jsx2(Router, {
+    history: history
+  }, void 0, /*#__PURE__*/_jsx2(ThemeProvider, {
+    theme: theme
+  }, void 0, /*#__PURE__*/_jsx2(AppToRender, {
+    manageSession: manageSession,
+    WaitMessage: WaitMessage
+  }, void 0, children)))));
+};

package/dist/es/view/app-root/stand-alone-app.js

@@ -11,11 +11,14 @@ import { LiveMessage } from "../live-message/index.js";
 import { ErrorToast } from "../error-toast/index.js";
 import { WaitMessage as DefaultWaitMessage } from "../modals/wait-message/index.js";
 import GlobalStyle from "./style.js";
-export const StandAloneApp = ({
-  manageSession,
-  WaitMessage,
-  children
-}) => /*#__PURE__*/_jsx(LiveAnnouncer, {}, void 0, /*#__PURE__*/_jsx(_StyledDiv, {}, void 0, _GlobalStyle || (_GlobalStyle = /*#__PURE__*/_jsx(GlobalStyle, {})), manageSession && (_SessionTimeout || (_SessionTimeout = /*#__PURE__*/_jsx(SessionTimeout, {}))), _MediaBreakpoint || (_MediaBreakpoint = /*#__PURE__*/_jsx(MediaBreakpoint, {})), _WindowSize || (_WindowSize = /*#__PURE__*/_jsx(WindowSize, {})), _LiveMessage || (_LiveMessage = /*#__PURE__*/_jsx(LiveMessage, {})), WaitMessage || _DefaultWaitMessage || (_DefaultWaitMessage = /*#__PURE__*/_jsx(DefaultWaitMessage, {})), _ErrorToast || (_ErrorToast = /*#__PURE__*/_jsx(ErrorToast, {})), children));
+export const StandAloneApp = _ref => {
+  let {
+    manageSession,
+    WaitMessage,
+    children
+  } = _ref;
+  return /*#__PURE__*/_jsx(LiveAnnouncer, {}, void 0, /*#__PURE__*/_jsx(_StyledDiv, {}, void 0, _GlobalStyle || (_GlobalStyle = /*#__PURE__*/_jsx(GlobalStyle, {})), manageSession && (_SessionTimeout || (_SessionTimeout = /*#__PURE__*/_jsx(SessionTimeout, {}))), _MediaBreakpoint || (_MediaBreakpoint = /*#__PURE__*/_jsx(MediaBreakpoint, {})), _WindowSize || (_WindowSize = /*#__PURE__*/_jsx(WindowSize, {})), _LiveMessage || (_LiveMessage = /*#__PURE__*/_jsx(LiveMessage, {})), WaitMessage || _DefaultWaitMessage || (_DefaultWaitMessage = /*#__PURE__*/_jsx(DefaultWaitMessage, {})), _ErrorToast || (_ErrorToast = /*#__PURE__*/_jsx(ErrorToast, {})), children));
+};
 
 var _StyledDiv = /*#__PURE__*/_styled("div").withConfig({
   componentId: "sc-1ho9g5n-0"

package/dist/es/view/app-root/style.js

@@ -3,6 +3,9 @@ import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral
 var _templateObject;
 
 import { createGlobalStyle } from 'styled-components';
-export default createGlobalStyle([":root{font-size:81.25%;", ";}html,body{height:100%;width:100%;line-height:", ";}body{font-family:", ";background-color:", ";}#app,#app-container,#root,main{height:100%;width:100%;min-height:100%;min-width:100%;}"], ({
-  theme
-}) => theme.media.small(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      font-size: 100%;\n    "]))), props => props.theme.lineHeights.m, props => props.theme.fonts.default, props => props.theme.colors.neutral['000']);
+export default createGlobalStyle([":root{font-size:81.25%;", ";}html,body{height:100%;width:100%;line-height:", ";}body{font-family:", ";background-color:", ";}#app,#app-container,#root,main{height:100%;width:100%;min-height:100%;min-width:100%;}"], _ref => {
+  let {
+    theme
+  } = _ref;
+  return theme.media.small(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      font-size: 100%;\n    "])));
+}, props => props.theme.lineHeights.m, props => props.theme.fonts.default, props => props.theme.colors.neutral['000']);

package/dist/es/view/error-toast/index.stories.js

@@ -17,9 +17,10 @@ export default {
   Component: ErrorToast
 };
 
-const Renderer = ({
-  Comp
-}) => {
+const Renderer = _ref => {
+  let {
+    Comp
+  } = _ref;
   const [show, setShow] = useState(false);
   useEffect(() => {
     setShow(true);
@@ -43,17 +44,20 @@ export const BasicError = () => _Renderer || (_Renderer = /*#__PURE__*/_jsx(Rend
   Comp: Basic
 })); // Action wrappers for readability
 
-const showToast = ({
-  messageText = 'Toast Message',
-  type = ToastType.DEFAULT,
-  ...props
-}) => error.set({
-  type,
-  messageText,
-  messageTitle: type,
-  containerId: 'app-toast',
-  ...props
-});
+const showToast = _ref2 => {
+  let {
+    messageText = 'Toast Message',
+    type = ToastType.DEFAULT,
+    ...props
+  } = _ref2;
+  return error.set({
+    type,
+    messageText,
+    messageTitle: type,
+    containerId: 'app-toast',
+    ...props
+  });
+};
 
 const successToast = props => showToast({ ...props,
   type: ToastType.SUCCESS
@@ -71,14 +75,17 @@ const errorToast = props => showToast({ ...props,
   type: ToastType.ERROR
 });
 
-const ToastButton = ({
-  labelText,
-  onClick
-}) => /*#__PURE__*/_jsx(DSButton, {
-  buttonType: "text",
-  labelText: labelText,
-  onClick: onClick
-});
+const ToastButton = _ref3 => {
+  let {
+    labelText,
+    onClick
+  } = _ref3;
+  return /*#__PURE__*/_jsx(DSButton, {
+    buttonType: "text",
+    labelText: labelText,
+    onClick: onClick
+  });
+};
 
 const ToastMultipleTypes = () => {
   const dispatch = useAppDispatch();

package/dist/es/view/fetch-host-app-data/index.js

@@ -1,11 +1,11 @@
-import _ from 'lodash';
+import _isEmpty from "lodash/isEmpty";
 import { isHostAppDataExist, setHostAppData } from "./store.js";
 import { sendMessageToHost, getHostAppData } from "../message-to-host-app/index.js";
 import { bindEvent } from "../host-binding-events/index.js";
 export const fetchHostAppData = (hostedAppUrl, guestAppId) => {
   const isDataExist = isHostAppDataExist();
   return new Promise(resolve => {
-    if (!_.isEmpty(isDataExist)) {
+    if (!_isEmpty(isDataExist)) {
       resolve();
     } else {
       sendMessageToHost({