@elliemae/pui-app-sdk 4.12.0 → 5.0.0-next.1

package/dist/cjs/utils/log-records.js

@@ -24,62 +24,62 @@ module.exports = __toCommonJS(log_records_exports);
 const logRecords = {
   ERR_TOAST_OPEN_FAILED: {
     code: "appsdk001",
-    msg: "Unable to open Error Toast"
+    message: "Unable to open Error Toast"
   },
   WAIT_MSG_OPEN_FAILED: {
     code: "appsdk02",
-    msg: "Unable to open Wait message"
+    message: "Unable to open Wait message"
   },
   WAIT_MSG_CLOSE_FAILED: {
     code: "appsdk03",
-    msg: "Unable to close Wait message"
+    message: "Unable to close Wait message"
   },
   APP_CONFIG_LOAD_FAILED: {
     code: "appsdk04",
-    msg: "Unable to load application configuration"
+    message: "Unable to load application configuration"
   },
   ASSET_NOT_FOUND_IN_MANIFEST: (assetName) => ({
     code: "appsdk05",
-    msg: `Application load failed. unable to locate ${assetName} in the manifest`
+    message: `Application load failed. unable to locate ${assetName} in the manifest`
   }),
   APP_INIT_FAILED: (appId, errMsg) => ({
     code: "appsdk06",
-    msg: `Application load failed. Unable to load one or more application resources for appId: ${appId}. ${errMsg}`
+    message: `Application load failed. Unable to load one or more application resources for appId: ${appId}. ${errMsg}`
   }),
   APP_LOADING: (appId) => ({
     code: "appsdk07",
-    msg: `Application ${appId} is loading...`
+    message: `Application ${appId} is loading...`
   }),
   APP_LOADING_COMPLETE: (appId) => ({
     code: "appsdk08",
-    msg: `Application ${appId} loaded`
+    message: `Application ${appId} loaded`
   }),
   APP_UNLOADING: (appId) => ({
     code: "appsdk09",
-    msg: `Application ${appId} unloading...`
+    message: `Application ${appId} unloading...`
   }),
   APP_UNLOADING_COMPLETE: (appId) => ({
     code: "appsdk10",
-    msg: `Application ${appId} unloaded`
+    message: `Application ${appId} unloaded`
   }),
   SSF_HOST_OBJECT_NOT_FOUND: (name) => ({
     code: "appsdk11",
-    msg: `Parent window doesn't expose SSF Object named ${name}`
+    message: `Parent window doesn't expose SSF Object named ${name}`
   }),
   LOGIN_FAILED: {
     code: "appsdk12",
-    msg: "Unable to login the user."
+    message: "Unable to login the user."
   },
   LOGOUT_FAILED: {
     code: "appsdk13",
-    msg: "Unable to logout the user."
+    message: "Unable to logout the user."
   },
   SERVICE_WORKER_FAILED: {
     code: "appsdk14",
-    msg: "Service Worker Registration Failed"
+    message: "Service Worker Registration Failed"
   },
   UNHANDLED_ERROR: {
     code: "appsdk15",
-    msg: "Unhandled error in react component"
+    message: "Unhandled error in react component"
   }
 };

package/dist/cjs/utils/micro-frontend/console-logger.js

@@ -30,11 +30,10 @@ const logger = (() => {
     transport: (0, import_pui_diagnostics.Console)(),
     index: "app",
     environment: (0, import_config.getAppConfigValue)("activeEnv"),
-    logger: "icemt.app.logger",
     team: "app team",
     appName: "ICEMT App",
     appVersion: "latest",
-    tenantId: "",
+    instanceId: "",
     userId: ""
   });
 })();

package/dist/cjs/view/micro-app/app-factory/index.js

