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

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

@@ -1,46 +0,0 @@
-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,
-    options = {},
-    baseURL = "http://localhost:3001"
-  }) => {
-    const httpClient = getAuthHTTPClient({ baseURL });
-    return httpClient.get(apiUrl, options);
-  };
-  const refreshToken = () => new Promise((resolve) => {
-    const authorizationHeader = "pui";
-    sessionStorage.setItem(enums.AUTHORIZATION, authorizationHeader);
-    resolve(authorizationHeader);
-  });
-  it("should download large file without timing out", async () => {
-    jest.setTimeout(3e5);
-    const { data } = await callApi({
-      apiUrl: "annual_report_2009.pdf",
-      options: { timeout: 2e5 },
-      baseURL: "https://www.iso.org/files/live/sites/isoorg/files/archive/pdf/en"
-    });
-    expect(data).toBeDefined();
-  });
-  it("should throw connection aborted error for large file download", async () => {
-    jest.setTimeout(3e5);
-    await expect(callApi({
-      apiUrl: "annual_report_2009.pdf",
-      baseURL: "https://www.iso.org/files/live/sites/isoorg/files/archive/pdf/en"
-    })).rejects.toEqual(new Error("timeout of 10000ms exceeded"));
-  });
-  it("should return success response", async () => {
-    const { data } = await callApi({ apiUrl: "/hello" });
-    expect(data.name).toEqual("pui-app-sdk");
-  });
-  it("should return unauthorized 401 response", async () => {
-    await expect(callApi({ apiUrl: "/private" })).rejects.toThrow("Request failed with status code 401");
-  });
-  it("should return success after refreshing authorization token", async () => {
-    onAuthorizationFailure(refreshToken);
-    const { data } = await callApi({ apiUrl: "/private" });
-    expect(data.message).toEqual("you are viewing a private message");
-  });
-});

package/dist/es/data/reducers.js

@@ -1,18 +0,0 @@
-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({
-    waitMessage: waitMessageReducer,
-    error: errorReducer,
-    breakpoint: breakpointReducer,
-    liveMessage: liveMessageReducer,
-    ...injectedReducers
-  });
-  return rootReducer;
-};
-export {
-  createReducer
-};

package/dist/es/package.json

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

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

@@ -1,47 +0,0 @@
-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({
-      ...logRecords.LOGIN_FAILED,
-      exception: err
-    });
-  }
-}
-function* logout({
-  payload
-}) {
-  try {
-    yield call(endSession, payload);
-  } catch (err) {
-    getLogger().error({
-      ...logRecords.LOGOUT_FAILED,
-      exception: err
-    });
-  }
-}
-function* authentication() {
-  yield takeLatest(LOGIN, login);
-  yield takeLatest(LOGOUT, logout);
-}
-export {
-  authentication,
-  login,
-  logout
-};

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

@@ -1,25 +0,0 @@
-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({
-      ...logRecords.ERR_TOAST_OPEN_FAILED,
-      exception: ex
-    });
-  }
-}
-function* errorToast() {
-  yield takeLatest(actions.set.type, openErrorToast);
-}
-export {
-  errorToast
-};

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

@@ -1,38 +0,0 @@
-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({
-      ...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({
-      ...logRecords.WAIT_MSG_CLOSE_FAILED,
-      exception: ex
-    });
-  }
-}
-function* waitMessage() {
-  yield takeLatest(ACTIONS.OPEN, openWaitMessage);
-  yield takeLatest(ACTIONS.CLOSE, closeWaitMessage);
-}
-export {
-  waitMessage
-};

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

@@ -1,13 +0,0 @@
-import { create } from "@storybook/theming/create";
-const createTheme = ({
-  base = "light",
-  brandTitle = "Platform UI Components",
-  ...rest
-}) => create({
-  base,
-  brandTitle: `${brandTitle} ${process.env.STORYBOOK_VERSION || ""}`,
-  ...rest
-});
-export {
-  createTheme
-};

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

@@ -1,22 +0,0 @@
-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, { wrapper: AllTheProviders, ...options });
-export * from "@testing-library/react";
-export {
-  customRender as render
-};

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

@@ -1,17 +0,0 @@
-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)
-} = {}) => ({
-  ...render(/* @__PURE__ */ React.createElement(Provider, {
-    store
-  }, ui)),
-  store
-});
-export {
-  renderWithRedux
-};

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

