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

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

@@ -1,18 +1,34 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
+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) => {
+  __markAsModule(target);
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && key !== "default")
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toModule = (module2) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+__export(exports, {
+  usePrevious: () => usePrevious
 });
-exports.usePrevious = void 0;
-
-var _react = require("react");
-
-const usePrevious = value => {
-  const ref = (0, _react.useRef)();
-  (0, _react.useEffect)(() => {
+var import_react = __toModule(require("react"));
+const usePrevious = (value) => {
+  const ref = (0, import_react.useRef)();
+  (0, import_react.useEffect)(() => {
     ref.current = value;
   }, [value]);
   return ref.current;
 };
-
-exports.usePrevious = usePrevious;

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

@@ -1,26 +1,41 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
+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) => {
+  __markAsModule(target);
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && key !== "default")
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toModule = (module2) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+__export(exports, {
+  useMediaBreakpoints: () => useMediaBreakpoints
 });
-exports.useMediaBreakpoints = void 0;
-
-var _react = require("react");
-
+var import_react = __toModule(require("react"));
 const useMediaBreakpoints = (queries, values, defaultValue) => {
-  const mediaQueryLists = queries.map(q => window.matchMedia(q));
-  const getValue = (0, _react.useCallback)(() => {
-    const index = mediaQueryLists.findIndex(mql => mql.matches);
-    return typeof values[index] !== 'undefined' ? values[index] : defaultValue;
+  const mediaQueryLists = queries.map((q) => window.matchMedia(q));
+  const getValue = (0, import_react.useCallback)(() => {
+    const index = mediaQueryLists.findIndex((mql) => mql.matches);
+    return typeof values[index] !== "undefined" ? values[index] : defaultValue;
   }, [defaultValue, mediaQueryLists, values]);
-  const [value, setValue] = (0, _react.useState)(getValue);
-  (0, _react.useEffect)(() => {
+  const [value, setValue] = (0, import_react.useState)(getValue);
+  (0, import_react.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;
 };
-
-exports.useMediaBreakpoints = useMediaBreakpoints;

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

@@ -1,24 +1,45 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
+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) => {
+  __markAsModule(target);
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && key !== "default")
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toModule = (module2) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+__export(exports, {
+  VisuallyHidden: () => VisuallyHidden
 });
-exports.VisuallyHidden = void 0;
-
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-
-var _react = require("react");
-
-var _jsxRuntime = require("react/jsx-runtime");
-
-const VisuallyHidden = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_StyledSpan, {
-  ref: ref,
+var React = __toModule(require("react"));
+var import_react = __toModule(require("react"));
+var import_styled_components = __toModule(require("styled-components"));
+const Span = import_styled_components.default.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 = (0, import_react.forwardRef)((props, ref) => /* @__PURE__ */ React.createElement(Span, {
+  ref,
   ...props
 }));
-exports.VisuallyHidden = VisuallyHidden;
-
-var _StyledSpan = /*#__PURE__*/(0, _styledComponents.default)("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;"]);

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

@@ -1,33 +1,46 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
+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) => {
+  __markAsModule(target);
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && key !== "default")
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toModule = (module2) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+__export(exports, {
+  WindowSize: () => WindowSize
 });
-exports.WindowSize = void 0;
-
-var _react = require("react");
-
-var _pubsubJs = require("pubsub-js");
-
-var _constants = require("../../utils/constants.js");
-
-var _jsxRuntime = require("react/jsx-runtime");
-
+var React = __toModule(require("react"));
+var import_react = __toModule(require("react"));
+var import_pubsub_js = __toModule(require("pubsub-js"));
+var import_constants = __toModule(require("../../utils/constants.js"));
 const WindowSize = () => {
-  (0, _react.useEffect)(() => {
+  (0, import_react.useEffect)(() => {
     if (window.ResizeObserver) {
-      const observer = new ResizeObserver(entries => {
-        (0, _pubsubJs.publish)(_constants.HOST_WINDOW_RESIZED, entries && entries[0]);
+      const observer = new ResizeObserver((entries) => {
+        (0, import_pubsub_js.publish)(import_constants.HOST_WINDOW_RESIZED, entries && entries[0]);
       });
       observer.observe(window.document.documentElement);
       return () => {
         observer.unobserve(window.document.documentElement);
       };
     }
-
-    return () => {};
+    return () => {
+    };
   }, []);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {});
+  return /* @__PURE__ */ React.createElement(React.Fragment, null);
 };
-
-exports.WindowSize = WindowSize;

package/dist/es/analytics/appdynamics.js

@@ -1,19 +1,18 @@
-import * as brum from '@elliemae/pui-user-monitoring';
+import * as brum from "@elliemae/pui-user-monitoring";
 let userData = {
-  envName: 'localhost',
-  appId: '',
-  instanceId: '',
-  userId: ''
+  envName: "localhost",
+  appId: "",
+  instanceId: "",
+  userId: ""
 };
-export const getAppDynamicsUserData = () => userData;
-export const setAppDynamicsUserData = params => {
-  userData = { ...userData,
-    ...params
-  };
-
+const getAppDynamicsUserData = () => userData;
+const setAppDynamicsUserData = (params) => {
+  userData = { ...userData, ...params };
   if (brum) {
-    brum.setCustomUserData(() => ({
-      userData
-    }));
+    brum.setCustomUserData(() => ({ userData }));
   }
-};
+};
+export {
+  getAppDynamicsUserData,
+  setAppDynamicsUserData
+};

package/dist/es/analytics/index.js

@@ -1,27 +1,18 @@
 import { CMicroAppGuest } from "../utils/micro-frontend/guest.js";
 import { getBAEventParameters } from "./web-analytics.js";
 import { redactPii } from "../utils/redact-pii.js";
-
-const sendBAEventToSelf = data => {
+const sendBAEventToSelf = (data) => {
   const redactedData = redactPii(data);
   window.gtmDataLayer = window.gtmDataLayer || [];
   window.gtmDataLayer.push(redactedData);
 };
-
-export const sendBAEvent = ({
+const sendBAEvent = ({
   data,
   self = true
 }) => {
-  const eventData = { ...getBAEventParameters(),
-    ...data
-  };
-
+  const eventData = { ...getBAEventParameters(), ...data };
   if (!self) {
-    var _CMicroAppGuest$getIn, _CMicroAppGuest$getIn2;
-
-    // eslint-disable-next-line @typescript-eslint/unbound-method
-    const sendEvent = (_CMicroAppGuest$getIn = CMicroAppGuest.getInstance()) === null || _CMicroAppGuest$getIn === void 0 ? void 0 : (_CMicroAppGuest$getIn2 = _CMicroAppGuest$getIn.getHost()) === null || _CMicroAppGuest$getIn2 === void 0 ? void 0 : _CMicroAppGuest$getIn2.sendBAEvent;
-
+    const sendEvent = CMicroAppGuest.getInstance()?.getHost()?.sendBAEvent;
     if (sendEvent) {
       sendEvent(eventData);
     } else {
@@ -30,4 +21,7 @@ export const sendBAEvent = ({
   } else {
     sendBAEventToSelf(eventData);
   }
-};
+};
+export {
+  sendBAEvent
+};

package/dist/es/analytics/page-view-event.js

@@ -1,34 +1,21 @@
 import { sendBAEvent } from "./index.js";
-
 const getWindow = () => {
   try {
+    window.top?.document;
     return window.top || window.self;
   } catch (e) {
     return window.self;
   }
 };
-
-export const pageViewEvent = ({
-  pageTitle
-}) => {
+const pageViewEvent = ({ pageTitle }) => {
   const pageWindow = getWindow();
-  const {
-    pathname,
-    href
-  } = pageWindow.location;
-  const {
-    title
-  } = pageWindow.document;
-  const {
-    pathname: guestPagePath,
-    href: guestPageUrl
-  } = window.location;
-  const {
-    title: guestPageTitle
-  } = document;
+  const { pathname, href } = pageWindow.location;
+  const { title } = pageWindow.document;
+  const { pathname: guestPagePath, href: guestPageUrl } = window.location;
+  const { title: guestPageTitle } = document;
   sendBAEvent({
     data: {
-      event: 'pageView',
+      event: "pageView",
       pageUrl: href,
       pagePath: pathname,
       pageTitle: title,
@@ -37,4 +24,7 @@ export const pageViewEvent = ({
       guestPageTitle: pageTitle || guestPageTitle
     }
   });
-};
+};
+export {
+  pageViewEvent
+};

package/dist/es/analytics/user-session-event.js

@@ -1,27 +1,25 @@
 import { sendBAEvent } from "./index.js";
 import { updateBAEventParameters } from "./web-analytics.js";
-export const loginEvent = ({
+const loginEvent = ({
   instanceId,
   userId
 }) => {
-  updateBAEventParameters({
-    instanceId,
-    userId
-  });
+  updateBAEventParameters({ instanceId, userId });
   sendBAEvent({
     data: {
-      event: 'login'
+      event: "login"
     }
   });
 };
-export const logoutEvent = () => {
+const logoutEvent = () => {
   sendBAEvent({
     data: {
-      event: 'logout'
+      event: "logout"
     }
   });
-  updateBAEventParameters({
-    instanceId: '',
-    userId: ''
-  });
-};
+  updateBAEventParameters({ instanceId: "", userId: "" });
+};
+export {
+  loginEvent,
+  logoutEvent
+};

package/dist/es/analytics/user-wait-event.js

@@ -1,11 +1,15 @@
 import { sendBAEvent } from "./index.js";
-export const waitStartEvent = () => sendBAEvent({
+const waitStartEvent = () => sendBAEvent({
   data: {
-    event: 'pageInteractionEnabled'
+    event: "pageInteractionEnabled"
   }
 });
-export const waitEndEvent = () => sendBAEvent({
+const waitEndEvent = () => sendBAEvent({
   data: {
-    event: 'pageInteractionDisabled'
+    event: "pageInteractionDisabled"
   }
-});
+});
+export {
+  waitEndEvent,
+  waitStartEvent
+};

package/dist/es/analytics/web-analytics.js

@@ -1,12 +1,14 @@
 let baEventParameters = {
-  envName: 'localhost',
-  appId: '',
-  instanceId: '',
-  userId: ''
+  envName: "localhost",
+  appId: "",
+  instanceId: "",
+  userId: ""
+};
+const getBAEventParameters = () => baEventParameters;
+const updateBAEventParameters = (params) => {
+  baEventParameters = { ...baEventParameters, ...params };
+};
+export {
+  getBAEventParameters,
+  updateBAEventParameters
 };
-export const getBAEventParameters = () => baEventParameters;
-export const updateBAEventParameters = params => {
-  baEventParameters = { ...baEventParameters,
-    ...params
-  };
-};

package/dist/es/api/auth/index.js

@@ -1,40 +1,35 @@
 import { getHTTPClient } from "../../communication/http-client/index.js";
-export const getToken = async ({
+const getToken = async ({
   clientId,
   redirectUri,
   idpCode
 }) => {
   const params = new URLSearchParams();
-  params.append('grant_type', 'authorization_code');
-  params.append('client_id', clientId);
-  params.append('redirect_uri', redirectUri);
-  params.append('code', idpCode);
-  const {
-    data
-  } = await getHTTPClient().post('/oauth2/v1/token', params);
-  return {
-    tokenType: data.token_type,
-    accessToken: data.access_token
-  };
+  params.append("grant_type", "authorization_code");
+  params.append("client_id", clientId);
+  params.append("redirect_uri", redirectUri);
+  params.append("code", idpCode);
+  const { data } = await getHTTPClient().post("/oauth2/v1/token", params);
+  return { tokenType: data.token_type, accessToken: data.access_token };
 };
-export const revokeToken = async ({
-  clientId,
-  token
-}) => {
+const revokeToken = async ({ clientId, token }) => {
   const params = new URLSearchParams();
-  params.append('token', token);
-  params.append('client_id', clientId);
-  await getHTTPClient().post('/oauth2/v1/token/revocation', params);
+  params.append("token", token);
+  params.append("client_id", clientId);
+  await getHTTPClient().post("/oauth2/v1/token/revocation", params);
 };
-export const introspectToken = async ({
+const introspectToken = async ({
   clientId,
   accessToken
 }) => {
   const params = new URLSearchParams();
-  params.append('token', accessToken);
-  params.append('client_id', clientId);
-  const {
-    data
-  } = await getHTTPClient().post('/oauth2/v1/token/introspection', params);
+  params.append("token", accessToken);
+  params.append("client_id", clientId);
+  const { data } = await getHTTPClient().post("/oauth2/v1/token/introspection", params);
   return data;
-};
+};
+export {
+  getToken,
+  introspectToken,
+  revokeToken
+};

package/dist/es/api/helpers.js

@@ -1,85 +1,12 @@
-import _get from "lodash/get";
-import { createAction } from '@reduxjs/toolkit';
-
-/**
- * @function
- * @description Creates API Redux Action Creators
- * ## Examples
- * ```javascript
- * import { getApiActionCreator } from '@elliemae/pui-app-sdk';
- *  const loansActionCreator = getApiActionCreator('loans');
- *
- *  export const loans = {
- *    ...loansActionCreator('create'),
- *    ...loansActionCreator('get'),
- *    ...loansActionCreator('save'),
- *  };
- *
- *  const loansSlice = createSlice({
- *    name: 'loans',
- *    initialState: [],
- *    reducers: {
- *      getSuccess: (state, { payload }) => {
- *        state.push(...payload);
- *      },
- *      saveSuccess: (state, { payload }) => {
- *        state.push(payload);
- *      },
- *    },
- *  });
- * ```
- * @param {string} api API name for which Redux Action Creators are required
- * @returns {Function} Redux Action Creators util function
- */
-export const getApiActionCreator = api => operation => ({
+import { createAction } from "@reduxjs/toolkit";
+import { get } from "lodash";
+const getApiActionCreator = (api) => (operation) => ({
   [operation]: createAction(`${api}/${operation}`),
   [`${operation}Success`]: createAction(`${api}/${operation}Success`),
   [`${operation}Error`]: createAction(`${api}/${operation}Error`)
 });
-/**
- * Why use this? It will prevent unnecessary rerenders hence improving performance, it also reduces the amount of code needed to select data from the store
- * hence making it easier and keeping your codebase smaller and easier to maintain.
- *
- * For this to work as expected, ensure you always select ONLY what you need. Don't select state objects that contain fields that you won't use, if you do so
- * then everytime any of those gets updated it will trigger a rerender even though you're not actually using that field.
- *
- * @description Generic Redux State Selector Helper.
- * ### Example
- * ```javascript
- * // reducer.js
- * import { getSelectField } from 'elliemae/pui-app-sdk';
- *
- * const name = 'someState';
- * export selectSomeState = getSelectField(name);
- *
- * // use-some-state.js hook. NOTE: You can create a hook for each main state
- * import { selectSomeState } from 'slices/some-slice';
- * import { useSelector, shallowEqual } from 'react-redux';
- *
- * export const useSelectSomeState = (fieldName, defaultValue) => useSelector(selectSomeState(fieldName, defaultValue), shallowEqual);
- *
- * // some-component.js
- * import { useSelectSomeState } from 'custom-hooks/state-selectors.js'
- *
- * export const SomeComponent = () => {
- *   const someField = useSelectSomeState('someField');
- *   ...
- * }
- * export const SomeOtherComponent = () => {
- *   const someSubField = useSelectSomeState('someField.someSubField');
- *   ...
- * }
- * export const AnotherComponent = () => {
- *   const [firstField, secondField, thirdField] = useSelectSomeState(['firstField', 'secondField', 'thirdField']);
- *   ...
- * }
- *
- * ```
- * @param {string} stateName the redux store's state name of the state you want to access.
- * @returns {Function} A *selectField* function that returns a selector function to be used inside a *useSelector* hook or a *select* side effect
- */
-
-/* eslint-disable prettier/prettier */
-
-export const getSelectField = stateName => (fieldName = '', defaultValue) => (state = {}, stateValue = _get(state, stateName)) => Array.isArray(fieldName) ? fieldName.map((field, i) => _get(stateValue, field, Array.isArray(defaultValue) ? defaultValue[i] : defaultValue)) : _get(stateValue, fieldName, defaultValue);
-/* eslint-enable prettier/prettier */
+const getSelectField = (stateName) => (fieldName = "", defaultValue) => (state = {}, stateValue = get(state, stateName)) => Array.isArray(fieldName) ? fieldName.map((field, i) => get(stateValue, field, Array.isArray(defaultValue) ? defaultValue[i] : defaultValue)) : get(stateValue, fieldName, defaultValue);
+export {
+  getApiActionCreator,
+  getSelectField
+};

package/dist/es/api/users/index.js

@@ -1,9 +1,8 @@
 import { getAuthHTTPClient } from "../../communication/http-client/index.js";
-export const getUser = async ({
-  userName
-}) => {
-  const {
-    data
-  } = await getAuthHTTPClient().get(`/encompass/v1/users/${userName}`);
+const getUser = async ({ userName }) => {
+  const { data } = await getAuthHTTPClient().get(`/encompass/v1/users/${userName}`);
   return data;
-};
+};
+export {
+  getUser
+};