@elliemae/pui-app-sdk 3.0.0-beta.2 → 3.0.0-beta.6

package/dist/es/view/fetch-host-app-data/index.js

@@ -1,7 +1,10 @@
 import _ from "lodash";
-import { isHostAppDataExist, setHostAppData } from "./store";
-import { sendMessageToHost, getHostAppData } from "../message-to-host-app";
-import { bindEvent } from "../host-binding-events";
+import { isHostAppDataExist, setHostAppData } from "./store.js";
+import {
+  sendMessageToHost,
+  getHostAppData
+} from "../message-to-host-app/index.js";
+import { bindEvent } from "../host-binding-events/index.js";
 const fetchHostAppData = (hostedAppUrl, guestAppId) => {
   const isDataExist = isHostAppDataExist();
   return new Promise((resolve) => {

package/dist/es/view/fields/check-box/index.js

@@ -1,3 +1,4 @@
+import * as React from "react";
 import DSCheckbox, { CHECKBOX_VARIANT } from "@elliemae/ds-basic/form/Checkbox";
 import {
   Controller

package/dist/es/view/fields/combo-box/index.js

@@ -1,3 +1,4 @@
+import * as React from "react";
 import DSComboBox from "@elliemae/ds-basic/form/ComboBox";
 import {
   Controller

package/dist/es/view/fields/date-input/index.js

@@ -1,3 +1,4 @@
+import * as React from "react";
 import DSDateInput from "@elliemae/ds-basic/form/DateInput";
 import {
   Controller

package/dist/es/view/fields/date-picker/index.js

@@ -1,3 +1,4 @@
+import * as React from "react";
 import DSDatePicker from "@elliemae/ds-date-picker";
 import {
   Controller

package/dist/es/view/fields/form-item-layout/index.js

@@ -1,6 +1,7 @@
+import * as React from "react";
 import DSFormItemLayout from "@elliemae/ds-basic/form/FormItem";
 import { get } from "react-hook-form";
-import { ConnectForm } from "../connect-form";
+import { ConnectForm } from "../connect-form.js";
 const FormItemLayout = ({
   name,
   ...rest

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

@@ -1,3 +1,4 @@
+import * as React from "react";
 import DSInputMask, {
   MASK_TYPES,
   MASK_PIPES

package/dist/es/view/fields/large-text-box/index.js

@@ -1,3 +1,4 @@
+import * as React from "react";
 import DSLargeInputText from "@elliemae/ds-basic/form/LargeInputText";
 import {
   Controller

package/dist/es/view/fields/radio/index.js

@@ -1,3 +1,4 @@
+import * as React from "react";
 import DSRadio from "@elliemae/ds-basic/form/Radio";
 import {
   Controller

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

@@ -1,3 +1,4 @@
+import * as React from "react";
 import DSRadioGroup from "@elliemae/ds-basic/form/RadioGroup";
 import {
   Controller

package/dist/es/view/fields/text-box/index.js

@@ -1,3 +1,4 @@
+import * as React from "react";
 import DSTextBox from "@elliemae/ds-basic/form/TextBox";
 import {
   Controller

package/dist/es/view/fields/watch-value.js

@@ -1,3 +1,4 @@
+import * as React from "react";
 import styled from "styled-components";
 import { useFormContext } from "react-hook-form";
 const Section = styled.section`

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

@@ -1,3 +1,4 @@
+import * as React from "react";
 import styled from "styled-components";
 import {
   useForm,

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

@@ -1,8 +1,9 @@
+import * as React from "react";
 import moment from "moment";
-import { TextBox } from "../fields/text-box";
-import { ComboBox } from "../fields/combo-box";
-import { DateInput } from "../fields/date-input";
-import { FormItemLayout } from "../fields/form-item-layout";
+import { TextBox } from "../fields/text-box/index.js";
+import { ComboBox } from "../fields/combo-box/index.js";
+import { DateInput } from "../fields/date-input/index.js";
+import { FormItemLayout } from "../fields/form-item-layout/index.js";
 const FirstName = () => /* @__PURE__ */ React.createElement(FormItemLayout, {
   floatingLabel: true,
   inputComponent: TextBox,

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

@@ -1,3 +1,4 @@
+import * as React from "react";
 import { useFormContext } from "react-hook-form";
 import DSButton from "@elliemae/ds-basic/Button";
 const FormSubmitButton = ({

package/dist/es/view/guest-unload-handlers/index.js

@@ -1,4 +1,4 @@
-import { sendMessageToHost } from "../message-to-host-app";
+import { sendMessageToHost } from "../message-to-host-app/index.js";
 const onGuestUnloadStart = () => new Promise((resolve) => {
   window.addEventListener("message", (msg) => {
     if (msg.data.id === "unload-guest" || msg.data.id === "close_loan") {

package/dist/es/view/header/center-region/index.js

@@ -1,3 +1,4 @@
+import * as React from "react";
 import { NavLink } from "react-router-dom";
 import styled from "styled-components";
 const NavList = styled.ul`

package/dist/es/view/header/index.js

@@ -1,8 +1,9 @@
+import * as React from "react";
 import styled from "styled-components";
-import { isStandAloneGuest, isHost } from "../../utils/micro-frontend";
-import { LogoRegion } from "./logo-region";
-import { CenterRegion } from "./center-region";
-import { NavRegion } from "./nav-region";
+import { isStandAloneGuest, isHost } from "../../utils/micro-frontend/index.js";
+import { LogoRegion } from "./logo-region/index.js";
+import { CenterRegion } from "./center-region/index.js";
+import { NavRegion } from "./nav-region/index.js";
 const HeaderContainer = styled.header`
   display: flex;
   height: 56px;

package/dist/es/view/header/logo-region/index.js

@@ -1,5 +1,6 @@
+import * as React from "react";
 import styled from "styled-components";
-import { ReactComponent as LogoImg } from "./logo.svg";
+import LogoImg from "./logo.svg";
 const LogoContainer = styled.div`
   align-self: center;
 `;

package/dist/es/view/header/nav-region/index.js

@@ -1,6 +1,7 @@
+import * as React from "react";
 import styled from "styled-components";
-import { Notification } from "./notification";
-import { User } from "./user";
+import { Notification } from "./notification/index.js";
+import { User } from "./user/index.js";
 const NavContainer = styled.nav`
   display: flex;
   margin: 0;

package/dist/es/view/header/nav-region/notification/index.js

@@ -1,4 +1,5 @@
-import { ReactComponent as NotificationIcon } from "./index.svg";
+import * as React from "react";
+import NotificationIcon from "./index.svg";
 const Notification = () => /* @__PURE__ */ React.createElement("li", null, /* @__PURE__ */ React.createElement("a", {
   href: "#",
   "aria-label": "Notifications"

package/dist/es/view/header/nav-region/user/index.js

@@ -1,4 +1,5 @@
-import { ReactComponent as UserIcon } from "./index.svg";
+import * as React from "react";
+import UserIcon from "./index.svg";
 const User = () => /* @__PURE__ */ React.createElement("li", null, /* @__PURE__ */ React.createElement("a", {
   href: "#",
   "aria-label": "profile"

package/dist/es/view/live-message/index.js

@@ -1,5 +1,6 @@
+import * as React from "react";
 import { LiveMessage as AriaLiveMessage } from "react-aria-live";
-import { useAppSelector } from "../../data/react-redux";
+import { useAppSelector } from "../../data/react-redux.js";
 const LiveMessage = () => {
   const message = useAppSelector((state) => state.liveMessage?.message);
   const id = useAppSelector((state) => state.liveMessage?.id);

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

@@ -1,5 +1,6 @@
+import * as React from "react";
 import { lazy, Suspense } from "react";
-import { WaitMessageLauncher } from "../modals/wait-message/wait-message-launcher";
+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, {

package/dist/es/view/login/index.js

@@ -1,7 +1,8 @@
+import * as React from "react";
 import { useEffect } from "react";
-import { useAppDispatch } from "../../data/react-redux";
-import { login } from "../../utils/auth";
-import { LOGIN_SUCCESS } from "../../data/auth/actions";
+import { useAppDispatch } from "../../data/react-redux.js";
+import { login } from "../../utils/auth/index.js";
+import { LOGIN_SUCCESS } from "../../data/auth/actions.js";
 const Login = ({
   clientId,
   scope,

package/dist/es/view/media-breakpoint/index.js

@@ -1,10 +1,11 @@
+import * as React from "react";
 import { useEffect, useContext } from "react";
 import { ThemeContext } from "styled-components";
 import { publish } from "pubsub-js";
-import { useAppDispatch } from "../../data/react-redux";
-import { breakpoint } from "../../data/breakpoint";
-import { useMediaBreakpoints } from "../useMediaBreakpoints";
-import { HOST_WINDOW_BREAKPOINT_CHANGED } from "../../utils/constants";
+import { useAppDispatch } from "../../data/react-redux.js";
+import { breakpoint } from "../../data/breakpoint/index.js";
+import { useMediaBreakpoints } from "../useMediaBreakpoints/index.js";
+import { HOST_WINDOW_BREAKPOINT_CHANGED } from "../../utils/constants.js";
 const MediaBreakpoint = () => {
   const theme = useContext(ThemeContext);
   const currentBreakpoint = useMediaBreakpoints([

package/dist/es/view/message-to-host-app/index.js

@@ -1,4 +1,4 @@
-import { removeEvent } from "../host-binding-events";
+import { removeEvent } from "../host-binding-events/index.js";
 const getHostAppData = (action, resolve) => (event) => {
   if (event.data.id === "host-app-data") {
     action(event.data);

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

@@ -1,22 +1,25 @@
-import { persistentStorage } from "../../../utils/web-storage";
-import { CMicroAppHost } from "../../../utils/micro-frontend/host";
-import { getLogger } from "../../../utils/micro-frontend";
-import { logRecords } from "../../../utils/log-records";
-import { APP_CONTAINER_ID_PREFIX } from "../const";
-import { getCurrentBreakpoint, getViewportSize } from "../../../utils/window";
+import { persistentStorage } from "../../../utils/web-storage.js";
+import { CMicroAppHost } from "../../../utils/micro-frontend/host.js";
+import { getLogger } from "../../../utils/micro-frontend/index.js";
+import { logRecords } from "../../../utils/log-records.js";
+import { APP_CONTAINER_ID_PREFIX } from "../const.js";
+import {
+  getCurrentBreakpoint,
+  getViewportSize
+} from "../../../utils/window.js";
 import {
   addStylesToDOM,
   removeDynamicImportedStyles
-} from "../resources/style";
+} from "../resources/style.js";
 import {
   addScriptToDOM,
   removeDynamicImportedScripts,
   removePrefetchLinks
-} from "../resources/script";
+} from "../resources/script.js";
 import {
   getAppManifest,
   getFullFileNameofAssetsFromManifest
-} from "../resources/manifest";
+} from "../resources/manifest.js";
 const cssType = new RegExp(/\.css$/);
 const isCss = (fileName) => cssType.test(fileName);
 const activeApps = {};

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

@@ -1,7 +1,8 @@
+import * as React from "react";
 import { memo } from "react";
 import styled from "styled-components";
-import { APP_CONTAINER_ID_PREFIX } from "./const";
-import { useAppWillRender } from "./use-app-will-render";
+import { APP_CONTAINER_ID_PREFIX } from "./const.js";
+import { useAppWillRender } from "./use-app-will-render.js";
 const Div = styled.div`
   height: 100%;
   width: 100%;

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

@@ -1,7 +1,7 @@
-import { getHTTPClient } from "../../../communication/http-client";
-import { removeDoubleSlash } from "../../../utils/url";
-import { getLogger } from "../../../utils/micro-frontend";
-import { logRecords } from "../../../utils/log-records";
+import { getHTTPClient } from "../../../communication/http-client/index.js";
+import { removeDoubleSlash } from "../../../utils/url.js";
+import { getLogger } from "../../../utils/micro-frontend/index.js";
+import { logRecords } from "../../../utils/log-records.js";
 const getUnVersionedManifestPath = (path) => path.replace(/\/\d+\.\d+/, "/latest");
 const getAppManifest = async ({
   hostUrl,

package/dist/es/view/micro-app/resources/script.js

@@ -1,4 +1,4 @@
-import { removeDoubleSlash } from "../../../utils/url";
+import { removeDoubleSlash } from "../../../utils/url.js";
 const APP_SCRIPT_ID_PREFIX = "emui-script-";
 const HEAD_SCRIPTS = new RegExp("/(?:emuiDiagnostics|global|global-prod|emuiUserMonitoring)(?:..*)?.js", "i");
 const isHeadScript = (scriptSrc) => HEAD_SCRIPTS.test(scriptSrc);

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

@@ -1,4 +1,4 @@
-import { removeDoubleSlash } from "../../../utils/url";
+import { removeDoubleSlash } from "../../../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");

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

@@ -1,18 +1,24 @@
 import { useRef, useLayoutEffect, useCallback } from "react";
 import { merge } from "lodash";
 import { useDispatch } from "react-redux";
-import { waitMessage } from "../../data/wait-message/actions";
-import { loadApp, unloadApp, mountApp, unmountApp } from "./app-factory";
+import { waitMessage } from "../../data/wait-message/actions.js";
+import {
+  loadApp,
+  unloadApp,
+  mountApp,
+  unmountApp
+} from "./app-factory/index.js";
 import {
   getLogger,
   getMicroFrontEndAppConfig
-} from "../../utils/micro-frontend";
-import { logRecords } from "../../utils/log-records";
+} from "../../utils/micro-frontend/index.js";
+import { logRecords } from "../../utils/log-records.js";
 const useAppWillRender = ({
   id,
   documentEle,
   history,
   theme,
+  homeRoute,
   onUnloadComplete
 }) => {
   const dispatch = useDispatch ? useDispatch() : null;
@@ -52,13 +58,14 @@ const useAppWillRender = ({
     const appConfig = merge(getConfig(), {
       documentEle,
       history,
-      theme
+      theme,
+      homeRoute
     });
     load(appConfig);
     return () => {
       ref.current = unload(appConfig);
     };
-  }, [documentEle, getConfig, history, theme, load, unload]);
+  }, [documentEle, getConfig, history, theme, homeRoute, load, unload]);
 };
 export {
   useAppWillRender

package/dist/es/view/micro-app/utils.js

@@ -1,4 +1,4 @@
-import { getAppConfigValue } from "../../utils/app-config/config";
+import { getAppConfigValue } from "../../utils/app-config/config.js";
 const getNavigationLinks = () => {
   const microApps = getAppConfigValue("microFrontendApps");
   if (!microApps)

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

@@ -1,10 +1,11 @@
+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";
-import { useFrameLoaded } from "./use-frame-loaded";
+import { IFrame } from "./iframe/index.js";
+import { useFrameLoaded } from "./use-frame-loaded.js";
 import {
   useAppWillRender
-} from "../micro-app/use-app-will-render";
+} from "../micro-app/use-app-will-render.js";
 const App = memo(({ id, dispose, onUnloadComplete, ...rest }) => {
   const [documentEle, setDocumentEle] = useState(null);
   useFrameLoaded({ id, documentEle, ...rest });

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

@@ -1,6 +1,7 @@
+import * as React from "react";
 import { memo, useRef } from "react";
 import styled from "styled-components";
-import { IFRAME_CONTAINER_ID_PREFIX } from "./const";
+import { IFRAME_CONTAINER_ID_PREFIX } from "./const.js";
 const Div = styled.div`
   display: flex;
   width: 100%;

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

@@ -1,6 +1,7 @@
+import * as React from "react";
 import { useEffect, useState, memo } from "react";
-import { usePrevious } from "../use-previous";
-import { App } from "./app";
+import { usePrevious } from "../use-previous.js";
+import { App } from "./app.js";
 const MicroIFrameApp = memo(({ entityId = null, ...rest }) => {
   const [disposePrevApp, setDisposePrevApp] = useState(false);
   const [appKey, setAppKey] = useState(Date.now());

package/dist/es/view/micro-iframe-app/use-frame-loaded.js

@@ -1,7 +1,7 @@
 import { useEffect } from "react";
-import { trackActivity } from "../../utils/session";
-import { CMicroAppHost } from "../../utils/micro-frontend/host";
-import { getMicroFrontEndAppConfig } from "../../utils/micro-frontend";
+import { trackActivity } from "../../utils/session.js";
+import { CMicroAppHost } from "../../utils/micro-frontend/host.js";
+import { getMicroFrontEndAppConfig } from "../../utils/micro-frontend/index.js";
 const addBaseTag = (id, documentEle) => {
   const { hostUrl, manifestPath } = getMicroFrontEndAppConfig({
     id

package/dist/es/view/modals/error/index.js

@@ -1,3 +1,4 @@
+import * as React from "react";
 import { useState } from "react";
 import DSModal, { MODAL_TYPE } from "@elliemae/ds-modal";
 const Error = ({

package/dist/es/view/modals/navigation-prompt/index.js

@@ -1,7 +1,8 @@
+import * as React from "react";
 import { memo } from "react";
 import DSModal, { MODAL_TYPE } from "@elliemae/ds-modal";
-import { useAppDispatch } from "../../../data/react-redux";
-import { navigationPrompt } from "../../../data/navigation-prompt/actions";
+import { useAppDispatch } from "../../../data/react-redux.js";
+import { navigationPrompt } from "../../../data/navigation-prompt/actions.js";
 const NavigationPrompt = memo(({ open, showHeader = false }) => {
   const dispatch = useAppDispatch();
   return /* @__PURE__ */ React.createElement(DSModal, {

package/dist/es/view/modals/session-expiry/customHooks.js

@@ -1,7 +1,7 @@
 import { useEffect, useState } from "react";
 import { getSeconds, differenceInMinutes } from "date-fns";
-import { SESSION_TIMEOUT_INTERVAL } from "../../../utils/constants";
-import { getAppConfigValue } from "../../../utils/app-config/config";
+import { SESSION_TIMEOUT_INTERVAL } from "../../../utils/constants.js";
+import { getAppConfigValue } from "../../../utils/app-config/config.js";
 const useTrackSessionExpiry = (warningNotifiedAt) => {
   const [timeData, setTimeData] = useState();
   useEffect(() => {

package/dist/es/view/modals/session-expiry/index.js

@@ -1,9 +1,10 @@
+import * as React from "react";
 import { memo, useState } from "react";
 import DSModal, { MODAL_SUB_TYPE_V2, MODAL_TYPE_V2 } from "@elliemae/ds-modal";
-import { useAppDispatch } from "../../../data/react-redux";
-import { logout } from "../../../data/logout/actions";
-import { resetUserIdleTime } from "../../../utils/session";
-import { useTrackSessionExpiry } from "./customHooks";
+import { useAppDispatch } from "../../../data/react-redux.js";
+import { logout } from "../../../data/logout/actions.js";
+import { resetUserIdleTime } from "../../../utils/session.js";
+import { useTrackSessionExpiry } from "./customHooks.js";
 const SessionExpiry = memo(({ open, warningNotifiedAt = 0, showHeader = false }) => {
   const [isOpen, setIsOpen] = useState(open);
   const timeLeft = useTrackSessionExpiry(warningNotifiedAt);

package/dist/es/view/modals/wait-message/html-wait-message.js

@@ -1,3 +1,4 @@
+import * as React from "react";
 import { memo, useEffect } from "react";
 const HTMLWaitMessage = memo(({ close }) => {
   useEffect(() => {

package/dist/es/view/modals/wait-message/index.js

@@ -1,11 +1,12 @@
+import * as React from "react";
 import { memo, useEffect } from "react";
 import DSLoadingIndicator from "@elliemae/ds-basic/LoadingIndicator";
-import { useAppSelector } from "../../../data/react-redux";
-import { HTMLWaitMessage } from "./html-wait-message";
+import { useAppSelector } from "../../../data/react-redux.js";
+import { HTMLWaitMessage } from "./html-wait-message.js";
 import {
   waitStartEvent,
   waitEndEvent
-} from "../../../analytics/user-wait-event";
+} from "../../../analytics/user-wait-event.js";
 const WaitMessage = memo(({
   size = "m",
   style = { color: "white", fontSize: "1.25rem" },

package/dist/es/view/modals/wait-message/wait-message-launcher.js

@@ -1,6 +1,7 @@
+import * as React from "react";
 import { useEffect } from "react";
-import { useAppDispatch } from "../../../data/react-redux";
-import { waitMessage } from "../../../data/wait-message/actions";
+import { useAppDispatch } from "../../../data/react-redux.js";
+import { waitMessage } from "../../../data/wait-message/actions.js";
 const WaitMessageLauncher = () => {
   const dispatch = useAppDispatch();
   useEffect(() => {

package/dist/es/view/render-with-delay/index.js

@@ -1,3 +1,4 @@
+import * as React from "react";
 import { useEffect, useState, memo } from "react";
 const RenderWithDelay = memo(({ render }) => {
   const [show, showComponents] = useState(false);

package/dist/es/view/render-with-host-data/index.js

@@ -1,6 +1,7 @@
+import * as React from "react";
 import { useState, useEffect } from "react";
-import { fetchHostAppData } from "../fetch-host-app-data";
-import { WaitMessageLauncher } from "../modals/wait-message/wait-message-launcher";
+import { fetchHostAppData } from "../fetch-host-app-data/index.js";
+import { WaitMessageLauncher } from "../modals/wait-message/wait-message-launcher.js";
 const renderWithHostData = (data) => {
   const {
     ComponentToRender,

package/dist/es/view/session-timeout/index.js

@@ -1,14 +1,15 @@
+import * as React from "react";
 import { useEffect, useState } from "react";
-import { useAppDispatch } from "../../data/react-redux";
-import { logout } from "../../data/logout/actions";
+import { useAppDispatch } from "../../data/react-redux.js";
+import { logout } from "../../data/logout/actions.js";
 import {
   initSessionMonitoring,
   stopSessionMonitoring,
   subscribeToSessionExpiryWarning,
   subscribeToResetSession,
   subscribeToSessionExpiry
-} from "../../utils/session";
-import { SessionExpiry } from "../modals/session-expiry";
+} from "../../utils/session.js";
+import { SessionExpiry } from "../modals/session-expiry/index.js";
 const SessionTimeout = () => {
   const dispatch = useAppDispatch();
   const [showSessionExpiryWarning, setSessionExpiryWarning] = useState(false);

package/dist/es/view/storybook/decorator.js

@@ -1,5 +1,6 @@
-import { browserHistory } from "../../utils/history";
-import { AppRoot } from "../app-root";
+import * as React from "react";
+import { browserHistory } from "../../utils/history.js";
+import { AppRoot } from "../app-root/index.js";
 const withAppDecorator = (theme, store, story) => /* @__PURE__ */ React.createElement(AppRoot, {
   store,
   history: browserHistory,

package/dist/es/view/visually-hidden/index.js

@@ -1,3 +1,4 @@
+import * as React from "react";
 import { forwardRef } from "react";
 import styled from "styled-components";
 const Span = styled.span`

package/dist/es/view/window-size/index.js

@@ -1,14 +1,19 @@
+import * as React from "react";
 import { useEffect } from "react";
 import { publish } from "pubsub-js";
-import { HOST_WINDOW_RESIZED } from "../../utils/constants";
+import { HOST_WINDOW_RESIZED } from "../../utils/constants.js";
 const WindowSize = () => {
   useEffect(() => {
-    const observer = new ResizeObserver((entries) => {
-      publish(HOST_WINDOW_RESIZED, entries && entries[0]);
-    });
-    observer.observe(window.document.documentElement);
+    if (window.ResizeObserver) {
+      const observer = new ResizeObserver((entries) => {
+        publish(HOST_WINDOW_RESIZED, entries && entries[0]);
+      });
+      observer.observe(window.document.documentElement);
+      return () => {
+        observer.unobserve(window.document.documentElement);
+      };
+    }
     return () => {
-      observer.unobserve(window.document.documentElement);
     };
   }, []);
   return /* @__PURE__ */ React.createElement(React.Fragment, null);

package/dist/types/communication/http-client/retry.d.ts

@@ -1,5 +1,5 @@
 import { AxiosInstance } from 'axios';
-import { RetryConfig } from './retry-axios';
+import { RetryConfig } from './retry-axios.js';
 export declare const getRaxConfig: (httpClient: AxiosInstance) => Partial<RetryConfig>;
 declare const setupRetry: (httpClient: AxiosInstance) => void;
 export default setupRetry;

package/dist/types/data/react-redux.d.ts

@@ -1,20 +1,20 @@
 import { TypedUseSelectorHook } from 'react-redux';
-import { RootState } from './store';
+import { RootState } from './store.js';
 export declare const useAppDispatch: () => import("redux-thunk").ThunkDispatch<import("redux").CombinedState<{
-    waitMessage: import("./wait-message/reducer").WaitMessageState;
-    error: import("./error").ErrorState;
-    breakpoint: import("./breakpoint").BreakpointState;
-    liveMessage: import("./live-message").LiveMessageState;
+    waitMessage: import("./wait-message/reducer.js").WaitMessageState;
+    error: import("./error/index.js").ErrorState;
+    breakpoint: import("./breakpoint/index.js").BreakpointState;
+    liveMessage: import("./live-message/index.js").LiveMessageState;
 }>, null, import("redux").AnyAction> & import("redux-thunk").ThunkDispatch<import("redux").CombinedState<{
-    waitMessage: import("./wait-message/reducer").WaitMessageState;
-    error: import("./error").ErrorState;
-    breakpoint: import("./breakpoint").BreakpointState;
-    liveMessage: import("./live-message").LiveMessageState;
+    waitMessage: import("./wait-message/reducer.js").WaitMessageState;
+    error: import("./error/index.js").ErrorState;
+    breakpoint: import("./breakpoint/index.js").BreakpointState;
+    liveMessage: import("./live-message/index.js").LiveMessageState;
 }>, undefined, import("redux").AnyAction> & import("redux").Dispatch<{
-    payload: import("./wait-message/reducer").WaitMessageState;
+    payload: import("./wait-message/reducer.js").WaitMessageState;
     type: string;
 } | import("redux").AnyAction | {
-    payload: import("./breakpoint").Breakpoints;
+    payload: import("./breakpoint/index.js").Breakpoints;
     type: string;
 }>;
 export declare const useAppSelector: TypedUseSelectorHook<RootState>;