@elliemae/pui-app-sdk 2.16.1 → 3.0.0-beta.1

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

@@ -1,24 +1,44 @@
-"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 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,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, {
+  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 import_react = __toModule(require("react"));
+var import_pubsub_js = __toModule(require("pubsub-js"));
+var import_constants = __toModule(require("../../utils/constants"));
 const WindowSize = () => {
-  (0, _react.useEffect)(() => {
-    if (window.ResizeObserver) {
-      const observer = new ResizeObserver(entries => {
-        (0, _pubsubJs.publish)(_constants.HOST_WINDOW_RESIZED, entries && entries[0]);
-      });
-      observer.observe(window.document.documentElement);
-      return () => {
-        observer.unobserve(window.document.documentElement);
-      };
-    }
-
-    return () => {};
+  (0, import_react.useEffect)(() => {
+    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 /*#__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 => {
+import { CMicroAppGuest } from "../utils/micro-frontend/guest";
+import { getBAEventParameters } from "./web-analytics";
+import { redactPii } from "../utils/redact-pii";
+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,24 +1,12 @@
-import { sendBAEvent } from "./index.js";
-export const pageViewEvent = ({
-  pageTitle
-}) => {
-  const {
-    pathname,
-    href
-  } = (window.top || window.self).location;
-  const {
-    title
-  } = (window.top || window.self).document;
-  const {
-    pathname: guestPagePath,
-    href: guestPageUrl
-  } = window.location;
-  const {
-    title: guestPageTitle
-  } = document;
+import { sendBAEvent } from ".";
+const pageViewEvent = ({ pageTitle }) => {
+  const { pathname, href } = (window.top || window.self).location;
+  const { title } = (window.top || window.self).document;
+  const { pathname: guestPagePath, href: guestPageUrl } = window.location;
+  const { title: guestPageTitle } = document;
   sendBAEvent({
     data: {
-      event: 'pageView',
+      event: "pageView",
       pageUrl: href,
       pagePath: pathname,
       pageTitle: title,
@@ -27,4 +15,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 = ({
+import { sendBAEvent } from ".";
+import { updateBAEventParameters } from "./web-analytics";
+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({
+import { sendBAEvent } from ".";
+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 ({
+import { getHTTPClient } from "../../communication/http-client";
+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}`);
+import { getAuthHTTPClient } from "../../communication/http-client";
+const getUser = async ({ userName }) => {
+  const { data } = await getAuthHTTPClient().get(`/encompass/v1/users/${userName}`);
   return data;
-};
+};
+export {
+  getUser
+};

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

@@ -1,41 +1,35 @@
-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 * 1000; // 2 mins
-
-export const getHTTPClient = ({
-  baseURL = getAppConfigValue('serviceEndpoints.api', ''),
+import axios from "axios";
+import { getAppConfigValue } from "../../utils/app-config/config";
+import { getAuthorizationHeader } from "../../utils/auth/helper";
+import setupRetry from "./retry";
+import { requestInterceptor } from "./request-interceptor";
+import { handleSuccess, handleFailure } from "./response-interceptor";
+const REQUEST_TIMEOUT = 2 * 60 * 1e3;
+const getHTTPClient = ({
+  baseURL = getAppConfigValue("serviceEndpoints.api", ""),
   headers = {}
 } = {}) => {
-  var _client$defaults;
-
-  // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
-  const client = axios.create({
-    baseURL,
-    headers
-  });
-  if (client !== null && client !== void 0 && (_client$defaults = client.defaults) !== null && _client$defaults !== void 0 && _client$defaults.timeout) client.defaults.timeout = REQUEST_TIMEOUT;
+  const client = axios.create({ baseURL, headers });
+  if (client?.defaults?.timeout)
+    client.defaults.timeout = REQUEST_TIMEOUT;
   setupRetry(client);
-  const {
-    request,
-    response
-  } = (client === null || client === void 0 ? void 0 : client.interceptors) || {};
-  if (request) request.use(requestInterceptor);
-  if (response) response.use(handleSuccess, handleFailure);
+  const { request, response } = client?.interceptors || {};
+  if (request)
+    request.use(requestInterceptor);
+  if (response)
+    response.use(handleSuccess, handleFailure);
   return client;
 };
-export const getAuthHTTPClient = ({
+const getAuthHTTPClient = ({
   baseURL,
   headers = {},
   ...rest
 } = {}) => getHTTPClient({
   baseURL,
-  // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
-  headers: { ...headers,
-    Authorization: getAuthorizationHeader()
-  },
+  headers: { ...headers, Authorization: getAuthorizationHeader() },
   ...rest
-});
+});
+export {
+  getAuthHTTPClient,
+  getHTTPClient
+};

package/dist/es/communication/http-client/request-interceptor.js

@@ -1,5 +1,8 @@
-import { resetUserIdleTime } from "../../utils/session.js";
-export const requestInterceptor = config => {
+import { resetUserIdleTime } from "../../utils/session";
+const requestInterceptor = (config) => {
   resetUserIdleTime();
   return config;
-};
+};
+export {
+  requestInterceptor
+};

package/dist/es/communication/http-client/response-interceptor.js

@@ -1,33 +1,32 @@
-import axios from 'axios';
+import axios from "axios";
 const HTTP_UNAUTHORIZED = 401;
 let unAuthorizedFailureHandler = null;
-export const onAuthorizationFailure = callback => {
+const onAuthorizationFailure = (callback) => {
   unAuthorizedFailureHandler = callback;
 };
-export const handleSuccess = response => response;
-export const handleFailure = error => {
-  const {
-    status
-  } = (error || {}).response || {}; // incase of authorization issues give a chance to the sdk consumer to refresh the authroization token and resubmit the request
-
-  if (status === HTTP_UNAUTHORIZED && unAuthorizedFailureHandler && typeof unAuthorizedFailureHandler === 'function') {
-    return unAuthorizedFailureHandler(error).then(authorizationHeader => {
-      const {
-        config
-      } = error;
-      if (config.headers) config.headers.Authorization = authorizationHeader;
+const handleSuccess = (response) => response;
+const handleFailure = (error) => {
+  const { status } = (error || {}).response || {};
+  if (status === HTTP_UNAUTHORIZED && unAuthorizedFailureHandler && typeof unAuthorizedFailureHandler === "function") {
+    return unAuthorizedFailureHandler(error).then((authorizationHeader) => {
+      const { config } = error;
+      if (config.headers)
+        config.headers.Authorization = authorizationHeader;
       return new Promise((resolve, reject) => {
-        axios.request(config).then(response => {
+        axios.request(config).then((response) => {
           resolve(response);
-        }).catch(exception => {
+        }).catch((exception) => {
           reject(exception);
         });
       });
-    }).catch(exception => Promise.reject(exception));
-  } // Return any error which is not due to authentication back to the calling service
-
-
+    }).catch((exception) => Promise.reject(exception));
+  }
   return new Promise((resolve, reject) => {
     reject(error);
   });
-};
+};
+export {
+  handleFailure,
+  handleSuccess,
+  onAuthorizationFailure
+};