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

package/dist/cjs/view/modals/error/index.js

@@ -24,6 +24,7 @@ var __toModule = (module2) => {
 __export(exports, {
   Error: () => Error2
 });
+var React = __toModule(require("react"));
 var import_react = __toModule(require("react"));
 var import_ds_modal = __toModule(require("@elliemae/ds-modal"));
 const Error2 = ({

package/dist/cjs/view/modals/navigation-prompt/index.js

@@ -24,10 +24,11 @@ var __toModule = (module2) => {
 __export(exports, {
   NavigationPrompt: () => NavigationPrompt
 });
+var React = __toModule(require("react"));
 var import_react = __toModule(require("react"));
 var import_ds_modal = __toModule(require("@elliemae/ds-modal"));
-var import_react_redux = __toModule(require("../../../data/react-redux"));
-var import_actions = __toModule(require("../../../data/navigation-prompt/actions"));
+var import_react_redux = __toModule(require("../../../data/react-redux.js"));
+var import_actions = __toModule(require("../../../data/navigation-prompt/actions.js"));
 const NavigationPrompt = (0, import_react.memo)(({ open, showHeader = false }) => {
   const dispatch = (0, import_react_redux.useAppDispatch)();
   return /* @__PURE__ */ React.createElement(import_ds_modal.default, {

package/dist/cjs/view/modals/session-expiry/customHooks.js

@@ -26,8 +26,8 @@ __export(exports, {
 });
 var import_react = __toModule(require("react"));
 var import_date_fns = __toModule(require("date-fns"));
-var import_constants = __toModule(require("../../../utils/constants"));
-var import_config = __toModule(require("../../../utils/app-config/config"));
+var import_constants = __toModule(require("../../../utils/constants.js"));
+var import_config = __toModule(require("../../../utils/app-config/config.js"));
 const useTrackSessionExpiry = (warningNotifiedAt) => {
   const [timeData, setTimeData] = (0, import_react.useState)();
   (0, import_react.useEffect)(() => {

package/dist/cjs/view/modals/session-expiry/index.js

@@ -24,12 +24,13 @@ var __toModule = (module2) => {
 __export(exports, {
   SessionExpiry: () => SessionExpiry
 });
+var React = __toModule(require("react"));
 var import_react = __toModule(require("react"));
 var import_ds_modal = __toModule(require("@elliemae/ds-modal"));
-var import_react_redux = __toModule(require("../../../data/react-redux"));
-var import_actions = __toModule(require("../../../data/logout/actions"));
-var import_session = __toModule(require("../../../utils/session"));
-var import_customHooks = __toModule(require("./customHooks"));
+var import_react_redux = __toModule(require("../../../data/react-redux.js"));
+var import_actions = __toModule(require("../../../data/logout/actions.js"));
+var import_session = __toModule(require("../../../utils/session.js"));
+var import_customHooks = __toModule(require("./customHooks.js"));
 const SessionExpiry = (0, import_react.memo)(({ open, warningNotifiedAt = 0, showHeader = false }) => {
   const [isOpen, setIsOpen] = (0, import_react.useState)(open);
   const timeLeft = (0, import_customHooks.useTrackSessionExpiry)(warningNotifiedAt);

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

@@ -24,6 +24,7 @@ var __toModule = (module2) => {
 __export(exports, {
   HTMLWaitMessage: () => HTMLWaitMessage
 });
+var React = __toModule(require("react"));
 var import_react = __toModule(require("react"));
 const HTMLWaitMessage = (0, import_react.memo)(({ close }) => {
   (0, import_react.useEffect)(() => {

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

@@ -24,11 +24,12 @@ var __toModule = (module2) => {
 __export(exports, {
   WaitMessage: () => WaitMessage
 });
+var React = __toModule(require("react"));
 var import_react = __toModule(require("react"));
-var import_LoadingIndicator = __toModule(require("@elliemae/ds-basic/LoadingIndicator"));
-var import_react_redux = __toModule(require("../../../data/react-redux"));
-var import_html_wait_message = __toModule(require("./html-wait-message"));
-var import_user_wait_event = __toModule(require("../../../analytics/user-wait-event"));
+var import_ds_loading_indicator = __toModule(require("@elliemae/ds-loading-indicator"));
+var import_react_redux = __toModule(require("../../../data/react-redux.js"));
+var import_html_wait_message = __toModule(require("./html-wait-message.js"));
+var import_user_wait_event = __toModule(require("../../../analytics/user-wait-event.js"));
 const WaitMessage = (0, import_react.memo)(({
   size = "m",
   style = { color: "white", fontSize: "1.25rem" },
@@ -44,7 +45,7 @@ const WaitMessage = (0, import_react.memo)(({
   }, [isOpen]);
   return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(import_html_wait_message.HTMLWaitMessage, {
     close: isOpen !== null
-  }), /* @__PURE__ */ React.createElement(import_LoadingIndicator.default, {
+  }), /* @__PURE__ */ React.createElement(import_ds_loading_indicator.default, {
     id: "em-loading",
     size,
     style,

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

@@ -24,9 +24,10 @@ var __toModule = (module2) => {
 __export(exports, {
   WaitMessageLauncher: () => WaitMessageLauncher
 });
+var React = __toModule(require("react"));
 var import_react = __toModule(require("react"));
-var import_react_redux = __toModule(require("../../../data/react-redux"));
-var import_actions = __toModule(require("../../../data/wait-message/actions"));
+var import_react_redux = __toModule(require("../../../data/react-redux.js"));
+var import_actions = __toModule(require("../../../data/wait-message/actions.js"));
 const WaitMessageLauncher = () => {
   const dispatch = (0, import_react_redux.useAppDispatch)();
   (0, import_react.useEffect)(() => {

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

@@ -24,6 +24,7 @@ var __toModule = (module2) => {
 __export(exports, {
   RenderWithDelay: () => RenderWithDelay
 });
+var React = __toModule(require("react"));
 var import_react = __toModule(require("react"));
 const RenderWithDelay = (0, import_react.memo)(({ render }) => {
   const [show, showComponents] = (0, import_react.useState)(false);

package/dist/cjs/view/render-with-host-data/index.js

@@ -24,9 +24,10 @@ var __toModule = (module2) => {
 __export(exports, {
   renderWithHostData: () => renderWithHostData
 });
+var React = __toModule(require("react"));
 var import_react = __toModule(require("react"));
-var import_fetch_host_app_data = __toModule(require("../fetch-host-app-data"));
-var import_wait_message_launcher = __toModule(require("../modals/wait-message/wait-message-launcher"));
+var import_fetch_host_app_data = __toModule(require("../fetch-host-app-data/index.js"));
+var import_wait_message_launcher = __toModule(require("../modals/wait-message/wait-message-launcher.js"));
 const renderWithHostData = (data) => {
   const {
     ComponentToRender,

package/dist/cjs/view/session-timeout/index.js

@@ -24,11 +24,12 @@ var __toModule = (module2) => {
 __export(exports, {
   SessionTimeout: () => SessionTimeout
 });
+var React = __toModule(require("react"));
 var import_react = __toModule(require("react"));
-var import_react_redux = __toModule(require("../../data/react-redux"));
-var import_actions = __toModule(require("../../data/logout/actions"));
-var import_session = __toModule(require("../../utils/session"));
-var import_session_expiry = __toModule(require("../modals/session-expiry"));
+var import_react_redux = __toModule(require("../../data/react-redux.js"));
+var import_actions = __toModule(require("../../data/logout/actions.js"));
+var import_session = __toModule(require("../../utils/session.js"));
+var import_session_expiry = __toModule(require("../modals/session-expiry/index.js"));
 const SessionTimeout = () => {
   const dispatch = (0, import_react_redux.useAppDispatch)();
   const [showSessionExpiryWarning, setSessionExpiryWarning] = (0, import_react.useState)(false);

package/dist/cjs/view/storybook/decorator.js

@@ -24,8 +24,9 @@ var __toModule = (module2) => {
 __export(exports, {
   withAppDecorator: () => withAppDecorator
 });
-var import_history = __toModule(require("../../utils/history"));
-var import_app_root = __toModule(require("../app-root"));
+var React = __toModule(require("react"));
+var import_history = __toModule(require("../../utils/history.js"));
+var import_app_root = __toModule(require("../app-root/index.js"));
 const withAppDecorator = (theme, store, story) => /* @__PURE__ */ React.createElement(import_app_root.AppRoot, {
   store,
   history: import_history.browserHistory,

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

@@ -24,6 +24,7 @@ var __toModule = (module2) => {
 __export(exports, {
   VisuallyHidden: () => VisuallyHidden
 });
+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`

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

@@ -24,17 +24,22 @@ var __toModule = (module2) => {
 __export(exports, {
   WindowSize: () => WindowSize
 });
+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"));
+var import_constants = __toModule(require("../../utils/constants.js"));
 const WindowSize = () => {
   (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);
+    if (window.ResizeObserver) {
+      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 () => {
-      observer.unobserve(window.document.documentElement);
     };
   }, []);
   return /* @__PURE__ */ React.createElement(React.Fragment, null);

package/dist/es/analytics/index.js

@@ -1,6 +1,6 @@
-import { CMicroAppGuest } from "../utils/micro-frontend/guest";
-import { getBAEventParameters } from "./web-analytics";
-import { redactPii } from "../utils/redact-pii";
+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 redactedData = redactPii(data);
   window.gtmDataLayer = window.gtmDataLayer || [];

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

@@ -1,7 +1,16 @@
-import { sendBAEvent } from ".";
+import { sendBAEvent } from "./index.js";
+const getWindow = () => {
+  try {
+    window.top?.document;
+    return window.top || window.self;
+  } catch (e) {
+    return window.self;
+  }
+};
 const pageViewEvent = ({ pageTitle }) => {
-  const { pathname, href } = (window.top || window.self).location;
-  const { title } = (window.top || window.self).document;
+  const pageWindow = getWindow();
+  const { pathname, href } = pageWindow.location;
+  const { title } = pageWindow.document;
   const { pathname: guestPagePath, href: guestPageUrl } = window.location;
   const { title: guestPageTitle } = document;
   sendBAEvent({

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

@@ -1,5 +1,5 @@
-import { sendBAEvent } from ".";
-import { updateBAEventParameters } from "./web-analytics";
+import { sendBAEvent } from "./index.js";
+import { updateBAEventParameters } from "./web-analytics.js";
 const loginEvent = ({
   instanceId,
   userId

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

@@ -1,4 +1,4 @@
-import { sendBAEvent } from ".";
+import { sendBAEvent } from "./index.js";
 const waitStartEvent = () => sendBAEvent({
   data: {
     event: "pageInteractionEnabled"

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

@@ -1,4 +1,4 @@
-import { getHTTPClient } from "../../communication/http-client";
+import { getHTTPClient } from "../../communication/http-client/index.js";
 const getToken = async ({
   clientId,
   redirectUri,

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

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

package/dist/es/api/users/users.json

@@ -0,0 +1,8 @@
+[
+  {
+    "name": "David"
+  },
+  {
+    "name": "John"
+  }
+]

package/dist/es/app.config.json

@@ -0,0 +1,129 @@
+{
+  "appId": "app-sdk",
+  "brand": "primary",
+  "activeEnv": "localhost",
+  "hosted": true,
+  "sessionTimeoutWarnInterval": "60000",
+  "sessionTimeoutInterval": "70000",
+  "serviceEndpoints": {
+    "api": "",
+    "idp": ""
+  },
+  "walkMeUrl": "https://cdn.walkme.com/users/897bcebc13fd48038c790e2866e6a9fb/test/walkme_897bcebc13fd48038c790e2866e6a9fb_https.js",
+  "env": {
+    "localhost": {
+      "serviceEndpoints": {
+        "api": "",
+        "idp": ""
+      }
+    },
+    "dev": {
+      "serviceEndpoints": {
+        "api": "https://dev-api.appsdk.rd.elliemae.io",
+        "idp": "https://int.idp.ellielabs.com"
+      }
+    },
+    "dev2": {
+      "serviceEndpoints": {
+        "api": "https://int.api.ellielabs.com",
+        "idp": "https://int.idp.ellielabs.com"
+      }
+    },
+    "qa": {
+      "serviceEndpoints": {
+        "api": "https://qa-api.appsdk.rd.elliemae.io",
+        "idp": "https://int.idp.ellielabs.com"
+      }
+    },
+    "qa2": {
+      "serviceEndpoints": {
+        "api": "https://int.api.ellielabs.com",
+        "idp": "https://int.idp.ellielabs.com"
+      }
+    },
+    "qa3": {
+      "serviceEndpoints": {
+        "api": "https://int.api.ellielabs.com",
+        "idp": "https://int.idp.ellielabs.com"
+      }
+    },
+    "int": {
+      "serviceEndpoints": {
+        "api": "https://int.api.ellielabs.com",
+        "idp": "https://int.idp.ellielabs.com"
+      }
+    },
+    "peg-osb1": {
+      "serviceEndpoints": {
+        "api": "https://encompass-peg-api.elliemae.com",
+        "idp": "https://peg.idp.ellielabs.com/authorize"
+      }
+    },
+    "peg-osb2": {
+      "serviceEndpoints": {
+        "api": "https://encompass-peg2-api.elliemae.com",
+        "idp": "https://peg.idp.ellielabs.com/authorize"
+      }
+    },
+    "peg": {
+      "serviceEndpoints": {
+        "api": "https://peg2-west.api.ellielabs.com",
+        "idp": "https://peg.idp.ellielabs.com/authorize"
+      }
+    },
+    "peg-oapi-west": {
+      "serviceEndpoints": {
+        "api": "https://peg2-west.api.ellielabs.com",
+        "idp": "https://peg.idp.ellielabs.com/authorize"
+      }
+    },
+    "peg-oapi-east": {
+      "serviceEndpoints": {
+        "api": "https://peg2-east.api.ellielabs.com",
+        "idp": "https://peg.idp.ellielabs.com/authorize"
+      }
+    },
+    "peg2-oapi-east": {
+      "serviceEndpoints": {
+        "api": "https://peg2-east.api.ellielabs.com",
+        "idp": "https://peg.idp.ellielabs.com/authorize"
+      }
+    },
+    "peg3": {
+      "serviceEndpoints": {
+        "api": "https://pel1.api.ellielabs.com",
+        "idp": "https://peg3.idp.ellielabs.com/authorize"
+      }
+    },
+    "stage": {
+      "serviceEndpoints": {
+        "api": "https://stg.api.elliemae.com",
+        "idp": "https://stg.idp.elliemae.com/authorize"
+      }
+    },
+    "beta": {
+      "serviceEndpoints": {
+        "api": "https://concept.api.elliemae.com",
+        "idp": "https://concept.idp.elliemae.com/authorize"
+      }
+    },
+    "demo": {
+      "serviceEndpoints": {
+        "api": "https://concept.api.elliemae.com",
+        "idp": "https://concept.idp.elliemae.com/authorize"
+      }
+    },
+    "epc": {
+      "serviceEndpoints": {
+        "api": "https://concept.api.elliemae.com",
+        "idp": "https://concept.idp.elliemae.com/authorize"
+      }
+    },
+    "prod": {
+      "serviceEndpoints": {
+        "api": "https://api.elliemae.com",
+        "idp": "https://idp.elliemae.com/authorize"
+      }
+    }
+  }
+}

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

@@ -1,9 +1,9 @@
 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";
+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", ""),

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

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

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

@@ -1,7 +1,7 @@
 import {
   attach,
   getConfig
-} from "./retry-axios";
+} from "./retry-axios.js";
 const getRaxConfig = (httpClient) => ({
   retry: 3,
   noResponseRetries: 2,

package/dist/es/communication/http-client/tests/index.test-disable.js

@@ -1,6 +1,6 @@
-import enums from "../../../utils/constants";
-import { getAuthHTTPClient } from "../index";
-import { onAuthorizationFailure } from "../response-interceptor";
+import enums from "../../../utils/constants.js";
+import { getAuthHTTPClient } from "../index.js";
+import { onAuthorizationFailure } from "../response-interceptor.js";
 describe("http client test cases", () => {
   const callApi = ({
     apiUrl,

package/dist/es/data/auth/reducer.js

@@ -1,5 +1,5 @@
 import produce from "immer";
-import { LOGIN_SUCCESS } from "./actions";
+import { LOGIN_SUCCESS } from "./actions.js";
 const initialState = {
   authenticated: false
 };

package/dist/es/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/es/data/reducers.js

@@ -1,8 +1,8 @@
 import { combineReducers } from "@reduxjs/toolkit";
-import { waitMessageReducer } from "./wait-message/reducer";
-import { errorReducer } from "./error";
-import { breakpointReducer } from "./breakpoint";
-import { liveMessageReducer } from "./live-message";
+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({
     waitMessage: waitMessageReducer,

package/dist/es/data/store.js

@@ -1,8 +1,7 @@
 import { configureStore } from "@reduxjs/toolkit";
 import { createInjectorsEnhancer, forceReducerReload } from "redux-injectors";
-import { routerMiddleware } from "connected-react-router";
 import createSagaMiddleware from "redux-saga";
-import { createReducer } from "./reducers";
+import { createReducer } from "./reducers.js";
 const rootReducer = createReducer();
 let appStore = null;
 const setStore = (store) => {
@@ -19,7 +18,7 @@ const createStore = (initialState, sagaMiddleware, history, middlewareConfig = {
   ];
   const baseStore = configureStore({
     reducer: rootReducer,
-    middleware: (getDefaultMiddleware) => getDefaultMiddleware(middlewareConfig).concat(sagaMiddleware).concat(routerMiddleware(history)),
+    middleware: (getDefaultMiddleware) => getDefaultMiddleware(middlewareConfig).concat(sagaMiddleware),
     devTools: true,
     preloadedState: initialState,
     enhancers

package/dist/es/data/wait-message/reducer.js

@@ -1,5 +1,5 @@
 import produce from "immer";
-import { ACTIONS } from "./actions";
+import { ACTIONS } from "./actions.js";
 const initialState = {
   isOpen: null,
   message: "loading..."