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

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,17 +12,26 @@ 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
-  }, children);
+  return /* @__PURE__ */ jsx(AuthManager, {
+    children: /* @__PURE__ */ jsx(Login, {
+      clientId,
+      scope,
+      responseType,
+      children
+    })
+  });
 };
 export {
   RequireAuth

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,4 +1,4 @@
-import * as React from "react";
+import { jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
 import styled from "styled-components";
 const Span = styled.span`
@@ -13,10 +13,12 @@ const Span = styled.span`
   white-space: nowrap;
   word-wrap: normal;
 `;
-const VisuallyHidden = forwardRef((props, ref) => /* @__PURE__ */ React.createElement(Span, {
-  ref,
-  ...props
-}));
+const VisuallyHidden = forwardRef(
+  (props, ref) => /* @__PURE__ */ jsx(Span, {
+    ref,
+    ...props
+  })
+);
 export {
   VisuallyHidden
 };

package/dist/types/lib/data/index.d.ts

@@ -1,4 +1,4 @@
-export { useInjectReducer, useInjectSaga } from 'redux-injectors';
+export { useInjectReducer, useInjectSaga, createManager, } from 'redux-injectors';
 export { useAppDispatch, useAppSelector } from './react-redux.js';
 export { createAppStore as configureStore, getStore } from './store.js';
 export type { RootState, AppStore } from './store.js';

package/dist/types/lib/index.d.ts

@@ -6,7 +6,7 @@ export { RequireAuth } from './view/require-auth.js';
 export { Page } from './view/page.js';
 export { default as globalConstants } from './utils/constants.js';
 export { useAppDispatch, useAppSelector } from './data/react-redux.js';
-export { useInjectReducer, useInjectSaga } from 'redux-injectors';
+export { useInjectReducer, useInjectSaga, createManager, } from 'redux-injectors';
 export { getAuthorizationHeader } from './utils/auth/helper.js';
 export { getRedirectUrl, removeDoubleSlash } from './utils/url.js';
 export { createAppStore as configureStore } from './data/store.js';
@@ -78,5 +78,5 @@ export type { EMUI } from './utils/window.js';
 export type { Await } from './utils/await.js';
 export type { RootState, AppStore } from './data/store.js';
 export type { AppConfig } from './utils/app-config/config.js';
-export type { OnInitCallback, OnMountCallback, } from './utils/micro-frontend/guest.js';
+export type { OnInitCallback, OnMountCallback, OnUnMountCallback, } from './utils/micro-frontend/guest.js';
 export type { OnInitCallback as OnHostInitCallback } from './utils/micro-frontend/host.js';

package/dist/types/lib/utils/app-config/config.d.ts

@@ -1,6 +1,6 @@
 interface ServiceEndpoints {
-    api: string;
-    idp: string;
+    api?: string;
+    idp?: string;
     logger: string;
 }
 interface Env {
@@ -8,13 +8,11 @@ interface Env {
 }
 export interface AppConfig {
     appId: string;
-    brand: string;
+    brand?: string;
     activeEnv: string;
-    hosted: boolean;
-    sessionTimeoutWarnInterval: string;
-    sessionTimeoutInterval: string;
+    sessionTimeoutWarnInterval?: string;
+    sessionTimeoutInterval?: string;
     serviceEndpoints: ServiceEndpoints;
-    walkMeUrl: string;
     env: {
         [key: string]: Env;
     };

package/dist/types/lib/utils/app-config/index.d.ts

@@ -1 +1 @@
-export declare const loadAppConfig: (hostUrl?: string) => Promise<void>;
+export declare const loadAppConfig: (assetPath?: string) => Promise<void>;

package/dist/types/lib/utils/micro-frontend/host.d.ts

@@ -1,6 +1,6 @@
-import { IMicroAppHost, ResizeEventHandler, BreakpointChangeEventHandler, SubscriptionListener, BAEvent } from '@elliemae/pui-micro-frontend-base';
 import { History, To } from 'history';
 import { DefaultTheme } from 'styled-components';
+import { IMicroAppHost, ResizeEventHandler, BreakpointChangeEventHandler, SubscriptionListener, BAEvent } from '@elliemae/pui-micro-frontend-base';
 import { MicroFrontEndLogger } from './console-logger.js';
 declare type HostOptions = {
     systemVersion: string;

package/dist/types/lib/utils/window.d.ts

@@ -4,6 +4,8 @@ import { Logger } from '@elliemae/pui-diagnostics';
 export declare type EMUI = {
     [key: string]: IMicroAppGuest;
 } & {
+    _BASE_PATH: string;
+    _ASSET_PATH: string;
     version: string;
     MicroAppHost?: IMicroAppHost;
     logger?: Logger;
@@ -21,3 +23,4 @@ export declare const getViewportSize: () => {
     height: number;
 };
 export declare const getCurrentBreakpoint: () => BreakPoint;
+export declare const getAssetPath: () => string;

package/dist/types/lib/view/error-boundary/default-error-template.d.ts

@@ -5,4 +5,4 @@ export interface ErrorTemplateProps {
         componentStack: string;
     } | null;
 }
-export declare const DefaultErrorTemplate: (props: ErrorTemplateProps) => JSX.Element;
+export declare const DefaultErrorTemplate: ({ error, errorInfo, }: ErrorTemplateProps) => JSX.Element;

package/dist/types/lib/view/error-boundary/index.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
 interface ErrorBoundaryProps {
+    children?: React.ReactNode;
     errorTemplate?: React.ComponentType;
 }
 export declare class ErrorBoundary extends React.Component<ErrorBoundaryProps> {
@@ -7,6 +8,6 @@ export declare class ErrorBoundary extends React.Component<ErrorBoundaryProps> {
     componentDidCatch(error: Error, errorInfo: {
         componentStack: string;
     }): void;
-    render(): React.ReactNode;
+    render(): string | number | boolean | React.ReactFragment | JSX.Element | null | undefined;
 }
 export {};

package/dist/types/lib/view/fields/form-item-layout/index.d.ts

@@ -2,7 +2,7 @@
 export declare type FormItemLayoutProps = {
     name: string;
     floatingLabel?: boolean;
-    inputComponent: React.ReactNode;
+    inputComponent: React.ComponentType<any>;
     labelText?: string;
     [x: string]: any;
 };

package/dist/types/lib/view/micro-app/resources/script.d.ts

@@ -1,6 +1,6 @@
 import { MicroAppConfig } from '../../../utils/micro-frontend/types.js';
 export declare const APP_SCRIPT_ID_PREFIX = "emui-script-";
-export declare const addScriptToDOM: ({ name, hostUrl, documentEle }: MicroAppConfig, fileName: string, index: number) => Promise<string>;
+export declare const addScriptToDOM: ({ name, hostUrl, documentEle, manifestPath }: MicroAppConfig, fileName: string, index: number) => Promise<string>;
 export declare const removeScriptFromDOM: (elementId?: string, documentEle?: Document) => Promise<void>;
 export declare const removeDynamicImportedScripts: (hostUrl: string, documentEle: HTMLDocument) => void;
 export declare const removePrefetchLinks: (hostUrl: string, documentEle: HTMLDocument) => void;

package/dist/types/lib/view/micro-app/resources/style.d.ts

@@ -1,5 +1,5 @@
 import { MicroAppConfig } from '../../../utils/micro-frontend/types.js';
 export declare const APP_STYLE_ID_PREFIX = "emui-style-";
-export declare const addStylesToDOM: ({ name, hostUrl, documentEle }: MicroAppConfig, fileName: string, index: number) => Promise<string>;
+export declare const addStylesToDOM: ({ name, hostUrl, documentEle, manifestPath }: MicroAppConfig, fileName: string, index: number) => Promise<string>;
 export declare const removeStyleFromDOM: (elementId?: string, documentEle?: Document) => Promise<void>;
-export declare const removeDynamicImportedStyles: (hostUrl: string, documentEle: HTMLDocument) => void;
+export declare const removeDynamicImportedStyles: (hostUrl: string, documentEle: Document) => void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/pui-app-sdk",
-  "version": "3.15.0",
+  "version": "4.0.0-alpha.10",
   "description": "ICE MT UI Platform Application SDK ",
   "sideEffects": [
     "*.css",
@@ -11,7 +11,7 @@
   "types": "./dist/types/lib/index.d.ts",
   "exports": {
     ".": {
-      "types": "./dist/types/index.d.ts",
+      "types": "./dist/types/lib/index.d.ts",
       "import": "./dist/esm/index.js",
       "require": "./dist/cjs/index.js"
     },
@@ -20,32 +20,32 @@
       "require": "./dist/cjs/utils/storybook/*.js"
     },
     "./auth": {
-      "types": "./dist/types/utils/auth/index.d.ts",
+      "types": "./dist/types/lib/utils/auth/index.d.ts",
       "import": "./dist/esm/utils/auth/index.js",
       "require": "./dist/cjs/utils/auth/index.js"
     },
     "./app-config": {
-      "types": "./dist/types/utils/app-config/index.d.ts",
+      "types": "./dist/types/lib/utils/app-config/index.d.ts",
       "import": "./dist/esm/utils/app-config/index.js",
       "require": "./dist/cjs/utils/app-config/index.js"
     },
     "./http-client": {
-      "types": "./dist/types/communication/http-client/index.d.ts",
+      "types": "./dist/types/lib/communication/http-client/index.d.ts",
       "import": "./dist/esm/communication/http-client/index.js",
       "require": "./dist/cjs/communication/http-client/index.js"
     },
     "./analytics": {
-      "types": "./dist/types/analytics/index.d.ts",
+      "types": "./dist/types/lib/analytics/index.d.ts",
       "import": "./dist/esm/analytics/index.js",
       "require": "./dist/cjs/analytics/index.js"
     },
     "./data": {
-      "types": "./dist/types/data/index.d.ts",
+      "types": "./dist/types/lib/data/index.d.ts",
       "import": "./dist/esm/data/index.js",
       "require": "./dist/cjs/data/index.js"
     },
     "./micro-frontend": {
-      "types": "./dist/types/micro-frontend.d.ts",
+      "types": "./dist/types/lib/micro-frontend.d.ts",
       "import": "./dist/esm/micro-frontend.js",
       "require": "./dist/cjs/micro-frontend.js"
     }
@@ -91,8 +91,11 @@
     "setup": "rimraf -r node_modules && rimraf pnpm-lock.yaml && pnpm i",
     "test": "pui-cli test -p",
     "test:fix": "pui-cli test -f",
-    "test:watch": "pui-cli test -w",
+    "test:watch": "jest --watch",
+    "test:debug": "pui-cli test --debug",
     "test:staged": "jest --coverage --passWithNoTests --bail --findRelatedTests",
+    "tscheck": "pui-cli tscheck --files",
+    "vitest": "pui-cli vitest",
     "upgrade": "ncu -u && npm run setup",
     "prepare": "[ -n \"$CI\" ] || husky install"
   },
@@ -103,50 +106,50 @@
     "indent": 4
   },
   "peerDependencies": {
-    "@elliemae/app-react-dependencies": "^3.8.0",
-    "@elliemae/ds-basic": "^3.4.2",
-    "@elliemae/ds-button": "^3.4.2",
-    "@elliemae/ds-controlled-form": "^3.4.2",
-    "@elliemae/ds-date-picker": "^3.4.2",
-    "@elliemae/ds-date-range-picker": "^3.4.2",
-    "@elliemae/ds-dialog": "^3.4.2",
-    "@elliemae/ds-form": "^3.4.2",
-    "@elliemae/ds-form-layout-blocks": "^3.4.2",
-    "@elliemae/ds-grid": "^3.4.2",
-    "@elliemae/ds-loading-indicator": "^3.4.2",
-    "@elliemae/ds-modal": "^3.4.2",
-    "@elliemae/ds-popperjs": "^3.4.2",
-    "@elliemae/ds-toast": "^3.4.2",
+    "@elliemae/app-react-dependencies": "^4.0.0-beta.5",
+    "@elliemae/ds-basic": "^3.4.4",
+    "@elliemae/ds-button": "^3.4.4",
+    "@elliemae/ds-controlled-form": "^3.4.4",
+    "@elliemae/ds-date-picker": "^3.4.4",
+    "@elliemae/ds-date-range-picker": "^3.4.4",
+    "@elliemae/ds-dialog": "^3.4.4",
+    "@elliemae/ds-form": "^3.4.4",
+    "@elliemae/ds-form-layout-blocks": "^3.4.4",
+    "@elliemae/ds-grid": "^3.4.4",
+    "@elliemae/ds-loading-indicator": "^3.4.4",
+    "@elliemae/ds-modal": "^3.4.4",
+    "@elliemae/ds-popperjs": "^3.4.4",
+    "@elliemae/ds-toast": "^3.4.4",
     "@elliemae/em-ssf-guest": "^1.11.2",
     "@elliemae/pui-diagnostics": "^2.7.4",
     "@elliemae/pui-micro-frontend-base": "^1.13.0",
     "@elliemae/pui-scripting-object": "^1.0.2",
     "@elliemae/pui-theme": "^2.6.0",
-    "@elliemae/pui-user-monitoring": "^1.15.1"
+    "@elliemae/pui-user-monitoring": "^1.16.0"
   },
   "devDependencies": {
-    "@elliemae/app-react-dependencies": "~3.8.0",
+    "@elliemae/app-react-dependencies": "4.0.0-beta.5",
     "@elliemae/browserslist-config-elliemae-latest-browsers": "~1.4.2",
-    "@elliemae/ds-basic": "~3.4.2",
-    "@elliemae/ds-button": "~3.4.2",
-    "@elliemae/ds-controlled-form": "~3.4.2",
-    "@elliemae/ds-date-picker": "~3.4.2",
-    "@elliemae/ds-date-range-picker": "~3.4.2",
-    "@elliemae/ds-dialog": "~3.4.2",
-    "@elliemae/ds-form": "~3.4.2",
-    "@elliemae/ds-form-layout-blocks": "~3.4.2",
-    "@elliemae/ds-grid": "~3.4.2",
-    "@elliemae/ds-loading-indicator": "~3.4.2",
-    "@elliemae/ds-modal": "~3.4.2",
-    "@elliemae/ds-popperjs": "~3.4.2",
-    "@elliemae/ds-toast": "~3.4.2",
+    "@elliemae/ds-basic": "~3.4.4",
+    "@elliemae/ds-button": "~3.4.4",
+    "@elliemae/ds-controlled-form": "~3.4.4",
+    "@elliemae/ds-date-picker": "~3.4.4",
+    "@elliemae/ds-date-range-picker": "~3.4.4",
+    "@elliemae/ds-dialog": "~3.4.4",
+    "@elliemae/ds-form": "~3.4.4",
+    "@elliemae/ds-form-layout-blocks": "~3.4.4",
+    "@elliemae/ds-grid": "~3.4.4",
+    "@elliemae/ds-loading-indicator": "~3.4.4",
+    "@elliemae/ds-modal": "~3.4.4",
+    "@elliemae/ds-popperjs": "~3.4.4",
+    "@elliemae/ds-toast": "~3.4.4",
     "@elliemae/em-ssf-guest": "~1.11.2",
-    "@elliemae/pui-cli": "~6.22.0",
+    "@elliemae/pui-cli": "7.0.0-alpha.35",
     "@elliemae/pui-diagnostics": "~2.7.4",
-    "@elliemae/pui-e2e-test-sdk": "~7.3.4",
+    "@elliemae/pui-e2e-test-sdk": "~7.4.0",
     "@elliemae/pui-micro-frontend-base": "~1.13.0",
     "@elliemae/pui-scripting-object": "~1.0.2",
-    "@elliemae/pui-theme": "2.6.0",
-    "@elliemae/pui-user-monitoring": "~1.15.1"
+    "@elliemae/pui-theme": "~2.6.0",
+    "@elliemae/pui-user-monitoring": "~1.16.0"
   }
 }