@elliemae/pui-app-sdk 2.17.2 → 3.0.0-beta.4

package/dist/cjs/utils/testing/render-with-redux.js

@@ -1,32 +1,39 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
+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 __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  __markAsModule(target);
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && key !== "default")
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toModule = (module2) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+__export(exports, {
+  renderWithRedux: () => renderWithRedux
 });
-exports.renderWithRedux = void 0;
-
-var _jsx2 = _interopRequireDefault(require("@babel/runtime/helpers/jsx"));
-
-var _react = require("@testing-library/react");
-
-var _reactRedux = require("react-redux");
-
-var _store = require("../../data/store.js");
-
-var _history = require("../history.js");
-
+var import_react = __toModule(require("@testing-library/react"));
+var import_react_redux = __toModule(require("react-redux"));
+var import_store = __toModule(require("../../data/store"));
+var import_history = __toModule(require("../history"));
 const renderWithRedux = (ui, {
   initialState,
-  store = (0, _store.createAppStore)(initialState, _history.browserHistory)
-} = {}) => ({ ...(0, _react.render)( /*#__PURE__*/(0, _jsx2.default)(_reactRedux.Provider, {
-    store: store
-  }, void 0, ui)),
-  // adding `store` to the returned utilities to allow us
-  // to reference it in our tests (just try to avoid using
-  // this to test implementation details).
+  store = (0, import_store.createAppStore)(initialState, import_history.browserHistory)
+} = {}) => ({
+  ...(0, import_react.render)(/* @__PURE__ */ React.createElement(import_react_redux.Provider, {
+    store
+  }, ui)),
   store
 });
-
-exports.renderWithRedux = renderWithRedux;

package/dist/cjs/utils/testing/render-with-router-redux.js

@@ -1,42 +1,45 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
+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 __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  __markAsModule(target);
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && key !== "default")
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toModule = (module2) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+__export(exports, {
+  renderWithRouterRedux: () => renderWithRouterRedux
 });
-exports.renderWithRouterRedux = void 0;
-
-var _jsx2 = _interopRequireDefault(require("@babel/runtime/helpers/jsx"));
-
-var _react = require("@testing-library/react");
-
-var _reactRedux = require("react-redux");
-
-var _reactRouterDom = require("react-router-dom");
-
-var _history = require("history");
-
-var _store = require("../../data/store.js");
-
-var _history2 = require("../history.js");
-
+var import_react = __toModule(require("@testing-library/react"));
+var import_react_redux = __toModule(require("react-redux"));
+var import_react_router_dom = __toModule(require("react-router-dom"));
+var import_history = __toModule(require("history"));
+var import_store = __toModule(require("../../data/store"));
+var import_history2 = __toModule(require("../history"));
 const renderWithRouterRedux = (ui, {
-  route = '/',
-  history = (0, _history.createMemoryHistory)({
-    initialEntries: [route]
-  }),
+  route = "/",
+  history = (0, import_history.createMemoryHistory)({ initialEntries: [route] }),
   initialState,
-  store = (0, _store.createAppStore)(initialState, _history2.browserHistory)
-} = {}) => ({ ...(0, _react.render)( /*#__PURE__*/(0, _jsx2.default)(_reactRedux.Provider, {
-    store: store
-  }, void 0, /*#__PURE__*/(0, _jsx2.default)(_reactRouterDom.Router, {
-    history: history
-  }, void 0, ui))),
-  // adding `store` to the returned utilities to allow us
-  // to reference it in our tests (just try to avoid using
-  // this to test implementation details).
+  store = (0, import_store.createAppStore)(initialState, import_history2.browserHistory)
+} = {}) => ({
+  ...(0, import_react.render)(/* @__PURE__ */ React.createElement(import_react_redux.Provider, {
+    store
+  }, /* @__PURE__ */ React.createElement(import_react_router_dom.Router, {
+    history
+  }, ui))),
   store
 });
-
-exports.renderWithRouterRedux = renderWithRouterRedux;

package/dist/cjs/utils/testing/render-with-router.js

@@ -1,32 +1,38 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
+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 __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  __markAsModule(target);
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && key !== "default")
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toModule = (module2) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+__export(exports, {
+  renderWithRouter: () => renderWithRouter
 });
