@elliemae/pui-app-sdk 3.13.0 → 3.16.0

package/dist/cjs/view/form/personal-info-section.js

@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   }
   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 __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 personal_info_section_exports = {};
 __export(personal_info_section_exports, {
@@ -27,62 +30,66 @@ __export(personal_info_section_exports, {
   State: () => State
 });
 module.exports = __toCommonJS(personal_info_section_exports);
-var React = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_moment = __toESM(require("moment"));
 var import_text_box = require("../fields/text-box/index.js");
 var import_combo_box = require("../fields/combo-box/index.js");
 var import_date_input = require("../fields/date-input/index.js");
 var import_form_layout_block_item = require("../fields/form-layout-block-item/index.js");
-const FirstName = () => /* @__PURE__ */ React.createElement(import_form_layout_block_item.FormLayoutBlockItem, {
+const FirstName = () => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_form_layout_block_item.FormLayoutBlockItem, {
   label: "First Name",
   inputID: "firstname",
-  required: true
-}, /* @__PURE__ */ React.createElement(import_text_box.TextBox, {
-  id: "firstname",
-  name: "firstname",
-  rules: {
-    required: { value: true, message: "First Name is required" },
-    minLength: { value: 2, message: "Minimum 2 characters" },
-    maxLength: { value: 50, message: "Maximum 50 characters" }
-  }
-}));
-const DOB = () => /* @__PURE__ */ React.createElement(import_form_layout_block_item.FormLayoutBlockItem, {
+  required: true,
+  children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_text_box.TextBox, {
+    id: "firstname",
+    name: "firstname",
+    rules: {
+      required: { value: true, message: "First Name is required" },
+      minLength: { value: 2, message: "Minimum 2 characters" },
+      maxLength: { value: 50, message: "Maximum 50 characters" }
+    }
+  })
+});
+const DOB = () => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_form_layout_block_item.FormLayoutBlockItem, {
   label: "Date of Birth",
   inputID: "dob",
-  required: true
-}, /* @__PURE__ */ React.createElement(import_date_input.DateInput, {
-  id: "dob",
-  name: "dob",
-  rules: {
-    required: { value: true, message: "Date of Birth is required" },
-    validate: (value) => (0, import_moment.default)() > value || "Date of Birth can not be greater than current date"
-  }
-}));
-const State = () => /* @__PURE__ */ React.createElement(import_form_layout_block_item.FormLayoutBlockItem, {
+  required: true,
+  children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_date_input.DateInput, {
+    id: "dob",
+    name: "dob",
+    rules: {
+      required: { value: true, message: "Date of Birth is required" },
+      validate: (value) => (0, import_moment.default)() > value || "Date of Birth can not be greater than current date"
+    }
+  })
+});
+const State = () => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_form_layout_block_item.FormLayoutBlockItem, {
   label: "State",
   inputID: "state",
-  required: true
-}, /* @__PURE__ */ React.createElement(import_combo_box.ComboBox, {
-  id: "state",
-  name: "state",
-  rules: { required: { value: true, message: "State is required" } },
-  options: [
-    { value: "ca", label: "California" },
-    { value: "nj", label: "New Jersey" }
-  ]
-}));
-const MaritalStatus = () => /* @__PURE__ */ React.createElement(import_form_layout_block_item.FormLayoutBlockItem, {
+  required: true,
+  children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_combo_box.ComboBox, {
+    id: "state",
+    name: "state",
+    rules: { required: { value: true, message: "State is required" } },
+    options: [
+      { value: "ca", label: "California" },
+      { value: "nj", label: "New Jersey" }
+    ]
+  })
+});
+const MaritalStatus = () => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_form_layout_block_item.FormLayoutBlockItem, {
   label: "Marital Status",
   inputID: "marital_status",
-  required: true
-}, /* @__PURE__ */ React.createElement(import_combo_box.ComboBox, {
-  id: "marital_status",
-  name: "marital_status",
-  rules: {
-    required: { value: true, message: "Marital Status is required" }
-  },
-  options: [
-    { value: "married", label: "Married" },
-    { value: "single", label: "Single" }
-  ]
-}));
+  required: true,
+  children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_combo_box.ComboBox, {
+    id: "marital_status",
+    name: "marital_status",
+    rules: {
+      required: { value: true, message: "Marital Status is required" }
+    },
+    options: [
+      { value: "married", label: "Married" },
+      { value: "single", label: "Single" }
+    ]
+  })
+});

