@elliemae/pui-app-sdk 3.0.0-beta.7 → 3.0.1

package/dist/esm/communication/http-client/index.js

@@ -0,0 +1,70 @@
+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;
+};
+import axios from "axios";
+import { getAppConfigValue } from "../../utils/app-config/config.js";
+import { getAuthorizationHeader } from "../../utils/auth/helper.js";
+import setupRetry from "./retry.js";
+import { requestInterceptor } from "./request-interceptor.js";
+import { handleSuccess, handleFailure } from "./response-interceptor.js";
+const REQUEST_TIMEOUT = 2 * 60 * 1e3;
+const getHTTPClient = ({
+  baseURL = getAppConfigValue("serviceEndpoints.api", ""),
+  headers = {}
+} = {}) => {
+  const client = axios.create({ baseURL, headers });
+  if (client?.defaults?.timeout)
+    client.defaults.timeout = REQUEST_TIMEOUT;
+  setupRetry(client);
+  const { request, response } = client?.interceptors || {};
+  if (request)
+    request.use(requestInterceptor);
+  if (response)
+    response.use(handleSuccess, handleFailure);
+  return client;
+};
+const getAuthHTTPClient = (_a = {}) => {
+  var _b = _a, {
+    baseURL,
+    headers = {}
+  } = _b, rest = __objRest(_b, [
+    "baseURL",
+    "headers"
+  ]);
+  return getHTTPClient(__spreadValues({
+    baseURL,
+    headers: __spreadProps(__spreadValues({}, headers), { Authorization: getAuthorizationHeader() })
+  }, rest));
+};
+export {
+  getAuthHTTPClient,
+  getHTTPClient
+};

package/dist/{es → esm}/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/esm/data/index.js

@@ -0,0 +1,11 @@
+import { useInjectReducer, useInjectSaga } from "redux-injectors";
+import { useAppDispatch, useAppSelector } from "./react-redux.js";
+import { createAppStore, getStore } from "./store.js";
+export {
+  createAppStore as configureStore,
+  getStore,
+  useAppDispatch,
+  useAppSelector,
+  useInjectReducer,
+  useInjectSaga
+};

package/dist/esm/data/reducers.js

@@ -0,0 +1,33 @@
+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;
+};
+import { combineReducers } from "@reduxjs/toolkit";
+import { waitMessageReducer } from "./wait-message/reducer.js";
+import { errorReducer } from "./error/index.js";
+import { breakpointReducer } from "./breakpoint/index.js";
+import { liveMessageReducer } from "./live-message/index.js";
+const createReducer = (injectedReducers = {}) => {
+  const rootReducer = combineReducers(__spreadValues({
+    waitMessage: waitMessageReducer,
+    error: errorReducer,
+    breakpoint: breakpointReducer,
+    liveMessage: liveMessageReducer
+  }, injectedReducers));
+  return rootReducer;
+};
+export {
+  createReducer
+};

package/dist/{es → esm}/data/store.js

@@ -1,7 +1,10 @@
 import { configureStore } from "@reduxjs/toolkit";
-import { createInjectorsEnhancer, forceReducerReload } from "redux-injectors";
+import {
+  createInjectorsEnhancer
+} from "redux-injectors";
 import createSagaMiddleware from "redux-saga";
 import { createReducer } from "./reducers.js";
