@elliemae/pui-app-sdk 3.0.0-beta.1 → 3.0.0-beta.13

package/dist/es/index.js

@@ -1,91 +1,101 @@
-import { isUserAuthorized, login, authorize } from "./utils/auth";
-import { PrivateRoute } from "./route/private-route";
-import { AppRoute } from "./route";
-import { getHTTPClient, getAuthHTTPClient } from "./communication/http-client";
-import { onAuthorizationFailure } from "./communication/http-client/response-interceptor";
-import { auth } from "./data/auth/actions";
-import { default as default2 } from "./utils/constants";
-import { useAppDispatch, useAppSelector } from "./data/react-redux";
+import { isUserAuthorized, login, authorize } from "./utils/auth/index.js";
+import {
+  getHTTPClient,
+  getAuthHTTPClient
+} from "./communication/http-client/index.js";
+import { onAuthorizationFailure } from "./communication/http-client/response-interceptor.js";
+import { auth } from "./data/auth/actions.js";
+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 { getAuthorizationHeader } from "./utils/auth/helper";
-import { getRedirectUrl, removeDoubleSlash } from "./utils/url";
-import { createAppStore } from "./data/store";
-import { browserHistory, memoryHistory } from "./utils/history";
-import { Themes } from "./utils/constants";
-import { ACTIONS } from "./data/navigation-prompt/actions";
-import { loadable } from "./view/loadable";
-import { WaitMessage } from "./view/modals/wait-message";
-import { SessionTimeout } from "./view/session-timeout";
+import { getAuthorizationHeader } from "./utils/auth/helper.js";
+import { getRedirectUrl, removeDoubleSlash } from "./utils/url.js";
+import { createAppStore } from "./data/store.js";
+import { browserHistory, memoryHistory } from "./utils/history.js";
+import { Themes } from "./utils/constants.js";
+import { ACTIONS } from "./data/navigation-prompt/actions.js";
+import { loadable } from "./view/loadable/index.js";
+import { WaitMessage } from "./view/modals/wait-message/index.js";
+import { SessionTimeout } from "./view/session-timeout/index.js";
 import {
   subscribeToSessionExpiryWarning,
   subscribeToSessionExpiry,
   resetUserIdleTime,
   trackActivity
-} from "./utils/session";
-import { waitMessage } from "./data/wait-message/actions";
-import { initServiceWorker } from "./utils/service-worker";
-import { CMicroAppGuest } from "./utils/micro-frontend/guest";
-import { CMicroAppHost } from "./utils/micro-frontend/host";
-import { enableReactAppForHostIntegration } from "./utils/app-host-integration/react";
+} from "./utils/session.js";
+import { waitMessage } from "./data/wait-message/actions.js";
+import { initServiceWorker } from "./utils/service-worker.js";
+import { CMicroAppGuest } from "./utils/micro-frontend/guest.js";
+import { CMicroAppHost } from "./utils/micro-frontend/host.js";
+import { enableReactAppForHostIntegration } from "./utils/app-host-integration/react.js";
 import {
   getAppConfigValue,
   setAppConfigValue,
   setAppConfig
-} from "./utils/app-config/config";
-import { getMicroFrontEndAppConfig } from "./utils/micro-frontend";
-import { loadAppConfig } from "./utils/app-config";
-import { AppRoot } from "./view/app-root";
-import { ErrorBoundary } from "./view/error-boundary";
-import { isProd, isCIBuild } from "./utils/helpers";
-import { listenStorageEvents, removeStorageEvents } from "./utils/web-storage";
+} from "./utils/app-config/config.js";
+import { getMicroFrontEndAppConfig } from "./utils/micro-frontend/index.js";
+import { loadAppConfig } from "./utils/app-config/index.js";
+import { AppRoot } from "./view/app-root/index.js";
+import { ErrorBoundary } from "./view/error-boundary/index.js";
+import { isProd, isCIBuild } from "./utils/helpers.js";
+import {
+  listenStorageEvents,
+  removeStorageEvents
+} from "./utils/web-storage.js";
 import {
   getHostAppDataByKey,
   setHostAppData
-} from "./view/fetch-host-app-data/store";
-import { sendMessageToHost } from "./view/message-to-host-app";
+} from "./view/fetch-host-app-data/store.js";
+import { sendMessageToHost } from "./view/message-to-host-app/index.js";
 import {
   onGuestUnloadStart,
   notifyGuestUnloadComplete
-} from "./view/guest-unload-handlers";
-import { renderWithHostData } from "./view/render-with-host-data";
-import { fetchHostAppData } from "./view/fetch-host-app-data";
-export * from "./utils/testing";
-import { renderWithRouterRedux } from "./utils/testing/render-with-router-redux";
-import { renderWithRedux } from "./utils/testing/render-with-redux";
-import { renderWithRouter } from "./utils/testing/render-with-router";
-import { RenderWithStateAddOns } from "./utils/testing/render-with-state-addons";
-import { getApiActionCreator, getSelectField } from "./api/helpers";
-import { useMediaBreakpoints } from "./view/useMediaBreakpoints";
-import { withAppDecorator } from "./view/storybook/decorator";
-import { Header } from "./view/header";
-import { ErrorToast } from "./view/error-toast";
-import { Form } from "./view/form";
-import { ConnectForm } from "./view/fields/connect-form";
-import { FormItemLayout } from "./view/fields/form-item-layout";
-import { TextBox } from "./view/fields/text-box";
-import { LargeTextBox } from "./view/fields/large-text-box";
-import { InputMask, MASK_TYPES, MASK_PIPES } from "./view/fields/input-mask";
-import { ComboBox } from "./view/fields/combo-box";
-import { CheckBox } from "./view/fields/check-box";
-import { Radio } from "./view/fields/radio";
-import { RadioGroup } from "./view/fields/radio-group";
-import { DateInput } from "./view/fields/date-input";
-import { DatePicker } from "./view/fields/date-picker";
-import { FormSubmitButton } from "./view/form/submit-button";
-import { MediaBreakpoint } from "./view/media-breakpoint";
-import { VisuallyHidden } from "./view/visually-hidden";
-import { actions } from "./data/live-message";
-import { actions as actions2 } from "./data/error";
-import { actions as actions3 } from "./data/logout/actions";
-import { MicroApp } from "./view/micro-app";
-import { MicroIFrameApp } from "./view/micro-iframe-app";
-import { getNavigationLinks } from "./view/micro-app/utils";
-import { getStore } from "./data/store";
-import { RegisterService } from "./utils/guest-with-service";
-import { setAppDynamicsUserData } from "./analytics/appdynamics";
-import { sendBAEvent } from "./analytics";
-import { updateBAEventParameters } from "./analytics/web-analytics";
-import { redactPii } from "./utils/redact-pii";
+} from "./view/guest-unload-handlers/index.js";
+import { renderWithHostData } from "./view/render-with-host-data/index.js";
+import { fetchHostAppData } from "./view/fetch-host-app-data/index.js";
+export * from "./utils/testing/index.js";
+import { renderWithRouterRedux } from "./utils/testing/render-with-router-redux.js";
+import { renderWithRedux } from "./utils/testing/render-with-redux.js";
+import { renderWithRouter } from "./utils/testing/render-with-router.js";
+import { RenderWithStateAddOns } from "./utils/testing/render-with-state-addons.js";
+import { getApiActionCreator, getSelectField } from "./api/helpers.js";
+import { getUser } from "./api/users/index.js";
+import { useMediaBreakpoints } from "./view/useMediaBreakpoints/index.js";
+import { withAppDecorator } from "./view/storybook/decorator.js";
+import { ErrorToast } from "./view/error-toast/index.js";
+import { Form } from "./view/form/index.js";
+import { ConnectForm } from "./view/fields/connect-form.js";
+import { FormItemLayout } from "./view/fields/form-item-layout/index.js";
+import { TextBox } from "./view/fields/text-box/index.js";
+import { LargeTextBox } from "./view/fields/large-text-box/index.js";
+import {
+  InputMask,
+  MASK_TYPES,
+  MASK_PIPES
+} from "./view/fields/input-mask/index.js";
+import { ComboBox } from "./view/fields/combo-box/index.js";
+import { CheckBox } from "./view/fields/check-box/index.js";
+import { Radio } from "./view/fields/radio/index.js";
+import { RadioGroup } from "./view/fields/radio-group/index.js";
+import { DateInput } from "./view/fields/date-input/index.js";
+import { DatePicker } from "./view/fields/date-picker/index.js";
+import { FormSubmitButton } from "./view/form/submit-button/index.js";
+import { MediaBreakpoint } from "./view/media-breakpoint/index.js";
+import { VisuallyHidden } from "./view/visually-hidden/index.js";
+import { actions } from "./data/live-message/index.js";
+import { actions as actions2 } from "./data/error/index.js";
+import { actions as actions3 } from "./data/logout/actions.js";
+import { MicroApp } from "./view/micro-app/index.js";
+import { MicroIFrameApp } from "./view/micro-iframe-app/index.js";
+import { getNavigationLinks } from "./view/micro-app/utils.js";
+import { getStore } from "./data/store.js";
+import { RegisterService } from "./utils/guest-with-service.js";
+import { setAppDynamicsUserData } from "./analytics/appdynamics.js";
+import { sendBAEvent } from "./analytics/index.js";
+import { updateBAEventParameters } from "./analytics/web-analytics.js";
+import { redactPii } from "./utils/redact-pii.js";
 export {
   AppRoot,
   CMicroAppGuest,
@@ -100,7 +110,6 @@ export {
   Form,
   FormItemLayout,
   FormSubmitButton,
-  Header,
   InputMask,
   LargeTextBox,
   MASK_PIPES,
@@ -109,12 +118,12 @@ export {
   MicroApp,
   MicroIFrameApp,
   ACTIONS as NavigationPromptActions,
-  PrivateRoute,
+  Page,
   Radio,
   RadioGroup,
   RegisterService,
   RenderWithStateAddOns,
-  AppRoute as Route,
+  RequireAuth,
   SessionTimeout,
   TextBox,
   Themes,
@@ -127,6 +136,7 @@ export {
   enableReactAppForHostIntegration,
   actions2 as error,
   fetchHostAppData,
+  getUser as fetchUserSettings,
   getApiActionCreator,
   getAppConfigValue,
   getAuthHTTPClient,

package/dist/es/index.pug

@@ -0,0 +1,15 @@
+doctype html
+head
+  meta(charset='UTF-8')
+  meta(name='viewport' content='width=device-width, initial-scale=1.0')
+  meta(http-equiv='X-UA-Compatible' content='ie=edge')
+  title #{htmlWebpackPlugin.options.libraryName}
+p This library #{htmlWebpackPlugin.options.libraryName} exposes the following properties
+ul#libraryAttributes
+script(lang='javascript').
+  window.onload = () => {
+  const attribNode = document.getElementById('libraryAttributes');
+  if (attribNode) {
+  attribNode.innerHTML = Object.keys(window['#{htmlWebpackPlugin.options.libraryName}'] || {}).reduce((value, attribute) => value += `<li>${attribute}</li>`, '');
+  }
+

package/dist/es/micro-frontend.js

@@ -0,0 +1,10 @@
+import { CMicroAppGuest } from "./utils/micro-frontend/guest.js";
+import { CMicroAppHost } from "./utils/micro-frontend/host.js";
+import { getMicroFrontEndAppConfig } from "./utils/micro-frontend/index.js";
+import { enableReactAppForHostIntegration } from "./utils/app-host-integration/react.js";
+export {
+  CMicroAppGuest,
+  CMicroAppHost,
+  enableReactAppForHostIntegration,
+  getMicroFrontEndAppConfig
+};

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

@@ -7,10 +7,10 @@ import {
   LOGIN,
   LOGOUT,
   LOGIN_SUCCESS
-} from "../../data/auth/actions";
-import { authorize, endSession } from "../../utils/auth";
-import { getLogger } from "../../utils/micro-frontend";
-import { logRecords } from "../../utils/log-records";
+} from "../../data/auth/actions.js";
+import { authorize, endSession } from "../../utils/auth/index.js";
+import { getLogger } from "../../utils/micro-frontend/index.js";
+import { logRecords } from "../../utils/log-records.js";
 function* login({
   payload
 }) {

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

@@ -1,8 +1,8 @@
 import { call, takeLatest } from "redux-saga/effects";
-import { actions } from "../../data/error";
-import { CMicroAppGuest } from "../../utils/micro-frontend/guest";
-import { getLogger } from "../../utils/micro-frontend";
-import { logRecords } from "../../utils/log-records";
+import { actions } from "../../data/error/index.js";
+import { CMicroAppGuest } from "../../utils/micro-frontend/guest.js";
+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));

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

@@ -1,8 +1,8 @@
 import { call, takeLatest } from "redux-saga/effects";
-import { ACTIONS } from "../../data/wait-message/actions";
-import { CMicroAppGuest } from "../../utils/micro-frontend/guest";
-import { getLogger } from "../../utils/micro-frontend";
-import { logRecords } from "../../utils/log-records";
+import { ACTIONS } from "../../data/wait-message/actions.js";
+import { CMicroAppGuest } from "../../utils/micro-frontend/guest.js";
+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));

package/dist/es/utils/app-config/config.js

@@ -4,7 +4,7 @@ const setAppConfig = (config) => {
   gAppConfig = config;
 };
 const getAppConfigValue = (key = "", defaultValue = null) => _.clone(_.get(gAppConfig, key, defaultValue));
-const setAppConfigValue = (key = "", value) => _.set(gAppConfig, key, value);
+const setAppConfigValue = (key, value) => _.set(gAppConfig, key, value);
 const hasItem = (key = "") => _.has(gAppConfig, key);
 export {
   getAppConfigValue,

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

@@ -1,8 +1,8 @@
 import _ from "lodash";
-import { getHTTPClient } from "../../communication/http-client";
-import { setAppConfig } from "./config";
-import { setAppDynamicsUserData } from "../../analytics/appdynamics";
-import { updateBAEventParameters } from "../../analytics/web-analytics";
+import { getHTTPClient } from "../../communication/http-client/index.js";
+import { setAppConfig } from "./config.js";
+import { setAppDynamicsUserData } from "../../analytics/appdynamics.js";
+import { updateBAEventParameters } from "../../analytics/web-analytics.js";
 const parseAppConfig = (data) => {
   const { activeEnv } = data;
   const activeEnvConfig = data.env[activeEnv] || {};

package/dist/es/utils/app-host-integration/react.js

@@ -1,6 +1,6 @@
 import {
   CMicroAppGuest
-} from "../micro-frontend/guest";
+} from "../micro-frontend/guest.js";
 const enableReactAppForHostIntegration = ({
   onInit,
   onMount

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

@@ -1,4 +1,4 @@
-import enums from "../constants";
+import enums from "../constants.js";
 const getAuthorizationHeader = () => sessionStorage.getItem(enums.AUTHORIZATION) || "";
 const setAuthorizationHeader = (token) => {
   sessionStorage.setItem(enums.AUTHORIZATION, token);

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

@@ -1,16 +1,16 @@
-import { browserHistory as history } from "../history";
+import { browserHistory as history } from "../history.js";
 import {
   getToken,
   revokeToken,
   introspectToken
-} from "../../api/auth";
-import { getUser } from "../../api/users";
-import { loginEvent, logoutEvent } from "../../analytics/user-session-event";
-import { setAppDynamicsUserData } from "../../analytics/appdynamics";
-import { getAuthorizationHeader, setAuthorizationHeader } from "./helper";
-import { getAppConfigValue } from "../app-config/config";
-import { getLogger } from "../micro-frontend";
-import { logRecords } from "../log-records";
+} from "../../api/auth/index.js";
+import { getUser } from "../../api/users/index.js";
+import { loginEvent, logoutEvent } from "../../analytics/user-session-event.js";
+import { setAppDynamicsUserData } from "../../analytics/appdynamics.js";
+import { getAuthorizationHeader, setAuthorizationHeader } from "./helper.js";
+import { getAppConfigValue } from "../app-config/config.js";
+import { getLogger } from "../micro-frontend/index.js";
+import { logRecords } from "../log-records.js";
 const IDP_ENDPOINT_CONFIG_KEY = "serviceEndpoints.idp";
 const isUserAuthorized = () => !!getAuthorizationHeader();
 const getIDPInfoFromUrl = () => {

package/dist/es/utils/helpers.js

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

package/dist/es/utils/micro-frontend/console-logger.js

@@ -1,5 +1,5 @@
 import { logger as uiLogger, Console } from "@elliemae/pui-diagnostics";
-import { getAppConfigValue } from "../app-config/config";
+import { getAppConfigValue } from "../app-config/config.js";
 const logger = (() => {
   if (!uiLogger)
     return console;

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

@@ -2,14 +2,14 @@ import ReactDOM from "react-dom";
 import _ from "lodash";
 import ssfGuest from "@elliemae/em-ssf-guest";
 import { getDefaultTheme } from "@elliemae/pui-theme";
-import { getWindow } from "../window";
-import { loadAppConfig } from "../app-config";
-import { getAppConfigValue } from "../app-config/config";
-import { browserHistory } from "../history";
-import { logger } from "./console-logger";
-import { removeStorageEvents } from "../web-storage";
-import { updateBAEventParameters } from "../../analytics/web-analytics";
-import { setAppDynamicsUserData } from "../../analytics/appdynamics";
+import { getWindow } from "../window.js";
+import { loadAppConfig } from "../app-config/index.js";
+import { getAppConfigValue } from "../app-config/config.js";
+import { browserHistory } from "../history.js";
+import { logger } from "./console-logger.js";
+import { removeStorageEvents } from "../web-storage.js";
+import { updateBAEventParameters } from "../../analytics/web-analytics.js";
+import { setAppDynamicsUserData } from "../../analytics/appdynamics.js";
 const isCrossDomain = () => {
   try {
     window.parent.document;
@@ -82,7 +82,7 @@ class CMicroAppGuest {
       if (!isCrossDomain()) {
         host = window.parent?.emui?.MicroAppHost || null;
       } else if (ssfGuest && this.props.hostName) {
-        ssfGuest.connect();
+        await ssfGuest.connect();
         const timeout = new Promise((resolve) => {
           setTimeout(resolve, 100, null);
         });

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

@@ -1,25 +1,26 @@
 import { publish, subscribe, unsubscribe } from "pubsub-js";
 import { getDefaultTheme } from "@elliemae/pui-theme";
-import { getStore } from "../../data/store";
-import { waitMessage } from "../../data/wait-message/actions";
-import { actions as error } from "../../data/error";
-import { logout } from "../../data/logout/actions";
-import { getAppConfigValue } from "../app-config/config";
-import { resetUserIdleTime } from "../session";
-import { loadAppConfig } from "../app-config";
-import { browserHistory } from "../history";
-import { logger } from "./console-logger";
+import { getStore } from "../../data/store.js";
+import { waitMessage } from "../../data/wait-message/actions.js";
+import { actions as error } from "../../data/error/index.js";
+import { logout } from "../../data/logout/actions.js";
+import { getAppConfigValue } from "../app-config/config.js";
+import { resetUserIdleTime } from "../session.js";
+import { loadAppConfig } from "../app-config/index.js";
+import { browserHistory } from "../history.js";
+import { logger } from "./console-logger.js";
 import {
   HOST_WINDOW_RESIZED,
   HOST_WINDOW_BREAKPOINT_CHANGED
-} from "../constants";
+} from "../constants.js";
 import {
+  getWindow,
   getCurrentBreakpoint,
   getViewportSize as getWindowViewportSize
-} from "../window";
-import { sendBAEvent } from "../../analytics";
-import { setAppDynamicsUserData } from "../../analytics/appdynamics";
-import { updateBAEventParameters } from "../../analytics/web-analytics";
+} from "../window.js";
+import { sendBAEvent } from "../../analytics/index.js";
+import { setAppDynamicsUserData } from "../../analytics/appdynamics.js";
+import { updateBAEventParameters } from "../../analytics/web-analytics.js";
 class CMicroAppHost {
   constructor(params) {
     this.appId = getAppConfigValue("appId");
@@ -64,10 +65,10 @@ class CMicroAppHost {
     return this.logger;
   }
   getItem(key) {
-    return window.parent.sessionStorage.getItem(key);
+    return getWindow().sessionStorage.getItem(key);
   }
   setItem(key, value) {
-    window.parent.sessionStorage.setItem(key, value);
+    getWindow().sessionStorage.setItem(key, value);
   }
   getGuests() {
     return this.activeGuests;
@@ -104,10 +105,10 @@ class CMicroAppHost {
       store.dispatch(error.set({ description: message }));
   }
   getAuthToken() {
-    return window.parent.sessionStorage.getItem("Authorization");
+    return getWindow().sessionStorage.getItem("Authorization");
   }
   renewAuthToken() {
-    return window.parent.sessionStorage.getItem("Authorization");
+    return getWindow().sessionStorage.getItem("Authorization");
   }
   logout() {
     const store = getStore();

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

@@ -1,8 +1,8 @@
 import _ from "lodash";
-import { CMicroAppGuest } from "./guest";
-import { CMicroAppHost } from "./host";
-import { getAppConfigValue } from "../app-config/config";
-import { convertRelativeToAbsoluteUrl, isCIBuild } from "../helpers";
+import { CMicroAppGuest } from "./guest.js";
+import { CMicroAppHost } from "./host.js";
+import { getAppConfigValue } from "../app-config/config.js";
+import { convertRelativeToAbsoluteUrl, isCIBuild } from "../helpers.js";
 const isHost = () => CMicroAppHost.isInitialized();
 const isGuest = () => CMicroAppGuest.isInitialized();
 const isStandAloneGuest = () => isGuest() && window.top === window.self;

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

@@ -1,5 +1,5 @@
-import "./log-records";
-import { getLogger } from "./micro-frontend";
+import "./log-records.js";
+import { getLogger } from "./micro-frontend/index.js";
 const initServiceWorker = (swDest = "") => {
   const logger = getLogger() || console;
   if (false) {

package/dist/es/utils/session.js

@@ -1,6 +1,6 @@
 import { throttle } from "lodash";
-import { getAppConfigValue } from "./app-config/config";
-import { SESSION_TIMEOUT_INTERVAL } from "./constants";
+import { getAppConfigValue } from "./app-config/config.js";
+import { SESSION_TIMEOUT_INTERVAL } from "./constants.js";
 const THROTTLING_TIME = 6e3;
 let lastUserActivityTimeStamp = Date.now();
 const warnListeners = [];
@@ -10,12 +10,12 @@ const userInteractionEvents = ["click", "scroll", "keypress", "touchstart"];
 let sessionExpiryWarningNotified = false;
 let timerHandle;
 let sessionExpiryWarningNotifiedAt;
-const resetUserIdleTime = () => {
+const resetUserIdleTime = (resetWarningModal = false) => {
   sessionExpiryWarningNotified = false;
   sessionExpiryWarningNotifiedAt = null;
   lastUserActivityTimeStamp = Date.now();
   Promise.resolve().then(() => {
-    resetListeners.forEach((listener) => listener());
+    resetListeners.forEach((listener) => listener(resetWarningModal));
   }).catch(() => {
   });
 };

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

@@ -1,5 +1,5 @@
 import { addons } from "@storybook/addons";
-import { createTheme } from "./theme";
+import { createTheme } from "./theme.js";
 const init = (theme) => {
   addons.setConfig({
     panelPosition: "bottom",

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

@@ -1,13 +1,12 @@
 import { getDefaultTheme } from "@elliemae/pui-theme";
-import { createAppStore } from "../../data/store";
-import { withAppDecorator } from "../../view/storybook/decorator";
-import { loadAppConfig } from "../app-config";
-import { createTheme } from "./theme";
-import { browserHistory } from "../history";
+import { createAppStore } from "../../data/store.js";
+import { withAppDecorator } from "../../view/storybook/decorator.js";
+import { loadAppConfig } from "../app-config/index.js";
+import { createTheme } from "./theme.js";
+import { browserHistory } from "../history.js";
 import "@elliemae/ds-basic/css/dimsum.css";
-(async () => {
-  await loadAppConfig(__webpack_public_path__);
-})();
+loadAppConfig(__webpack_public_path__).catch(() => {
+});
 const theme = getDefaultTheme();
 const store = createAppStore({}, browserHistory);
 const appDecorator = withAppDecorator.bind(null, theme, store);

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

@@ -1,8 +1,9 @@
+import * as React from "react";
 import { render } from "@testing-library/react";
 import { getDefaultTheme } from "@elliemae/pui-theme";
-import { createAppStore } from "../../data/store";
-import { AppRoot } from "../../view/app-root";
-import { browserHistory } from "../history";
+import { createAppStore } from "../../data/store.js";
+import { AppRoot } from "../../view/app-root/index.js";
+import { browserHistory } from "../history.js";
 const defaultStore = createAppStore({}, browserHistory);
 const defaultTheme = getDefaultTheme();
 const AllTheProviders = ({

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

@@ -1,7 +1,8 @@
+import * as React from "react";
 import { render } from "@testing-library/react";
 import { Provider } from "react-redux";
-import { createAppStore } from "../../data/store";
-import { browserHistory } from "../history";
+import { createAppStore } from "../../data/store.js";
+import { browserHistory } from "../history.js";
 const renderWithRedux = (ui, {
   initialState,
   store = createAppStore(initialState, browserHistory)

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

@@ -1,9 +1,10 @@
+import * as React from "react";
 import { render } from "@testing-library/react";
 import { Provider } from "react-redux";
-import { Router } from "react-router-dom";
 import { createMemoryHistory } from "history";
-import { createAppStore } from "../../data/store";
-import { browserHistory } from "../history";
+import { createAppStore } from "../../data/store.js";
+import { browserHistory } from "../history.js";
+import { AppRouter } from "../../view/app-router.js";
 const renderWithRouterRedux = (ui, {
   route = "/",
   history = createMemoryHistory({ initialEntries: [route] }),
@@ -12,7 +13,7 @@ const renderWithRouterRedux = (ui, {
 } = {}) => ({
   ...render(/* @__PURE__ */ React.createElement(Provider, {
     store
-  }, /* @__PURE__ */ React.createElement(Router, {
+  }, /* @__PURE__ */ React.createElement(AppRouter, {
     history
   }, ui))),
   store

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

@@ -1,15 +1,19 @@
+import * as React from "react";
 import { render } from "@testing-library/react";
-import { Router } from "react-router-dom";
 import { createMemoryHistory } from "history";
+import { AppRouter } from "../../view/app-router.js";
 const renderWithRouter = (ui, {
   route = "/",
   history = createMemoryHistory({ initialEntries: [route] })
-} = {}) => ({
-  ...render(/* @__PURE__ */ React.createElement(Router, {
+} = {}) => {
+  const renderResult = render(/* @__PURE__ */ React.createElement(AppRouter, {
     history
-  }, ui)),
-  history
-});
+  }, ui));
+  return {
+    ...renderResult,
+    history
+  };
+};
 export {
   renderWithRouter
 };

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

@@ -1,3 +1,4 @@
+import * as React from "react";
 import { useEffect, useState } from "react";
 import { ThemeProvider } from "styled-components";
 import { getDefaultTheme } from "@elliemae/pui-theme";