@elliemae/pui-app-sdk 2.12.3 → 2.13.2

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

@@ -2,30 +2,24 @@ import _jsx2 from "@babel/runtime/helpers/jsx";
 import DSRadio from '@elliemae/ds-basic/form/Radio';
 import { Controller } from 'react-hook-form';
 import { jsx as _jsx } from "react/jsx-runtime";
-export const Radio = _ref => {
-  let {
-    name,
-    defaultChecked = false,
-    rules = {},
-    ...rest
-  } = _ref;
-  return /*#__PURE__*/_jsx2(Controller, {
-    name: name,
-    rules: rules,
-    render: _ref2 => {
-      let {
-        field: {
-          onChange,
-          value,
-          ...restProps
-        }
-      } = _ref2;
-      return /*#__PURE__*/_jsx(DSRadio, { ...rest,
-        ...restProps,
-        checked: value,
-        defaultChecked: defaultChecked,
-        onChange: e => onChange(((e || {}).target || {}).checked)
-      });
+export const Radio = ({
+  name,
+  defaultChecked = false,
+  rules = {},
+  ...rest
+}) => /*#__PURE__*/_jsx2(Controller, {
+  name: name,
+  rules: rules,
+  render: ({
+    field: {
+      onChange,
+      value,
+      ...restProps
     }
-  });
-};
+  }) => /*#__PURE__*/_jsx(DSRadio, { ...rest,
+    ...restProps,
+    checked: value,
+    defaultChecked: defaultChecked,
+    onChange: e => onChange(((e || {}).target || {}).checked)
+  })
+});

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

@@ -6,28 +6,24 @@ import { ConnectForm } from "../connect-form.js";
 import { WatchValue } from "../watch-value.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 
-const Template = _ref => {
-  let {
-    name,
-    ...rest
-  } = _ref;
-  return /*#__PURE__*/_jsx2(Form, {}, void 0, /*#__PURE__*/_jsx2(ConnectForm, {}, void 0, _ref2 => {
-    let {
-      formState: {
-        errors
-      }
-    } = _ref2;
-    const hasError = !!get(errors, name);
-    return /*#__PURE__*/_jsx(Radio, {
-      name: name,
-      ...rest,
-      hasError: hasError
-    });
-  }), /*#__PURE__*/_jsx(WatchValue, {
+const Template = ({
+  name,
+  ...rest
+}) => /*#__PURE__*/_jsx2(Form, {}, void 0, /*#__PURE__*/_jsx2(ConnectForm, {}, void 0, ({
+  formState: {
+    errors
+  }
+}) => {
+  const hasError = !!get(errors, name);
+  return /*#__PURE__*/_jsx(Radio, {
     name: name,
-    ...rest
-  }));
-};
+    ...rest,
+    hasError: hasError
+  });
+}), /*#__PURE__*/_jsx(WatchValue, {
+  name: name,
+  ...rest
+}));
 
 export default {
   title: 'Components/Form/Controls/Radio',

package/dist/es/view/fields/radio/set-value.stories.js

@@ -26,25 +26,21 @@ const ToggleValue = () => {
   });
 };
 