@@ -1,23 +0,0 @@
-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)
-} = {}) => ({
-  ...render(/* @__PURE__ */ React.createElement(Provider, {
-    store
-  }, /* @__PURE__ */ React.createElement(AppRouter, {
-    history
-  }, ui))),
-  store
-});
-export {
-  renderWithRouterRedux
-};

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

@@ -1,19 +0,0 @@
-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 {
-    ...renderResult,
-    history
-  };
-};
-export {
-  renderWithRouter
-};

package/dist/es/utils/testing/render-with-state-addons.js

@@ -1,38 +0,0 @@
-import * as React from "react";
-import { useEffect, useState } from "react";
-import { ThemeProvider } from "styled-components";
-import { getDefaultTheme } from "@elliemae/pui-theme";
-import {
-  useInjectReducer,
-  useInjectSaga
-} from "redux-injectors";
-const RenderWithStateAddOns = ({
-  Component,
-  reducer,
-  saga,
-  theme = getDefaultTheme(),
-  ...rest
-}) => {
-  const [ready, setReady] = useState(false);
-  if (Array.isArray(reducer)) {
-    reducer.forEach((r) => useInjectReducer(r));
-  } else {
-    useInjectReducer(reducer);
-  }
-  if (Array.isArray(saga)) {
-    saga.forEach((s) => useInjectSaga(s));
-  } else if (saga) {
-    useInjectSaga(saga);
-  }
-  useEffect(() => {
-    setReady(true);
-  }, []);
-  return ready ? /* @__PURE__ */ React.createElement(ThemeProvider, {
-    theme
-  }, /* @__PURE__ */ React.createElement(Component, {
-    ...rest
-  })) : null;
-};
-export {
-  RenderWithStateAddOns
-};

package/dist/es/view/app-router.js

@@ -1,19 +0,0 @@
-import * as React from "react";
-import { useState, useLayoutEffect } from "react";
-import { Router } from "react-router-dom";
-const AppRouter = ({ history, ...props }) => {
-  const [state, setState] = useState({
-    action: history.action,
-    location: history.location
-  });
-  useLayoutEffect(() => history.listen(setState), [history]);
-  return /* @__PURE__ */ React.createElement(Router, {
-    ...props,
-    location: state.location,
-    navigationType: state.action,
-    navigator: history
-  });
-};
-export {
-  AppRouter
-};

package/dist/es/view/error-boundary/index.js

@@ -1,36 +0,0 @@
-import React from "react";
-import {
-  DefaultErrorTemplate
-} from "./default-error-template.js";
-import { getLogger } from "../../utils/micro-frontend/index.js";
-import { logRecords } from "../../utils/log-records.js";
-class ErrorBoundary extends React.Component {
-  constructor(props) {
-    super(props);
-    this.state = { error: null, errorInfo: null };
-  }
-  componentDidCatch(error, errorInfo) {
-    this.setState({
-      error,
-      errorInfo
-    });
-    const logger = getLogger();
-    if (logger)
-      logger.error({
-        ...logRecords.UNHANDLED_ERROR,
-        exception: error
-      });
-  }
-  render() {
-    const { children, errorTemplate } = this.props;
-    const ErrorTemplate = errorTemplate || DefaultErrorTemplate;
-    const { error, errorInfo } = this.state;
-    return errorInfo ? /* @__PURE__ */ React.createElement(ErrorTemplate, {
-      error,
-      errorInfo
-    }) : children;
-  }
-}
-export {
-  ErrorBoundary
-};

package/dist/es/view/error-toast/index.js

@@ -1,30 +0,0 @@
-import * as React from "react";
-import { useEffect, memo } from "react";
-import { ToastPosition, ToastType, DSToast, toast } from "@elliemae/ds-toast";
-import { useAppSelector, useAppDispatch } from "../../data/react-redux.js";
-import { actions as error } from "../../data/error/index.js";
-const ErrorToast = memo((props) => {
-  const storeError = useAppSelector((state) => state?.error);
-  const dispatch = useAppDispatch();
-  useEffect(() => {
-    if (storeError && (storeError?.description || storeError?.messageText)) {
-      const toastProps = {
-        position: ToastPosition.TOP_RIGHT,
-        messageTitle: "Error",
-        type: ToastType.ERROR,
-        ...props,
-        ...storeError
-      };
-      const messageText = toastProps.description || toastProps.messageText;
-      if (messageText)
-        toast({ messageText, ...toastProps });
-      dispatch(error.clear());
-    }
-  }, [storeError, props, dispatch]);
-  return /* @__PURE__ */ React.createElement(DSToast, {
-    ...props
-  });
-});
-export {
-  ErrorToast
-};

