@elliemae/pui-app-sdk 4.13.1 → 4.13.2

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

@@ -33,16 +33,25 @@ const WaitMessage = (0, import_react.memo)(
     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 /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    return show ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       import_ds_loading_indicator.DSLoadingIndicator,
       {
         id: "em-loading",
@@ -52,6 +61,6 @@ const WaitMessage = (0, import_react.memo)(
         loading: isOpen,
         message
       }
-    );
+    ) : null;
   }
 );

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

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import { memo, useEffect } from "react";
+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";
@@ -13,16 +13,25 @@ const WaitMessage = memo(
     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 /* @__PURE__ */ jsx(
+    return show ? /* @__PURE__ */ jsx(
       DSLoadingIndicator,
       {
         id: "em-loading",
@@ -32,7 +41,7 @@ const WaitMessage = memo(
         loading: isOpen,
         message
       }
-    );
+    ) : null;
   }
 );
 export {

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/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

@@ -8,12 +8,12 @@ interface Args {
     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<{
+    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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/pui-app-sdk",
-  "version": "4.13.1",
+  "version": "4.13.2",
   "description": "ICE MT UI Platform Application SDK ",
   "sideEffects": [
     "*.css",