@elliemae/pui-app-sdk 4.14.0 → 4.14.2

package/dist/cjs/api/auth/index.js

@@ -27,13 +27,15 @@ var import_http_client = require("../../communication/http-client/index.js");
 const getToken = async ({
   clientId,
   redirectUri,
-  idpCode
+  idpCode,
+  scope
 }) => {
   const params = new URLSearchParams();
   params.append("grant_type", "authorization_code");
   params.append("client_id", clientId);
   params.append("redirect_uri", redirectUri);
   params.append("code", idpCode);
+  params.append("scope", scope);
   const { data } = await (0, import_http_client.getHTTPClient)().post(
     "/oauth2/v1/token",
     params

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

@@ -32,7 +32,6 @@ __export(app_config_exports, {
 });
 module.exports = __toCommonJS(app_config_exports);
 var import_lodash = __toESM(require("lodash"));
-var import_http_client = require("../../communication/http-client/index.js");
 var import_config = require("./config.js");
 var import_appdynamics = require("../../analytics/appdynamics.js");
 var import_web_analytics = require("../../analytics/web-analytics.js");
@@ -47,15 +46,30 @@ const parseAppConfig = (data) => {
   (0, import_appdynamics.setAppDynamicsUserData)({ envName: activeEnv });
   (0, import_web_analytics.updateBAEventParameters)({ envName: activeEnv });
 };
-const loadAppConfig = (configPath = (0, import_window.getAssetPath)()) => new Promise((resolve, reject) => {
-  (0, import_http_client.getHTTPClient)({ baseURL: configPath }).get("app.config.json").then(({ data }) => {
-    parseAppConfig(data);
-    resolve();
-  }).catch((err) => {
-    reject(
-      new Error(
-        `Unable to load application configurtion file. ${err.Message}`
-      )
-    );
-  });
-});
+const getUnVersionedPath = (path) => path.replace(/\d+\.\d+/, "latest");
+const loadAppConfig = async (configPath = (0, import_window.getAssetPath)()) => {
+  const appConfigUrl = `${configPath.replace(/\/?$/, "/")}app.config.json`;
+  const unversionedConfigPath = getUnVersionedPath(configPath);
+  try {
+    const response = await fetch(appConfigUrl);
+    if (!response.ok) {
+      if (configPath !== unversionedConfigPath) {
+        await loadAppConfig(unversionedConfigPath);
+        return;
+      }
+      const message = `App Config is not found at ${appConfigUrl}`;
+      throw new Error(message);
+    }
+    const appConfig = await response.json();
+    parseAppConfig(appConfig);
+  } catch (ex) {
+    if (configPath !== unversionedConfigPath) {
+      await loadAppConfig(unversionedConfigPath);
+      return;
+    }
+    if (ex?.message?.includes(`Unexpected token`)) {
+      throw new Error(`App config file at ${appConfigUrl} is not a valid JSON`);
+    }
+    throw ex;
+  }
+};

package/dist/cjs/utils/app-config/tests/app.config.json

@@ -0,0 +1,147 @@
+{
+  "appId": "loanapp",
+  "activeEnv": "localhost",
+  "googleTagManager": true,
+  "sessionTimeoutWarnInterval": "7200000",
+  "sessionTimeoutInterval": "9000000",
+  "serviceEndpoints": {
+    "api": "",
+    "idp": "https://int.idp.ellielabs.com",
+    "logger": "https://int.api.puidiagnostics.rd.elliemae.io/v1/logging"
+  },
+  "env": {
+    "localhost": {
+      "serviceEndpoints": {
+        "api": "",
+        "idp": "https://int.idp.ellielabs.com",
+        "logger": "https://int.api.puidiagnostics.rd.elliemae.io/v1/logging"
+      }
+    },
+    "dev": {
+      "serviceEndpoints": {
+        "api": "https://dev.api.puiservice.rd.elliemae.io",
+        "idp": "https://int.idp.ellielabs.com",
+        "logger": "https://int.api.puidiagnostics.rd.elliemae.io/v1/logging"
+      }
+    },
+    "dev2": {
+      "serviceEndpoints": {
+        "api": "https://int.api.ellielabs.com",
+        "idp": "https://int.idp.ellielabs.com",
+        "logger": "https://int.api.puidiagnostics.rd.elliemae.io/v1/logging"
+      }
+    },
+    "qa": {
+      "serviceEndpoints": {
+        "api": "https://dev.api.puiservice.rd.elliemae.io",
+        "idp": "https://int.idp.ellielabs.com",
+        "logger": "https://int.api.puidiagnostics.rd.elliemae.io/v1/logging"
+      }
+    },
+    "qa2": {
+      "serviceEndpoints": {
+        "api": "https://int.api.ellielabs.com",
+        "idp": "https://int.idp.ellielabs.com",
+        "logger": "https://int.api.puidiagnostics.rd.elliemae.io/v1/logging"
+      }
+    },
+    "qa3": {
+      "serviceEndpoints": {
+        "api": "https://int.api.ellielabs.com",
+        "idp": "https://int.idp.ellielabs.com",
+        "logger": "https://int.api.puidiagnostics.rd.elliemae.io/v1/logging"
+      }
+    },
+    "int": {
+      "serviceEndpoints": {
+        "api": "https://dev.api.puiservice.rd.elliemae.io",
+        "idp": "https://int.idp.ellielabs.com",
+        "logger": "https://int.api.puidiagnostics.rd.elliemae.io/v1/logging"
+      }
+    },
+    "peg-osb1": {
+      "serviceEndpoints": {
+        "api": "https://encompass-peg-api.elliemae.com",
+        "idp": "https://peg.idp.ellielabs.com/authorize",
+        "logger": "https://int.api.puidiagnostics.rd.elliemae.io/v1/logging"
+      }
+    },
+    "peg-osb2": {
+      "serviceEndpoints": {
+        "api": "https://encompass-peg2-api.elliemae.com",
+        "idp": "https://peg.idp.ellielabs.com/authorize",
+        "logger": "https://int.api.puidiagnostics.rd.elliemae.io/v1/logging"
+      }
+    },
+    "peg": {
+      "serviceEndpoints": {
+        "api": "https://peg2-west.api.ellielabs.com",
+        "idp": "https://peg.idp.ellielabs.com/authorize",
+        "logger": "https://int.api.puidiagnostics.rd.elliemae.io/v1/logging"
+      }
+    },
+    "peg-oapi-west": {
+      "serviceEndpoints": {
+        "api": "https://peg2-west.api.ellielabs.com",
+        "idp": "https://peg.idp.ellielabs.com/authorize",
+        "logger": "https://int.api.puidiagnostics.rd.elliemae.io/v1/logging"
+      }
+    },
+    "peg-oapi-east": {
+      "serviceEndpoints": {
+        "api": "https://peg2-east.api.ellielabs.com",
+        "idp": "https://peg.idp.ellielabs.com/authorize",
+        "logger": "https://int.api.puidiagnostics.rd.elliemae.io/v1/logging"
+      }
+    },
+    "peg2-oapi-east": {
+      "serviceEndpoints": {
+        "api": "https://peg2-east.api.ellielabs.com",
+        "idp": "https://peg.idp.ellielabs.com/authorize",
+        "logger": "https://int.api.puidiagnostics.rd.elliemae.io/v1/logging"
+      }
+    },
+    "peg3": {
+      "serviceEndpoints": {
+        "api": "https://pel1.api.ellielabs.com",
+        "idp": "https://peg3.idp.ellielabs.com/authorize",
+        "logger": "https://int.api.puidiagnostics.rd.elliemae.io/v1/logging"
+      }
+    },
+    "stage": {
+      "serviceEndpoints": {
+        "api": "https://stg.api.elliemae.com",
+        "idp": "https://stg.idp.elliemae.com/authorize",
+        "logger": "https://stg.api.puidiagnostics.ellielabs.com/v1/logging"
+      }
+    },
+    "beta": {
+      "serviceEndpoints": {
+        "api": "https://concept.api.elliemae.com",
+        "idp": "https://concept.idp.elliemae.com/authorize",
+        "logger": "https://concept.api.puidiagnostics.elliemae.com/v1/logging"
+      }
+    },
+    "demo": {
+      "serviceEndpoints": {
+        "api": "https://concept.api.elliemae.com",
+        "idp": "https://concept.idp.elliemae.com/authorize",
+        "logger": "https://concept.api.puidiagnostics.elliemae.com/v1/logging"
+      }
+    },
+    "epc": {
+      "serviceEndpoints": {
+        "api": "https://concept.api.elliemae.com",
+        "idp": "https://concept.idp.elliemae.com/authorize",
+        "logger": "https://concept.api.puidiagnostics.elliemae.com/v1/logging"
+      }
+    },
+    "prod": {
+      "serviceEndpoints": {
+        "api": "https://api.elliemae.com",
+        "idp": "https://idp.elliemae.com/authorize",
+        "logger": "https://api.puidiagnostics.ellieservices.com/v1/logging"
+      }
+    }
+  }
+}

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

@@ -113,7 +113,8 @@ const authorize = async ({
     const { tokenType, accessToken } = await (0, import_auth.getToken)({
       idpCode,
       redirectUri,
-      clientId
+      clientId,
+      scope
     });
     const authorizationToken = `${tokenType} ${accessToken}`;
     (0, import_helper.setAuthorizationHeader)(authorizationToken);

package/dist/cjs/utils/testing/render-with-router-redux.js

@@ -26,19 +26,18 @@ var import_react = require("@testing-library/react");
 var import_react_redux = require("react-redux");
 var import_history = require("history");
 var import_store = require("../../data/store.js");
-var import_history2 = require("../history.js");
 var import_app_router = require("../../view/app-router.js");
-const renderWithRouterRedux = (ui, {
-  route = "/",
-  history = (0, import_history.createMemoryHistory)({ initialEntries: [route] }),
-  initialState,
-  store = (0, import_store.createAppStore)(initialState, import_history2.browserHistory)
-} = {}) => ({
-  ...(0, import_react.render)(
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_redux.Provider, { store, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_app_router.AppRouter, { history, children: ui }) })
-  ),
-  // adding `store` to the returned utilities to allow us
-  // to reference it in our tests (just try to avoid using
-  // this to test implementation details).
-  store
-});
+const renderWithRouterRedux = (ui, options) => {
+  const { route = "/", basename = "/", initialState } = options || {};
+  const { history = (0, import_history.createMemoryHistory)({ initialEntries: [route] }) } = options || {};
+  const { store = (0, import_store.createAppStore)(initialState, history) } = options || {};
+  return {
+    ...(0, import_react.render)(
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_redux.Provider, { store, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_app_router.AppRouter, { basename, history, children: ui }) })
+    ),
+    // adding `store` to the returned utilities to allow us
+    // to reference it in our tests (just try to avoid using
+    // this to test implementation details).
+    store
+  };
+};

