@elliemae/pui-app-sdk 4.0.0-alpha.6 → 4.0.0-alpha.7

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

@@ -1,34 +1,4 @@
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
+"use strict";
 import * as React from "react";
 import { memo, useEffect } from "react";
 import { DSLoadingIndicator } from "@elliemae/ds-loading-indicator";
@@ -38,14 +8,11 @@ import {
   waitStartEvent,
   waitEndEvent
 } from "../../../analytics/user-wait-event.js";
-const WaitMessage = memo((_a) => {
-  var _b = _a, {
-    size = "m",
-    style = { color: "white", fontSize: "1.25rem" }
-  } = _b, rest = __objRest(_b, [
-    "size",
-    "style"
-  ]);
+const WaitMessage = memo(({
+  size = "m",
+  style = { color: "white", fontSize: "1.25rem" },
+  ...rest
+}) => {
   const isOpen = useAppSelector((state) => state.waitMessage?.isOpen);
   const message = useAppSelector((state) => state.waitMessage?.message);
   useEffect(() => {
@@ -55,14 +22,14 @@ const WaitMessage = memo((_a) => {
       waitEndEvent();
   }, [isOpen]);
   useHTMLWaitMessage(isOpen !== null);
-  return /* @__PURE__ */ React.createElement(DSLoadingIndicator, __spreadProps(__spreadValues({
+  return /* @__PURE__ */ React.createElement(DSLoadingIndicator, {
     id: "em-loading",
     size,
-    style
-  }, rest), {
+    style,
+    ...rest,
     loading: isOpen,
     message
-  }));
+  });
 });
 export {
   WaitMessage

package/dist/esm/view/modals/wait-message/use-html-wait-message.js

@@ -1,3 +1,4 @@
+"use strict";
 import { useEffect } from "react";
 const useHTMLWaitMessage = (close) => {
   useEffect(() => {

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

@@ -1,3 +1,4 @@
+"use strict";
 import { useEffect } from "react";
 import { useAppDispatch } from "../../../data/react-redux.js";
 import { waitMessage } from "../../../data/wait-message/actions.js";

package/dist/esm/view/page.js

@@ -1,3 +1,4 @@
+"use strict";
 import * as React from "react";
 import { Helmet } from "react-helmet";
 import * as brum from "@elliemae/pui-user-monitoring";

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

@@ -1,3 +1,4 @@
+"use strict";
 import * as React from "react";
 import { useEffect, useState, memo } from "react";
 const RenderWithDelay = memo(({ render }) => {

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

@@ -1,3 +1,4 @@
+"use strict";
 import * as React from "react";
 import { useState, useEffect } from "react";
 import { fetchHostAppData } from "../fetch-host-app-data/index.js";

package/dist/esm/view/require-auth.js

@@ -1,5 +1,6 @@
+"use strict";
 import * as React from "react";
-import { useInjectReducer, useInjectSaga } from "redux-injectors";
+import { createManager } from "redux-injectors";
 import enums from "../utils/constants.js";
 import { authReducer } from "../data/auth/reducer.js";
 import { authentication } from "../sideeffect/auth/index.js";
@@ -12,17 +13,21 @@ const RequireAuth = ({
   scope = "loc",
   responseType = "code"
 }) => {
-  useInjectReducer({ key, reducer: authReducer });
-  useInjectSaga({ key, saga: authentication });
+  const AuthManager = createManager({
+    name: "AuthManager",
+    key,
+    reducer: authReducer,
+    saga: authentication
+  });
   const userAuthorized = isUserAuthorized();
   if (userAuthorized) {
     return /* @__PURE__ */ React.createElement(React.Fragment, null, children);
   }
-  return /* @__PURE__ */ React.createElement(Login, {
+  return /* @__PURE__ */ React.createElement(AuthManager, null, /* @__PURE__ */ React.createElement(Login, {
     clientId,
     scope,
     responseType
-  });
+  }, children));
 };
 export {
   RequireAuth

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

@@ -1,3 +1,4 @@
+"use strict";
 import * as React from "react";
 import { useEffect, useState } from "react";
 import { useAppDispatch } from "../../data/react-redux.js";

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

@@ -1,3 +1,4 @@
+"use strict";
 import * as React from "react";
 import { browserHistory } from "../../utils/history.js";
 import { AppRoot } from "../app-root/index.js";

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

@@ -1,3 +1,4 @@
+"use strict";
 import { useRef, useEffect } from "react";
 const usePrevious = (value) => {
   const ref = useRef();

package/dist/esm/view/use-window-size-change.js

@@ -1,3 +1,4 @@
+"use strict";
 import { useEffect } from "react";
 import { publish } from "pubsub-js";
 import { HOST_WINDOW_RESIZED } from "../utils/constants.js";

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

@@ -1,19 +1,4 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
+"use strict";
 import * as React from "react";
 import { forwardRef } from "react";
 import styled from "styled-components";
@@ -29,9 +14,10 @@ const Span = styled.span`
   white-space: nowrap;
   word-wrap: normal;
 `;
-const VisuallyHidden = forwardRef((props, ref) => /* @__PURE__ */ React.createElement(Span, __spreadValues({
-  ref
-}, props)));
+const VisuallyHidden = forwardRef((props, ref) => /* @__PURE__ */ React.createElement(Span, {
+  ref,
+  ...props
+}));
 export {
   VisuallyHidden
 };

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

@@ -1,4 +1,4 @@
-export { useInjectReducer, useInjectSaga } from 'redux-injectors';
+export { useInjectReducer, useInjectSaga, createManager, } 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/lib/index.d.ts

@@ -6,7 +6,7 @@ export { RequireAuth } from './view/require-auth.js';
 export { Page } from './view/page.js';
 export { default as globalConstants } from './utils/constants.js';
 export { useAppDispatch, useAppSelector } from './data/react-redux.js';
-export { useInjectReducer, useInjectSaga } from 'redux-injectors';
+export { useInjectReducer, useInjectSaga, createManager, } from 'redux-injectors';
 export { getAuthorizationHeader } from './utils/auth/helper.js';
 export { getRedirectUrl, removeDoubleSlash } from './utils/url.js';
 export { createAppStore as configureStore } from './data/store.js';
@@ -16,7 +16,7 @@ export { ACTIONS as NavigationPromptActions } from './data/navigation-prompt/act
 export { loadable } from './view/loadable/index.js';
 export { WaitMessage } from './view/modals/wait-message/index.js';
 export { SessionTimeout } from './view/session-timeout/index.js';
-export { subscribeToSessionExpiryWarning, subscribeToSessionExpiry, resetUserIdleTime, trackActivity, } from './utils/session.js';
+export { subscribeToSessionExpiryWarning, subscribeToSessionExpiry, subscribeToResetSession, resetUserIdleTime, trackActivity, } from './utils/session.js';
 export { waitMessage as waitMessageAction } from './data/wait-message/actions.js';
 export { initServiceWorker } from './utils/service-worker.js';
 export { CMicroAppGuest } from './utils/micro-frontend/guest.js';
@@ -43,6 +43,7 @@ export { getApiActionCreator, getSelectField } from './api/helpers.js';
 export { getUser as fetchUserSettings } from './api/users/index.js';
 export { withAppDecorator } from './view/storybook/decorator.js';
 export { ErrorToast } from './view/error-toast/index.js';
+export { NavigationPrompt } from './view/modals/navigation-prompt/index.js';
 export { Form } from './view/form/index.js';
 export { ConnectForm } from './view/fields/connect-form.js';
 export { FormItemLayout } from './view/fields/form-item-layout/index.js';

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

@@ -29,4 +29,6 @@ export declare const login: ({ clientId, scope, responseType, }: {
     clientId: string;
     scope: string;
     responseType: string;
-}) => Promise<void>;
+}) => Promise<{
+    authorized: boolean;
+}>;

package/dist/types/lib/view/app-root/index.d.ts

@@ -5,11 +5,12 @@ import { AppStore } from '../../data/store.js';
 declare type AppRootProps = {
     store: AppStore;
     history: History;
+    basename?: string;
     theme: Theme;
     children: React.ReactNode;
     manageSession?: boolean;
     WaitMessage?: React.ReactNode;
     errorTemplate?: React.ComponentType;
 };
-export declare const AppRoot: ({ store, history, theme, manageSession, WaitMessage, errorTemplate, children, }: AppRootProps) => JSX.Element;
+export declare const AppRoot: ({ store, history, basename, theme, manageSession, WaitMessage, errorTemplate, children, }: AppRootProps) => JSX.Element;
 export {};

package/dist/types/lib/view/app-router.d.ts

@@ -5,5 +5,5 @@ interface AppRouterProps {
     basename?: string;
     children?: React.ReactNode;
 }
-export declare const AppRouter: ({ history, ...props }: AppRouterProps) => JSX.Element;
+export declare const AppRouter: ({ history, basename, ...props }: AppRouterProps) => JSX.Element;
 export {};

package/dist/types/lib/view/fields/input-mask/index.d.ts

@@ -6,7 +6,9 @@ export declare type InputMaskProps<TFieldValues extends FieldValues = FieldValue
     defaultValue?: string;
     rules?: Omit<RegisterOptions<TFieldValues, TName>, 'valueAsNumber' | 'valueAsDate' | 'setValueAs'>;
     mask: <T>(value: T) => T;
+    onChange?: (e: React.BaseSyntheticEvent) => void;
+    onBlur?: (e: React.BaseSyntheticEvent) => void;
     [x: string]: any;
 };
-export declare const InputMask: ({ name, defaultValue, rules, ...rest }: InputMaskProps) => JSX.Element;
+export declare const InputMask: ({ name, defaultValue, rules, onChange: changeHandler, onBlur: onBlurHandler, ...rest }: InputMaskProps) => JSX.Element;
 export { MASK_TYPES, MASK_PIPES };

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

@@ -1,7 +1,9 @@
+/// <reference types="react" />
 interface LoginParams {
     clientId: string;
     scope: string;
     responseType: string;
+    children: React.ReactNode;
 }
-export declare const Login: ({ clientId, scope, responseType }: LoginParams) => null;
+export declare const Login: ({ clientId, scope, responseType, children, }: LoginParams) => JSX.Element | null;
 export {};

package/dist/types/lib/view/modals/navigation-prompt/index.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 export interface NavigationPromptProps {
-    open: boolean;
+    open?: boolean;
 }
 export declare const NavigationPrompt: import("react").NamedExoticComponent<NavigationPromptProps>;

package/dist/types/lib/view/visually-hidden/index.d.ts

@@ -1,4 +1,2 @@
 /// <reference types="react" />
-export declare const VisuallyHidden: import("react").ForwardRefExoticComponent<{
-    children: React.ReactNode;
-} & import("react").RefAttributes<HTMLSpanElement>>;
+export declare const VisuallyHidden: import("react").ForwardRefExoticComponent<Pick<import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>, string | number | symbol> & import("react").RefAttributes<HTMLSpanElement>>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/pui-app-sdk",
-  "version": "4.0.0-alpha.6",
+  "version": "4.0.0-alpha.7",
   "description": "ICE MT UI Platform Application SDK ",
   "sideEffects": [
     "*.css",
@@ -106,7 +106,7 @@
     "indent": 4
   },
   "peerDependencies": {
-    "@elliemae/app-react-dependencies": "^4.0.0-beta.2",
+    "@elliemae/app-react-dependencies": "^4.0.0-beta.3",
     "@elliemae/ds-basic": "^3.2.0",
     "@elliemae/ds-button": "^3.2.0",
     "@elliemae/ds-controlled-form": "^3.2.0",
@@ -122,13 +122,13 @@
     "@elliemae/ds-toast": "^3.2.0",
     "@elliemae/em-ssf-guest": "^1.11.2",
     "@elliemae/pui-diagnostics": "^2.7.4",
-    "@elliemae/pui-micro-frontend-base": "^1.12.2",
+    "@elliemae/pui-micro-frontend-base": "^1.13.0",
     "@elliemae/pui-scripting-object": "^1.0.2",
     "@elliemae/pui-theme": "^2.6.0",
     "@elliemae/pui-user-monitoring": "^1.15.1"
   },
   "devDependencies": {
-    "@elliemae/app-react-dependencies": "4.0.0-beta.2",
+    "@elliemae/app-react-dependencies": "4.0.0-beta.3",
     "@elliemae/browserslist-config-elliemae-latest-browsers": "~1.4.2",
     "@elliemae/ds-basic": "~3.2.0",
     "@elliemae/ds-button": "~3.2.0",
@@ -144,10 +144,10 @@
     "@elliemae/ds-popperjs": "~3.2.0",
     "@elliemae/ds-toast": "~3.2.0",
     "@elliemae/em-ssf-guest": "~1.11.2",
-    "@elliemae/pui-cli": "7.0.0-alpha.22",
+    "@elliemae/pui-cli": "7.0.0-alpha.25",
     "@elliemae/pui-diagnostics": "~2.7.4",
     "@elliemae/pui-e2e-test-sdk": "~7.3.4",
-    "@elliemae/pui-micro-frontend-base": "~1.12.2",
+    "@elliemae/pui-micro-frontend-base": "~1.13.0",
     "@elliemae/pui-scripting-object": "~1.0.2",
     "@elliemae/pui-theme": "~2.6.0",
     "@elliemae/pui-user-monitoring": "~1.15.1"