+import { enableHotReloading } from "./webpack-hmr.js";
 const rootReducer = createReducer();
 let appStore = null;
 const setStore = (store) => {
@@ -23,17 +26,7 @@ const createStore = (initialState, sagaMiddleware, history, middlewareConfig = {
     preloadedState: initialState,
     enhancers
   });
-  let hotModule = null;
-  try {
-    hotModule = module?.hot;
-  } catch (err) {
-    hotModule = import.meta?.webpackHot;
-  }
-  if (hotModule) {
-    hotModule.accept("./reducers", () => {
-      forceReducerReload(baseStore);
-    });
-  }
+  enableHotReloading(baseStore);
   return baseStore;
 };
 const createAppStore = (initialState = {}, history, middlewareConfig) => {

package/dist/esm/data/webpack-hmr.js

@@ -0,0 +1,17 @@
+import { forceReducerReload } from "redux-injectors";
+const enableHotReloading = (baseStore) => {
+  let hotModule = null;
+  try {
+    hotModule = module?.hot;
+  } catch (err) {
+    hotModule = import.meta?.webpackHot;
+  }
+  if (hotModule) {
+    hotModule.accept("./reducers", () => {
+      forceReducerReload(baseStore);
+    });
+  }
+};
+export {
+  enableHotReloading
+};

package/dist/{es → esm}/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";
@@ -35,7 +35,10 @@ import {
   setAppConfigValue,
   setAppConfig
 } from "./utils/app-config/config.js";
-import { getMicroFrontEndAppConfig } from "./utils/micro-frontend/index.js";
+import {
+  getMicroFrontEndAppConfig,
+  getLogger
+} from "./utils/micro-frontend/index.js";
 import { loadAppConfig } from "./utils/app-config/index.js";
 import { AppRoot } from "./view/app-root/index.js";
 import { ErrorBoundary } from "./view/error-boundary/index.js";
@@ -62,13 +65,12 @@ import { renderWithRouter } from "./utils/testing/render-with-router.js";
 import { RenderWithStateAddOns } from "./utils/testing/render-with-state-addons.js";
 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";
 import { FormItemLayout } from "./view/fields/form-item-layout/index.js";
+import { FormLayoutBlockItem } from "./view/fields/form-layout-block-item/index.js";
 import { TextBox } from "./view/fields/text-box/index.js";
 import { LargeTextBox } from "./view/fields/large-text-box/index.js";
 import {
@@ -83,7 +85,7 @@ import { RadioGroup } from "./view/fields/radio-group/index.js";
 import { DateInput } from "./view/fields/date-input/index.js";
 import { DatePicker } from "./view/fields/date-picker/index.js";
 import { FormSubmitButton } from "./view/form/submit-button/index.js";
-import { MediaBreakpoint } from "./view/media-breakpoint/index.js";
+import { useMediaQueryList } from "./view/breakpoint/use-media-query-list.js";
 import { VisuallyHidden } from "./view/visually-hidden/index.js";
 import { actions } from "./data/live-message/index.js";
 import { actions as actions2 } from "./data/error/index.js";
@@ -110,22 +112,21 @@ export {
   ErrorToast,
   Form,
   FormItemLayout,
+  FormLayoutBlockItem,
   FormSubmitButton,
-  Header,
   InputMask,
   LargeTextBox,
   MASK_PIPES,
   MASK_TYPES,
-  MediaBreakpoint,
   MicroApp,
   MicroIFrameApp,
   ACTIONS as NavigationPromptActions,
-  PrivateRoute,
+  Page,
   Radio,
   RadioGroup,
   RegisterService,
   RenderWithStateAddOns,
-  AppRoute as Route,
+  RequireAuth,
   SessionTimeout,
   TextBox,
   Themes,
@@ -145,6 +146,7 @@ export {
   getAuthorizationHeader,
   getHTTPClient,
   getHostAppDataByKey,
+  getLogger,
   getMicroFrontEndAppConfig,
   getNavigationLinks,
   getRedirectUrl,
@@ -187,7 +189,7 @@ export {
   useAppSelector,
   useInjectReducer,
   useInjectSaga,
-  useMediaBreakpoints,
+  useMediaQueryList,
   waitMessage as waitMessageAction,
   withAppDecorator
 };

package/dist/esm/micro-frontend.js

@@ -0,0 +1,10 @@
+import { CMicroAppGuest } from "./utils/micro-frontend/guest.js";
+import { CMicroAppHost } from "./utils/micro-frontend/host.js";
+import { getMicroFrontEndAppConfig } from "./utils/micro-frontend/index.js";
+import { enableReactAppForHostIntegration } from "./utils/app-host-integration/react.js";
+export {
+  CMicroAppGuest,
+  CMicroAppHost,
+  enableReactAppForHostIntegration,
+  getMicroFrontEndAppConfig
+};

package/dist/esm/package.json

@@ -0,0 +1,7 @@
+{
+  "type": "module",
+  "sideEffects": [
+    "*.css",
+    "*.html"
+  ]
+}

package/dist/esm/sideeffect/auth/index.js

@@ -0,0 +1,64 @@
+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));
+import {
+  call,
+  put,
+  takeLatest
+} from "redux-saga/effects";
+import {
+  LOGIN,
+  LOGOUT,
+  LOGIN_SUCCESS
+} from "../../data/auth/actions.js";
+import { authorize, endSession } from "../../utils/auth/index.js";
+import { getLogger } from "../../utils/micro-frontend/index.js";
+import { logRecords } from "../../utils/log-records.js";
+function* login({
+  payload
+}) {
+  try {
+    yield call(authorize, payload);
+    yield put({ type: LOGIN_SUCCESS });
+  } catch (err) {
+    getLogger().error(__spreadProps(__spreadValues({}, logRecords.LOGIN_FAILED), {
+      exception: err
+    }));
+  }
+}
+function* logout({
+  payload
+}) {
+  try {
+    yield call(endSession, payload);
+  } catch (err) {
+    getLogger().error(__spreadProps(__spreadValues({}, logRecords.LOGOUT_FAILED), {
+      exception: err
+    }));
+  }
+}
+function* authentication() {
+  yield takeLatest(LOGIN, login);
+  yield takeLatest(LOGOUT, logout);
+}
+export {
+  authentication,
+  login,
+  logout
+};

package/dist/esm/sideeffect/error-toast/index.js

@@ -0,0 +1,43 @@
+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));
+import { call, takeLatest } from "redux-saga/effects";
+import { actions } from "../../data/error/index.js";
+import { CMicroAppGuest } from "../../utils/micro-frontend/guest.js";
+import { getLogger } from "../../utils/micro-frontend/index.js";
+import { logRecords } from "../../utils/log-records.js";
+function* openErrorToast(action) {
+  try {
+    const microApp = yield call(CMicroAppGuest.getInstance.bind(CMicroAppGuest));
+    const host = yield call(microApp.getHost.bind(microApp));
+    const message = action?.payload?.description || action?.payload?.messageText;
+    if (host && message)
+      yield call(host.openErrorBanner.bind(host), message);
+  } catch (ex) {
+    getLogger().error(__spreadProps(__spreadValues({}, logRecords.ERR_TOAST_OPEN_FAILED), {
+      exception: ex
+    }));
+  }
+}
+function* errorToast() {
+  yield takeLatest(actions.set.type, openErrorToast);
+}
+export {
+  errorToast
+};

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

