@elliemae/pui-app-sdk 5.8.2 → 5.10.0

package/dist/cjs/index.js

@@ -67,6 +67,7 @@ __export(lib_exports, {
   TextBox: () => import_text_box.TextBox,
   Themes: () => import_constants2.Themes,
   Toggle: () => import_toggle.Toggle,
+  UseStateSelectorOptions: () => import_use_state_selector.UseStateSelectorOptions,
   VisuallyHidden: () => import_visually_hidden.VisuallyHidden,
   WaitMessage: () => import_wait_message.WaitMessage,
   ariaLive: () => import_live_message.actions,
@@ -140,6 +141,8 @@ __export(lib_exports, {
   useInjectSaga: () => import_redux_injectors.useInjectSaga,
   useInjectSideEffect: () => import_react.useInjectSideEffect,
   useMediaQueryList: () => import_use_media_query_list.useMediaQueryList,
+  useStateSelector: () => import_use_state_selector.useStateSelector,
+  useStateSelectorShallow: () => import_use_state_selector.useStateSelectorShallow,
   waitMessageAction: () => import_actions3.waitMessage,
   withAppDecorator: () => import_decorator.withAppDecorator
 });
@@ -156,6 +159,7 @@ var import_page = require("./view/page.js");
 var import_constants = __toESM(require("./utils/constants.js"));
 var import_redux_injectors = require("redux-injectors");
 var import_react = require("./data/react.js");
+var import_use_state_selector = require("./utils/custom-hooks/use-state-selector.js");
 var import_errorMiddleware = require("./data/errorMiddleware.js");
 var import_listenerMiddleware = require("./data/listenerMiddleware.js");
 var import_helper = require("./utils/auth/helper.js");

package/dist/cjs/utils/custom-hooks/use-state-selector.js

@@ -0,0 +1,47 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var use_state_selector_exports = {};
+__export(use_state_selector_exports, {
+  useStateSelector: () => useStateSelector,
+  useStateSelectorShallow: () => useStateSelectorShallow
+});
+module.exports = __toCommonJS(use_state_selector_exports);
+var import_react = require("react");
+var import_react_redux = require("react-redux");
+function useStateSelector(selectStateFieldFunc, fieldName = "", {
+  defaultValue = void 0,
+  equalityFn = void 0
+} = {}) {
+  const [finalDefaultValue] = (0, import_react.useState)(
+    defaultValue
+  );
+  return (0, import_react_redux.useSelector)(
+    selectStateFieldFunc(fieldName, finalDefaultValue),
+    equalityFn
+  );
+}
+function useStateSelectorShallow(selectStateFieldFunc, fieldName = "", {
+  defaultValue = void 0,
+  equalityFn = import_react_redux.shallowEqual
+} = {}) {
+  return useStateSelector(selectStateFieldFunc, fieldName, {
+    defaultValue,
+    equalityFn
+  });
+}

package/dist/cjs/view/fields/date-picker/index.js

@@ -1,9 +1,7 @@
 "use strict";
-var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
   for (var name in all)
@@ -17,14 +15,6 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var date_picker_exports = {};
 __export(date_picker_exports, {
@@ -32,7 +22,7 @@ __export(date_picker_exports, {
 });
 module.exports = __toCommonJS(date_picker_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
-var import_ds_date_picker = __toESM(require("@elliemae/ds-date-picker"));
+var import_ds_date_picker = require("@elliemae/ds-date-picker");
 var import_react_hook_form = require("react-hook-form");
 const DatePicker = ({
   name,
@@ -45,6 +35,6 @@ const DatePicker = ({
     name,
     defaultValue,
     rules,
-    render: ({ field }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_date_picker.default, { ...rest, ...field })
+    render: ({ field }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_date_picker.DSDatePicker, { ...rest, ...field })
   }
 );

package/dist/cjs/view/fields/toggle/index.js

@@ -23,7 +23,6 @@ __export(toggle_exports, {
 module.exports = __toCommonJS(toggle_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_ds_controlled_form = require("@elliemae/ds-controlled-form");
-var import_ds_form_toggle = require("@elliemae/ds-form-toggle");
 var import_react_hook_form = require("react-hook-form");
 const Toggle = ({
   name,

package/dist/esm/index.js

@@ -23,6 +23,11 @@ import {
   useAppSelector,
   useAppMiddleware
 } from "./data/react.js";
+import {
+  useStateSelector,
+  useStateSelectorShallow,
+  UseStateSelectorOptions
+} from "./utils/custom-hooks/use-state-selector.js";
 import { errorMiddleware } from "./data/errorMiddleware.js";
 import {
   startSideEffect,
@@ -167,6 +172,7 @@ export {
   TextBox,
   Themes,
   Toggle,
+  UseStateSelectorOptions,
   VisuallyHidden,
   WaitMessage,
   actions as ariaLive,
@@ -240,6 +246,8 @@ export {
   useInjectSaga,
   useInjectSideEffect,
   useMediaQueryList,
+  useStateSelector,
+  useStateSelectorShallow,
   waitMessage as waitMessageAction,
   withAppDecorator
 };

package/dist/esm/utils/custom-hooks/use-state-selector.js

@@ -0,0 +1,27 @@
+import { useState } from "react";
+import { useSelector, shallowEqual } from "react-redux";
+function useStateSelector(selectStateFieldFunc, fieldName = "", {
+  defaultValue = void 0,
+  equalityFn = void 0
+} = {}) {
+  const [finalDefaultValue] = useState(
+    defaultValue
+  );
+  return useSelector(
+    selectStateFieldFunc(fieldName, finalDefaultValue),
+    equalityFn
+  );
+}
+function useStateSelectorShallow(selectStateFieldFunc, fieldName = "", {
+  defaultValue = void 0,
+  equalityFn = shallowEqual
+} = {}) {
+  return useStateSelector(selectStateFieldFunc, fieldName, {
+    defaultValue,
+    equalityFn
+  });
+}
+export {
+  useStateSelector,
+  useStateSelectorShallow
+};

package/dist/esm/view/fields/date-picker/index.js

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import DSDatePicker from "@elliemae/ds-date-picker";
+import { DSDatePicker } from "@elliemae/ds-date-picker";
 import {
   Controller
 } from "react-hook-form";

package/dist/esm/view/fields/toggle/index.js

@@ -2,7 +2,6 @@ import { jsx } from "react/jsx-runtime";
 import {
   DSControlledToggle
 } from "@elliemae/ds-controlled-form";
-import "@elliemae/ds-form-toggle";
 import {
   Controller
 } from "react-hook-form";

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

@@ -1,5 +1,5 @@
 import { BAEvent } from '@elliemae/pui-micro-frontend-base';
 export declare const sendBAEvent: ({ data, self, }: {
     data: BAEvent;
-    self?: boolean | undefined;
+    self?: boolean;
 }) => void;

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

@@ -52,7 +52,7 @@ export declare const getApiActionCreator: (api: string) => (operation: string) =
  *
  * export const useSelectSomeState = (fieldName, defaultValue) => {
  *  const finalDefaultValue = useMemo(() => defaultValue, []);
- *  useSelector(selectSomeState(fieldName, defaultValue), shallowEqual);
+ *  useSelector(selectSomeState(fieldName, finalDefaultValue), shallowEqual);
  * }
  *
  * // some-component.js

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

@@ -9,6 +9,6 @@ type BaseQueryFunction = BaseQueryFn<{
     headers?: RequestConfig;
 }, unknown, unknown>;
 export declare const sdkBaseQuery: ({ baseUrl }?: {
-    baseUrl?: string | undefined;
+    baseUrl?: string;
 }) => BaseQueryFunction;
 export {};

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

@@ -4,12 +4,12 @@ export type RequestConfig = {
     Authorization?: string;
 } & AxiosRequestHeaders;
 export declare const getHTTPClient: ({ baseURL, headers, }?: {
-    baseURL?: string | undefined;
-    headers?: RequestConfig | undefined;
+    baseURL?: string;
+    headers?: RequestConfig;
 }) => AxiosInstance;
 export declare const getAuthHTTPClient: ({ baseURL, headers, ...rest }?: {
-    baseURL?: string | undefined;
-    headers?: RequestConfig | undefined;
-    rest?: any[] | undefined;
+    baseURL?: string;
+    headers?: RequestConfig;
+    rest?: any[];
 }) => AxiosInstance;
 export {};

package/dist/types/lib/data/wait-message/actions.d.ts

@@ -4,11 +4,8 @@ export declare const ACTIONS: {
     CLOSE: string;
 };
 export declare const waitMessage: {
-    open: (message?: string) => {
-        payload: {
-            message: string;
-        };
-        type: string;
-    };
+    open: (message?: string) => PayloadAction<{
+        message: string;
+    }>;
     close: () => PayloadAction<null>;
 };

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

@@ -10,6 +10,7 @@ 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 { useStateSelector, useStateSelectorShallow, UseStateSelectorOptions, } from './utils/custom-hooks/use-state-selector.js';
 export { errorMiddleware } from './data/errorMiddleware.js';
 export { startSideEffect, createSideEffect, removeSideEffect, clearSideEffects, } from './data/listenerMiddleware.js';
 export { getAuthorizationHeader } from './utils/auth/helper.js';
@@ -90,3 +91,4 @@ 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';
+export type { SelectStateFieldFunction } from './utils/custom-hooks/use-state-selector.js';

package/dist/types/lib/utils/custom-hooks/use-state-selector.d.ts

@@ -0,0 +1,42 @@
+import { EqualityFn } from 'react-redux';
+export type SelectStateFieldFunction<TState = unknown, Selected = unknown> = (fieldName: string | Array<string>, defaultValue?: Selected | Selected[]) => (state: TState) => Selected;
+export interface UseStateSelectorOptions<Selected = unknown> {
+    defaultValue?: Selected | Array<Selected>;
+    equalityFn?: EqualityFn<Selected>;
+}
+/**
+ * Generic selector that receives a field selector function returned from getSelectField
+ *
+ * @see /lib/api/helpers.ts#getSelectField
+ * @param {SelectStateFieldFunction} selectStateFieldFunc the store state's field selector function
+ * ```javascript
+ *  // reducer.js
+ * import { getSelectField } from 'elliemae/pui-app-sdk';
+ *
+ * const name = 'someState';
+ * export selectStateFieldFunc = getSelectField(name);
+ * ```
+ * @param {string | Array<string>} fieldName the state's field you want to acccess, this accepts nested objects access, like so 'rootObj.childObj.field'
+ * @param {useStateSelectorOptions} opts options { defaultValue, equalityFn }
+ * @returns
+ */
+export declare function useStateSelector<TState = unknown, Selected = unknown>(selectStateFieldFunc: SelectStateFieldFunction<TState, Selected>, fieldName?: string | Array<string>, { defaultValue, equalityFn, }?: UseStateSelectorOptions<Selected>): Selected;
+/**
+ * Generic selector that receives a field selector function returned from getSelectField.
+ *
+ * @see /lib/api/helpers.ts#getSelectField
+ *
+ * This is the same as useStateSelector with shallowEqual as default for equalityFn option.
+ * @param {SelectStateFieldFunction} selectStateFieldFunc the store state's field selector function
+ * ```javascript
+ *  // reducer.js
+ * import { getSelectField } from 'elliemae/pui-app-sdk';
+ *
+ * const name = 'someState';
+ * export selectStateFieldFunc = getSelectField(name);
+ * ```
+ * @param {string | Array<string>} fieldName the state's field you want to acccess, this accepts nested objects access, like so 'rootObj.childObj.field'
+ * @param {useStateSelectorOptions} opts options { defaultValue, equalityFn = shallowEqual }
+ * @returns
+ */
+export declare function useStateSelectorShallow<TState = unknown, Selected = unknown>(selectStateFieldFunc: SelectStateFieldFunction<TState, Selected>, fieldName?: string | Array<string>, { defaultValue, equalityFn, }?: UseStateSelectorOptions<Selected>): Selected;

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

@@ -25,7 +25,7 @@ export declare const renderWithRedux: (ui: React.ReactElement, { initialState, s
     container: HTMLElement;
     baseElement: HTMLElement;
     debug: (baseElement?: Element | DocumentFragment | (Element | DocumentFragment)[] | undefined, maxLength?: number | undefined, options?: import("pretty-format").PrettyFormatOptions | undefined) => void;
-    rerender: (ui: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) => void;
+    rerender: (ui: import("react").ReactNode) => void;
     unmount: () => void;
     asFragment: () => DocumentFragment;
     getByLabelText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").SelectorMatcherOptions | undefined) => HTMLElement;

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

@@ -28,7 +28,7 @@ export declare const renderWithRouterRedux: (ui: React.ReactElement, { route, hi
     container: HTMLElement;
     baseElement: HTMLElement;
     debug: (baseElement?: Element | DocumentFragment | (Element | DocumentFragment)[] | undefined, maxLength?: number | undefined, options?: import("pretty-format").PrettyFormatOptions | undefined) => void;
-    rerender: (ui: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) => void;
+    rerender: (ui: import("react").ReactNode) => void;
     unmount: () => void;
     asFragment: () => DocumentFragment;
     getByLabelText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").SelectorMatcherOptions | undefined) => HTMLElement;

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

@@ -9,7 +9,7 @@ export declare const renderWithRouter: (ui: React.ReactElement, { route, history
     container: HTMLElement;
     baseElement: HTMLElement;
     debug: (baseElement?: Element | DocumentFragment | (Element | DocumentFragment)[] | undefined, maxLength?: number | undefined, options?: import("pretty-format").PrettyFormatOptions | undefined) => void;
-    rerender: (ui: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) => void;
+    rerender: (ui: import("react").ReactNode) => void;
     unmount: () => void;
     asFragment: () => DocumentFragment;
     getByLabelText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").SelectorMatcherOptions | undefined) => HTMLElement;

package/dist/types/lib/view/fields/input-text/index.stories.d.ts

@@ -1,11 +1,10 @@
 import { Story, Meta } from '@storybook/react';
-import '@elliemae/ds-form-input-text';
 declare const _default: Meta;
 export default _default;
 export declare const Basic: Story<{
     name: string;
     defaultValue?: string | undefined;
     rules?: Omit<import("react-hook-form").RegisterOptions<import("react-hook-form").FieldValues, string>, "setValueAs" | "valueAsNumber" | "valueAsDate"> | undefined;
-} & import("@elliemae/ds-form-input-text").DSInputTextT.Props & {
+} & import("@elliemae/ds-controlled-form").DSInputTextT.Props & {
     labelText: string;
 }>;

package/dist/types/lib/view/fields/masked-input-text/with-money-mask.stories.d.ts

@@ -1,11 +1,10 @@
 import { Story, Meta } from '@storybook/react';
-import '@elliemae/ds-form-input-text';
 declare const _default: Meta;
 export default _default;
 export declare const WithMoneyMask: Story<{
     name: string;
     defaultValue?: string | undefined;
     rules?: Omit<import("react-hook-form").RegisterOptions<import("react-hook-form").FieldValues, string>, "setValueAs" | "valueAsNumber" | "valueAsDate"> | undefined;
-} & import("@elliemae/ds-form-input-text").DSInputTextT.Props & {
+} & import("@elliemae/ds-controlled-form").DSInputTextT.Props & {
     labelText: string;
 }>;

package/dist/types/lib/view/fields/masked-input-text/with-percentage-mask.stories.d.ts

@@ -1,11 +1,10 @@
 import { Story, Meta } from '@storybook/react';
-import '@elliemae/ds-form-input-text';
 declare const _default: Meta;
 export default _default;
 export declare const WithPercentageMask: Story<{
     name: string;
     defaultValue?: string | undefined;
     rules?: Omit<import("react-hook-form").RegisterOptions<import("react-hook-form").FieldValues, string>, "setValueAs" | "valueAsNumber" | "valueAsDate"> | undefined;
-} & import("@elliemae/ds-form-input-text").DSInputTextT.Props & {
+} & import("@elliemae/ds-controlled-form").DSInputTextT.Props & {
     labelText: string;
 }>;

package/dist/types/lib/view/fields/toggle/index.d.ts

@@ -1,5 +1,4 @@
 import { DSControlledToggleT } from '@elliemae/ds-controlled-form';
-import '@elliemae/ds-form-toggle';
 import { RegisterOptions, FieldValues, FieldPath } from 'react-hook-form';
 export type ToggleProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> = {
     name: string;

package/dist/types/lib/view/fields/toggle/index.stories.d.ts

@@ -5,6 +5,6 @@ export declare const Basic: Story<{
     name: string;
     defaultValue?: boolean | undefined;
     rules?: Omit<import("react-hook-form").RegisterOptions<import("react-hook-form").FieldValues, string>, "setValueAs" | "valueAsNumber" | "valueAsDate"> | undefined;
-} & Omit<import("@elliemae/ds-form-toggle").DSControlledToggleT.Props, "defaultValue" | "onChange" | "selectedValues"> & {
+} & Omit<import("@elliemae/ds-controlled-form").DSControlledToggleT.Props, "defaultValue" | "onChange" | "selectedValues"> & {
     label: string;
 }>;

package/dist/types/lib/view/micro-app/app-factory/index.d.ts

@@ -4,6 +4,6 @@ export declare const unmountApp: ({ id, name }: MicroAppConfig) => Promise<void
 export declare const loadApp: (appConfig: MicroAppConfig) => Promise<void>;
 export declare const unloadApp: ({ id, hostUrl, documentEle, }: {
     id: string;
-    hostUrl?: string | undefined;
+    hostUrl?: string;
     documentEle: Document;
 }) => void;

package/dist/types/lib/view/micro-app/resources/manifest.d.ts

@@ -1,7 +1,7 @@
 type Manifest = Record<string, string>;
 export declare const getAppManifest: ({ hostUrl, manifestPath, }: {
-    hostUrl?: string | undefined;
-    manifestPath?: string | undefined;
+    hostUrl?: string;
+    manifestPath?: string;
 }) => Promise<Manifest>;
 export declare const getFullFileNameofAssetsFromManifest: (manifest: Record<string, string>, assetNames?: Array<string>) => Array<string>;
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/pui-app-sdk",
-  "version": "5.8.2",
+  "version": "5.10.0",
   "description": "ICE MT UI Platform Application SDK ",
   "sideEffects": [
     "*.css",
@@ -111,56 +111,56 @@
     "indent": 4
   },
   "peerDependencies": {
-    "@elliemae/app-react-dependencies": "^4.13.0",
-    "@elliemae/ds-backdrop": "^3.30.0",
-    "@elliemae/ds-basic": "^3.30.0",
-    "@elliemae/ds-button": "^3.30.0",
-    "@elliemae/ds-circular-progress-indicator": "^3.30.0",
-    "@elliemae/ds-controlled-form": "^3.30.0",
-    "@elliemae/ds-date-picker": "^3.30.0",
-    "@elliemae/ds-date-range-picker": "^3.30.0",
-    "@elliemae/ds-dialog": "^3.30.0",
-    "@elliemae/ds-form": "^3.30.0",
-    "@elliemae/ds-form-layout-blocks": "^3.30.0",
-    "@elliemae/ds-grid": "^3.30.0",
-    "@elliemae/ds-modal": "^3.30.0",
-    "@elliemae/ds-popperjs": "^3.30.0",
-    "@elliemae/ds-toast": "^3.30.0",
-    "@elliemae/ds-utilities": "^3.30.0",
+    "@elliemae/app-react-dependencies": "^4.16.0",
+    "@elliemae/ds-backdrop": "^3.33.1",
+    "@elliemae/ds-basic": "^3.33.1",
+    "@elliemae/ds-button": "^3.33.1",
+    "@elliemae/ds-circular-progress-indicator": "^3.33.1",
+    "@elliemae/ds-controlled-form": "^3.33.1",
+    "@elliemae/ds-date-picker": "^3.33.1",
+    "@elliemae/ds-date-range-picker": "^3.33.1",
+    "@elliemae/ds-dialog": "^3.33.1",
+    "@elliemae/ds-form": "^3.33.1",
+    "@elliemae/ds-form-layout-blocks": "^3.33.1",
+    "@elliemae/ds-grid": "^3.33.1",
+    "@elliemae/ds-modal": "^3.33.1",
+    "@elliemae/ds-popperjs": "^3.33.1",
+    "@elliemae/ds-toast": "^3.33.1",
+    "@elliemae/ds-utilities": "^3.33.1",
     "@elliemae/em-ssf-guest": "^1.11.3",
-    "@elliemae/pui-diagnostics": "^3.4.1",
+    "@elliemae/pui-diagnostics": "^3.5.1",
     "@elliemae/pui-micro-frontend-base": "^1.14.0",
-    "@elliemae/pui-scripting-object": "^1.31.3",
-    "@elliemae/pui-theme": "^2.7.0",
-    "@elliemae/pui-user-monitoring": "^1.22.2"
+    "@elliemae/pui-scripting-object": "^1.36.0",
+    "@elliemae/pui-theme": "^2.9.3",
+    "@elliemae/pui-user-monitoring": "^1.23.0"
   },
   "devDependencies": {
-    "@elliemae/app-react-dependencies": "~4.13.0",
-    "@elliemae/browserslist-config-elliemae-latest-browsers": "~1.8.0",
-    "@elliemae/ds-backdrop": "~3.30.0",
-    "@elliemae/ds-basic": "~3.30.0",
-    "@elliemae/ds-button": "~3.30.0",
-    "@elliemae/ds-circular-progress-indicator": "~3.30.0",
-    "@elliemae/ds-controlled-form": "~3.30.0",
-    "@elliemae/ds-date-picker": "~3.30.0",
-    "@elliemae/ds-date-range-picker": "~3.30.0",
-    "@elliemae/ds-dialog": "~3.30.0",
-    "@elliemae/ds-form": "~3.30.0",
-    "@elliemae/ds-form-layout-blocks": "~3.30.0",
-    "@elliemae/ds-grid": "~3.30.0",
-    "@elliemae/ds-modal": "~3.30.0",
-    "@elliemae/ds-popperjs": "~3.30.0",
-    "@elliemae/ds-toast": "~3.30.0",
-    "@elliemae/ds-utilities": "~3.30.0",
+    "@elliemae/app-react-dependencies": "~4.16.0",
+    "@elliemae/browserslist-config-elliemae-latest-browsers": "~1.9.0",
+    "@elliemae/ds-backdrop": "~3.33.1",
+    "@elliemae/ds-basic": "~3.33.1",
+    "@elliemae/ds-button": "~3.33.1",
+    "@elliemae/ds-circular-progress-indicator": "~3.33.1",
+    "@elliemae/ds-controlled-form": "~3.33.1",
+    "@elliemae/ds-date-picker": "~3.33.1",
+    "@elliemae/ds-date-range-picker": "~3.33.1",
+    "@elliemae/ds-dialog": "~3.33.1",
+    "@elliemae/ds-form": "~3.33.1",
+    "@elliemae/ds-form-layout-blocks": "~3.33.1",
+    "@elliemae/ds-grid": "~3.33.1",
+    "@elliemae/ds-modal": "~3.33.1",
+    "@elliemae/ds-popperjs": "~3.33.1",
+    "@elliemae/ds-toast": "~3.33.1",
+    "@elliemae/ds-utilities": "~3.33.1",
     "@elliemae/em-ssf-guest": "~1.11.3",
-    "@elliemae/pui-cli": "~8.27.0",
-    "@elliemae/pui-diagnostics": "~3.4.1",
+    "@elliemae/pui-cli": "~8.33.0",
+    "@elliemae/pui-diagnostics": "~3.5.1",
     "@elliemae/pui-doc-gen": "~1.9.0",
     "@elliemae/pui-e2e-test-sdk": "~8.1.4",
     "@elliemae/pui-micro-frontend-base": "~1.14.0",
-    "@elliemae/pui-scripting-object": "~1.31.3",
-    "@elliemae/pui-theme": "~2.7.0",
-    "@elliemae/pui-user-monitoring": "~1.22.2",
-    "@types/react-aria-live": "~2.0.5"
+    "@elliemae/pui-scripting-object": "~1.36.0",
+    "@elliemae/pui-theme": "~2.9.3",
+    "@elliemae/pui-user-monitoring": "~1.23.0",
+    "@types/react-aria-live": "~2.0.6"
   }
 }