package/dist/es/view/fetch-host-app-data/store.js

@@ -1,12 +0,0 @@
-import { get } from "lodash";
-let hostAppData = {};
-const setHostAppData = (appData) => {
-  hostAppData = { ...hostAppData, ...appData };
-};
-const getHostAppDataByKey = (key = "", defaultValue = null) => get(hostAppData, key, defaultValue);
-const isHostAppDataExist = () => hostAppData && Object.keys(hostAppData).length > 0;
-export {
-  getHostAppDataByKey,
-  isHostAppDataExist,
-  setHostAppData
-};

package/dist/es/view/fields/check-box/index.js

@@ -1,17 +0,0 @@
-import * as React from "react";
-import { DSControlledCheckbox } from "@elliemae/ds-controlled-form";
-import {
-  Controller
-} from "react-hook-form";
-const CheckBox = ({ name, rules = {}, ...rest }) => /* @__PURE__ */ React.createElement(Controller, {
-  name,
-  rules,
-  render: ({ field: { value = false, ...restProps } }) => /* @__PURE__ */ React.createElement(DSControlledCheckbox, {
-    ...rest,
-    ...restProps,
-    checked: value
-  })
-});
-export {
-  CheckBox
-};

package/dist/es/view/fields/combo-box/index.js

@@ -1,26 +0,0 @@
-import * as React from "react";
-import { DSComboBox } from "@elliemae/ds-form/ComboBox";
-import {
-  Controller
-} from "react-hook-form";
-const ComboBox = ({
-  name,
-  defaultValue = "",
-  rules = {},
-  ...rest
-}) => /* @__PURE__ */ React.createElement(Controller, {
-  name,
-  rules,
-  defaultValue,
-  render: ({ field: { onChange, ...props } }) => /* @__PURE__ */ React.createElement(DSComboBox, {
-    ...rest,
-    ...props,
-    onChange: (selected) => {
-      const { value = selected } = selected;
-      onChange(value);
-    }
-  })
-});
-export {
-  ComboBox
-};

package/dist/es/view/fields/connect-form.js

@@ -1,10 +0,0 @@
-import { useFormContext } from "react-hook-form";
-const ConnectForm = ({ children }) => {
-  const methods = useFormContext();
-  return children({
-    ...methods
-  });
-};
-export {
-  ConnectForm
-};

package/dist/es/view/fields/date-input/index.js

@@ -1,22 +0,0 @@
-import * as React from "react";
-import { DSDateInput } from "@elliemae/ds-form/DateInput";
-import {
-  Controller
-} from "react-hook-form";
-const DateInput = ({
-  name,
-  defaultValue = "",
-  rules = {},
-  ...rest
-}) => /* @__PURE__ */ React.createElement(Controller, {
-  name,
-  rules,
-  defaultValue,
-  render: ({ field }) => /* @__PURE__ */ React.createElement(DSDateInput, {
-    ...rest,
-    ...field
-  })
-});
-export {
-  DateInput
-};

package/dist/es/view/fields/date-picker/index.js

@@ -1,22 +0,0 @@
-import * as React from "react";
-import { DSDatePicker } from "@elliemae/ds-date-picker";
-import {
-  Controller
-} from "react-hook-form";
-const DatePicker = ({
-  name,
-  defaultValue = "",
-  rules = {},
-  ...rest
-}) => /* @__PURE__ */ React.createElement(Controller, {
-  name,
-  defaultValue,
-  rules,
-  render: ({ field }) => /* @__PURE__ */ React.createElement(DSDatePicker, {
-    ...rest,
-    ...field
-  })
-});
-export {
-  DatePicker
-};

package/dist/es/view/fields/form-item-layout/index.js

