@elliemae/pui-app-sdk 3.0.0-beta.12 → 3.0.0-beta.13

package/dist/cjs/communication/http-client/retry-axios.js

@@ -97,7 +97,7 @@ const onError = (err) => {
     return Promise.reject(err);
   }
   const onBackoffPromise = new Promise((resolve) => {
-    const delay = (Math.pow(2, config.currentRetryAttempt) - 1) / 2 * 1e3;
+    const delay = (2 ** config.currentRetryAttempt - 1) / 2 * 1e3;
     err.config.retryConfig.currentRetryAttempt += 1;
     setTimeout(resolve, delay);
   });

package/dist/cjs/index.js

@@ -40,7 +40,6 @@ __export(lib_exports, {
   Form: () => import_form.Form,
   FormItemLayout: () => import_form_item_layout.FormItemLayout,
   FormSubmitButton: () => import_submit_button.FormSubmitButton,
-  Header: () => import_header.Header,
   InputMask: () => import_input_mask.InputMask,
   LargeTextBox: () => import_large_text_box.LargeTextBox,
   MASK_PIPES: () => import_input_mask.MASK_PIPES,
@@ -49,12 +48,12 @@ __export(lib_exports, {
   MicroApp: () => import_micro_app.MicroApp,
   MicroIFrameApp: () => import_micro_iframe_app.MicroIFrameApp,
   NavigationPromptActions: () => import_actions2.ACTIONS,
-  PrivateRoute: () => import_private_route.PrivateRoute,
+  Page: () => import_page.Page,
   Radio: () => import_radio.Radio,
   RadioGroup: () => import_radio_group.RadioGroup,
   RegisterService: () => import_guest_with_service.RegisterService,
   RenderWithStateAddOns: () => import_render_with_state_addons.RenderWithStateAddOns,
-  Route: () => import_route.AppRoute,
+  RequireAuth: () => import_require_auth.RequireAuth,
   SessionTimeout: () => import_session_timeout.SessionTimeout,
   TextBox: () => import_text_box.TextBox,
   Themes: () => import_constants2.Themes,
@@ -121,11 +120,11 @@ __export(lib_exports, {
   withAppDecorator: () => import_decorator.withAppDecorator
 });
 var import_auth = require("./utils/auth/index.js");
-var import_private_route = require("./route/private-route/index.js");
-var import_route = require("./route/index.js");
 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_page = require("./view/page.js");
 var import_constants = __toESM(require("./utils/constants.js"));
 var import_react_redux = require("./data/react-redux.js");
 var import_redux_injectors = require("redux-injectors");
@@ -165,7 +164,6 @@ var import_helpers2 = require("./api/helpers.js");
 var import_users = require("./api/users/index.js");
 var import_useMediaBreakpoints = require("./view/useMediaBreakpoints/index.js");
 var import_decorator = require("./view/storybook/decorator.js");
-var import_header = require("./view/header/index.js");
 var import_error_toast = require("./view/error-toast/index.js");
 var import_form = require("./view/form/index.js");
 var import_connect_form = require("./view/fields/connect-form.js");

package/dist/cjs/utils/app-config/config.js

@@ -38,6 +38,6 @@ const setAppConfig = (config) => {
   gAppConfig = config;
 };
 const getAppConfigValue = (key = "", defaultValue = null) => import_lodash.default.clone(import_lodash.default.get(gAppConfig, key, defaultValue));
-const setAppConfigValue = (key = "", value) => import_lodash.default.set(gAppConfig, key, value);
+const setAppConfigValue = (key, value) => import_lodash.default.set(gAppConfig, key, value);
 const hasItem = (key = "") => import_lodash.default.has(gAppConfig, key);
 module.exports = __toCommonJS(config_exports);

package/dist/cjs/utils/helpers.js

@@ -28,7 +28,7 @@ __export(helpers_exports, {
 });
 const isProd = () => false;
 const isCIBuild = () => process.env.CI === "true";
-const PROTOCOL = new RegExp("^(?:[a-z]+:)?//", "i");
+const PROTOCOL = /^(?:[a-z]+:)?/;
 const convertRelativeToAbsoluteUrl = (url) => {
   if (!PROTOCOL.test(url)) {
     return new URL(url, document.location.origin).href;

package/dist/cjs/utils/testing/render-with-router-redux.js

@@ -32,10 +32,10 @@ __export(render_with_router_redux_exports, {
 var React = __toESM(require("react"));
 var import_react = require("@testing-library/react");
 var import_react_redux = require("react-redux");
-var import_react_router_dom = require("react-router-dom");
 var import_history = require("history");
 var import_store = require("../../data/store.js");
 var import_history2 = require("../history.js");
+var import_app_router = require("../../view/app-router.js");
 const renderWithRouterRedux = (ui, {
   route = "/",
   history = (0, import_history.createMemoryHistory)({ initialEntries: [route] }),
@@ -44,7 +44,7 @@ const renderWithRouterRedux = (ui, {
 } = {}) => ({
   ...(0, import_react.render)(/* @__PURE__ */ React.createElement(import_react_redux.Provider, {
     store
-  }, /* @__PURE__ */ React.createElement(import_react_router_dom.Router, {
+  }, /* @__PURE__ */ React.createElement(import_app_router.AppRouter, {
     history
   }, ui))),
   store

package/dist/cjs/utils/testing/render-with-router.js

@@ -31,15 +31,18 @@ __export(render_with_router_exports, {
 });
 var React = __toESM(require("react"));
 var import_react = require("@testing-library/react");
-var import_react_router_dom = require("react-router-dom");
 var import_history = require("history");
+var import_app_router = require("../../view/app-router.js");
 const renderWithRouter = (ui, {
   route = "/",
   history = (0, import_history.createMemoryHistory)({ initialEntries: [route] })
-} = {}) => ({
-  ...(0, import_react.render)(/* @__PURE__ */ React.createElement(import_react_router_dom.Router, {
+} = {}) => {
+  const renderResult = (0, import_react.render)(/* @__PURE__ */ React.createElement(import_app_router.AppRouter, {
     history
-  }, ui)),
-  history
-});
+  }, ui));
+  return {
+    ...renderResult,
+    history
+  };
+};
 module.exports = __toCommonJS(render_with_router_exports);

package/dist/cjs/view/app-root/index.js

@@ -32,9 +32,9 @@ __export(app_root_exports, {
 var React = __toESM(require("react"));
 var import_react_redux = require("react-redux");
 var import_styled_components = require("styled-components");
-var import_react_router_dom = require("react-router-dom");
 var import_pui_theme = require("@elliemae/pui-theme");
 var import_redux_injectors = require("redux-injectors");
+var import_app_router = require("../app-router.js");
 var import_micro_frontend = require("../../utils/micro-frontend/index.js");
 var import_wait_message = require("../../sideeffect/wait-message/index.js");
 var import_error_toast = require("../../sideeffect/error-toast/index.js");
@@ -63,7 +63,7 @@ const AppRoot = ({
   errorTemplate
 }, /* @__PURE__ */ React.createElement(import_react_redux.Provider, {
   store
-}, /* @__PURE__ */ React.createElement(import_react_router_dom.Router, {
+}, /* @__PURE__ */ React.createElement(import_app_router.AppRouter, {
   history
 }, /* @__PURE__ */ React.createElement(import_styled_components.ThemeProvider, {
   theme

package/dist/cjs/view/{header/nav-region/user/index.js → app-router.js}

@@ -25,14 +25,24 @@ var __toCommonJS = /* @__PURE__ */ ((cache) => {
     return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
   };
 })(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var user_exports = {};
-__export(user_exports, {
-  User: () => User
+var app_router_exports = {};
+__export(app_router_exports, {
+  AppRouter: () => AppRouter
 });
 var React = __toESM(require("react"));
-var import_index = __toESM(require("./index.svg"));
-const User = () => /* @__PURE__ */ React.createElement("li", null, /* @__PURE__ */ React.createElement("a", {
-  href: "#",
-  "aria-label": "profile"
-}, /* @__PURE__ */ React.createElement(import_index.default, null)));
-module.exports = __toCommonJS(user_exports);
+var import_react = require("react");
+var import_react_router_dom = require("react-router-dom");
+const AppRouter = ({ history, ...props }) => {
+  const [state, setState] = (0, import_react.useState)({
+    action: history.action,
+    location: history.location
+  });
+  (0, import_react.useLayoutEffect)(() => history.listen(setState), [history]);
+  return /* @__PURE__ */ React.createElement(import_react_router_dom.Router, {
+    ...props,
+    location: state.location,
+    navigationType: state.action,
+    navigator: history
+  });
+};
+module.exports = __toCommonJS(app_router_exports);

package/dist/cjs/view/login/index.js

@@ -1,8 +1,6 @@
-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 __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
 var __export = (target, all) => {
@@ -17,9 +15,6 @@ var __reExport = (target, module2, copyDefault, desc) => {
   }
   return target;
 };
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
 var __toCommonJS = /* @__PURE__ */ ((cache) => {
   return (module2, temp) => {
     return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
@@ -29,7 +24,6 @@ var login_exports = {};
 __export(login_exports, {
   Login: () => Login
 });
-var React = __toESM(require("react"));
 var import_react = require("react");
 var import_react_redux = require("../../data/react-redux.js");
 var import_auth = require("../../utils/auth/index.js");
@@ -46,6 +40,6 @@ const Login = ({
     }).catch(() => {
     });
   }, [dispatch, clientId, scope, responseType]);
-  return /* @__PURE__ */ React.createElement(React.Fragment, null);
+  return null;
 };
 module.exports = __toCommonJS(login_exports);

package/dist/cjs/view/media-breakpoint/index.js

@@ -1,8 +1,6 @@
-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 __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
 var __export = (target, all) => {
@@ -17,9 +15,6 @@ var __reExport = (target, module2, copyDefault, desc) => {
   }
   return target;
 };
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
 var __toCommonJS = /* @__PURE__ */ ((cache) => {
   return (module2, temp) => {
     return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
@@ -29,7 +24,6 @@ var media_breakpoint_exports = {};
 __export(media_breakpoint_exports, {
   MediaBreakpoint: () => MediaBreakpoint
 });
-var React = __toESM(require("react"));
 var import_react = require("react");
 var import_styled_components = require("styled-components");
 var import_pubsub_js = require("pubsub-js");
@@ -49,6 +43,6 @@ const MediaBreakpoint = () => {
     dispatch({ type: import_breakpoint.breakpoint.change, payload: currentBreakpoint });
     (0, import_pubsub_js.publish)(import_constants.HOST_WINDOW_BREAKPOINT_CHANGED, currentBreakpoint);
   }, [currentBreakpoint, dispatch]);
-  return /* @__PURE__ */ React.createElement(React.Fragment, null);
+  return null;
 };
 module.exports = __toCommonJS(media_breakpoint_exports);

package/dist/cjs/view/micro-app/app-factory/index.js

@@ -36,7 +36,7 @@ var import_window = require("../../../utils/window.js");
 var import_style = require("../resources/style.js");
 var import_script = require("../resources/script.js");
 var import_manifest = require("../resources/manifest.js");
-const cssType = new RegExp(/\.css$/);
+const cssType = /\.css$/;
 const isCss = (fileName) => cssType.test(fileName);
 const activeApps = {};
 const initApplication = async ({

package/dist/cjs/view/micro-app/resources/script.js

@@ -30,7 +30,7 @@ __export(script_exports, {
 });
 var import_url = require("../../../utils/url.js");
 const APP_SCRIPT_ID_PREFIX = "emui-script-";
-const HEAD_SCRIPTS = new RegExp("/(?:emuiDiagnostics|global|global-prod|emuiUserMonitoring)(?:..*)?.js", "i");
+const HEAD_SCRIPTS = /(?:emuiDiagnostics|global|global-prod|emuiUserMonitoring)(?:..*)?.js/;
 const isHeadScript = (scriptSrc) => HEAD_SCRIPTS.test(scriptSrc);
 const addScriptToDOM = ({ name, hostUrl, documentEle }, fileName, index) => new Promise((resolve, reject) => {
   const ele = documentEle.createElement("script");

package/dist/cjs/view/modals/wait-message/html-wait-message.js

@@ -1,8 +1,6 @@
-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 __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
 var __export = (target, all) => {
@@ -17,9 +15,6 @@ var __reExport = (target, module2, copyDefault, desc) => {
   }
   return target;
 };
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
 var __toCommonJS = /* @__PURE__ */ ((cache) => {
   return (module2, temp) => {
     return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
@@ -29,7 +24,6 @@ var html_wait_message_exports = {};
 __export(html_wait_message_exports, {
   HTMLWaitMessage: () => HTMLWaitMessage
 });
-var React = __toESM(require("react"));
 var import_react = require("react");
 const HTMLWaitMessage = (0, import_react.memo)(({ close }) => {
   (0, import_react.useEffect)(() => {
@@ -37,6 +31,6 @@ const HTMLWaitMessage = (0, import_react.memo)(({ close }) => {
     if (htmlWaitMsgElement && close)
       htmlWaitMsgElement.remove();
   }, [close]);
-  return /* @__PURE__ */ React.createElement(React.Fragment, null);
+  return null;
 });
 module.exports = __toCommonJS(html_wait_message_exports);

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

@@ -1,8 +1,6 @@
-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 __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
 var __export = (target, all) => {
@@ -17,9 +15,6 @@ var __reExport = (target, module2, copyDefault, desc) => {
   }
   return target;
 };
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
 var __toCommonJS = /* @__PURE__ */ ((cache) => {
   return (module2, temp) => {
     return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
@@ -29,7 +24,6 @@ var wait_message_launcher_exports = {};
 __export(wait_message_launcher_exports, {
   WaitMessageLauncher: () => WaitMessageLauncher
 });
-var React = __toESM(require("react"));
 var import_react = require("react");
 var import_react_redux = require("../../../data/react-redux.js");
 var import_actions = require("../../../data/wait-message/actions.js");
@@ -41,6 +35,6 @@ const WaitMessageLauncher = () => {
       dispatch(import_actions.waitMessage.close());
     };
   }, [dispatch]);
-  return /* @__PURE__ */ React.createElement(React.Fragment, null);
+  return null;
 };
 module.exports = __toCommonJS(wait_message_launcher_exports);

package/dist/cjs/{route/page-view.js → view/page.js}

@@ -25,10 +25,13 @@ var __toCommonJS = /* @__PURE__ */ ((cache) => {
     return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
   };
 })(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var page_view_exports = {};
-__export(page_view_exports, {
+var page_exports = {};
+__export(page_exports, {
+  Page: () => Page,
   onPageView: () => onPageView
 });
+var React = __toESM(require("react"));
+var import_react_helmet = require("react-helmet");
 var brum = __toESM(require("@elliemae/pui-user-monitoring"));
 var import_page_view_event = require("../analytics/page-view-event.js");
 const onPageView = (pageTitle) => {
@@ -41,4 +44,8 @@ const onPageView = (pageTitle) => {
   }
   (0, import_page_view_event.pageViewEvent)({ pageTitle });
 };
-module.exports = __toCommonJS(page_view_exports);
+const Page = ({ pageTitle = "ICE", children }) => {
+  onPageView(pageTitle);
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(import_react_helmet.Helmet, null, /* @__PURE__ */ React.createElement("title", null, pageTitle)), children);
+};
+module.exports = __toCommonJS(page_exports);

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

@@ -39,6 +39,6 @@ const RenderWithDelay = (0, import_react.memo)(({ render }) => {
       clearTimeout(timeoutId);
     };
   }, []);
-  return show ? /* @__PURE__ */ React.createElement(React.Fragment, null, render()) : /* @__PURE__ */ React.createElement(React.Fragment, null);
+  return show ? /* @__PURE__ */ React.createElement(React.Fragment, null, render()) : null;
 });
 module.exports = __toCommonJS(render_with_delay_exports);

package/dist/cjs/{route/private-route/index.js → view/require-auth.js}

@@ -25,51 +25,38 @@ var __toCommonJS = /* @__PURE__ */ ((cache) => {
     return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
   };
 })(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var private_route_exports = {};
-__export(private_route_exports, {
-  PrivateRoute: () => PrivateRoute
+var require_auth_exports = {};
+__export(require_auth_exports, {
+  RequireAuth: () => RequireAuth
 });
 var React = __toESM(require("react"));
-var import_react = require("react");
 var import_redux_injectors = require("redux-injectors");
-var import_constants = __toESM(require("../../utils/constants.js"));
-var import_render_with_delay = require("../../view/render-with-delay/index.js");
-var import_reducer = require("../../data/auth/reducer.js");
-var import_auth = require("../../sideeffect/auth/index.js");
-var import_login = require("../../view/login/index.js");
-var import_auth2 = require("../../utils/auth/index.js");
-var import__ = require("../index.js");
+var import_constants = __toESM(require("../utils/constants.js"));
+var import_render_with_delay = require("./render-with-delay/index.js");
+var import_reducer = require("../data/auth/reducer.js");
+var import_auth = require("../sideeffect/auth/index.js");
+var import_login = require("./login/index.js");
+var import_auth2 = require("../utils/auth/index.js");
 const key = "auth";
-const PrivateRoute = ({
-  component: Component,
-  render,
+const RequireAuth = ({
   children,
   clientId = import_constants.default.CLIENT_ID,
   scope = "loc",
-  responseType = "code",
-  ...rest
+  responseType = "code"
 }) => {
   (0, import_redux_injectors.useInjectReducer)({ key, reducer: import_reducer.authReducer });
   (0, import_redux_injectors.useInjectSaga)({ key, saga: import_auth.authentication });
-  const memoizedRender = (0, import_react.useCallback)((routeProps) => render && typeof render === "function" ? render(routeProps) : Component && /* @__PURE__ */ React.createElement(Component, {
-    ...routeProps
-  }), [Component, render]);
-  return /* @__PURE__ */ React.createElement(import__.AppRoute, {
-    ...rest,
-    render: (routeProps) => {
-      const userAuthorized = (0, import_auth2.isUserAuthorized)();
-      if (userAuthorized) {
-        return children || memoizedRender(routeProps);
-      }
-      const getAuthComp = () => /* @__PURE__ */ React.createElement(import_login.Login, {
-        clientId,
-        scope,
-        responseType
-      });
-      return /* @__PURE__ */ React.createElement(import_render_with_delay.RenderWithDelay, {
-        render: getAuthComp
-      });
-    }
+  const userAuthorized = (0, import_auth2.isUserAuthorized)();
+  if (userAuthorized) {
+    return children;
+  }
+  const renderLogin = () => /* @__PURE__ */ React.createElement(import_login.Login, {
+    clientId,
+    scope,
+    responseType
+  });
+  return /* @__PURE__ */ React.createElement(import_render_with_delay.RenderWithDelay, {
+    render: renderLogin
   });
 };
-module.exports = __toCommonJS(private_route_exports);
+module.exports = __toCommonJS(require_auth_exports);

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

@@ -1,8 +1,6 @@
-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 __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
 var __export = (target, all) => {
@@ -17,9 +15,6 @@ var __reExport = (target, module2, copyDefault, desc) => {
   }
   return target;
 };
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
 var __toCommonJS = /* @__PURE__ */ ((cache) => {
   return (module2, temp) => {
     return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
@@ -29,7 +24,6 @@ var window_size_exports = {};
 __export(window_size_exports, {
   WindowSize: () => WindowSize
 });
-var React = __toESM(require("react"));
 var import_react = require("react");
 var import_pubsub_js = require("pubsub-js");
 var import_constants = require("../../utils/constants.js");
@@ -47,6 +41,6 @@ const WindowSize = () => {
     return () => {
     };
   }, []);
-  return /* @__PURE__ */ React.createElement(React.Fragment, null);
+  return null;
 };
 module.exports = __toCommonJS(window_size_exports);

package/dist/es/communication/http-client/retry-axios.js

@@ -64,7 +64,7 @@ const onError = (err) => {
     return Promise.reject(err);
   }
   const onBackoffPromise = new Promise((resolve) => {
-    const delay = (Math.pow(2, config.currentRetryAttempt) - 1) / 2 * 1e3;
+    const delay = (2 ** config.currentRetryAttempt - 1) / 2 * 1e3;
     err.config.retryConfig.currentRetryAttempt += 1;
     setTimeout(resolve, delay);
   });

package/dist/es/index.js

@@ -1,12 +1,12 @@
 import { isUserAuthorized, login, authorize } from "./utils/auth/index.js";
-import { PrivateRoute } from "./route/private-route/index.js";
-import { AppRoute } from "./route/index.js";
 import {
   getHTTPClient,
   getAuthHTTPClient
 } from "./communication/http-client/index.js";
 import { onAuthorizationFailure } from "./communication/http-client/response-interceptor.js";
 import { auth } from "./data/auth/actions.js";
+import { RequireAuth } from "./view/require-auth.js";
+import { Page } from "./view/page.js";
 import { default as default2 } from "./utils/constants.js";
 import { useAppDispatch, useAppSelector } from "./data/react-redux.js";
 import { useInjectReducer, useInjectSaga } from "redux-injectors";
@@ -64,7 +64,6 @@ import { getApiActionCreator, getSelectField } from "./api/helpers.js";
 import { getUser } from "./api/users/index.js";
 import { useMediaBreakpoints } from "./view/useMediaBreakpoints/index.js";
 import { withAppDecorator } from "./view/storybook/decorator.js";
-import { Header } from "./view/header/index.js";
 import { ErrorToast } from "./view/error-toast/index.js";
 import { Form } from "./view/form/index.js";
 import { ConnectForm } from "./view/fields/connect-form.js";
@@ -111,7 +110,6 @@ export {
   Form,
   FormItemLayout,
   FormSubmitButton,
-  Header,
   InputMask,
   LargeTextBox,
   MASK_PIPES,
@@ -120,12 +118,12 @@ export {
   MicroApp,
   MicroIFrameApp,
   ACTIONS as NavigationPromptActions,
-  PrivateRoute,
+  Page,
   Radio,
   RadioGroup,
   RegisterService,
   RenderWithStateAddOns,
-  AppRoute as Route,
+  RequireAuth,
   SessionTimeout,
   TextBox,
   Themes,

package/dist/es/utils/app-config/config.js

@@ -4,7 +4,7 @@ const setAppConfig = (config) => {
   gAppConfig = config;
 };
 const getAppConfigValue = (key = "", defaultValue = null) => _.clone(_.get(gAppConfig, key, defaultValue));
-const setAppConfigValue = (key = "", value) => _.set(gAppConfig, key, value);
+const setAppConfigValue = (key, value) => _.set(gAppConfig, key, value);
 const hasItem = (key = "") => _.has(gAppConfig, key);
 export {
   getAppConfigValue,

package/dist/es/utils/helpers.js

@@ -1,6 +1,6 @@
 const isProd = () => false;
 const isCIBuild = () => process.env.CI === "true";
-const PROTOCOL = new RegExp("^(?:[a-z]+:)?//", "i");
+const PROTOCOL = /^(?:[a-z]+:)?/;
 const convertRelativeToAbsoluteUrl = (url) => {
   if (!PROTOCOL.test(url)) {
     return new URL(url, document.location.origin).href;

package/dist/es/utils/testing/render-with-router-redux.js

@@ -1,10 +1,10 @@
 import * as React from "react";
 import { render } from "@testing-library/react";
 import { Provider } from "react-redux";
-import { Router } from "react-router-dom";
 import { createMemoryHistory } from "history";
 import { createAppStore } from "../../data/store.js";
 import { browserHistory } from "../history.js";
+import { AppRouter } from "../../view/app-router.js";
 const renderWithRouterRedux = (ui, {
   route = "/",
   history = createMemoryHistory({ initialEntries: [route] }),
@@ -13,7 +13,7 @@ const renderWithRouterRedux = (ui, {
 } = {}) => ({
   ...render(/* @__PURE__ */ React.createElement(Provider, {
     store
-  }, /* @__PURE__ */ React.createElement(Router, {
+  }, /* @__PURE__ */ React.createElement(AppRouter, {
     history
   }, ui))),
   store

package/dist/es/utils/testing/render-with-router.js

@@ -1,16 +1,19 @@
 import * as React from "react";
 import { render } from "@testing-library/react";
-import { Router } from "react-router-dom";
 import { createMemoryHistory } from "history";
+import { AppRouter } from "../../view/app-router.js";
 const renderWithRouter = (ui, {
   route = "/",
   history = createMemoryHistory({ initialEntries: [route] })
-} = {}) => ({
-  ...render(/* @__PURE__ */ React.createElement(Router, {
+} = {}) => {
+  const renderResult = render(/* @__PURE__ */ React.createElement(AppRouter, {
     history
-  }, ui)),
-  history
-});
+  }, ui));
+  return {
+    ...renderResult,
+    history
+  };
+};
 export {
   renderWithRouter
 };

package/dist/es/view/app-root/index.js

@@ -1,9 +1,9 @@
 import * as React from "react";
 import { Provider } from "react-redux";
 import { ThemeProvider } from "styled-components";
-import { Router } from "react-router-dom";
 import { getDefaultTheme } from "@elliemae/pui-theme";
 import { useInjectSaga } from "redux-injectors";
+import { AppRouter } from "../app-router.js";
 import { isStandAloneGuest, isHost } from "../../utils/micro-frontend/index.js";
 import { waitMessage } from "../../sideeffect/wait-message/index.js";
 import { errorToast } from "../../sideeffect/error-toast/index.js";
@@ -32,7 +32,7 @@ const AppRoot = ({
   errorTemplate
 }, /* @__PURE__ */ React.createElement(Provider, {
   store
-}, /* @__PURE__ */ React.createElement(Router, {
+}, /* @__PURE__ */ React.createElement(AppRouter, {
   history
 }, /* @__PURE__ */ React.createElement(ThemeProvider, {
   theme