@elliemae/pui-app-sdk 6.0.0-alpha.3 → 6.0.0-alpha.4

package/dist/esm/communication/http-client/index.js

@@ -4,14 +4,17 @@ import { getAuthorizationHeader } from "../../utils/auth/helper.js";
 import setupRetry from "./retry.js";
 import { requestInterceptor } from "./request-interceptor.js";
 import { handleSuccess, handleFailure } from "./response-interceptor.js";
+import { getLogRocket } from "../../utils/logrocket.js";
 const REQUEST_TIMEOUT = 2 * 60 * 1e3;
 const getHTTPClient = ({
   baseURL = getAppConfigValue("serviceEndpoints.api", ""),
-  headers = {}
+  headers = {},
+  sendLogRocketSessionHeader = false
 } = {}) => {
+  const logRocketSessionUrl = getLogRocket()?.sessionURL || "";
   const client = axios.create({
     baseURL,
-    headers
+    headers: sendLogRocketSessionHeader && logRocketSessionUrl ? { ...headers, "X-LogRocket-URL": logRocketSessionUrl } : headers
   });
   if (client?.defaults?.timeout) client.defaults.timeout = REQUEST_TIMEOUT;
   setupRetry(client);
@@ -23,14 +26,17 @@ const getHTTPClient = ({
 const getAuthHTTPClient = ({
   baseURL,
   headers = {},
+  sendLogRocketSessionHeader = false,
   ...rest
 } = {}) => getHTTPClient({
   baseURL,
   // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
-  headers: { ...headers, Authorization: getAuthorizationHeader() },
+  headers: { Authorization: getAuthorizationHeader(), ...headers },
+  sendLogRocketSessionHeader,
   ...rest
 });
 export {
   getAuthHTTPClient,
+  getAuthorizationHeader,
   getHTTPClient
 };

package/dist/esm/data/auth/actions.js

@@ -7,10 +7,18 @@ const auth = {
     redirectUri,
     clientId,
     responseType,
-    scope
+    scope,
+    isConsumerUser
   }) => ({
     type: LOGIN,
-    payload: { code, redirectUri, clientId, responseType, scope }
+    payload: {
+      code,
+      redirectUri,
+      clientId,
+      responseType,
+      scope,
+      isConsumerUser
+    }
   }),
   logout: ({
     clientId,

package/dist/esm/data/breakpoint/index.js

@@ -6,6 +6,7 @@ var Breakpoints = /* @__PURE__ */ ((Breakpoints2) => {
   Breakpoints2["LARGE"] = "large";
   Breakpoints2["MEDIUM"] = "medium";
   Breakpoints2["SMALL"] = "small";
+  Breakpoints2["XSMALL"] = "xsmall";
   return Breakpoints2;
 })(Breakpoints || {});
 const initialState = {

package/dist/esm/data/webpack-hmr.js

@@ -2,9 +2,9 @@ import { forceReducerReload } from "redux-injectors";
 const enableHotReloading = (baseStore) => {
   let hotModule = null;
   try {
-    hotModule = module?.hot;
-  } catch (err) {
-    hotModule = import.meta?.webpackHot;
+    hotModule = module?.hot ?? null;
+  } catch {
+    hotModule = null;
   }
   if (hotModule) {
     hotModule.accept("./reducers", () => {

package/dist/esm/index.js

@@ -60,13 +60,22 @@ import {
 } from "./utils/session.js";
 import { waitMessage } from "./data/wait-message/actions.js";
 import { initServiceWorker } from "./utils/service-worker.js";
-import { CMicroAppGuest } from "./utils/micro-frontend/guest.js";
+import {
+  CMicroAppGuest,
+  CMicroAppGuest as CMicroAppGuest2
+} from "./utils/micro-frontend/guest.js";
 import { CMicroAppHost } from "./utils/micro-frontend/host.js";
+import {
+  buildModuleParams,
+  createGuestModule,
+  GuestModule
+} from "./utils/micro-frontend/module-so.js";
 import { enableReactAppForHostIntegration } from "./utils/app-host-integration/react.js";
 import {
   getAppConfigValue,
   setAppConfigValue,
-  setAppConfig
+  setAppConfig,
+  getAppConfig
 } from "./utils/app-config/config.js";
 import {
   getMicroFrontEndAppConfig,
@@ -132,19 +141,19 @@ import { actions } from "./data/live-message/index.js";
 import { actions as actions2 } from "./data/error/index.js";
 import { actions as actions3 } from "./data/logout/actions.js";
 import { MicroApp } from "./view/micro-app/index.js";
+import { GuestMicroApp } from "./view/guest-microapp.js";
 import { MicroIFrameApp } from "./view/micro-iframe-app/index.js";
 import { getNavigationLinks } from "./view/micro-app/utils.js";
 import { getStore } from "./data/store.js";
 import { RegisterService } from "./utils/guest-with-service.js";
-import { setAppDynamicsUserData } from "./analytics/appdynamics.js";
 import { sendBAEvent } from "./analytics/index.js";
-import { updateBAEventParameters } from "./utils/micro-frontend/scripting-objects/web-analytics.js";
-import { Analytics } from "./utils/micro-frontend/scripting-objects/analytics.js";
+import { Analytics, updateBAEventParameters } from "@elliemae/pui-analytics-so";
 import { redactPii } from "./utils/redact-pii.js";
 export {
   Analytics,
   AppRoot,
   Autocomplete,
+  CMicroAppGuest2 as CMicroApp,
   CMicroAppGuest,
   CMicroAppHost,
   CheckBox,
@@ -161,6 +170,8 @@ export {
   FormItemLayout,
   FormLayoutBlockItem,
   FormSubmitButton,
+  GuestMicroApp,
+  GuestModule,
   InputMask,
   InputText,
   LargeTextBox,
@@ -188,8 +199,10 @@ export {
   authReducer,
   authentication as authSaga,
   authorize,
+  buildModuleParams,
   clearSideEffects,
   createAppStore as configureStore,
+  createGuestModule,
   createManager,
   createSideEffect,
   decorators,
@@ -200,6 +213,7 @@ export {
   fetchHostAppData,
   getUser as fetchUserSettings,
   getApiActionCreator,
+  getAppConfig,
   getAppConfigValue,
   getAuthHTTPClient,
   getAuthorizationHeader,
@@ -241,7 +255,6 @@ export {
   sendMessageToHost,
   setAppConfig,
   setAppConfigValue,
-  setAppDynamicsUserData,
   setHostAppData,
   setLoginParams,
   startSideEffect,

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

@@ -1,13 +1,15 @@
-import _ from "lodash";
+import { get, set, clone, has } from "lodash";
 import appConfig from "../../app.config.json";
 let gAppConfig = appConfig;
 const setAppConfig = (config) => {
   gAppConfig = config;
 };
-const getAppConfigValue = (key = "", defaultValue = null) => _.clone(_.get(gAppConfig, key, defaultValue));
-const setAppConfigValue = (key, value) => _.set(gAppConfig, key, value);
-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 getAppConfig = () => gAppConfig;
+const hasItem = (key = "") => has(gAppConfig, key);
 export {
+  getAppConfig,
   getAppConfigValue,
   hasItem,
   setAppConfig,

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

@@ -1,9 +1,8 @@
 import _ from "lodash";
+import { updateBAEventParameters } from "@elliemae/pui-analytics-so";
 import { getAppConfigValue, setAppConfig } from "./config.js";
-import { setAppDynamicsUserData } from "../../analytics/appdynamics.js";
-import { updateBAEventParameters } from "../micro-frontend/scripting-objects/web-analytics.js";
 import { getAssetPath } from "../window.js";
-import { getAppConfigValue as getAppConfigValue2 } from "./config.js";
+import { getAppConfigValue as getAppConfigValue2, getAppConfig } from "./config.js";
 const parseAppConfig = (data) => {
   const { activeEnv } = data;
   const activeEnvConfig = data.env[activeEnv] || {};
@@ -12,7 +11,6 @@ const parseAppConfig = (data) => {
   sessionStorage.setItem("envName", activeEnv);
   window.emui = window.emui || {};
   window.emui.appId = getAppConfigValue("appId") ?? window.emui.appId ?? "";
-  setAppDynamicsUserData({ envName: activeEnv });
   updateBAEventParameters({ envName: activeEnv });
 };
 const getUnVersionedPath = (path) => path.replace(/(\d+\.\d+)(?!.*\d+\.\d+)/, "latest");
@@ -43,6 +41,7 @@ const loadAppConfig = async (configPath = getAssetPath()) => {
   }
 };
 export {
+  getAppConfig,
   getAppConfigValue2 as getAppConfigValue,
   loadAppConfig
 };

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

@@ -1,3 +1,4 @@
+import { updateBAEventParameters } from "@elliemae/pui-analytics-so";
 import { browserHistory as history } from "../history.js";
 import {
   getToken,
@@ -6,7 +7,7 @@ import {
 } 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";
+import { lrIdentify, lrTrack, resetLrIdentity } from "../logrocket.js";
 import { getAuthorizationHeader, setAuthorizationHeader } from "./helper.js";
 import { getAppConfigValue } from "../app-config/config.js";
 import { logRecords } from "../log-records.js";
@@ -85,7 +86,9 @@ const endSession = async ({
         token
       });
     logoutEvent();
-    setAppDynamicsUserData({ instanceId: "", userId: "" });
+    lrTrack("logout");
+    resetLrIdentity();
+    updateBAEventParameters({ instanceId: "", userId: "" });
     let logoutUrl;
     if (customLogoutUrl) {
       logoutUrl = new URL("/", customLogoutUrl);
@@ -94,9 +97,9 @@ const endSession = async ({
       logoutUrl = new URL("/authorize", idpHost);
       const params = {
         client_id: clientId,
-        redirect_uri: redirectUri,
+        redirect_uri: redirectUri || "",
         ...code && { error_code: code },
-        response_type: responseType,
+        response_type: responseType || "",
         scope
       };
       const searchParams = new URLSearchParams(params);
@@ -115,7 +118,8 @@ const authorize = async ({
   redirectUri,
   clientId,
   scope,
-  responseType
+  responseType,
+  isConsumerUser
 }) => {
   try {
     const { tokenType, accessToken } = await getToken({
@@ -140,20 +144,27 @@ const authorize = async ({
     const {
       encompass_instance_id: instanceId,
       user_name: userName,
-      bearer_token: bearerToken
+      bearer_token: bearerToken,
+      user_key: userKey
     } = introspectResponse;
     const cred = {
       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 });
-    const data = await getUser({ userName });
+    updateBAEventParameters({ instanceId, userId: userName });
+    const eventData = {
+      name: userName,
+      instanceId
+    };
+    lrIdentify(userKey, eventData);
+    lrTrack("login", eventData);
+    const data = await getUser({ userName, isConsumerUser });
     sessionStorage.setItem("userSettings", JSON.stringify(data));
     const pathName = new URL(redirectUri).pathname;
     history.replace(pathName);
@@ -176,6 +187,7 @@ const login = async ({
   clientId,
   scope,
   responseType,
+  isConsumerUser,
   instanceId,
   siteId,
   userId,
@@ -191,6 +203,7 @@ const login = async ({
     redirectUri,
     code,
     idpErrorCode,
+    isConsumerUser,
     instanceId,
     siteId,
     userId,

package/dist/esm/utils/auth/loginParams.js

@@ -4,7 +4,18 @@ const setLoginParams = (params) => {
     ...params
   };
 };
-const getLoginParams = () => window.emui.loginParams;
+const getLoginParams = () => {
+  if (!window.emui.loginParams) {
+    const user = JSON.parse(sessionStorage.getItem("user") || "{}");
+    const clientId = user.client_id || "";
+    const scope = user.scope || "";
+    window.emui.loginParams = {
+      clientId,
+      scope
+    };
+  }
+  return window.emui.loginParams;
+};
 export {
   getLoginParams,
   setLoginParams

package/dist/esm/utils/constants.js

@@ -14,9 +14,11 @@ const Themes = {
 };
 const HOST_WINDOW_RESIZED = "HOST_WINDOW_RESIZED";
 const HOST_WINDOW_BREAKPOINT_CHANGED = "HOST_WINDOW_BREAKPOINT_CHANGED";
+const SESSION_RENEWAL_INTERVAL = 6e4;
 export {
   HOST_WINDOW_BREAKPOINT_CHANGED,
   HOST_WINDOW_RESIZED,
+  SESSION_RENEWAL_INTERVAL,
   SESSION_TIMEOUT_INTERVAL,
   Themes,
   constants_default as default

package/dist/esm/utils/decorators/classDecorators.js

@@ -20,7 +20,7 @@ function Mixins(...constructors) {
     });
   };
 }
-const SINGLETON_KEY = Symbol("singleton");
+const SINGLETON_KEY = /* @__PURE__ */ Symbol("singleton");
 function Singleton(type) {
   return new Proxy(type, {
     construct(target, argsList, newTarget) {

package/dist/esm/utils/decorators/functionDecorators.js

@@ -127,12 +127,110 @@ function Throttle(delay = 300) {
     return descriptor;
   };
 }
+function AsyncSingleExecution(_target, _propertyKey, descriptor) {
+  const originalMethod = descriptor.value;
+  const instanceMap = /* @__PURE__ */ new WeakMap();
+  descriptor.value = function(...args) {
+    const instance = this;
+    if (!instanceMap.has(instance)) {
+      instanceMap.set(instance, /* @__PURE__ */ new Map());
+    }
+    const promiseMap = instanceMap.get(instance);
+    const key = JSON.stringify(args);
+    if (promiseMap.has(key)) {
+      return promiseMap.get(key);
+    }
+    const promise = originalMethod.apply(this, args);
+    if (promise && typeof promise.then === "function") {
+      promiseMap.set(key, promise);
+      promise.catch((e) => e).finally(() => {
+        promiseMap.delete(key);
+      });
+    }
+    return promise;
+  };
+  return descriptor;
+}
+function RetryAsync(retries = 3, interval = 2e3, reThrowException = true) {
+  return function(_target, _propertyKey, descriptor) {
+    const originalMethod = descriptor.value;
+    descriptor.value = async function(...args) {
+      let attempts = 0;
+      while (attempts < retries) {
+        try {
+          const result = originalMethod.apply(this, args);
+          if (result && typeof result.then === "function") {
+            return await result;
+          }
+          return result;
+        } catch (error) {
+          attempts += 1;
+          if (attempts >= retries) {
+            if (reThrowException) {
+              throw error;
+            }
+            return void 0;
+          }
+          await new Promise((resolve) => {
+            setTimeout(() => {
+              resolve(true);
+            }, interval);
+          });
+        }
+      }
+      return void 0;
+    };
+    return descriptor;
+  };
+}
+function MemoizeSingleArgPrimitive(_target, _propertyKey, descriptor) {
+  const originalMethod = descriptor.value;
+  const cache = {};
+  function isPrimitiveArg(arg) {
+    const type = typeof arg;
+    return arg === null || type === "string" || type === "number" || type === "boolean" || type === "symbol" || type === "undefined";
+  }
+  function getCachedResult(params) {
+    const { context, cacheObj, key, original, arg } = params;
+    if (Object.prototype.hasOwnProperty.call(cacheObj, key)) {
+      return cacheObj[key];
+    }
+    const result = arg !== void 0 ? original.call(context, arg) : original.call(context);
+    cacheObj[key] = result;
+    return result;
+  }
+  descriptor.value = function MemoizeSingleArgPrimitiveWrapper(...args) {
+    if (args.length === 0) {
+      return getCachedResult({
+        context: this,
+        cacheObj: cache,
+        key: "__NO_ARGS__",
+        original: originalMethod
+      });
+    }
+    if (args.length === 1 && isPrimitiveArg(args[0])) {
+      const key = String(args[0]);
+      return getCachedResult({
+        context: this,
+        cacheObj: cache,
+        key,
+        original: originalMethod,
+        arg: args[0]
+      });
+    }
+    return originalMethod.apply(this, args);
+  };
+  return descriptor;
+}
 export {
+  AsyncSingleExecution,
   CacheUntilResolved,
   Debounce,
   ImmutableArgs,
   Memoize,
   MemoizeAsync,
+  MemoizeSingleArgPrimitive,
   QueueTask,
+  RetryAsync,
   Throttle
 };

package/dist/esm/utils/decorators/index.js

@@ -1,12 +1,15 @@
 import { Mixins, Singleton } from "./classDecorators.js";
 import {
+  AsyncSingleExecution,
   CacheUntilResolved,
   Debounce,
   ImmutableArgs,
   Memoize,
   MemoizeAsync,
   QueueTask,
-  Throttle
+  Throttle,
+  RetryAsync,
+  MemoizeSingleArgPrimitive
 } from "./functionDecorators.js";
 const decorators = {
   class: {
@@ -19,8 +22,11 @@ const decorators = {
     ImmutableArgs,
     Memoize,
     MemoizeAsync,
+    MemoizeSingleArgPrimitive,
     QueueTask,
-    Throttle
+    Throttle,
+    AsyncSingleExecution,
+    RetryAsync
   }
 };
 export {

package/dist/esm/utils/helpers.js

@@ -29,7 +29,23 @@ const getProductAppDetails = () => {
     appPageTitle
   };
 };
+const abortPromise = ({
+  promise,
+  delay,
+  retValue = false,
+  throwError = false,
+  errMsg
+}) => Promise.race([
+  promise,
+  new Promise((resolve, reject) => {
+    setTimeout(() => {
+      if (throwError) reject(new Error(errMsg));
+      else resolve(retValue);
+    }, delay);
+  })
+]);
 export {
+  abortPromise,
   convertRelativeToAbsoluteUrl,
   getProductAppDetails,
   isCIBuild,

package/dist/esm/utils/logrocket.js

@@ -0,0 +1,29 @@
+import {
+  lrTrackGuarded,
+  markLrIdentified,
+  resetLrIdentity
+} from "@elliemae/pui-analytics-so";
+const getLogRocket = () => window.emui?.logRocket;
+const cleanupData = (data) => {
+  const cleanedData = {};
+  Object.entries(data).forEach(([key, value]) => {
+    cleanedData[key] = value === void 0 || value === null ? "" : value;
+  });
+  return cleanedData;
+};
+const lrIdentify = (userId, eventEx) => {
+  const logRocket = getLogRocket();
+  if (logRocket) {
+    logRocket.identify(userId, cleanupData(eventEx));
+    markLrIdentified(userId);
+  }
+};
+const lrTrack = (event, eventEx = {}) => {
+  lrTrackGuarded(event, eventEx);
+};
+export {
+  getLogRocket,
+  lrIdentify,
+  lrTrack,
+  resetLrIdentity
+};

package/dist/esm/utils/micro-frontend/app-bridge.js

@@ -0,0 +1,25 @@
+import { CAppBridge } from "@elliemae/pui-app-bridge";
+import { getLogger } from "../logger.js";
+import { getAppConfig, getAppConfigValue } from "../app-config/config.js";
+let appBridge = null;
+const getAppBridge = async () => {
+  if (!appBridge) {
+    const logger = getLogger();
+    const version = window.emui?.version || "latest";
+    appBridge = new CAppBridge({
+      logger,
+      version,
+      // eslint-disable-next-line no-underscore-dangle
+      appConfigBaseUrl: window?.emui?._ASSET_PATH
+    });
+    await appBridge.init(getAppConfig());
+    const microApps = getAppConfigValue("microFrontendApps");
+    if (microApps) {
+      Object.keys(microApps).forEach((id) => appBridge.warmUp(id));
+    }
+  }
+  return appBridge;
+};
+export {
+  getAppBridge
+};