@elliemae/pui-app-sdk 5.7.1 → 6.0.0-next.10

package/dist/esm/data/store.js

@@ -5,14 +5,18 @@ import createSagaMiddleware from "redux-saga";
 import { createReducer } from "./reducers.js";
 import { enableHotReloading } from "./webpack-hmr.js";
 import { queryMiddleware } from "./queryMiddleware.js";
-import { listenerMiddleware } from "./listenerMiddleware.js";
+import { getListenerMiddleware } from "./listenerMiddleware.js";
 const rootReducer = createReducer();
 let appStore = null;
 const setStore = (store) => {
   appStore = store;
 };
 const getStore = () => appStore;
-const createStore = (initialState, sagaMiddleware, history, middlewareConfig = {}) => {
+const createStore = ({
+  initialState,
+  sagaMiddleware,
+  middlewareConfig
+}) => {
   const { run: runSaga } = sagaMiddleware;
   const enhancers = [
     createInjectorsEnhancer({
@@ -22,23 +26,23 @@ const createStore = (initialState, sagaMiddleware, history, middlewareConfig = {
   ];
   const baseStore = configureStore({
     reducer: rootReducer,
-    middleware: (getDefaultMiddleware) => getDefaultMiddleware(middlewareConfig).prepend(listenerMiddleware.middleware).concat([sagaMiddleware, queryMiddleware]),
+    middleware: (getDefaultMiddleware) => getDefaultMiddleware(middlewareConfig).prepend(getListenerMiddleware()).concat([sagaMiddleware, queryMiddleware]),
     devTools: true,
     preloadedState: initialState,
-    enhancers
+    enhancers: (getDefaultEnhancers) => getDefaultEnhancers().concat(enhancers)
   });
   setupListeners(baseStore.dispatch);
   enableHotReloading(baseStore);
   return baseStore;
 };
-const createAppStore = (initialState = {}, history, middlewareConfig) => {
+const createAppStore = (options = {}) => {
+  const { initialState = {}, middlewareConfig } = options;
   const sagaMiddleware = createSagaMiddleware({});
-  const store = createStore(
+  const store = createStore({
     initialState,
     sagaMiddleware,
-    history,
     middlewareConfig
-  );
+  });
   setStore(store);
   return store;
 };

package/dist/esm/data/wait-message-state.js

@@ -0,0 +1,26 @@
+import { createSlice } from "@reduxjs/toolkit";
+const LOADING_MSG = "loading...";
+const initialState = {
+  isOpen: null,
+  message: LOADING_MSG
+};
+const waitMessageSlice = createSlice({
+  name: "waitMessage",
+  initialState,
+  reducers: {
+    open: (state, action) => {
+      state.isOpen = true;
+      state.message = action.payload ?? LOADING_MSG;
+    },
+    close: (state) => {
+      state.isOpen = false;
+    }
+  }
+});
+const { actions } = waitMessageSlice;
+const waitMessageReducer = waitMessageSlice.reducer;
+export {
+  actions,
+  initialState,
+  waitMessageReducer
+};

package/dist/esm/index.js

@@ -5,10 +5,10 @@ import {
 } from "./communication/http-client/index.js";
 import { sdkBaseQuery } from "./communication/http-client/baseQuery.js";
 import { onAuthorizationFailure } from "./communication/http-client/response-interceptor.js";
-import { auth } from "./data/auth/actions.js";
+import { actions } from "./data/auth-state.js";
 import { RequireAuth } from "./view/require-auth.js";
 import { authentication } from "./sideeffect/auth/index.js";
-import { authReducer } from "./data/auth/reducer.js";
+import { authReducer } from "./data/auth-state.js";
 import { Page } from "./view/page.js";
 import { default as default2 } from "./utils/constants.js";
 import {
@@ -35,7 +35,6 @@ 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/wait-message/index.js";
 import { SessionTimeout } from "./view/session-timeout/index.js";
@@ -46,7 +45,7 @@ import {
   resetUserIdleTime,
   trackActivity
 } from "./utils/session.js";
-import { waitMessage } from "./data/wait-message/actions.js";
+import { actions as actions2 } from "./data/wait-message-state.js";
 import { initServiceWorker } from "./utils/service-worker.js";
 import { CMicroAppGuest } from "./utils/micro-frontend/guest.js";
 import { CMicroAppHost } from "./utils/micro-frontend/host.js";
@@ -91,24 +90,11 @@ 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 { 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";
-import { TextBox } from "./view/fields/text-box/index.js";
 import { InputText } from "./view/fields/input-text/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 { MaskedInputText } from "./view/fields/masked-input-text/index.js";
-import { ComboBox } from "./view/fields/combo-box/index.js";
 import { ComboBoxV3 } from "./view/fields/combo-box-v3/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 { DateTimePicker } from "./view/fields/date-time-picker/index.js";
 import { DateRangePicker } from "./view/fields/date-range-picker/index.js";
 import { Autocomplete } from "./view/fields/autocomplete/index.js";
@@ -116,9 +102,9 @@ import { Toggle } from "./view/fields/toggle/index.js";
 import { FormSubmitButton } from "./view/form/submit-button/index.js";
 import { useMediaQueryList } from "./view/breakpoint/use-media-query-list.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 { actions as actions3 } from "./data/live-message-state.js";
+import { actions as actions4 } from "./data/error-state.js";
+import { logout } 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";
@@ -134,43 +120,31 @@ export {
   CMicroAppGuest,
   CMicroAppHost,
   CheckBox,
-  ComboBox,
   ComboBoxV3,
   ConnectForm,
-  DateInput,
-  DatePicker,
   DateRangePicker,
   DateTimePicker,
   ErrorBoundary,
   ErrorToast,
   Form,
-  FormItemLayout,
   FormLayoutBlockItem,
   FormSubmitButton,
-  InputMask,
   InputText,
-  LargeTextBox,
-  MASK_PIPES,
-  MASK_TYPES,
   MaskedInputText,
   MicroApp,
   MicroIFrameApp,
   NavigationPrompt,
-  ACTIONS as NavigationPromptActions,
   Page,
-  Radio,
-  RadioGroup,
   RegisterService,
   RenderWithStateAddOns,
   RequireAuth,
   SessionTimeout,
-  TextBox,
   Themes,
   Toggle,
   VisuallyHidden,
   WaitMessage,
-  actions as ariaLive,
-  auth,
+  actions3 as ariaLive,
+  actions as auth,
   authReducer,
   authentication as authSaga,
   authorize,
@@ -179,7 +153,7 @@ export {
   createManager,
   createSideEffect,
   enableReactAppForHostIntegration,
-  actions2 as error,
+  actions4 as error,
   errorMiddleware,
   fetchHostAppData,
   getUser as fetchUserSettings,
@@ -205,7 +179,7 @@ export {
   loadAppConfig,
   loadable,
   login,
-  actions3 as logout,
+  logout,
   memoryHistory,
   notifyGuestUnloadComplete,
   onAuthorizationFailure,
@@ -240,6 +214,6 @@ export {
   useInjectSaga,
   useInjectSideEffect,
   useMediaQueryList,
-  waitMessage as waitMessageAction,
+  actions2 as waitMessageAction,
   withAppDecorator
 };

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

@@ -3,20 +3,16 @@ import {
   put,
   takeLatest
 } from "redux-saga/effects";
-import {
-  LOGIN,
-  LOGOUT,
-  LOGIN_SUCCESS
-} 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";
+import { actions } from "../../data/auth-state.js";
 function* login({
   payload
 }) {
   try {
     yield call(authorize, payload);
-    yield put({ type: LOGIN_SUCCESS });
+    yield put({ type: actions.loginSuccess.type });
   } catch (err) {
     getLogger().error({
       ...logRecords.LOGIN_FAILED,
@@ -37,8 +33,8 @@ function* logout({
   }
 }
 function* authentication() {
-  yield takeLatest(LOGIN, login);
-  yield takeLatest(LOGOUT, logout);
+  yield takeLatest(actions.login.type, login);
+  yield takeLatest(actions.logout.type, logout);
 }
 export {
   authentication,

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

@@ -1,5 +1,5 @@
 import { call, takeLatest } from "redux-saga/effects";
-import { actions } from "../../data/error/index.js";
+import { actions } from "../../data/error-state.js";
 import { CMicroAppGuest } from "../../utils/micro-frontend/guest.js";
 import { getLogger } from "../../utils/micro-frontend/index.js";
 import { logRecords } from "../../utils/log-records.js";
@@ -9,7 +9,7 @@ function* openErrorToast(action) {
       CMicroAppGuest.getInstance.bind(CMicroAppGuest)
     );
     const host = yield call(microApp.getHost.bind(microApp));
-    const message = action?.payload?.description || action?.payload?.messageText;
+    const message = action?.payload?.description ?? action?.payload?.messageText;
     if (host && message)
       yield call(host.openErrorBanner.bind(host), message);
   } catch (ex) {

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

@@ -1,5 +1,5 @@
 import { call, takeLatest } from "redux-saga/effects";
-import { ACTIONS } from "../../data/wait-message/actions.js";
+import { actions } from "../../data/wait-message-state.js";
 import { CMicroAppGuest } from "../../utils/micro-frontend/guest.js";
 import { getLogger } from "../../utils/micro-frontend/index.js";
 import { logRecords } from "../../utils/log-records.js";
@@ -34,8 +34,8 @@ function* closeWaitMessage() {
   }
 }
 function* waitMessage() {
-  yield takeLatest(ACTIONS.OPEN, openWaitMessage);
-  yield takeLatest(ACTIONS.CLOSE, closeWaitMessage);
+  yield takeLatest(actions.open.type, openWaitMessage);
+  yield takeLatest(actions.close.type, closeWaitMessage);
 }
 export {
   waitMessage

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

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

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

@@ -15,8 +15,8 @@ const IDP_ENDPOINT_CONFIG_KEY = "serviceEndpoints.idp";
 const isUserAuthorized = () => !!getAuthorizationHeader();
 const getIDPInfoFromUrl = () => {
   const currentUrl = new URL(window.location.href);
-  const idpCode = currentUrl.searchParams.get("code") || "";
-  const idpErrorCode = currentUrl.searchParams.get("error_code") || "";
+  const idpCode = currentUrl.searchParams.get("code") ?? "";
+  const idpErrorCode = currentUrl.searchParams.get("error_code") ?? "";
   currentUrl.search = "";
   return { idpCode, idpErrorCode, redirectUri: currentUrl.href };
 };

package/dist/esm/utils/font-size.js

@@ -1,4 +1,4 @@
-const docFontSize = document && document.documentElement ? getComputedStyle(document.documentElement).fontSize : "16";
+const docFontSize = document?.documentElement ? getComputedStyle(document.documentElement).fontSize : "16";
 const remToPx = (rem) => rem * parseFloat(docFontSize);
 const pxToRem = (px) => `${px / parseFloat(docFontSize)}rem`;
 export {

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

@@ -29,16 +29,16 @@ class CMicroAppGuest {
   onGetRef;
   constructor(params) {
     this.containerId = "app-container";
-    this.appId = window.emui?.appId || getAppConfigValue("appId");
+    this.appId = window.emui?.appId ?? getAppConfigValue("appId");
     this.props = {
       host: null,
       hostUrl: null,
       prevState: null,
-      history: params?.history || browserHistory,
+      history: params?.history ?? browserHistory,
       theme: getDefaultTheme(),
       manifestPath: "./latest"
     };
-    this.logger = params?.logger || logger;
+    this.logger = params?.logger ?? logger;
     this.onInit = params?.onInit;
     this.onMount = params?.onMount;
     this.onUnmount = params?.onUnmount;
@@ -88,7 +88,7 @@ class CMicroAppGuest {
     let host = null;
     if (window.parent !== window) {
       if (!isCrossDomain()) {
-        host = window.parent?.emui?.MicroAppHost || null;
+        host = window.parent?.emui?.MicroAppHost ?? null;
       }
       if (!host) {
         const ssfAdapter = new SSFGuestAdapter();
@@ -101,7 +101,7 @@ class CMicroAppGuest {
   }
   async init(options) {
     this.props = _.merge(this.props, options);
-    this.props.history = options?.history || this.props.history;
+    this.props.history = options?.history ?? this.props.history;
     if (!this.props.host) {
       const host = await this.getSSFAdapter();
       if (host)
@@ -109,8 +109,8 @@ class CMicroAppGuest {
     }
     __webpack_public_path__ = __webpack_public_path__.replace(/\/?$/, "/");
     return loadAppConfig().then(() => {
-      const instanceId = this.getSessionStorageItem("instanceId") || "";
-      const userId = this.getSessionStorageItem("userId") || "";
+      const instanceId = this.getSessionStorageItem("instanceId") ?? "";
+      const userId = this.getSessionStorageItem("userId") ?? "";
       updateBAEventParameters({ appId: this.appId, instanceId, userId });
       setAppDynamicsUserData({ appId: this.appId, instanceId, userId });
       if (this.onInit)
@@ -133,6 +133,7 @@ class CMicroAppGuest {
   getRef() {
     return this.onGetRef ? this.onGetRef() : null;
   }
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
   navigate(url, state) {
     if (url)
       this.props.history.push(url, state);

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

@@ -1,9 +1,9 @@
 import { publish, subscribe, unsubscribe } from "pubsub-js";
 import { getDefaultTheme } from "@elliemae/pui-theme";
 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 { actions as waitMessage } from "../../data/wait-message-state.js";
+import { actions as error } from "../../data/error-state.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";
@@ -29,11 +29,12 @@ class CMicroAppHost {
   activeGuests;
   onInit;
   onRenewSessionTimer;
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
   scriptingObjects;
   constructor(params) {
     this.appId = getAppConfigValue("appId");
     this.onInit = params?.onInit;
-    this.logger = params?.logger || logger;
+    this.logger = params?.logger ?? logger;
     this.onRenewSessionTimer = params?.onRenewSessionTimer;
     this.props = {
       systemVersion: params?.version ?? "latest",
@@ -96,6 +97,7 @@ class CMicroAppHost {
   unsubscribe(token) {
     unsubscribe(token);
   }
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
   navigate(url, state) {
     if (url)
       this.props.history.push(url, state);

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

@@ -17,10 +17,7 @@ const isProduction = (mode) => {
 const getVersionedPath = (path) => {
   const { systemVersion } = CMicroAppHost.getInstance().getProps();
   const majorMinorVersion = systemVersion.match(/^(?:\d+\.\d+)*/g);
-  return path.replace(
-    /{SYSTEM_VERSION}/,
-    majorMinorVersion && majorMinorVersion[0] || "latest"
-  );
+  return path.replace(/{SYSTEM_VERSION}/, majorMinorVersion?.[0] ?? "latest");
 };
 const getMicroFrontEndAppConfig = (appInfo) => {
   const microFEAppConfig = getAppConfigValue(
@@ -52,9 +49,22 @@ const getMicroFrontEndAppConfig = (appInfo) => {
   microFEConfig.manifestPath = getVersionedPath(microFEConfig.manifestPath);
   return microFEConfig;
 };
+const getPrefetchableAppConfig = () => {
+  const microFEs = getAppConfigValue("microFrontendApps");
+  if (!microFEs)
+    return [];
+  return Object.keys(microFEs).reduce((acc, microFEId) => {
+    const { prefetch = false } = microFEs[microFEId];
+    if (prefetch) {
+      acc.push(getMicroFrontEndAppConfig({ id: microFEId }));
+    }
+    return acc;
+  }, []);
+};
 export {
   getLogger,
   getMicroFrontEndAppConfig,
+  getPrefetchableAppConfig,
   isGuest,
   isHost,
   isStandAloneGuest

package/dist/esm/utils/session.js

@@ -10,6 +10,7 @@ const userInteractionEvents = ["click", "scroll", "keypress", "touchstart"];
 let sessionExpiryWarningNotified = false;
 let timerHandle;
 let sessionExpiryWarningNotifiedAt;
+const pageVisibilityController = new AbortController();
 const resetUserIdleTime = (resetWarningModal = false) => {
   sessionExpiryWarningNotified = false;
   sessionExpiryWarningNotifiedAt = null;
@@ -52,12 +53,14 @@ const stopSessionMonitoring = () => {
 };
 const monitorSessionEvents = () => {
   if (isPastSessionTimeoutTime()) {
+    pageVisibilityController.abort();
     notifySessionExpiry().then(() => {
       stopSessionMonitoring();
     }).catch(() => {
     });
-  } else if (!sessionExpiryWarningNotified && isPastWarningTime())
+  } else if (!sessionExpiryWarningNotified && isPastWarningTime()) {
     notifySessionExpiryWarning();
+  }
 };
 const removeListeners = (arr, cb) => {
   const idx = arr.findIndex((r) => r === cb);
@@ -73,6 +76,15 @@ const addEventListeners = () => {
 const initSessionMonitoring = () => {
   addEventListeners();
   timerHandle = setInterval(monitorSessionEvents, 1e3);
+  document.addEventListener(
+    "visibilitychange",
+    () => {
+      if (document.visibilityState === "visible") {
+        monitorSessionEvents();
+      }
+    },
+    { signal: pageVisibilityController.signal }
+  );
 };
 const subscribeToSessionExpiryWarning = (onSessionExpiryWarn) => {
   warnListeners.push(onSessionExpiryWarn);

package/dist/esm/utils/storybook/main.js

@@ -0,0 +1,33 @@
+import mergeWith from "lodash/mergeWith";
+import isArray from "lodash/isArray";
+import { webpackConfig } from "./webpack";
+import { viteConfig } from "./vite";
+const customizer = (objValue, srcValue) => {
+  if (isArray(objValue)) {
+    return objValue.concat(srcValue);
+  }
+};
+const baseConfig = {
+  addons: [
+    "@storybook/addon-essentials",
+    "@storybook/addon-storysource",
+    "@storybook/addon-links",
+    "@storybook/addon-events",
+    "@storybook/addon-interactions",
+    "@storybook/addon-a11y"
+  ],
+  core: {
+    disableTelemetry: true
+  },
+  docs: {
+    autodocs: "tag"
+  }
+};
+const getConfig = (viteBuilder = false) => {
+  const defaultConfig = viteBuilder ? viteConfig : webpackConfig;
+  console.log("using", viteBuilder ? "vite" : "webpack", "builder config");
+  return mergeWith(baseConfig, defaultConfig, customizer);
+};
+export {
+  getConfig
+};

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

@@ -1,9 +1,9 @@
 import { addons } from "@storybook/addons";
 import { createTheme } from "./theme.js";
-const initSBManager = (theme) => {
+const initSBManager = ({ base = "light", ...rest }) => {
   addons.setConfig({
     panelPosition: "bottom",
-    theme: createTheme(theme)
+    theme: createTheme({ base, ...rest })
   });
 };
 export {

package/dist/esm/utils/storybook/middleware.js

@@ -0,0 +1,7 @@
+import { loadRoutes } from "@elliemae/pui-cli/server/routes";
+const expressMiddleWare = (router) => {
+  loadRoutes(router);
+};
+export {
+  expressMiddleWare
+};

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

@@ -3,17 +3,21 @@ 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 "./preview.css";
 const theme = getDefaultTheme();
-const store = createAppStore({}, browserHistory);
+const store = createAppStore();
 const appDecorator = withAppDecorator.bind(null, theme, store);
 const getParameters = (storyBookTheme) => ({
   layout: "fullscreen",
-  actions: { argTypesRegex: "^on.*" },
-  controls: { hideNoControlsWarning: true },
+  actions: { argTypesRegex: "^on[A-Z].*" },
+  controls: {
+    expanded: true,
+    matchers: {
+      color: /(background|color)$/i,
+      date: /Date$/
+    }
+  },
   docs: {
-    // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
     theme: createTheme(storyBookTheme)
   },
   options: {
@@ -43,6 +47,7 @@ const decorators = [appDecorator];
 const loaders = [
   async () => {
     await loadAppConfig("./");
+    return {};
   }
 ];
 export {

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

@@ -3,14 +3,11 @@ const createTheme = ({
   base = "light",
   brandTitle = "Platform UI Components",
   ...rest
-}) => (
-  // eslint-disable-next-line @typescript-eslint/no-unsafe-return, @typescript-eslint/no-unsafe-call
-  create({
-    base,
-    brandTitle: `${brandTitle} ${process.env.STORYBOOK_VERSION || ""}`,
-    ...rest
-  })
-);
+}) => create({
+  base,
+  brandTitle: `${brandTitle} ${process.env.STORYBOOK_VERSION ?? ""}`,
+  ...rest
+});
 export {
   createTheme
 };

package/dist/esm/utils/storybook/vite.js

@@ -0,0 +1,13 @@
+const viteConfig = {
+  stories: ["../@(lib|app)/**/*.stories.@(js|jsx|ts|tsx|mdx)"],
+  core: {
+    disableTelemetry: true
+  },
+  framework: {
+    name: "@storybook/react-vite",
+    options: {}
+  }
+};
+export {
+  viteConfig
+};

package/dist/esm/utils/storybook/webpack.js

@@ -0,0 +1,22 @@
+import { webpackFinal } from "@elliemae/pui-cli/storybook";
+const webpackConfig = {
+  stories: ["../@(lib|app)/**/*.stories.@(js|jsx|ts|tsx|mdx)"],
+  addons: [
+    {
+      name: "storybook-addon-turbo-build",
+      options: {
+        optimizationLevel: 2,
+        esbuildMinifyOptions: { target: "es2020" }
+      }
+    }
+  ],
+  // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
+  webpackFinal,
+  framework: {
+    name: "@storybook/react-webpack5",
+    options: {}
+  }
+};
+export {
+  webpackConfig
+};

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

@@ -4,7 +4,7 @@ import { getDefaultTheme } from "@elliemae/pui-theme";
 import { createAppStore } from "../../data/store.js";
 import { AppRoot } from "../../view/app-root/index.js";
 import { browserHistory } from "../history.js";
-const defaultStore = createAppStore({}, browserHistory);
+const defaultStore = createAppStore();
 const defaultTheme = getDefaultTheme();
 const AllTheProviders = ({
   store = defaultStore,

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

@@ -2,11 +2,7 @@ import { jsx } from "react/jsx-runtime";
 import { render } from "@testing-library/react";
 import { Provider } from "react-redux";
 import { createAppStore } from "../../data/store.js";
-import { browserHistory } from "../history.js";
-const renderWithRedux = (ui, {
-  initialState,
-  store = createAppStore(initialState, browserHistory)
-} = {}) => ({
+const renderWithRedux = (ui, { initialState, store = createAppStore({ initialState }) } = {}) => ({
   ...render(/* @__PURE__ */ jsx(Provider, { store, children: ui })),
   // adding `store` to the returned utilities to allow us
   // to reference it in our tests (just try to avoid using