package/dist/cjs/utils/window.js

@@ -53,4 +53,10 @@ const getCurrentBreakpoint = () => {
     return "medium";
   return "large";
 };
-const getAssetPath = () => window?.emui?._ASSET_PATH || "latest/";
+const getAssetPath = () => {
+  const assetPath = window?.emui?._ASSET_PATH || "latest/";
+  if (!window.emui?.version)
+    return assetPath;
+  const majorMinorVersion = window.emui?.version.match(/^(?:\d+\.\d+)*/g);
+  return majorMinorVersion && majorMinorVersion[0] ? assetPath.replace("latest/", `${majorMinorVersion[0]}/`) : assetPath;
+};

package/dist/cjs/view/micro-app/resources/manifest.js

@@ -39,20 +39,27 @@ const getAppManifest = async ({
     `${manifestPath.replace(/\/?$/, "/")}manifest.json`,
     hostUrl
   );
-  const response = await (0, import_http_client.getHTTPClient)().get(
-    (0, import_url.removeDoubleSlash)(url.href)
-  );
-  const { headers } = response;
-  if (headers["content-type"]?.includes?.("application/json"))
-    return response.data;
-  const unVersionedManifestPath = getUnVersionedManifestPath(manifestPath);
-  if (manifestPath !== unVersionedManifestPath) {
-    return getAppManifest({
-      hostUrl,
-      manifestPath: getUnVersionedManifestPath(manifestPath)
-    });
+  const getUnVersionedManifestJson = () => {
+    const unVersionedManifestPath = getUnVersionedManifestPath(manifestPath);
+    if (manifestPath !== unVersionedManifestPath) {
+      return getAppManifest({
+        hostUrl,
+        manifestPath: getUnVersionedManifestPath(manifestPath)
+      });
+    }
+    throw new Error("manifest.json is not available for the application");
+  };
+  try {
+    const response = await (0, import_http_client.getHTTPClient)().get(
+      (0, import_url.removeDoubleSlash)(url.href)
+    );
+    const { headers } = response;
+    if (headers["content-type"]?.includes?.("application/json"))
+      return response.data;
+    return await getUnVersionedManifestJson();
+  } catch (err) {
+    return getUnVersionedManifestJson();
   }
-  throw new Error("manifest.json is not available for the application");
 };
 const getFullFileNameofAssetsFromManifest = (manifest, assetNames = []) => assetNames.reduce((assets, assetName) => {
   const fullFileName = manifest[assetName];

package/dist/cjs/view/wait-message/index.js

@@ -1,9 +1,7 @@
 "use strict";
-var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
   for (var name in all)
@@ -17,14 +15,6 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var wait_message_exports = {};
 __export(wait_message_exports, {
@@ -33,51 +23,44 @@ __export(wait_message_exports, {
 module.exports = __toCommonJS(wait_message_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = require("react");
-var import_styled_components = __toESM(require("styled-components"));
-var import_ds_backdrop = require("@elliemae/ds-backdrop");
-var import_ds_circular_progress_indicator = require("@elliemae/ds-circular-progress-indicator");
+var import_ds_loading_indicator = require("@elliemae/ds-loading-indicator");
 var import_react2 = require("../../data/react.js");
 var import_use_html_wait_message = require("./use-html-wait-message.js");
 var import_user_wait_event = require("../../analytics/user-wait-event.js");
-const StyledCircularIndicator = (0, import_styled_components.default)(import_ds_circular_progress_indicator.DSCircularIndeterminateIndicator)`
-  position: absolute;
-  left: 50%;
-  top: 50%;
-  transform: translate(-50%, -50%);
-`;
 const WaitMessage = (0, import_react.memo)(
   ({
-    size = "xl",
-    color = "light",
-    showText = true,
-    withTooltip = false,
-    tooltipStartPlacementPreference = "center",
+    size = "m",
+    style = { color: "white", fontSize: "1.25rem" },
     ...rest
   }) => {
+    const ref = (0, import_react.useRef)(false);
+    const [show, setShow] = (0, import_react.useState)(false);
     const isOpen = (0, import_react2.useAppSelector)((state) => state.waitMessage?.isOpen);
+    ref.current = isOpen ?? false;
     const message = (0, import_react2.useAppSelector)((state) => state.waitMessage?.message);
     (0, import_react.useEffect)(() => {
-      if (isOpen)
-        (0, import_user_wait_event.waitStartEvent)();
-      else
+      setTimeout(() => {
+        if (isOpen && ref.current) {
+          setShow(true);
+          (0, import_user_wait_event.waitStartEvent)();
+        }
+      }, 1e3);
+      if (!isOpen) {
+        setShow(false);
         (0, import_user_wait_event.waitEndEvent)();
+      }
     }, [isOpen]);
     (0, import_use_html_wait_message.useHTMLWaitMessage)(isOpen !== null);
-    return isOpen ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_backdrop.DSBackdrop, {}),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-        StyledCircularIndicator,
-        {
-          id: "em-loading",
-          size,
-          color,
-          showText,
-          withTooltip,
-          tooltipStartPlacementPreference,
-          ...rest,
-          text: message
-        }
-      )
-    ] }) : null;
+    return show ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_ds_loading_indicator.DSLoadingIndicator,
+      {
+        id: "em-loading",
+        size,
+        style,
+        ...rest,
+        loading: isOpen,
+        message
+      }
+    ) : null;
   }
 );

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

@@ -2,13 +2,15 @@ import { getHTTPClient } from "../../communication/http-client/index.js";
 const getToken = async ({
   clientId,
   redirectUri,
-  idpCode
+  idpCode,
+  scope
 }) => {
   const params = new URLSearchParams();
   params.append("grant_type", "authorization_code");
   params.append("client_id", clientId);
   params.append("redirect_uri", redirectUri);
   params.append("code", idpCode);
+  params.append("scope", scope);
   const { data } = await getHTTPClient().post(
     "/oauth2/v1/token",
     params

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

@@ -1,5 +1,4 @@
 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";
@@ -14,18 +13,33 @@ const parseAppConfig = (data) => {
   setAppDynamicsUserData({ envName: activeEnv });
   updateBAEventParameters({ envName: activeEnv });
 };
-const loadAppConfig = (configPath = getAssetPath()) => new Promise((resolve, reject) => {
-  getHTTPClient({ baseURL: configPath }).get("app.config.json").then(({ data }) => {
-    parseAppConfig(data);
-    resolve();
-  }).catch((err) => {
-    reject(
-      new Error(
-        `Unable to load application configurtion file. ${err.Message}`
-      )
-    );
-  });
-});
+const getUnVersionedPath = (path) => path.replace(/\d+\.\d+/, "latest");
+const loadAppConfig = async (configPath = getAssetPath()) => {
+  const appConfigUrl = `${configPath.replace(/\/?$/, "/")}app.config.json`;
+  const unversionedConfigPath = getUnVersionedPath(configPath);
+  try {
+    const response = await fetch(appConfigUrl);
+    if (!response.ok) {
+      if (configPath !== unversionedConfigPath) {
+        await loadAppConfig(unversionedConfigPath);
+        return;
+      }
+      const message = `App Config is not found at ${appConfigUrl}`;
+      throw new Error(message);
+    }
+    const appConfig = await response.json();
+    parseAppConfig(appConfig);
+  } catch (ex) {
+    if (configPath !== unversionedConfigPath) {
+      await loadAppConfig(unversionedConfigPath);
+      return;
+    }
+    if (ex?.message?.includes(`Unexpected token`)) {
+      throw new Error(`App config file at ${appConfigUrl} is not a valid JSON`);
+    }
+    throw ex;
+  }
+};
 export {
   loadAppConfig
 };

package/dist/esm/utils/app-config/tests/app.config.json

@@ -0,0 +1,147 @@
+{
+  "appId": "loanapp",
+  "activeEnv": "localhost",
+  "googleTagManager": true,
+  "sessionTimeoutWarnInterval": "7200000",
+  "sessionTimeoutInterval": "9000000",
+  "serviceEndpoints": {
+    "api": "",
+    "idp": "https://int.idp.ellielabs.com",
+    "logger": "https://int.api.puidiagnostics.rd.elliemae.io/v1/logging"
+  },
+  "env": {
+    "localhost": {
+      "serviceEndpoints": {
+        "api": "",
+        "idp": "https://int.idp.ellielabs.com",
+        "logger": "https://int.api.puidiagnostics.rd.elliemae.io/v1/logging"
+      }
+    },
+    "dev": {
+      "serviceEndpoints": {
+        "api": "https://dev.api.puiservice.rd.elliemae.io",
+        "idp": "https://int.idp.ellielabs.com",
+        "logger": "https://int.api.puidiagnostics.rd.elliemae.io/v1/logging"
+      }
+    },
+    "dev2": {
+      "serviceEndpoints": {
+        "api": "https://int.api.ellielabs.com",
+        "idp": "https://int.idp.ellielabs.com",
+        "logger": "https://int.api.puidiagnostics.rd.elliemae.io/v1/logging"
+      }
+    },
+    "qa": {
+      "serviceEndpoints": {
+        "api": "https://dev.api.puiservice.rd.elliemae.io",
+        "idp": "https://int.idp.ellielabs.com",
+        "logger": "https://int.api.puidiagnostics.rd.elliemae.io/v1/logging"
+      }
+    },
+    "qa2": {
+      "serviceEndpoints": {
+        "api": "https://int.api.ellielabs.com",
+        "idp": "https://int.idp.ellielabs.com",
+        "logger": "https://int.api.puidiagnostics.rd.elliemae.io/v1/logging"
+      }
+    },
+    "qa3": {
+      "serviceEndpoints": {
+        "api": "https://int.api.ellielabs.com",
+        "idp": "https://int.idp.ellielabs.com",
+        "logger": "https://int.api.puidiagnostics.rd.elliemae.io/v1/logging"
+      }
+    },
+    "int": {
+      "serviceEndpoints": {
+        "api": "https://dev.api.puiservice.rd.elliemae.io",
+        "idp": "https://int.idp.ellielabs.com",
+        "logger": "https://int.api.puidiagnostics.rd.elliemae.io/v1/logging"
+      }
+    },
+    "peg-osb1": {
+      "serviceEndpoints": {
+        "api": "https://encompass-peg-api.elliemae.com",
+        "idp": "https://peg.idp.ellielabs.com/authorize",
+        "logger": "https://int.api.puidiagnostics.rd.elliemae.io/v1/logging"
+      }
+    },
+    "peg-osb2": {
+      "serviceEndpoints": {
+        "api": "https://encompass-peg2-api.elliemae.com",
+        "idp": "https://peg.idp.ellielabs.com/authorize",
+        "logger": "https://int.api.puidiagnostics.rd.elliemae.io/v1/logging"
+      }
+    },
+    "peg": {
+      "serviceEndpoints": {
+        "api": "https://peg2-west.api.ellielabs.com",
+        "idp": "https://peg.idp.ellielabs.com/authorize",
+        "logger": "https://int.api.puidiagnostics.rd.elliemae.io/v1/logging"
+      }
+    },
+    "peg-oapi-west": {
+      "serviceEndpoints": {
+        "api": "https://peg2-west.api.ellielabs.com",
+        "idp": "https://peg.idp.ellielabs.com/authorize",
+        "logger": "https://int.api.puidiagnostics.rd.elliemae.io/v1/logging"
+      }
+    },
+    "peg-oapi-east": {
+      "serviceEndpoints": {
+        "api": "https://peg2-east.api.ellielabs.com",
+        "idp": "https://peg.idp.ellielabs.com/authorize",
+        "logger": "https://int.api.puidiagnostics.rd.elliemae.io/v1/logging"
+      }
+    },
+    "peg2-oapi-east": {
+      "serviceEndpoints": {
+        "api": "https://peg2-east.api.ellielabs.com",
+        "idp": "https://peg.idp.ellielabs.com/authorize",
+        "logger": "https://int.api.puidiagnostics.rd.elliemae.io/v1/logging"
+      }
+    },
+    "peg3": {
+      "serviceEndpoints": {
+        "api": "https://pel1.api.ellielabs.com",
+        "idp": "https://peg3.idp.ellielabs.com/authorize",
+        "logger": "https://int.api.puidiagnostics.rd.elliemae.io/v1/logging"
+      }
+    },
+    "stage": {
+      "serviceEndpoints": {
+        "api": "https://stg.api.elliemae.com",
+        "idp": "https://stg.idp.elliemae.com/authorize",
+        "logger": "https://stg.api.puidiagnostics.ellielabs.com/v1/logging"
+      }
+    },
+    "beta": {
+      "serviceEndpoints": {
+        "api": "https://concept.api.elliemae.com",
+        "idp": "https://concept.idp.elliemae.com/authorize",
+        "logger": "https://concept.api.puidiagnostics.elliemae.com/v1/logging"
+      }
+    },
+    "demo": {
+      "serviceEndpoints": {
+        "api": "https://concept.api.elliemae.com",
+        "idp": "https://concept.idp.elliemae.com/authorize",
+        "logger": "https://concept.api.puidiagnostics.elliemae.com/v1/logging"
+      }
+    },
+    "epc": {
+      "serviceEndpoints": {
+        "api": "https://concept.api.elliemae.com",
+        "idp": "https://concept.idp.elliemae.com/authorize",
+        "logger": "https://concept.api.puidiagnostics.elliemae.com/v1/logging"
+      }
+    },
+    "prod": {
+      "serviceEndpoints": {
+        "api": "https://api.elliemae.com",
+        "idp": "https://idp.elliemae.com/authorize",
+        "logger": "https://api.puidiagnostics.ellieservices.com/v1/logging"
+      }
+    }
+  }
+}

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

@@ -89,7 +89,8 @@ const authorize = async ({
     const { tokenType, accessToken } = await getToken({
       idpCode,
       redirectUri,
-      clientId
+      clientId,
+      scope
     });
     const authorizationToken = `${tokenType} ${accessToken}`;
     setAuthorizationHeader(authorizationToken);

package/dist/esm/utils/testing/render-with-router-redux.js

@@ -3,22 +3,21 @@ import { render } from "@testing-library/react";
 import { Provider } from "react-redux";
 import { createMemoryHistory } from "history";
 import { createAppStore } from "../../data/store.js";
-import { browserHistory } from "../history.js";
 import { AppRouter } from "../../view/app-router.js";
-const renderWithRouterRedux = (ui, {
-  route = "/",
-  history = createMemoryHistory({ initialEntries: [route] }),
-  initialState,
-  store = createAppStore(initialState, browserHistory)
-} = {}) => ({
-  ...render(
-    /* @__PURE__ */ jsx(Provider, { store, children: /* @__PURE__ */ jsx(AppRouter, { history, children: ui }) })
-  ),
-  // adding `store` to the returned utilities to allow us
-  // to reference it in our tests (just try to avoid using
-  // this to test implementation details).
-  store
-});
+const renderWithRouterRedux = (ui, options) => {
+  const { route = "/", basename = "/", initialState } = options || {};
+  const { history = createMemoryHistory({ initialEntries: [route] }) } = options || {};
+  const { store = createAppStore(initialState, history) } = options || {};
+  return {
+    ...render(
+      /* @__PURE__ */ jsx(Provider, { store, children: /* @__PURE__ */ jsx(AppRouter, { basename, history, children: ui }) })
+    ),
+    // adding `store` to the returned utilities to allow us
+    // to reference it in our tests (just try to avoid using
+    // this to test implementation details).
+    store
+  };
+};
 export {
   renderWithRouterRedux
 };

package/dist/esm/utils/window.js

@@ -27,7 +27,13 @@ const getCurrentBreakpoint = () => {
     return "medium";
   return "large";
 };
-const getAssetPath = () => window?.emui?._ASSET_PATH || "latest/";
+const getAssetPath = () => {
+  const assetPath = window?.emui?._ASSET_PATH || "latest/";
+  if (!window.emui?.version)
+    return assetPath;
+  const majorMinorVersion = window.emui?.version.match(/^(?:\d+\.\d+)*/g);
+  return majorMinorVersion && majorMinorVersion[0] ? assetPath.replace("latest/", `${majorMinorVersion[0]}/`) : assetPath;
+};
 export {
   getAssetPath,
   getCurrentBreakpoint,

package/dist/esm/view/micro-app/resources/manifest.js

@@ -15,20 +15,27 @@ const getAppManifest = async ({
     `${manifestPath.replace(/\/?$/, "/")}manifest.json`,
     hostUrl
   );
-  const response = await getHTTPClient().get(
-    removeDoubleSlash(url.href)
-  );
-  const { headers } = response;
-  if (headers["content-type"]?.includes?.("application/json"))
-    return response.data;
-  const unVersionedManifestPath = getUnVersionedManifestPath(manifestPath);
-  if (manifestPath !== unVersionedManifestPath) {
-    return getAppManifest({
-      hostUrl,
-      manifestPath: getUnVersionedManifestPath(manifestPath)
-    });
+  const getUnVersionedManifestJson = () => {
+    const unVersionedManifestPath = getUnVersionedManifestPath(manifestPath);
+    if (manifestPath !== unVersionedManifestPath) {
+      return getAppManifest({
+        hostUrl,
+        manifestPath: getUnVersionedManifestPath(manifestPath)
+      });
+    }
+    throw new Error("manifest.json is not available for the application");
+  };
+  try {
+    const response = await getHTTPClient().get(
+      removeDoubleSlash(url.href)
+    );
+    const { headers } = response;
+    if (headers["content-type"]?.includes?.("application/json"))
+      return response.data;
+    return await getUnVersionedManifestJson();
+  } catch (err) {
+    return getUnVersionedManifestJson();
   }
-  throw new Error("manifest.json is not available for the application");
 };
 const getFullFileNameofAssetsFromManifest = (manifest, assetNames = []) => assetNames.reduce((assets, assetName) => {
   const fullFileName = manifest[assetName];

package/dist/esm/view/wait-message/index.js

@@ -1,54 +1,47 @@
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { memo, useEffect } from "react";
-import styled from "styled-components";
-import { DSBackdrop } from "@elliemae/ds-backdrop";
-import { DSCircularIndeterminateIndicator } from "@elliemae/ds-circular-progress-indicator";
+import { jsx } from "react/jsx-runtime";
+import { memo, useEffect, useRef, useState } from "react";
+import { DSLoadingIndicator } from "@elliemae/ds-loading-indicator";
 import { useAppSelector } from "../../data/react.js";
 import { useHTMLWaitMessage } from "./use-html-wait-message.js";
 import {
   waitStartEvent,
   waitEndEvent
 } from "../../analytics/user-wait-event.js";
-const StyledCircularIndicator = styled(DSCircularIndeterminateIndicator)`
-  position: absolute;
-  left: 50%;
-  top: 50%;
-  transform: translate(-50%, -50%);
-`;
 const WaitMessage = memo(
   ({
-    size = "xl",
-    color = "light",
-    showText = true,
-    withTooltip = false,
-    tooltipStartPlacementPreference = "center",
+    size = "m",
+    style = { color: "white", fontSize: "1.25rem" },
     ...rest
   }) => {
+    const ref = useRef(false);
+    const [show, setShow] = useState(false);
     const isOpen = useAppSelector((state) => state.waitMessage?.isOpen);
+    ref.current = isOpen ?? false;
     const message = useAppSelector((state) => state.waitMessage?.message);
     useEffect(() => {
-      if (isOpen)
-        waitStartEvent();
-      else
+      setTimeout(() => {
+        if (isOpen && ref.current) {
+          setShow(true);
+          waitStartEvent();
+        }
+      }, 1e3);
+      if (!isOpen) {
+        setShow(false);
         waitEndEvent();
+      }
     }, [isOpen]);
     useHTMLWaitMessage(isOpen !== null);
-    return isOpen ? /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(DSBackdrop, {}),
-      /* @__PURE__ */ jsx(
-        StyledCircularIndicator,
-        {
-          id: "em-loading",
-          size,
-          color,
-          showText,
-          withTooltip,
-          tooltipStartPlacementPreference,
-          ...rest,
-          text: message
-        }
-      )
-    ] }) : null;
+    return show ? /* @__PURE__ */ jsx(
+      DSLoadingIndicator,
+      {
+        id: "em-loading",
+        size,
+        style,
+        ...rest,
+        loading: isOpen,
+        message
+      }
+    ) : null;
   }
 );
 export {

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

@@ -3,6 +3,7 @@ interface GetTokenRequestParams {
     clientId: string;
     redirectUri: string;
     idpCode: string;
+    scope: string;
 }
 export interface GetTokenResponse {
     token_type: string;
@@ -14,7 +15,7 @@ interface GetTokenError {
 export interface GetTokenErrorResponse extends AxiosError {
     response: AxiosResponse<GetTokenError>;
 }
-export declare const getToken: ({ clientId, redirectUri, idpCode, }: GetTokenRequestParams) => Promise<{
+export declare const getToken: ({ clientId, redirectUri, idpCode, scope, }: GetTokenRequestParams) => Promise<{
     tokenType: string;
     accessToken: string;
 }>;

package/dist/types/lib/data/store.d.ts

@@ -23,12 +23,12 @@ export declare const createAppStore: (initialState: import("redux").CombinedStat
     error: import("./error/index.js").ErrorState;
     breakpoint: import("./breakpoint/index.js").BreakpointState;
     liveMessage: import("./live-message/index.js").LiveMessageState;
-}> | undefined, history: History, middlewareConfig?: MiddlewareConfig) => import("@reduxjs/toolkit/dist/configureStore.js").ToolkitStore<import("redux").CombinedState<{
+}> | undefined, history: History, middlewareConfig?: MiddlewareConfig) => import("@reduxjs/toolkit/dist/configureStore.js").ToolkitStore<import("redux").EmptyObject & {
     waitMessage: import("./wait-message/reducer.js").WaitMessageState;
     error: import("./error/index.js").ErrorState;
     breakpoint: import("./breakpoint/index.js").BreakpointState;
     liveMessage: import("./live-message/index.js").LiveMessageState;
-}>, {
+}, {
     payload: import("./wait-message/reducer.js").WaitMessageState;
     type: string;
 } | import("redux").AnyAction | {

package/dist/types/lib/utils/app-config/tests/index.test.d.ts

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

package/dist/types/lib/utils/testing/render-with-redux.d.ts

@@ -5,12 +5,12 @@ interface Args {
     store: AppStore;
 }
 export declare const renderWithRedux: (ui: React.ReactElement, { initialState, store, }?: Args) => {
-    store: import("@reduxjs/toolkit/dist/configureStore.js").ToolkitStore<import("redux").CombinedState<{
+    store: import("@reduxjs/toolkit/dist/configureStore.js").ToolkitStore<import("redux").EmptyObject & {
         waitMessage: import("../../data/wait-message/reducer.js").WaitMessageState;
         error: import("../../data/error/index.js").ErrorState;
         breakpoint: import("../../data/breakpoint/index.js").BreakpointState;
         liveMessage: import("../../data/live-message/index.js").LiveMessageState;
-    }>, {
+    }, {
         payload: import("../../data/wait-message/reducer.js").WaitMessageState;
         type: string;
     } | import("redux").AnyAction | {

package/dist/types/lib/utils/testing/render-with-router-redux.d.ts

@@ -3,17 +3,18 @@ import { History } from 'history';
 import { AppStore, RootState } from '../../data/store.js';
 interface Args {
     initialState: RootState;
-    store: AppStore;
-    route: string;
-    history: History;
+    store?: AppStore;
+    route?: string;
+    basename?: string;
+    history?: History;
 }
-export declare const renderWithRouterRedux: (ui: React.ReactElement, { route, history, initialState, store, }?: Args) => {
-    store: import("@reduxjs/toolkit/dist/configureStore.js").ToolkitStore<import("redux").CombinedState<{
+export declare const renderWithRouterRedux: (ui: React.ReactElement, options?: Args) => {
+    store: import("@reduxjs/toolkit/dist/configureStore.js").ToolkitStore<import("redux").EmptyObject & {
         waitMessage: import("../../data/wait-message/reducer.js").WaitMessageState;
         error: import("../../data/error/index.js").ErrorState;
         breakpoint: import("../../data/breakpoint/index.js").BreakpointState;
         liveMessage: import("../../data/live-message/index.js").LiveMessageState;
-    }>, {
+    }, {
         payload: import("../../data/wait-message/reducer.js").WaitMessageState;
         type: string;
     } | import("redux").AnyAction | {

package/dist/types/lib/view/breakpoint/index.stories.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { Meta } from '@storybook/react';
 declare const _default: Meta<import("@storybook/react").Args>;
 export default _default;

package/dist/types/lib/view/error-boundary/default-error-template.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface ErrorTemplateProps {
     error: Error | null;
     errorInfo: {

package/dist/types/lib/view/error-toast/index.stories.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { Meta } from '@storybook/react';
 declare const _default: Meta<import("@storybook/react").Args>;
 export default _default;

package/dist/types/lib/view/fields/check-box/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { RegisterOptions, FieldValues, FieldPath } from 'react-hook-form';
 export type CheckBoxProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> = {
     name: string;

package/dist/types/lib/view/fields/combo-box/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { RegisterOptions, FieldValues, FieldPath } from 'react-hook-form';
 export type ComboBoxProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> = {
     name: string;

package/dist/types/lib/view/fields/connect-form.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { UseFormReturn, FieldValues } from 'react-hook-form';
 export type ConnectFormProps = {
     children: <TFieldValues extends FieldValues>(methods: UseFormReturn<TFieldValues>) => JSX.Element;

package/dist/types/lib/view/fields/date-input/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { RegisterOptions, FieldValues, FieldPath } from 'react-hook-form';
 export type DateInputProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> = {
     name: string;

package/dist/types/lib/view/fields/date-picker/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { RegisterOptions, FieldValues, FieldPath } from 'react-hook-form';
 export type DatePickerProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> = {
     name: string;

package/dist/types/lib/view/fields/date-range-picker/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { RegisterOptions, FieldValues, FieldPath } from 'react-hook-form';
 export type DateRangePickerProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> = {
     name: string;

package/dist/types/lib/view/fields/large-text-box/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { RegisterOptions, FieldValues, FieldPath } from 'react-hook-form';
 export type LargeTextBoxProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> = {
     name: string;

package/dist/types/lib/view/fields/radio/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { RegisterOptions, FieldValues, FieldPath } from 'react-hook-form';
 export type RadioProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> = {
     name: string;

package/dist/types/lib/view/fields/radio-group/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { RegisterOptions, FieldValues, FieldPath } from 'react-hook-form';
 export type RadioGroupProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> = {
     name: string;

package/dist/types/lib/view/fields/text-box/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { RegisterOptions, FieldValues, FieldPath } from 'react-hook-form';
 export type TextBoxProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> = {
     name: string;

package/dist/types/lib/view/fields/watch-value.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export type WatchValueProps = {
     name: string;
     label: string;

package/dist/types/lib/view/form/personal-info-section.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const FirstName: () => JSX.Element;
 export declare const DOB: () => JSX.Element;
 export declare const State: () => JSX.Element;

package/dist/types/lib/view/live-message/index.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare const LiveMessage: () => JSX.Element;

package/dist/types/lib/view/live-message/index.stories.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { Meta } from '@storybook/react';
 declare const _default: Meta<import("@storybook/react").Args>;
 export default _default;

package/dist/types/lib/view/session-timeout/index.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare const SessionTimeout: () => JSX.Element;

package/dist/types/lib/view/session-timeout/index.stories.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { Meta } from '@storybook/react';
 declare const _default: Meta<import("@storybook/react").Args>;
 export default _default;

package/dist/types/lib/view/wait-message/index.d.ts

@@ -1,13 +1,7 @@
 /// <reference types="react" />
-import { DSCircularIndeterminateIndicator } from '@elliemae/ds-circular-progress-indicator';
-type CircularIndicatorProps = React.ComponentProps<typeof DSCircularIndeterminateIndicator>;
 export interface WaitMessageProps {
-    size?: CircularIndicatorProps['size'];
-    color?: CircularIndicatorProps['color'];
-    showText?: CircularIndicatorProps['showText'];
-    withTooltip?: CircularIndicatorProps['withTooltip'];
-    tooltipStartPlacementPreference?: CircularIndicatorProps['tooltipStartPlacementPreference'];
+    size?: string;
+    style?: React.CSSProperties;
     [x: string]: any;
 }
 export declare const WaitMessage: import("react").NamedExoticComponent<WaitMessageProps>;
-export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/pui-app-sdk",
-  "version": "4.14.0",
+  "version": "4.14.2",
   "description": "ICE MT UI Platform Application SDK ",
   "sideEffects": [
     "*.css",
@@ -64,7 +64,7 @@
   },
   "engines": {
     "pnpm": ">=6",
-    "node": ">=16"
+    "node": ">=18"
   },
   "author": "ICE MT",
   "license": "MIT",
@@ -123,6 +123,7 @@
     "@elliemae/ds-form": "^3.13.2",
     "@elliemae/ds-form-layout-blocks": "^3.13.2",
     "@elliemae/ds-grid": "^3.13.2",
+    "@elliemae/ds-loading-indicator": "^3.13.2",
     "@elliemae/ds-modal": "^3.13.2",
     "@elliemae/ds-popperjs": "^3.13.2",
     "@elliemae/ds-toast": "^3.13.2",
@@ -147,6 +148,7 @@
     "@elliemae/ds-form": "~3.13.2",
     "@elliemae/ds-form-layout-blocks": "~3.13.2",
     "@elliemae/ds-grid": "~3.13.2",
+    "@elliemae/ds-loading-indicator": "~3.13.2",
     "@elliemae/ds-modal": "~3.13.2",
     "@elliemae/ds-popperjs": "~3.13.2",
     "@elliemae/ds-toast": "~3.13.2",