@elliemae/pui-app-sdk 2.17.1 → 3.0.0-beta.10

package/dist/es/view/modals/wait-message/index.js

@@ -1,43 +1,36 @@
-import _jsx from "@babel/runtime/helpers/jsx";
-import { memo, useEffect } from 'react';
-import DSLoadingIndicator from '@elliemae/ds-basic/LoadingIndicator';
+import * as React from "react";
+import { memo, useEffect } from "react";
+import DSLoadingIndicator from "@elliemae/ds-loading-indicator";
 import { useAppSelector } from "../../../data/react-redux.js";
 import { HTMLWaitMessage } from "./html-wait-message.js";
-import { waitStartEvent, waitEndEvent } from "../../../analytics/user-wait-event.js";
-import { jsx as _jsx2 } from "react/jsx-runtime";
-import { Fragment as _Fragment } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-export const WaitMessage = /*#__PURE__*/memo(({
-  size = 'm',
-  style = {
-    color: 'white',
-    fontSize: '1.25rem'
-  },
+import {
+  waitStartEvent,
+  waitEndEvent
+} from "../../../analytics/user-wait-event.js";
+const WaitMessage = memo(({
+  size = "m",
+  style = { color: "white", fontSize: "1.25rem" },
   ...rest
 }) => {
-  const isOpen = useAppSelector(state => {
-    var _state$waitMessage;
-
-    return (_state$waitMessage = state.waitMessage) === null || _state$waitMessage === void 0 ? void 0 : _state$waitMessage.isOpen;
-  });
-  const message = useAppSelector(state => {
-    var _state$waitMessage2;
-
-    return (_state$waitMessage2 = state.waitMessage) === null || _state$waitMessage2 === void 0 ? void 0 : _state$waitMessage2.message;
-  });
+  const isOpen = useAppSelector((state) => state.waitMessage?.isOpen);
+  const message = useAppSelector((state) => state.waitMessage?.message);
   useEffect(() => {
-    if (isOpen) waitStartEvent();else waitEndEvent();
+    if (isOpen)
+      waitStartEvent();
+    else
+      waitEndEvent();
   }, [isOpen]);
-  return /*#__PURE__*/_jsxs(_Fragment, {
-    children: [/*#__PURE__*/_jsx(HTMLWaitMessage, {
-      close: isOpen !== null
-    }), /*#__PURE__*/_jsx2(DSLoadingIndicator, {
-      id: "em-loading",
-      size: size,
-      style: style,
-      ...rest,
-      loading: isOpen,
-      message: message
-    })]
-  });
-});
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(HTMLWaitMessage, {
+    close: isOpen !== null
+  }), /* @__PURE__ */ React.createElement(DSLoadingIndicator, {
+    id: "em-loading",
+    size,
+    style,
+    ...rest,
+    loading: isOpen,
+    message
+  }));
+});
+export {
+  WaitMessage
+};

package/dist/es/view/modals/wait-message/wait-message-launcher.js

@@ -1,9 +1,8 @@
-import { useEffect } from 'react';
+import * as React from "react";
+import { useEffect } from "react";
 import { useAppDispatch } from "../../../data/react-redux.js";
 import { waitMessage } from "../../../data/wait-message/actions.js";
-import { Fragment as _Fragment } from "react/jsx-runtime";
-import { jsx as _jsx } from "react/jsx-runtime";
-export const WaitMessageLauncher = () => {
+const WaitMessageLauncher = () => {
   const dispatch = useAppDispatch();
   useEffect(() => {
     dispatch(waitMessage.open());
@@ -11,5 +10,8 @@ export const WaitMessageLauncher = () => {
       dispatch(waitMessage.close());
     };
   }, [dispatch]);
-  return /*#__PURE__*/_jsx(_Fragment, {});
-};
+  return /* @__PURE__ */ React.createElement(React.Fragment, null);
+};
+export {
+  WaitMessageLauncher
+};

package/dist/es/view/render-with-delay/index.js