@@ -1,20 +0,0 @@
-import * as React from "react";
-import { DSFormItemLayout } from "@elliemae/ds-form/FormItem";
-import { get } from "react-hook-form";
-import { ConnectForm } from "../connect-form.js";
-const FormItemLayout = ({ name, ...rest }) => /* @__PURE__ */ React.createElement(ConnectForm, null, ({
-  formState: { errors }
-}) => {
-  const errorField = get(errors, name);
-  const hasError = !!errorField;
-  const validationMessage = errorField?.message;
-  return /* @__PURE__ */ React.createElement(DSFormItemLayout, {
-    name,
-    hasError,
-    validationMessage,
-    ...rest
-  });
-});
-export {
-  FormItemLayout
-};

package/dist/es/view/fields/form-layout-block-item/index.js

@@ -1,25 +0,0 @@
-import * as React from "react";
-import { DSFormLayoutBlockItem } from "@elliemae/ds-form-layout-blocks";
-import { get } from "react-hook-form";
-import { ConnectForm } from "../connect-form.js";
-const FormLayoutBlockItem = ({
-  inputID,
-  label,
-  ...rest
-}) => /* @__PURE__ */ React.createElement(ConnectForm, null, ({
-  formState: { errors }
-}) => {
-  const errorField = get(errors, inputID);
-  const hasError = !!errorField;
-  const validationMessage = errorField?.message;
-  return /* @__PURE__ */ React.createElement(DSFormLayoutBlockItem, {
-    inputID,
-    label,
-    hasError,
-    validationMessage,
-    ...rest
-  });
-});
-export {
-  FormLayoutBlockItem
-};

package/dist/es/view/fields/input-mask/index.js

@@ -1,29 +0,0 @@
-import * as React from "react";
-import {
-  DSInputMask,
-  MASK_TYPES,
-  MASK_PIPES
-} from "@elliemae/ds-form/InputMask";
-import {
-  Controller
-} from "react-hook-form";
-const InputMask = ({
-  name,
-  defaultValue = "",
-  rules = {},
-  mask,
-  ...rest
-}) => /* @__PURE__ */ React.createElement(Controller, {
-  name,
-  rules,
-  defaultValue,
-  render: ({ field }) => /* @__PURE__ */ React.createElement(DSInputMask, {
-    ...rest,
-    ...field
-  })
-});
-export {
-  InputMask,
-  MASK_PIPES,
-  MASK_TYPES
-};

package/dist/es/view/fields/large-text-box/index.js

@@ -1,22 +0,0 @@
-import * as React from "react";
-import { DSLargeInputText } from "@elliemae/ds-form/LargeInputText";
-import {
-  Controller
-} from "react-hook-form";
-const LargeTextBox = ({
-  name,
-  defaultValue = "",
-  rules = {},
-  ...rest
-}) => /* @__PURE__ */ React.createElement(Controller, {
-  name,
-  rules,
-  defaultValue,
-  render: ({ field }) => /* @__PURE__ */ React.createElement(DSLargeInputText, {
-    ...rest,
-    ...field
-  })
-});
-export {
-  LargeTextBox
-};

package/dist/es/view/fields/radio/index.js

@@ -1,24 +0,0 @@
-import * as React from "react";
-import { DSRadio } from "@elliemae/ds-form/Radio";
-import {
-  Controller
-} from "react-hook-form";
-const Radio = ({
-  name,
-  defaultChecked = false,
-  rules = {},
-  ...rest
-}) => /* @__PURE__ */ React.createElement(Controller, {
-  name,
-  rules,
-  render: ({ field: { onChange, value, ...restProps } }) => /* @__PURE__ */ React.createElement(DSRadio, {
-    ...rest,
-    ...restProps,
-    checked: value,
-    defaultChecked,
-    onChange: (e) => onChange(((e || {}).target || {}).checked)
-  })
-});
-export {
-  Radio
-};

package/dist/es/view/fields/radio-group/index.js

@@ -1,17 +0,0 @@
-import * as React from "react";
-import { DSRadioGroup } from "@elliemae/ds-form/RadioGroup";
-import {
-  Controller
-} from "react-hook-form";
-const RadioGroup = ({ name, rules = {}, ...rest }) => /* @__PURE__ */ React.createElement(Controller, {
-  name,
-  rules,
-  render: ({ field: { value, ...restProps } }) => /* @__PURE__ */ React.createElement(DSRadioGroup, {
-    ...rest,
-    ...restProps,
-    activeValue: value
-  })
-});
-export {
-  RadioGroup
-};