@elliemae/pui-app-sdk 3.0.0-beta.24 → 3.0.0-beta.28

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

@@ -0,0 +1,59 @@
+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 {
+  DSInputMask,
+  MASK_TYPES,
+  MASK_PIPES
+} from "@elliemae/ds-form/InputMask";
+import {
+  Controller
+} from "react-hook-form";
+const InputMask = (_a) => {
+  var _b = _a, {
+    name,
+    defaultValue = "",
+    rules = {}
+  } = _b, rest = __objRest(_b, [
+    "name",
+    "defaultValue",
+    "rules"
+  ]);
+  return /* @__PURE__ */ React.createElement(Controller, {
+    name,
+    rules,
+    defaultValue,
+    render: ({ field }) => /* @__PURE__ */ React.createElement(DSInputMask, __spreadValues(__spreadValues({}, rest), field))
+  });
+};
+export {
+  InputMask,
+  MASK_PIPES,
+  MASK_TYPES
+};

package/dist/esm/view/fields/large-text-box/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 DSLargeInputText from "@elliemae/ds-form/LargeInputText";
+import {
+  Controller
+} from "react-hook-form";
+const LargeTextBox = (_a) => {
+  var _b = _a, {
+    name,
+    defaultValue = "",
+    rules = {}
+  } = _b, rest = __objRest(_b, [
+    "name",
+    "defaultValue",
+    "rules"
+  ]);
+  return /* @__PURE__ */ React.createElement(Controller, {
+    name,
+    rules,
+    defaultValue,
+    render: ({ field }) => /* @__PURE__ */ React.createElement(DSLargeInputText, __spreadValues(__spreadValues({}, rest), field))
+  });
+};
+export {
+  LargeTextBox
+};

package/dist/esm/view/fields/radio/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 DSRadio from "@elliemae/ds-form/Radio";
+import {
+  Controller
+} from "react-hook-form";
+const Radio = (_a) => {
+  var _b = _a, {
+    name,
+    defaultChecked = false,
+    rules = {}
+  } = _b, rest = __objRest(_b, [
+    "name",
+    "defaultChecked",
+    "rules"
+  ]);
+  return /* @__PURE__ */ React.createElement(Controller, {
+    name,
+    rules,
+    render: (_a2) => {
+      var { field: _b2 } = _a2, _c = _b2, { onChange, value } = _c, restProps = __objRest(_c, ["onChange", "value"]);
+      return /* @__PURE__ */ React.createElement(DSRadio, __spreadProps(__spreadValues(__spreadValues({}, rest), restProps), {
+        checked: value,
+        defaultChecked,
+        onChange: (e) => onChange(((e || {}).target || {}).checked)
+      }));
+    }
+  });
+};
+export {
+  Radio
+};

package/dist/esm/view/fields/radio-group/index.js

@@ -0,0 +1,52 @@
+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 DSRadioGroup from "@elliemae/ds-form/RadioGroup";
+import {
+  Controller
+} from "react-hook-form";
+const RadioGroup = (_a) => {
+  var _b = _a, { name, rules = {} } = _b, rest = __objRest(_b, ["name", "rules"]);
+  return /* @__PURE__ */ React.createElement(Controller, {
+    name,
+    rules,
+    render: (_a2) => {
+      var { field: _b2 } = _a2, _c = _b2, { value } = _c, restProps = __objRest(_c, ["value"]);
+      return /* @__PURE__ */ React.createElement(DSRadioGroup, __spreadProps(__spreadValues(__spreadValues({}, rest), restProps), {
+        activeValue: value
+      }));
+    }
+  });
+};
+export {
+  RadioGroup
+};

package/dist/esm/view/fields/text-box/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 DSTextBox from "@elliemae/ds-form/TextBox";
+import {
+  Controller
+} from "react-hook-form";
+const TextBox = (_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(DSTextBox, __spreadValues(__spreadValues({}, rest), field))
+  });
+};
+export {
+  TextBox
+};

package/dist/esm/view/form/index.js

@@ -0,0 +1,46 @@
+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;
+};
+import * as React from "react";
+import styled from "styled-components";
+import {
+  useForm,
+  FormProvider
+} from "react-hook-form";
+const StyledForm = styled.form`
+  width: 100%;
+  height: 100%;
+`;
+const Form = ({
+  classname,
+  reactHookFormProps = { mode: "onBlur" },
+  children,
+  onSubmit
+}) => {
+  const methods = useForm(reactHookFormProps);
+  const formProps = {};
+  if (onSubmit)
+    formProps.onSubmit = methods.handleSubmit(onSubmit);
+  const providerProps = Object.assign(methods, {
+    formProps: reactHookFormProps
+  });
+  return /* @__PURE__ */ React.createElement(FormProvider, __spreadValues({}, providerProps), /* @__PURE__ */ React.createElement(StyledForm, __spreadValues({
+    className: classname
+  }, formProps), children));
+};
+export {
+  Form
+};

package/dist/esm/view/form/submit-button/index.js

