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

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

@@ -1,23 +1,26 @@
-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";
-const cssType = new RegExp(/\.css$/);
+} from "../resources/manifest.js";
+const cssType = /\.css$/;
 const isCss = (fileName) => cssType.test(fileName);
 const activeApps = {};
 const initApplication = async ({
@@ -120,6 +123,8 @@ const unloadApp = ({
   hostUrl,
   documentEle
 }) => {
+  if (!hostUrl)
+    throw new Error("Unable to unload app. hostUrl is required");
   getLogger().info(logRecords.APP_UNLOADING(id));
   const app = (window.emui || {})[id];
   if (!app)

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,12 +1,14 @@
-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,
   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 getHTTPClient().get(removeDoubleSlash(url.href));
   const { headers } = response;

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

@@ -1,6 +1,6 @@
-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 HEAD_SCRIPTS = /(?:emuiDiagnostics|global|global-prod|emuiUserMonitoring)(?:..*)?.js/;
 const isHeadScript = (scriptSrc) => HEAD_SCRIPTS.test(scriptSrc);
 const addScriptToDOM = ({ name, hostUrl, documentEle }, fileName, index) => new Promise((resolve, reject) => {
   const ele = documentEle.createElement("script");

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,11 +1,13 @@
 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
   });
+  if (!hostUrl || !manifestPath)
+    throw new Error("hostUrl or manifestPath is not defined");
   const base = documentEle.createElement("base");
   base.href = new URL(manifestPath, hostUrl).href;
   documentEle.getElementsByTagName("head")[0].appendChild(base);

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

@@ -1,22 +1,32 @@
-import { useState } from "react";
-import DSModal, { MODAL_TYPE } from "@elliemae/ds-modal";
+import * as React from "react";
+import { useState, useCallback } from "react";
+import {
+  DSDialog,
+  DSDialogBody,
+  DSDialogDefaultLayout,
+  DSDialogPrimaryMessage,
+  DSDialogSecondaryMessage
+} from "@elliemae/ds-dialog";
+import { ErrorHexegon } from "@elliemae/ds-icons";
 const Error = ({
   open,
-  name,
-  showHeader = false,
-  children
+  primaryMessage,
+  secondaryMessage
 }) => {
-  const [isOpen, setIsOpen] = useState(open);
-  return /* @__PURE__ */ React.createElement(DSModal, {
-    centered: true,
-    modalType: MODAL_TYPE.ERROR,
+  const [isOpen, setOpen] = useState(open);
+  const handleClick = useCallback(() => {
+    setOpen((prev) => !prev);
+  }, []);
+  return /* @__PURE__ */ React.createElement(DSDialog, {
     isOpen,
-    name,
-    showHeader,
-    showFooter: false,
-    onClose: () => setIsOpen(false),
-    onConfirm: null
-  }, children);
+    onClickOutside: handleClick,
+    size: "small"
+  }, /* @__PURE__ */ React.createElement(DSDialogBody, {
+    p: "s"
+  }, /* @__PURE__ */ React.createElement(DSDialogDefaultLayout, null, /* @__PURE__ */ React.createElement(ErrorHexegon, {
+    size: "xxl",
+    color: ["danger", "900"]
+  }), /* @__PURE__ */ React.createElement(DSDialogPrimaryMessage, null, primaryMessage), secondaryMessage && /* @__PURE__ */ React.createElement(DSDialogSecondaryMessage, null, secondaryMessage))));
 };
 export {
   Error

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

@@ -1,20 +1,39 @@
+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";
-const NavigationPrompt = memo(({ open, showHeader = false }) => {
+import { Close } from "@elliemae/ds-icons";
+import { DSButtonV2 } from "@elliemae/ds-button";
+import {
+  DSDialog,
+  DSDialogHeader,
+  DSDialogBody,
+  DSDialogFooter,
+  DSDialogSeparator,
+  DSDialogAddon
+} from "@elliemae/ds-dialog";
+import { useAppDispatch } from "../../../data/react-redux.js";
+import { navigationPrompt } from "../../../data/navigation-prompt/actions.js";
+const NavigationPrompt = memo(({ open }) => {
   const dispatch = useAppDispatch();
-  return /* @__PURE__ */ React.createElement(DSModal, {
-    centered: true,
-    modalType: MODAL_TYPE.CONFIRM,
+  const cancelDialog = () => dispatch(navigationPrompt.cancel());
+  const confirmDialog = () => dispatch(navigationPrompt.confirm());
+  return /* @__PURE__ */ React.createElement(DSDialog, {
     isOpen: open,
-    showHeader,
-    onClose: () => dispatch(navigationPrompt.cancel()),
-    onConfirm: () => dispatch(navigationPrompt.confirm()),
-    onReject: () => dispatch(navigationPrompt.cancel()),
-    confirmLabel: "Save & Continue",
-    rejectLabel: "Continue Without Saving"
-  }, /* @__PURE__ */ React.createElement("p", null, "You currently have unsaved changes. Are you sure you want to proceed without saving?"));
+    onClickOutside: cancelDialog,
+    centered: true
+  }, /* @__PURE__ */ React.createElement(DSDialogHeader, null, /* @__PURE__ */ React.createElement(DSDialogAddon, null, /* @__PURE__ */ React.createElement(DSButtonV2, {
+    buttonType: "icon",
+    onClick: cancelDialog
+  }, /* @__PURE__ */ React.createElement(Close, {
+    color: ["neutral", "900"]
+  })))), /* @__PURE__ */ React.createElement(DSDialogSeparator, null), /* @__PURE__ */ React.createElement(DSDialogBody, {
+    px: 24,
+    mb: 16
+  }, "You currently have unsaved changes. Are you sure you want to proceed without saving?"), /* @__PURE__ */ React.createElement(DSDialogSeparator, null), /* @__PURE__ */ React.createElement(DSDialogFooter, null, /* @__PURE__ */ React.createElement(DSButtonV2, {
+    buttonType: "outline",
+    onClick: cancelDialog
+  }, "Continue without saving"), /* @__PURE__ */ React.createElement(DSButtonV2, {
+    onClick: confirmDialog
+  }, "Save & Continue")));
 });
 export {
   NavigationPrompt

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,38 +1,50 @@
-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";
-const SessionExpiry = memo(({ open, warningNotifiedAt = 0, showHeader = false }) => {
+import * as React from "react";
+import { memo, useEffect, useState } from "react";
+import { DSButtonV2 } from "@elliemae/ds-button";
+import { WarningCircle } from "@elliemae/ds-icons";
+import {
+  DSDialog,
+  DSDialogDefaultLayout,
+  DSDialogPrimaryMessage,
+  DSDialogSecondaryMessage,
+  DSDialogBody,
+  DSDialogFooter,
+  DSDialogSeparator
+} from "@elliemae/ds-dialog";
+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 }) => {
   const [isOpen, setIsOpen] = useState(open);
   const timeLeft = useTrackSessionExpiry(warningNotifiedAt);
   const dispatch = useAppDispatch();
+  useEffect(() => {
+    setIsOpen(open);
+  }, [open]);
   const resetSession = () => {
     setIsOpen(false);
-    resetUserIdleTime();
+    resetUserIdleTime(true);
     dispatch(logout.cancel());
   };
   const logoutSession = () => {
     setIsOpen(false);
     dispatch(logout.confirm());
   };
-  return /* @__PURE__ */ React.createElement(DSModal, {
-    centered: true,
-    modalType: MODAL_TYPE_V2.DECISION,
+  return timeLeft ? /* @__PURE__ */ React.createElement(DSDialog, {
     isOpen,
-    showHeader,
-    onConfirm: resetSession,
-    onReject: logoutSession,
-    modalTitle: timeLeft ? `Your session will expire in ${timeLeft}` : "",
-    confirmLabel: "Reset",
-    rejectLabel: "Logout",
-    showRejectButton: true,
-    showClose: false,
-    version: 2,
-    shouldCloseOnOverlayClick: false,
-    modalSubType: MODAL_SUB_TYPE_V2.WARNING
-  }, /* @__PURE__ */ React.createElement("p", null, "Please logout or reset your session"));
+    size: "small"
+  }, /* @__PURE__ */ React.createElement(DSDialogBody, {
+    p: "s"
+  }, /* @__PURE__ */ React.createElement(DSDialogDefaultLayout, null, /* @__PURE__ */ React.createElement(WarningCircle, {
+    size: "xl",
+    color: ["warning", "900"]
+  }), /* @__PURE__ */ React.createElement(DSDialogPrimaryMessage, null, `Your session will expire in ${timeLeft}`), /* @__PURE__ */ React.createElement(DSDialogSecondaryMessage, null, "Please logout or reset your session"))), /* @__PURE__ */ React.createElement(DSDialogSeparator, null), /* @__PURE__ */ React.createElement(DSDialogFooter, null, /* @__PURE__ */ React.createElement(DSButtonV2, {
+    buttonType: "outline",
+    onClick: logoutSession
+  }, "Logout"), /* @__PURE__ */ React.createElement(DSButtonV2, {
+    onClick: resetSession
+  }, "Reset"))) : null;
 });
 export {
   SessionExpiry

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 { DSLoadingIndicator } from "@elliemae/ds-loading-indicator";
+import { useAppSelector } from "../../../data/react-redux.js";
+import { useHTMLWaitMessage } from "./use-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" },
@@ -19,16 +20,15 @@ const WaitMessage = memo(({
     else
       waitEndEvent();
   }, [isOpen]);
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(HTMLWaitMessage, {
-    close: isOpen !== null
-  }), /* @__PURE__ */ React.createElement(DSLoadingIndicator, {
+  useHTMLWaitMessage(isOpen !== null);
+  return /* @__PURE__ */ React.createElement(DSLoadingIndicator, {
     id: "em-loading",
     size,
     style,
     ...rest,
     loading: isOpen,
     message
-  }));
+  });
 });
 export {
   WaitMessage

package/dist/es/view/modals/wait-message/{html-wait-message.js → use-html-wait-message.js}

@@ -1,12 +1,11 @@
-import { memo, useEffect } from "react";
-const HTMLWaitMessage = memo(({ close }) => {
+import { useEffect } from "react";
+const useHTMLWaitMessage = (close) => {
   useEffect(() => {
     const htmlWaitMsgElement = document.getElementById("em-wait-message");
     if (htmlWaitMsgElement && close)
       htmlWaitMsgElement.remove();
   }, [close]);
-  return /* @__PURE__ */ React.createElement(React.Fragment, null);
-});
+};
 export {
-  HTMLWaitMessage
+  useHTMLWaitMessage
 };

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

@@ -1,6 +1,6 @@
 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(() => {
@@ -9,7 +9,7 @@ const WaitMessageLauncher = () => {
       dispatch(waitMessage.close());
     };
   }, [dispatch]);
-  return /* @__PURE__ */ React.createElement(React.Fragment, null);
+  return null;
 };
 export {
   WaitMessageLauncher

package/dist/es/view/page.js

@@ -0,0 +1,22 @@
+import * as React from "react";
+import { Helmet } from "react-helmet";
+import * as brum from "@elliemae/pui-user-monitoring";
+import { pageViewEvent } from "../analytics/page-view-event.js";
+const onPageView = (pageTitle) => {
+  try {
+    if (brum && pageTitle) {
+      brum.setCustomVirtualPageName(pageTitle);
+      brum.startVirtualPageMonitoringWithAutoEnd(pageTitle);
+    }
+  } catch {
+  }
+  pageViewEvent({ pageTitle });
+};
+const Page = ({ pageTitle = "ICE", children }) => {
+  onPageView(pageTitle);
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Helmet, null, /* @__PURE__ */ React.createElement("title", null, pageTitle)), children);
+};
+export {
+  Page,
+  onPageView
+};

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);
@@ -7,7 +8,7 @@ const RenderWithDelay = memo(({ render }) => {
       clearTimeout(timeoutId);
     };
   }, []);
-  return show ? /* @__PURE__ */ React.createElement(React.Fragment, null, render()) : /* @__PURE__ */ React.createElement(React.Fragment, null);
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, show ? render() : "");
 });
 export {
   RenderWithDelay

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/require-auth.js

@@ -0,0 +1,29 @@
+import * as React from "react";
+import { useInjectReducer, useInjectSaga } from "redux-injectors";
+import enums from "../utils/constants.js";
+import { authReducer } from "../data/auth/reducer.js";
+import { authentication } from "../sideeffect/auth/index.js";
+import { Login } from "./login/index.js";
+import { isUserAuthorized } from "../utils/auth/index.js";
+const key = "auth";
+const RequireAuth = ({
+  children,
+  clientId = enums.CLIENT_ID,
+  scope = "loc",
+  responseType = "code"
+}) => {
+  useInjectReducer({ key, reducer: authReducer });
+  useInjectSaga({ key, saga: authentication });
+  const userAuthorized = isUserAuthorized();
+  if (userAuthorized) {
+    return /* @__PURE__ */ React.createElement(React.Fragment, null, children);
+  }
+  return /* @__PURE__ */ React.createElement(Login, {
+    clientId,
+    scope,
+    responseType
+  });
+};
+export {
+  RequireAuth
+};

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);
@@ -21,7 +22,11 @@ const SessionTimeout = () => {
       setwarningNotifiedAt(sessionExpiryWarningNotifiedAt);
       setSessionExpiryWarning(true);
     });
-    const resetCb = subscribeToResetSession(setSessionExpiryWarning.bind(null, false));
+    const resetCb = subscribeToResetSession((resetWarningModal) => {
+      if (resetWarningModal === true) {
+        setSessionExpiryWarning(false);
+      }
+    });
     const sessionExpiredCb = subscribeToSessionExpiry(() => {
       dispatch(logout.confirm());
       setSessionExpiryWarning(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/use-window-size-change.js

@@ -0,0 +1,21 @@
+import { useEffect } from "react";
+import { publish } from "pubsub-js";
+import { HOST_WINDOW_RESIZED } from "../utils/constants.js";
+const useWindowSizeChange = () => {
+  useEffect(() => {
+    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 () => {
+    };
+  }, []);
+};
+export {
+  useWindowSizeChange
+};

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/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/index.d.ts

@@ -0,0 +1,4 @@
+export { useInjectReducer, useInjectSaga } from 'redux-injectors';
+export { useAppDispatch, useAppSelector } from './react-redux.js';
+export { createAppStore as configureStore, getStore } from './store.js';
+export type { RootState, AppStore } from './store.js';