@elliemae/pui-app-sdk 4.0.0-beta.3 → 4.0.0-beta.6

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

@@ -23,9 +23,7 @@ __export(guest_exports, {
   CMicroAppGuest: () => CMicroAppGuest
 });
 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 +33,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 +100,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 +118,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;
     }
@@ -145,9 +140,6 @@ class CMicroAppGuest {
     });
   }
   unmount(options) {
-    const appEle = document.getElementById(this.containerId);
-    if (appEle)
-      import_react_dom.default.unmountComponentAtNode(appEle);
     (0, import_web_storage.removeStorageEvents)();
     return Promise.resolve().then(() => this.onUnmount ? this.onUnmount(options) : null);
   }

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/app-root/index.js

@@ -38,6 +38,7 @@ __export(app_root_exports, {
 });
 module.exports = __toCommonJS(app_root_exports);
 var React = __toESM(require("react"));
+var import_react = require("react");
 var import_react_redux = require("react-redux");
 var import_styled_components = require("styled-components");
 var import_pui_theme = require("@elliemae/pui-theme");
@@ -58,7 +59,7 @@ const AppRoot = ({
   WaitMessage,
   errorTemplate,
   children
-}) => /* @__PURE__ */ React.createElement(import_error_boundary.ErrorBoundary, {
+}) => /* @__PURE__ */ React.createElement(import_react.StrictMode, null, /* @__PURE__ */ React.createElement(import_error_boundary.ErrorBoundary, {
   errorTemplate
 }, /* @__PURE__ */ React.createElement(import_react_redux.Provider, {
   store
@@ -69,4 +70,4 @@ const AppRoot = ({
 }, /* @__PURE__ */ React.createElement(AppToRender, {
   manageSession,
   WaitMessage
-}, children)))));
+}, children))))));

package/dist/cjs/view/error-boundary/default-error-template.js

@@ -27,4 +27,4 @@ var React = __toESM(require("react"));
 const DefaultErrorTemplate = ({
   error = new Error("We are unable to process your request"),
   errorInfo = { componentStack: "Please close your browser and login again" }
-}) => /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("h2", null, error?.message), /* @__PURE__ */ React.createElement("section", null, errorInfo));
+}) => /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("h2", null, error?.message), /* @__PURE__ */ React.createElement("section", null, errorInfo?.componentStack));

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/cjs/view/micro-app/resources/script.js

@@ -28,21 +28,25 @@ var import_url = require("../../../utils/url.js");
 const APP_SCRIPT_ID_PREFIX = "emui-script-";
 const HEAD_SCRIPTS = /(?:emuiDiagnostics|global|global-prod|emuiUserMonitoring)(?:..*)?.js/;
 const isHeadScript = (scriptSrc) => HEAD_SCRIPTS.test(scriptSrc);
-const addScriptToDOM = ({ name, hostUrl, documentEle }, fileName, index) => new Promise((resolve, reject) => {
-  const ele = documentEle.createElement("script");
-  if (!ele)
-    reject(new Error("Unable to insert Application scripts."));
-  ele.id = `${APP_SCRIPT_ID_PREFIX}${name}-${index}`;
-  const url = new URL(fileName, hostUrl);
-  ele.src = (0, import_url.removeDoubleSlash)(url.href);
-  ele.onload = resolve.bind(null, ele.id);
-  ele.onerror = reject.bind(null, ele.id);
-  ele.async = false;
-  if (isHeadScript(ele.src))
-    documentEle.head.appendChild(ele);
-  else
-    documentEle.body.appendChild(ele);
-});
+const addScriptToDOM = ({ name, hostUrl, documentEle, manifestPath }, fileName, index) => {
+  if (!hostUrl || !manifestPath)
+    throw new Error("Unable to add scripts to DOM. hostUrl and manifestPath are required.");
+  return new Promise((resolve, reject) => {
+    const ele = documentEle.createElement("script");
+    if (!ele)
+      reject(new Error("Unable to insert Application scripts."));
+    ele.id = `${APP_SCRIPT_ID_PREFIX}${name}-${index}`;
+    const url = new URL(`${manifestPath.replace(/\/?$/, "/")}${fileName}`, hostUrl);
+    ele.src = (0, import_url.removeDoubleSlash)(url.href);
+    ele.onload = resolve.bind(null, ele.id);
+    ele.onerror = reject.bind(null, ele.id);
+    ele.async = false;
+    if (isHeadScript(ele.src))
+      documentEle.head.appendChild(ele);
+    else
+      documentEle.body.appendChild(ele);
+  });
+};
 const removeScriptFromDOM = (elementId = "", documentEle = document) => new Promise((resolve) => {
   const ele = documentEle.getElementById(elementId);
   if (!ele)

package/dist/cjs/view/micro-app/resources/style.js

@@ -25,17 +25,21 @@ __export(style_exports, {
 module.exports = __toCommonJS(style_exports);
 var import_url = require("../../../utils/url.js");
 const APP_STYLE_ID_PREFIX = "emui-style-";
-const addStylesToDOM = ({ name, hostUrl, documentEle }, fileName, index) => new Promise((resolve, reject) => {
-  const ele = documentEle.createElement("link");
-  if (!ele)
-    reject(new Error("Unable to insert Application styles."));
-  ele.id = `${APP_STYLE_ID_PREFIX}${name}-${index}`;
-  ele.rel = "stylesheet";
-  const url = new URL(fileName, hostUrl);
-  ele.href = (0, import_url.removeDoubleSlash)(url.href);
-  ele.onload = resolve.bind(null, ele.id);
-  documentEle.head.appendChild(ele);
-});
+const addStylesToDOM = ({ name, hostUrl, documentEle, manifestPath }, fileName, index) => {
+  if (!hostUrl || !manifestPath)
+    throw new Error("Unable to add styles to DOM. hostUrl and manifestPath are required.");
+  return new Promise((resolve, reject) => {
+    const ele = documentEle.createElement("link");
+    if (!ele)
+      reject(new Error("Unable to insert Application styles."));
+    ele.id = `${APP_STYLE_ID_PREFIX}${name}-${index}`;
+    ele.rel = "stylesheet";
+    const url = new URL(`${manifestPath.replace(/\/?$/, "/")}${fileName}`, hostUrl);
+    ele.href = (0, import_url.removeDoubleSlash)(url.href);
+    ele.onload = resolve.bind(null, ele.id);
+    documentEle.head.appendChild(ele);
+  });
+};
 const removeStyleFromDOM = (elementId = "", documentEle = document) => new Promise((resolve) => {
   const ele = documentEle.getElementById(elementId);
   if (!ele)

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

@@ -1,6 +1,4 @@
-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 +8,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 +75,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 +93,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;
     }
@@ -120,9 +115,6 @@ class CMicroAppGuest {
     });
   }
   unmount(options) {
-    const appEle = document.getElementById(this.containerId);
-    if (appEle)
-      ReactDOM.unmountComponentAtNode(appEle);
     removeStorageEvents();
     return Promise.resolve().then(() => this.onUnmount ? this.onUnmount(options) : null);
   }

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