@@ -116,7 +116,7 @@ const waitAndInitApplication = (appConfig, requests) => (
   Promise.all(requests).then(addAppToActiveAppList.bind(null, appConfig.id)).then(initApplication.bind(null, appConfig)).catch((err) => {
     const logRecord = import_log_records.logRecords.APP_INIT_FAILED(appConfig.id, err.message);
     (0, import_micro_frontend.getLogger)().error({ ...logRecord, exception: err });
-    throw new Error(logRecord.msg);
+    throw new Error(logRecord.message);
   })
 );
 const removeAssetsFromDOM = (id, documentEle = document) => {

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

@@ -61,7 +61,7 @@ const getFullFileNameofAssetsFromManifest = (manifest, assetNames = []) => asset
   else {
     const logRecord = import_log_records.logRecords.ASSET_NOT_FOUND_IN_MANIFEST(assetName);
     (0, import_micro_frontend.getLogger)().error(logRecord);
-    throw new Error(logRecord.msg);
+    throw new Error(logRecord.message);
   }
   return assets;
 }, []);

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

@@ -1,7 +1,9 @@
 "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)
@@ -15,6 +17,14 @@ 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, {
@@ -23,14 +33,25 @@ __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_ds_loading_indicator = require("@elliemae/ds-loading-indicator");
+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_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 = "m",
-    style = { color: "white", fontSize: "1.25rem" },
+    size = "xl",
+    color = "light",
+    showText = true,
+    withTooltip = false,
+    tooltipStartPlacementPreference = "center",
     ...rest
   }) => {
     const isOpen = (0, import_react2.useAppSelector)((state) => state.waitMessage?.isOpen);
@@ -42,16 +63,21 @@ const WaitMessage = (0, import_react.memo)(
         (0, import_user_wait_event.waitEndEvent)();
     }, [isOpen]);
     (0, import_use_html_wait_message.useHTMLWaitMessage)(isOpen !== null);
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      import_ds_loading_indicator.DSLoadingIndicator,
-      {
-        id: "em-loading",
-        size,
-        style,
-        ...rest,
-        loading: isOpen,
-        message
-      }
-    );
+    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;
   }
 );

package/dist/esm/utils/log-records.js

@@ -1,63 +1,63 @@
 const logRecords = {
   ERR_TOAST_OPEN_FAILED: {
     code: "appsdk001",
-    msg: "Unable to open Error Toast"
+    message: "Unable to open Error Toast"
   },
   WAIT_MSG_OPEN_FAILED: {
     code: "appsdk02",
-    msg: "Unable to open Wait message"
+    message: "Unable to open Wait message"
   },
   WAIT_MSG_CLOSE_FAILED: {
     code: "appsdk03",
-    msg: "Unable to close Wait message"
+    message: "Unable to close Wait message"
   },
   APP_CONFIG_LOAD_FAILED: {
     code: "appsdk04",
-    msg: "Unable to load application configuration"
+    message: "Unable to load application configuration"
   },
   ASSET_NOT_FOUND_IN_MANIFEST: (assetName) => ({
     code: "appsdk05",
-    msg: `Application load failed. unable to locate ${assetName} in the manifest`
+    message: `Application load failed. unable to locate ${assetName} in the manifest`
   }),
   APP_INIT_FAILED: (appId, errMsg) => ({
     code: "appsdk06",
-    msg: `Application load failed. Unable to load one or more application resources for appId: ${appId}. ${errMsg}`
+    message: `Application load failed. Unable to load one or more application resources for appId: ${appId}. ${errMsg}`
   }),
   APP_LOADING: (appId) => ({
     code: "appsdk07",
-    msg: `Application ${appId} is loading...`
+    message: `Application ${appId} is loading...`
   }),
   APP_LOADING_COMPLETE: (appId) => ({
     code: "appsdk08",
-    msg: `Application ${appId} loaded`
+    message: `Application ${appId} loaded`
   }),
   APP_UNLOADING: (appId) => ({
     code: "appsdk09",
-    msg: `Application ${appId} unloading...`
+    message: `Application ${appId} unloading...`
   }),
   APP_UNLOADING_COMPLETE: (appId) => ({
     code: "appsdk10",
-    msg: `Application ${appId} unloaded`
+    message: `Application ${appId} unloaded`
   }),
   SSF_HOST_OBJECT_NOT_FOUND: (name) => ({
     code: "appsdk11",
-    msg: `Parent window doesn't expose SSF Object named ${name}`
+    message: `Parent window doesn't expose SSF Object named ${name}`
   }),
   LOGIN_FAILED: {
     code: "appsdk12",
-    msg: "Unable to login the user."
+    message: "Unable to login the user."
   },
   LOGOUT_FAILED: {
     code: "appsdk13",
-    msg: "Unable to logout the user."
+    message: "Unable to logout the user."
   },
   SERVICE_WORKER_FAILED: {
     code: "appsdk14",
-    msg: "Service Worker Registration Failed"
+    message: "Service Worker Registration Failed"
   },
   UNHANDLED_ERROR: {
     code: "appsdk15",
-    msg: "Unhandled error in react component"
+    message: "Unhandled error in react component"
   }
 };
 export {

package/dist/esm/utils/micro-frontend/console-logger.js

@@ -7,11 +7,10 @@ const logger = (() => {
     transport: Console(),
     index: "app",
     environment: getAppConfigValue("activeEnv"),
-    logger: "icemt.app.logger",
     team: "app team",
     appName: "ICEMT App",
     appVersion: "latest",
-    tenantId: "",
+    instanceId: "",
     userId: ""
   });
 })();

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

