@elliemae/pui-app-sdk 3.15.0 → 4.0.0-alpha.10

package/dist/esm/utils/app-config/index.js

@@ -3,6 +3,7 @@ import { getHTTPClient } from "../../communication/http-client/index.js";
 import { setAppConfig } from "./config.js";
 import { setAppDynamicsUserData } from "../../analytics/appdynamics.js";
 import { updateBAEventParameters } from "../../analytics/web-analytics.js";
+import { getAssetPath } from "../window.js";
 const parseAppConfig = (data) => {
   const { activeEnv } = data;
   const activeEnvConfig = data.env[activeEnv] || {};
@@ -13,12 +14,16 @@ const parseAppConfig = (data) => {
   setAppDynamicsUserData({ envName: activeEnv });
   updateBAEventParameters({ envName: activeEnv });
 };
-const loadAppConfig = (hostUrl = "./") => new Promise((resolve, reject) => {
-  getHTTPClient({ baseURL: hostUrl }).get("app.config.json").then(({ data }) => {
+const loadAppConfig = (assetPath = "") => new Promise((resolve, reject) => {
+  getHTTPClient().get(`${assetPath || getAssetPath()}app.config.json`).then(({ data }) => {
     parseAppConfig(data);
     resolve();
   }).catch((err) => {
-    reject(new Error(`Unable to load application configurtion file. ${err.Message}`));
+    reject(
+      new Error(
+        `Unable to load application configurtion file. ${err.Message}`
+      )
+    );
   });
 });
 export {

package/dist/esm/utils/auth/index.js

@@ -35,7 +35,9 @@ const navigateToLoginPage = ({
     response_type: responseType,
     scope
   };
-  const searchParams = new URLSearchParams(idpErrorCode ? Object.assign(idpOptions, { error_code: idpErrorCode }) : idpOptions);
+  const searchParams = new URLSearchParams(
+    idpErrorCode ? Object.assign(idpOptions, { error_code: idpErrorCode }) : idpOptions
+  );
   idpUrl.search = searchParams.toString();
   window.location.replace(idpUrl.href);
 };

package/dist/esm/utils/micro-frontend/guest.js

@@ -1,4 +1,3 @@
-import ReactDOM from "react-dom";
 import _ from "lodash";
 import { getDefaultTheme } from "@elliemae/pui-theme";
 import { getWindow } from "../window.js";
@@ -100,7 +99,7 @@ class CMicroAppGuest {
         this.props.host = host;
     }
     __webpack_public_path__ = __webpack_public_path__.replace(/\/?$/, "/");
-    return loadAppConfig(__webpack_public_path__).then(() => {
+    return loadAppConfig().then(() => {
       const instanceId = this.getSessionStorageItem("instanceId") || "";
       const userId = this.getSessionStorageItem("userId") || "";
       updateBAEventParameters({ appId: this.appId, instanceId, userId });
@@ -117,11 +116,10 @@ class CMicroAppGuest {
     });
   }
   unmount(options) {
-    const appEle = document.getElementById(this.containerId);
-    if (appEle)
-      ReactDOM.unmountComponentAtNode(appEle);
     removeStorageEvents();
-    return Promise.resolve().then(() => this.onUnmount ? this.onUnmount(options) : null);
+    return Promise.resolve().then(
+      () => this.onUnmount ? this.onUnmount(options) : null
+    );
   }
   getRef() {
     return this.onGetRef ? this.onGetRef() : null;

package/dist/esm/utils/micro-frontend/host.js

@@ -41,7 +41,7 @@ class CMicroAppHost {
     this.getObject = this.getObject.bind(this);
     this.renewSessionTimer = this.renewSessionTimer.bind(this);
     this.setSystemVersion = this.setSystemVersion.bind(this);
-    loadAppConfig(__webpack_public_path__).then(() => {
+    loadAppConfig().then(() => {
       if (this.onInit)
         this.onInit(this.props);
     }).catch(() => {
@@ -129,10 +129,16 @@ class CMicroAppHost {
     return getWindowViewportSize();
   }
   onResizeEvent(eventHandler) {
-    return subscribe(HOST_WINDOW_RESIZED, (msg, data) => eventHandler(data));
+    return subscribe(
+      HOST_WINDOW_RESIZED,
+      (msg, data) => eventHandler(data)
+    );
   }
   onBreakpointChangeEvent(eventHandler) {
-    return subscribe(HOST_WINDOW_BREAKPOINT_CHANGED, (msg, data) => eventHandler(data));
+    return subscribe(
+      HOST_WINDOW_BREAKPOINT_CHANGED,
+      (msg, data) => eventHandler(data)
+    );
   }
   setSystemVersion(version = "latest") {
     window.emui.version = version;

package/dist/esm/utils/micro-frontend/index.js

@@ -17,24 +17,38 @@ const isProduction = (mode) => {
 const getVersionedPath = (path) => {
   const { systemVersion } = CMicroAppHost.getInstance().getProps();
   const majorMinorVersion = systemVersion.match(/^(?:\d+\.\d+)*/g);
-  return path.replace(/{SYSTEM_VERSION}/, majorMinorVersion && majorMinorVersion[0] || "latest");
+  return path.replace(
+    /{SYSTEM_VERSION}/,
+    majorMinorVersion && majorMinorVersion[0] || "latest"
+  );
 };
 const getMicroFrontEndAppConfig = (appInfo) => {
-  const microFEAppConfig = getAppConfigValue(`microFrontendApps.${appInfo.id}`);
+  const microFEAppConfig = getAppConfigValue(
+    `microFrontendApps.${appInfo.id}`
+  );
   if (!microFEAppConfig)
-    throw new Error(`unable to locate application configuraiton for ${appInfo.id} under microFrontendApps section of app.config.json`);
+    throw new Error(
+      `unable to locate application configuraiton for ${appInfo.id} under microFrontendApps section of app.config.json`
+    );
   const { mode = "production" } = microFEAppConfig;
   const envConfig = isProduction(mode) ? microFEAppConfig.production : microFEAppConfig.development;
   if (microFEAppConfig.production)
     delete microFEAppConfig.production;
   if (microFEAppConfig.development)
     delete microFEAppConfig.development;
-  const microFEConfig = _.merge(appInfo, {
-    mode: "production",
-    hostUrl: "./",
-    manifestPath: "./{SYSTEM_VERSION}"
-  }, microFEAppConfig, envConfig);
-  microFEConfig.hostUrl = convertRelativeToAbsoluteUrl(microFEConfig.hostUrl.replace(/\/?$/, "/"));
+  const microFEConfig = _.merge(
+    appInfo,
+    {
+      mode: "production",
+      hostUrl: "./",
+      manifestPath: "./{SYSTEM_VERSION}"
+    },
+    microFEAppConfig,
+    envConfig
+  );
+  microFEConfig.hostUrl = convertRelativeToAbsoluteUrl(
+    microFEConfig.hostUrl.replace(/\/?$/, "/")
+  );
   microFEConfig.manifestPath = getVersionedPath(microFEConfig.manifestPath);
   return microFEConfig;
 };

package/dist/esm/utils/micro-frontend/ssfguest-adapter.js

@@ -14,7 +14,11 @@ class SSFGuestAdapter {
       func(message, eventData);
     };
     const [objectId, eventName] = message.split(".");
-    return ssfGuest.subscribe(objectId, eventName || "", callback);
+    return ssfGuest.subscribe(
+      objectId,
+      eventName || "",
+      callback
+    );
   }
   unsubscribe(token, objectId, eventName) {
     return ssfGuest.unsubscribe(objectId, eventName, token);

package/dist/esm/utils/redact-pii.js

@@ -3,7 +3,10 @@ const poBoxRegex = /P\.? ?O\.? *Box +\d+/gi;
 const roadRegex = /(street|st|road|rd|avenue|ave|drive|dr|loop|court|ct|circle|cir|lane|ln|boulevard|blvd|way)\.?\b/gi;
 const piiPatterns = {
   creditCardNumber: /\d{4}[ -]?\d{4}[ -]?\d{4}[ -]?\d{4}|\d{4}[ -]?\d{6}[ -]?\d{4}\d?/g,
-  streetAddress: new RegExp(`(\\d+\\s*(\\w+ ){1,2}${roadRegex.source}(\\s+${aptRegex.source})?)|(${poBoxRegex.source})`, "gi"),
+  streetAddress: new RegExp(
+    `(\\d+\\s*(\\w+ ){1,2}${roadRegex.source}(\\s+${aptRegex.source})?)|(${poBoxRegex.source})`,
+    "gi"
+  ),
   zipcode: /\b\d{5}\b(-\d{4})?\b/g,
   phoneNumber: /(\(?\+?[0-9]{1,2}\)?[-. ]?)?(\(?[0-9]{3}\)?|[0-9]{3})[-. ]?([0-9]{3}[-. ]?[0-9]{4}|\b[A-Z0-9]{7}\b)/g,
   ipAddress: /(\d{1,3}(\.\d{1,3}){3}|[0-9A-F]{4}(:[0-9A-F]{4}){5}(::|(:0000)+))/gi,
@@ -15,7 +18,10 @@ const piiPatterns = {
 const replacer = (key, value) => {
   if (!key || typeof value !== "string" || key === "correlationId")
     return value;
-  return Object.values(piiPatterns).reduce((redactedString, piiPattern) => redactedString.replace(piiPattern, "****"), value);
+  return Object.values(piiPatterns).reduce(
+    (redactedString, piiPattern) => redactedString.replace(piiPattern, "****"),
+    value
+  );
 };
 const redactPii = (data) => {
   try {

package/dist/esm/utils/session.js

@@ -19,14 +19,20 @@ const resetUserIdleTime = (resetWarningModal = false) => {
   }).catch(() => {
   });
 };
-const throttledResetUserIdleTime = throttle(resetUserIdleTime, THROTTLING_TIME, { leading: true });
+const throttledResetUserIdleTime = throttle(
+  resetUserIdleTime,
+  THROTTLING_TIME,
+  { leading: true }
+);
 const isPastWarningTime = (warnInterval = getAppConfigValue("sessionTimeoutWarnInterval") || SESSION_TIMEOUT_INTERVAL.WARN) => Date.now() - lastUserActivityTimeStamp > warnInterval;
 const isPastSessionTimeoutTime = (sessionTimeout = getAppConfigValue("sessionTimeoutInterval") || SESSION_TIMEOUT_INTERVAL.EXPIRY) => Date.now() - lastUserActivityTimeStamp > sessionTimeout;
 const notifySessionExpiryWarning = () => {
   sessionExpiryWarningNotified = true;
   sessionExpiryWarningNotifiedAt = Date.now();
   Promise.resolve().then(() => {
-    warnListeners.forEach((listener) => listener(sessionExpiryWarningNotifiedAt));
+    warnListeners.forEach(
+      (listener) => listener(sessionExpiryWarningNotifiedAt)
+    );
   }).catch(() => {
   });
 };
@@ -79,10 +85,14 @@ const trackActivity = (element, cb) => {
     return () => {
     };
   const thorttledCb = throttle(cb, THROTTLING_TIME, { leading: true });
-  userInteractionEvents.forEach((r) => element.addEventListener(r, thorttledCb));
+  userInteractionEvents.forEach(
+    (r) => element.addEventListener(r, thorttledCb)
+  );
   return () => {
     userInteractionEvents.forEach((r) => element.removeEventListener(r, cb));
-    userInteractionEvents.forEach((r) => element.removeEventListener(r, thorttledCb));
+    userInteractionEvents.forEach(
+      (r) => element.removeEventListener(r, thorttledCb)
+    );
   };
 };
 export {

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

@@ -41,7 +41,7 @@ const getParameters = (storyBookTheme) => ({
 const decorators = [appDecorator];
 const loaders = [
   async () => {
-    await loadAppConfig(__webpack_public_path__ || "./");
+    await loadAppConfig("/");
   }
 ];
 export {

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

@@ -1,4 +1,4 @@
-import * as React from "react";
+import { jsx } from "react/jsx-runtime";
 import { render } from "@testing-library/react";
 import { getDefaultTheme } from "@elliemae/pui-theme";
 import { createAppStore } from "../../data/store.js";
@@ -10,11 +10,12 @@ const AllTheProviders = ({
   store = defaultStore,
   theme = defaultTheme,
   children
-}) => /* @__PURE__ */ React.createElement(AppRoot, {
+}) => /* @__PURE__ */ jsx(AppRoot, {
   store,
   history: browserHistory,
-  theme
-}, children);
+  theme,
+  children
+});
 const customRender = (ui, options) => render(ui, { wrapper: AllTheProviders, ...options });
 export * from "@testing-library/react";
 export {

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

@@ -1,4 +1,4 @@
-import * as React from "react";
+import { jsx } from "react/jsx-runtime";
 import { render } from "@testing-library/react";
 import { Provider } from "react-redux";
 import { createAppStore } from "../../data/store.js";
@@ -7,9 +7,10 @@ const renderWithRedux = (ui, {
   initialState,
   store = createAppStore(initialState, browserHistory)
 } = {}) => ({
-  ...render(/* @__PURE__ */ React.createElement(Provider, {
-    store
-  }, ui)),
+  ...render(/* @__PURE__ */ jsx(Provider, {
+    store,
+    children: ui
+  })),
   store
 });
 export {

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

@@ -1,4 +1,4 @@
-import * as React from "react";
+import { jsx } from "react/jsx-runtime";
 import { render } from "@testing-library/react";
 import { Provider } from "react-redux";
 import { createMemoryHistory } from "history";
@@ -11,11 +11,15 @@ const renderWithRouterRedux = (ui, {
   initialState,
   store = createAppStore(initialState, browserHistory)
 } = {}) => ({
-  ...render(/* @__PURE__ */ React.createElement(Provider, {
-    store
-  }, /* @__PURE__ */ React.createElement(AppRouter, {
-    history
-  }, ui))),
+  ...render(
+    /* @__PURE__ */ jsx(Provider, {
+      store,
+      children: /* @__PURE__ */ jsx(AppRouter, {
+        history,
+        children: ui
+      })
+    })
+  ),
   store
 });
 export {

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

@@ -1,4 +1,4 @@
-import * as React from "react";
+import { jsx } from "react/jsx-runtime";
 import { render } from "@testing-library/react";
 import { createMemoryHistory } from "history";
 import { AppRouter } from "../../view/app-router.js";
@@ -6,9 +6,10 @@ const renderWithRouter = (ui, {
   route = "/",
   history = createMemoryHistory({ initialEntries: [route] })
 } = {}) => {
-  const renderResult = render(/* @__PURE__ */ React.createElement(AppRouter, {
-    history
-  }, ui));
+  const renderResult = render(/* @__PURE__ */ jsx(AppRouter, {
+    history,
+    children: ui
+  }));
   return {
     ...renderResult,
     history

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

@@ -1,4 +1,4 @@
-import * as React from "react";
+import { jsx } from "react/jsx-runtime";
 import { useEffect, useState } from "react";
 import { ThemeProvider } from "styled-components";
 import { getDefaultTheme } from "@elliemae/pui-theme";
@@ -27,11 +27,12 @@ const RenderWithStateAddOns = ({
   useEffect(() => {
     setReady(true);
   }, []);
-  return ready ? /* @__PURE__ */ React.createElement(ThemeProvider, {
-    theme
-  }, /* @__PURE__ */ React.createElement(Component, {
-    ...rest
-  })) : null;
+  return ready ? /* @__PURE__ */ jsx(ThemeProvider, {
+    theme,
+    children: /* @__PURE__ */ jsx(Component, {
+      ...rest
+    })
+  }) : null;
 };
 export {
   RenderWithStateAddOns

package/dist/esm/utils/window.js

@@ -8,8 +8,14 @@ const getWindow = () => {
   }
 };
 const getViewportSize = () => ({
-  width: Math.max(document.documentElement.clientWidth || 0, window.innerWidth || 0),
-  height: Math.max(document.documentElement.clientHeight || 0, window.innerHeight || 0)
+  width: Math.max(
+    document.documentElement.clientWidth || 0,
+    window.innerWidth || 0
+  ),
+  height: Math.max(
+    document.documentElement.clientHeight || 0,
+    window.innerHeight || 0
+  )
 });
 const convertBreakpointToNumber = (breakpoint) => Number(breakpoint.replace("px", ""));
 const getCurrentBreakpoint = () => {
@@ -21,7 +27,9 @@ const getCurrentBreakpoint = () => {
     return "medium";
   return "large";
 };
+const getAssetPath = () => window?.emui?._ASSET_PATH || "latest/";
 export {
+  getAssetPath,
   getCurrentBreakpoint,
   getViewportSize,
   getWindow

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

@@ -1,4 +1,4 @@
-import * as React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
 import styled from "styled-components";
 import { ErrorToast } from "../error-toast/index.js";
 import { WaitMessage as DefaultWaitMessage } from "../modals/wait-message/index.js";
@@ -13,7 +13,14 @@ const HostedApp = ({ WaitMessage, children }) => {
   useBreakpoint();
   useHTMLWaitMessage(true);
   useWindowSizeChange();
-  return /* @__PURE__ */ React.createElement(Div, null, /* @__PURE__ */ React.createElement(GlobalStyle, null), WaitMessage || /* @__PURE__ */ React.createElement(DefaultWaitMessage, null), /* @__PURE__ */ React.createElement(ErrorToast, null), children);
+  return /* @__PURE__ */ jsxs(Div, {
+    children: [
+      /* @__PURE__ */ jsx(GlobalStyle, {}),
+      WaitMessage || /* @__PURE__ */ jsx(DefaultWaitMessage, {}),
+      /* @__PURE__ */ jsx(ErrorToast, {}),
+      children
+    ]
+  });
 };
 export {
   HostedApp

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

@@ -1,4 +1,5 @@
-import * as React from "react";
+import { jsx } from "react/jsx-runtime";
+import { StrictMode } from "react";
 import { Provider } from "react-redux";
 import { ThemeProvider } from "styled-components";
 import { getDefaultTheme } from "@elliemae/pui-theme";
@@ -9,9 +10,9 @@ import { StandAloneApp } from "./stand-alone-app.js";
 import { HostedApp } from "./hosted-app.js";
 const AppToRender = (props) => {
   const isParent = isStandAloneGuest() || isHost();
-  return isParent ? /* @__PURE__ */ React.createElement(StandAloneApp, {
+  return isParent ? /* @__PURE__ */ jsx(StandAloneApp, {
     ...props
-  }) : /* @__PURE__ */ React.createElement(HostedApp, {
+  }) : /* @__PURE__ */ jsx(HostedApp, {
     ...props
   });
 };
@@ -24,19 +25,26 @@ const AppRoot = ({
   WaitMessage,
   errorTemplate,
   children
-}) => /* @__PURE__ */ React.createElement(ErrorBoundary, {
-  errorTemplate
-}, /* @__PURE__ */ React.createElement(Provider, {
-  store
-}, /* @__PURE__ */ React.createElement(AppRouter, {
-  history,
-  basename
-}, /* @__PURE__ */ React.createElement(ThemeProvider, {
-  theme
-}, /* @__PURE__ */ React.createElement(AppToRender, {
-  manageSession,
-  WaitMessage
-}, children)))));
+}) => /* @__PURE__ */ jsx(StrictMode, {
+  children: /* @__PURE__ */ jsx(ErrorBoundary, {
+    errorTemplate,
+    children: /* @__PURE__ */ jsx(Provider, {
+      store,
+      children: /* @__PURE__ */ jsx(AppRouter, {
+        history,
+        basename,
+        children: /* @__PURE__ */ jsx(ThemeProvider, {
+          theme,
+          children: /* @__PURE__ */ jsx(AppToRender, {
+            manageSession,
+            WaitMessage,
+            children
+          })
+        })
+      })
+    })
+  })
+});
 export {
   AppRoot
 };

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

@@ -1,4 +1,4 @@
-import * as React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
 import styled from "styled-components";
 import { LiveAnnouncer } from "react-aria-live";
 import { useBreakpoint } from "../breakpoint/use-breakpoint.js";
@@ -18,7 +18,18 @@ const StandAloneApp = ({
 }) => {
   useBreakpoint();
   useWindowSizeChange();
-  return /* @__PURE__ */ React.createElement(LiveAnnouncer, null, /* @__PURE__ */ React.createElement(Div, null, /* @__PURE__ */ React.createElement(GlobalStyle, null), manageSession && /* @__PURE__ */ React.createElement(SessionTimeout, null), /* @__PURE__ */ React.createElement(LiveMessage, null), WaitMessage || /* @__PURE__ */ React.createElement(DefaultWaitMessage, null), /* @__PURE__ */ React.createElement(ErrorToast, null), children));
+  return /* @__PURE__ */ jsx(LiveAnnouncer, {
+    children: /* @__PURE__ */ jsxs(Div, {
+      children: [
+        /* @__PURE__ */ jsx(GlobalStyle, {}),
+        manageSession && /* @__PURE__ */ jsx(SessionTimeout, {}),
+        /* @__PURE__ */ jsx(LiveMessage, {}),
+        WaitMessage || /* @__PURE__ */ jsx(DefaultWaitMessage, {}),
+        /* @__PURE__ */ jsx(ErrorToast, {}),
+        children
+      ]
+    })
+  });
 };
 export {
   StandAloneApp

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

@@ -1,4 +1,4 @@
-import * as React from "react";
+import { jsx } from "react/jsx-runtime";
 import { useState, useLayoutEffect } from "react";
 import { Router } from "react-router-dom";
 const AppRouter = ({ history, basename, ...props }) => {
@@ -21,7 +21,7 @@ const AppRouter = ({ history, basename, ...props }) => {
       unlisten();
     };
   }, [history]);
-  return /* @__PURE__ */ React.createElement(Router, {
+  return /* @__PURE__ */ jsx(Router, {
     ...props,
     basename,
     location: state.location,

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

@@ -7,11 +7,15 @@ import { useMediaQueryList } from "./use-media-query-list.js";
 import { HOST_WINDOW_BREAKPOINT_CHANGED } from "../../utils/constants.js";
 const useBreakpoint = () => {
   const theme = useContext(ThemeContext);
-  const currentBreakpoint = useMediaQueryList([
-    `(max-width: ${theme.breakpoints.small})`,
-    `(max-width: ${theme.breakpoints.medium})`,
-    `(max-width: ${theme.breakpoints.large})`
-  ], ["small", "medium", "large"], "large");
+  const currentBreakpoint = useMediaQueryList(
+    [
+      `(max-width: ${theme.breakpoints.small})`,
+      `(max-width: ${theme.breakpoints.medium})`,
+      `(max-width: ${theme.breakpoints.large})`
+    ],
+    ["small", "medium", "large"],
+    "large"
+  );
   const dispatch = useAppDispatch();
   useEffect(() => {
     dispatch({ type: breakpoint.change, payload: currentBreakpoint });

package/dist/esm/view/breakpoint/use-media-query-list.js

@@ -9,7 +9,9 @@ const useMediaQueryList = (queries, values, defaultValue) => {
   useEffect(() => {
     const handler = () => setValue(getValue);
     mediaQueryLists.forEach((mql) => mql.addEventListener("change", handler));
-    return () => mediaQueryLists.forEach((mql) => mql.removeEventListener("change", handler));
+    return () => mediaQueryLists.forEach(
+      (mql) => mql.removeEventListener("change", handler)
+    );
   }, [getValue, mediaQueryLists]);
   return value;
 };

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

@@ -1,5 +1,17 @@
-import * as React from "react";
-const DefaultErrorTemplate = (props) => /* @__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"));
+import { jsx, jsxs } from "react/jsx-runtime";
+const DefaultErrorTemplate = ({
+  error = new Error("We are unable to process your request"),
+  errorInfo = { componentStack: "Please close your browser and login again" }
+}) => /* @__PURE__ */ jsxs("div", {
+  children: [
+    /* @__PURE__ */ jsx("h2", {
+      children: error?.message
+    }),
+    /* @__PURE__ */ jsx("section", {
+      children: errorInfo?.componentStack
+    })
+  ]
+});
 export {
   DefaultErrorTemplate
 };

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

@@ -1,3 +1,4 @@
+import { jsx } from "react/jsx-runtime";
 import React from "react";
 import {
   DefaultErrorTemplate
@@ -25,7 +26,7 @@ class ErrorBoundary extends React.Component {
     const { children, errorTemplate } = this.props;
     const ErrorTemplate = errorTemplate || DefaultErrorTemplate;
     const { error, errorInfo } = this.state;
-    return errorInfo ? /* @__PURE__ */ React.createElement(ErrorTemplate, {
+    return errorInfo ? /* @__PURE__ */ jsx(ErrorTemplate, {
       error,
       errorInfo
     }) : children;

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

@@ -1,4 +1,4 @@
-import * as React from "react";
+import { jsx } from "react/jsx-runtime";
 import { useEffect, memo } from "react";
 import { ToastPosition, ToastType, DSToast, toast } from "@elliemae/ds-toast";
 import { useAppSelector, useAppDispatch } from "../../data/react-redux.js";
@@ -21,7 +21,7 @@ const ErrorToast = memo((props) => {
       dispatch(error.clear());
     }
   }, [storeError, props, dispatch]);
-  return /* @__PURE__ */ React.createElement(DSToast, {
+  return /* @__PURE__ */ jsx(DSToast, {
     ...props
   });
 });

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

@@ -1,23 +1,26 @@
-import * as React from "react";
+import { jsx } from "react/jsx-runtime";
 import { DSAutocomplete } from "@elliemae/ds-controlled-form";
 import { Controller } from "react-hook-form";
 const filterOptions = (allOptions, newFilter) => {
-  const filtered = allOptions.filter((option) => option.type === "section" || option.label.toLowerCase().includes(newFilter?.toLowerCase()));
+  const filtered = allOptions.filter(
+    (option) => option.type === "section" || option.label.toLowerCase().includes(newFilter?.toLowerCase())
+  );
   return filtered.length === 1 && filtered[0].type === "section" ? [] : filtered;
 };
 const Autocomplete = ({
   name,
   children,
   ...rest
-}) => /* @__PURE__ */ React.createElement(Controller, {
+}) => /* @__PURE__ */ jsx(Controller, {
   name,
-  render: ({ field: { onChange, value, ...props } }) => /* @__PURE__ */ React.createElement(DSAutocomplete, {
+  render: ({ field: { onChange, value, ...props } }) => /* @__PURE__ */ jsx(DSAutocomplete, {
     ...rest,
     ...props,
     options: filterOptions(rest.options, value),
     filter: value ?? "",
-    onSelect: onChange
-  }, children)
+    onSelect: onChange,
+    children
+  })
 });
 export {
   Autocomplete

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

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