@elliemae/pui-app-sdk 3.0.0-beta.24 → 3.0.0-beta.28

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

@@ -4,6 +4,7 @@ import {
 } 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) => {
@@ -25,6 +26,7 @@ const createStore = (initialState, sagaMiddleware, history, middlewareConfig = {
     preloadedState: initialState,
     enhancers
   });
+  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

@@ -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";
@@ -143,6 +146,7 @@ export {
   getAuthorizationHeader,
   getHTTPClient,
   getHostAppDataByKey,
+  getLogger,
   getMicroFrontEndAppConfig,
   getNavigationLinks,
   getRedirectUrl,

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/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 ({
@@ -118,10 +136,9 @@ const authorize = async ({
   } 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/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
-        });
+        }));
       });
     });
   }

package/dist/{es → esm}/utils/storybook/preview.js

@@ -5,8 +5,6 @@ import { loadAppConfig } from "../app-config/index.js";
 import { createTheme } from "./theme.js";
 import { browserHistory } from "../history.js";
 import "@elliemae/ds-basic/css/dimsum.css";
-loadAppConfig(__webpack_public_path__).catch(() => {
-});
 const theme = getDefaultTheme();
 const store = createAppStore({}, browserHistory);
 const appDecorator = withAppDecorator.bind(null, theme, store);
@@ -41,7 +39,13 @@ const getParameters = (storyBookTheme) => ({
   }
 });
 const decorators = [appDecorator];
+const loaders = [
+  async () => {
+    await loadAppConfig(__webpack_public_path__ || "./");
+  }
+];
 export {
   decorators,
-  getParameters
+  getParameters,
+  loaders
 };

package/dist/esm/utils/storybook/theme.js

@@ -0,0 +1,45 @@
+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;
+};
+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 { create } from "@storybook/theming/create";
+const createTheme = (_a) => {
+  var _b = _a, {
+    base = "light",
+    brandTitle = "Platform UI Components"
+  } = _b, rest = __objRest(_b, [
+    "base",
+    "brandTitle"
+  ]);
+  return create(__spreadValues({
+    base,
+    brandTitle: `${brandTitle} ${process.env.STORYBOOK_VERSION || ""}`
+  }, rest));
+};
+export {
+  createTheme
+};

package/dist/esm/utils/testing/index.js

@@ -0,0 +1,38 @@
+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 * as React from "react";
+import { render } from "@testing-library/react";
+import { getDefaultTheme } from "@elliemae/pui-theme";
+import { createAppStore } from "../../data/store.js";
+import { AppRoot } from "../../view/app-root/index.js";
+import { browserHistory } from "../history.js";
+const defaultStore = createAppStore({}, browserHistory);
+const defaultTheme = getDefaultTheme();
+const AllTheProviders = ({
+  store = defaultStore,
+  theme = defaultTheme,
+  children
+}) => /* @__PURE__ */ React.createElement(AppRoot, {
+  store,
+  history: browserHistory,
+  theme
+}, children);
+const customRender = (ui, options) => render(ui, __spreadValues({ wrapper: AllTheProviders }, options));
+export * from "@testing-library/react";
+export {
+  customRender as render
+};

package/dist/esm/utils/testing/render-with-redux.js

@@ -0,0 +1,35 @@
+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 * as React from "react";
+import { render } from "@testing-library/react";
+import { Provider } from "react-redux";
+import { createAppStore } from "../../data/store.js";
+import { browserHistory } from "../history.js";
+const renderWithRedux = (ui, {
+  initialState,
+  store = createAppStore(initialState, browserHistory)
+} = {}) => __spreadProps(__spreadValues({}, render(/* @__PURE__ */ React.createElement(Provider, {
+  store
+}, ui))), {
+  store
+});
+export {
+  renderWithRedux
+};

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

@@ -0,0 +1,41 @@
+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 * as React from "react";
+import { render } from "@testing-library/react";
+import { Provider } from "react-redux";
+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] }),
+  initialState,
+  store = createAppStore(initialState, browserHistory)
+} = {}) => __spreadProps(__spreadValues({}, render(/* @__PURE__ */ React.createElement(Provider, {
+  store
+}, /* @__PURE__ */ React.createElement(AppRouter, {
+  history
+}, ui)))), {
+  store
+});
+export {
+  renderWithRouterRedux
+};

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

@@ -0,0 +1,37 @@
+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 * as React from "react";
+import { render } from "@testing-library/react";
+import { createMemoryHistory } from "history";
+import { AppRouter } from "../../view/app-router.js";
+const renderWithRouter = (ui, {
+  route = "/",
+  history = createMemoryHistory({ initialEntries: [route] })
+} = {}) => {
+  const renderResult = render(/* @__PURE__ */ React.createElement(AppRouter, {
+    history
+  }, ui));
+  return __spreadProps(__spreadValues({}, renderResult), {
+    history
+  });
+};
+export {
+  renderWithRouter
+};