@@ -0,0 +1,48 @@
+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 { useFormContext } from "react-hook-form";
+import { DSButtonV2 } from "@elliemae/ds-button";
+const FormSubmitButton = (_a) => {
+  var rest = __objRest(_a, []);
+  const {
+    formState,
+    formProps: { mode }
+  } = useFormContext();
+  return /* @__PURE__ */ React.createElement(DSButtonV2, __spreadProps(__spreadValues({}, rest), {
+    type: "submit",
+    disabled: mode !== "onSubmit" && (!formState.isDirty || formState.isDirty && !formState.isValid)
+  }));
+};
+export {
+  FormSubmitButton
+};

package/dist/esm/view/loadable/index.js

@@ -0,0 +1,28 @@
+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;
+};
+import * as React from "react";
+import { lazy, Suspense } from "react";
+import { WaitMessageLauncher } from "../modals/wait-message/wait-message-launcher.js";
+const loadable = (importFunc, fallback = /* @__PURE__ */ React.createElement(WaitMessageLauncher, null)) => {
+  const LazyComponent = lazy(importFunc);
+  return (props) => /* @__PURE__ */ React.createElement(Suspense, {
+    fallback
+  }, /* @__PURE__ */ React.createElement(LazyComponent, __spreadValues({}, props)));
+};
+export {
+  loadable
+};

package/dist/{es → esm}/view/micro-app/app-factory/index.js

@@ -1,3 +1,22 @@
+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));
 import { persistentStorage } from "../../../utils/web-storage.js";
 import { CMicroAppHost } from "../../../utils/micro-frontend/host.js";
 import { getLogger } from "../../../utils/micro-frontend/index.js";
@@ -88,7 +107,7 @@ const addAppToActiveAppList = (id, elementIds) => {
 };
 const waitAndInitApplication = (appConfig, requests) => Promise.all(requests).then(addAppToActiveAppList.bind(null, appConfig.id)).then(initApplication.bind(null, appConfig)).catch((err) => {
   const logRecord = logRecords.APP_INIT_FAILED(appConfig.id, err.message);
-  getLogger().error({ ...logRecord, exception: err });
+  getLogger().error(__spreadProps(__spreadValues({}, logRecord), { exception: err }));
   throw new Error(logRecord.msg);
 });
 const removeAssetsFromDOM = (id, documentEle = document) => {

package/dist/{es → esm}/view/micro-app/use-app-will-render.js

@@ -1,3 +1,22 @@
+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));
 import { useRef, useLayoutEffect, useCallback } from "react";
 import { merge } from "lodash";
 import { useDispatch } from "react-redux";
@@ -41,10 +60,9 @@ const useAppWillRender = ({
       await loadApp(appConfig);
       await mountApp(appConfig);
     } catch (ex) {
-      getLogger().error({
-        ...logRecords.APP_CONFIG_LOAD_FAILED,
+      getLogger().error(__spreadProps(__spreadValues({}, logRecords.APP_CONFIG_LOAD_FAILED), {
         exception: ex
-      });
+      }));
       await unload(appConfig, true);
       throw ex;
     }

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

@@ -0,0 +1,58 @@
+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 { memo, useState } from "react";
+import frameHtml from "file-loader?name=iframe.[contenthash].[ext]!./iframe/index.html";
+import { IFrame } from "./iframe/index.js";
+import { useFrameLoaded } from "./use-frame-loaded.js";
+import {
+  useAppWillRender
+} from "../micro-app/use-app-will-render.js";
+const App = memo((_a) => {
+  var _b = _a, { id, dispose, onUnloadComplete } = _b, rest = __objRest(_b, ["id", "dispose", "onUnloadComplete"]);
+  const [documentEle, setDocumentEle] = useState(null);
+  useFrameLoaded(__spreadValues({ id, documentEle }, rest));
+  useAppWillRender(__spreadValues({
+    id,
+    documentEle: dispose ? null : documentEle,
+    onUnloadComplete
+  }, rest));
+  return /* @__PURE__ */ React.createElement(IFrame, __spreadProps(__spreadValues({
+    id,
+    src: frameHtml
+  }, rest), {
+    onFrameReady: setDocumentEle
+  }));
+});
+export {
+  App
+};

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

@@ -0,0 +1,54 @@
+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));
+import * as React from "react";
+import { memo, useRef } from "react";
+import styled from "styled-components";
+import { IFRAME_CONTAINER_ID_PREFIX } from "./const.js";
+const Div = styled.div`
+  display: flex;
+  width: 100%;
+  height: 100%;
+  flex-direction: column;
+  overflow: hidden;
+`;
+const Iframe = styled.iframe`
+  flex-grow: 1;
+  border: none;
+  margin: 0;
+  padding: 0;
+  display: block;
+  height: 100%;
+`;
+const IFrame = memo(({ id, name: title, src, sandbox, onFrameReady }) => {
+  const frameRef = useRef(null);
+  const sandboxProps = sandbox ? { sandbox } : {};
+  return /* @__PURE__ */ React.createElement(Div, null, /* @__PURE__ */ React.createElement(Iframe, __spreadProps(__spreadValues({
+    id: `${IFRAME_CONTAINER_ID_PREFIX}${id}`,
+    ref: frameRef,
+    title,
+    src,
+    scrolling: "no"
+  }, sandboxProps), {
+    onLoad: () => frameRef?.current?.contentDocument && onFrameReady(frameRef.current.contentDocument)
+  })));
+});
+export {
+  IFrame
+};