-const Template = _ref => {
-  let {
-    name,
-    ...rest
-  } = _ref;
-  return /*#__PURE__*/_jsx(Form, {}, void 0, /*#__PURE__*/_jsx(ConnectForm, {}, void 0, _ref2 => {
-    let {
-      formState: {
-        errors
-      }
-    } = _ref2;
-    const hasError = !!get(errors, name);
-    return /*#__PURE__*/_jsx2(Radio, {
-      name: name,
-      ...rest,
-      hasError: hasError
-    });
-  }), _ToggleValue || (_ToggleValue = /*#__PURE__*/_jsx(ToggleValue, {})));
-};
+const Template = ({
+  name,
+  ...rest
+}) => /*#__PURE__*/_jsx(Form, {}, void 0, /*#__PURE__*/_jsx(ConnectForm, {}, void 0, ({
+  formState: {
+    errors
+  }
+}) => {
+  const hasError = !!get(errors, name);
+  return /*#__PURE__*/_jsx2(Radio, {
+    name: name,
+    ...rest,
+    hasError: hasError
+  });
+}), _ToggleValue || (_ToggleValue = /*#__PURE__*/_jsx(ToggleValue, {})));
 
 export default {
   title: 'Components/Form/Controls/Radio'

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

@@ -2,26 +2,20 @@ import _jsx2 from "@babel/runtime/helpers/jsx";
 import DSRadioGroup from '@elliemae/ds-basic/form/RadioGroup';
 import { Controller } from 'react-hook-form';
 import { jsx as _jsx } from "react/jsx-runtime";
-export const RadioGroup = _ref => {
-  let {
-    name,
-    rules = {},
-    ...rest
-  } = _ref;
-  return /*#__PURE__*/_jsx2(Controller, {
-    name: name,
-    rules: rules,
-    render: _ref2 => {
-      let {
-        field: {
-          value,
-          ...restProps
-        }
-      } = _ref2;
-      return /*#__PURE__*/_jsx(DSRadioGroup, { ...rest,
-        ...restProps,
-        activeValue: value
-      });
+export const RadioGroup = ({
+  name,
+  rules = {},
+  ...rest
+}) => /*#__PURE__*/_jsx2(Controller, {
+  name: name,
+  rules: rules,
+  render: ({
+    field: {
+      value,
+      ...restProps
     }
-  });
-};
+  }) => /*#__PURE__*/_jsx(DSRadioGroup, { ...rest,
+    ...restProps,
+    activeValue: value
+  })
+});

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

@@ -12,53 +12,46 @@ import { jsxs as _jsxs } from "react/jsx-runtime";
 import { jsx as _jsx2 } from "react/jsx-runtime";
 const radioName = 'gender';
 
-const Gender = _ref => {
-  let {
-    feedbackMessage,
-    ...rest
-  } = _ref;
-  return /*#__PURE__*/_jsxs(RadioGroup, {
+const Gender = ({
+  feedbackMessage,
+  ...rest
+}) => /*#__PURE__*/_jsxs(RadioGroup, {
+  name: radioName,
+  labelProps: {
+    labelText: 'Gender',
+    required: true,
+    feedbackMessage
+  },
+  orientation: "horizontal",
+  ...rest,
+  children: [_DSRadio || (_DSRadio = /*#__PURE__*/_jsx(DSRadio, {
     name: radioName,
-    labelProps: {
-      labelText: 'Gender',
-      required: true,
-      feedbackMessage
-    },
-    orientation: "horizontal",
-    ...rest,
-    children: [_DSRadio || (_DSRadio = /*#__PURE__*/_jsx(DSRadio, {
-      name: radioName,
-      value: "male",
-      labelText: "Male"
-    })), _DSRadio2 || (_DSRadio2 = /*#__PURE__*/_jsx(DSRadio, {
-      name: radioName,
-      value: "female",
-      labelText: "Female"
-    }))]
-  });
-};
-
-const Template = _ref2 => {
-  let {
-    props
-  } = _ref2;
-  return /*#__PURE__*/_jsx(Form, {}, void 0, /*#__PURE__*/_jsx(ConnectForm, {}, void 0, _ref3 => {
-    let {
-      formState: {
-        errors
-      }
-    } = _ref3;
-    const errField = get(errors, radioName);
-    const feedbackMessage = errField === null || errField === void 0 ? void 0 : errField.message;
-    return /*#__PURE__*/_jsx2(Gender, {
-      feedbackMessage: feedbackMessage,
-      ...props
-    });
-  }), /*#__PURE__*/_jsx2(WatchValue, {
+    value: "male",
+    labelText: "Male"
+  })), _DSRadio2 || (_DSRadio2 = /*#__PURE__*/_jsx(DSRadio, {
     name: radioName,
+    value: "female",
+    labelText: "Female"
+  }))]
+});
+
+const Template = ({
+  props
+}) => /*#__PURE__*/_jsx(Form, {}, void 0, /*#__PURE__*/_jsx(ConnectForm, {}, void 0, ({
+  formState: {
+    errors
+  }
+}) => {
+  const errField = get(errors, radioName);
+  const feedbackMessage = errField === null || errField === void 0 ? void 0 : errField.message;
+  return /*#__PURE__*/_jsx2(Gender, {
+    feedbackMessage: feedbackMessage,
     ...props
-  }));
-};
+  });
+}), /*#__PURE__*/_jsx2(WatchValue, {
+  name: radioName,
+  ...props
+}));
 
 export default {
   title: 'Components/Form/Controls/RadioGroup',

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

@@ -2,24 +2,18 @@ import _jsx2 from "@babel/runtime/helpers/jsx";
 import DSTextBox from '@elliemae/ds-basic/form/TextBox';
 import { Controller } from 'react-hook-form';
 import { jsx as _jsx } from "react/jsx-runtime";
-export const TextBox = _ref => {
-  let {
-    name,
-    defaultValue = '',
-    rules = {},
-    ...rest
-  } = _ref;
-  return /*#__PURE__*/_jsx2(Controller, {
-    name: name,
-    defaultValue: defaultValue,
-    rules: rules,
-    render: _ref2 => {
-      let {
-        field
-      } = _ref2;
-      return /*#__PURE__*/_jsx(DSTextBox, { ...rest,
-        ...field
-      });
-    }
-  });
-};
+export const TextBox = ({
+  name,
+  defaultValue = '',
+  rules = {},
+  ...rest
+}) => /*#__PURE__*/_jsx2(Controller, {
+  name: name,
+  defaultValue: defaultValue,
+  rules: rules,
+  render: ({
+    field
+  }) => /*#__PURE__*/_jsx(DSTextBox, { ...rest,
+    ...field
+  })
+});

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

@@ -5,11 +5,10 @@ import _styled from "styled-components";
 var _h;
 
 import { useFormContext } from 'react-hook-form';
-export const WatchValue = _ref => {
-  let {
-    name,
-    labelText
-  } = _ref;
+export const WatchValue = ({
+  name,
+  labelText
+}) => {
   const {
     watch
   } = useFormContext();

package/dist/es/view/form/index.js

@@ -2,16 +2,15 @@ import _styled from "styled-components";
 import { useForm, FormProvider } from 'react-hook-form'; // eslint-disable-next-line @typescript-eslint/ban-types
 
 import { jsx as _jsx } from "react/jsx-runtime";
-export const Form = _ref => {
-  let {
-    /* eslint-disable indent */
-    classname,
-    reactHookFormProps = {
-      mode: 'onBlur'
-    },
-    children,
-    onSubmit
-  } = _ref;
+export const Form = ({
+  /* eslint-disable indent */
+  classname,
+  reactHookFormProps = {
+    mode: 'onBlur'
+  },
+  children,
+  onSubmit
+}) => {
   const methods = useForm(reactHookFormProps);
   const formProps = {};
   if (onSubmit) formProps.onSubmit = methods.handleSubmit(onSubmit);

package/dist/es/view/form/index.stories.js

@@ -23,12 +23,9 @@ export default {
 };
 const StyledButton = /*#__PURE__*/styled(FormSubmitButton).withConfig({
   componentId: "sc-1mzmcta-0"
-})(["margin-top:", ";"], _ref => {
-  let {
-    theme
-  } = _ref;
-  return theme.space.xs;
-});
+})(["margin-top:", ";"], ({
+  theme
+}) => theme.space.xs);
 
 const WatchDashBoard = () => {
   const {

package/dist/es/view/form/submit-button/index.js

@@ -1,9 +1,8 @@
 import { useFormContext } from 'react-hook-form';
 import DSButton from '@elliemae/ds-basic/Button';
 import { jsx as _jsx } from "react/jsx-runtime";
-export const FormSubmitButton = _ref => {
-  let { ...rest
-  } = _ref;
+export const FormSubmitButton = ({ ...rest
+}) => {
   const {
     formState,
     formProps: {

package/dist/es/view/form/usecases.stories.js

@@ -21,12 +21,9 @@ export default {
 };
 const StyledButton = /*#__PURE__*/styled(FormSubmitButton).withConfig({
   componentId: "sc-1wwguuk-0"
-})(["margin-top:", ";"], _ref => {
-  let {
-    theme
-  } = _ref;
-  return theme.space.xs;
-});
+})(["margin-top:", ";"], ({
+  theme
+}) => theme.space.xs);
 
 const Template = args => /*#__PURE__*/_jsxs(Form, { ...args,
   children: [_FirstName || (_FirstName = /*#__PURE__*/_jsx(FirstName, {})), _DOB || (_DOB = /*#__PURE__*/_jsx(DOB, {})), _State || (_State = /*#__PURE__*/_jsx(State, {})), _MaritalStatus || (_MaritalStatus = /*#__PURE__*/_jsx(MaritalStatus, {})), /*#__PURE__*/_jsx2(StyledButton, { ...btnProps

package/dist/es/view/guest-unload-handlers/index.js

@@ -6,8 +6,7 @@ export const onGuestUnloadStart = () => new Promise(resolve => {
     }
   });
 });
-export const notifyGuestUnloadComplete = function (guestAppConfirmation, guestAppId) {
-  let unloadType = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'close_loan';
+export const notifyGuestUnloadComplete = (guestAppConfirmation, guestAppId, unloadType = 'close_loan') => {
   sendMessageToHost({
     guestAppId,
     message: {

package/dist/es/view/header/center-region/index.js

@@ -1,7 +1,4 @@
 import _jsx from "@babel/runtime/helpers/jsx";
-import "core-js/modules/es.string.replace.js";
-import "core-js/modules/esnext.async-iterator.map.js";
-import "core-js/modules/esnext.iterator.map.js";
 import { NavLink } from 'react-router-dom';
 import styled from 'styled-components';
 const NavList = /*#__PURE__*/styled.ul.withConfig({
@@ -17,17 +14,11 @@ const StyledNavLink = /*#__PURE__*/styled(NavLink).attrs({
   componentId: "sc-ztmnvf-2"
 })(["display:flex;align-items:center;color:", ";text-decoration:none;text-transform:uppercase;height:100%;padding:0 ", " 0 ", ";&.", "{background-color:#48acff;}"], props => props.theme.colors.neutral['000'], props => props.theme.space.xs, props => props.theme.space.xs, activeClassName);
 const publicPath = (process.env.ASSET_PATH || '/').replace(/\/?$/, '');
-export const CenterRegion = _ref => {
-  let {
-    links = []
-  } = _ref;
-  return /*#__PURE__*/_jsx(NavList, {}, void 0, links.map(_ref2 => {
-    let {
-      name = '',
-      path = ''
-    } = _ref2;
-    return /*#__PURE__*/_jsx(NavListItem, {}, path, /*#__PURE__*/_jsx(StyledNavLink, {
-      to: "".concat(publicPath).concat(path.replace(/^\/?/, '/'))
-    }, void 0, name));
-  }));
-};
+export const CenterRegion = ({
+  links = []
+}) => /*#__PURE__*/_jsx(NavList, {}, void 0, links.map(({
+  name = '',
+  path = ''
+}) => /*#__PURE__*/_jsx(NavListItem, {}, path, /*#__PURE__*/_jsx(StyledNavLink, {
+  to: `${publicPath}${path.replace(/^\/?/, '/')}`
+}, void 0, name))));

package/dist/es/view/header/index.js

@@ -10,14 +10,11 @@ import { NavRegion } from "./nav-region/index.js";
 const HeaderContainer = /*#__PURE__*/styled.header.withConfig({
   componentId: "sc-cvwjlr-0"
 })(["display:flex;height:56px;background-color:#2080cd;padding:0px ", " 0px ", ";"], props => props.theme.space.xs, props => props.theme.space.xxs);
-export const Header = _ref => {
-  let {
-    links = [],
-    show = false
-  } = _ref;
-  return isStandAloneGuest() || isHost() || show ? /*#__PURE__*/_jsx(HeaderContainer, {
-    role: "banner"
-  }, void 0, _LogoRegion || (_LogoRegion = /*#__PURE__*/_jsx(LogoRegion, {})), /*#__PURE__*/_jsx(CenterRegion, {
-    links: links
-  }), _NavRegion || (_NavRegion = /*#__PURE__*/_jsx(NavRegion, {}))) : null;
-};
+export const Header = ({
+  links = [],
+  show = false
+}) => isStandAloneGuest() || isHost() || show ? /*#__PURE__*/_jsx(HeaderContainer, {
+  role: "banner"
+}, void 0, _LogoRegion || (_LogoRegion = /*#__PURE__*/_jsx(LogoRegion, {})), /*#__PURE__*/_jsx(CenterRegion, {
+  links: links
+}), _NavRegion || (_NavRegion = /*#__PURE__*/_jsx(NavRegion, {}))) : null;

package/dist/es/view/host-binding-events/index.js

@@ -2,13 +2,13 @@ export const bindEvent = (element, eventName, eventHandler) => {
   if (element.addEventListener) {
     element.addEventListener(eventName, eventHandler, false);
   } else if (element.attachEvent) {
-    element.attachEvent("on".concat(eventName), eventHandler);
+    element.attachEvent(`on${eventName}`, eventHandler);
   }
 };
 export const removeEvent = (element, eventName, eventHandler) => {
   if (element.removeEventListener) {
     element.removeEventListener(eventName, eventHandler);
   } else if (element.detachEvent) {
-    element.detachEvent("on".concat(eventName), eventHandler);
+    element.detachEvent(`on${eventName}`, eventHandler);
   }
 };

package/dist/es/view/live-message/index.stories.js

@@ -2,7 +2,6 @@ import _jsx from "@babel/runtime/helpers/jsx";
 
 var _LiveMessage, _LiveMessageStory;
 
-import "core-js/modules/web.dom-collections.iterator.js";
 import React, { useState, useEffect } from 'react';
 import { LiveAnnouncer } from 'react-aria-live';
 import { useAppDispatch } from "../../data/react-redux.js";

package/dist/es/view/loadable/index.js

@@ -6,8 +6,7 @@ import { lazy, Suspense } from 'react';
 import { WaitMessageLauncher } from "../modals/wait-message/wait-message-launcher.js"; // eslint-disable-next-line @typescript-eslint/no-explicit-any
 
 import { jsx as _jsx2 } from "react/jsx-runtime";
-export const loadable = function (importFunc) {
-  let fallback = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : _WaitMessageLauncher || (_WaitMessageLauncher = /*#__PURE__*/_jsx(WaitMessageLauncher, {}));
+export const loadable = (importFunc, fallback = _WaitMessageLauncher || (_WaitMessageLauncher = /*#__PURE__*/_jsx(WaitMessageLauncher, {}))) => {
   const LazyComponent = /*#__PURE__*/lazy(importFunc); // eslint-disable-next-line @typescript-eslint/no-explicit-any
 
   return props => /*#__PURE__*/_jsx(Suspense, {

package/dist/es/view/login/index.js

@@ -4,12 +4,11 @@ import { login } from "../../utils/auth/index.js";
 import { LOGIN_SUCCESS } from "../../data/auth/actions.js";
 import { Fragment as _Fragment } from "react/jsx-runtime";
 import { jsx as _jsx } from "react/jsx-runtime";
-export const Login = _ref => {
-  let {
-    clientId,
-    scope,
-    responseType
-  } = _ref;
+export const Login = ({
+  clientId,
+  scope,
+  responseType
+}) => {
   const dispatch = useAppDispatch();
   useEffect(() => {
     login({

package/dist/es/view/media-breakpoint/index.js

@@ -9,7 +9,7 @@ import { Fragment as _Fragment } from "react/jsx-runtime";
 import { jsx as _jsx } from "react/jsx-runtime";
 export const MediaBreakpoint = () => {
   const theme = useContext(ThemeContext);
-  const currentBreakpoint = useMediaBreakpoints(["(max-width: ".concat(theme.breakpoints.small, ")"), "(max-width: ".concat(theme.breakpoints.medium, ")"), "(max-width: ".concat(theme.breakpoints.large, ")")], ['small', 'medium', 'large'], 'large');
+  const currentBreakpoint = useMediaBreakpoints([`(max-width: ${theme.breakpoints.small})`, `(max-width: ${theme.breakpoints.medium})`, `(max-width: ${theme.breakpoints.large})`], ['small', 'medium', 'large'], 'large');
   const dispatch = useAppDispatch();
   useEffect(() => {
     dispatch({

package/dist/es/view/message-to-host-app/index.js

@@ -9,7 +9,6 @@ export const getHostAppData = (action, resolve) => event => {
 
   resolve();
 };
-export const sendMessageToHost = function (message) {
-  let hostedAppUrl = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : document.referrer;
+export const sendMessageToHost = (message, hostedAppUrl = document.referrer) => {
   window.parent.postMessage(message, hostedAppUrl);
 };