@@ -103,7 +103,7 @@ const waitAndInitApplication = (appConfig, requests) => (
   Promise.all(requests).then(addAppToActiveAppList.bind(null, appConfig.id)).then(initApplication.bind(null, appConfig)).catch((err) => {
     const logRecord = logRecords.APP_INIT_FAILED(appConfig.id, err.message);
     getLogger().error({ ...logRecord, exception: err });
-    throw new Error(logRecord.msg);
+    throw new Error(logRecord.message);
   })
 );
 const removeAssetsFromDOM = (id, documentEle = document) => {

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

@@ -37,7 +37,7 @@ const getFullFileNameofAssetsFromManifest = (manifest, assetNames = []) => asset
   else {
     const logRecord = logRecords.ASSET_NOT_FOUND_IN_MANIFEST(assetName);
     getLogger().error(logRecord);
-    throw new Error(logRecord.msg);
+    throw new Error(logRecord.message);
   }
   return assets;
 }, []);

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

@@ -1,16 +1,27 @@
-import { jsx } from "react/jsx-runtime";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { memo, useEffect } from "react";
-import { DSLoadingIndicator } from "@elliemae/ds-loading-indicator";
+import styled from "styled-components";
+import { DSBackdrop } from "@elliemae/ds-backdrop";
+import { DSCircularIndeterminateIndicator } from "@elliemae/ds-circular-progress-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 = "m",
-    style = { color: "white", fontSize: "1.25rem" },
+    size = "xl",
+    color = "light",
+    showText = true,
+    withTooltip = false,
+    tooltipStartPlacementPreference = "center",
     ...rest
   }) => {
     const isOpen = useAppSelector((state) => state.waitMessage?.isOpen);
@@ -22,17 +33,22 @@ const WaitMessage = memo(
         waitEndEvent();
     }, [isOpen]);
     useHTMLWaitMessage(isOpen !== null);
