@elliemae/pui-app-sdk 5.2.5 → 5.3.0

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

@@ -43,7 +43,10 @@ const getHTTPClient = ({
   baseURL = (0, import_config.getAppConfigValue)("serviceEndpoints.api", ""),
   headers = {}
 } = {}) => {
-  const client = import_axios.default.create({ baseURL, headers });
+  const client = import_axios.default.create({
+    baseURL,
+    headers: { "Content-Type": "application/json", ...headers }
+  });
   if (client?.defaults?.timeout)
     client.defaults.timeout = REQUEST_TIMEOUT;
   (0, import_retry.default)(client);

package/dist/cjs/data/listenerMiddleware.js

@@ -18,42 +18,16 @@ var __copyProps = (to, from, except, desc) => {
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var listenerMiddleware_exports = {};
 __export(listenerMiddleware_exports, {
-  addSideEffect: () => addSideEffect,
+  clearSideEffects: () => clearSideEffects,
+  createSideEffect: () => createSideEffect,
   listenerMiddleware: () => listenerMiddleware,
   removeSideEffect: () => removeSideEffect,
-  resetSideEffects: () => resetSideEffects
+  startSideEffect: () => startSideEffect
 });
 module.exports = __toCommonJS(listenerMiddleware_exports);
 var import_toolkit = require("@reduxjs/toolkit");
-let listenerAPI;
-const rtkListenerMiddleware = (0, import_toolkit.createListenerMiddleware)();
-const listenerDispatchFns = /* @__PURE__ */ new Map();
-const listenerMiddleware = (_listenerAPI) => {
-  listenerAPI = _listenerAPI;
-  return rtkListenerMiddleware.middleware(listenerAPI);
-};
-const addSideEffect = ({
-  key,
-  listener
-}) => {
-  if (!listenerDispatchFns.has(key) && listenerAPI) {
-    const unsubscribe = listenerAPI.dispatch(listener);
-    listenerDispatchFns.set(key, unsubscribe);
-  }
-};
-const removeSideEffect = (key) => {
-  const unsubscribe = listenerDispatchFns.get(key);
-  if (unsubscribe && listenerAPI) {
-    listenerDispatchFns.delete(key);
-    listenerAPI.dispatch(unsubscribe);
-  }
-  return true;
-};
-const resetSideEffects = () => {
-  if (listenerAPI) {
-    listenerDispatchFns.forEach((unsubscribe) => {
-      listenerAPI.dispatch(unsubscribe);
-    });
-    listenerDispatchFns.clear();
-  }
-};
+const listenerMiddleware = (0, import_toolkit.createListenerMiddleware)();
+const startSideEffect = listenerMiddleware.startListening;
+const createSideEffect = import_toolkit.addListener;
+const removeSideEffect = import_toolkit.removeListener;
+const clearSideEffects = listenerMiddleware.clearListeners;

package/dist/cjs/data/store.js

@@ -57,7 +57,7 @@ const createStore = (initialState, sagaMiddleware, history, middlewareConfig = {
   ];
   const baseStore = (0, import_toolkit.configureStore)({
     reducer: rootReducer,
-    middleware: (getDefaultMiddleware) => getDefaultMiddleware(middlewareConfig).prepend(import_listenerMiddleware.listenerMiddleware).concat([sagaMiddleware, import_queryMiddleware.queryMiddleware]),
+    middleware: (getDefaultMiddleware) => getDefaultMiddleware(middlewareConfig).prepend(import_listenerMiddleware.listenerMiddleware.middleware).concat([sagaMiddleware, import_queryMiddleware.queryMiddleware]),
     devTools: true,
     preloadedState: initialState,
     enhancers

package/dist/cjs/index.js

@@ -74,8 +74,10 @@ __export(lib_exports, {
   authReducer: () => import_reducer.authReducer,
   authSaga: () => import_auth2.authentication,
   authorize: () => import_auth.authorize,
+  clearSideEffects: () => import_listenerMiddleware.clearSideEffects,
   configureStore: () => import_store.createAppStore,
   createManager: () => import_redux_injectors.createManager,
+  createSideEffect: () => import_listenerMiddleware.createSideEffect,
   enableReactAppForHostIntegration: () => import_react2.enableReactAppForHostIntegration,
   error: () => import_error.actions,
   errorMiddleware: () => import_errorMiddleware.errorMiddleware,
@@ -110,6 +112,7 @@ __export(lib_exports, {
   onGuestUnloadStart: () => import_guest_unload_handlers.onGuestUnloadStart,
   redactPii: () => import_redact_pii.redactPii,
   removeDoubleSlash: () => import_url.removeDoubleSlash,
+  removeSideEffect: () => import_listenerMiddleware.removeSideEffect,
   removeStorageEvents: () => import_web_storage.removeStorageEvents,
   renderWithHostData: () => import_render_with_host_data.renderWithHostData,
   renderWithRedux: () => import_render_with_redux.renderWithRedux,
@@ -123,6 +126,7 @@ __export(lib_exports, {
   setAppConfigValue: () => import_config.setAppConfigValue,
   setAppDynamicsUserData: () => import_appdynamics.setAppDynamicsUserData,
   setHostAppData: () => import_store2.setHostAppData,
+  startSideEffect: () => import_listenerMiddleware.startSideEffect,
   subscribeToResetSession: () => import_session.subscribeToResetSession,
   subscribeToSessionExpiry: () => import_session.subscribeToSessionExpiry,
   subscribeToSessionExpiryWarning: () => import_session.subscribeToSessionExpiryWarning,
@@ -153,6 +157,7 @@ var import_constants = __toESM(require("./utils/constants.js"));
 var import_redux_injectors = require("redux-injectors");
 var import_react = require("./data/react.js");
 var import_errorMiddleware = require("./data/errorMiddleware.js");
+var import_listenerMiddleware = require("./data/listenerMiddleware.js");
 var import_helper = require("./utils/auth/helper.js");
 var import_url = require("./utils/url.js");
 var import_store = require("./data/store.js");

package/dist/cjs/view/wait-message/index.js

@@ -54,16 +54,25 @@ const WaitMessage = (0, import_react.memo)(
     tooltipStartPlacementPreference = "center",
     ...rest
   }) => {
+    const ref = (0, import_react.useRef)(false);
+    const [show, setShow] = (0, import_react.useState)(false);
     const isOpen = (0, import_react2.useAppSelector)((state) => state.waitMessage?.isOpen);
+    ref.current = isOpen ?? false;
     const message = (0, import_react2.useAppSelector)((state) => state.waitMessage?.message);
     (0, import_react.useEffect)(() => {
-      if (isOpen)
-        (0, import_user_wait_event.waitStartEvent)();
-      else
+      setTimeout(() => {
+        if (isOpen && ref.current) {
+          setShow(true);
+          (0, import_user_wait_event.waitStartEvent)();
+        }
+      }, 1e3);
+      if (!isOpen) {
+        setShow(false);
         (0, import_user_wait_event.waitEndEvent)();
+      }
     }, [isOpen]);
     (0, import_use_html_wait_message.useHTMLWaitMessage)(isOpen !== null);
-    return isOpen ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+    return show ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_backdrop.DSBackdrop, {}),
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
         StyledCircularIndicator,

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

@@ -9,7 +9,10 @@ const getHTTPClient = ({
   baseURL = getAppConfigValue("serviceEndpoints.api", ""),
   headers = {}
 } = {}) => {
-  const client = axios.create({ baseURL, headers });
+  const client = axios.create({
+    baseURL,
+    headers: { "Content-Type": "application/json", ...headers }
+  });
   if (client?.defaults?.timeout)
     client.defaults.timeout = REQUEST_TIMEOUT;
   setupRetry(client);

package/dist/esm/data/listenerMiddleware.js

@@ -1,39 +1,17 @@
-import { createListenerMiddleware } from "@reduxjs/toolkit";
-let listenerAPI;
-const rtkListenerMiddleware = createListenerMiddleware();
-const listenerDispatchFns = /* @__PURE__ */ new Map();
-const listenerMiddleware = (_listenerAPI) => {
-  listenerAPI = _listenerAPI;
-  return rtkListenerMiddleware.middleware(listenerAPI);
-};
-const addSideEffect = ({
-  key,
-  listener
-}) => {
-  if (!listenerDispatchFns.has(key) && listenerAPI) {
-    const unsubscribe = listenerAPI.dispatch(listener);
-    listenerDispatchFns.set(key, unsubscribe);
-  }
-};
-const removeSideEffect = (key) => {
-  const unsubscribe = listenerDispatchFns.get(key);
-  if (unsubscribe && listenerAPI) {
-    listenerDispatchFns.delete(key);
-    listenerAPI.dispatch(unsubscribe);
-  }
-  return true;
-};
-const resetSideEffects = () => {
-  if (listenerAPI) {
-    listenerDispatchFns.forEach((unsubscribe) => {
-      listenerAPI.dispatch(unsubscribe);
-    });
-    listenerDispatchFns.clear();
-  }
-};
+import {
+  createListenerMiddleware,
+  addListener,
+  removeListener
+} from "@reduxjs/toolkit";
+const listenerMiddleware = createListenerMiddleware();
+const startSideEffect = listenerMiddleware.startListening;
+const createSideEffect = addListener;
+const removeSideEffect = removeListener;
+const clearSideEffects = listenerMiddleware.clearListeners;
 export {
-  addSideEffect,
+  clearSideEffects,
+  createSideEffect,
   listenerMiddleware,
   removeSideEffect,
-  resetSideEffects
+  startSideEffect
 };

package/dist/esm/data/store.js

@@ -22,7 +22,7 @@ const createStore = (initialState, sagaMiddleware, history, middlewareConfig = {
   ];
   const baseStore = configureStore({
     reducer: rootReducer,
-    middleware: (getDefaultMiddleware) => getDefaultMiddleware(middlewareConfig).prepend(listenerMiddleware).concat([sagaMiddleware, queryMiddleware]),
+    middleware: (getDefaultMiddleware) => getDefaultMiddleware(middlewareConfig).prepend(listenerMiddleware.middleware).concat([sagaMiddleware, queryMiddleware]),
     devTools: true,
     preloadedState: initialState,
     enhancers

package/dist/esm/index.js

@@ -24,6 +24,12 @@ import {
   useAppMiddleware
 } from "./data/react.js";
 import { errorMiddleware } from "./data/errorMiddleware.js";
+import {
+  startSideEffect,
+  createSideEffect,
+  removeSideEffect,
+  clearSideEffects
+} from "./data/listenerMiddleware.js";
 import { getAuthorizationHeader } from "./utils/auth/helper.js";
 import { getRedirectUrl, removeDoubleSlash } from "./utils/url.js";
 import { createAppStore } from "./data/store.js";
@@ -168,8 +174,10 @@ export {
   authReducer,
   authentication as authSaga,
   authorize,
+  clearSideEffects,
   createAppStore as configureStore,
   createManager,
+  createSideEffect,
   enableReactAppForHostIntegration,
   actions2 as error,
   errorMiddleware,
@@ -204,6 +212,7 @@ export {
   onGuestUnloadStart,
   redactPii,
   removeDoubleSlash,
+  removeSideEffect,
   removeStorageEvents,
   renderWithHostData,
   renderWithRedux,
@@ -217,6 +226,7 @@ export {
   setAppConfigValue,
   setAppDynamicsUserData,
   setHostAppData,
+  startSideEffect,
   subscribeToResetSession,
   subscribeToSessionExpiry,
   subscribeToSessionExpiryWarning,

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

@@ -1,5 +1,5 @@
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { memo, useEffect } from "react";
+import { memo, useEffect, useState, useRef } from "react";
 import styled from "styled-components";
 import { DSBackdrop } from "@elliemae/ds-backdrop";
 import { DSCircularIndeterminateIndicator } from "@elliemae/ds-circular-progress-indicator";
@@ -24,16 +24,25 @@ const WaitMessage = memo(
     tooltipStartPlacementPreference = "center",
     ...rest
   }) => {
+    const ref = useRef(false);
+    const [show, setShow] = useState(false);
     const isOpen = useAppSelector((state) => state.waitMessage?.isOpen);
+    ref.current = isOpen ?? false;
     const message = useAppSelector((state) => state.waitMessage?.message);
     useEffect(() => {
-      if (isOpen)
-        waitStartEvent();
-      else
+      setTimeout(() => {
+        if (isOpen && ref.current) {
+          setShow(true);
+          waitStartEvent();
+        }
+      }, 1e3);
+      if (!isOpen) {
+        setShow(false);
         waitEndEvent();
+      }
     }, [isOpen]);
     useHTMLWaitMessage(isOpen !== null);
-    return isOpen ? /* @__PURE__ */ jsxs(Fragment, { children: [
+    return show ? /* @__PURE__ */ jsxs(Fragment, { children: [
       /* @__PURE__ */ jsx(DSBackdrop, {}),
       /* @__PURE__ */ jsx(
         StyledCircularIndicator,

package/dist/types/lib/api/helpers.d.ts

@@ -37,7 +37,6 @@ export declare const getApiActionCreator: (api: string) => (operation: string) =
  *
  * For this to work as expected, ensure you always select ONLY what you need. Don't select state objects that contain fields that you won't use, if you do so
  * then everytime any of those gets updated it will trigger a rerender even though you're not actually using that field.
- *
  * @description Generic Redux State Selector Helper.
  * ### Example
  * ```javascript

package/dist/types/lib/communication/http-client/retry-axios.d.ts

@@ -25,14 +25,12 @@ export interface SDKAxiosInstance extends Omit<AxiosInstance, 'defaults'> {
 }
 /**
  * Eject the Axios interceptor that is providing retry capabilities.
- *
  * @param interceptorId The interceptorId provided in the config.
  * @param instance The axios instance using this interceptor.
  */
 export declare const detach: (interceptorId: number, instance: typeof axios) => void;
 /**
  * Attach the interceptor to the Axios instance.
- *
  * @param instance The optional Axios instance on which to attach the
  * interceptor.
  * @returns The id of the interceptor attached to the axios instance.
@@ -40,7 +38,6 @@ export declare const detach: (interceptorId: number, instance: typeof axios) =>
 export declare const attach: (instance: AxiosInstance) => number | null;
 /**
  * Acquire the retryConfig object from an AxiosError if available.
- *
  * @param err The Axios error with a config object.
  */
 export declare const getConfig: (err: SDKAxiosError) => RetryConfig | Partial<RetryConfig> | null;

package/dist/types/lib/data/listenerMiddleware.d.ts

@@ -1,9 +1,18 @@
-import { Middleware } from 'redux';
-import { TypedAddListener } from '@reduxjs/toolkit';
-export declare const listenerMiddleware: Middleware<any, any>;
-export declare const addSideEffect: ({ key, listener, }: {
-    key: string;
-    listener: TypedAddListener<unknown>;
-}) => void;
-export declare const removeSideEffect: (key: string) => boolean;
-export declare const resetSideEffects: () => void;
+import { TypedAddListener, TypedRemoveListener, TypedStartListening } from '@reduxjs/toolkit';
+import type { RootState, AppDispatch } from './types.js';
+export declare const listenerMiddleware: import("@reduxjs/toolkit").ListenerMiddlewareInstance<unknown, import("@reduxjs/toolkit").ThunkDispatch<unknown, unknown, import("redux").AnyAction>, unknown>;
+export type AppStartListening = TypedStartListening<RootState, AppDispatch>;
+export declare const startSideEffect: AppStartListening;
+export declare const createSideEffect: TypedAddListener<import("redux").CombinedState<{
+    waitMessage: import("./wait-message/reducer.js").WaitMessageState;
+    error: import("./error/index.js").ErrorState;
+    breakpoint: import("./breakpoint/index.js").BreakpointState;
+    liveMessage: import("./live-message/index.js").LiveMessageState;
+}>, AppDispatch>;
+export declare const removeSideEffect: TypedRemoveListener<import("redux").CombinedState<{
+    waitMessage: import("./wait-message/reducer.js").WaitMessageState;
+    error: import("./error/index.js").ErrorState;
+    breakpoint: import("./breakpoint/index.js").BreakpointState;
+    liveMessage: import("./live-message/index.js").LiveMessageState;
+}>, AppDispatch>;
+export declare const clearSideEffects: () => void;

package/dist/types/lib/data/store.d.ts

@@ -23,18 +23,18 @@ export declare const createAppStore: (initialState: import("redux").CombinedStat
     error: import("./error/index.js").ErrorState;
     breakpoint: import("./breakpoint/index.js").BreakpointState;
     liveMessage: import("./live-message/index.js").LiveMessageState;
-}> | undefined, history: History, middlewareConfig?: MiddlewareConfig) => import("@reduxjs/toolkit/dist/configureStore.js").ToolkitStore<import("redux").CombinedState<{
+}> | undefined, history: History, middlewareConfig?: MiddlewareConfig) => import("@reduxjs/toolkit/dist/configureStore.js").ToolkitStore<import("redux").EmptyObject & {
     waitMessage: import("./wait-message/reducer.js").WaitMessageState;
     error: import("./error/index.js").ErrorState;
     breakpoint: import("./breakpoint/index.js").BreakpointState;
     liveMessage: import("./live-message/index.js").LiveMessageState;
-}>, {
+}, {
     payload: import("./wait-message/reducer.js").WaitMessageState;
     type: string;
 } | import("redux").AnyAction | {
     payload: import("./breakpoint/index.js").Breakpoints;
     type: string;
-}, import("@reduxjs/toolkit").MiddlewareArray<[Middleware<any, any, import("redux").Dispatch<import("redux").AnyAction>>, import("@reduxjs/toolkit").ThunkMiddleware<import("redux").CombinedState<{
+}, import("@reduxjs/toolkit").MiddlewareArray<[import("@reduxjs/toolkit").ListenerMiddleware<unknown, import("@reduxjs/toolkit").ThunkDispatch<unknown, unknown, import("redux").AnyAction>, unknown>, import("@reduxjs/toolkit").ThunkMiddleware<import("redux").CombinedState<{
     waitMessage: import("./wait-message/reducer.js").WaitMessageState;
     error: import("./error/index.js").ErrorState;
     breakpoint: import("./breakpoint/index.js").BreakpointState;

package/dist/types/lib/data/types.d.ts

@@ -3,4 +3,5 @@ import { WaitMessageState } from './wait-message/reducer.js';
 import { BreakpointState } from './breakpoint/index.js';
 import { ErrorState } from './error/index.js';
 import { LiveMessageState } from './live-message/index.js';
+export type { RootState, AppStore } from './store.js';
 export type AppDispatch = Dispatch<PayloadAction<WaitMessageState> | PayloadAction<BreakpointState> | PayloadAction<ErrorState> | PayloadAction<LiveMessageState> | AnyAction>;

package/dist/types/lib/data/useInjectSideEffect.d.ts

@@ -1,2 +1,2 @@
-import { TypedAddListener } from '@reduxjs/toolkit';
-export declare const useInjectSideEffect: (listener: TypedAddListener<unknown>) => void;
+import { PayloadAction } from '@reduxjs/toolkit';
+export declare const useInjectSideEffect: (listener: PayloadAction<unknown, string>) => void;

package/dist/types/lib/index.d.ts

@@ -10,8 +10,8 @@ export { Page } from './view/page.js';
 export { default as globalConstants } from './utils/constants.js';
 export { useInjectReducer, useInjectSaga, createManager, } from 'redux-injectors';
 export { useInjectQuery, useInjectSideEffect, useAppDispatch, useAppSelector, useAppMiddleware, } from './data/react.js';
-export type { AppDispatch } from './data/types.js';
 export { errorMiddleware } from './data/errorMiddleware.js';
+export { startSideEffect, createSideEffect, removeSideEffect, clearSideEffects, } from './data/listenerMiddleware.js';
 export { getAuthorizationHeader } from './utils/auth/helper.js';
 export { getRedirectUrl, removeDoubleSlash } from './utils/url.js';
 export { createAppStore as configureStore } from './data/store.js';
@@ -86,7 +86,7 @@ export { updateBAEventParameters } from './analytics/web-analytics.js';
 export { redactPii } from './utils/redact-pii.js';
 export type { EMUI } from './utils/window.js';
 export type { Await } from './utils/await.js';
-export type { RootState, AppStore } from './data/store.js';
+export type { RootState, AppStore, AppDispatch } from './data/types.js';
 export type { AppConfig } from './utils/app-config/config.js';
 export type { OnInitCallback, OnMountCallback, OnUnMountCallback, } from './utils/micro-frontend/guest.js';
 export type { OnInitCallback as OnHostInitCallback } from './utils/micro-frontend/host.js';

package/dist/types/lib/utils/testing/render-with-redux.d.ts

@@ -5,18 +5,18 @@ interface Args {
     store: AppStore;
 }
 export declare const renderWithRedux: (ui: React.ReactElement, { initialState, store, }?: Args) => {
-    store: import("@reduxjs/toolkit/dist/configureStore.js").ToolkitStore<import("redux").CombinedState<{
+    store: import("@reduxjs/toolkit/dist/configureStore.js").ToolkitStore<import("redux").EmptyObject & {
         waitMessage: import("../../data/wait-message/reducer.js").WaitMessageState;
         error: import("../../data/error/index.js").ErrorState;
         breakpoint: import("../../data/breakpoint/index.js").BreakpointState;
         liveMessage: import("../../data/live-message/index.js").LiveMessageState;
-    }>, {
+    }, {
         payload: import("../../data/wait-message/reducer.js").WaitMessageState;
         type: string;
     } | import("redux").AnyAction | {
         payload: import("../../data/breakpoint/index.js").Breakpoints;
         type: string;
-    }, import("@reduxjs/toolkit").MiddlewareArray<[import("redux").Middleware<any, any, import("redux").Dispatch<import("redux").AnyAction>>, import("redux-thunk").ThunkMiddleware<import("redux").CombinedState<{
+    }, import("@reduxjs/toolkit").MiddlewareArray<[import("@reduxjs/toolkit").ListenerMiddleware<unknown, import("redux-thunk").ThunkDispatch<unknown, unknown, import("redux").AnyAction>, unknown>, import("redux-thunk").ThunkMiddleware<import("redux").CombinedState<{
         waitMessage: import("../../data/wait-message/reducer.js").WaitMessageState;
         error: import("../../data/error/index.js").ErrorState;
         breakpoint: import("../../data/breakpoint/index.js").BreakpointState;

package/dist/types/lib/utils/testing/render-with-router-redux.d.ts

@@ -8,18 +8,18 @@ interface Args {
     history: History;
 }
 export declare const renderWithRouterRedux: (ui: React.ReactElement, { route, history, initialState, store, }?: Args) => {
-    store: import("@reduxjs/toolkit/dist/configureStore.js").ToolkitStore<import("redux").CombinedState<{
+    store: import("@reduxjs/toolkit/dist/configureStore.js").ToolkitStore<import("redux").EmptyObject & {
         waitMessage: import("../../data/wait-message/reducer.js").WaitMessageState;
         error: import("../../data/error/index.js").ErrorState;
         breakpoint: import("../../data/breakpoint/index.js").BreakpointState;
         liveMessage: import("../../data/live-message/index.js").LiveMessageState;
-    }>, {
+    }, {
         payload: import("../../data/wait-message/reducer.js").WaitMessageState;
         type: string;
     } | import("redux").AnyAction | {
         payload: import("../../data/breakpoint/index.js").Breakpoints;
         type: string;
-    }, import("@reduxjs/toolkit").MiddlewareArray<[import("redux").Middleware<any, any, import("redux").Dispatch<import("redux").AnyAction>>, import("redux-thunk").ThunkMiddleware<import("redux").CombinedState<{
+    }, import("@reduxjs/toolkit").MiddlewareArray<[import("@reduxjs/toolkit").ListenerMiddleware<unknown, import("redux-thunk").ThunkDispatch<unknown, unknown, import("redux").AnyAction>, unknown>, import("redux-thunk").ThunkMiddleware<import("redux").CombinedState<{
         waitMessage: import("../../data/wait-message/reducer.js").WaitMessageState;
         error: import("../../data/error/index.js").ErrorState;
         breakpoint: import("../../data/breakpoint/index.js").BreakpointState;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/pui-app-sdk",
-  "version": "5.2.5",
+  "version": "5.3.0",
   "description": "ICE MT UI Platform Application SDK ",
   "sideEffects": [
     "*.css",
@@ -63,8 +63,8 @@
     "url": "https://git.elliemae.io/platform-ui/pui-app-sdk.git"
   },
   "engines": {
-    "pnpm": ">=6",
-    "node": ">=16"
+    "pnpm": ">=8",
+    "node": ">=18"
   },
   "author": "ICE MT",
   "license": "MIT",
@@ -112,53 +112,53 @@
   },
   "peerDependencies": {
     "@elliemae/app-react-dependencies": "^4.9.0",
-    "@elliemae/ds-backdrop": "^3.14.13",
-    "@elliemae/ds-basic": "^3.14.13",
-    "@elliemae/ds-button": "^3.14.13",
-    "@elliemae/ds-circular-progress-indicator": "^3.14.13",
-    "@elliemae/ds-controlled-form": "^3.14.13",
-    "@elliemae/ds-date-picker": "^3.14.13",
-    "@elliemae/ds-date-range-picker": "^3.14.13",
-    "@elliemae/ds-dialog": "^3.14.13",
-    "@elliemae/ds-form": "^3.14.13",
-    "@elliemae/ds-form-layout-blocks": "^3.14.13",
-    "@elliemae/ds-grid": "^3.14.13",
-    "@elliemae/ds-modal": "^3.14.13",
-    "@elliemae/ds-popperjs": "^3.14.13",
-    "@elliemae/ds-toast": "^3.14.13",
+    "@elliemae/ds-backdrop": "^3.14.16",
+    "@elliemae/ds-basic": "^3.14.16",
+    "@elliemae/ds-button": "^3.14.16",
+    "@elliemae/ds-circular-progress-indicator": "^3.14.16",
+    "@elliemae/ds-controlled-form": "^3.14.16",
+    "@elliemae/ds-date-picker": "^3.14.16",
+    "@elliemae/ds-date-range-picker": "^3.14.16",
+    "@elliemae/ds-dialog": "^3.14.16",
+    "@elliemae/ds-form": "^3.14.16",
+    "@elliemae/ds-form-layout-blocks": "^3.14.16",
+    "@elliemae/ds-grid": "^3.14.16",
+    "@elliemae/ds-modal": "^3.14.16",
+    "@elliemae/ds-popperjs": "^3.14.16",
+    "@elliemae/ds-toast": "^3.14.16",
     "@elliemae/em-ssf-guest": "^1.11.3",
-    "@elliemae/pui-diagnostics": "^3.1.0",
+    "@elliemae/pui-diagnostics": "^3.2.0",
     "@elliemae/pui-micro-frontend-base": "^1.14.0",
-    "@elliemae/pui-scripting-object": "^1.19.1",
+    "@elliemae/pui-scripting-object": "^1.20.0",
     "@elliemae/pui-theme": "^2.7.0",
-    "@elliemae/pui-user-monitoring": "^1.19.0"
+    "@elliemae/pui-user-monitoring": "^1.20.0"
   },
   "devDependencies": {
     "@elliemae/app-react-dependencies": "~4.9.0",
     "@elliemae/browserslist-config-elliemae-latest-browsers": "~1.7.0",
-    "@elliemae/ds-backdrop": "~3.14.13",
-    "@elliemae/ds-basic": "~3.14.13",
-    "@elliemae/ds-button": "~3.14.13",
-    "@elliemae/ds-circular-progress-indicator": "~3.14.13",
-    "@elliemae/ds-controlled-form": "~3.14.13",
-    "@elliemae/ds-date-picker": "~3.14.13",
-    "@elliemae/ds-date-range-picker": "~3.14.13",
-    "@elliemae/ds-dialog": "~3.14.13",
-    "@elliemae/ds-form": "~3.14.13",
-    "@elliemae/ds-form-layout-blocks": "~3.14.13",
-    "@elliemae/ds-grid": "~3.14.13",
-    "@elliemae/ds-modal": "~3.14.13",
-    "@elliemae/ds-popperjs": "~3.14.13",
-    "@elliemae/ds-toast": "~3.14.13",
+    "@elliemae/ds-backdrop": "~3.14.16",
+    "@elliemae/ds-basic": "~3.14.16",
+    "@elliemae/ds-button": "~3.14.16",
+    "@elliemae/ds-circular-progress-indicator": "~3.14.16",
+    "@elliemae/ds-controlled-form": "~3.14.16",
+    "@elliemae/ds-date-picker": "~3.14.16",
+    "@elliemae/ds-date-range-picker": "~3.14.16",
+    "@elliemae/ds-dialog": "~3.14.16",
+    "@elliemae/ds-form": "~3.14.16",
+    "@elliemae/ds-form-layout-blocks": "~3.14.16",
+    "@elliemae/ds-grid": "~3.14.16",
+    "@elliemae/ds-modal": "~3.14.16",
+    "@elliemae/ds-popperjs": "~3.14.16",
+    "@elliemae/ds-toast": "~3.14.16",
     "@elliemae/em-ssf-guest": "~1.11.3",
-    "@elliemae/pui-cli": "~8.5.0",
-    "@elliemae/pui-diagnostics": "~3.1.0",
+    "@elliemae/pui-cli": "~8.6.0",
+    "@elliemae/pui-diagnostics": "~3.2.0",
     "@elliemae/pui-doc-gen": "~1.6.4",
     "@elliemae/pui-e2e-test-sdk": "~8.0.0",
     "@elliemae/pui-micro-frontend-base": "~1.14.0",
-    "@elliemae/pui-scripting-object": "~1.19.1",
+    "@elliemae/pui-scripting-object": "~1.20.0",
     "@elliemae/pui-theme": "~2.7.0",
-    "@elliemae/pui-user-monitoring": "~1.19.0",
+    "@elliemae/pui-user-monitoring": "~1.20.0",
     "@types/react-aria-live": "~2.0.2"
   }
 }