@elliemae/pui-app-sdk 3.0.0-beta.5 → 3.0.0-beta.6

package/dist/es/route/private-route/index.js

@@ -1,12 +1,13 @@
+import * as React from "react";
 import { useCallback } from "react";
 import { useInjectReducer, useInjectSaga } from "redux-injectors";
-import enums from "../../utils/constants";
-import { RenderWithDelay } from "../../view/render-with-delay";
-import { authReducer } from "../../data/auth/reducer";
-import { authentication } from "../../sideeffect/auth";
-import { Login } from "../../view/login";
-import { isUserAuthorized } from "../../utils/auth";
-import { AppRoute } from "../index";
+import enums from "../../utils/constants.js";
+import { RenderWithDelay } from "../../view/render-with-delay/index.js";
+import { authReducer } from "../../data/auth/reducer.js";
+import { authentication } from "../../sideeffect/auth/index.js";
+import { Login } from "../../view/login/index.js";
+import { isUserAuthorized } from "../../utils/auth/index.js";
+import { AppRoute } from "../index.js";
 const key = "auth";
 const PrivateRoute = ({
   component: Component,

package/dist/es/sideeffect/auth/index.js

@@ -7,10 +7,10 @@ import {
   LOGIN,
   LOGOUT,
   LOGIN_SUCCESS
-} from "../../data/auth/actions";
-import { authorize, endSession } from "../../utils/auth";
-import { getLogger } from "../../utils/micro-frontend";
-import { logRecords } from "../../utils/log-records";
+} from "../../data/auth/actions.js";
+import { authorize, endSession } from "../../utils/auth/index.js";
+import { getLogger } from "../../utils/micro-frontend/index.js";
+import { logRecords } from "../../utils/log-records.js";
 function* login({
   payload
 }) {

package/dist/es/sideeffect/error-toast/index.js

@@ -1,8 +1,8 @@
 import { call, takeLatest } from "redux-saga/effects";
-import { actions } from "../../data/error";
-import { CMicroAppGuest } from "../../utils/micro-frontend/guest";
-import { getLogger } from "../../utils/micro-frontend";
-import { logRecords } from "../../utils/log-records";
+import { actions } from "../../data/error/index.js";
+import { CMicroAppGuest } from "../../utils/micro-frontend/guest.js";
+import { getLogger } from "../../utils/micro-frontend/index.js";
+import { logRecords } from "../../utils/log-records.js";
 function* openErrorToast(action) {
   try {
     const microApp = yield call(CMicroAppGuest.getInstance.bind(CMicroAppGuest));

package/dist/es/sideeffect/wait-message/index.js

@@ -1,8 +1,8 @@
 import { call, takeLatest } from "redux-saga/effects";
-import { ACTIONS } from "../../data/wait-message/actions";
-import { CMicroAppGuest } from "../../utils/micro-frontend/guest";
-import { getLogger } from "../../utils/micro-frontend";
-import { logRecords } from "../../utils/log-records";
+import { ACTIONS } from "../../data/wait-message/actions.js";
+import { CMicroAppGuest } from "../../utils/micro-frontend/guest.js";
+import { getLogger } from "../../utils/micro-frontend/index.js";
+import { logRecords } from "../../utils/log-records.js";
 function* openWaitMessage() {
   try {
     const microApp = yield call(CMicroAppGuest.getInstance.bind(CMicroAppGuest));

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

@@ -1,8 +1,8 @@
 import _ from "lodash";
-import { getHTTPClient } from "../../communication/http-client";
-import { setAppConfig } from "./config";
-import { setAppDynamicsUserData } from "../../analytics/appdynamics";
-import { updateBAEventParameters } from "../../analytics/web-analytics";
+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";
 const parseAppConfig = (data) => {
   const { activeEnv } = data;
   const activeEnvConfig = data.env[activeEnv] || {};

package/dist/es/utils/app-host-integration/react.js

@@ -1,6 +1,6 @@
 import {
   CMicroAppGuest
-} from "../micro-frontend/guest";
+} from "../micro-frontend/guest.js";
 const enableReactAppForHostIntegration = ({
   onInit,
   onMount

package/dist/es/utils/auth/helper.js

@@ -1,4 +1,4 @@
-import enums from "../constants";
+import enums from "../constants.js";
 const getAuthorizationHeader = () => sessionStorage.getItem(enums.AUTHORIZATION) || "";
 const setAuthorizationHeader = (token) => {
   sessionStorage.setItem(enums.AUTHORIZATION, token);

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

@@ -1,16 +1,16 @@
-import { browserHistory as history } from "../history";
+import { browserHistory as history } from "../history.js";
 import {
   getToken,
   revokeToken,
   introspectToken
-} from "../../api/auth";
-import { getUser } from "../../api/users";
-import { loginEvent, logoutEvent } from "../../analytics/user-session-event";
-import { setAppDynamicsUserData } from "../../analytics/appdynamics";
-import { getAuthorizationHeader, setAuthorizationHeader } from "./helper";
-import { getAppConfigValue } from "../app-config/config";
-import { getLogger } from "../micro-frontend";
-import { logRecords } from "../log-records";
+} from "../../api/auth/index.js";
+import { getUser } from "../../api/users/index.js";
+import { loginEvent, logoutEvent } from "../../analytics/user-session-event.js";
+import { setAppDynamicsUserData } from "../../analytics/appdynamics.js";
+import { getAuthorizationHeader, setAuthorizationHeader } from "./helper.js";
+import { getAppConfigValue } from "../app-config/config.js";
+import { getLogger } from "../micro-frontend/index.js";
+import { logRecords } from "../log-records.js";
 const IDP_ENDPOINT_CONFIG_KEY = "serviceEndpoints.idp";
 const isUserAuthorized = () => !!getAuthorizationHeader();
 const getIDPInfoFromUrl = () => {

package/dist/es/utils/micro-frontend/console-logger.js

@@ -1,5 +1,5 @@
 import { logger as uiLogger, Console } from "@elliemae/pui-diagnostics";
-import { getAppConfigValue } from "../app-config/config";
+import { getAppConfigValue } from "../app-config/config.js";
 const logger = (() => {
   if (!uiLogger)
     return console;

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

@@ -2,14 +2,14 @@ import ReactDOM from "react-dom";
 import _ from "lodash";
 import ssfGuest from "@elliemae/em-ssf-guest";
 import { getDefaultTheme } from "@elliemae/pui-theme";
-import { getWindow } from "../window";
-import { loadAppConfig } from "../app-config";
-import { getAppConfigValue } from "../app-config/config";
-import { browserHistory } from "../history";
-import { logger } from "./console-logger";
-import { removeStorageEvents } from "../web-storage";
-import { updateBAEventParameters } from "../../analytics/web-analytics";
-import { setAppDynamicsUserData } from "../../analytics/appdynamics";
+import { getWindow } from "../window.js";
+import { loadAppConfig } from "../app-config/index.js";
+import { getAppConfigValue } from "../app-config/config.js";
+import { browserHistory } from "../history.js";
+import { logger } from "./console-logger.js";
+import { removeStorageEvents } from "../web-storage.js";
+import { updateBAEventParameters } from "../../analytics/web-analytics.js";
+import { setAppDynamicsUserData } from "../../analytics/appdynamics.js";
 const isCrossDomain = () => {
   try {
     window.parent.document;

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

@@ -1,25 +1,25 @@
 import { publish, subscribe, unsubscribe } from "pubsub-js";
 import { getDefaultTheme } from "@elliemae/pui-theme";
-import { getStore } from "../../data/store";
-import { waitMessage } from "../../data/wait-message/actions";
-import { actions as error } from "../../data/error";
-import { logout } from "../../data/logout/actions";
-import { getAppConfigValue } from "../app-config/config";
-import { resetUserIdleTime } from "../session";
-import { loadAppConfig } from "../app-config";
-import { browserHistory } from "../history";
-import { logger } from "./console-logger";
+import { getStore } from "../../data/store.js";
+import { waitMessage } from "../../data/wait-message/actions.js";
+import { actions as error } from "../../data/error/index.js";
+import { logout } from "../../data/logout/actions.js";
+import { getAppConfigValue } from "../app-config/config.js";
+import { resetUserIdleTime } from "../session.js";
+import { loadAppConfig } from "../app-config/index.js";
+import { browserHistory } from "../history.js";
+import { logger } from "./console-logger.js";
 import {
   HOST_WINDOW_RESIZED,
   HOST_WINDOW_BREAKPOINT_CHANGED
-} from "../constants";
+} from "../constants.js";
 import {
   getCurrentBreakpoint,
   getViewportSize as getWindowViewportSize
-} from "../window";
-import { sendBAEvent } from "../../analytics";
-import { setAppDynamicsUserData } from "../../analytics/appdynamics";
-import { updateBAEventParameters } from "../../analytics/web-analytics";
+} from "../window.js";
+import { sendBAEvent } from "../../analytics/index.js";
+import { setAppDynamicsUserData } from "../../analytics/appdynamics.js";
+import { updateBAEventParameters } from "../../analytics/web-analytics.js";
 class CMicroAppHost {
   constructor(params) {
     this.appId = getAppConfigValue("appId");

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

@@ -1,8 +1,8 @@
 import _ from "lodash";
-import { CMicroAppGuest } from "./guest";
-import { CMicroAppHost } from "./host";
-import { getAppConfigValue } from "../app-config/config";
-import { convertRelativeToAbsoluteUrl, isCIBuild } from "../helpers";
+import { CMicroAppGuest } from "./guest.js";
+import { CMicroAppHost } from "./host.js";
+import { getAppConfigValue } from "../app-config/config.js";
+import { convertRelativeToAbsoluteUrl, isCIBuild } from "../helpers.js";
 const isHost = () => CMicroAppHost.isInitialized();
 const isGuest = () => CMicroAppGuest.isInitialized();
 const isStandAloneGuest = () => isGuest() && window.top === window.self;

package/dist/es/utils/service-worker.js

@@ -1,5 +1,5 @@
-import "./log-records";
-import { getLogger } from "./micro-frontend";
+import "./log-records.js";
+import { getLogger } from "./micro-frontend/index.js";
 const initServiceWorker = (swDest = "") => {
   const logger = getLogger() || console;
   if (false) {

package/dist/es/utils/session.js

@@ -1,6 +1,6 @@
 import { throttle } from "lodash";
-import { getAppConfigValue } from "./app-config/config";
-import { SESSION_TIMEOUT_INTERVAL } from "./constants";
+import { getAppConfigValue } from "./app-config/config.js";
+import { SESSION_TIMEOUT_INTERVAL } from "./constants.js";
 const THROTTLING_TIME = 6e3;
 let lastUserActivityTimeStamp = Date.now();
 const warnListeners = [];

package/dist/es/utils/storybook/manager.js

@@ -1,5 +1,5 @@
 import { addons } from "@storybook/addons";
-import { createTheme } from "./theme";
+import { createTheme } from "./theme.js";
 const init = (theme) => {
   addons.setConfig({
     panelPosition: "bottom",

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

@@ -1,9 +1,9 @@
 import { getDefaultTheme } from "@elliemae/pui-theme";
-import { createAppStore } from "../../data/store";
-import { withAppDecorator } from "../../view/storybook/decorator";
-import { loadAppConfig } from "../app-config";
-import { createTheme } from "./theme";
-import { browserHistory } from "../history";
+import { createAppStore } from "../../data/store.js";
+import { withAppDecorator } from "../../view/storybook/decorator.js";
+import { loadAppConfig } from "../app-config/index.js";
+import { createTheme } from "./theme.js";
+import { browserHistory } from "../history.js";
 import "@elliemae/ds-basic/css/dimsum.css";
 (async () => {
   await loadAppConfig(__webpack_public_path__);

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

@@ -1,8 +1,9 @@
+import * as React from "react";
 import { render } from "@testing-library/react";
 import { getDefaultTheme } from "@elliemae/pui-theme";
-import { createAppStore } from "../../data/store";
-import { AppRoot } from "../../view/app-root";
-import { browserHistory } from "../history";
+import { createAppStore } from "../../data/store.js";
+import { AppRoot } from "../../view/app-root/index.js";
+import { browserHistory } from "../history.js";
 const defaultStore = createAppStore({}, browserHistory);
 const defaultTheme = getDefaultTheme();
 const AllTheProviders = ({

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

@@ -1,7 +1,8 @@
+import * as React from "react";
 import { render } from "@testing-library/react";
 import { Provider } from "react-redux";
-import { createAppStore } from "../../data/store";
-import { browserHistory } from "../history";
+import { createAppStore } from "../../data/store.js";
+import { browserHistory } from "../history.js";
 const renderWithRedux = (ui, {
   initialState,
   store = createAppStore(initialState, browserHistory)

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

@@ -1,9 +1,10 @@
+import * as React from "react";
 import { render } from "@testing-library/react";
 import { Provider } from "react-redux";
 import { Router } from "react-router-dom";
 import { createMemoryHistory } from "history";
-import { createAppStore } from "../../data/store";
-import { browserHistory } from "../history";
+import { createAppStore } from "../../data/store.js";
+import { browserHistory } from "../history.js";
 const renderWithRouterRedux = (ui, {
   route = "/",
   history = createMemoryHistory({ initialEntries: [route] }),

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

@@ -1,3 +1,4 @@
+import * as React from "react";
 import { render } from "@testing-library/react";
 import { Router } from "react-router-dom";
 import { createMemoryHistory } from "history";

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

@@ -1,3 +1,4 @@
+import * as React from "react";
 import { useEffect, useState } from "react";
 import { ThemeProvider } from "styled-components";
 import { getDefaultTheme } from "@elliemae/pui-theme";

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

@@ -1,8 +1,9 @@
+import * as React from "react";
 import styled from "styled-components";
-import { MediaBreakpoint } from "../media-breakpoint";
-import { WindowSize } from "../window-size";
-import { HTMLWaitMessage } from "../modals/wait-message/html-wait-message";
-import GlobalStyle from "./style";
+import { MediaBreakpoint } from "../media-breakpoint/index.js";
+import { WindowSize } from "../window-size/index.js";
+import { HTMLWaitMessage } from "../modals/wait-message/html-wait-message.js";
+import GlobalStyle from "./style.js";
 const Div = styled.div`
   height: 100%;
 `;

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

@@ -1,14 +1,15 @@
+import * as React from "react";
 import { Provider } from "react-redux";
 import { ThemeProvider } from "styled-components";
 import { Router } from "react-router-dom";
 import { getDefaultTheme } from "@elliemae/pui-theme";
 import { useInjectSaga } from "redux-injectors";
-import { isStandAloneGuest, isHost } from "../../utils/micro-frontend";
-import { waitMessage } from "../../sideeffect/wait-message";
-import { errorToast } from "../../sideeffect/error-toast";
-import { ErrorBoundary } from "../error-boundary";
-import { StandAloneApp } from "./stand-alone-app";
-import { HostedApp } from "./hosted-app";
+import { isStandAloneGuest, isHost } from "../../utils/micro-frontend/index.js";
+import { waitMessage } from "../../sideeffect/wait-message/index.js";
+import { errorToast } from "../../sideeffect/error-toast/index.js";
+import { ErrorBoundary } from "../error-boundary/index.js";
+import { StandAloneApp } from "./stand-alone-app.js";
+import { HostedApp } from "./hosted-app.js";
 const AppToRender = (props) => {
   useInjectSaga({ key: "waitMessage", saga: waitMessage });
   useInjectSaga({ key: "errorToast", saga: errorToast });

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

@@ -1,12 +1,13 @@
+import * as React from "react";
 import styled from "styled-components";
 import { LiveAnnouncer } from "react-aria-live";
-import { MediaBreakpoint } from "../media-breakpoint";
-import { WindowSize } from "../window-size";
-import { SessionTimeout } from "../session-timeout";
-import { LiveMessage } from "../live-message";
-import { ErrorToast } from "../error-toast";
-import { WaitMessage as DefaultWaitMessage } from "../modals/wait-message";
-import GlobalStyle from "./style";
+import { MediaBreakpoint } from "../media-breakpoint/index.js";
+import { WindowSize } from "../window-size/index.js";
+import { SessionTimeout } from "../session-timeout/index.js";
+import { LiveMessage } from "../live-message/index.js";
+import { ErrorToast } from "../error-toast/index.js";
+import { WaitMessage as DefaultWaitMessage } from "../modals/wait-message/index.js";
+import GlobalStyle from "./style.js";
 const Div = styled.div`
   height: 100%;
 `;

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

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

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

@@ -1,9 +1,9 @@
 import React from "react";
 import {
   DefaultErrorTemplate
-} from "./default-error-template";
-import { getLogger } from "../../utils/micro-frontend";
-import { logRecords } from "../../utils/log-records";
+} from "./default-error-template.js";
+import { getLogger } from "../../utils/micro-frontend/index.js";
+import { logRecords } from "../../utils/log-records.js";
 class ErrorBoundary extends React.Component {
   constructor(props) {
     super(props);

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

@@ -1,3 +1,4 @@
+import * as React from "react";
 import { useEffect, memo } from "react";
 import {
   ToastPosition,
@@ -5,8 +6,8 @@ import {
   DSToast,
   toast
 } from "@elliemae/ds-basic/Toast";
-import { useAppSelector, useAppDispatch } from "../../data/react-redux";
-import { actions as error } from "../../data/error";
+import { useAppSelector, useAppDispatch } from "../../data/react-redux.js";
+import { actions as error } from "../../data/error/index.js";
 const ErrorToast = memo((props) => {
   const storeError = useAppSelector((state) => state?.error);
   const dispatch = useAppDispatch();

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

@@ -1,7 +1,10 @@
 import _ from "lodash";
-import { isHostAppDataExist, setHostAppData } from "./store";
-import { sendMessageToHost, getHostAppData } from "../message-to-host-app";
-import { bindEvent } from "../host-binding-events";
+import { isHostAppDataExist, setHostAppData } from "./store.js";
+import {
+  sendMessageToHost,
+  getHostAppData
+} from "../message-to-host-app/index.js";
+import { bindEvent } from "../host-binding-events/index.js";
 const fetchHostAppData = (hostedAppUrl, guestAppId) => {
   const isDataExist = isHostAppDataExist();
   return new Promise((resolve) => {

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

@@ -1,3 +1,4 @@
+import * as React from "react";
 import DSCheckbox, { CHECKBOX_VARIANT } from "@elliemae/ds-basic/form/Checkbox";
 import {
   Controller

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

@@ -1,3 +1,4 @@
+import * as React from "react";
 import DSComboBox from "@elliemae/ds-basic/form/ComboBox";
 import {
   Controller

package/dist/es/view/fields/date-input/index.js

@@ -1,3 +1,4 @@
+import * as React from "react";
 import DSDateInput from "@elliemae/ds-basic/form/DateInput";
 import {
   Controller

package/dist/es/view/fields/date-picker/index.js

@@ -1,3 +1,4 @@
+import * as React from "react";
 import DSDatePicker from "@elliemae/ds-date-picker";
 import {
   Controller

package/dist/es/view/fields/form-item-layout/index.js

@@ -1,6 +1,7 @@
+import * as React from "react";
 import DSFormItemLayout from "@elliemae/ds-basic/form/FormItem";
 import { get } from "react-hook-form";
-import { ConnectForm } from "../connect-form";
+import { ConnectForm } from "../connect-form.js";
 const FormItemLayout = ({
   name,
   ...rest

package/dist/es/view/fields/input-mask/index.js

@@ -1,3 +1,4 @@
+import * as React from "react";
 import DSInputMask, {
   MASK_TYPES,
   MASK_PIPES

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

@@ -1,3 +1,4 @@
+import * as React from "react";
 import DSLargeInputText from "@elliemae/ds-basic/form/LargeInputText";
 import {
   Controller

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

@@ -1,3 +1,4 @@
+import * as React from "react";
 import DSRadio from "@elliemae/ds-basic/form/Radio";
 import {
   Controller

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

@@ -1,3 +1,4 @@
+import * as React from "react";
 import DSRadioGroup from "@elliemae/ds-basic/form/RadioGroup";
 import {
   Controller

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

@@ -1,3 +1,4 @@
+import * as React from "react";
 import DSTextBox from "@elliemae/ds-basic/form/TextBox";
 import {
   Controller

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

@@ -1,3 +1,4 @@
+import * as React from "react";
 import styled from "styled-components";
 import { useFormContext } from "react-hook-form";
 const Section = styled.section`

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

@@ -1,3 +1,4 @@
+import * as React from "react";
 import styled from "styled-components";
 import {
   useForm,

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

@@ -1,8 +1,9 @@
+import * as React from "react";
 import moment from "moment";
-import { TextBox } from "../fields/text-box";
-import { ComboBox } from "../fields/combo-box";
-import { DateInput } from "../fields/date-input";
-import { FormItemLayout } from "../fields/form-item-layout";
+import { TextBox } from "../fields/text-box/index.js";
+import { ComboBox } from "../fields/combo-box/index.js";
+import { DateInput } from "../fields/date-input/index.js";
+import { FormItemLayout } from "../fields/form-item-layout/index.js";
 const FirstName = () => /* @__PURE__ */ React.createElement(FormItemLayout, {
   floatingLabel: true,
   inputComponent: TextBox,

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

@@ -1,3 +1,4 @@
+import * as React from "react";
 import { useFormContext } from "react-hook-form";
 import DSButton from "@elliemae/ds-basic/Button";
 const FormSubmitButton = ({

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

@@ -1,4 +1,4 @@
-import { sendMessageToHost } from "../message-to-host-app";
+import { sendMessageToHost } from "../message-to-host-app/index.js";
 const onGuestUnloadStart = () => new Promise((resolve) => {
   window.addEventListener("message", (msg) => {
     if (msg.data.id === "unload-guest" || msg.data.id === "close_loan") {

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

@@ -1,3 +1,4 @@
+import * as React from "react";
 import { NavLink } from "react-router-dom";
 import styled from "styled-components";
 const NavList = styled.ul`

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

@@ -1,8 +1,9 @@
+import * as React from "react";
 import styled from "styled-components";
-import { isStandAloneGuest, isHost } from "../../utils/micro-frontend";
-import { LogoRegion } from "./logo-region";
-import { CenterRegion } from "./center-region";
-import { NavRegion } from "./nav-region";
+import { isStandAloneGuest, isHost } from "../../utils/micro-frontend/index.js";
+import { LogoRegion } from "./logo-region/index.js";
+import { CenterRegion } from "./center-region/index.js";
+import { NavRegion } from "./nav-region/index.js";
 const HeaderContainer = styled.header`
   display: flex;
   height: 56px;

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

@@ -1,3 +1,4 @@
+import * as React from "react";
 import styled from "styled-components";
 import LogoImg from "./logo.svg";
 const LogoContainer = styled.div`

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

@@ -1,6 +1,7 @@
+import * as React from "react";
 import styled from "styled-components";
-import { Notification } from "./notification";
-import { User } from "./user";
+import { Notification } from "./notification/index.js";
+import { User } from "./user/index.js";
 const NavContainer = styled.nav`
   display: flex;
   margin: 0;

package/dist/es/view/header/nav-region/notification/index.js

@@ -1,3 +1,4 @@
+import * as React from "react";
 import NotificationIcon from "./index.svg";
 const Notification = () => /* @__PURE__ */ React.createElement("li", null, /* @__PURE__ */ React.createElement("a", {
   href: "#",

package/dist/es/view/header/nav-region/user/index.js

@@ -1,3 +1,4 @@
+import * as React from "react";
 import UserIcon from "./index.svg";
 const User = () => /* @__PURE__ */ React.createElement("li", null, /* @__PURE__ */ React.createElement("a", {
   href: "#",

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

@@ -1,5 +1,6 @@
+import * as React from "react";
 import { LiveMessage as AriaLiveMessage } from "react-aria-live";
-import { useAppSelector } from "../../data/react-redux";
+import { useAppSelector } from "../../data/react-redux.js";
 const LiveMessage = () => {
   const message = useAppSelector((state) => state.liveMessage?.message);
   const id = useAppSelector((state) => state.liveMessage?.id);

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

@@ -1,5 +1,6 @@
+import * as React from "react";
 import { lazy, Suspense } from "react";
-import { WaitMessageLauncher } from "../modals/wait-message/wait-message-launcher";
+import { WaitMessageLauncher } from "../modals/wait-message/wait-message-launcher.js";
 const loadable = (importFunc, fallback = /* @__PURE__ */ React.createElement(WaitMessageLauncher, null)) => {
   const LazyComponent = lazy(importFunc);
   return (props) => /* @__PURE__ */ React.createElement(Suspense, {

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

@@ -1,7 +1,8 @@
+import * as React from "react";
 import { useEffect } from "react";
-import { useAppDispatch } from "../../data/react-redux";
-import { login } from "../../utils/auth";
-import { LOGIN_SUCCESS } from "../../data/auth/actions";
+import { useAppDispatch } from "../../data/react-redux.js";
+import { login } from "../../utils/auth/index.js";
+import { LOGIN_SUCCESS } from "../../data/auth/actions.js";
 const Login = ({
   clientId,
   scope,