@elliemae/pui-app-sdk 5.7.1 → 6.0.0-next.10

package/dist/cjs/utils/storybook/preview.js

@@ -28,17 +28,21 @@ var import_store = require("../../data/store.js");
 var import_decorator = require("../../view/storybook/decorator.js");
 var import_app_config = require("../app-config/index.js");
 var import_theme = require("./theme.js");
-var import_history = require("../history.js");
 var import_preview = require("./preview.css");
 const theme = (0, import_pui_theme.getDefaultTheme)();
-const store = (0, import_store.createAppStore)({}, import_history.browserHistory);
+const store = (0, import_store.createAppStore)();
 const appDecorator = import_decorator.withAppDecorator.bind(null, theme, store);
 const getParameters = (storyBookTheme) => ({
   layout: "fullscreen",
-  actions: { argTypesRegex: "^on.*" },
-  controls: { hideNoControlsWarning: true },
+  actions: { argTypesRegex: "^on[A-Z].*" },
+  controls: {
+    expanded: true,
+    matchers: {
+      color: /(background|color)$/i,
+      date: /Date$/
+    }
+  },
   docs: {
-    // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
     theme: (0, import_theme.createTheme)(storyBookTheme)
   },
   options: {
@@ -68,5 +72,6 @@ const decorators = [appDecorator];
 const loaders = [
   async () => {
     await (0, import_app_config.loadAppConfig)("./");
+    return {};
   }
 ];

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

@@ -26,11 +26,8 @@ const createTheme = ({
   base = "light",
   brandTitle = "Platform UI Components",
   ...rest
-}) => (
-  // eslint-disable-next-line @typescript-eslint/no-unsafe-return, @typescript-eslint/no-unsafe-call
-  (0, import_create.create)({
-    base,
-    brandTitle: `${brandTitle} ${process.env.STORYBOOK_VERSION || ""}`,
-    ...rest
-  })
-);
+}) => (0, import_create.create)({
+  base,
+  brandTitle: `${brandTitle} ${process.env.STORYBOOK_VERSION ?? ""}`,
+  ...rest
+});

package/dist/cjs/utils/storybook/vite.js

@@ -0,0 +1,33 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var vite_exports = {};
+__export(vite_exports, {
+  viteConfig: () => viteConfig
+});
+module.exports = __toCommonJS(vite_exports);
+const viteConfig = {
+  stories: ["../@(lib|app)/**/*.stories.@(js|jsx|ts|tsx|mdx)"],
+  core: {
+    disableTelemetry: true
+  },
+  framework: {
+    name: "@storybook/react-vite",
+    options: {}
+  }
+};

package/dist/cjs/{view/fields/date-input/index.js → utils/storybook/webpack.js}

@@ -16,25 +16,27 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var date_input_exports = {};
-__export(date_input_exports, {
-  DateInput: () => DateInput
+var webpack_exports = {};
+__export(webpack_exports, {
+  webpackConfig: () => webpackConfig
 });
-module.exports = __toCommonJS(date_input_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_ds_form = require("@elliemae/ds-form");
-var import_react_hook_form = require("react-hook-form");
-const DateInput = ({
-  name,
-  defaultValue = "",
-  rules = {},
-  ...rest
-}) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-  import_react_hook_form.Controller,
-  {
-    name,
-    rules,
-    defaultValue,
-    render: ({ field }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_form.DSDateInput, { ...rest, ...field })
+module.exports = __toCommonJS(webpack_exports);
+var import_storybook = require("@elliemae/pui-cli/storybook");
+const webpackConfig = {
+  stories: ["../@(lib|app)/**/*.stories.@(js|jsx|ts|tsx|mdx)"],
+  addons: [
+    {
+      name: "storybook-addon-turbo-build",
+      options: {
+        optimizationLevel: 2,
+        esbuildMinifyOptions: { target: "es2020" }
+      }
+    }
+  ],
+  // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
+  webpackFinal: import_storybook.webpackFinal,
+  framework: {
+    name: "@storybook/react-webpack5",
+    options: {}
   }
-);
+};

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

@@ -29,7 +29,7 @@ var import_store = require("../../data/store.js");
 var import_app_root = require("../../view/app-root/index.js");
 var import_history = require("../history.js");
 __reExport(testing_exports, require("@testing-library/react"), module.exports);
-const defaultStore = (0, import_store.createAppStore)({}, import_history.browserHistory);
+const defaultStore = (0, import_store.createAppStore)();
 const defaultTheme = (0, import_pui_theme.getDefaultTheme)();
 const AllTheProviders = ({
   store = defaultStore,

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

@@ -25,11 +25,7 @@ var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = require("@testing-library/react");
 var import_react_redux = require("react-redux");
 var import_store = require("../../data/store.js");
-var import_history = require("../history.js");
-const renderWithRedux = (ui, {
-  initialState,
-  store = (0, import_store.createAppStore)(initialState, import_history.browserHistory)
-} = {}) => ({
+const renderWithRedux = (ui, { initialState, store = (0, import_store.createAppStore)({ initialState }) } = {}) => ({
   ...(0, import_react.render)(/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_redux.Provider, { store, children: ui })),
   // adding `store` to the returned utilities to allow us
   // to reference it in our tests (just try to avoid using

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

@@ -26,13 +26,12 @@ var import_react = require("@testing-library/react");
 var import_react_redux = require("react-redux");
 var import_history = require("history");
 var import_store = require("../../data/store.js");
-var import_history2 = require("../history.js");
 var import_app_router = require("../../view/app-router.js");
 const renderWithRouterRedux = (ui, {
   route = "/",
   history = (0, import_history.createMemoryHistory)({ initialEntries: [route] }),
   initialState,
-  store = (0, import_store.createAppStore)(initialState, import_history2.browserHistory)
+  store = (0, import_store.createAppStore)({ initialState })
 } = {}) => ({
   ...(0, import_react.render)(
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_redux.Provider, { store, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_app_router.AppRouter, { history, children: ui }) })

package/dist/cjs/utils/url.js

@@ -19,6 +19,7 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var url_exports = {};
 __export(url_exports, {
   getRedirectUrl: () => getRedirectUrl,
+  isAbsoluteUrl: () => isAbsoluteUrl,
   removeDoubleSlash: () => removeDoubleSlash
 });
 module.exports = __toCommonJS(url_exports);
@@ -27,4 +28,5 @@ const getRedirectUrl = () => {
   url.search = "";
   return url.href;
 };
+const isAbsoluteUrl = (url) => new URL(document.baseURI).origin !== new URL(url, document.baseURI).origin;
 const removeDoubleSlash = (url) => url.replace(/([^:]\/)\/+/g, "$1");

package/dist/cjs/utils/web-storage.js

@@ -33,7 +33,7 @@ __export(web_storage_exports, {
   removeStorageEvents: () => removeStorageEvents
 });
 module.exports = __toCommonJS(web_storage_exports);
-var import_localforage = __toESM(require("localforage"));
+var import_localforage = __toESM(require("localforage"), 1);
 const STORAGE = "storage";
 const GET_SESSION_STORAGE = "getSessionStorage";
 const SESSION_STORAGE = "sessionStorage";

package/dist/cjs/utils/window.js

@@ -58,5 +58,5 @@ const getAssetPath = () => {
   if (!window.emui?.version)
     return assetPath;
   const majorMinorVersion = window.emui?.version.match(/^(?:\d+\.\d+)*/g);
-  return majorMinorVersion && majorMinorVersion[0] ? assetPath.replace("latest/", `${majorMinorVersion[0]}/`) : assetPath;
+  return majorMinorVersion?.[0] ? assetPath.replace("latest/", `${majorMinorVersion[0]}/`) : assetPath;
 };

package/dist/cjs/view/app-root/hosted-app.js

@@ -32,13 +32,13 @@ __export(hosted_app_exports, {
 });
 module.exports = __toCommonJS(hosted_app_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
-var import_styled_components = __toESM(require("styled-components"));
+var import_styled_components = __toESM(require("styled-components"), 1);
 var import_error_toast = require("../error-toast/index.js");
 var import_wait_message = require("../wait-message/index.js");
 var import_use_breakpoint = require("../breakpoint/use-breakpoint.js");
 var import_use_window_size_change = require("../use-window-size-change.js");
 var import_use_html_wait_message = require("../wait-message/use-html-wait-message.js");
-var import_style = __toESM(require("./style.js"));
+var import_style = __toESM(require("./style.js"), 1);
 const Div = import_styled_components.default.div`
   height: 100%;
 `;
@@ -48,7 +48,7 @@ const HostedApp = ({ WaitMessage, children }) => {
   (0, import_use_window_size_change.useWindowSizeChange)();
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Div, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_style.default, {}),
-    WaitMessage || /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_wait_message.WaitMessage, {}),
+    WaitMessage ?? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_wait_message.WaitMessage, {}),
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_error_toast.ErrorToast, {}),
     children
   ] });

package/dist/cjs/view/app-root/index.js

@@ -31,8 +31,10 @@ var import_micro_frontend = require("../../utils/micro-frontend/index.js");
 var import_error_boundary = require("../error-boundary/index.js");
 var import_stand_alone_app = require("./stand-alone-app.js");
 var import_hosted_app = require("./hosted-app.js");
+var import_use_prefetch_resources = require("./use-prefetch-resources.js");
 const AppToRender = (props) => {
   const isParent = (0, import_micro_frontend.isStandAloneGuest)() || (0, import_micro_frontend.isHost)();
+  (0, import_use_prefetch_resources.usePrefetchResources)();
   return isParent ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_stand_alone_app.StandAloneApp, { ...props }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_hosted_app.HostedApp, { ...props });
 };
 const AppRoot = ({

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

@@ -32,7 +32,7 @@ __export(stand_alone_app_exports, {
 });
 module.exports = __toCommonJS(stand_alone_app_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
-var import_styled_components = __toESM(require("styled-components"));
+var import_styled_components = __toESM(require("styled-components"), 1);
 var import_react_aria_live = require("react-aria-live");
 var import_use_breakpoint = require("../breakpoint/use-breakpoint.js");
 var import_use_window_size_change = require("../use-window-size-change.js");
@@ -40,7 +40,7 @@ var import_session_timeout = require("../session-timeout/index.js");
 var import_live_message = require("../live-message/index.js");
 var import_error_toast = require("../error-toast/index.js");
 var import_wait_message = require("../wait-message/index.js");
-var import_style = __toESM(require("./style.js"));
+var import_style = __toESM(require("./style.js"), 1);
 const Div = import_styled_components.default.div`
   height: 100%;
 `;
@@ -55,7 +55,7 @@ const StandAloneApp = ({
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_style.default, {}),
     manageSession && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_session_timeout.SessionTimeout, {}),
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_live_message.LiveMessage, {}),
-    WaitMessage || /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_wait_message.WaitMessage, {}),
+    WaitMessage ?? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_wait_message.WaitMessage, {}),
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_error_toast.ErrorToast, {}),
     children
   ] }) });

