@elliemae/pui-app-sdk 5.17.6 → 6.0.0-alpha.1

package/dist/cjs/data/wait-message/actions.js

@@ -27,9 +27,9 @@ const ACTIONS = {
   CLOSE: "wait-message/CLOSE"
 };
 const waitMessage = {
-  open: (message = "loading...") => ({
+  open: (message = "loading...", delay = true) => ({
     type: ACTIONS.OPEN,
-    payload: { message }
+    payload: { message, delay }
   }),
   close: () => ({
     type: ACTIONS.CLOSE,

package/dist/cjs/data/wait-message/reducer.js

@@ -36,13 +36,15 @@ var import_immer = __toESM(require("immer"));
 var import_actions = require("./actions.js");
 const initialState = {
   isOpen: null,
-  message: "loading..."
+  message: "loading...",
+  delay: true
 };
 const waitMessageReducer = (state = initialState, action) => (0, import_immer.default)(state, (draft) => {
   switch (action.type) {
     case import_actions.ACTIONS.OPEN:
       draft.isOpen = true;
       draft.message = action.payload.message;
+      draft.delay = action.payload.delay;
       break;
     case import_actions.ACTIONS.CLOSE:
       draft.isOpen = false;

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

@@ -58,20 +58,24 @@ const WaitMessage = (0, import_react.memo)(
     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);
+    const delay = (0, import_react2.useAppSelector)((state) => state.waitMessage?.delay);
     ref.current = isOpen ?? false;
     const message = (0, import_react2.useAppSelector)((state) => state.waitMessage?.message);
     (0, import_react.useEffect)(() => {
-      setTimeout(() => {
-        if (isOpen && ref.current) {
-          setShow(true);
-          (0, import_user_wait_event.waitStartEvent)();
-        }
-      }, 1e3);
+      setTimeout(
+        () => {
+          if (isOpen && ref.current) {
+            setShow(true);
+            (0, import_user_wait_event.waitStartEvent)();
+          }
+        },
+        delay ? 1e3 : 0
+      );
       if (!isOpen) {
         setShow(false);
         (0, import_user_wait_event.waitEndEvent)();
       }
-    }, [isOpen]);
+    }, [delay, isOpen]);
     (0, import_use_html_wait_message.useHTMLWaitMessage)(isOpen !== null);
     return show ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_backdrop.DSBackdrop, { zIndex: theme.zIndex.loader }),

package/dist/esm/data/wait-message/actions.js

@@ -3,9 +3,9 @@ const ACTIONS = {
   CLOSE: "wait-message/CLOSE"
 };
 const waitMessage = {
-  open: (message = "loading...") => ({
+  open: (message = "loading...", delay = true) => ({
     type: ACTIONS.OPEN,
-    payload: { message }
+    payload: { message, delay }
   }),
   close: () => ({
     type: ACTIONS.CLOSE,

package/dist/esm/data/wait-message/reducer.js

@@ -2,13 +2,15 @@ import produce from "immer";
 import { ACTIONS } from "./actions.js";
 const initialState = {
   isOpen: null,
-  message: "loading..."
+  message: "loading...",
+  delay: true
 };
 const waitMessageReducer = (state = initialState, action) => produce(state, (draft) => {
   switch (action.type) {
     case ACTIONS.OPEN:
       draft.isOpen = true;
       draft.message = action.payload.message;
+      draft.delay = action.payload.delay;
       break;
     case ACTIONS.CLOSE:
       draft.isOpen = false;

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

@@ -28,20 +28,24 @@ const WaitMessage = memo(
     const ref = useRef(false);
     const [show, setShow] = useState(false);
     const isOpen = useAppSelector((state) => state.waitMessage?.isOpen);
+    const delay = useAppSelector((state) => state.waitMessage?.delay);
     ref.current = isOpen ?? false;
     const message = useAppSelector((state) => state.waitMessage?.message);
     useEffect(() => {
-      setTimeout(() => {
-        if (isOpen && ref.current) {
-          setShow(true);
-          waitStartEvent();
-        }
-      }, 1e3);
+      setTimeout(
+        () => {
+          if (isOpen && ref.current) {
+            setShow(true);
+            waitStartEvent();
+          }
+        },
+        delay ? 1e3 : 0
+      );
       if (!isOpen) {
         setShow(false);
         waitEndEvent();
       }
-    }, [isOpen]);
+    }, [delay, isOpen]);
     useHTMLWaitMessage(isOpen !== null);
     return show ? /* @__PURE__ */ jsxs(Fragment, { children: [
       /* @__PURE__ */ jsx(DSBackdrop, { zIndex: theme.zIndex.loader }),

package/dist/types/lib/data/wait-message/actions.d.ts

@@ -4,8 +4,9 @@ export declare const ACTIONS: {
     CLOSE: string;
 };
 export declare const waitMessage: {
-    open: (message?: string) => PayloadAction<{
+    open: (message?: string, delay?: boolean) => PayloadAction<{
         message: string;
+        delay: boolean;
     }>;
     close: () => PayloadAction<null>;
 };

package/dist/types/lib/data/wait-message/reducer.d.ts

@@ -2,6 +2,7 @@ import { PayloadAction } from '@reduxjs/toolkit';
 export type WaitMessageState = {
     isOpen: boolean | null;
     message: string;
+    delay: boolean;
 };
 export declare const initialState: WaitMessageState;
 export declare const waitMessageReducer: (state: WaitMessageState | undefined, action: PayloadAction<WaitMessageState>) => WaitMessageState;