@@ -0,0 +1,55 @@
+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));
+import { call, takeLatest } from "redux-saga/effects";
+import { ACTIONS } from "../../data/wait-message/actions.js";
+import { CMicroAppGuest } from "../../utils/micro-frontend/guest.js";
+import { getLogger } from "../../utils/micro-frontend/index.js";
+import { logRecords } from "../../utils/log-records.js";
+function* openWaitMessage() {
+  try {
+    const microApp = yield call(CMicroAppGuest.getInstance.bind(CMicroAppGuest));
+    const host = yield call(microApp.getHost.bind(microApp));
+    if (host)
+      yield call(host.openWaitMessage.bind(host));
+  } catch (ex) {
+    getLogger().error(__spreadProps(__spreadValues({}, logRecords.WAIT_MSG_OPEN_FAILED), {
+      exception: ex
+    }));
+  }
+}
+function* closeWaitMessage() {
+  try {
+    const microApp = yield call(CMicroAppGuest.getInstance.bind(CMicroAppGuest));
+    const host = yield call(microApp.getHost.bind(microApp));
+    if (host)
+      yield call(host.closeWaitMessage.bind(host));
+  } catch (ex) {
+    getLogger().error(__spreadProps(__spreadValues({}, logRecords.WAIT_MSG_CLOSE_FAILED), {
+      exception: ex
+    }));
+  }
+}
+function* waitMessage() {
+  yield takeLatest(ACTIONS.OPEN, openWaitMessage);
+  yield takeLatest(ACTIONS.CLOSE, closeWaitMessage);
+}
+export {
+  waitMessage
+};

