@elliemae/pui-app-sdk 4.11.0 → 4.11.2

package/dist/cjs/index.js

@@ -52,6 +52,7 @@ __export(lib_exports, {
   LargeTextBox: () => import_large_text_box.LargeTextBox,
   MASK_PIPES: () => import_input_mask.MASK_PIPES,
   MASK_TYPES: () => import_input_mask.MASK_TYPES,
+  MaskedInputText: () => import_masked_input_text.MaskedInputText,
   MicroApp: () => import_micro_app.MicroApp,
   MicroIFrameApp: () => import_micro_iframe_app.MicroIFrameApp,
   NavigationPrompt: () => import_navigation_prompt.NavigationPrompt,
@@ -70,6 +71,8 @@ __export(lib_exports, {
   WaitMessage: () => import_wait_message.WaitMessage,
   ariaLive: () => import_live_message.actions,
   auth: () => import_actions.auth,
+  authReducer: () => import_reducer.authReducer,
+  authSaga: () => import_auth2.authentication,
   authorize: () => import_auth.authorize,
   configureStore: () => import_store.createAppStore,
   createManager: () => import_redux_injectors.createManager,
@@ -137,6 +140,8 @@ var import_http_client = require("./communication/http-client/index.js");
 var import_response_interceptor = require("./communication/http-client/response-interceptor.js");
 var import_actions = require("./data/auth/actions.js");
 var import_require_auth = require("./view/require-auth.js");
+var import_auth2 = require("./sideeffect/auth/index.js");
+var import_reducer = require("./data/auth/reducer.js");
 var import_page = require("./view/page.js");
 var import_constants = __toESM(require("./utils/constants.js"));
 var import_react_redux = require("./data/react-redux.js");
@@ -186,6 +191,7 @@ var import_text_box = require("./view/fields/text-box/index.js");
 var import_input_text = require("./view/fields/input-text/index.js");
 var import_large_text_box = require("./view/fields/large-text-box/index.js");
 var import_input_mask = require("./view/fields/input-mask/index.js");
+var import_masked_input_text = require("./view/fields/masked-input-text/index.js");
 var import_combo_box = require("./view/fields/combo-box/index.js");
 var import_combo_box_v3 = require("./view/fields/combo-box-v3/index.js");
 var import_check_box = require("./view/fields/check-box/index.js");

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,25 +23,14 @@ __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_react_redux = require("../../data/react-redux.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 isOpen = (0, import_react_redux.useAppSelector)((state) => state.waitMessage?.isOpen);
@@ -63,21 +42,16 @@ const WaitMessage = (0, import_react.memo)(
         (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 /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_ds_loading_indicator.DSLoadingIndicator,
+      {
+        id: "em-loading",
+        size,
+        style,
+        ...rest,
+        loading: isOpen,
+        message
+      }
+    );
   }
 );

package/dist/esm/index.js

@@ -6,6 +6,8 @@ import {
 import { onAuthorizationFailure } from "./communication/http-client/response-interceptor.js";
 import { auth } from "./data/auth/actions.js";
 import { RequireAuth } from "./view/require-auth.js";
+import { authentication } from "./sideeffect/auth/index.js";
+import { authReducer } from "./data/auth/reducer.js";
 import { Page } from "./view/page.js";
 import { default as default2 } from "./utils/constants.js";
 import { useAppDispatch, useAppSelector } from "./data/react-redux.js";
@@ -85,6 +87,7 @@ import {
   MASK_TYPES,
   MASK_PIPES
 } from "./view/fields/input-mask/index.js";
+import { MaskedInputText } from "./view/fields/masked-input-text/index.js";
 import { ComboBox } from "./view/fields/combo-box/index.js";
 import { ComboBoxV3 } from "./view/fields/combo-box-v3/index.js";
 import { CheckBox } from "./view/fields/check-box/index.js";
@@ -135,6 +138,7 @@ export {
   LargeTextBox,
   MASK_PIPES,
   MASK_TYPES,
+  MaskedInputText,
   MicroApp,
   MicroIFrameApp,
   NavigationPrompt,
@@ -153,6 +157,8 @@ export {
   WaitMessage,
   actions as ariaLive,
   auth,
+  authReducer,
+  authentication as authSaga,
   authorize,
   createAppStore as configureStore,
   createManager,

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

@@ -1,27 +1,16 @@
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { jsx } 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 { DSLoadingIndicator } from "@elliemae/ds-loading-indicator";
 import { useAppSelector } from "../../data/react-redux.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 isOpen = useAppSelector((state) => state.waitMessage?.isOpen);
@@ -33,22 +22,17 @@ const WaitMessage = memo(
         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 /* @__PURE__ */ jsx(
+      DSLoadingIndicator,
+      {
+        id: "em-loading",
+        size,
+        style,
+        ...rest,
+        loading: isOpen,
+        message
+      }
+    );
   }
 );
 export {

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

@@ -3,6 +3,8 @@ export { getHTTPClient, getAuthHTTPClient, } from './communication/http-client/i
 export { onAuthorizationFailure } from './communication/http-client/response-interceptor.js';
 export { auth } from './data/auth/actions.js';
 export { RequireAuth } from './view/require-auth.js';
+export { authentication as authSaga } from './sideeffect/auth/index.js';
+export { authReducer } from './data/auth/reducer.js';
 export { Page } from './view/page.js';
 export { default as globalConstants } from './utils/constants.js';
 export { useAppDispatch, useAppSelector } from './data/react-redux.js';
@@ -52,6 +54,7 @@ export { TextBox } from './view/fields/text-box/index.js';
 export { InputText } from './view/fields/input-text/index.js';
 export { LargeTextBox } from './view/fields/large-text-box/index.js';
 export { InputMask, MASK_TYPES, MASK_PIPES, } from './view/fields/input-mask/index.js';
+export { MaskedInputText } from './view/fields/masked-input-text/index.js';
 export { ComboBox } from './view/fields/combo-box/index.js';
 export { ComboBoxV3 } from './view/fields/combo-box-v3/index.js';
 export { CheckBox } from './view/fields/check-box/index.js';

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.11.0",
+  "version": "4.11.2",
   "description": "ICE MT UI Platform Application SDK ",
   "sideEffects": [
     "*.css",
@@ -123,6 +123,7 @@
     "@elliemae/ds-form": "^3.13.1",
     "@elliemae/ds-form-layout-blocks": "^3.13.1",
     "@elliemae/ds-grid": "^3.13.1",
+    "@elliemae/ds-loading-indicator": "^3.13.1",
     "@elliemae/ds-modal": "^3.13.1",
     "@elliemae/ds-popperjs": "^3.13.1",
     "@elliemae/ds-toast": "^3.13.1",
@@ -147,6 +148,7 @@
     "@elliemae/ds-form": "~3.13.1",
     "@elliemae/ds-form-layout-blocks": "~3.13.1",
     "@elliemae/ds-grid": "~3.13.1",
+    "@elliemae/ds-loading-indicator": "~3.13.1",
     "@elliemae/ds-modal": "~3.13.1",
     "@elliemae/ds-popperjs": "~3.13.1",
     "@elliemae/ds-toast": "~3.13.1",