@elliemae/pui-app-sdk 2.17.1 → 3.0.0-beta.10

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

@@ -1,35 +1,36 @@
 import { removeDoubleSlash } from "../../../utils/url.js";
-export const APP_STYLE_ID_PREFIX = 'emui-style-';
-export const addStylesToDOM = ({
-  name,
-  hostUrl,
-  documentEle
-}, fileName, index) => new Promise((resolve, reject) => {
-  const ele = documentEle.createElement('link');
-  if (!ele) reject(new Error('Unable to insert Application styles.'));
+const APP_STYLE_ID_PREFIX = "emui-style-";
+const addStylesToDOM = ({ name, hostUrl, documentEle }, fileName, index) => new Promise((resolve, reject) => {
+  const ele = documentEle.createElement("link");
+  if (!ele)
+    reject(new Error("Unable to insert Application styles."));
   ele.id = `${APP_STYLE_ID_PREFIX}${name}-${index}`;
-  ele.rel = 'stylesheet';
+  ele.rel = "stylesheet";
   const url = new URL(fileName, hostUrl);
   ele.href = removeDoubleSlash(url.href);
   ele.onload = resolve.bind(null, ele.id);
   documentEle.head.appendChild(ele);
 });
-export const removeStyleFromDOM = (elementId = '', documentEle = document) => new Promise(resolve => {
-  const ele = documentEle.getElementById(elementId); // eslint-disable-next-line no-console
-
-  if (!ele) console.warn(new Error(`style with id ${elementId} not found`));
+const removeStyleFromDOM = (elementId = "", documentEle = document) => new Promise((resolve) => {
+  const ele = documentEle.getElementById(elementId);
+  if (!ele)
+    console.warn(new Error(`style with id ${elementId} not found`));
   ele.remove();
   resolve();
 });
-export const removeDynamicImportedStyles = (hostUrl, documentEle) => {
-  const hostPattern = new RegExp(hostUrl, 'i');
+const removeDynamicImportedStyles = (hostUrl, documentEle) => {
+  const hostPattern = new RegExp(hostUrl, "i");
   const prefetchElements = documentEle.querySelectorAll('[rel="stylesheet"]');
-
   for (let index = prefetchElements.length - 1; index >= 0; index -= 1) {
     const ele = prefetchElements[index];
-    const {
-      href
-    } = ele;
-    if (hostPattern.test(href)) ele.remove();
+    const { href } = ele;
+    if (hostPattern.test(href))
+      ele.remove();
   }
-};
+};
+export {
+  APP_STYLE_ID_PREFIX,
+  addStylesToDOM,
+  removeDynamicImportedStyles,
+  removeStyleFromDOM
+};

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

@@ -1 +0,0 @@
-export {};

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

@@ -1,11 +1,19 @@
-import _merge from "lodash/merge";
-import { useRef, useLayoutEffect, useCallback } from 'react';
-import { useDispatch } from 'react-redux';
+import { useRef, useLayoutEffect, useCallback } from "react";
+import { merge } from "lodash";
+import { useDispatch } from "react-redux";
 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/index.js";
+import {
+  loadApp,
+  unloadApp,
+  mountApp,
+  unmountApp
+} from "./app-factory/index.js";
+import {
+  getLogger,
+  getMicroFrontEndAppConfig
+} from "../../utils/micro-frontend/index.js";
 import { logRecords } from "../../utils/log-records.js";
-export const useAppWillRender = ({
+const useAppWillRender = ({
   id,
   documentEle,
   history,
@@ -13,8 +21,6 @@ export const useAppWillRender = ({
   homeRoute,
   onUnloadComplete
 }) => {
-  // ToDo: Since ecc app is using older version of react-redux we need this undefined check. once ECC upgrades to react-redux v6 or later, this check can be removed
-  // eslint-disable-next-line react-hooks/rules-of-hooks
   const dispatch = useDispatch ? useDispatch() : null;
   const ref = useRef(Promise.resolve());
   const getConfig = useCallback(() => getMicroFrontEndAppConfig({
@@ -23,41 +29,44 @@ export const useAppWillRender = ({
   const unload = useCallback(async (appConfig, loadFailed = false) => {
     await unmountApp(appConfig);
     unloadApp(appConfig);
-    if (!loadFailed && onUnloadComplete) onUnloadComplete();
-  }, // eslint-disable-next-line react-hooks/exhaustive-deps
-  []);
-  const load = useCallback(async appConfig => {
-    if (dispatch) dispatch(waitMessage.open());
-
+    if (!loadFailed && onUnloadComplete)
+      onUnloadComplete();
+  }, []);
+  const load = useCallback(async (appConfig) => {
+    if (dispatch)
+      dispatch(waitMessage.open());
     try {
-      // eslint-disable-next-line @typescript-eslint/no-misused-promises
-      if (ref.current) await ref.current;
+      if (ref.current)
+        await ref.current;
       await loadApp(appConfig);
       await mountApp(appConfig);
     } catch (ex) {
-      getLogger().error({ ...logRecords.APP_CONFIG_LOAD_FAILED,
+      getLogger().error({
+        ...logRecords.APP_CONFIG_LOAD_FAILED,
         exception: ex
       });
       await unload(appConfig, true);
       throw ex;
     }
-
-    if (dispatch) dispatch(waitMessage.close());
+    if (dispatch)
+      dispatch(waitMessage.close());
   }, [dispatch, unload]);
   useLayoutEffect(() => {
-    if (!documentEle) return () => {};
-
-    const appConfig = _merge(getConfig(), {
+    if (!documentEle)
+      return () => {
+      };
+    const appConfig = merge(getConfig(), {
       documentEle,
       history,
       theme,
       homeRoute
-    }); // eslint-disable-next-line @typescript-eslint/no-floating-promises
-
-
+    });
     load(appConfig);
     return () => {
       ref.current = unload(appConfig);
     };
   }, [documentEle, getConfig, history, theme, homeRoute, load, unload]);
-};
+};
+export {
+  useAppWillRender
+};

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

@@ -1,17 +1,15 @@
 import { getAppConfigValue } from "../../utils/app-config/config.js";
-export const getNavigationLinks = () => {
-  const microApps = getAppConfigValue('microFrontendApps');
-  if (!microApps) return [];
+const getNavigationLinks = () => {
+  const microApps = getAppConfigValue("microFrontendApps");
+  if (!microApps)
+    return [];
   return Object.keys(microApps).reduce((value, id) => {
-    const {
-      name,
-      homeRoute
-    } = microApps[id] || {};
-    if (name && homeRoute) value.push({
-      id,
-      name,
-      path: homeRoute
-    });
+    const { name, homeRoute } = microApps[id] || {};
+    if (name && homeRoute)
+      value.push({ id, name, path: homeRoute });
     return value;
   }, []);
-};
+};
+export {
+  getNavigationLinks
+};

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

@@ -1,33 +1,27 @@
-import { memo, useState } from 'react'; // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-// @ts-ignore
-
-import frameHtml from 'file-loader?name=iframe.[contenthash].[ext]!./iframe/index.html';
+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";
-import { jsx as _jsx } from "react/jsx-runtime";
-export const App = /*#__PURE__*/memo(({
-  id,
-  dispose,
-  onUnloadComplete,
-  ...rest
-}) => {
+import {
+  useAppWillRender
+} from "../micro-app/use-app-will-render.js";
+const App = memo(({ id, dispose, onUnloadComplete, ...rest }) => {
   const [documentEle, setDocumentEle] = useState(null);
-  useFrameLoaded({
-    id,
-    documentEle,
-    ...rest
-  });
+  useFrameLoaded({ id, documentEle, ...rest });
   useAppWillRender({
     id,
     documentEle: dispose ? null : documentEle,
     onUnloadComplete,
     ...rest
   });
-  return /*#__PURE__*/_jsx(IFrame, {
-    id: id,
+  return /* @__PURE__ */ React.createElement(IFrame, {
+    id,
     src: frameHtml,
     ...rest,
     onFrameReady: setDocumentEle
   });
-});
+});
+export {
+  App
+};

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

@@ -1 +1,4 @@
-export const IFRAME_CONTAINER_ID_PREFIX = 'pui-iframe-container-';
+const IFRAME_CONTAINER_ID_PREFIX = "pui-iframe-container-";
+export {
+  IFRAME_CONTAINER_ID_PREFIX
+};

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

@@ -1,39 +1,35 @@
-import _jsx2 from "@babel/runtime/helpers/jsx";
-import _styled2 from "styled-components";
-import _styled from "styled-components";
-import { memo, useRef } from 'react';
+import * as React from "react";
+import { memo, useRef } from "react";
+import styled from "styled-components";
 import { IFRAME_CONTAINER_ID_PREFIX } from "./const.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-export const IFrame = /*#__PURE__*/memo(({
-  id,
-  name: title,
-  src,
-  sandbox,
-  onFrameReady
-}) => {
+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__*/_jsx2(_StyledDiv, {}, void 0, /*#__PURE__*/_jsx(_StyledIframe, {
+  const sandboxProps = sandbox ? { sandbox } : {};
+  return /* @__PURE__ */ React.createElement(Div, null, /* @__PURE__ */ React.createElement(Iframe, {
     id: `${IFRAME_CONTAINER_ID_PREFIX}${id}`,
     ref: frameRef,
-    title: title,
-    src: src,
+    title,
+    src,
     scrolling: "no",
     ...sandboxProps,
-    onLoad: () => {
-      var _frameRef$current;
-
-      return (frameRef === null || frameRef === void 0 ? void 0 : (_frameRef$current = frameRef.current) === null || _frameRef$current === void 0 ? void 0 : _frameRef$current.contentDocument) && onFrameReady(frameRef.current.contentDocument);
-    }
+    onLoad: () => frameRef?.current?.contentDocument && onFrameReady(frameRef.current.contentDocument)
   }));
 });
-
-var _StyledDiv = /*#__PURE__*/_styled("div").withConfig({
-  componentId: "sc-hig7i7-0"
-})(["display:flex;width:100%;height:100%;flex-direction:column;overflow:hidden;"]);
-
-var _StyledIframe = /*#__PURE__*/_styled("iframe").withConfig({
-  componentId: "sc-hig7i7-1"
-})(["flex-grow:1;border:none;margin:0;padding:0;display:block;height:100%;"]);
+export {
+  IFrame
+};

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

@@ -1,21 +1,18 @@
-import { useEffect, useState, memo } from 'react';
+import * as React from "react";
+import { useEffect, useState, memo } from "react";
 import { usePrevious } from "../use-previous.js";
 import { App } from "./app.js";
-import { createElement as _createElement } from "react";
-export const MicroIFrameApp = /*#__PURE__*/memo(({
-  entityId = null,
-  ...rest
-}) => {
+const MicroIFrameApp = memo(({ entityId = null, ...rest }) => {
   const [disposePrevApp, setDisposePrevApp] = useState(false);
   const [appKey, setAppKey] = useState(Date.now());
   const prevEntityId = usePrevious(entityId);
   useEffect(() => {
     if (prevEntityId !== entityId && prevEntityId) {
       setDisposePrevApp(true);
-    } // eslint-disable-next-line react-hooks/exhaustive-deps
-
+    }
   }, [entityId]);
-  return /*#__PURE__*/_createElement(App, { ...rest,
+  return /* @__PURE__ */ React.createElement(App, {
+    ...rest,
     key: appKey,
     dispose: disposePrevApp,
     onUnloadComplete: () => {
@@ -23,4 +20,7 @@ export const MicroIFrameApp = /*#__PURE__*/memo(({
       setDisposePrevApp(false);
     }
   });
-});
+});
+export {
+  MicroIFrameApp
+};

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

@@ -1 +0,0 @@
-export {};

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

@@ -1,34 +1,28 @@
-import { useEffect } from 'react';
+import { useEffect } from "react";
 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({
+  const { hostUrl, manifestPath } = getMicroFrontEndAppConfig({
     id
   });
-  const base = documentEle.createElement('base');
+  if (!manifestPath)
+    return;
+  const base = documentEle.createElement("base");
   base.href = new URL(manifestPath, hostUrl).href;
-  documentEle.getElementsByTagName('head')[0].appendChild(base);
+  documentEle.getElementsByTagName("head")[0].appendChild(base);
 };
-
 const updateContainerId = (id, documentEle) => {
-  const ele = documentEle.getElementById('pui-app-container-');
-
+  const ele = documentEle.getElementById("pui-app-container-");
   if (ele) {
     ele.id = `${ele.id}${id}`;
   }
 };
-
-export const useFrameLoaded = ({
-  id,
-  documentEle
-}) => {
+const useFrameLoaded = ({ id, documentEle }) => {
   useEffect(() => {
-    if (!documentEle) return () => {};
+    if (!documentEle)
+      return () => {
+      };
     const host = CMicroAppHost.getInstance();
     addBaseTag(id, documentEle);
     updateContainerId(id, documentEle);
@@ -41,4 +35,7 @@ export const useFrameLoaded = ({
       }
     };
   }, [id, documentEle]);
-};
+};
+export {
+  useFrameLoaded
+};

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

@@ -1,21 +1,24 @@
-import _jsx from "@babel/runtime/helpers/jsx";
-import { useState } from 'react';
-import DSModal, { MODAL_TYPE } from '@elliemae/ds-modal';
-export const Error = ({
+import * as React from "react";
+import { useState } from "react";
+import DSModal, { MODAL_TYPE } from "@elliemae/ds-modal";
+const Error = ({
   open,
   name,
   showHeader = false,
   children
 }) => {
   const [isOpen, setIsOpen] = useState(open);
-  return /*#__PURE__*/_jsx(DSModal, {
+  return /* @__PURE__ */ React.createElement(DSModal, {
     centered: true,
     modalType: MODAL_TYPE.ERROR,
-    isOpen: isOpen,
-    name: name,
-    showHeader: showHeader,
+    isOpen,
+    name,
+    showHeader,
     showFooter: false,
     onClose: () => setIsOpen(false),
     onConfirm: null
-  }, void 0, children);
-};
+  }, children);
+};
+export {
+  Error
+};

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

@@ -1,25 +1,22 @@
-import _jsx from "@babel/runtime/helpers/jsx";
-
-var _p;
-
-import { memo } from 'react';
-import DSModal, { MODAL_TYPE } from '@elliemae/ds-modal';
+import * as React from "react";
+import { memo } from "react";
+import DSModal, { MODAL_TYPE } from "@elliemae/ds-modal";
 import { useAppDispatch } from "../../../data/react-redux.js";
 import { navigationPrompt } from "../../../data/navigation-prompt/actions.js";
-export const NavigationPrompt = /*#__PURE__*/memo(({
-  open,
-  showHeader = false
-}) => {
+const NavigationPrompt = memo(({ open, showHeader = false }) => {
   const dispatch = useAppDispatch();
-  return /*#__PURE__*/_jsx(DSModal, {
+  return /* @__PURE__ */ React.createElement(DSModal, {
     centered: true,
     modalType: MODAL_TYPE.CONFIRM,
     isOpen: open,
-    showHeader: showHeader,
+    showHeader,
     onClose: () => dispatch(navigationPrompt.cancel()),
     onConfirm: () => dispatch(navigationPrompt.confirm()),
     onReject: () => dispatch(navigationPrompt.cancel()),
     confirmLabel: "Save & Continue",
     rejectLabel: "Continue Without Saving"
-  }, void 0, _p || (_p = /*#__PURE__*/_jsx("p", {}, void 0, "You currently have unsaved changes. Are you sure you want to proceed without saving?")));
-});
+  }, /* @__PURE__ */ React.createElement("p", null, "You currently have unsaved changes. Are you sure you want to proceed without saving?"));
+});
+export {
+  NavigationPrompt
+};

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

@@ -1,14 +1,13 @@
-import { useEffect, useState } from 'react';
-import differenceInMinutes from "date-fns/differenceInMinutes";
-import getSeconds from "date-fns/getSeconds";
+import { useEffect, useState } from "react";
+import { getSeconds, differenceInMinutes } from "date-fns";
 import { SESSION_TIMEOUT_INTERVAL } from "../../../utils/constants.js";
 import { getAppConfigValue } from "../../../utils/app-config/config.js";
-export const useTrackSessionExpiry = warningNotifiedAt => {
+const useTrackSessionExpiry = (warningNotifiedAt) => {
   const [timeData, setTimeData] = useState();
   useEffect(() => {
     const timeLeftForExpiryAfterWarning = () => {
-      const userWarnInterval = getAppConfigValue('sessionTimeoutWarnInterval');
-      const userTimeoutInterval = getAppConfigValue('sessionTimeoutInterval');
+      const userWarnInterval = getAppConfigValue("sessionTimeoutWarnInterval");
+      const userTimeoutInterval = getAppConfigValue("sessionTimeoutInterval");
       const warnInterval = userWarnInterval ? parseFloat(userWarnInterval) : SESSION_TIMEOUT_INTERVAL.WARN;
       const sessionTimeout = userTimeoutInterval ? parseFloat(userTimeoutInterval) : SESSION_TIMEOUT_INTERVAL.EXPIRY;
       const diffTime = sessionTimeout - warnInterval;
@@ -20,17 +19,16 @@ export const useTrackSessionExpiry = warningNotifiedAt => {
         minutes: `0${minutes}`.slice(-2)
       };
     };
-
     const interval = setInterval(() => {
-      const {
-        seconds,
-        minutes
-      } = timeLeftForExpiryAfterWarning();
+      const { seconds, minutes } = timeLeftForExpiryAfterWarning();
       setTimeData(`${minutes}:${seconds}`);
-    }, 1000);
+    }, 1e3);
     return () => {
       clearInterval(interval);
     };
   }, [warningNotifiedAt]);
   return timeData;
-};
+};
+export {
+  useTrackSessionExpiry
+};

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

@@ -1,41 +1,31 @@
-import _jsx from "@babel/runtime/helpers/jsx";
-
-var _p;
-
-import { memo, useState } from 'react';
-import DSModal, { MODAL_SUB_TYPE_V2, MODAL_TYPE_V2 } from '@elliemae/ds-modal';
+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.js";
 import { logout } from "../../../data/logout/actions.js";
 import { resetUserIdleTime } from "../../../utils/session.js";
 import { useTrackSessionExpiry } from "./customHooks.js";
-export const SessionExpiry = /*#__PURE__*/memo(({
-  open,
-  warningNotifiedAt = 0,
-  showHeader = false
-}) => {
+const SessionExpiry = memo(({ open, warningNotifiedAt = 0, showHeader = false }) => {
   const [isOpen, setIsOpen] = useState(open);
   const timeLeft = useTrackSessionExpiry(warningNotifiedAt);
   const dispatch = useAppDispatch();
-
   const resetSession = () => {
     setIsOpen(false);
     resetUserIdleTime();
     dispatch(logout.cancel());
   };
-
   const logoutSession = () => {
     setIsOpen(false);
     dispatch(logout.confirm());
   };
-
-  return /*#__PURE__*/_jsx(DSModal, {
+  return /* @__PURE__ */ React.createElement(DSModal, {
     centered: true,
     modalType: MODAL_TYPE_V2.DECISION,
-    isOpen: isOpen,
-    showHeader: showHeader,
+    isOpen,
+    showHeader,
     onConfirm: resetSession,
     onReject: logoutSession,
-    modalTitle: timeLeft ? `Your session will expire in ${timeLeft}` : '',
+    modalTitle: timeLeft ? `Your session will expire in ${timeLeft}` : "",
     confirmLabel: "Reset",
     rejectLabel: "Logout",
     showRejectButton: true,
@@ -43,5 +33,8 @@ export const SessionExpiry = /*#__PURE__*/memo(({
     version: 2,
     shouldCloseOnOverlayClick: false,
     modalSubType: MODAL_SUB_TYPE_V2.WARNING
-  }, void 0, _p || (_p = /*#__PURE__*/_jsx("p", {}, void 0, "Please logout or reset your session")));
-});
+  }, /* @__PURE__ */ React.createElement("p", null, "Please logout or reset your session"));
+});
+export {
+  SessionExpiry
+};

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

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