@elliemae/pui-app-sdk 5.22.0-beta.2 → 5.22.0

package/dist/cjs/view/require-auth.js

@@ -45,7 +45,8 @@ const RequireAuth = ({
   children,
   clientId = import_constants.default.CLIENT_ID,
   scope = "loc",
-  responseType = "code"
+  responseType = "code",
+  isConsumerUser = false
 }) => {
   const AuthManager = (0, import_redux_injectors.createManager)({
     name: "AuthManager",
@@ -59,5 +60,14 @@ const RequireAuth = ({
     (0, import_loginParams.setLoginParams)({ clientId, scope, responseType });
     return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AuthManager, { children });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AuthManager, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_login.Login, { clientId, scope, responseType, children }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AuthManager, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_login.Login,
+    {
+      clientId,
+      scope,
+      responseType,
+      isConsumerUser,
+      children
+    }
+  ) });
 };

package/dist/esm/analytics/index.js

@@ -15,8 +15,7 @@ const sendBAEvent = ({
   self = true
 }) => {
   if (!self) {
-    const host = CMicroAppGuest.getInstance()?.getHost();
-    const sendEvent = host?.sendBAEvent;
+    const sendEvent = CMicroAppGuest.getInstance()?.getHost()?.sendBAEvent;
     if (sendEvent) {
       sendEvent(data);
     } else {

package/dist/esm/api/users/index.js

@@ -1,8 +1,10 @@
 import { getAuthHTTPClient } from "../../communication/http-client/index.js";
-const getUser = async ({ userName }) => {
-  const { data } = await getAuthHTTPClient().get(
-    `/encompass/v1/users/${userName}`
-  );
+const getUser = async ({
+  userName,
+  isConsumerUser
+}) => {
+  const URL = isConsumerUser ? "/iam/v1/users/me" : `/encompass/v1/users/${userName}`;
+  const { data } = await getAuthHTTPClient().get(URL);
   return data;
 };
 export {

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/index.js

@@ -60,10 +60,7 @@ import {
 } from "./utils/session.js";
 import { waitMessage } from "./data/wait-message/actions.js";
 import { initServiceWorker } from "./utils/service-worker.js";
-import {
-  CMicroAppGuest,
-  CMicroAppGuest as CMicroAppGuest2
-} from "./utils/micro-frontend/guest.js";
+import { CMicroAppGuest } from "./utils/micro-frontend/guest.js";
 import { CMicroAppHost } from "./utils/micro-frontend/host.js";
 import { enableReactAppForHostIntegration } from "./utils/app-host-integration/react.js";
 import {
@@ -135,7 +132,6 @@ 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";
@@ -149,7 +145,6 @@ export {
   Analytics,
   AppRoot,
   Autocomplete,
-  CMicroAppGuest2 as CMicroApp,
   CMicroAppGuest,
   CMicroAppHost,
   CheckBox,
@@ -166,7 +161,6 @@ export {
   FormItemLayout,
   FormLayoutBlockItem,
   FormSubmitButton,
-  GuestMicroApp,
   InputMask,
   InputText,
   LargeTextBox,

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

@@ -86,7 +86,8 @@ const authorize = async ({
   redirectUri,
   clientId,
   scope,
-  responseType
+  responseType,
+  isConsumerUser
 }) => {
   try {
     const { tokenType, accessToken } = await getToken({
@@ -112,14 +113,14 @@ 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 });
-    const data = await getUser({ userName });
+    const data = await getUser({ userName, isConsumerUser });
     sessionStorage.setItem("userSettings", JSON.stringify(data));
     const pathName = new URL(redirectUri).pathname;
     history.replace(pathName);
@@ -141,7 +142,8 @@ const authorize = async ({
 const login = async ({
   clientId,
   scope,
-  responseType
+  responseType,
+  isConsumerUser
 }) => {
   const { code, idpErrorCode, redirectUri } = getIDPInfoFromUrl();
   const loginInfo = {
@@ -150,7 +152,8 @@ const login = async ({
     responseType,
     redirectUri,
     code,
-    idpErrorCode
+    idpErrorCode,
+    isConsumerUser
   };
   if (code) {
     await authorize(loginInfo);

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

@@ -129,8 +129,13 @@ function Throttle(delay = 300) {
 }
 function AsyncSingleExecution(_target, _propertyKey, descriptor) {
   const originalMethod = descriptor.value;
-  const promiseMap = /* @__PURE__ */ new Map();
+  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);

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

@@ -1,7 +1,6 @@
 import _ from "lodash";
 import { v4 as uuidv4 } from "uuid";
 import { getDefaultTheme } from "@elliemae/pui-theme";
-import { SSFGuest } from "@elliemae/ssf-guest";
 import { getWindow } from "../window.js";
 import { loadAppConfig } from "../app-config/index.js";
 import { getAppConfigValue } from "../app-config/config.js";
@@ -11,7 +10,8 @@ import { setLogger } from "../logger.js";
 import { removeStorageEvents } from "../web-storage.js";
 import { updateBAEventParameters } from "./scripting-objects/web-analytics.js";
 import { setAppDynamicsUserData } from "../../analytics/appdynamics.js";
-import { getAppBridge } from "./app-bridge.js";
+import { SSFGuestAdapter } from "./ssfguest-adapter.js";
+import { setHostApp } from "./host-app.js";
 const isCrossDomain = () => {
   try {
     window.parent.document;
@@ -20,11 +20,6 @@ const isCrossDomain = () => {
     return true;
   }
 };
-var CommunicationMethod = /* @__PURE__ */ ((CommunicationMethod2) => {
-  CommunicationMethod2["SSF"] = "ssf";
-  CommunicationMethod2["APPSDK"] = "app-sdk";
-  return CommunicationMethod2;
-})(CommunicationMethod || {});
 class CMicroAppGuest {
   /**
    * unique microapp id
@@ -35,14 +30,6 @@ class CMicroAppGuest {
   appId;
   props;
   containerId;
-  /**
-   * communication method used between microapps
-   */
-  #communicationMethod;
-  /**
-   * AppBridge instance
-   */
-  #appBridge = null;
   onInit;
   onMount;
   onUnmount;
@@ -53,7 +40,6 @@ class CMicroAppGuest {
     window.emui.uuid = window.emui.uuid || uuidv4();
     this.appId = window.emui?.appId || getAppConfigValue("appId");
     this.#uuid = window.emui.uuid;
-    this.#communicationMethod = "app-sdk" /* APPSDK */;
     this.props = {
       host: null,
       hostUrl: null,
@@ -75,7 +61,7 @@ class CMicroAppGuest {
   }
   static getInstance(params) {
     if (!this.instance) {
-      this.instance = new CMicroAppGuest(params);
+      this.instance = new this(params);
     }
     return this.instance;
   }
@@ -91,46 +77,6 @@ class CMicroAppGuest {
   getLogger() {
     return this.logger;
   }
-  getObject(objectId) {
-    let host = null;
-    if (this.#communicationMethod === "ssf" /* SSF */) {
-      host = this.getHost();
-      return host.getObject(objectId);
-    }
-    host = this.getHost();
-    if (!host) return Promise.resolve(null);
-    return host.getObject(objectId);
-  }
-  /**
-   * subscribe to the scripting object event
-   * @param {SubscribeParam<EventId, AppEvents[EventId]>} params - the parameters for the subscription
-   * @param {string} params.soName - the name of the scripting object
-   * @param {string} params.eventName - the name of the event
-   * @param {Function} params.callback - the callback function to be called when the event is triggered
-   * @returns {void}
-   */
-  subscribe(params) {
-    let host = null;
-    if (this.#communicationMethod === "ssf" /* SSF */) {
-      host = this.getHost();
-      return host.subscribe(params);
-    }
-    host = this.getHost();
-    return host.subscribe(params);
-  }
-  /**
-   * unsubscribe from the scripting object event
-   * @param params - parameters for the unsubscription
-   */
-  unsubscribe(params) {
-    let host = null;
-    if (this.#communicationMethod === "ssf" /* SSF */) {
-      host = this.getHost();
-      host.unsubscribe(params);
-    }
-    host = this.getHost();
-    host.unsubscribe(params);
-  }
   getProps() {
     return this.props;
   }
@@ -195,22 +141,21 @@ class CMicroAppGuest {
   }
   getSessionStorageItem(key) {
     let value = sessionStorage.getItem(key);
-    const host = this.getHost();
-    if (!value && host?.getItem) {
-      value = host.getItem(key);
+    if (!value && this.props.host?.getItem) {
+      value = this.props.host.getItem(key);
     }
     return value;
   }
-  async findHost() {
+  async getSSFAdapter() {
     let host = null;
     if (window.parent !== window) {
       if (!isCrossDomain()) {
-        host = window.parent?.emui?.MicroAppHost ?? null;
+        host = window.parent?.emui?.MicroAppHost || null;
       }
       if (!host) {
-        host = new SSFGuest({ appLogger: this.logger });
-        await host.connect();
-        this.#communicationMethod = "ssf" /* SSF */;
+        const ssfAdapter = new SSFGuestAdapter();
+        if (!await ssfAdapter.init()) return null;
+        host = ssfAdapter;
       }
     }
     return host;
@@ -222,21 +167,17 @@ class CMicroAppGuest {
     this.props = _.merge(this.props, options);
     this.props.history = options?.history || this.props.history;
     if (!this.props.host) {
-      const host = await this.findHost();
-      if (host) {
-        this.props.host = host;
-      }
+      const host = await this.getSSFAdapter();
+      if (host) this.props.host = host;
     }
+    if (this.props.host) setHostApp(this.props.host);
     __webpack_public_path__ = __webpack_public_path__.replace(/\/?$/, "/");
     return loadAppConfig().then(() => {
       const instanceId = this.getSessionStorageItem("instanceId") || "";
       const userId = this.getSessionStorageItem("userId") || "";
       updateBAEventParameters({ appId: this.appId, instanceId, userId });
       setAppDynamicsUserData({ appId: this.appId, instanceId, userId });
-      return getAppBridge().then((appBridge) => {
-        this.#appBridge = appBridge;
-        if (this.onInit) this.onInit(this.props);
-      });
+      if (this.onInit) this.onInit(this.props);
     });
   }
   mount(options = { containerId: "app-container" }) {
@@ -257,34 +198,6 @@ class CMicroAppGuest {
   navigate(url, state) {
     if (url) this.props.history.push(url, state);
   }
-  /**
-   * add scripting object for child microapp to use
-   * @param so - The scripting object to be added.
-   * @param params - Optional parameters for adding the scripting object.
-   */
-  addScriptingObject(so, params) {
-    if (this.#appBridge) {
-      this.#appBridge.addScriptingObject(so, params);
-    }
-  }
-  /**
-   * dispatch event to child microapp
-   * @param {DispatchEventParams<EventId, Params>} params - event parameters
-   */
-  async dispatchEvent(params) {
-    if (this.#appBridge) {
-      await this.#appBridge.dispatchEvent(params);
-    }
-  }
-  /**
-   * removes scripting object from child microapp use
-   * @param objectId unique id of the scripting object
-   */
-  removeScriptingObject(objectId) {
-    if (this.#appBridge) {
-      this.#appBridge.removeScriptingObject(objectId);
-    }
-  }
 }
 export {
   CMicroAppGuest

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

@@ -0,0 +1,9 @@
+let hostApp = null;
+const setHostApp = (host) => {
+  hostApp = host;
+};
+const getHostApp = () => hostApp;
+export {
+  getHostApp,
+  setHostApp
+};

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

@@ -24,7 +24,7 @@ import { setAppDynamicsUserData } from "../../analytics/appdynamics.js";
 import { Analytics } from "./scripting-objects/analytics.js";
 import { updateBAEventParameters } from "./scripting-objects/web-analytics.js";
 import { renewSession } from "../session.js";
-import { getAppBridge } from "./app-bridge.js";
+import { setHostApp } from "./host-app.js";
 class CMicroAppHost {
   static instance;
   logger;
@@ -36,7 +36,6 @@ class CMicroAppHost {
   throttleRenewSessionTimer;
   scriptingObjects;
   #ssfHostRef;
-  #appBridge = null;
   // eslint-disable-next-line max-statements
   constructor(params) {
     this.appId = getAppConfigValue("appId");
@@ -77,11 +76,6 @@ class CMicroAppHost {
       }
     );
     loadAppConfig().then(() => {
-      getAppBridge().then((appBridge) => {
-        this.#appBridge = appBridge;
-      }).catch((ex) => {
-        throw ex;
-      });
       if (this.onInit) this.onInit(this.props);
     }).catch(() => {
     });
@@ -92,7 +86,8 @@ class CMicroAppHost {
   }
   static getInstance(params) {
     if (!this.instance) {
-      this.instance = new CMicroAppHost(params);
+      this.instance = new this(params);
+      setHostApp(this.instance);
     }
     return this.instance;
   }
@@ -186,34 +181,6 @@ class CMicroAppHost {
   async getObject(name) {
     return this.scriptingObjects[name];
   }
-  /**
-   * add scripting object for child microapp to use
-   * @param so - The scripting object to be added.
-   * @param params - Optional parameters for adding the scripting object.
-   */
-  addScriptingObject(so, params) {
-    if (this.#appBridge) {
-      this.#appBridge.addScriptingObject(so, params);
-    }
-  }
-  /**
-   * dispatch event to child microapp
-   * @param {DispatchEventParams<EventId, Params>} params - event parameters
-   */
-  async dispatchEvent(params) {
-    if (this.#appBridge) {
-      await this.#appBridge.dispatchEvent(params);
-    }
-  }
-  /**
-   * removes scripting object from child microapp use
-   * @param objectId unique id of the scripting object
-   */
-  removeScriptingObject(objectId) {
-    if (this.#appBridge) {
-      this.#appBridge.removeScriptingObject(objectId);
-    }
-  }
 }
 export {
   CMicroAppHost

package/dist/esm/utils/micro-frontend/scripting-objects/analytics.js

@@ -1,8 +1,8 @@
-import { ScriptingObject } from "@elliemae/ssf-host";
+import ssfHost from "@elliemae/em-ssf-host";
 import { getBAEventParameters } from "./web-analytics.js";
 import { getProductAppDetails } from "../../helpers.js";
 import { HeadSampler } from "../../headSampler.js";
-class Analytics extends ScriptingObject {
+class Analytics extends ssfHost.ScriptingObject {
   /**
    * logger instance
    */
@@ -108,10 +108,7 @@ class Analytics extends ScriptingObject {
     if (!options || !options?.appId || !options?.appUrl)
       throw new Error("parameter options is required");
     const startMark = performance.mark(name, { detail: options });
-    return Promise.resolve({
-      name: startMark.name,
-      startTime: startMark.startTime
-    });
+    return Promise.resolve(startMark);
   };
   /**
    * end timing measure
@@ -130,12 +127,11 @@ class Analytics extends ScriptingObject {
    * await analytics.endTiming('LongTask', { appId: 'loanApp', appUrl: 'https://loanApp.com' });
    * ```
    */
-  // eslint-disable-next-line complexity
   endTiming = (start, options) => {
     if (!start) throw new Error("parameter start is required");
     if (!options || !options?.appId || !options?.appUrl)
       throw new Error("parameter options is required");
-    const measurementName = start?.name ?? start;
+    const measurementName = start.name ?? start;
     const startMark = performance.getEntriesByName(
       measurementName,
       "mark"

package/dist/esm/utils/micro-frontend/ssfguest-adapter.js

@@ -0,0 +1,28 @@
+import ssfGuest from "@elliemae/em-ssf-guest";
+class SSFGuestAdapter {
+  async init() {
+    if (!ssfGuest) return false;
+    await ssfGuest.connect();
+    return true;
+  }
+  async getObject(name) {
+    return ssfGuest.getObject(name);
+  }
+  subscribe(message, func) {
+    const callback = (scriptingObj, eventData) => {
+      func(message, eventData);
+    };
+    const [objectId, eventName] = message.split(".");
+    return ssfGuest.subscribe(
+      objectId,
+      eventName || "",
+      callback
+    );
+  }
+  unsubscribe(token, objectId, eventName) {
+    return ssfGuest.unsubscribe(objectId, eventName, token);
+  }
+}
+export {
+  SSFGuestAdapter
+};

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

@@ -1,6 +1,5 @@
 import { jsx } from "react/jsx-runtime";
 import { render } from "@testing-library/react";
-import userEvent from "@testing-library/user-event";
 import { getDefaultTheme } from "@elliemae/pui-theme";
 import { createAppStore } from "../../data/store.js";
 import { AppRoot } from "../../view/app-root/index.js";
@@ -12,10 +11,7 @@ const AllTheProviders = ({
   theme = defaultTheme,
   children
 }) => /* @__PURE__ */ jsx(AppRoot, { store, history: browserHistory, theme, children });
-const customRender = (ui, options) => ({
-  user: userEvent.setup(),
-  ...render(ui, { wrapper: AllTheProviders, ...options })
-});
+const customRender = (ui, options) => render(ui, { wrapper: AllTheProviders, ...options });
 export * from "@testing-library/react";
 export {
   customRender as render

package/dist/esm/view/login/index.js

@@ -7,7 +7,8 @@ const Login = ({
   clientId,
   scope,
   responseType,
-  children
+  children,
+  isConsumerUser
 }) => {
   const [userAuthorized, setUserAuthorized] = useState(false);
   const dispatch = useAppDispatch();
@@ -15,14 +16,14 @@ const Login = ({
   useEffect(() => {
     if (ref.current) return;
     ref.current = true;
-    login({ clientId, scope, responseType }).then(({ authorized }) => {
+    login({ clientId, scope, responseType, isConsumerUser }).then(({ authorized }) => {
       if (authorized) setUserAuthorized(true);
       dispatch({ type: LOGIN_SUCCESS });
     }).catch(() => {
     }).finally(() => {
       ref.current = false;
     });
-  }, [dispatch, clientId, scope, responseType]);
+  }, [dispatch, clientId, scope, responseType, isConsumerUser]);
   return userAuthorized ? /* @__PURE__ */ jsx(Fragment, { children }) : null;
 };
 export {

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

@@ -28,7 +28,7 @@ const IFrame = memo(
         ref: frameRef,
         title,
         src,
-        "data-testid": `${IFRAME_CONTAINER_ID_PREFIX}${id}`,
+        scrolling: "no",
         ...sandboxProps,
         onLoad: () => frameRef?.current?.contentDocument && onFrameReady(frameRef.current.contentDocument)
       }

package/dist/esm/view/micro-iframe-app/iframe.html

@@ -69,10 +69,6 @@
       <strong>JavaScript has been disabled on your browser</strong>, please
       <strong>enable JS</strong> to make this app work.</noscript
     >
-    <div
-      id="pui-app-container-"
-      data-testid="pui-app-container-"
-      class="full-width full-height"
-    ></div>
+    <div id="pui-app-container-" class="full-width full-height"></div>
   </body>
 </html>

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

@@ -2,7 +2,6 @@ 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";
-import { APP_CONTAINER_ID_PREFIX } from "../micro-app/const.js";
 const addBaseTag = (id, documentEle) => {
   const { hostUrl, manifestPath } = getMicroFrontEndAppConfig({
     id
@@ -14,10 +13,9 @@ const addBaseTag = (id, documentEle) => {
   documentEle.getElementsByTagName("head")[0].appendChild(base);
 };
 const updateContainerId = (id, documentEle) => {
-  const ele = documentEle.getElementById(APP_CONTAINER_ID_PREFIX);
+  const ele = documentEle.getElementById("pui-app-container-");
   if (ele) {
     ele.id = `${ele.id}${id}`;
-    ele.dataset.testid = ele.id;
   }
 };
 const useFrameLoaded = ({ id, documentEle }) => {

package/dist/esm/view/require-auth.js

@@ -12,7 +12,8 @@ const RequireAuth = ({
   children,
   clientId = enums.CLIENT_ID,
   scope = "loc",
-  responseType = "code"
+  responseType = "code",
+  isConsumerUser = false
 }) => {
   const AuthManager = createManager({
     name: "AuthManager",
@@ -26,7 +27,16 @@ const RequireAuth = ({
     setLoginParams({ clientId, scope, responseType });
     return /* @__PURE__ */ jsx(AuthManager, { children });
   }
-  return /* @__PURE__ */ jsx(AuthManager, { children: /* @__PURE__ */ jsx(Login, { clientId, scope, responseType, children }) });
+  return /* @__PURE__ */ jsx(AuthManager, { children: /* @__PURE__ */ jsx(
+    Login,
+    {
+      clientId,
+      scope,
+      responseType,
+      isConsumerUser,
+      children
+    }
+  ) });
 };
 export {
   RequireAuth

package/dist/types/lib/api/users/index.d.ts

@@ -1,5 +1,6 @@
 interface UsersRequestParams {
     userName: string;
+    isConsumerUser: boolean;
 }
-export declare const getUser: ({ userName }: UsersRequestParams) => Promise<Record<string, unknown>>;
+export declare const getUser: ({ userName, isConsumerUser, }: UsersRequestParams) => Promise<Record<string, unknown>>;
 export {};

package/dist/types/lib/data/auth/actions.d.ts

@@ -8,6 +8,7 @@ export interface LoginParms {
     clientId: string;
     responseType: string;
     scope: string;
+    isConsumerUser: boolean;
 }
 export interface LogoutParams {
     redirectUri: string;
@@ -17,6 +18,6 @@ export interface LogoutParams {
     code: string;
 }
 export declare const auth: {
-    login: ({ code, redirectUri, clientId, responseType, scope, }: LoginParms) => PayloadAction<LoginParms>;
+    login: ({ code, redirectUri, clientId, responseType, scope, isConsumerUser, }: LoginParms) => PayloadAction<LoginParms>;
     logout: ({ clientId, redirectUri, responseType, scope, code, }: LogoutParams) => PayloadAction<LogoutParams>;
 };