package/dist/cjs/view/form/submit-button/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,13 @@ var __copyProps = (to, from, except, desc) => {
   }
   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 submit_button_exports = {};
 __export(submit_button_exports, {
   FormSubmitButton: () => FormSubmitButton
 });
 module.exports = __toCommonJS(submit_button_exports);
-var React = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_react_hook_form = require("react-hook-form");
 var import_ds_button = require("@elliemae/ds-button");
 const FormSubmitButton = ({ ...rest }) => {
@@ -32,7 +29,7 @@ const FormSubmitButton = ({ ...rest }) => {
     formState,
     formProps: { mode }
   } = (0, import_react_hook_form.useFormContext)();
-  return /* @__PURE__ */ React.createElement(import_ds_button.DSButtonV2, {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_button.DSButtonV2, {
     ...rest,
     type: "submit",
     disabled: mode !== "onSubmit" && (!formState.isDirty || formState.isDirty && !formState.isValid)

package/dist/cjs/view/live-message/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,21 +15,20 @@ var __copyProps = (to, from, except, desc) => {
   }
   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 live_message_exports = {};
 __export(live_message_exports, {
   LiveMessage: () => LiveMessage
 });
 module.exports = __toCommonJS(live_message_exports);
-var React = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_react_aria_live = require("react-aria-live");
 var import_react_redux = require("../../data/react-redux.js");
 const LiveMessage = () => {
   const message = (0, import_react_redux.useAppSelector)((state) => state.liveMessage?.message);
   const id = (0, import_react_redux.useAppSelector)((state) => state.liveMessage?.id);
   const ariaLive = (0, import_react_redux.useAppSelector)((state) => state.liveMessage?.ariaLive);
-  return /* @__PURE__ */ React.createElement(import_react_aria_live.LiveMessage, {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_aria_live.LiveMessage, {
     message,
     "aria-live": ariaLive,
     id

package/dist/cjs/view/loadable/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,21 +15,21 @@ var __copyProps = (to, from, except, desc) => {
   }
   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 loadable_exports = {};
 __export(loadable_exports, {
   loadable: () => loadable
 });
 module.exports = __toCommonJS(loadable_exports);
-var React = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = require("react");
 var import_wait_message_launcher = require("../modals/wait-message/wait-message-launcher.js");
-const loadable = (importFunc, fallback = /* @__PURE__ */ React.createElement(import_wait_message_launcher.WaitMessageLauncher, null)) => {
+const loadable = (importFunc, fallback = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_wait_message_launcher.WaitMessageLauncher, {})) => {
   const LazyComponent = (0, import_react.lazy)(importFunc);
-  return (props) => /* @__PURE__ */ React.createElement(import_react.Suspense, {
-    fallback
-  }, /* @__PURE__ */ React.createElement(LazyComponent, {
-    ...props
-  }));
+  return (props) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react.Suspense, {
+    fallback,
+    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(LazyComponent, {
+      ...props
+    })
+  });
 };

package/dist/cjs/view/login/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,13 @@ var __copyProps = (to, from, except, desc) => {
   }
   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 login_exports = {};
 __export(login_exports, {
   Login: () => Login
 });
 module.exports = __toCommonJS(login_exports);
-var React = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = require("react");
 var import_react_redux = require("../../data/react-redux.js");
 var import_auth = require("../../utils/auth/index.js");
@@ -45,5 +42,7 @@ const Login = ({
     }).catch(() => {
     });
   }, [dispatch, clientId, scope, responseType]);
-  return userAuthorized ? /* @__PURE__ */ React.createElement(React.Fragment, null, children) : null;
+  return userAuthorized ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {
+    children
+  }) : null;
 };

package/dist/cjs/view/micro-app/app-factory/index.js

@@ -48,7 +48,9 @@ const initApplication = async ({
   const app = (window.emui || {})[id] || {};
   const { init } = app;
   if (!init || typeof init !== "function")
-    throw new Error(`Application ${name} with id ${id} doesn't expose init method.`);
+    throw new Error(
+      `Application ${name} with id ${id} doesn't expose init method.`
+    );
   const prevState = await import_web_storage.persistentStorage.get(`state-${id}`);
   return init({
     host: import_host.CMicroAppHost.getInstance(),
@@ -66,7 +68,9 @@ const mountApp = async ({ id, name }) => {
   const app = (window.emui || {})[id] || {};
   const { mount } = app;
   if (!mount || typeof mount !== "function")
-    throw new Error(`Application ${name} with id ${id} doesn't expose mount method.`);
+    throw new Error(
+      `Application ${name} with id ${id} doesn't expose mount method.`
+    );
   return mount({
     containerId: `${import_const.APP_CONTAINER_ID_PREFIX}${id}`,
     hostBreakpoint: (0, import_window.getCurrentBreakpoint)(),
@@ -81,7 +85,9 @@ const unmountApp = async ({ id, name }) => {
   if (!unmount)
     return null;
   if (typeof unmount !== "function")
-    throw new Error(`unmount failed for application ${name} with id ${id}. unmount is not a valid function`);
+    throw new Error(
+      `unmount failed for application ${name} with id ${id}. unmount is not a valid function`
+    );
   const currentState = await unmount({
     containerId: `${import_const.APP_CONTAINER_ID_PREFIX}${id}`
   });

package/dist/cjs/view/micro-app/index.js

@@ -17,14 +17,17 @@ var __copyProps = (to, from, except, desc) => {
   }
   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 __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 micro_app_exports = {};
 __export(micro_app_exports, {
   MicroApp: () => MicroApp
 });
 module.exports = __toCommonJS(micro_app_exports);
-var React = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = require("react");
 var import_styled_components = __toESM(require("styled-components"));
 var import_const = require("./const.js");
@@ -35,7 +38,7 @@ const Div = import_styled_components.default.div`
 `;
 const MicroApp = (0, import_react.memo)((props) => {
   (0, import_use_app_will_render.useAppWillRender)(props);
-  return /* @__PURE__ */ React.createElement(Div, {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Div, {
     id: `${import_const.APP_CONTAINER_ID_PREFIX}${props.id}`
   });
 });

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

@@ -32,9 +32,16 @@ const getAppManifest = async ({
   manifestPath
 }) => {
   if (!hostUrl || !manifestPath)
-    throw new Error("Unable to get app manifest. hostUrl and manifestPath are required.");
-  const url = new URL(`${manifestPath.replace(/\/?$/, "/")}manifest.json`, hostUrl);
-  const response = await (0, import_http_client.getHTTPClient)().get((0, import_url.removeDoubleSlash)(url.href));
+    throw new Error(
+      "Unable to get app manifest. hostUrl and manifestPath are required."
+    );
+  const url = new URL(
+    `${manifestPath.replace(/\/?$/, "/")}manifest.json`,
+    hostUrl
+  );
+  const response = await (0, import_http_client.getHTTPClient)().get(
+    (0, import_url.removeDoubleSlash)(url.href)
+  );
   const { headers } = response;
   if (headers["content-type"] && headers["content-type"].includes("application/json"))
     return response.data;

package/dist/cjs/view/micro-app/use-app-will-render.js

@@ -38,34 +38,43 @@ const useAppWillRender = ({
 }) => {
   const dispatch = import_react_redux.useDispatch ? (0, import_react_redux.useDispatch)() : null;
   const ref = (0, import_react.useRef)(Promise.resolve());
-  const getConfig = (0, import_react.useCallback)(() => (0, import_micro_frontend.getMicroFrontEndAppConfig)({
-    id
-  }), [id]);
-  const unload = (0, import_react.useCallback)(async (appConfig, loadFailed = false) => {
-    await (0, import_app_factory.unmountApp)(appConfig);
-    (0, import_app_factory.unloadApp)(appConfig);
-    if (!loadFailed && onUnloadComplete)
-      onUnloadComplete();
-  }, []);
-  const load = (0, import_react.useCallback)(async (appConfig) => {
-    if (dispatch)
-      dispatch(import_actions.waitMessage.open());
-    try {
-      if (ref.current)
-        await ref.current;
-      await (0, import_app_factory.loadApp)(appConfig);
-      await (0, import_app_factory.mountApp)(appConfig);
-    } catch (ex) {
-      (0, import_micro_frontend.getLogger)().error({
-        ...import_log_records.logRecords.APP_CONFIG_LOAD_FAILED,
-        exception: ex
-      });
-      await unload(appConfig, true);
-      throw ex;
-    }
-    if (dispatch)
-      dispatch(import_actions.waitMessage.close());
-  }, [dispatch, unload]);
+  const getConfig = (0, import_react.useCallback)(
+    () => (0, import_micro_frontend.getMicroFrontEndAppConfig)({
+      id
+    }),
+    [id]
+  );
+  const unload = (0, import_react.useCallback)(
+    async (appConfig, loadFailed = false) => {
+      await (0, import_app_factory.unmountApp)(appConfig);
+      (0, import_app_factory.unloadApp)(appConfig);
+      if (!loadFailed && onUnloadComplete)
+        onUnloadComplete();
+    },
+    []
+  );
+  const load = (0, import_react.useCallback)(
+    async (appConfig) => {
+      if (dispatch)
+        dispatch(import_actions.waitMessage.open());
+      try {
+        if (ref.current)
+          await ref.current;
+        await (0, import_app_factory.loadApp)(appConfig);
+        await (0, import_app_factory.mountApp)(appConfig);
+      } catch (ex) {
+        (0, import_micro_frontend.getLogger)().error({
+          ...import_log_records.logRecords.APP_CONFIG_LOAD_FAILED,
+          exception: ex
+        });
+        await unload(appConfig, true);
+        throw ex;
+      }
+      if (dispatch)
+        dispatch(import_actions.waitMessage.close());
+    },
+    [dispatch, unload]
+  );
   (0, import_react.useLayoutEffect)(() => {
     if (!documentEle)
       return () => {

package/dist/cjs/view/micro-iframe-app/app.js

@@ -17,32 +17,37 @@ var __copyProps = (to, from, except, desc) => {
   }
   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 __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 app_exports = {};
 __export(app_exports, {
   App: () => App
 });
 module.exports = __toCommonJS(app_exports);
-var React = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = require("react");
 var import_iframe = __toESM(require("file-loader?name=iframe.[contenthash].[ext]!./iframe/index.html"));
 var import_iframe2 = require("./iframe/index.js");
 var import_use_frame_loaded = require("./use-frame-loaded.js");
 var import_use_app_will_render = require("../micro-app/use-app-will-render.js");
-const App = (0, import_react.memo)(({ id, dispose, onUnloadComplete, ...rest }) => {
-  const [documentEle, setDocumentEle] = (0, import_react.useState)(null);
-  (0, import_use_frame_loaded.useFrameLoaded)({ id, documentEle, ...rest });
-  (0, import_use_app_will_render.useAppWillRender)({
-    id,
-    documentEle: dispose ? null : documentEle,
-    onUnloadComplete,
-    ...rest
-  });
-  return /* @__PURE__ */ React.createElement(import_iframe2.IFrame, {
-    id,
-    src: import_iframe.default,
-    ...rest,
-    onFrameReady: setDocumentEle
-  });
-});
+const App = (0, import_react.memo)(
+  ({ id, dispose, onUnloadComplete, ...rest }) => {
+    const [documentEle, setDocumentEle] = (0, import_react.useState)(null);
+    (0, import_use_frame_loaded.useFrameLoaded)({ id, documentEle, ...rest });
+    (0, import_use_app_will_render.useAppWillRender)({
+      id,
+      documentEle: dispose ? null : documentEle,
+      onUnloadComplete,
+      ...rest
+    });
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_iframe2.IFrame, {
+      id,
+      src: import_iframe.default,
+      ...rest,
+      onFrameReady: setDocumentEle
+    });
+  }
+);

package/dist/cjs/view/micro-iframe-app/iframe/index.js

@@ -17,14 +17,17 @@ var __copyProps = (to, from, except, desc) => {
   }
   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 __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 iframe_exports = {};
 __export(iframe_exports, {
   IFrame: () => IFrame
 });
 module.exports = __toCommonJS(iframe_exports);
-var React = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = require("react");
 var import_styled_components = __toESM(require("styled-components"));
 var import_const = require("./const.js");
@@ -43,16 +46,20 @@ const Iframe = import_styled_components.default.iframe`
   display: block;
   height: 100%;
 `;
-const IFrame = (0, import_react.memo)(({ id, name: title, src, sandbox, onFrameReady }) => {
-  const frameRef = (0, import_react.useRef)(null);
-  const sandboxProps = sandbox ? { sandbox } : {};
-  return /* @__PURE__ */ React.createElement(Div, null, /* @__PURE__ */ React.createElement(Iframe, {
-    id: `${import_const.IFRAME_CONTAINER_ID_PREFIX}${id}`,
-    ref: frameRef,
-    title,
-    src,
-    scrolling: "no",
-    ...sandboxProps,
-    onLoad: () => frameRef?.current?.contentDocument && onFrameReady(frameRef.current.contentDocument)
-  }));
-});
+const IFrame = (0, import_react.memo)(
+  ({ id, name: title, src, sandbox, onFrameReady }) => {
+    const frameRef = (0, import_react.useRef)(null);
+    const sandboxProps = sandbox ? { sandbox } : {};
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Div, {
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Iframe, {
+        id: `${import_const.IFRAME_CONTAINER_ID_PREFIX}${id}`,
+        ref: frameRef,
+        title,
+        src,
+        scrolling: "no",
+        ...sandboxProps,
+        onLoad: () => frameRef?.current?.contentDocument && onFrameReady(frameRef.current.contentDocument)
+      })
+    });
+  }
+);

package/dist/cjs/view/micro-iframe-app/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,13 @@ var __copyProps = (to, from, except, desc) => {
   }
   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 micro_iframe_app_exports = {};
 __export(micro_iframe_app_exports, {
   MicroIFrameApp: () => MicroIFrameApp
 });
 module.exports = __toCommonJS(micro_iframe_app_exports);
-var React = __toESM(require("react"));
+var import_react = require("react");
 var import_react = require("react");
 var import_use_previous = require("../use-previous.js");
 var import_app = require("./app.js");
@@ -37,7 +34,7 @@ const MicroIFrameApp = (0, import_react.memo)(({ entityId = null, ...rest }) =>
       setDisposePrevApp(true);
     }
   }, [entityId]);
-  return /* @__PURE__ */ React.createElement(import_app.App, {
+  return /* @__PURE__ */ (0, import_react.createElement)(import_app.App, {
     ...rest,
     key: appKey,
     dispose: disposePrevApp,

package/dist/cjs/view/modals/error/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,13 @@ var __copyProps = (to, from, except, desc) => {
   }
   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 error_exports = {};
 __export(error_exports, {
   Error: () => Error2
 });
 module.exports = __toCommonJS(error_exports);
-var React = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = require("react");
 var import_ds_dialog = require("@elliemae/ds-dialog");
 var import_ds_icons = require("@elliemae/ds-icons");
@@ -37,14 +34,26 @@ const Error2 = ({
   const handleClick = (0, import_react.useCallback)(() => {
     setOpen((prev) => !prev);
   }, []);
-  return /* @__PURE__ */ React.createElement(import_ds_dialog.DSDialog, {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_dialog.DSDialog, {
     isOpen,
     onClickOutside: handleClick,
-    size: "small"
-  }, /* @__PURE__ */ React.createElement(import_ds_dialog.DSDialogBody, {
-    p: "s"
-  }, /* @__PURE__ */ React.createElement(import_ds_dialog.DSDialogDefaultLayout, null, /* @__PURE__ */ React.createElement(import_ds_icons.ErrorHexegon, {
-    size: "xxl",
-    color: ["danger", "900"]
-  }), /* @__PURE__ */ React.createElement(import_ds_dialog.DSDialogPrimaryMessage, null, primaryMessage), secondaryMessage && /* @__PURE__ */ React.createElement(import_ds_dialog.DSDialogSecondaryMessage, null, secondaryMessage))));
+    size: "small",
+    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_dialog.DSDialogBody, {
+      p: "s",
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ds_dialog.DSDialogDefaultLayout, {
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.ErrorHexegon, {
+            size: "xxl",
+            color: ["danger", "900"]
+          }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_dialog.DSDialogPrimaryMessage, {
+            children: primaryMessage
+          }),
+          secondaryMessage && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_dialog.DSDialogSecondaryMessage, {
+            children: secondaryMessage
+          })
+        ]
+      })
+    })
+  });
 };