@@ -1,9 +1,6 @@
-import { useEffect, useState, memo } from 'react';
-import { Fragment as _Fragment } from "react/jsx-runtime";
-import { jsx as _jsx } from "react/jsx-runtime";
-export const RenderWithDelay = /*#__PURE__*/memo(({
-  render
-}) => {
+import * as React from "react";
+import { useEffect, useState, memo } from "react";
+const RenderWithDelay = memo(({ render }) => {
   const [show, showComponents] = useState(false);
   useEffect(() => {
     const timeoutId = setTimeout(showComponents.bind(null, true), 0);
@@ -11,7 +8,8 @@ export const RenderWithDelay = /*#__PURE__*/memo(({
       clearTimeout(timeoutId);
     };
   }, []);
-  return show ? /*#__PURE__*/_jsx(_Fragment, {
-    children: render()
-  }) : /*#__PURE__*/_jsx(_Fragment, {});
-});
+  return show ? /* @__PURE__ */ React.createElement(React.Fragment, null, render()) : /* @__PURE__ */ React.createElement(React.Fragment, null);
+});
+export {
+  RenderWithDelay
+};

package/dist/es/view/render-with-host-data/index.js

@@ -1,32 +1,29 @@
-import _jsx from "@babel/runtime/helpers/jsx";
-
-var _WaitMessageLauncher;
-
-import { useState, useEffect } from 'react';
+import * as React from "react";
+import { useState, useEffect } from "react";
 import { fetchHostAppData } from "../fetch-host-app-data/index.js";
 import { WaitMessageLauncher } from "../modals/wait-message/wait-message-launcher.js";
-export const renderWithHostData = data => {
-  var _ComponentToRender;
-
+const renderWithHostData = (data) => {
   const {
     ComponentToRender,
     guestAppId,
     hostedAppUrl = document.referrer
   } = data;
-
   const HostAppDataWrapper = () => {
     const [loading, setLoading] = useState(true);
     useEffect(() => {
       if (hostedAppUrl) {
         fetchHostAppData(hostedAppUrl, guestAppId).then(() => {
           setLoading(false);
-        }).catch(() => {});
+        }).catch(() => {
+        });
       } else {
         setLoading(false);
       }
     }, []);
-    return loading ? _WaitMessageLauncher || (_WaitMessageLauncher = /*#__PURE__*/_jsx(WaitMessageLauncher, {})) : _ComponentToRender || (_ComponentToRender = /*#__PURE__*/_jsx(ComponentToRender, {}));
+    return loading ? /* @__PURE__ */ React.createElement(WaitMessageLauncher, null) : /* @__PURE__ */ React.createElement(ComponentToRender, null);
   };
-
   return HostAppDataWrapper;
-};
+};
+export {
+  renderWithHostData
+};

package/dist/es/view/session-timeout/index.js

@@ -1,17 +1,24 @@
-import _jsx from "@babel/runtime/helpers/jsx";
-import { useEffect, useState } from 'react';
+import * as React from "react";
+import { useEffect, useState } from "react";
 import { useAppDispatch } from "../../data/react-redux.js";
 import { logout } from "../../data/logout/actions.js";
-import { initSessionMonitoring, stopSessionMonitoring, subscribeToSessionExpiryWarning, subscribeToResetSession, subscribeToSessionExpiry } from "../../utils/session.js";
+import {
+  initSessionMonitoring,
+  stopSessionMonitoring,
+  subscribeToSessionExpiryWarning,
+  subscribeToResetSession,
+  subscribeToSessionExpiry
+} from "../../utils/session.js";
 import { SessionExpiry } from "../modals/session-expiry/index.js";
