@elliemae/pui-app-sdk 4.0.0-beta.4 → 4.0.0-beta.5

package/README.md

@@ -2,7 +2,7 @@
 
 Software Development Kit / API for developing React Web applications. Implements cross cutting concerns as reusable APIs
 
-Build: [![Build Status](https://jenkins.dco.elmae/job/Platform%20UI/job/App%20SDK/job/build/job/master/badge/icon)](https://jenkins.dco.elmae/job/Platform%20UI/job/App%20SDK/job/build/job/master/) Deploy: [![Deploy Status](https://jenkins.dco.elmae/job/Platform%20UI/job/App%20SDK/job/deploy/badge/icon)](https://jenkins.dco.elmae/job/Platform%20UI/job/App%20SDK/job/deploy/) Test: [![Test Status](https://jenkins.dco.elmae/job/Platform%20UI/job/App%20SDK/job/test/badge/icon)](https://jenkins.dco.elmae/job/Platform%20UI/job/App%20SDK/job/test/) Infra: [![Infra Status](https://jenkins.dco.elmae/job/Platform%20UI/job/App%20SDK/job/infra/badge/icon)](https://jenkins.dco.elmae/job/Platform%20UI/job/App%20SDK/job/infra/)
+Build: [![Build Status](https://jenkins.dco.elmae/buildStatus/icon?job=UIPlatform/Dev/AppSDK/build/master)](https://jenkins.dco.elmae/job/UIPlatform/job/Dev/job/AppSDK/job/build/job/master/) Deploy: [![Build Status](https://jenkins.dco.elmae/buildStatus/icon?job=UIPlatform/Dev/AppSDK/deploy)](https://jenkins.dco.elmae/job/UIPlatform/Dev/AppSDK/deploy) Test: [![Build Status](https://jenkins.dco.elmae/buildStatus/icon?job=UIPlatform/QA/AppSDK/test)](https://jenkins.dco.elmae/job/UIPlatform/QA/AppSDK/test) SecScan: [![Build Status](https://jenkins.dco.elmae/buildStatus/icon?job=UIPlatform/Dev/AppSDK/secscan)](https://jenkins.dco.elmae/job/UIPlatform/job/Dev/job/AppSDK/job/secscan/)
 
 [SonarQube Report](https://sonar.ellielabs.com/overview?id=elliemae.pui.app.sdk-master)
 

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

@@ -25,7 +25,6 @@ __export(guest_exports, {
 module.exports = __toCommonJS(guest_exports);
 var import_react_dom = __toESM(require("react-dom"));
 var import_lodash = __toESM(require("lodash"));
-var import_em_ssf_guest = __toESM(require("@elliemae/em-ssf-guest"));
 var import_pui_theme = require("@elliemae/pui-theme");
 var import_window = require("../window.js");
 var import_app_config = require("../app-config/index.js");
@@ -35,6 +34,7 @@ var import_console_logger = require("./console-logger.js");
 var import_web_storage = require("../web-storage.js");
 var import_web_analytics = require("../../analytics/web-analytics.js");
 var import_appdynamics = require("../../analytics/appdynamics.js");
+var import_ssfguest_adapter = require("./ssfguest-adapter.js");
 const isCrossDomain = () => {
   try {
     window.parent.document;
@@ -101,20 +101,16 @@ class CMicroAppGuest {
     }
     return value;
   }
-  async getSSFHost() {
+  async getSSFAdapter() {
     let host = null;
     if (window.parent !== window) {
       if (!isCrossDomain()) {
         host = window.parent?.emui?.MicroAppHost || null;
-      } else if (import_em_ssf_guest.default && this.props.hostName) {
-        await import_em_ssf_guest.default.connect();
-        const timeout = new Promise((resolve) => {
-          setTimeout(resolve, 100, null);
-        });
-        host = await Promise.race([
-          import_em_ssf_guest.default.getObject(this.props.hostName),
-          timeout
-        ]);
+      } else {
+        const ssfAdapter = new import_ssfguest_adapter.SSFGuestAdapter();
+        if (!await ssfAdapter.init())
+          return null;
+        host = ssfAdapter;
       }
     }
     return host;
@@ -123,7 +119,7 @@ class CMicroAppGuest {
     this.props = import_lodash.default.merge(this.props, options);
     this.props.history = options?.history || this.props.history;
     if (!this.props.host) {
-      const host = await this.getSSFHost();
+      const host = await this.getSSFAdapter();
       if (host)
         this.props.host = host;
     }

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

@@ -48,10 +48,12 @@ class CMicroAppHost {
       theme: (0, import_pui_theme.getDefaultTheme)()
     };
     this.activeGuests = {};
+    this.domainObjects = {};
     this.getProps = this.getProps.bind(this);
     this.getLogger = this.getLogger.bind(this);
     this.getGuests = this.getGuests.bind(this);
     this.getGuest = this.getGuest.bind(this);
+    this.getObject = this.getObject.bind(this);
     this.renewSessionTimer = this.renewSessionTimer.bind(this);
     this.setSystemVersion = this.setSystemVersion.bind(this);
     (0, import_app_config.loadAppConfig)().then(() => {
@@ -154,4 +156,7 @@ class CMicroAppHost {
   sendBAEvent(data) {
     (0, import_analytics.sendBAEvent)({ data, self: true });
   }
+  getObject(name) {
+    return this.domainObjects[name];
+  }
 }

package/dist/cjs/utils/micro-frontend/ssfguest-adapter.js

@@ -0,0 +1,47 @@
+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)
+    __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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var ssfguest_adapter_exports = {};
+__export(ssfguest_adapter_exports, {
+  SSFGuestAdapter: () => SSFGuestAdapter
+});
+module.exports = __toCommonJS(ssfguest_adapter_exports);
+var import_em_ssf_guest = __toESM(require("@elliemae/em-ssf-guest"));
+class SSFGuestAdapter {
+  async init() {
+    if (!import_em_ssf_guest.default)
+      return false;
+    await import_em_ssf_guest.default.connect();
+    return true;
+  }
+  async getObject(name) {
+    return import_em_ssf_guest.default.getObject(name);
+  }
+  subscribe(message, func) {
+    const callback = (domainObject, eventData) => {
+      func(message, eventData);
+    };
+    const [objectId, eventName] = message.split(".");
+    return import_em_ssf_guest.default.subscribe(objectId, eventName || "", callback);
+  }
+  unsubscribe(token, objectId, eventName) {
+    return import_em_ssf_guest.default.unsubscribe(objectId, eventName, token);
+  }
+}

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

@@ -0,0 +1,95 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var date_range_picker_exports = {};
+__export(date_range_picker_exports, {
+  DateRangePicker: () => DateRangePicker
+});
+module.exports = __toCommonJS(date_range_picker_exports);
+var React = __toESM(require("react"));
+var import_react = require("react");
+var import_ds_controlled_form = require("@elliemae/ds-controlled-form");
+var import_react_hook_form = require("react-hook-form");
+const WrappedDateRangePicker = (_a) => {
+  var _b = _a, {
+    field: _c
+  } = _b, _d = _c, { value, onChange } = _d, restProps = __objRest(_d, ["value", "onChange"]), rest = __objRest(_b, [
+    "field"
+  ]);
+  const [fromDateString, setFromDateString] = (0, import_react.useState)(value[0]);
+  const [toDateString, setToDateString] = (0, import_react.useState)(value[1]);
+  (0, import_react.useEffect)(() => {
+    onChange([fromDateString, toDateString]);
+  }, [fromDateString, toDateString]);
+  return /* @__PURE__ */ React.createElement(import_ds_controlled_form.DSControlledDateRangePicker, __spreadProps(__spreadValues(__spreadValues({}, rest), restProps), {
+    fromDate: fromDateString,
+    onFromDateChange: setFromDateString,
+    toDate: toDateString,
+    onToDateChange: setToDateString
+  }));
+};
+const DateRangePicker = (_e) => {
+  var _f = _e, {
+    name,
+    defaultValue = ["", ""],
+    rules = {}
+  } = _f, rest = __objRest(_f, [
+    "name",
+    "defaultValue",
+    "rules"
+  ]);
+  return /* @__PURE__ */ React.createElement(import_react_hook_form.Controller, {
+    name,
+    defaultValue,
+    rules,
+    render: ({ field }) => /* @__PURE__ */ React.createElement(WrappedDateRangePicker, __spreadValues({
+      field
+    }, rest))
+  });
+};

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

@@ -0,0 +1,80 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var date_time_picker_exports = {};
+__export(date_time_picker_exports, {
+  DateTimePicker: () => DateTimePicker
+});
+module.exports = __toCommonJS(date_time_picker_exports);
+var React = __toESM(require("react"));
+var import_ds_controlled_form = require("@elliemae/ds-controlled-form");
+var import_react_hook_form = require("react-hook-form");
+const DateTimePicker = (_a) => {
+  var _b = _a, {
+    name,
+    defaultValue = "",
+    rules = {}
+  } = _b, rest = __objRest(_b, [
+    "name",
+    "defaultValue",
+    "rules"
+  ]);
+  return /* @__PURE__ */ React.createElement(import_react_hook_form.Controller, {
+    name,
+    defaultValue,
+    rules,
+    render: (_a2) => {
+      var { field: _b2 } = _a2, _c = _b2, { value, onChange } = _c, restProps = __objRest(_c, ["value", "onChange"]);
+      return /* @__PURE__ */ React.createElement(import_ds_controlled_form.DSControlledDateTimePicker, __spreadProps(__spreadValues(__spreadValues({}, rest), restProps), {
+        dateTime: value,
+        onDateTimeChange: onChange
+      }));
+    }
+  });
+};

package/dist/cjs/view/fields/input-text/index.js

@@ -0,0 +1,71 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var input_text_exports = {};
+__export(input_text_exports, {
+  InputText: () => InputText
+});
+module.exports = __toCommonJS(input_text_exports);
+var React = __toESM(require("react"));
+var import_ds_controlled_form = require("@elliemae/ds-controlled-form");
+var import_react_hook_form = require("react-hook-form");
+const InputText = (_a) => {
+  var _b = _a, {
+    name,
+    defaultValue = "",
+    rules = {}
+  } = _b, rest = __objRest(_b, [
+    "name",
+    "defaultValue",
+    "rules"
+  ]);
+  return /* @__PURE__ */ React.createElement(import_react_hook_form.Controller, {
+    name,
+    defaultValue,
+    rules,
+    render: ({ field }) => /* @__PURE__ */ React.createElement(import_ds_controlled_form.DSInputText, __spreadValues(__spreadValues({}, rest), field))
+  });
+};

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

@@ -0,0 +1,81 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var toggle_exports = {};
+__export(toggle_exports, {
+  Toggle: () => Toggle
+});
+module.exports = __toCommonJS(toggle_exports);
+var React = __toESM(require("react"));
+var import_ds_controlled_form = require("@elliemae/ds-controlled-form");
+var import_react_hook_form = require("react-hook-form");
+const Toggle = (_a) => {
+  var _b = _a, {
+    name,
+    defaultValue = false,
+    rules = {}
+  } = _b, rest = __objRest(_b, [
+    "name",
+    "defaultValue",
+    "rules"
+  ]);
+  return /* @__PURE__ */ React.createElement(import_react_hook_form.Controller, {
+    name,
+    rules,
+    defaultValue,
+    render: (_a2) => {
+      var { field: _b2 } = _a2, _c = _b2, { value, onChange } = _c, restProps = __objRest(_c, ["value", "onChange"]);
+      return /* @__PURE__ */ React.createElement(import_ds_controlled_form.DSControlledToggle, __spreadProps(__spreadValues(__spreadValues({}, rest), restProps), {
+        checked: value,
+        value: value.toString(),
+        onChange: () => onChange(!value)
+      }));
+    }
+  });
+};

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

@@ -1,6 +1,5 @@
 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.js";
 import { loadAppConfig } from "../app-config/index.js";
@@ -10,6 +9,7 @@ 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";
+import { SSFGuestAdapter } from "./ssfguest-adapter.js";
 const isCrossDomain = () => {
   try {
     window.parent.document;
@@ -76,20 +76,16 @@ class CMicroAppGuest {
     }
     return value;
   }
-  async getSSFHost() {
+  async getSSFAdapter() {
     let host = null;
     if (window.parent !== window) {
       if (!isCrossDomain()) {
         host = window.parent?.emui?.MicroAppHost || null;
-      } else if (ssfGuest && this.props.hostName) {
-        await ssfGuest.connect();
-        const timeout = new Promise((resolve) => {
-          setTimeout(resolve, 100, null);
-        });
-        host = await Promise.race([
-          ssfGuest.getObject(this.props.hostName),
-          timeout
-        ]);
+      } else {
+        const ssfAdapter = new SSFGuestAdapter();
+        if (!await ssfAdapter.init())
+          return null;
+        host = ssfAdapter;
       }
     }
     return host;
@@ -98,7 +94,7 @@ class CMicroAppGuest {
     this.props = _.merge(this.props, options);
     this.props.history = options?.history || this.props.history;
     if (!this.props.host) {
-      const host = await this.getSSFHost();
+      const host = await this.getSSFAdapter();
       if (host)
         this.props.host = host;
     }

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

@@ -33,10 +33,12 @@ class CMicroAppHost {
       theme: getDefaultTheme()
     };
     this.activeGuests = {};
+    this.domainObjects = {};
     this.getProps = this.getProps.bind(this);
     this.getLogger = this.getLogger.bind(this);
     this.getGuests = this.getGuests.bind(this);
     this.getGuest = this.getGuest.bind(this);
+    this.getObject = this.getObject.bind(this);
     this.renewSessionTimer = this.renewSessionTimer.bind(this);
     this.setSystemVersion = this.setSystemVersion.bind(this);
     loadAppConfig().then(() => {
@@ -139,6 +141,9 @@ class CMicroAppHost {
   sendBAEvent(data) {
     sendBAEvent({ data, self: true });
   }
+  getObject(name) {
+    return this.domainObjects[name];
+  }
 }
 export {
   CMicroAppHost

package/dist/esm/utils/micro-frontend/ssfguest-adapter.js

@@ -0,0 +1,25 @@
+import ssfGuest from "@elliemae/em-ssf-guest";
+class SSFGuestAdapter {
+  async init() {
+    if (!ssfGuest)
+      return false;
+    await ssfGuest.connect();
+    return true;
+  }
+  async getObject(name) {
+    return ssfGuest.getObject(name);
+  }
+  subscribe(message, func) {
+    const callback = (domainObject, eventData) => {
+      func(message, eventData);
+    };
+    const [objectId, eventName] = message.split(".");
+    return ssfGuest.subscribe(objectId, eventName || "", callback);
+  }
+  unsubscribe(token, objectId, eventName) {
+    return ssfGuest.unsubscribe(objectId, eventName, token);
+  }
+}
+export {
+  SSFGuestAdapter
+};

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

@@ -0,0 +1,77 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+import * as React from "react";
+import { useState, useEffect } from "react";
+import { DSControlledDateRangePicker } from "@elliemae/ds-controlled-form";
+import {
+  Controller
+} from "react-hook-form";
+const WrappedDateRangePicker = (_a) => {
+  var _b = _a, {
+    field: _c
+  } = _b, _d = _c, { value, onChange } = _d, restProps = __objRest(_d, ["value", "onChange"]), rest = __objRest(_b, [
+    "field"
+  ]);
+  const [fromDateString, setFromDateString] = useState(value[0]);
+  const [toDateString, setToDateString] = useState(value[1]);
+  useEffect(() => {
+    onChange([fromDateString, toDateString]);
+  }, [fromDateString, toDateString]);
+  return /* @__PURE__ */ React.createElement(DSControlledDateRangePicker, __spreadProps(__spreadValues(__spreadValues({}, rest), restProps), {
+    fromDate: fromDateString,
+    onFromDateChange: setFromDateString,
+    toDate: toDateString,
+    onToDateChange: setToDateString
+  }));
+};
+const DateRangePicker = (_e) => {
+  var _f = _e, {
+    name,
+    defaultValue = ["", ""],
+    rules = {}
+  } = _f, rest = __objRest(_f, [
+    "name",
+    "defaultValue",
+    "rules"
+  ]);
+  return /* @__PURE__ */ React.createElement(Controller, {
+    name,
+    defaultValue,
+    rules,
+    render: ({ field }) => /* @__PURE__ */ React.createElement(WrappedDateRangePicker, __spreadValues({
+      field
+    }, rest))
+  });
+};
+export {
+  DateRangePicker
+};

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

@@ -0,0 +1,62 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+import * as React from "react";
+import { DSControlledDateTimePicker } from "@elliemae/ds-controlled-form";
+import {
+  Controller
+} from "react-hook-form";
+const DateTimePicker = (_a) => {
+  var _b = _a, {
+    name,
+    defaultValue = "",
+    rules = {}
+  } = _b, rest = __objRest(_b, [
+    "name",
+    "defaultValue",
+    "rules"
+  ]);
+  return /* @__PURE__ */ React.createElement(Controller, {
+    name,
+    defaultValue,
+    rules,
+    render: (_a2) => {
+      var { field: _b2 } = _a2, _c = _b2, { value, onChange } = _c, restProps = __objRest(_c, ["value", "onChange"]);
+      return /* @__PURE__ */ React.createElement(DSControlledDateTimePicker, __spreadProps(__spreadValues(__spreadValues({}, rest), restProps), {
+        dateTime: value,
+        onDateTimeChange: onChange
+      }));
+    }
+  });
+};
+export {
+  DateTimePicker
+};

package/dist/esm/view/fields/input-text/index.js

@@ -0,0 +1,53 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+import * as React from "react";
+import { DSInputText } from "@elliemae/ds-controlled-form";
+import {
+  Controller
+} from "react-hook-form";
+const InputText = (_a) => {
+  var _b = _a, {
+    name,
+    defaultValue = "",
+    rules = {}
+  } = _b, rest = __objRest(_b, [
+    "name",
+    "defaultValue",
+    "rules"
+  ]);
+  return /* @__PURE__ */ React.createElement(Controller, {
+    name,
+    defaultValue,
+    rules,
+    render: ({ field }) => /* @__PURE__ */ React.createElement(DSInputText, __spreadValues(__spreadValues({}, rest), field))
+  });
+};
+export {
+  InputText
+};

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

@@ -0,0 +1,63 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+import * as React from "react";
+import { DSControlledToggle } from "@elliemae/ds-controlled-form";
+import {
+  Controller
+} from "react-hook-form";
+const Toggle = (_a) => {
+  var _b = _a, {
+    name,
+    defaultValue = false,
+    rules = {}
+  } = _b, rest = __objRest(_b, [
+    "name",
+    "defaultValue",
+    "rules"
+  ]);
+  return /* @__PURE__ */ React.createElement(Controller, {
+    name,
+    rules,
+    defaultValue,
+    render: (_a2) => {
+      var { field: _b2 } = _a2, _c = _b2, { value, onChange } = _c, restProps = __objRest(_c, ["value", "onChange"]);
+      return /* @__PURE__ */ React.createElement(DSControlledToggle, __spreadProps(__spreadValues(__spreadValues({}, rest), restProps), {
+        checked: value,
+        value: value.toString(),
+        onChange: () => onChange(!value)
+      }));
+    }
+  });
+};
+export {
+  Toggle
+};

package/dist/types/utils/micro-frontend/guest.d.ts

@@ -38,7 +38,7 @@ export declare class CMicroAppGuest implements IMicroAppGuest {
     getLogger(): MicroFrontEndLogger;
     getProps(): GuestProps;
     private getSessionStorageItem;
-    private getSSFHost;
+    private getSSFAdapter;
     init(this: CMicroAppGuest, options: InitOptions): Promise<void>;
     mount(this: CMicroAppGuest, options?: MountOptions): Promise<void>;
     unmount(this: CMicroAppGuest, options: MountOptions): Promise<JSONValue>;

package/dist/types/utils/micro-frontend/host.d.ts

@@ -1,4 +1,4 @@
-import { IMicroAppHost, ResizeEventHandler, BreakpointChangeEventHandler, SubscriptionListener, BAEvent } from '@elliemae/pui-micro-frontend-base';
+import { IMicroAppHost, ResizeEventHandler, BreakpointChangeEventHandler, SubscriptionListener, BAEvent, IDomainObject } from '@elliemae/pui-micro-frontend-base';
 import { History, To } from 'history';
 import { DefaultTheme } from 'styled-components';
 import { MicroFrontEndLogger } from './console-logger.js';
@@ -21,6 +21,7 @@ export declare class CMicroAppHost implements IMicroAppHost {
     activeGuests: Record<string, unknown>;
     private readonly onInit?;
     private readonly onRenewSessionTimer?;
+    domainObjects: Record<string, IDomainObject>;
     private constructor();
     static getInstance(params?: ConstructorParams): CMicroAppHost;
     static isInitialized(): boolean;
@@ -50,5 +51,6 @@ export declare class CMicroAppHost implements IMicroAppHost {
     onBreakpointChangeEvent(eventHandler: BreakpointChangeEventHandler): string;
     setSystemVersion(version?: string): void;
     sendBAEvent(this: void, data: BAEvent): void;
+    getObject<T extends IDomainObject>(name: string): T;
 }
 export {};

package/dist/types/utils/micro-frontend/ssfguest-adapter.d.ts

@@ -0,0 +1,7 @@
+import { SubscriptionListener, IDomainObject } from '@elliemae/pui-micro-frontend-base';
+export declare class SSFGuestAdapter {
+    init(): Promise<boolean>;
+    getObject<T extends IDomainObject>(name: string): Promise<T>;
+    subscribe<T>(message: string, func: SubscriptionListener<T>): string | number;
+    unsubscribe(token: string, objectId: string, eventName: string): void;
+}

package/dist/types/view/fields/date-range-picker/index.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { RegisterOptions, FieldValues, FieldPath } from 'react-hook-form';
+export declare type DateRangePickerProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> = {
+    name: string;
+    defaultValue?: [string, string];
+    rules?: Omit<RegisterOptions<TFieldValues, TName>, 'valueAsNumber' | 'valueAsDate' | 'setValueAs'>;
+    [x: string]: any;
+};
+export declare const DateRangePicker: ({ name, defaultValue, rules, ...rest }: DateRangePickerProps) => JSX.Element;

package/dist/types/view/fields/date-range-picker/index.stories.d.ts

@@ -0,0 +1,7 @@
+import { Story, Meta } from '@storybook/react';
+import { DateRangePickerProps } from './index.js';
+declare const _default: Meta<import("@storybook/react").Args>;
+export default _default;
+export declare const Basic: Story<DateRangePickerProps<import("react-hook-form").FieldValues, string> & {
+    labelText: string;
+}>;

package/dist/types/view/fields/date-time-picker/index.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { RegisterOptions, FieldValues, FieldPath } from 'react-hook-form';
+export declare type DateTimePickerProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> = {
+    name: string;
+    defaultValue?: string;
+    rules?: Omit<RegisterOptions<TFieldValues, TName>, 'valueAsNumber' | 'valueAsDate' | 'setValueAs'>;
+    [x: string]: any;
+};
+export declare const DateTimePicker: ({ name, defaultValue, rules, ...rest }: DateTimePickerProps) => JSX.Element;

package/dist/types/view/fields/date-time-picker/index.stories.d.ts

@@ -0,0 +1,7 @@
+import { Story, Meta } from '@storybook/react';
+import { DateTimePickerProps } from './index.js';
+declare const _default: Meta<import("@storybook/react").Args>;
+export default _default;
+export declare const Basic: Story<DateTimePickerProps<import("react-hook-form").FieldValues, string> & {
+    labelText: string;
+}>;

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { RegisterOptions, FieldValues, FieldPath } from 'react-hook-form';
+export declare type InputTextProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> = {
+    name: string;
+    defaultValue?: string;
+    rules?: Omit<RegisterOptions<TFieldValues, TName>, 'valueAsNumber' | 'valueAsDate' | 'setValueAs'>;
+    [x: string]: any;
+};
+export declare const InputText: ({ name, defaultValue, rules, ...rest }: InputTextProps) => JSX.Element;

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

@@ -0,0 +1,7 @@
+import { Story, Meta } from '@storybook/react';
+import { InputTextProps } from './index.js';
+declare const _default: Meta<import("@storybook/react").Args>;
+export default _default;
+export declare const Basic: Story<InputTextProps<import("react-hook-form").FieldValues, string> & {
+    labelText: string;
+}>;

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { RegisterOptions, FieldValues, FieldPath } from 'react-hook-form';
+export declare type ToggleProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> = {
+    name: string;
+    defaultValue?: boolean;
+    rules?: Omit<RegisterOptions<TFieldValues, TName>, 'valueAsNumber' | 'valueAsDate' | 'setValueAs'>;
+    [x: string]: any;
+};
+export declare const Toggle: ({ name, defaultValue, rules, ...rest }: ToggleProps) => JSX.Element;

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

@@ -0,0 +1,7 @@
+import { Story, Meta } from '@storybook/react';
+import { ToggleProps } from './index.js';
+declare const _default: Meta<import("@storybook/react").Args>;
+export default _default;
+export declare const Basic: Story<ToggleProps<import("react-hook-form").FieldValues, string> & {
+    label: string;
+}>;

package/dist/types/view/modals/error/index.d.ts

@@ -1,6 +1,8 @@
 /// <reference types="react" />
 export interface ErrorProps {
     open: boolean;
+    name: string;
+    showHeader?: boolean;
     primaryMessage: React.ReactNode;
     secondaryMessage?: React.ReactNode;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/pui-app-sdk",
-  "version": "4.0.0-beta.4",
+  "version": "4.0.0-beta.5",
   "description": "ICE MT UI Platform Application SDK ",
   "sideEffects": [
     "*.css",
@@ -103,48 +103,48 @@
     "indent": 4
   },
   "peerDependencies": {
-    "@elliemae/app-react-dependencies": "^3.2.0",
-    "@elliemae/ds-basic": "^2.4.10",
-    "@elliemae/ds-button": "^2.4.10",
-    "@elliemae/ds-controlled-form": "^2.4.10",
-    "@elliemae/ds-date-picker": "^2.4.10",
-    "@elliemae/ds-date-range-picker": "^2.4.10",
-    "@elliemae/ds-dialog": "^2.4.10",
-    "@elliemae/ds-form": "^2.4.10",
-    "@elliemae/ds-form-layout-blocks": "^2.4.10",
-    "@elliemae/ds-grid": "^2.4.10",
-    "@elliemae/ds-loading-indicator": "^2.4.10",
-    "@elliemae/ds-modal": "^2.4.10",
-    "@elliemae/ds-popperjs": "^2.4.10",
-    "@elliemae/ds-toast": "^2.4.10",
+    "@elliemae/app-react-dependencies": "^3.6.0",
+    "@elliemae/ds-basic": "^3.0.3",
+    "@elliemae/ds-button": "^3.0.3",
+    "@elliemae/ds-controlled-form": "^3.0.3",
+    "@elliemae/ds-date-picker": "^3.0.3",
+    "@elliemae/ds-date-range-picker": "^3.0.3",
+    "@elliemae/ds-dialog": "^3.0.3",
+    "@elliemae/ds-form": "^3.0.3",
+    "@elliemae/ds-form-layout-blocks": "^3.0.3",
+    "@elliemae/ds-grid": "^3.0.3",
+    "@elliemae/ds-loading-indicator": "^3.0.3",
+    "@elliemae/ds-modal": "^3.0.3",
+    "@elliemae/ds-popperjs": "^3.0.3",
+    "@elliemae/ds-toast": "^3.0.3",
     "@elliemae/em-ssf-guest": "^1.11.1",
-    "@elliemae/pui-diagnostics": "^2.7.3",
-    "@elliemae/pui-micro-frontend-base": "^1.10.1",
-    "@elliemae/pui-theme": "^2.4.1",
-    "@elliemae/pui-user-monitoring": "^1.14.0"
+    "@elliemae/pui-diagnostics": "^2.7.4",
+    "@elliemae/pui-micro-frontend-base": "^1.11.2",
+    "@elliemae/pui-theme": "^2.5.0",
+    "@elliemae/pui-user-monitoring": "^1.15.1"
   },
   "devDependencies": {
-    "@elliemae/app-react-dependencies": "~3.3.0",
-    "@elliemae/browserslist-config-elliemae-latest-browsers": "~1.3.0",
-    "@elliemae/ds-basic": "~2.4.10",
-    "@elliemae/ds-button": "~2.4.10",
-    "@elliemae/ds-controlled-form": "~2.4.10",
-    "@elliemae/ds-date-picker": "~2.4.10",
-    "@elliemae/ds-date-range-picker": "~2.4.10",
-    "@elliemae/ds-dialog": "~2.4.10",
-    "@elliemae/ds-form": "~2.4.10",
-    "@elliemae/ds-form-layout-blocks": "~2.4.10",
-    "@elliemae/ds-grid": "~2.4.10",
-    "@elliemae/ds-loading-indicator": "~2.4.10",
-    "@elliemae/ds-modal": "~2.4.10",
-    "@elliemae/ds-popperjs": "~2.4.10",
-    "@elliemae/ds-toast": "~2.4.10",
+    "@elliemae/app-react-dependencies": "~3.6.0",
+    "@elliemae/browserslist-config-elliemae-latest-browsers": "~1.4.2",
+    "@elliemae/ds-basic": "~3.0.3",
+    "@elliemae/ds-button": "~3.0.3",
+    "@elliemae/ds-controlled-form": "~3.0.3",
+    "@elliemae/ds-date-picker": "~3.0.3",
+    "@elliemae/ds-date-range-picker": "~3.0.3",
+    "@elliemae/ds-dialog": "~3.0.3",
+    "@elliemae/ds-form": "~3.0.3",
+    "@elliemae/ds-form-layout-blocks": "~3.0.3",
+    "@elliemae/ds-grid": "~3.0.3",
+    "@elliemae/ds-loading-indicator": "~3.0.3",
+    "@elliemae/ds-modal": "~3.0.3",
+    "@elliemae/ds-popperjs": "~3.0.3",
+    "@elliemae/ds-toast": "~3.0.3",
     "@elliemae/em-ssf-guest": "~1.11.1",
-    "@elliemae/pui-cli": "~7.0.0-beta.5",
-    "@elliemae/pui-diagnostics": "~2.7.3",
+    "@elliemae/pui-cli": "~7.0.0-beta.7",
+    "@elliemae/pui-diagnostics": "~2.7.4",
     "@elliemae/pui-e2e-test-sdk": "~7.3.3",
-    "@elliemae/pui-micro-frontend-base": "~1.10.1",
-    "@elliemae/pui-theme": "~2.4.1",
-    "@elliemae/pui-user-monitoring": "~1.15.0"
+    "@elliemae/pui-micro-frontend-base": "~1.11.2",
+    "@elliemae/pui-theme": "~2.5.0",
+    "@elliemae/pui-user-monitoring": "~1.15.1"
   }
 }