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

package/dist/es/route/private-route/index.js

@@ -1,6 +1,6 @@
-import _jsx2 from "@babel/runtime/helpers/jsx";
-import { useCallback } from 'react';
-import { useInjectReducer, useInjectSaga } from 'redux-injectors';
+import * as React from "react";
+import { useCallback } from "react";
+import { useInjectReducer, useInjectSaga } from "redux-injectors";
 import enums from "../../utils/constants.js";
 import { RenderWithDelay } from "../../view/render-with-delay/index.js";
 import { authReducer } from "../../data/auth/reducer.js";
@@ -8,46 +8,39 @@ import { authentication } from "../../sideeffect/auth/index.js";
 import { Login } from "../../view/login/index.js";
 import { isUserAuthorized } from "../../utils/auth/index.js";
 import { AppRoute } from "../index.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-const key = 'auth';
-export const PrivateRoute = ({
+const key = "auth";
+const PrivateRoute = ({
   component: Component,
   render,
   children,
   clientId = enums.CLIENT_ID,
-  scope = 'loc',
-  responseType = 'code',
+  scope = "loc",
+  responseType = "code",
   ...rest
 }) => {
-  var _Login;
-
-  useInjectReducer({
-    key,
-    reducer: authReducer
-  });
-  useInjectSaga({
-    key,
-    saga: authentication
-  });
-  const memoizedRender = useCallback(routeProps => render && typeof render === 'function' ? render(routeProps) : Component && /*#__PURE__*/_jsx(Component, { ...routeProps
+  useInjectReducer({ key, reducer: authReducer });
+  useInjectSaga({ key, saga: authentication });
+  const memoizedRender = useCallback((routeProps) => render && typeof render === "function" ? render(routeProps) : Component && /* @__PURE__ */ React.createElement(Component, {
+    ...routeProps
   }), [Component, render]);
-  return /*#__PURE__*/_jsx(AppRoute, { ...rest,
-    render: routeProps => {
+  return /* @__PURE__ */ React.createElement(AppRoute, {
+    ...rest,
+    render: (routeProps) => {
       const userAuthorized = isUserAuthorized();
-
       if (userAuthorized) {
         return children || memoizedRender(routeProps);
       }
-
-      const getAuthComp = () => _Login || (_Login = /*#__PURE__*/_jsx2(Login, {
-        clientId: clientId,
-        scope: scope,
-        responseType: responseType
-      }));
-
-      return /*#__PURE__*/_jsx2(RenderWithDelay, {
+      const getAuthComp = () => /* @__PURE__ */ React.createElement(Login, {
+        clientId,
+        scope,
+        responseType
+      });
+      return /* @__PURE__ */ React.createElement(RenderWithDelay, {
         render: getAuthComp
       });
     }
   });
-};
+};
+export {
+  PrivateRoute
+};

package/dist/es/sideeffect/auth/index.js

@@ -1,34 +1,47 @@
-import { call, put, takeLatest } from 'redux-saga/effects';
-import { LOGIN, LOGOUT, LOGIN_SUCCESS } from "../../data/auth/actions.js";
+import {
+  call,
+  put,
+  takeLatest
+} from "redux-saga/effects";
+import {
+  LOGIN,
+  LOGOUT,
+  LOGIN_SUCCESS
+} from "../../data/auth/actions.js";
 import { authorize, endSession } from "../../utils/auth/index.js";
 import { getLogger } from "../../utils/micro-frontend/index.js";
 import { logRecords } from "../../utils/log-records.js";
-export function* login({
+function* login({
   payload
 }) {
   try {
     yield call(authorize, payload);
-    yield put({
-      type: LOGIN_SUCCESS
-    });
+    yield put({ type: LOGIN_SUCCESS });
   } catch (err) {
-    getLogger().error({ ...logRecords.LOGIN_FAILED,
+    getLogger().error({
+      ...logRecords.LOGIN_FAILED,
       exception: err
     });
   }
 }
-export function* logout({
+function* logout({
   payload
 }) {
   try {
     yield call(endSession, payload);
   } catch (err) {
-    getLogger().error({ ...logRecords.LOGOUT_FAILED,
+    getLogger().error({
+      ...logRecords.LOGOUT_FAILED,
       exception: err
     });
   }
 }
-export function* authentication() {
+function* authentication() {
   yield takeLatest(LOGIN, login);
   yield takeLatest(LOGOUT, logout);
-}
+}
+export {
+  authentication,
+  login,
+  logout
+};

package/dist/es/sideeffect/error-toast/index.js

@@ -1,24 +1,25 @@
-import { call, takeLatest } from 'redux-saga/effects';
+import { call, takeLatest } from "redux-saga/effects";
 import { actions } from "../../data/error/index.js";
 import { CMicroAppGuest } from "../../utils/micro-frontend/guest.js";
 import { getLogger } from "../../utils/micro-frontend/index.js";
 import { logRecords } from "../../utils/log-records.js";
-
 function* openErrorToast(action) {
   try {
-    var _action$payload, _action$payload2;
-
     const microApp = yield call(CMicroAppGuest.getInstance.bind(CMicroAppGuest));
     const host = yield call(microApp.getHost.bind(microApp));
-    const message = (action === null || action === void 0 ? void 0 : (_action$payload = action.payload) === null || _action$payload === void 0 ? void 0 : _action$payload.description) || (action === null || action === void 0 ? void 0 : (_action$payload2 = action.payload) === null || _action$payload2 === void 0 ? void 0 : _action$payload2.messageText);
-    if (host && message) yield call(host.openErrorBanner.bind(host), message);
+    const message = action?.payload?.description || action?.payload?.messageText;
+    if (host && message)
+      yield call(host.openErrorBanner.bind(host), message);
   } catch (ex) {
-    getLogger().error({ ...logRecords.ERR_TOAST_OPEN_FAILED,
+    getLogger().error({
+      ...logRecords.ERR_TOAST_OPEN_FAILED,
       exception: ex
     });
   }
 }
-
-export function* errorToast() {
+function* errorToast() {
   yield takeLatest(actions.set.type, openErrorToast);
-}
+}
+export {
+  errorToast
+};

package/dist/es/sideeffect/wait-message/index.js

@@ -1,34 +1,38 @@
-import { call, takeLatest } from 'redux-saga/effects';
+import { call, takeLatest } from "redux-saga/effects";
 import { ACTIONS } from "../../data/wait-message/actions.js";
 import { CMicroAppGuest } from "../../utils/micro-frontend/guest.js";
 import { getLogger } from "../../utils/micro-frontend/index.js";
 import { logRecords } from "../../utils/log-records.js";
-
 function* openWaitMessage() {
   try {
     const microApp = yield call(CMicroAppGuest.getInstance.bind(CMicroAppGuest));
     const host = yield call(microApp.getHost.bind(microApp));
-    if (host) yield call(host.openWaitMessage.bind(host));
+    if (host)
+      yield call(host.openWaitMessage.bind(host));
   } catch (ex) {
-    getLogger().error({ ...logRecords.WAIT_MSG_OPEN_FAILED,
+    getLogger().error({
+      ...logRecords.WAIT_MSG_OPEN_FAILED,
       exception: ex
     });
   }
 }
-
 function* closeWaitMessage() {
   try {
     const microApp = yield call(CMicroAppGuest.getInstance.bind(CMicroAppGuest));
     const host = yield call(microApp.getHost.bind(microApp));
-    if (host) yield call(host.closeWaitMessage.bind(host));
+    if (host)
+      yield call(host.closeWaitMessage.bind(host));
   } catch (ex) {
-    getLogger().error({ ...logRecords.WAIT_MSG_CLOSE_FAILED,
+    getLogger().error({
+      ...logRecords.WAIT_MSG_CLOSE_FAILED,
       exception: ex
     });
   }
 }
-
-export function* waitMessage() {
+function* waitMessage() {
   yield takeLatest(ACTIONS.OPEN, openWaitMessage);
   yield takeLatest(ACTIONS.CLOSE, closeWaitMessage);
-}
+}
+export {
+  waitMessage
+};

package/dist/es/typings/styled.d.js

@@ -1 +1 @@
-import 'styled-components';
+import "styled-components";

package/dist/es/utils/app-config/config.js

@@ -1,12 +1,14 @@
-import _has from "lodash/has";
-import _set from "lodash/set";
-import _get from "lodash/get";
-import _clone from "lodash/clone";
-// eslint-disable-next-line no-undef
+import _ from "lodash";
 let gAppConfig = APP_CONFIG;
-export const setAppConfig = config => {
+const setAppConfig = (config) => {
   gAppConfig = config;
 };
-export const getAppConfigValue = (key = '', defaultValue = null) => _clone(_get(gAppConfig, key, defaultValue));
-export const setAppConfigValue = (key = '', value) => _set(gAppConfig, key, value);
-export const hasItem = (key = '') => _has(gAppConfig, key);
+const getAppConfigValue = (key = "", defaultValue = null) => _.clone(_.get(gAppConfig, key, defaultValue));
+const setAppConfigValue = (key = "", value) => _.set(gAppConfig, key, value);
+const hasItem = (key = "") => _.has(gAppConfig, key);
+export {
+  getAppConfigValue,
+  hasItem,
+  setAppConfig,
+  setAppConfigValue
+};

package/dist/es/utils/app-config/index.js

@@ -1,36 +1,26 @@
-import _merge from "lodash/merge";
+import _ from "lodash";
 import { getHTTPClient } from "../../communication/http-client/index.js";
 import { setAppConfig } from "./config.js";
 import { setAppDynamicsUserData } from "../../analytics/appdynamics.js";
 import { updateBAEventParameters } from "../../analytics/web-analytics.js";
-
-const parseAppConfig = data => {
-  const {
-    activeEnv
-  } = data;
-  const activeEnvConfig = data.env[activeEnv] || {}; // eslint-disable-next-line no-param-reassign, @typescript-eslint/ban-ts-comment
-  // @ts-ignore
-
-  if (data.env) delete data.env;
-  setAppConfig(_merge(data, activeEnvConfig));
-  sessionStorage.setItem('envName', activeEnv);
-  setAppDynamicsUserData({
-    envName: activeEnv
-  });
-  updateBAEventParameters({
-    envName: activeEnv
-  });
+const parseAppConfig = (data) => {
+  const { activeEnv } = data;
+  const activeEnvConfig = data.env[activeEnv] || {};
+  if (data.env)
+    delete data.env;
+  setAppConfig(_.merge(data, activeEnvConfig));
+  sessionStorage.setItem("envName", activeEnv);
+  setAppDynamicsUserData({ envName: activeEnv });
+  updateBAEventParameters({ envName: activeEnv });
 };
-
-export const loadAppConfig = (hostUrl = './') => new Promise((resolve, reject) => {
-  getHTTPClient({
-    baseURL: hostUrl
-  }).get('app.config.json').then(({
-    data
-  }) => {
+const loadAppConfig = (hostUrl = "./") => new Promise((resolve, reject) => {
+  getHTTPClient({ baseURL: hostUrl }).get("app.config.json").then(({ data }) => {
     parseAppConfig(data);
     resolve();
-  }).catch(err => {
+  }).catch((err) => {
     reject(new Error(`Unable to load application configurtion file. ${err.Message}`));
   });
-});
+});
+export {
+  loadAppConfig
+};

package/dist/es/utils/app-host-integration/react.js

@@ -1,8 +1,10 @@
-import { CMicroAppGuest } from "../micro-frontend/guest.js";
-export const enableReactAppForHostIntegration = ({
+import {
+  CMicroAppGuest
+} from "../micro-frontend/guest.js";
+const enableReactAppForHostIntegration = ({
   onInit,
   onMount
-}) => CMicroAppGuest.getInstance({
-  onInit,
-  onMount
-});
+}) => CMicroAppGuest.getInstance({ onInit, onMount });
+export {
+  enableReactAppForHostIntegration
+};

package/dist/es/utils/auth/helper.js

@@ -1,5 +1,9 @@
 import enums from "../constants.js";
-export const getAuthorizationHeader = () => sessionStorage.getItem(enums.AUTHORIZATION) || '';
-export const setAuthorizationHeader = token => {
+const getAuthorizationHeader = () => sessionStorage.getItem(enums.AUTHORIZATION) || "";
+const setAuthorizationHeader = (token) => {
   sessionStorage.setItem(enums.AUTHORIZATION, token);
-};
+};
+export {
+  getAuthorizationHeader,
+  setAuthorizationHeader
+};

package/dist/es/utils/auth/index.js

@@ -1,6 +1,9 @@
-/* eslint-disable max-lines */
 import { browserHistory as history } from "../history.js";
-import { getToken, revokeToken, introspectToken } from "../../api/auth/index.js";
+import {
+  getToken,
+  revokeToken,
+  introspectToken
+} from "../../api/auth/index.js";
 import { getUser } from "../../api/users/index.js";
 import { loginEvent, logoutEvent } from "../../analytics/user-session-event.js";
 import { setAppDynamicsUserData } from "../../analytics/appdynamics.js";
@@ -8,64 +11,53 @@ import { getAuthorizationHeader, setAuthorizationHeader } from "./helper.js";
 import { getAppConfigValue } from "../app-config/config.js";
 import { getLogger } from "../micro-frontend/index.js";
 import { logRecords } from "../log-records.js";
-const IDP_ENDPOINT_CONFIG_KEY = 'serviceEndpoints.idp';
-export const isUserAuthorized = () => !!getAuthorizationHeader();
-export const getIDPInfoFromUrl = () => {
+const IDP_ENDPOINT_CONFIG_KEY = "serviceEndpoints.idp";
+const isUserAuthorized = () => !!getAuthorizationHeader();
+const getIDPInfoFromUrl = () => {
   const currentUrl = new URL(window.location.href);
-  const idpCode = currentUrl.searchParams.get('code') || '';
-  const idpErrorCode = currentUrl.searchParams.get('error_code') || '';
-  currentUrl.search = '';
-  return {
-    idpCode,
-    idpErrorCode,
-    redirectUri: currentUrl.href
-  };
+  const idpCode = currentUrl.searchParams.get("code") || "";
+  const idpErrorCode = currentUrl.searchParams.get("error_code") || "";
+  currentUrl.search = "";
+  return { idpCode, idpErrorCode, redirectUri: currentUrl.href };
 };
-export const navigateToLoginPage = ({
+const navigateToLoginPage = ({
   clientId,
   redirectUri,
   idpErrorCode,
   scope,
-  // eslint-disable-next-line camelcase
   responseType
 }) => {
-  const idpHost = getAppConfigValue(IDP_ENDPOINT_CONFIG_KEY, '');
-  const idpUrl = new URL('/authorize', idpHost);
+  const idpHost = getAppConfigValue(IDP_ENDPOINT_CONFIG_KEY, "");
+  const idpUrl = new URL("/authorize", idpHost);
   const idpOptions = {
     client_id: clientId,
     redirect_uri: redirectUri,
     response_type: responseType,
     scope
   };
-  const searchParams = new URLSearchParams(idpErrorCode ? Object.assign(idpOptions, {
-    error_code: idpErrorCode
-  }) : idpOptions);
+  const searchParams = new URLSearchParams(idpErrorCode ? Object.assign(idpOptions, { error_code: idpErrorCode }) : idpOptions);
   idpUrl.search = searchParams.toString();
   window.location.replace(idpUrl.href);
 };
-export const endSession = async ({
+const endSession = async ({
   clientId,
   redirectUri,
   responseType,
   scope,
-  code = '1004'
+  code = "1004"
 }) => {
   try {
     const authorization = getAuthorizationHeader();
     sessionStorage.clear();
-    const token = authorization ? authorization.split(' ')[1] : '';
+    const token = authorization ? authorization.split(" ")[1] : "";
     await revokeToken({
       clientId,
       token
     });
     logoutEvent();
-    setAppDynamicsUserData({
-      instanceId: '',
-      userId: ''
-    }); // redirect
-
-    const idpHost = getAppConfigValue(IDP_ENDPOINT_CONFIG_KEY, '');
-    const logoutUrl = new URL('/authorize', idpHost);
+    setAppDynamicsUserData({ instanceId: "", userId: "" });
+    const idpHost = getAppConfigValue(IDP_ENDPOINT_CONFIG_KEY, "");
+    const logoutUrl = new URL("/authorize", idpHost);
     const params = {
       client_id: clientId,
       redirect_uri: redirectUri,
@@ -77,12 +69,13 @@ export const endSession = async ({
     logoutUrl.search = searchParams.toString();
     window.location.replace(logoutUrl.href);
   } catch (err) {
-    getLogger().error({ ...logRecords.LOGOUT_FAILED,
+    getLogger().error({
+      ...logRecords.LOGOUT_FAILED,
       exception: err
     });
   }
 };
-export const authorize = async ({
+const authorize = async ({
   idpCode,
   redirectUri,
   clientId,
@@ -90,22 +83,18 @@ export const authorize = async ({
   responseType
 }) => {
   try {
-    const {
-      tokenType,
-      accessToken
-    } = await getToken({
+    const { tokenType, accessToken } = await getToken({
       idpCode,
       redirectUri,
       clientId
     });
     const authorizationToken = `${tokenType} ${accessToken}`;
-    setAuthorizationHeader(authorizationToken); // get user introspect data
-
+    setAuthorizationHeader(authorizationToken);
     const introspectResponse = await introspectToken({
       clientId,
       accessToken
     });
-    sessionStorage.setItem('user', JSON.stringify(introspectResponse));
+    sessionStorage.setItem("user", JSON.stringify(introspectResponse));
     const {
       encompass_instance_id: instanceId,
       user_name: userName,
@@ -115,51 +104,31 @@ export const authorize = async ({
       bearerToken,
       realm: instanceId,
       userName,
-      sessionId: bearerToken.replace(`${instanceId} `, '')
+      sessionId: bearerToken.replace(`${instanceId} `, "")
     };
-    sessionStorage.setItem('cred', JSON.stringify(cred));
-    sessionStorage.setItem('instanceId', instanceId);
-    sessionStorage.setItem('userId', userName);
-    loginEvent({
-      instanceId,
-      userId: userName
-    });
-    setAppDynamicsUserData({
-      instanceId,
-      userId: userName
-    }); // get user info
-
-    const data = await getUser({
-      userName
-    });
-    sessionStorage.setItem('userSettings', JSON.stringify(data));
+    sessionStorage.setItem("cred", JSON.stringify(cred));
+    sessionStorage.setItem("instanceId", instanceId);
+    sessionStorage.setItem("userId", userName);
+    loginEvent({ instanceId, userId: userName });
+    setAppDynamicsUserData({ instanceId, userId: userName });
+    const data = await getUser({ userName });
+    sessionStorage.setItem("userSettings", JSON.stringify(data));
     history.push(new URL(redirectUri).pathname);
   } catch (err) {
-    var _response, _response$data;
-
-    const code = err === null || err === void 0 ? void 0 : (_response = err.response) === null || _response === void 0 ? void 0 : (_response$data = _response.data) === null || _response$data === void 0 ? void 0 : _response$data.code;
-    await endSession({
-      clientId,
-      redirectUri,
-      code,
-      scope,
-      responseType
-    });
-    getLogger().error({ ...logRecords.LOGIN_FAILED,
+    const code = err?.response?.data?.code;
+    await endSession({ clientId, redirectUri, code, scope, responseType });
+    getLogger().error({
+      ...logRecords.LOGIN_FAILED,
       exception: err
     });
   }
 };
-export const login = async ({
+const login = async ({
   clientId,
   scope,
   responseType
 }) => {
-  const {
-    idpCode,
-    idpErrorCode,
-    redirectUri
-  } = getIDPInfoFromUrl();
+  const { idpCode, idpErrorCode, redirectUri } = getIDPInfoFromUrl();
   const loginInfo = {
     clientId,
     scope,
@@ -168,10 +137,17 @@ export const login = async ({
     idpCode,
     idpErrorCode
   };
-
   if (idpCode) {
     await authorize(loginInfo);
   } else {
     navigateToLoginPage(loginInfo);
   }
-};
+};
+export {
+  authorize,
+  endSession,
+  getIDPInfoFromUrl,
+  isUserAuthorized,
+  login,
+  navigateToLoginPage
+};

package/dist/es/utils/constants.js

@@ -1,16 +1,21 @@
-export default {
-  AUTHORIZATION: 'Authorization',
-  CLIENT_ID: 'tirykwfo'
+var constants_default = {
+  AUTHORIZATION: "Authorization",
+  CLIENT_ID: "tirykwfo"
 };
-export const SESSION_TIMEOUT_INTERVAL = {
-  WARN: 12 * 60 * 1000,
-  // 12 mins
-  EXPIRY: 15 * 60 * 1000 // 15 mins
-
+const SESSION_TIMEOUT_INTERVAL = {
+  WARN: 12 * 60 * 1e3,
+  EXPIRY: 15 * 60 * 1e3
 };
-export const Themes = {
-  EM: 'em',
-  CORP_COOL: 'corpcool'
+const Themes = {
+  EM: "em",
+  CORP_COOL: "corpcool"
+};
+const HOST_WINDOW_RESIZED = "HOST_WINDOW_RESIZED";
+const HOST_WINDOW_BREAKPOINT_CHANGED = "HOST_WINDOW_BREAKPOINT_CHANGED";
+export {
+  HOST_WINDOW_BREAKPOINT_CHANGED,
+  HOST_WINDOW_RESIZED,
+  SESSION_TIMEOUT_INTERVAL,
+  Themes,
+  constants_default as default
 };
-export const HOST_WINDOW_RESIZED = 'HOST_WINDOW_RESIZED';
-export const HOST_WINDOW_BREAKPOINT_CHANGED = 'HOST_WINDOW_BREAKPOINT_CHANGED';

package/dist/es/utils/font-size.js

@@ -1,3 +1,7 @@
-const docFontSize = document && document.documentElement ? getComputedStyle(document.documentElement).fontSize : '16';
-export const remToPx = rem => rem * parseFloat(docFontSize);
-export const pxToRem = px => `${px / parseFloat(docFontSize)}rem`;
+const docFontSize = document && document.documentElement ? getComputedStyle(document.documentElement).fontSize : "16";
+const remToPx = (rem) => rem * parseFloat(docFontSize);
+const pxToRem = (px) => `${px / parseFloat(docFontSize)}rem`;
+export {
+  pxToRem,
+  remToPx
+};

package/dist/es/utils/guest-with-service.js

@@ -1,15 +1,14 @@
-export function RegisterService(appId, ServiceName) {
-  const {
-    emui
-  } = window;
+function RegisterService(appId, ServiceName) {
+  const { emui } = window;
   const props = emui[appId] || (emui[appId] = {});
-
   if (props.service) {
     delete props.service;
   }
-
   props.service = new ServiceName();
   return () => {
     delete props.service;
   };
-}
+}
+export {
+  RegisterService
+};

package/dist/es/utils/helpers.js

@@ -1,10 +1,14 @@
-export const isProd = () => process.env.NODE_ENV === 'production';
-export const isCIBuild = () => process.env.CI === 'true';
-const PROTOCOL = new RegExp('^(?:[a-z]+:)?//', 'i');
-export const convertRelativeToAbsoluteUrl = url => {
+const isProd = () => false;
+const isCIBuild = () => process.env.CI === "true";
+const PROTOCOL = new RegExp("^(?:[a-z]+:)?//", "i");
+const convertRelativeToAbsoluteUrl = (url) => {
   if (!PROTOCOL.test(url)) {
     return new URL(url, document.location.origin).href;
   }
-
   return url;
-};
+};
+export {
+  convertRelativeToAbsoluteUrl,
+  isCIBuild,
+  isProd
+};

package/dist/es/utils/history.js

@@ -1,3 +1,7 @@
-import { createBrowserHistory, createMemoryHistory } from 'history';
-export const browserHistory = createBrowserHistory();
-export const memoryHistory = createMemoryHistory();
+import { createBrowserHistory, createMemoryHistory } from "history";
+const browserHistory = createBrowserHistory();
+const memoryHistory = createMemoryHistory();
+export {
+  browserHistory,
+  memoryHistory
+};