-exports.renderWithRouter = void 0;
-
-var _jsx2 = _interopRequireDefault(require("@babel/runtime/helpers/jsx"));
-
-var _react = require("@testing-library/react");
-
-var _reactRouterDom = require("react-router-dom");
-
-var _history = require("history");
-
+var import_react = __toModule(require("@testing-library/react"));
+var import_react_router_dom = __toModule(require("react-router-dom"));
+var import_history = __toModule(require("history"));
 const renderWithRouter = (ui, {
-  route = '/',
-  history = (0, _history.createMemoryHistory)({
-    initialEntries: [route]
-  })
-} = {}) => ({ ...(0, _react.render)( /*#__PURE__*/(0, _jsx2.default)(_reactRouterDom.Router, {
-    history: history
-  }, void 0, ui)),
-  // adding `history` to the returned utilities to allow us
-  // to reference it in our tests (just try to avoid using
-  // this to test implementation details).
+  route = "/",
+  history = (0, import_history.createMemoryHistory)({ initialEntries: [route] })
+} = {}) => ({
+  ...(0, import_react.render)(/* @__PURE__ */ React.createElement(import_react_router_dom.Router, {
+    history
+  }, ui)),
   history
 });
-
-exports.renderWithRouter = renderWithRouter;

package/dist/cjs/utils/testing/render-with-state-addons.js

@@ -1,53 +1,57 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
+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 __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  __markAsModule(target);
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && key !== "default")
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toModule = (module2) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+__export(exports, {
+  RenderWithStateAddOns: () => RenderWithStateAddOns
 });
