@elliemae/pui-app-sdk 2.21.0 → 3.0.0-beta.11

package/dist/es/utils/micro-frontend/guest.js

@@ -1,8 +1,7 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import _merge from "lodash/merge";
-import ReactDOM from 'react-dom';
-import ssfGuest from '@elliemae/em-ssf-guest';
-import { getDefaultTheme } from '@elliemae/pui-theme';
+import ReactDOM from "react-dom";
+import _ from "lodash";
+import ssfGuest from "@elliemae/em-ssf-guest";
+import { getDefaultTheme } from "@elliemae/pui-theme";
 import { getWindow } from "../window.js";
 import { loadAppConfig } from "../app-config/index.js";
 import { getAppConfigValue } from "../app-config/config.js";
@@ -11,184 +10,129 @@ import { logger } from "./console-logger.js";
 import { removeStorageEvents } from "../web-storage.js";
 import { updateBAEventParameters } from "../../analytics/web-analytics.js";
 import { setAppDynamicsUserData } from "../../analytics/appdynamics.js";
-
 const isCrossDomain = () => {
   try {
-    // eslint-disable-next-line @typescript-eslint/no-unused-expressions
     window.parent.document;
     return false;
   } catch (ex) {
     return true;
   }
-}; // singleton class
-
-
-export class CMicroAppGuest {
+};
+class CMicroAppGuest {
   constructor(params) {
-    var _window$emui;
-
-    _defineProperty(this, "logger", void 0);
-
-    _defineProperty(this, "appId", void 0);
-
-    _defineProperty(this, "props", void 0);
-
-    _defineProperty(this, "containerId", void 0);
-
-    _defineProperty(this, "onInit", void 0);
-
-    _defineProperty(this, "onMount", void 0);
-
-    _defineProperty(this, "onUnmount", void 0);
-
-    _defineProperty(this, "onGetRef", void 0);
-
-    this.containerId = 'app-container';
-    this.appId = ((_window$emui = window.emui) === null || _window$emui === void 0 ? void 0 : _window$emui.appId) || getAppConfigValue('appId');
+    this.containerId = "app-container";
+    this.appId = window.emui?.appId || getAppConfigValue("appId");
     this.props = {
       host: null,
       hostUrl: null,
       prevState: null,
       history: browserHistory,
       theme: getDefaultTheme(),
-      manifestPath: './latest'
+      manifestPath: "./latest"
     };
-    this.logger = (params === null || params === void 0 ? void 0 : params.logger) || logger;
-    this.onInit = params === null || params === void 0 ? void 0 : params.onInit;
-    this.onMount = params === null || params === void 0 ? void 0 : params.onMount;
-    this.onUnmount = params === null || params === void 0 ? void 0 : params.onUnmount;
-    this.onGetRef = params === null || params === void 0 ? void 0 : params.onGetRef;
+    this.logger = params?.logger || logger;
+    this.onInit = params?.onInit;
+    this.onMount = params?.onMount;
+    this.onUnmount = params?.onUnmount;
+    this.onGetRef = params?.onGetRef;
     this.getHost = this.getHost.bind(this);
     this.getLogger = this.getLogger.bind(this);
     this.getProps = this.getProps.bind(this);
     const browserWindow = getWindow();
-
     if (browserWindow) {
       browserWindow.emui = browserWindow.emui || {};
-      browserWindow.emui[this.appId] = browserWindow.emui[this.appId] || {}; // expose init mount & unmount methods
-
+      browserWindow.emui[this.appId] = browserWindow.emui[this.appId] || {};
       browserWindow.emui[this.appId].init = this.init.bind(this);
       browserWindow.emui[this.appId].mount = this.mount.bind(this);
       browserWindow.emui[this.appId].unmount = this.unmount.bind(this);
       browserWindow.emui[this.appId].getRef = this.getRef.bind(this);
     }
   }
-
   static getInstance(params) {
     if (!this.instance) {
       this.instance = new this(params);
     }
-
     return this.instance;
   }
-
   static isInitialized() {
     return !!this.instance;
   }
-
   static isHosted() {
-    var _this$instance, _this$instance$props;
-
-    return !!((_this$instance = this.instance) !== null && _this$instance !== void 0 && (_this$instance$props = _this$instance.props) !== null && _this$instance$props !== void 0 && _this$instance$props.host);
+    return !!this.instance?.props?.host;
   }
-
   getHost() {
     return this.props.host;
   }
-
   getLogger() {
     return this.logger;
   }
-
   getProps() {
     return this.props;
   }
-
   getSessionStorageItem(key) {
-    var _this$props$host;
-
     let value = sessionStorage.getItem(key);
-
-    if (!value && (_this$props$host = this.props.host) !== null && _this$props$host !== void 0 && _this$props$host.getItem) {
+    if (!value && this.props.host?.getItem) {
       value = this.props.host.getItem(key);
     }
-
     return value;
   }
-
   async getSSFHost() {
     let host = null;
-
     if (window.parent !== window) {
-      // not a standalone app
       if (!isCrossDomain()) {
-        var _window$parent, _window$parent$emui;
-
-        host = ((_window$parent = window.parent) === null || _window$parent === void 0 ? void 0 : (_window$parent$emui = _window$parent.emui) === null || _window$parent$emui === void 0 ? void 0 : _window$parent$emui.MicroAppHost) || null;
+        host = window.parent?.emui?.MicroAppHost || null;
       } else if (ssfGuest && this.props.hostName) {
         await ssfGuest.connect();
-        const timeout = new Promise(resolve => {
+        const timeout = new Promise((resolve) => {
           setTimeout(resolve, 100, null);
         });
-        host = await Promise.race([ssfGuest.getObject(this.props.hostName), timeout]);
+        host = await Promise.race([
+          ssfGuest.getObject(this.props.hostName),
+          timeout
+        ]);
       }
     }
-
     return host;
   }
-
   async init(options) {
-    this.props = _merge(this.props, options);
-
+    this.props = _.merge(this.props, options);
     if (!this.props.host) {
       const host = await this.getSSFHost();
-      if (host) this.props.host = host;
+      if (host)
+        this.props.host = host;
     }
-    /* eslint-disable camelcase, no-undef */
-
-
-    __webpack_public_path__ = __webpack_public_path__.replace(/\/?$/, '/');
+    __webpack_public_path__ = __webpack_public_path__.replace(/\/?$/, "/");
     return loadAppConfig(__webpack_public_path__).then(() => {
-      const instanceId = this.getSessionStorageItem('instanceId') || '';
-      const userId = this.getSessionStorageItem('userId') || '';
-      updateBAEventParameters({
-        appId: this.appId,
-        instanceId,
-        userId
-      });
-      setAppDynamicsUserData({
-        appId: this.appId,
-        instanceId,
-        userId
-      });
-      if (this.onInit) this.onInit(this.props);
+      const instanceId = this.getSessionStorageItem("instanceId") || "";
+      const userId = this.getSessionStorageItem("userId") || "";
+      updateBAEventParameters({ appId: this.appId, instanceId, userId });
+      setAppDynamicsUserData({ appId: this.appId, instanceId, userId });
+      if (this.onInit)
+        this.onInit(this.props);
     });
   }
-
-  mount(options = {
-    containerId: 'app-container'
-  }) {
-    this.containerId = options === null || options === void 0 ? void 0 : options.containerId;
+  mount(options = { containerId: "app-container" }) {
+    this.containerId = options?.containerId;
     return Promise.resolve().then(() => {
-      if (this.onMount) this.onMount(options);
+      if (this.onMount)
+        this.onMount(options);
     });
   }
-
   unmount(options) {
     const appEle = document.getElementById(this.containerId);
-    if (appEle) ReactDOM.unmountComponentAtNode(appEle);
+    if (appEle)
+      ReactDOM.unmountComponentAtNode(appEle);
     removeStorageEvents();
     return Promise.resolve().then(() => this.onUnmount ? this.onUnmount(options) : null);
   }
-
   getRef() {
     return this.onGetRef ? this.onGetRef() : null;
   }
-
   navigate(url, state) {
-    if (url) this.props.history.push(url, state);
+    if (url)
+      this.props.history.push(url, state);
   }
-
 }
-
-_defineProperty(CMicroAppGuest, "instance", void 0);
+export {
+  CMicroAppGuest
+};

package/dist/es/utils/micro-frontend/host.js

@@ -1,8 +1,5 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-
-/* eslint-disable max-lines */
-import { publish, subscribe, unsubscribe } from 'pubsub-js';
-import { getDefaultTheme } from '@elliemae/pui-theme';
+import { publish, subscribe, unsubscribe } from "pubsub-js";
+import { getDefaultTheme } from "@elliemae/pui-theme";
 import { getStore } from "../../data/store.js";
 import { waitMessage } from "../../data/wait-message/actions.js";
 import { actions as error } from "../../data/error/index.js";
@@ -12,31 +9,26 @@ import { resetUserIdleTime } from "../session.js";
 import { loadAppConfig } from "../app-config/index.js";
 import { browserHistory } from "../history.js";
 import { logger } from "./console-logger.js";
-import { HOST_WINDOW_RESIZED, HOST_WINDOW_BREAKPOINT_CHANGED } from "../constants.js";
-import { getWindow, getCurrentBreakpoint, getViewportSize as getWindowViewportSize } from "../window.js";
+import {
+  HOST_WINDOW_RESIZED,
+  HOST_WINDOW_BREAKPOINT_CHANGED
+} from "../constants.js";
+import {
+  getWindow,
+  getCurrentBreakpoint,
+  getViewportSize as getWindowViewportSize
+} from "../window.js";
 import { sendBAEvent } from "../../analytics/index.js";
 import { setAppDynamicsUserData } from "../../analytics/appdynamics.js";
 import { updateBAEventParameters } from "../../analytics/web-analytics.js";
-export class CMicroAppHost {
+class CMicroAppHost {
   constructor(params) {
-    _defineProperty(this, "logger", void 0);
-
-    _defineProperty(this, "appId", void 0);
-
-    _defineProperty(this, "props", void 0);
-
-    _defineProperty(this, "activeGuests", void 0);
-
-    _defineProperty(this, "onInit", void 0);
-
-    _defineProperty(this, "onRenewSessionTimer", void 0);
-
-    this.appId = getAppConfigValue('appId');
-    this.onInit = params === null || params === void 0 ? void 0 : params.onInit;
-    this.logger = (params === null || params === void 0 ? void 0 : params.logger) || logger;
-    this.onRenewSessionTimer = params === null || params === void 0 ? void 0 : params.onRenewSessionTimer;
+    this.appId = getAppConfigValue("appId");
+    this.onInit = params?.onInit;
+    this.logger = params?.logger || logger;
+    this.onRenewSessionTimer = params?.onRenewSessionTimer;
     this.props = {
-      systemVersion: 'latest',
+      systemVersion: "latest",
       history: browserHistory,
       theme: getDefaultTheme()
     };
@@ -47,135 +39,107 @@ export class CMicroAppHost {
     this.getGuest = this.getGuest.bind(this);
     this.renewSessionTimer = this.renewSessionTimer.bind(this);
     this.setSystemVersion = this.setSystemVersion.bind(this);
-    /* eslint-disable camelcase, no-undef */
-
     loadAppConfig(__webpack_public_path__).then(() => {
-      if (this.onInit) this.onInit(this.props);
-    }).catch(() => {});
-    updateBAEventParameters({
-      appId: this.appId
+      if (this.onInit)
+        this.onInit(this.props);
+    }).catch(() => {
     });
+    updateBAEventParameters({ appId: this.appId });
     setAppDynamicsUserData({
       appId: this.appId
     });
   }
-
   static getInstance(params) {
     if (!this.instance) {
       this.instance = new this(params);
     }
-
     return this.instance;
   }
-
   static isInitialized() {
     return !!this.instance;
   }
-
   getProps() {
     return this.props;
   }
-
   getLogger() {
     return this.logger;
   }
-
   getItem(key) {
     return getWindow().sessionStorage.getItem(key);
   }
-
   setItem(key, value) {
     getWindow().sessionStorage.setItem(key, value);
   }
-
   getGuests() {
     return this.activeGuests;
   }
-
   getGuest(id) {
     return this.activeGuests[id] ? this.activeGuests[id] : null;
   }
-
   publish(message, data) {
     return publish(message, data);
-  } // eslint-disable-next-line @typescript-eslint/ban-types
-
-
+  }
   subscribe(message, func) {
     return subscribe(message, func);
   }
-
   unsubscribe(token) {
     unsubscribe(token);
   }
-
   navigate(url, state) {
-    if (url) this.props.history.push(url, state);
+    if (url)
+      this.props.history.push(url, state);
   }
-
   openWaitMessage() {
     const store = getStore();
-    if (store) store.dispatch(waitMessage.open());
+    if (store)
+      store.dispatch(waitMessage.open());
   }
-
   closeWaitMessage() {
     const store = getStore();
-    if (store) store.dispatch(waitMessage.close());
+    if (store)
+      store.dispatch(waitMessage.close());
   }
-
   openErrorBanner(message) {
     const store = getStore();
-    if (store) store.dispatch(error.set({
-      description: message
-    }));
+    if (store)
+      store.dispatch(error.set({ description: message }));
   }
-
   getAuthToken() {
-    return getWindow().sessionStorage.getItem('Authorization');
+    return getWindow().sessionStorage.getItem("Authorization");
   }
-
   renewAuthToken() {
-    return getWindow().sessionStorage.getItem('Authorization');
+    return getWindow().sessionStorage.getItem("Authorization");
   }
-
   logout() {
     const store = getStore();
-    if (store) store.dispatch(logout.confirm());
+    if (store)
+      store.dispatch(logout.confirm());
   }
-
   renewSessionTimer() {
     resetUserIdleTime();
-    if (this.onRenewSessionTimer) this.onRenewSessionTimer();
+    if (this.onRenewSessionTimer)
+      this.onRenewSessionTimer();
   }
-
   getBreakpoint() {
     return getCurrentBreakpoint();
   }
-
   getViewportSize() {
     return getWindowViewportSize();
   }
-
   onResizeEvent(eventHandler) {
     return subscribe(HOST_WINDOW_RESIZED, (msg, data) => eventHandler(data));
   }
-
   onBreakpointChangeEvent(eventHandler) {
     return subscribe(HOST_WINDOW_BREAKPOINT_CHANGED, (msg, data) => eventHandler(data));
   }
-
-  setSystemVersion(version = 'latest') {
+  setSystemVersion(version = "latest") {
     window.emui.version = version;
     this.props.systemVersion = version;
   }
-
   sendBAEvent(data) {
-    sendBAEvent({
-      data,
-      self: true
-    });
+    sendBAEvent({ data, self: true });
   }
-
 }
-
-_defineProperty(CMicroAppHost, "instance", void 0);
+export {
+  CMicroAppHost
+};

package/dist/es/utils/micro-frontend/index.js

@@ -1,45 +1,47 @@
-import _merge from "lodash/merge";
+import _ from "lodash";
 import { CMicroAppGuest } from "./guest.js";
 import { CMicroAppHost } from "./host.js";
 import { getAppConfigValue } from "../app-config/config.js";
 import { convertRelativeToAbsoluteUrl, isCIBuild } from "../helpers.js";
-export const isHost = () => CMicroAppHost.isInitialized();
-export const isGuest = () => CMicroAppGuest.isInitialized();
-export const isStandAloneGuest = () => isGuest() && window.top === window.self;
-export const getLogger = () => isHost() ? CMicroAppHost.getInstance().getLogger() : CMicroAppGuest.getInstance().getLogger();
-
-const isProduction = mode => {
-  if (isCIBuild()) return true;
-  if (mode) return mode === 'production';
+const isHost = () => CMicroAppHost.isInitialized();
+const isGuest = () => CMicroAppGuest.isInitialized();
+const isStandAloneGuest = () => isGuest() && window.top === window.self;
+const getLogger = () => isHost() ? CMicroAppHost.getInstance().getLogger() : CMicroAppGuest.getInstance().getLogger();
+const isProduction = (mode) => {
+  if (isCIBuild())
+    return true;
+  if (mode)
+    return mode === "production";
   return true;
 };
-
-const getVersionedPath = path => {
-  const {
-    systemVersion
-  } = CMicroAppHost.getInstance().getProps();
+const getVersionedPath = (path) => {
+  const { systemVersion } = CMicroAppHost.getInstance().getProps();
   const majorMinorVersion = systemVersion.match(/^(?:\d+\.\d+)*/g);
-  return path.replace(/{SYSTEM_VERSION}/, majorMinorVersion && majorMinorVersion[0] || 'latest');
+  return path.replace(/{SYSTEM_VERSION}/, majorMinorVersion && majorMinorVersion[0] || "latest");
 };
-
-export const getMicroFrontEndAppConfig = appInfo => {
+const getMicroFrontEndAppConfig = (appInfo) => {
   const microFEAppConfig = getAppConfigValue(`microFrontendApps.${appInfo.id}`);
-  if (!microFEAppConfig) throw new Error(`unable to locate application configuraiton for ${appInfo.id} under microFrontendApps section of app.config.json`);
-  const {
-    mode = 'production'
-  } = microFEAppConfig;
-  const envConfig = isProduction(mode) ? microFEAppConfig.production : microFEAppConfig.development; // delete env config
-
-  if (microFEAppConfig.production) delete microFEAppConfig.production;
-  if (microFEAppConfig.development) delete microFEAppConfig.development;
-
-  const microFEConfig = _merge(appInfo, {
-    mode: 'production',
-    hostUrl: './',
-    manifestPath: './{SYSTEM_VERSION}'
+  if (!microFEAppConfig)
+    throw new Error(`unable to locate application configuraiton for ${appInfo.id} under microFrontendApps section of app.config.json`);
+  const { mode = "production" } = microFEAppConfig;
+  const envConfig = isProduction(mode) ? microFEAppConfig.production : microFEAppConfig.development;
+  if (microFEAppConfig.production)
+    delete microFEAppConfig.production;
+  if (microFEAppConfig.development)
+    delete microFEAppConfig.development;
+  const microFEConfig = _.merge(appInfo, {
+    mode: "production",
+    hostUrl: "./",
+    manifestPath: "./{SYSTEM_VERSION}"
   }, microFEAppConfig, envConfig);
-
-  microFEConfig.hostUrl = convertRelativeToAbsoluteUrl(microFEConfig.hostUrl.replace(/\/?$/, '/'));
+  microFEConfig.hostUrl = convertRelativeToAbsoluteUrl(microFEConfig.hostUrl.replace(/\/?$/, "/"));
   microFEConfig.manifestPath = getVersionedPath(microFEConfig.manifestPath);
   return microFEConfig;
-};
+};
+export {
+  getLogger,
+  getMicroFrontEndAppConfig,
+  isGuest,
+  isHost,
+  isStandAloneGuest
+};

package/dist/es/utils/micro-frontend/types.js

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

package/dist/es/utils/redact-pii.js

@@ -3,29 +3,28 @@ const poBoxRegex = /P\.? ?O\.? *Box +\d+/gi;
 const roadRegex = /(street|st|road|rd|avenue|ave|drive|dr|loop|court|ct|circle|cir|lane|ln|boulevard|blvd|way)\.?\b/gi;
 const piiPatterns = {
   creditCardNumber: /\d{4}[ -]?\d{4}[ -]?\d{4}[ -]?\d{4}|\d{4}[ -]?\d{6}[ -]?\d{4}\d?/g,
-  streetAddress: new RegExp(`(\\d+\\s*(\\w+ ){1,2}${roadRegex.source}(\\s+${aptRegex.source})?)|(${poBoxRegex.source})`, 'gi'),
+  streetAddress: new RegExp(`(\\d+\\s*(\\w+ ){1,2}${roadRegex.source}(\\s+${aptRegex.source})?)|(${poBoxRegex.source})`, "gi"),
   zipcode: /\b\d{5}\b(-\d{4})?\b/g,
   phoneNumber: /(\(?\+?[0-9]{1,2}\)?[-. ]?)?(\(?[0-9]{3}\)?|[0-9]{3})[-. ]?([0-9]{3}[-. ]?[0-9]{4}|\b[A-Z0-9]{7}\b)/g,
   ipAddress: /(\d{1,3}(\.\d{1,3}){3}|[0-9A-F]{4}(:[0-9A-F]{4}){5}(::|(:0000)+))/gi,
   usSocialSecurityNumber: /\b\d{3}[ -.]\d{2}[ -.]\d{4}\b/g,
   emailAddress: /([a-z0-9_\-.+]+)@\w+(\.\w+)*/gi,
-  // username: /(user( ?name)?|login): \S+/gi,
   password: /(pass(word|phrase)?|secret): \S+/gi,
-  credentials: /(login( cred(ential)?s| info(rmation)?)?|cred(ential)?s) ?:\s*\S+\s+\/?\s*\S+/gi // digits: /\b\d{4,}\b/g,
-  // url: /([^\s:/?#]+):\/\/([^/?#\s]*)([^?#\s]*)(\?([^#\s]*))?(#([^\s]*))?/g,
-
+  credentials: /(login( cred(ential)?s| info(rmation)?)?|cred(ential)?s) ?:\s*\S+\s+\/?\s*\S+/gi
 };
-
 const replacer = (key, value) => {
-  if (!key || typeof value !== 'string' || key === 'correlationId') return value;
-  return Object.values(piiPatterns).reduce((redactedString, piiPattern) => redactedString.replace(piiPattern, '****'), value);
+  if (!key || typeof value !== "string" || key === "correlationId")
+    return value;
+  return Object.values(piiPatterns).reduce((redactedString, piiPattern) => redactedString.replace(piiPattern, "****"), value);
 };
-
-export const redactPii = data => {
+const redactPii = (data) => {
   try {
     const redactedData = JSON.stringify(data, replacer);
     return JSON.parse(redactedData);
   } catch (err) {
     return data;
   }
-};
+};
+export {
+  redactPii
+};

package/dist/es/utils/service-worker.js

@@ -1,17 +1,20 @@
-import { logRecords } from "./log-records.js";
+import "./log-records.js";
 import { getLogger } from "./micro-frontend/index.js";
-export const initServiceWorker = (swDest = '') => {
+const initServiceWorker = (swDest = "") => {
   const logger = getLogger() || console;
-
-  if (process.env.NODE_ENV === 'production' && 'serviceWorker' in navigator) {
-    window.addEventListener('load', () => {
-      navigator.serviceWorker.register(`${swDest.replace(/\/?$/, '/')}sw.js`).then(() => {
-        logger.debug('Service Worker registered');
-      }).catch(registrationError => {
-        logger.error({ ...logRecords.SERVICE_WORKER_FAILED,
+  if (false) {
+    window.addEventListener("load", () => {
+      navigator.serviceWorker.register(`${swDest.replace(/\/?$/, "/")}sw.js`).then(() => {
+        logger.debug("Service Worker registered");
+      }).catch((registrationError) => {
+        logger.error({
+          ...logRecords.SERVICE_WORKER_FAILED,
           exception: registrationError
         });
       });
     });
   }
-};
+};
+export {
+  initServiceWorker
+};