package/dist/{es → esm}/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 → esm}/utils/auth/index.js

@@ -1,3 +1,22 @@
+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));
 import { browserHistory as history } from "../history.js";
 import {
   getToken,
@@ -69,10 +88,9 @@ const endSession = async ({
     logoutUrl.search = searchParams.toString();
     window.location.replace(logoutUrl.href);
   } catch (err) {
-    getLogger().error({
-      ...logRecords.LOGOUT_FAILED,
+    getLogger().error(__spreadProps(__spreadValues({}, logRecords.LOGOUT_FAILED), {
       exception: err
-    });
+    }));
   }
 };
 const authorize = async ({
@@ -113,14 +131,14 @@ const authorize = async ({
     setAppDynamicsUserData({ instanceId, userId: userName });
     const data = await getUser({ userName });
     sessionStorage.setItem("userSettings", JSON.stringify(data));
-    history.push(new URL(redirectUri).pathname);
+    history.push(`${new URL(redirectUri).pathname}/rerender`);
+    history.replace(new URL(redirectUri).pathname);
   } catch (err) {
     const code = err?.response?.data?.code;
     await endSession({ clientId, redirectUri, code, scope, responseType });
-    getLogger().error({
-      ...logRecords.LOGIN_FAILED,
+    getLogger().error(__spreadProps(__spreadValues({}, logRecords.LOGIN_FAILED), {
       exception: err
-    });
+    }));
   }
 };
 const login = async ({

package/dist/{es → esm}/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 → esm}/utils/micro-frontend/guest.js

@@ -82,7 +82,7 @@ class CMicroAppGuest {
       if (!isCrossDomain()) {
         host = window.parent?.emui?.MicroAppHost || null;
       } else if (ssfGuest && this.props.hostName) {
-        ssfGuest.connect();
+        await ssfGuest.connect();
         const timeout = new Promise((resolve) => {
           setTimeout(resolve, 100, null);
         });

package/dist/{es → esm}/utils/micro-frontend/host.js

@@ -14,6 +14,7 @@ import {
   HOST_WINDOW_BREAKPOINT_CHANGED
 } from "../constants.js";
 import {
+  getWindow,
   getCurrentBreakpoint,
   getViewportSize as getWindowViewportSize
 } from "../window.js";
@@ -64,10 +65,10 @@ class CMicroAppHost {
     return this.logger;
   }
   getItem(key) {
-    return window.parent.sessionStorage.getItem(key);
+    return getWindow().sessionStorage.getItem(key);
   }
   setItem(key, value) {
-    window.parent.sessionStorage.setItem(key, value);
+    getWindow().sessionStorage.setItem(key, value);
   }
   getGuests() {
     return this.activeGuests;
@@ -104,10 +105,10 @@ class CMicroAppHost {
       store.dispatch(error.set({ description: message }));
   }
   getAuthToken() {
-    return window.parent.sessionStorage.getItem("Authorization");
+    return getWindow().sessionStorage.getItem("Authorization");
   }
   renewAuthToken() {
-    return window.parent.sessionStorage.getItem("Authorization");
+    return getWindow().sessionStorage.getItem("Authorization");
   }
   logout() {
     const store = getStore();

package/dist/{es → esm}/utils/service-worker.js

@@ -7,10 +7,9 @@ const initServiceWorker = (swDest = "") => {
       navigator.serviceWorker.register(`${swDest.replace(/\/?$/, "/")}sw.js`).then(() => {
         logger.debug("Service Worker registered");
       }).catch((registrationError) => {
-        logger.error({
-          ...logRecords.SERVICE_WORKER_FAILED,
+        logger.error(__spreadProps(__spreadValues({}, logRecords.SERVICE_WORKER_FAILED), {
           exception: registrationError
-        });
+        }));
       });
     });
   }