-    return /* @__PURE__ */ jsx(
-      DSLoadingIndicator,
-      {
-        id: "em-loading",
-        size,
-        style,
-        ...rest,
-        loading: isOpen,
-        message
-      }
-    );
+    return isOpen ? /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(DSBackdrop, {}),
+      /* @__PURE__ */ jsx(
+        StyledCircularIndicator,
+        {
+          id: "em-loading",
+          size,
+          color,
+          showText,
+          withTooltip,
+          tooltipStartPlacementPreference,
+          ...rest,
+          text: message
+        }
+      )
+    ] }) : null;
   }
 );
 export {

package/dist/types/lib/utils/log-records.d.ts

@@ -1,42 +1,62 @@
-import { InputLogRecord } from '@elliemae/pui-diagnostics';
 export declare const logRecords: {
     ERR_TOAST_OPEN_FAILED: {
         code: string;
-        msg: string;
+        message: string;
     };
     WAIT_MSG_OPEN_FAILED: {
         code: string;
-        msg: string;
+        message: string;
     };
     WAIT_MSG_CLOSE_FAILED: {
         code: string;
-        msg: string;
+        message: string;
     };
     APP_CONFIG_LOAD_FAILED: {
         code: string;
-        msg: string;
+        message: string;
+    };
+    ASSET_NOT_FOUND_IN_MANIFEST: (assetName: string) => {
+        code: string;
+        message: string;
+    };
+    APP_INIT_FAILED: (appId: string, errMsg: string) => {
+        code: string;
+        message: string;
+    };
+    APP_LOADING: (appId: string) => {
+        code: string;
+        message: string;
+    };
+    APP_LOADING_COMPLETE: (appId: string) => {
+        code: string;
+        message: string;
+    };
+    APP_UNLOADING: (appId: string) => {
+        code: string;
+        message: string;
+    };
+    APP_UNLOADING_COMPLETE: (appId: string) => {
+        code: string;
+        message: string;
+    };
+    SSF_HOST_OBJECT_NOT_FOUND: (name: string) => {
+        code: string;
+        message: string;
     };
-    ASSET_NOT_FOUND_IN_MANIFEST: (assetName: string) => InputLogRecord;
-    APP_INIT_FAILED: (appId: string, errMsg: string) => InputLogRecord;
-    APP_LOADING: (appId: string) => InputLogRecord;
-    APP_LOADING_COMPLETE: (appId: string) => InputLogRecord;
-    APP_UNLOADING: (appId: string) => InputLogRecord;
-    APP_UNLOADING_COMPLETE: (appId: string) => InputLogRecord;
-    SSF_HOST_OBJECT_NOT_FOUND: (name: string) => InputLogRecord;
     LOGIN_FAILED: {
         code: string;
-        msg: string;
+        message: string;
     };
     LOGOUT_FAILED: {
         code: string;
-        msg: string;
+        message: string;
     };
     SERVICE_WORKER_FAILED: {
         code: string;
-        msg: string;
+        message: string;
     };
     UNHANDLED_ERROR: {
         code: string;
-        msg: string;
+        message: string;
     };
 };

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

@@ -1,7 +1,13 @@
 /// <reference types="react" />
+import { DSCircularIndeterminateIndicator } from '@elliemae/ds-circular-progress-indicator';
+type CircularIndicatorProps = React.ComponentProps<typeof DSCircularIndeterminateIndicator>;
 export interface WaitMessageProps {
-    size?: string;
-    style?: React.CSSProperties;
+    size?: CircularIndicatorProps['size'];
+    color?: CircularIndicatorProps['color'];
+    showText?: CircularIndicatorProps['showText'];
+    withTooltip?: CircularIndicatorProps['withTooltip'];
+    tooltipStartPlacementPreference?: CircularIndicatorProps['tooltipStartPlacementPreference'];
     [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.12.0",
+  "version": "5.0.0-next.1",
   "description": "ICE MT UI Platform Application SDK ",
   "sideEffects": [
     "*.css",
@@ -123,16 +123,15 @@
     "@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",
     "@elliemae/em-ssf-guest": "^1.11.2",
-    "@elliemae/pui-diagnostics": "^2.7.5",
+    "@elliemae/pui-diagnostics": "^3.0.1",
     "@elliemae/pui-micro-frontend-base": "^1.14.0",
     "@elliemae/pui-scripting-object": "^1.19.0",
     "@elliemae/pui-theme": "^2.6.0",
-    "@elliemae/pui-user-monitoring": "^1.18.1"
+    "@elliemae/pui-user-monitoring": "^1.19.0"
   },
   "devDependencies": {
     "@elliemae/app-react-dependencies": "~4.6.1",
@@ -148,19 +147,18 @@
     "@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",
     "@elliemae/em-ssf-guest": "~1.11.2",
     "@elliemae/pui-cli": "~7.27.1",
-    "@elliemae/pui-diagnostics": "~2.7.5",
+    "@elliemae/pui-diagnostics": "~3.0.1",
     "@elliemae/pui-doc-gen": "~1.4.1",
     "@elliemae/pui-e2e-test-sdk": "~7.7.1",
     "@elliemae/pui-micro-frontend-base": "~1.14.0",
     "@elliemae/pui-scripting-object": "~1.19.0",
     "@elliemae/pui-theme": "~2.6.0",
-    "@elliemae/pui-user-monitoring": "~1.18.1",
+    "@elliemae/pui-user-monitoring": "~1.19.0",
     "@types/react-aria-live": "~2.0.2"
   }
 }