-export const SessionTimeout = () => {
+const SessionTimeout = () => {
   const dispatch = useAppDispatch();
   const [showSessionExpiryWarning, setSessionExpiryWarning] = useState(false);
   const [warningNotifiedAt, setwarningNotifiedAt] = useState();
   useEffect(() => {
     initSessionMonitoring();
-    const warningCb = subscribeToSessionExpiryWarning(sessionExpiryWarningNotifiedAt => {
-      if (!sessionExpiryWarningNotifiedAt) return;
+    const warningCb = subscribeToSessionExpiryWarning((sessionExpiryWarningNotifiedAt) => {
+      if (!sessionExpiryWarningNotifiedAt)
+        return;
       setwarningNotifiedAt(sessionExpiryWarningNotifiedAt);
       setSessionExpiryWarning(true);
     });
@@ -27,8 +34,11 @@ export const SessionTimeout = () => {
       stopSessionMonitoring();
     };
   }, [dispatch]);
-  return /*#__PURE__*/_jsx("div", {}, void 0, showSessionExpiryWarning && /*#__PURE__*/_jsx(SessionExpiry, {
+  return /* @__PURE__ */ React.createElement("div", null, showSessionExpiryWarning && /* @__PURE__ */ React.createElement(SessionExpiry, {
     open: true,
-    warningNotifiedAt: warningNotifiedAt
+    warningNotifiedAt
   }));
-};
+};
+export {
+  SessionTimeout
+};

package/dist/es/view/storybook/decorator.js

@@ -1,8 +1,11 @@
-import _jsx from "@babel/runtime/helpers/jsx";
+import * as React from "react";
 import { browserHistory } from "../../utils/history.js";
 import { AppRoot } from "../app-root/index.js";
-export const withAppDecorator = (theme, store, story) => /*#__PURE__*/_jsx(AppRoot, {
-  store: store,
+const withAppDecorator = (theme, store, story) => /* @__PURE__ */ React.createElement(AppRoot, {
+  store,
   history: browserHistory,
-  theme: theme
-}, void 0, story());
+  theme
+}, story());
+export {
+  withAppDecorator
+};

package/dist/es/view/use-previous.js

@@ -1,8 +1,11 @@
-import { useRef, useEffect } from 'react';
-export const usePrevious = value => {
+import { useRef, useEffect } from "react";
+const usePrevious = (value) => {
   const ref = useRef();
   useEffect(() => {
     ref.current = value;
   }, [value]);
   return ref.current;
-};
+};
+export {
+  usePrevious
+};

package/dist/es/view/useMediaBreakpoints/index.js

@@ -1,16 +1,18 @@
-import { useState, useEffect, useCallback } from 'react';
-export const useMediaBreakpoints = (queries, values, defaultValue) => {
-  const mediaQueryLists = queries.map(q => window.matchMedia(q));
+import { useState, useEffect, useCallback } from "react";
+const useMediaBreakpoints = (queries, values, defaultValue) => {
+  const mediaQueryLists = queries.map((q) => window.matchMedia(q));
   const getValue = useCallback(() => {
-    const index = mediaQueryLists.findIndex(mql => mql.matches);
-    return typeof values[index] !== 'undefined' ? values[index] : defaultValue;
+    const index = mediaQueryLists.findIndex((mql) => mql.matches);
+    return typeof values[index] !== "undefined" ? values[index] : defaultValue;
   }, [defaultValue, mediaQueryLists, values]);
   const [value, setValue] = useState(getValue);
   useEffect(() => {
     const handler = () => setValue(getValue);
-
-    mediaQueryLists.forEach(mql => mql.addListener(handler));
-    return () => mediaQueryLists.forEach(mql => mql.removeListener(handler));
+    mediaQueryLists.forEach((mql) => mql.addListener(handler));
+    return () => mediaQueryLists.forEach((mql) => mql.removeListener(handler));
   }, [getValue, mediaQueryLists]);
   return value;
-};
+};
+export {
+  useMediaBreakpoints
+};

package/dist/es/view/visually-hidden/index.js

@@ -1,12 +1,22 @@
-import _styled from "styled-components";
-import { forwardRef } from 'react';
-import { jsx as _jsx } from "react/jsx-runtime";
-const VisuallyHidden = /*#__PURE__*/forwardRef((props, ref) => /*#__PURE__*/_jsx(_StyledSpan, {
-  ref: ref,
+import * as React from "react";
+import { forwardRef } from "react";
+import styled from "styled-components";
+const Span = styled.span`
+  border: 0;
+  clip: rect(0 0 0 0);
+  height: 1px;
+  margin: -1px;
+  overflow: hidden;
+  padding: 0;
+  position: absolute;
+  width: 1px;
+  white-space: nowrap;
+  word-wrap: normal;
+`;
+const VisuallyHidden = forwardRef((props, ref) => /* @__PURE__ */ React.createElement(Span, {
+  ref,
   ...props
 }));
-export { VisuallyHidden };
-
-var _StyledSpan = /*#__PURE__*/_styled("span").withConfig({
-  componentId: "sc-h2hrxk-0"
-})(["border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap;word-wrap:normal;"]);
+export {
+  VisuallyHidden
+};

package/dist/es/view/window-size/index.js

@@ -1,12 +1,11 @@
-import { useEffect } from 'react';
-import { publish } from 'pubsub-js';
+import * as React from "react";
+import { useEffect } from "react";
+import { publish } from "pubsub-js";
 import { HOST_WINDOW_RESIZED } from "../../utils/constants.js";
-import { Fragment as _Fragment } from "react/jsx-runtime";
-import { jsx as _jsx } from "react/jsx-runtime";
-export const WindowSize = () => {
+const WindowSize = () => {
   useEffect(() => {
     if (window.ResizeObserver) {
-      const observer = new ResizeObserver(entries => {
+      const observer = new ResizeObserver((entries) => {
         publish(HOST_WINDOW_RESIZED, entries && entries[0]);
       });
       observer.observe(window.document.documentElement);
@@ -14,8 +13,11 @@ export const WindowSize = () => {
         observer.unobserve(window.document.documentElement);
       };
     }
-
-    return () => {};
+    return () => {
+    };
   }, []);
-  return /*#__PURE__*/_jsx(_Fragment, {});
-};
+  return /* @__PURE__ */ React.createElement(React.Fragment, null);
+};
+export {
+  WindowSize
+};

package/dist/types/communication/http-client/retry.d.ts

@@ -1,5 +1,5 @@
 import { AxiosInstance } from 'axios';
-import { RetryConfig } from './retry-axios';
+import { RetryConfig } from './retry-axios.js';
 export declare const getRaxConfig: (httpClient: AxiosInstance) => Partial<RetryConfig>;
 declare const setupRetry: (httpClient: AxiosInstance) => void;
 export default setupRetry;

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

@@ -0,0 +1,4 @@
+export { useInjectReducer, useInjectSaga } from 'redux-injectors';
+export { useAppDispatch, useAppSelector } from './react-redux.js';
+export { createAppStore as configureStore, getStore } from './store.js';
+export type { RootState, AppStore } from './store.js';

package/dist/types/data/react-redux.d.ts

@@ -1,20 +1,20 @@
 import { TypedUseSelectorHook } from 'react-redux';
-import { RootState } from './store';
+import { RootState } from './store.js';
 export declare const useAppDispatch: () => import("redux-thunk").ThunkDispatch<import("redux").CombinedState<{
-    waitMessage: import("./wait-message/reducer").WaitMessageState;
-    error: import("./error").ErrorState;
-    breakpoint: import("./breakpoint").BreakpointState;
-    liveMessage: import("./live-message").LiveMessageState;
+    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;
 }>, null, import("redux").AnyAction> & import("redux-thunk").ThunkDispatch<import("redux").CombinedState<{
-    waitMessage: import("./wait-message/reducer").WaitMessageState;
-    error: import("./error").ErrorState;
-    breakpoint: import("./breakpoint").BreakpointState;
-    liveMessage: import("./live-message").LiveMessageState;
+    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;
 }>, undefined, import("redux").AnyAction> & import("redux").Dispatch<{
-    payload: import("./wait-message/reducer").WaitMessageState;
+    payload: import("./wait-message/reducer.js").WaitMessageState;
     type: string;
 } | import("redux").AnyAction | {
-    payload: import("./breakpoint").Breakpoints;
+    payload: import("./breakpoint/index.js").Breakpoints;
     type: string;
 }>;
 export declare const useAppSelector: TypedUseSelectorHook<RootState>;

package/dist/types/data/reducers.d.ts

@@ -3,14 +3,14 @@ export declare type InjectedReducers = {
     [x: string]: Reducer<any, Action>;
 };
 export declare const createReducer: (injectedReducers?: InjectedReducers) => Reducer<import("redux").CombinedState<{
-    waitMessage: import("./wait-message/reducer").WaitMessageState;
-    error: import("./error").ErrorState;
-    breakpoint: import("./breakpoint").BreakpointState;
-    liveMessage: import("./live-message").LiveMessageState;
+    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").WaitMessageState;
+    payload: import("./wait-message/reducer.js").WaitMessageState;
     type: string;
 } | import("redux").AnyAction | {
-    payload: import("./breakpoint").Breakpoints;
+    payload: import("./breakpoint/index.js").Breakpoints;
     type: string;
 }>;

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

@@ -1,14 +1,14 @@
 import { History } from 'history';
 declare const rootReducer: import("redux").Reducer<import("redux").CombinedState<{
-    waitMessage: import("./wait-message/reducer").WaitMessageState;
-    error: import("./error").ErrorState;
-    breakpoint: import("./breakpoint").BreakpointState;
-    liveMessage: import("./live-message").LiveMessageState;
+    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").WaitMessageState;
+    payload: import("./wait-message/reducer.js").WaitMessageState;
     type: string;
 } | import("redux").AnyAction | {
-    payload: import("./breakpoint").Breakpoints;
+    payload: import("./breakpoint/index.js").Breakpoints;
     type: string;
 }>;
 export declare type RootState = ReturnType<typeof rootReducer>;
@@ -18,36 +18,36 @@ declare type MiddlewareConfig = {
     thunk: boolean;
 };
 export declare const createAppStore: (initialState: import("redux").CombinedState<{
-    waitMessage: import("./wait-message/reducer").WaitMessageState;
-    error: import("./error").ErrorState;
-    breakpoint: import("./breakpoint").BreakpointState;
-    liveMessage: import("./live-message").LiveMessageState;
+    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;
 }> | undefined, history: History, middlewareConfig?: MiddlewareConfig | undefined) => import("@reduxjs/toolkit").EnhancedStore<import("redux").CombinedState<{
-    waitMessage: import("./wait-message/reducer").WaitMessageState;
-    error: import("./error").ErrorState;
-    breakpoint: import("./breakpoint").BreakpointState;
-    liveMessage: import("./live-message").LiveMessageState;
+    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").WaitMessageState;
+    payload: import("./wait-message/reducer.js").WaitMessageState;
     type: string;
 } | import("redux").AnyAction | {
-    payload: import("./breakpoint").Breakpoints;
+    payload: import("./breakpoint/index.js").Breakpoints;
     type: string;
-}, import("@reduxjs/toolkit").MiddlewareArray<import("redux-saga").SagaMiddleware<object> | import("redux").Middleware<{}, any, import("redux").Dispatch<import("redux").AnyAction>> | import("redux-thunk").ThunkMiddleware<import("redux").CombinedState<{
-    waitMessage: import("./wait-message/reducer").WaitMessageState;
-    error: import("./error").ErrorState;
-    breakpoint: import("./breakpoint").BreakpointState;
-    liveMessage: import("./live-message").LiveMessageState;
+}, import("@reduxjs/toolkit").MiddlewareArray<import("redux-saga").SagaMiddleware<object> | import("redux-thunk").ThunkMiddleware<import("redux").CombinedState<{
+    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;
 }>, import("redux").AnyAction, null> | import("redux-thunk").ThunkMiddleware<import("redux").CombinedState<{
-    waitMessage: import("./wait-message/reducer").WaitMessageState;
-    error: import("./error").ErrorState;
-    breakpoint: import("./breakpoint").BreakpointState;
-    liveMessage: import("./live-message").LiveMessageState;
+    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;
 }>, import("redux").AnyAction, undefined> | import("redux").Middleware<{}, import("redux").CombinedState<{
-    waitMessage: import("./wait-message/reducer").WaitMessageState;
-    error: import("./error").ErrorState;
-    breakpoint: import("./breakpoint").BreakpointState;
-    liveMessage: import("./live-message").LiveMessageState;
+    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;
 }>, import("redux").Dispatch<import("redux").AnyAction>>>>;
 export declare type AppStore = ReturnType<typeof createAppStore>;
 export declare type AppDispatch = AppStore['dispatch'];