-exports.RenderWithStateAddOns = void 0;
-
-var _jsx3 = _interopRequireDefault(require("@babel/runtime/helpers/jsx"));
-
-var _react = require("react");
-
-var _styledComponents = require("styled-components");
-
-var _puiTheme = require("@elliemae/pui-theme");
-
-var _reduxInjectors = require("redux-injectors");
-
-var _jsxRuntime = require("react/jsx-runtime");
-
-/* eslint-disable react-hooks/rules-of-hooks */
+var import_react = __toModule(require("react"));
+var import_styled_components = __toModule(require("styled-components"));
+var import_pui_theme = __toModule(require("@elliemae/pui-theme"));
+var import_redux_injectors = __toModule(require("redux-injectors"));
 const RenderWithStateAddOns = ({
   Component,
   reducer,
   saga,
-  theme = (0, _puiTheme.getDefaultTheme)(),
+  theme = (0, import_pui_theme.getDefaultTheme)(),
   ...rest
 }) => {
-  const [ready, setReady] = (0, _react.useState)(false);
-
+  const [ready, setReady] = (0, import_react.useState)(false);
   if (Array.isArray(reducer)) {
-    reducer.forEach(r => (0, _reduxInjectors.useInjectReducer)(r));
+    reducer.forEach((r) => (0, import_redux_injectors.useInjectReducer)(r));
   } else {
-    (0, _reduxInjectors.useInjectReducer)(reducer);
+    (0, import_redux_injectors.useInjectReducer)(reducer);
   }
-
   if (Array.isArray(saga)) {
-    saga.forEach(s => (0, _reduxInjectors.useInjectSaga)(s));
+    saga.forEach((s) => (0, import_redux_injectors.useInjectSaga)(s));
   } else if (saga) {
-    (0, _reduxInjectors.useInjectSaga)(saga);
+    (0, import_redux_injectors.useInjectSaga)(saga);
   }
-
-  (0, _react.useEffect)(() => {
+  (0, import_react.useEffect)(() => {
     setReady(true);
   }, []);
-  return ready ? /*#__PURE__*/(0, _jsx3.default)(_styledComponents.ThemeProvider, {
-    theme: theme
-  }, void 0, /*#__PURE__*/(0, _jsxRuntime.jsx)(Component, { ...rest
+  return ready ? /* @__PURE__ */ React.createElement(import_styled_components.ThemeProvider, {
+    theme
+  }, /* @__PURE__ */ React.createElement(Component, {
+    ...rest
   })) : null;
 };
-
-exports.RenderWithStateAddOns = RenderWithStateAddOns;

package/dist/cjs/utils/types.js

@@ -0,0 +1,3 @@
+var __defProp = Object.defineProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+__markAsModule(exports);

package/dist/cjs/utils/url.js

@@ -1,18 +1,17 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __defProp = Object.defineProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  __markAsModule(target);
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+__export(exports, {
+  getRedirectUrl: () => getRedirectUrl,
+  removeDoubleSlash: () => removeDoubleSlash
 });
-exports.removeDoubleSlash = exports.getRedirectUrl = void 0;
-
 const getRedirectUrl = () => {
   const url = new URL(window.location.href);
-  url.search = '';
+  url.search = "";
   return url.href;
 };
-
-exports.getRedirectUrl = getRedirectUrl;
-
-const removeDoubleSlash = url => url.replace(/([^:]\/)\/+/g, '$1');
-
-exports.removeDoubleSlash = removeDoubleSlash;
+const removeDoubleSlash = (url) => url.replace(/([^:]\/)\/+/g, "$1");

package/dist/cjs/utils/web-storage.js

@@ -1,51 +1,61 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
+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 __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  __markAsModule(target);
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && key !== "default")
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toModule = (module2) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+__export(exports, {
+  listenStorageEvents: () => listenStorageEvents,
+  persistentStorage: () => persistentStorage,
+  removeStorageEvents: () => removeStorageEvents
 });
-exports.removeStorageEvents = exports.persistentStorage = exports.listenStorageEvents = void 0;
-
-var _localforage = _interopRequireDefault(require("localforage"));
-
-const STORAGE = 'storage';
-const GET_SESSION_STORAGE = 'getSessionStorage';
-const SESSION_STORAGE = 'sessionStorage';
-
+var import_localforage = __toModule(require("localforage"));
+const STORAGE = "storage";
+const GET_SESSION_STORAGE = "getSessionStorage";
+const SESSION_STORAGE = "sessionStorage";
 const isSessionStorageEmpty = () => sessionStorage.length === 0;
-
-const onStorageChange = evt => {
+const onStorageChange = (evt) => {
   if (evt.key === GET_SESSION_STORAGE) {
     localStorage.setItem(SESSION_STORAGE, JSON.stringify(sessionStorage));
     localStorage.removeItem(SESSION_STORAGE);
   } else if (evt.key === SESSION_STORAGE) {
     if (evt.newValue) {
       const sessionFromAnotherTab = JSON.parse(evt.newValue);
-      if (sessionFromAnotherTab) Object.keys(sessionFromAnotherTab).forEach(key => {
-        sessionStorage.setItem(key, sessionFromAnotherTab[key]);
-      });
+      if (sessionFromAnotherTab)
+        Object.keys(sessionFromAnotherTab).forEach((key) => {
+          sessionStorage.setItem(key, sessionFromAnotherTab[key]);
+        });
     }
   }
 };
-
 const persistentStorage = {
-  get: async key => _localforage.default.getItem(key),
+  get: async (key) => import_localforage.default.getItem(key),
   set: async (key, value) => {
-    await _localforage.default.setItem(key, value);
+    await import_localforage.default.setItem(key, value);
   }
 };
-exports.persistentStorage = persistentStorage;
-
 const listenStorageEvents = () => {
   window.addEventListener(STORAGE, onStorageChange);
-  if (isSessionStorageEmpty()) localStorage.setItem(GET_SESSION_STORAGE, `${Date.now()}`);
+  if (isSessionStorageEmpty())
+    localStorage.setItem(GET_SESSION_STORAGE, `${Date.now()}`);
 };
-
-exports.listenStorageEvents = listenStorageEvents;
-
 const removeStorageEvents = () => {
   window.removeEventListener(STORAGE, onStorageChange);
 };
-
-exports.removeStorageEvents = removeStorageEvents;

package/dist/cjs/utils/window.js

@@ -1,43 +1,51 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
+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 __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  __markAsModule(target);
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && key !== "default")
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toModule = (module2) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+__export(exports, {
+  getCurrentBreakpoint: () => getCurrentBreakpoint,
+  getViewportSize: () => getViewportSize,
+  getWindow: () => getWindow
 });
-exports.getWindow = exports.getViewportSize = exports.getCurrentBreakpoint = void 0;
-
-var _puiTheme = require("@elliemae/pui-theme");
-
+var import_pui_theme = __toModule(require("@elliemae/pui-theme"));
 const getWindow = () => {
   try {
-    // eslint-disable-next-line @typescript-eslint/no-unused-expressions
     window.parent.document;
     return window.parent;
   } catch (err) {
     return window;
   }
 };
-
-exports.getWindow = getWindow;
-
 const getViewportSize = () => ({
   width: Math.max(document.documentElement.clientWidth || 0, window.innerWidth || 0),
   height: Math.max(document.documentElement.clientHeight || 0, window.innerHeight || 0)
 });
-
-exports.getViewportSize = getViewportSize;
-
-const convertBreakpointToNumber = breakpoint => Number(breakpoint.replace('px', ''));
-
+const convertBreakpointToNumber = (breakpoint) => Number(breakpoint.replace("px", ""));
 const getCurrentBreakpoint = () => {
-  const {
-    width
-  } = getViewportSize();
-  const {
-    breakpoints
-  } = (0, _puiTheme.getDefaultTheme)();
-  if (width <= convertBreakpointToNumber(breakpoints.small)) return 'small';
-  if (width <= convertBreakpointToNumber(breakpoints.medium)) return 'medium';
-  return 'large';
+  const { width } = getViewportSize();
+  const { breakpoints } = (0, import_pui_theme.getDefaultTheme)();
+  if (width <= convertBreakpointToNumber(breakpoints.small))
+    return "small";
+  if (width <= convertBreakpointToNumber(breakpoints.medium))
+    return "medium";
+  return "large";
 };
-
-exports.getCurrentBreakpoint = getCurrentBreakpoint;

package/dist/cjs/view/app-root/hosted-app.js

@@ -1,34 +1,37 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
+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 __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  __markAsModule(target);
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && key !== "default")
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toModule = (module2) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+__export(exports, {
+  HostedApp: () => HostedApp
 });
-exports.HostedApp = void 0;
-
-var _jsx2 = _interopRequireDefault(require("@babel/runtime/helpers/jsx"));
-
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-
-var _index = require("../media-breakpoint/index.js");
-
-var _index2 = require("../window-size/index.js");
-
-var _htmlWaitMessage = require("../modals/wait-message/html-wait-message.js");
-
-var _style = _interopRequireDefault(require("./style.js"));
-
-var _GlobalStyle, _MediaBreakpoint, _WindowSize, _HTMLWaitMessage;
-
-const HostedApp = ({
-  children
-}) => /*#__PURE__*/(0, _jsx2.default)(_StyledDiv, {}, void 0, _GlobalStyle || (_GlobalStyle = /*#__PURE__*/(0, _jsx2.default)(_style.default, {})), _MediaBreakpoint || (_MediaBreakpoint = /*#__PURE__*/(0, _jsx2.default)(_index.MediaBreakpoint, {})), _WindowSize || (_WindowSize = /*#__PURE__*/(0, _jsx2.default)(_index2.WindowSize, {})), _HTMLWaitMessage || (_HTMLWaitMessage = /*#__PURE__*/(0, _jsx2.default)(_htmlWaitMessage.HTMLWaitMessage, {
+var import_styled_components = __toModule(require("styled-components"));
+var import_media_breakpoint = __toModule(require("../media-breakpoint"));
+var import_window_size = __toModule(require("../window-size"));
+var import_html_wait_message = __toModule(require("../modals/wait-message/html-wait-message"));
+var import_style = __toModule(require("./style"));
+const Div = import_styled_components.default.div`
+  height: 100%;
+`;
+const HostedApp = ({ children }) => /* @__PURE__ */ React.createElement(Div, null, /* @__PURE__ */ React.createElement(import_style.default, null), /* @__PURE__ */ React.createElement(import_media_breakpoint.MediaBreakpoint, null), /* @__PURE__ */ React.createElement(import_window_size.WindowSize, null), /* @__PURE__ */ React.createElement(import_html_wait_message.HTMLWaitMessage, {
   close: true
-})), children);
-
-exports.HostedApp = HostedApp;
-
-var _StyledDiv = /*#__PURE__*/(0, _styledComponents.default)("div").withConfig({
-  componentId: "sc-njn2ro-0"
-})(["height:100%;"]);
+}), children);