package/dist/cjs/view/app-root/style.js

@@ -29,7 +29,7 @@ var style_default = import_styled_components.createGlobalStyle`
       font-size: 100%;
     `};
   }
-
+  
   html,
   body {
     height: 100%;

package/dist/cjs/{data/auth/actions.js → view/app-root/use-prefetch-resources.js}

@@ -16,36 +16,20 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var actions_exports = {};
-__export(actions_exports, {
-  LOGIN: () => LOGIN,
-  LOGIN_SUCCESS: () => LOGIN_SUCCESS,
-  LOGOUT: () => LOGOUT,
-  auth: () => auth
+var use_prefetch_resources_exports = {};
+__export(use_prefetch_resources_exports, {
+  usePrefetchResources: () => usePrefetchResources
 });
-module.exports = __toCommonJS(actions_exports);
-const LOGIN = "auth/LOGIN";
-const LOGIN_SUCCESS = "auth/LOGIN_SUCCESS";
-const LOGOUT = "auth/LOGOUT";
-const auth = {
-  login: ({
-    idpCode,
-    redirectUri,
-    clientId,
-    responseType,
-    scope
-  }) => ({
-    type: LOGIN,
-    payload: { idpCode, redirectUri, clientId, responseType, scope }
-  }),
-  logout: ({
-    clientId,
-    redirectUri,
-    responseType,
-    scope,
-    code
-  }) => ({
-    type: LOGOUT,
-    payload: { clientId, redirectUri, responseType, scope, code }
-  })
+module.exports = __toCommonJS(use_prefetch_resources_exports);
+var import_react = require("react");
+var import_micro_frontend = require("../../utils/micro-frontend/index.js");
+var import_app_factory = require("../micro-app/app-factory/index.js");
+const usePrefetchResources = () => {
+  (0, import_react.useEffect)(() => {
+    const prefetchableFEs = (0, import_micro_frontend.getPrefetchableAppConfig)();
+    prefetchableFEs.forEach((prefetchableFE) => {
+      (0, import_app_factory.prefetchMicroFEResources)(prefetchableFE).catch(() => {
+      });
+    });
+  });
 };

package/dist/cjs/view/breakpoint/use-breakpoint.js

@@ -25,7 +25,7 @@ var import_react = require("react");
 var import_styled_components = require("styled-components");
 var import_pubsub_js = require("pubsub-js");
 var import_react2 = require("../../data/react.js");
-var import_breakpoint = require("../../data/breakpoint/index.js");
+var import_breakpoint_state = require("../../data/breakpoint-state.js");
 var import_use_media_query_list = require("./use-media-query-list.js");
 var import_constants = require("../../utils/constants.js");
 const useBreakpoint = () => {
@@ -36,12 +36,12 @@ const useBreakpoint = () => {
       `(max-width: ${theme.breakpoints.medium})`,
       `(max-width: ${theme.breakpoints.large})`
     ],
-    ["small", "medium", "large"],
-    "large"
+    [import_breakpoint_state.Breakpoints.SMALL, import_breakpoint_state.Breakpoints.MEDIUM, import_breakpoint_state.Breakpoints.LARGE],
+    import_breakpoint_state.Breakpoints.LARGE
   );
   const dispatch = (0, import_react2.useAppDispatch)();
   (0, import_react.useEffect)(() => {
-    dispatch({ type: import_breakpoint.breakpoint.change, payload: currentBreakpoint });
+    dispatch(import_breakpoint_state.actions.change(currentBreakpoint));
     (0, import_pubsub_js.publish)(import_constants.HOST_WINDOW_BREAKPOINT_CHANGED, currentBreakpoint);
   }, [currentBreakpoint, dispatch]);
 };

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

@@ -32,7 +32,7 @@ __export(error_boundary_exports, {
 });
 module.exports = __toCommonJS(error_boundary_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
-var import_react = __toESM(require("react"));
+var import_react = __toESM(require("react"), 1);
 var import_default_error_template = require("./default-error-template.js");
 var import_micro_frontend = require("../../utils/micro-frontend/index.js");
 var import_log_records = require("../../utils/log-records.js");
@@ -56,7 +56,7 @@ class ErrorBoundary extends import_react.default.Component {
   }
   render() {
     const { children, errorTemplate } = this.props;
-    const ErrorTemplate = errorTemplate || import_default_error_template.DefaultErrorTemplate;
+    const ErrorTemplate = errorTemplate ?? import_default_error_template.DefaultErrorTemplate;
     const { error, errorInfo } = this.state;
     return errorInfo ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ErrorTemplate, { error, errorInfo }) : children;
   }

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

@@ -25,12 +25,12 @@ var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = require("react");
 var import_ds_toast = require("@elliemae/ds-toast");
 var import_react2 = require("../../data/react.js");
-var import_error = require("../../data/error/index.js");
+var import_error_state = require("../../data/error-state.js");
 const ErrorToast = (0, import_react.memo)((props) => {
   const storeError = (0, import_react2.useAppSelector)((state) => state?.error);
   const dispatch = (0, import_react2.useAppDispatch)();
   (0, import_react.useEffect)(() => {
-    if (storeError && (storeError?.description || storeError?.messageText)) {
+    if (storeError && (storeError?.description ?? storeError?.messageText)) {
       const toastProps = {
         position: import_ds_toast.ToastPosition.TOP_RIGHT,
         messageTitle: "Error",
@@ -38,10 +38,10 @@ const ErrorToast = (0, import_react.memo)((props) => {
         ...props,
         ...storeError
       };
-      const messageText = toastProps.description || toastProps.messageText;
+      const messageText = toastProps.description ?? toastProps.messageText;
       if (messageText)
         (0, import_ds_toast.toast)({ messageText, ...toastProps });
-      dispatch(import_error.actions.clear());
+      dispatch(import_error_state.actions.clear());
     }
   }, [storeError, props, dispatch]);
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_toast.DSToast, { ...props });

package/dist/cjs/view/fetch-host-app-data/index.js

@@ -31,7 +31,7 @@ __export(fetch_host_app_data_exports, {
   fetchHostAppData: () => fetchHostAppData
 });
 module.exports = __toCommonJS(fetch_host_app_data_exports);
-var import_lodash = __toESM(require("lodash"));
+var import_lodash = __toESM(require("lodash"), 1);
 var import_store = require("./store.js");
 var import_message_to_host_app = require("../message-to-host-app/index.js");
 var import_host_binding_events = require("../host-binding-events/index.js");

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

@@ -1,7 +1,9 @@
 "use strict";
+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 __export = (target, all) => {
   for (var name in all)
@@ -15,6 +17,14 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var store_exports = {};
 __export(store_exports, {
@@ -23,10 +33,10 @@ __export(store_exports, {
   setHostAppData: () => setHostAppData
 });
 module.exports = __toCommonJS(store_exports);
-var import_lodash = require("lodash");
+var import_get = __toESM(require("lodash/get"), 1);
 let hostAppData = {};
 const setHostAppData = (appData) => {
   hostAppData = { ...hostAppData, ...appData };
 };
-const getHostAppDataByKey = (key = "", defaultValue = null) => (0, import_lodash.get)(hostAppData, key, defaultValue);
+const getHostAppDataByKey = (key = "", defaultValue = null) => (0, import_get.default)(hostAppData, key, defaultValue);
 const isHostAppDataExist = () => hostAppData && Object.keys(hostAppData).length > 0;

package/dist/cjs/view/fields/autocomplete/index.js

@@ -29,7 +29,8 @@ const filterOptions = (allOptions, newFilter) => {
   if (!newFilter)
     return allOptions;
   const filtered = allOptions.filter(
-    (option) => option.type === "section" || option.type !== "separator" && option.label.toLowerCase().includes(newFilter?.toLowerCase())
+    (option) => option.type === "section" || // @ts-expect-error - need to check with dimsum
+    option.type !== "separator" && option.label.toLowerCase().includes(newFilter?.toLowerCase())
   );
   return filtered.length === 1 && filtered[0].type === "section" ? [] : filtered;
 };
@@ -37,6 +38,8 @@ const Autocomplete = ({ children, ...rest }) => {
   const { watch, setValue } = (0, import_react_hook_form.useFormContext)();
   const watchedFilter = watch(rest.name);
   const onSelect = (0, import_react.useCallback)(
+    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+    // @ts-ignore
     (newValue, ...otherArgs) => {
       if (rest.onSelect)
         rest.onSelect(newValue, ...otherArgs);

package/dist/cjs/view/fields/combo-box-v3/index.js

@@ -26,7 +26,7 @@ var import_ds_controlled_form = require("@elliemae/ds-controlled-form");
 var import_react_hook_form = require("react-hook-form");
 const ComboBoxV3 = ({
   name,
-  defaultValue = null,
+  defaultValue = {},
   rules = {},
   clearable = true,
   filteredOptions = null,

package/dist/cjs/view/fields/masked-input-text/index.js

@@ -32,7 +32,7 @@ __export(masked_input_text_exports, {
 });
 module.exports = __toCommonJS(masked_input_text_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
-var import_react = __toESM(require("react"));
+var import_react = __toESM(require("react"), 1);
 var import_ds_controlled_form = require("@elliemae/ds-controlled-form");
 var import_react_hook_form = require("react-hook-form");
 const MaskedInputText = ({

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

@@ -32,7 +32,7 @@ __export(watch_value_exports, {
 });
 module.exports = __toCommonJS(watch_value_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
-var import_styled_components = __toESM(require("styled-components"));
+var import_styled_components = __toESM(require("styled-components"), 1);
 var import_ds_grid = require("@elliemae/ds-grid");
 var import_react_hook_form = require("react-hook-form");
 const Section = import_styled_components.default.section`

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

@@ -32,7 +32,7 @@ __export(form_exports, {
 });
 module.exports = __toCommonJS(form_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
-var import_styled_components = __toESM(require("styled-components"));
+var import_styled_components = __toESM(require("styled-components"), 1);
 var import_react_hook_form = require("react-hook-form");
 const StyledForm = import_styled_components.default.form`
   width: 100%;

package/dist/cjs/view/form/personal-info-section.js

@@ -60,9 +60,8 @@ const State = () => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_form_layo
     name: "state",
     rules: { required: { value: true, message: "State is required" } },
     allOptions: [
-      { dsId: "1", type: "option", value: "--select--", label: "--Select--" },
-      { dsId: "2", type: "option", value: "ca", label: "California" },
-      { dsId: "3", type: "option", value: "nj", label: "New Jersey" }
+      { dsId: "1", type: "option", value: "ca", label: "California" },
+      { dsId: "2", type: "option", value: "nj", label: "New Jersey" }
     ]
   }
 ) });
@@ -75,10 +74,9 @@ const MaritalStatus = () => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_f
       required: { value: true, message: "Marital Status is required" }
     },
     allOptions: [
-      { dsId: "1", type: "option", value: "--select--", label: "--Select--" },
-      { dsId: "2", type: "option", value: "married", label: "Married" },
-      { dsId: "3", type: "option", value: "unmarried", label: "Unmarried" },
-      { dsId: "4", type: "option", value: "separated", label: "Separated" }
+      { dsId: "1", type: "option", value: "married", label: "Married" },
+      { dsId: "2", type: "option", value: "unmarried", label: "Unmarried" },
+      { dsId: "3", type: "option", value: "separated", label: "Separated" }
     ]
   }
 ) });

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

@@ -25,7 +25,7 @@ var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = require("react");
 var import_react2 = require("../../data/react.js");
 var import_auth = require("../../utils/auth/index.js");
-var import_actions = require("../../data/auth/actions.js");
+var import_auth_state = require("../../data/auth-state.js");
 const Login = ({
   clientId,
   scope,
@@ -42,7 +42,7 @@ const Login = ({
     (0, import_auth.login)({ clientId, scope, responseType }).then(({ authorized }) => {
       if (authorized)
         setUserAuthorized(true);
-      dispatch({ type: import_actions.LOGIN_SUCCESS });
+      dispatch(import_auth_state.actions.loginSuccess());
     }).catch(() => {
     }).finally(() => {
       ref.current = false;

package/dist/cjs/view/micro-app/app-factory/index.js

@@ -20,6 +20,7 @@ var app_factory_exports = {};
 __export(app_factory_exports, {
   loadApp: () => loadApp,
   mountApp: () => mountApp,
+  prefetchMicroFEResources: () => prefetchMicroFEResources,
   unloadApp: () => unloadApp,
   unmountApp: () => unmountApp
 });
@@ -33,8 +34,7 @@ var import_window = require("../../../utils/window.js");
 var import_style = require("../resources/style.js");
 var import_script = require("../resources/script.js");
 var import_manifest = require("../resources/manifest.js");
-const cssType = /\.css$/;
-const isCss = (fileName) => cssType.test(fileName);
+const isCss = (fileName) => fileName.endsWith(".css");
 const activeApps = {};
 const getPathName = (url) => url ? new URL(url).pathname : "";
 const initApplication = async ({
@@ -71,7 +71,7 @@ const initApplication = async ({
   });
 };
 const mountApp = async ({ id, name }) => {
-  const app = (window.emui || {})[id] || {};
+  const app = window.emui?.[id] || {};
   const { mount } = app;
   if (!mount || typeof mount !== "function")
     throw new Error(
@@ -84,7 +84,7 @@ const mountApp = async ({ id, name }) => {
   });
 };
 const unmountApp = async ({ id, name }) => {
-  const app = (window.emui || {})[id];
+  const app = window.emui?.[id];
   if (!app)
     return null;
   const { unmount } = app;
@@ -103,12 +103,12 @@ const unmountApp = async ({ id, name }) => {
   return Promise.resolve();
 };
 const addAppToActiveAppList = (id, elementIds) => {
-  const app = (window.emui || {})[id] || {};
+  const app = window.emui?.[id] || {};
   const { getRef } = app;
   activeApps[id] = { elementIds };
   const host = import_host.CMicroAppHost.getInstance();
   if (host)
-    host.activeGuests[id] = getRef && getRef() || {};
+    host.activeGuests[id] = getRef?.() || {};
   return Promise.resolve();
 };
 const waitAndInitApplication = (appConfig, requests) => (
@@ -133,6 +133,16 @@ const removeAssetsFromDOM = (id, documentEle = document) => {
     delete activeApps[id];
   }
 };
+const prefetchMicroFEResources = async (appConfig) => {
+  const manifest = await (0, import_manifest.getAppManifest)(appConfig);
+  const assets = (0, import_manifest.getFullFileNameofAssetsFromManifest)(manifest, appConfig.files);
+  assets.forEach((fileName) => {
+    if (isCss(fileName))
+      (0, import_style.prefetchStyle)({ hostUrl: appConfig.hostUrl, fileName });
+    else
+      (0, import_script.prefetchScript)({ hostUrl: appConfig.hostUrl, fileName });
+  });
+};
 const loadApp = async (appConfig) => {
   (0, import_micro_frontend.getLogger)().info(import_log_records.logRecords.APP_LOADING(appConfig.id));
   let assets = appConfig.files;
@@ -154,7 +164,7 @@ const unloadApp = ({
   if (!hostUrl)
     throw new Error("Unable to unload app. hostUrl is required");
   (0, import_micro_frontend.getLogger)().info(import_log_records.logRecords.APP_UNLOADING(id));
-  const app = (window.emui || {})[id];
+  const app = window.emui?.[id];
   if (!app)
     return;
   removeAssetsFromDOM(id, documentEle);