@elliemae/pui-app-sdk 4.0.0-beta.6 → 4.0.0

package/dist/esm/view/micro-iframe-app/index.js

@@ -1,40 +1,8 @@
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
-import * as React from "react";
+import { createElement } from "react";
 import { useEffect, useState, memo } from "react";
 import { usePrevious } from "../use-previous.js";
 import { App } from "./app.js";
-const MicroIFrameApp = memo((_a) => {
-  var _b = _a, { entityId = null } = _b, rest = __objRest(_b, ["entityId"]);
+const MicroIFrameApp = memo(({ entityId = null, ...rest }) => {
   const [disposePrevApp, setDisposePrevApp] = useState(false);
   const [appKey, setAppKey] = useState(Date.now());
   const prevEntityId = usePrevious(entityId);
@@ -43,14 +11,15 @@ const MicroIFrameApp = memo((_a) => {
       setDisposePrevApp(true);
     }
   }, [entityId]);
-  return /* @__PURE__ */ React.createElement(App, __spreadProps(__spreadValues({}, rest), {
+  return /* @__PURE__ */ createElement(App, {
+    ...rest,
     key: appKey,
     dispose: disposePrevApp,
     onUnloadComplete: () => {
       setAppKey(Date.now());
       setDisposePrevApp(false);
     }
-  }));
+  });
 });
 export {
   MicroIFrameApp

package/dist/esm/view/modals/error/index.js

@@ -1,4 +1,4 @@
-import * as React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { useState, useCallback } from "react";
 import {
   DSDialog,
@@ -17,16 +17,28 @@ const Error = ({
   const handleClick = useCallback(() => {
     setOpen((prev) => !prev);
   }, []);
-  return /* @__PURE__ */ React.createElement(DSDialog, {
+  return /* @__PURE__ */ jsx(DSDialog, {
     isOpen,
     onClickOutside: handleClick,
-    size: "small"
-  }, /* @__PURE__ */ React.createElement(DSDialogBody, {
-    p: "s"
-  }, /* @__PURE__ */ React.createElement(DSDialogDefaultLayout, null, /* @__PURE__ */ React.createElement(ErrorHexegon, {
-    size: "xxl",
-    color: ["danger", "900"]
-  }), /* @__PURE__ */ React.createElement(DSDialogPrimaryMessage, null, primaryMessage), secondaryMessage && /* @__PURE__ */ React.createElement(DSDialogSecondaryMessage, null, secondaryMessage))));
+    size: "small",
+    children: /* @__PURE__ */ jsx(DSDialogBody, {
+      p: "s",
+      children: /* @__PURE__ */ jsxs(DSDialogDefaultLayout, {
+        children: [
+          /* @__PURE__ */ jsx(ErrorHexegon, {
+            size: "xxl",
+            color: ["danger", "900"]
+          }),
+          /* @__PURE__ */ jsx(DSDialogPrimaryMessage, {
+            children: primaryMessage
+          }),
+          secondaryMessage && /* @__PURE__ */ jsx(DSDialogSecondaryMessage, {
+            children: secondaryMessage
+          })
+        ]
+      })
+    })
+  });
 };
 export {
   Error

package/dist/esm/view/modals/navigation-prompt/index.js

@@ -1,4 +1,4 @@
-import * as React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { memo } from "react";
 import { Close } from "@elliemae/ds-icons";
 import { DSButtonV2 } from "@elliemae/ds-button";
@@ -12,29 +12,51 @@ import {
 } from "@elliemae/ds-dialog";
 import { useAppDispatch } from "../../../data/react-redux.js";
 import { navigationPrompt } from "../../../data/navigation-prompt/actions.js";
-const NavigationPrompt = memo(({ open }) => {
-  const dispatch = useAppDispatch();
-  const cancelDialog = () => dispatch(navigationPrompt.cancel());
-  const confirmDialog = () => dispatch(navigationPrompt.confirm());
-  return /* @__PURE__ */ React.createElement(DSDialog, {
-    isOpen: open,
-    onClickOutside: cancelDialog,
-    centered: true
-  }, /* @__PURE__ */ React.createElement(DSDialogHeader, null, /* @__PURE__ */ React.createElement(DSDialogAddon, null, /* @__PURE__ */ React.createElement(DSButtonV2, {
-    buttonType: "icon",
-    onClick: cancelDialog
-  }, /* @__PURE__ */ React.createElement(Close, {
-    color: ["neutral", "900"]
-  })))), /* @__PURE__ */ React.createElement(DSDialogSeparator, null), /* @__PURE__ */ React.createElement(DSDialogBody, {
-    px: 24,
-    mb: 16
-  }, "You currently have unsaved changes. Are you sure you want to proceed without saving?"), /* @__PURE__ */ React.createElement(DSDialogSeparator, null), /* @__PURE__ */ React.createElement(DSDialogFooter, null, /* @__PURE__ */ React.createElement(DSButtonV2, {
-    buttonType: "outline",
-    onClick: cancelDialog
-  }, "Continue without saving"), /* @__PURE__ */ React.createElement(DSButtonV2, {
-    onClick: confirmDialog
-  }, "Save & Continue")));
-});
+const NavigationPrompt = memo(
+  ({ open = false }) => {
+    const dispatch = useAppDispatch();
+    const cancelDialog = () => dispatch(navigationPrompt.cancel());
+    const confirmDialog = () => dispatch(navigationPrompt.confirm());
+    return /* @__PURE__ */ jsxs(DSDialog, {
+      isOpen: open,
+      onClickOutside: cancelDialog,
+      centered: true,
+      children: [
+        /* @__PURE__ */ jsx(DSDialogHeader, {
+          children: /* @__PURE__ */ jsx(DSDialogAddon, {
+            children: /* @__PURE__ */ jsx(DSButtonV2, {
+              buttonType: "icon",
+              onClick: cancelDialog,
+              children: /* @__PURE__ */ jsx(Close, {
+                color: ["neutral", "900"]
+              })
+            })
+          })
+        }),
+        /* @__PURE__ */ jsx(DSDialogSeparator, {}),
+        /* @__PURE__ */ jsx(DSDialogBody, {
+          px: 24,
+          mb: 16,
+          children: "You currently have unsaved changes. Are you sure you want to proceed without saving?"
+        }),
+        /* @__PURE__ */ jsx(DSDialogSeparator, {}),
+        /* @__PURE__ */ jsxs(DSDialogFooter, {
+          children: [
+            /* @__PURE__ */ jsx(DSButtonV2, {
+              buttonType: "outline",
+              onClick: cancelDialog,
+              children: "Continue without saving"
+            }),
+            /* @__PURE__ */ jsx(DSButtonV2, {
+              onClick: confirmDialog,
+              children: "Save & Continue"
+            })
+          ]
+        })
+      ]
+    });
+  }
+);
 export {
   NavigationPrompt
 };

package/dist/esm/view/modals/session-expiry/customHooks.js

@@ -6,8 +6,12 @@ const useTrackSessionExpiry = (warningNotifiedAt) => {
   const [timeData, setTimeData] = useState();
   useEffect(() => {
     const timeLeftForExpiryAfterWarning = () => {
-      const userWarnInterval = getAppConfigValue("sessionTimeoutWarnInterval");
-      const userTimeoutInterval = getAppConfigValue("sessionTimeoutInterval");
+      const userWarnInterval = getAppConfigValue(
+        "sessionTimeoutWarnInterval"
+      );
+      const userTimeoutInterval = getAppConfigValue(
+        "sessionTimeoutInterval"
+      );
       const warnInterval = userWarnInterval ? parseFloat(userWarnInterval) : SESSION_TIMEOUT_INTERVAL.WARN;
       const sessionTimeout = userTimeoutInterval ? parseFloat(userTimeoutInterval) : SESSION_TIMEOUT_INTERVAL.EXPIRY;
       const diffTime = sessionTimeout - warnInterval;

package/dist/esm/view/modals/session-expiry/index.js

@@ -1,4 +1,4 @@
-import * as React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { memo, useEffect, useState } from "react";
 import { DSButtonV2 } from "@elliemae/ds-button";
 import { WarningCircle } from "@elliemae/ds-icons";
@@ -15,37 +15,62 @@ import { useAppDispatch } from "../../../data/react-redux.js";
 import { logout } from "../../../data/logout/actions.js";
 import { resetUserIdleTime } from "../../../utils/session.js";
 import { useTrackSessionExpiry } from "./customHooks.js";
-const SessionExpiry = memo(({ open, warningNotifiedAt = 0 }) => {
-  const [isOpen, setIsOpen] = useState(open);
-  const timeLeft = useTrackSessionExpiry(warningNotifiedAt);
-  const dispatch = useAppDispatch();
-  useEffect(() => {
-    setIsOpen(open);
-  }, [open]);
-  const resetSession = () => {
-    setIsOpen(false);
-    resetUserIdleTime(true);
-    dispatch(logout.cancel());
-  };
-  const logoutSession = () => {
-    setIsOpen(false);
-    dispatch(logout.confirm());
-  };
-  return timeLeft ? /* @__PURE__ */ React.createElement(DSDialog, {
-    isOpen,
-    size: "small"
-  }, /* @__PURE__ */ React.createElement(DSDialogBody, {
-    p: "s"
-  }, /* @__PURE__ */ React.createElement(DSDialogDefaultLayout, null, /* @__PURE__ */ React.createElement(WarningCircle, {
-    size: "xl",
-    color: ["warning", "900"]
-  }), /* @__PURE__ */ React.createElement(DSDialogPrimaryMessage, null, `Your session will expire in ${timeLeft}`), /* @__PURE__ */ React.createElement(DSDialogSecondaryMessage, null, "Please logout or reset your session"))), /* @__PURE__ */ React.createElement(DSDialogSeparator, null), /* @__PURE__ */ React.createElement(DSDialogFooter, null, /* @__PURE__ */ React.createElement(DSButtonV2, {
-    buttonType: "outline",
-    onClick: logoutSession
-  }, "Logout"), /* @__PURE__ */ React.createElement(DSButtonV2, {
-    onClick: resetSession
-  }, "Reset"))) : null;
-});
+const SessionExpiry = memo(
+  ({ open, warningNotifiedAt = 0 }) => {
+    const [isOpen, setIsOpen] = useState(open);
+    const timeLeft = useTrackSessionExpiry(warningNotifiedAt);
+    const dispatch = useAppDispatch();
+    useEffect(() => {
+      setIsOpen(open);
+    }, [open]);
+    const resetSession = () => {
+      setIsOpen(false);
+      resetUserIdleTime(true);
+      dispatch(logout.cancel());
+    };
+    const logoutSession = () => {
+      setIsOpen(false);
+      dispatch(logout.confirm());
+    };
+    return timeLeft ? /* @__PURE__ */ jsxs(DSDialog, {
+      isOpen,
+      size: "small",
+      children: [
+        /* @__PURE__ */ jsx(DSDialogBody, {
+          p: "s",
+          children: /* @__PURE__ */ jsxs(DSDialogDefaultLayout, {
+            children: [
+              /* @__PURE__ */ jsx(WarningCircle, {
+                size: "xl",
+                color: ["warning", "900"]
+              }),
+              /* @__PURE__ */ jsx(DSDialogPrimaryMessage, {
+                children: `Your session will expire in ${timeLeft}`
+              }),
+              /* @__PURE__ */ jsx(DSDialogSecondaryMessage, {
+                children: "Please logout or reset your session"
+              })
+            ]
+          })
+        }),
+        /* @__PURE__ */ jsx(DSDialogSeparator, {}),
+        /* @__PURE__ */ jsxs(DSDialogFooter, {
+          children: [
+            /* @__PURE__ */ jsx(DSButtonV2, {
+              buttonType: "outline",
+              onClick: logoutSession,
+              children: "Logout"
+            }),
+            /* @__PURE__ */ jsx(DSButtonV2, {
+              onClick: resetSession,
+              children: "Reset"
+            })
+          ]
+        })
+      ]
+    }) : null;
+  }
+);
 export {
   SessionExpiry
 };

package/dist/esm/view/modals/wait-message/index.js

@@ -1,35 +1,4 @@
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
-import * as React from "react";
+import { jsx } from "react/jsx-runtime";
 import { memo, useEffect } from "react";
 import { DSLoadingIndicator } from "@elliemae/ds-loading-indicator";
 import { useAppSelector } from "../../../data/react-redux.js";
@@ -38,32 +7,31 @@ import {
   waitStartEvent,
   waitEndEvent
 } from "../../../analytics/user-wait-event.js";
-const WaitMessage = memo((_a) => {
-  var _b = _a, {
+const WaitMessage = memo(
+  ({
     size = "m",
-    style = { color: "white", fontSize: "1.25rem" }
-  } = _b, rest = __objRest(_b, [
-    "size",
-    "style"
-  ]);
-  const isOpen = useAppSelector((state) => state.waitMessage?.isOpen);
-  const message = useAppSelector((state) => state.waitMessage?.message);
-  useEffect(() => {
-    if (isOpen)
-      waitStartEvent();
-    else
-      waitEndEvent();
-  }, [isOpen]);
-  useHTMLWaitMessage(isOpen !== null);
-  return /* @__PURE__ */ React.createElement(DSLoadingIndicator, __spreadProps(__spreadValues({
-    id: "em-loading",
-    size,
-    style
-  }, rest), {
-    loading: isOpen,
-    message
-  }));
-});
+    style = { color: "white", fontSize: "1.25rem" },
+    ...rest
+  }) => {
+    const isOpen = useAppSelector((state) => state.waitMessage?.isOpen);
+    const message = useAppSelector((state) => state.waitMessage?.message);
+    useEffect(() => {
+      if (isOpen)
+        waitStartEvent();
+      else
+        waitEndEvent();
+    }, [isOpen]);
+    useHTMLWaitMessage(isOpen !== null);
+    return /* @__PURE__ */ jsx(DSLoadingIndicator, {
+      id: "em-loading",
+      size,
+      style,
+      ...rest,
+      loading: isOpen,
+      message
+    });
+  }
+);
 export {
   WaitMessage
 };

package/dist/esm/view/page.js

@@ -1,4 +1,4 @@
-import * as React from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { Helmet } from "react-helmet";
 import * as brum from "@elliemae/pui-user-monitoring";
 import { pageViewEvent } from "../analytics/page-view-event.js";
@@ -14,7 +14,16 @@ const onPageView = (pageTitle) => {
 };
 const Page = ({ pageTitle = "ICE", children }) => {
   onPageView(pageTitle);
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Helmet, null, /* @__PURE__ */ React.createElement("title", null, pageTitle)), children);
+  return /* @__PURE__ */ jsxs(Fragment, {
+    children: [
+      /* @__PURE__ */ jsx(Helmet, {
+        children: /* @__PURE__ */ jsx("title", {
+          children: pageTitle
+        })
+      }),
+      children
+    ]
+  });
 };
 export {
   Page,

package/dist/esm/view/render-with-delay/index.js

@@ -1,4 +1,4 @@
-import * as React from "react";
+import { Fragment, jsx } from "react/jsx-runtime";
 import { useEffect, useState, memo } from "react";
 const RenderWithDelay = memo(({ render }) => {
   const [show, showComponents] = useState(false);
@@ -8,7 +8,9 @@ const RenderWithDelay = memo(({ render }) => {
       clearTimeout(timeoutId);
     };
   }, []);
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, show ? render() : "");
+  return /* @__PURE__ */ jsx(Fragment, {
+    children: show ? render() : ""
+  });
 });
 export {
   RenderWithDelay

package/dist/esm/view/render-with-host-data/index.js

@@ -1,4 +1,4 @@
-import * as React from "react";
+import { jsx } from "react/jsx-runtime";
 import { useState, useEffect } from "react";
 import { fetchHostAppData } from "../fetch-host-app-data/index.js";
 import { WaitMessageLauncher } from "../modals/wait-message/wait-message-launcher.js";
@@ -20,7 +20,7 @@ const renderWithHostData = (data) => {
         setLoading(false);
       }
     }, []);
-    return loading ? /* @__PURE__ */ React.createElement(WaitMessageLauncher, null) : /* @__PURE__ */ React.createElement(ComponentToRender, null);
+    return loading ? /* @__PURE__ */ jsx(WaitMessageLauncher, {}) : /* @__PURE__ */ jsx(ComponentToRender, {});
   };
   return HostAppDataWrapper;
 };

package/dist/esm/view/require-auth.js

@@ -1,5 +1,5 @@
-import * as React from "react";
-import { useInjectReducer, useInjectSaga } from "redux-injectors";
+import { Fragment, jsx } from "react/jsx-runtime";
+import { createManager } from "redux-injectors";
 import enums from "../utils/constants.js";
 import { authReducer } from "../data/auth/reducer.js";
 import { authentication } from "../sideeffect/auth/index.js";
@@ -12,16 +12,25 @@ const RequireAuth = ({
   scope = "loc",
   responseType = "code"
 }) => {
-  useInjectReducer({ key, reducer: authReducer });
-  useInjectSaga({ key, saga: authentication });
+  const AuthManager = createManager({
+    name: "AuthManager",
+    key,
+    reducer: authReducer,
+    saga: authentication
+  });
   const userAuthorized = isUserAuthorized();
   if (userAuthorized) {
-    return /* @__PURE__ */ React.createElement(React.Fragment, null, children);
+    return /* @__PURE__ */ jsx(Fragment, {
+      children
+    });
   }
-  return /* @__PURE__ */ React.createElement(Login, {
-    clientId,
-    scope,
-    responseType
+  return /* @__PURE__ */ jsx(AuthManager, {
+    children: /* @__PURE__ */ jsx(Login, {
+      clientId,
+      scope,
+      responseType,
+      children
+    })
   });
 };
 export {

package/dist/esm/view/session-timeout/index.js

@@ -1,4 +1,4 @@
-import * as React from "react";
+import { jsx } from "react/jsx-runtime";
 import { useEffect, useState } from "react";
 import { useAppDispatch } from "../../data/react-redux.js";
 import { logout } from "../../data/logout/actions.js";
@@ -16,12 +16,14 @@ const SessionTimeout = () => {
   const [warningNotifiedAt, setwarningNotifiedAt] = useState();
   useEffect(() => {
     initSessionMonitoring();
-    const warningCb = subscribeToSessionExpiryWarning((sessionExpiryWarningNotifiedAt) => {
-      if (!sessionExpiryWarningNotifiedAt)
-        return;
-      setwarningNotifiedAt(sessionExpiryWarningNotifiedAt);
-      setSessionExpiryWarning(true);
-    });
+    const warningCb = subscribeToSessionExpiryWarning(
+      (sessionExpiryWarningNotifiedAt) => {
+        if (!sessionExpiryWarningNotifiedAt)
+          return;
+        setwarningNotifiedAt(sessionExpiryWarningNotifiedAt);
+        setSessionExpiryWarning(true);
+      }
+    );
     const resetCb = subscribeToResetSession((resetWarningModal) => {
       if (resetWarningModal === true) {
         setSessionExpiryWarning(false);
@@ -38,10 +40,12 @@ const SessionTimeout = () => {
       stopSessionMonitoring();
     };
   }, [dispatch]);
-  return /* @__PURE__ */ React.createElement("div", null, showSessionExpiryWarning && /* @__PURE__ */ React.createElement(SessionExpiry, {
-    open: true,
-    warningNotifiedAt
-  }));
+  return /* @__PURE__ */ jsx("div", {
+    children: showSessionExpiryWarning && /* @__PURE__ */ jsx(SessionExpiry, {
+      open: true,
+      warningNotifiedAt
+    })
+  });
 };
 export {
   SessionTimeout

package/dist/esm/view/storybook/decorator.js

@@ -1,11 +1,12 @@
-import * as React from "react";
+import { jsx } from "react/jsx-runtime";
 import { browserHistory } from "../../utils/history.js";
 import { AppRoot } from "../app-root/index.js";
-const withAppDecorator = (theme, store, story) => /* @__PURE__ */ React.createElement(AppRoot, {
+const withAppDecorator = (theme, store, story) => /* @__PURE__ */ jsx(AppRoot, {
   store,
   history: browserHistory,
-  theme
-}, story());
+  theme,
+  children: story()
+});
 export {
   withAppDecorator
 };

package/dist/esm/view/visually-hidden/index.js

@@ -1,20 +1,4 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-import * as React from "react";
+import { jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
 import styled from "styled-components";
 const Span = styled.span`
@@ -29,9 +13,12 @@ const Span = styled.span`
   white-space: nowrap;
   word-wrap: normal;
 `;
-const VisuallyHidden = forwardRef((props, ref) => /* @__PURE__ */ React.createElement(Span, __spreadValues({
-  ref
-}, props)));
+const VisuallyHidden = forwardRef(
+  (props, ref) => /* @__PURE__ */ jsx(Span, {
+    ref,
+    ...props
+  })
+);
 export {
   VisuallyHidden
 };

package/dist/types/__mocks__/@elliemae/em-ssf-guest.d.ts

@@ -0,0 +1,6 @@
+import { IAuth } from '@elliemae/pui-scripting-object';
+declare const _default: {
+    connect: () => Promise<void>;
+    getObject: (objectId: string) => Promise<IAuth>;
+};
+export default _default;