@elliemae/pui-app-sdk 3.0.0-beta.8 → 3.0.2

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/typings/styled.d.js

@@ -1 +0,0 @@
-import "styled-components";

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 { Router } from "react-router-dom";
-import { createMemoryHistory } from "history";
-import { createAppStore } from "../../data/store.js";
-import { browserHistory } from "../history.js";
-const renderWithRouterRedux = (ui, {
-  route = "/",
-  history = createMemoryHistory({ initialEntries: [route] }),
-  initialState,
-  store = createAppStore(initialState, browserHistory)
-} = {}) => ({
-  ...render(/* @__PURE__ */ React.createElement(Provider, {
-    store
-  }, /* @__PURE__ */ React.createElement(Router, {
-    history
-  }, ui))),
-  store
-});
-export {
-  renderWithRouterRedux
-};

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

@@ -1,16 +0,0 @@
-import * as React from "react";
-import { render } from "@testing-library/react";
-import { Router } from "react-router-dom";
-import { createMemoryHistory } from "history";
-const renderWithRouter = (ui, {
-  route = "/",
-  history = createMemoryHistory({ initialEntries: [route] })
-} = {}) => ({
-  ...render(/* @__PURE__ */ React.createElement(Router, {
-    history
-  }, ui)),
-  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-root/hosted-app.js

@@ -1,15 +0,0 @@
-import * as React from "react";
-import styled from "styled-components";
-import { MediaBreakpoint } from "../media-breakpoint/index.js";
-import { WindowSize } from "../window-size/index.js";
-import { HTMLWaitMessage } from "../modals/wait-message/html-wait-message.js";
-import GlobalStyle from "./style.js";
-const Div = styled.div`
-  height: 100%;
-`;
-const HostedApp = ({ children }) => /* @__PURE__ */ React.createElement(Div, null, /* @__PURE__ */ React.createElement(GlobalStyle, null), /* @__PURE__ */ React.createElement(MediaBreakpoint, null), /* @__PURE__ */ React.createElement(WindowSize, null), /* @__PURE__ */ React.createElement(HTMLWaitMessage, {
-  close: true
-}), children);
-export {
-  HostedApp
-};

package/dist/es/view/app-root/stand-alone-app.js

@@ -1,21 +0,0 @@
-import * as React from "react";
-import styled from "styled-components";
-import { LiveAnnouncer } from "react-aria-live";
-import { MediaBreakpoint } from "../media-breakpoint/index.js";
-import { WindowSize } from "../window-size/index.js";
-import { SessionTimeout } from "../session-timeout/index.js";
-import { LiveMessage } from "../live-message/index.js";
-import { ErrorToast } from "../error-toast/index.js";
-import { WaitMessage as DefaultWaitMessage } from "../modals/wait-message/index.js";
-import GlobalStyle from "./style.js";
-const Div = styled.div`
-  height: 100%;
-`;
-const StandAloneApp = ({
-  manageSession,
-  WaitMessage,
-  children
-}) => /* @__PURE__ */ React.createElement(LiveAnnouncer, null, /* @__PURE__ */ React.createElement(Div, null, /* @__PURE__ */ React.createElement(GlobalStyle, null), manageSession && /* @__PURE__ */ React.createElement(SessionTimeout, null), /* @__PURE__ */ React.createElement(MediaBreakpoint, null), /* @__PURE__ */ React.createElement(WindowSize, null), /* @__PURE__ */ React.createElement(LiveMessage, null), WaitMessage || /* @__PURE__ */ React.createElement(DefaultWaitMessage, null), /* @__PURE__ */ React.createElement(ErrorToast, null), children));
-export {
-  StandAloneApp
-};

package/dist/es/view/error-boundary/default-error-template.js

@@ -1,5 +0,0 @@
-import * as React from "react";
-const DefaultErrorTemplate = () => /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("h2", null, "We are unable to process your request"), /* @__PURE__ */ React.createElement("section", null, "Please close your browser and login again"));
-export {
-  DefaultErrorTemplate
-};

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,35 +0,0 @@
-import * as React from "react";
-import { useEffect, memo } from "react";
-import {
-  ToastPosition,
-  ToastType,
-  DSToast,
-  toast
-} from "@elliemae/ds-basic/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,25 +0,0 @@
-import * as React from "react";
-import DSCheckbox, { CHECKBOX_VARIANT } from "@elliemae/ds-basic/form/Checkbox";
-import {
-  Controller
-} from "react-hook-form";
-const CheckBox = ({
-  name,
-  defaultChecked = false,
-  rules = {},
-  ...rest
-}) => /* @__PURE__ */ React.createElement(Controller, {
-  name,
-  rules,
-  render: ({ field: { onChange, value, ...restProps } }) => /* @__PURE__ */ React.createElement(DSCheckbox, {
-    ...rest,
-    ...restProps,
-    defaultChecked,
-    checked: value,
-    onChange: (e) => onChange(((e || {}).target || {}).checked)
-  })
-});
-export {
-  CHECKBOX_VARIANT,
-  CheckBox
-};

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

@@ -1,28 +0,0 @@
-import * as React from "react";
-import DSComboBox from "@elliemae/ds-basic/form/ComboBox";
-import {
-  Controller
-} from "react-hook-form";
-const ComboBox = ({
-  name,
-  defaultValue = "",
-  rules = {},
-  onChange: changeHandler,
-  ...rest
-}) => /* @__PURE__ */ React.createElement(Controller, {
-  name,
-  rules,
-  defaultValue,
-  render: ({ field: { onChange, ...props } }) => /* @__PURE__ */ React.createElement(DSComboBox, {
-    ...rest,
-    ...props,
-    onChange: (selected) => {
-      onChange(selected);
-      if (changeHandler)
-        changeHandler(selected);
-    }
-  })
-});
-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-basic/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,23 +0,0 @@
-import * as React from "react";
-import DSFormItemLayout from "@elliemae/ds-basic/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/input-mask/index.js

@@ -1,28 +0,0 @@
-import * as React from "react";
-import DSInputMask, {
-  MASK_TYPES,
-  MASK_PIPES
-} from "@elliemae/ds-basic/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-basic/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-basic/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,21 +0,0 @@
-import * as React from "react";
-import DSRadioGroup from "@elliemae/ds-basic/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
-};

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

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

package/dist/es/view/fields/watch-value.js

@@ -1,21 +0,0 @@
-import * as React from "react";
-import styled from "styled-components";
-import { useFormContext } from "react-hook-form";
-const Section = styled.section`
-  border-top: 2px blue dotted;
-  width: 100%;
-`;
-const Div = styled.div`
-  display: flex;
-  flex-direction: column;
-  padding-left: 10px;
-  align-items: flex-start;
-`;
-const WatchValue = ({ name, labelText }) => {
-  const { watch } = useFormContext();
-  const data = watch(name, false) || "";
-  return /* @__PURE__ */ React.createElement(Section, null, /* @__PURE__ */ React.createElement("h4", null, "Form Data:"), /* @__PURE__ */ React.createElement(Div, null, /* @__PURE__ */ React.createElement("div", null, labelText, " : ", /* @__PURE__ */ React.createElement("strong", null, JSON.stringify(data)))));
-};
-export {
-  WatchValue
-};