@elliemae/pui-app-sdk 3.0.0 → 3.1.1

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

@@ -156,8 +156,9 @@ const authorize = async ({
     (0, import_appdynamics.setAppDynamicsUserData)({ instanceId, userId: userName });
     const data = await (0, import_users.getUser)({ userName });
     sessionStorage.setItem("userSettings", JSON.stringify(data));
-    import_history.browserHistory.push(`${new URL(redirectUri).pathname}/rerender`);
-    import_history.browserHistory.replace(new URL(redirectUri).pathname);
+    const pathName = new URL(redirectUri).pathname;
+    import_history.browserHistory.push(`${pathName.replace(/\/$/, "")}/_rerender`);
+    import_history.browserHistory.replace(pathName);
   } catch (err) {
     const code = err?.response?.data?.code;
     await endSession({ clientId, redirectUri, code, scope, responseType });

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

@@ -127,6 +127,7 @@ class CMicroAppGuest {
   }
   async init(options) {
     this.props = import_lodash.default.merge(this.props, options);
+    this.props.history = options?.history || this.props.history;
     if (!this.props.host) {
       const host = await this.getSSFHost();
       if (host)

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

@@ -31,6 +31,8 @@ __export(hosted_app_exports, {
 });
 var React = __toESM(require("react"));
 var import_styled_components = __toESM(require("styled-components"));
+var import_error_toast = require("../error-toast/index.js");
+var import_wait_message = require("../modals/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("../modals/wait-message/use-html-wait-message.js");
@@ -38,10 +40,10 @@ var import_style = __toESM(require("./style.js"));
 const Div = import_styled_components.default.div`
   height: 100%;
 `;
-const HostedApp = ({ children }) => {
+const HostedApp = ({ WaitMessage, children }) => {
   (0, import_use_breakpoint.useBreakpoint)();
   (0, import_use_html_wait_message.useHTMLWaitMessage)(true);
   (0, import_use_window_size_change.useWindowSizeChange)();
-  return /* @__PURE__ */ React.createElement(Div, null, /* @__PURE__ */ React.createElement(import_style.default, null), children);
+  return /* @__PURE__ */ React.createElement(Div, null, /* @__PURE__ */ React.createElement(import_style.default, null), WaitMessage || /* @__PURE__ */ React.createElement(import_wait_message.WaitMessage, null), /* @__PURE__ */ React.createElement(import_error_toast.ErrorToast, null), children);
 };
 module.exports = __toCommonJS(hosted_app_exports);

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

@@ -47,17 +47,12 @@ var React = __toESM(require("react"));
 var import_react_redux = require("react-redux");
 var import_styled_components = require("styled-components");
 var import_pui_theme = require("@elliemae/pui-theme");
-var import_redux_injectors = require("redux-injectors");
 var import_app_router = require("../app-router.js");
 var import_micro_frontend = require("../../utils/micro-frontend/index.js");
-var import_wait_message = require("../../sideeffect/wait-message/index.js");
-var import_error_toast = require("../../sideeffect/error-toast/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");
 const AppToRender = (props) => {
-  (0, import_redux_injectors.useInjectSaga)({ key: "waitMessage", saga: import_wait_message.waitMessage });
-  (0, import_redux_injectors.useInjectSaga)({ key: "errorToast", saga: import_error_toast.errorToast });
   const isParent = (0, import_micro_frontend.isStandAloneGuest)() || (0, import_micro_frontend.isHost)();
   return isParent ? /* @__PURE__ */ React.createElement(import_stand_alone_app.StandAloneApp, __spreadValues({}, props)) : /* @__PURE__ */ React.createElement(import_hosted_app.HostedApp, __spreadValues({}, props));
 };

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

@@ -131,8 +131,9 @@ const authorize = async ({
     setAppDynamicsUserData({ instanceId, userId: userName });
     const data = await getUser({ userName });
     sessionStorage.setItem("userSettings", JSON.stringify(data));
-    history.push(`${new URL(redirectUri).pathname}/rerender`);
-    history.replace(new URL(redirectUri).pathname);
+    const pathName = new URL(redirectUri).pathname;
+    history.push(`${pathName.replace(/\/$/, "")}/_rerender`);
+    history.replace(pathName);
   } catch (err) {
     const code = err?.response?.data?.code;
     await endSession({ clientId, redirectUri, code, scope, responseType });

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

@@ -96,6 +96,7 @@ class CMicroAppGuest {
   }
   async init(options) {
     this.props = _.merge(this.props, options);
+    this.props.history = options?.history || this.props.history;
     if (!this.props.host) {
       const host = await this.getSSFHost();
       if (host)

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

@@ -1,5 +1,7 @@
 import * as React from "react";
 import styled from "styled-components";
+import { ErrorToast } from "../error-toast/index.js";
+import { WaitMessage as DefaultWaitMessage } from "../modals/wait-message/index.js";
 import { useBreakpoint } from "../breakpoint/use-breakpoint.js";
 import { useWindowSizeChange } from "../use-window-size-change.js";
 import { useHTMLWaitMessage } from "../modals/wait-message/use-html-wait-message.js";
@@ -7,11 +9,11 @@ import GlobalStyle from "./style.js";
 const Div = styled.div`
   height: 100%;
 `;
-const HostedApp = ({ children }) => {
+const HostedApp = ({ WaitMessage, children }) => {
   useBreakpoint();
   useHTMLWaitMessage(true);
   useWindowSizeChange();
-  return /* @__PURE__ */ React.createElement(Div, null, /* @__PURE__ */ React.createElement(GlobalStyle, null), children);
+  return /* @__PURE__ */ React.createElement(Div, null, /* @__PURE__ */ React.createElement(GlobalStyle, null), WaitMessage || /* @__PURE__ */ React.createElement(DefaultWaitMessage, null), /* @__PURE__ */ React.createElement(ErrorToast, null), children);
 };
 export {
   HostedApp

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

@@ -18,17 +18,12 @@ import * as React from "react";
 import { Provider } from "react-redux";
 import { ThemeProvider } from "styled-components";
 import { getDefaultTheme } from "@elliemae/pui-theme";
-import { useInjectSaga } from "redux-injectors";
 import { AppRouter } from "../app-router.js";
 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 });
   const isParent = isStandAloneGuest() || isHost();
   return isParent ? /* @__PURE__ */ React.createElement(StandAloneApp, __spreadValues({}, props)) : /* @__PURE__ */ React.createElement(HostedApp, __spreadValues({}, props));
 };

package/dist/types/view/app-root/hosted-app.d.ts

@@ -1,6 +1,7 @@
 /// <reference types="react" />
 declare type HostedAppProps = {
+    WaitMessage: React.ReactNode;
     children: React.ReactNode;
 };
-export declare const HostedApp: ({ children }: HostedAppProps) => JSX.Element;
+export declare const HostedApp: ({ WaitMessage, children }: HostedAppProps) => JSX.Element;
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/pui-app-sdk",
-  "version": "3.0.0",
+  "version": "3.1.1",
   "description": "ICE MT UI Platform Application SDK ",
   "sideEffects": [
     "*.css",
@@ -103,20 +103,20 @@
     "indent": 4
   },
   "peerDependencies": {
-    "@elliemae/app-react-dependencies": "^3.0.0",
-    "@elliemae/ds-basic": "^2.2.5",
-    "@elliemae/ds-button": "^2.2.5",
-    "@elliemae/ds-controlled-form": "^2.2.5",
-    "@elliemae/ds-date-picker": "^2.2.5",
-    "@elliemae/ds-date-range-picker": "^2.2.5",
-    "@elliemae/ds-dialog": "^2.2.5",
-    "@elliemae/ds-form": "^2.2.5",
-    "@elliemae/ds-form-layout-blocks": "^2.2.5",
-    "@elliemae/ds-grid": "^2.2.5",
-    "@elliemae/ds-loading-indicator": "^2.2.5",
-    "@elliemae/ds-modal": "^2.2.5",
-    "@elliemae/ds-popperjs": "^2.2.5",
-    "@elliemae/ds-toast": "^2.2.5",
+    "@elliemae/app-react-dependencies": "^3.1.0",
+    "@elliemae/ds-basic": "^2.3.2",
+    "@elliemae/ds-button": "^2.3.2",
+    "@elliemae/ds-controlled-form": "^2.3.2",
+    "@elliemae/ds-date-picker": "^2.3.2",
+    "@elliemae/ds-date-range-picker": "^2.3.2",
+    "@elliemae/ds-dialog": "^2.3.2",
+    "@elliemae/ds-form": "^2.3.2",
+    "@elliemae/ds-form-layout-blocks": "^2.3.2",
+    "@elliemae/ds-grid": "^2.3.2",
+    "@elliemae/ds-loading-indicator": "^2.3.2",
+    "@elliemae/ds-modal": "^2.3.2",
+    "@elliemae/ds-popperjs": "^2.3.2",
+    "@elliemae/ds-toast": "^2.3.2",
     "@elliemae/em-ssf-guest": "^1.11.1",
     "@elliemae/pui-diagnostics": "^2.7.3",
     "@elliemae/pui-micro-frontend-base": "^1.10.1",
@@ -124,25 +124,25 @@
     "@elliemae/pui-user-monitoring": "^1.13.0"
   },
   "devDependencies": {
-    "@elliemae/app-react-dependencies": "~3.0.0",
+    "@elliemae/app-react-dependencies": "~3.1.0",
     "@elliemae/browserslist-config-elliemae-latest-browsers": "~1.3.0",
-    "@elliemae/ds-basic": "~2.2.5",
-    "@elliemae/ds-button": "~2.2.5",
-    "@elliemae/ds-controlled-form": "~2.2.5",
-    "@elliemae/ds-date-picker": "~2.2.5",
-    "@elliemae/ds-date-range-picker": "~2.2.5",
-    "@elliemae/ds-dialog": "~2.2.5",
-    "@elliemae/ds-form": "~2.2.5",
-    "@elliemae/ds-form-layout-blocks": "~2.2.5",
-    "@elliemae/ds-grid": "~2.2.5",
-    "@elliemae/ds-loading-indicator": "~2.2.5",
-    "@elliemae/ds-modal": "~2.2.5",
-    "@elliemae/ds-popperjs": "~2.2.5",
-    "@elliemae/ds-toast": "~2.2.5",
+    "@elliemae/ds-basic": "~2.3.2",
+    "@elliemae/ds-button": "~2.3.2",
+    "@elliemae/ds-controlled-form": "~2.3.2",
+    "@elliemae/ds-date-picker": "~2.3.2",
+    "@elliemae/ds-date-range-picker": "~2.3.2",
+    "@elliemae/ds-dialog": "~2.3.2",
+    "@elliemae/ds-form": "~2.3.2",
+    "@elliemae/ds-form-layout-blocks": "~2.3.2",
+    "@elliemae/ds-grid": "~2.3.2",
+    "@elliemae/ds-loading-indicator": "~2.3.2",
+    "@elliemae/ds-modal": "~2.3.2",
+    "@elliemae/ds-popperjs": "~2.3.2",
+    "@elliemae/ds-toast": "~2.3.2",
     "@elliemae/em-ssf-guest": "~1.11.1",
-    "@elliemae/pui-cli": "~6.0.0",
+    "@elliemae/pui-cli": "~6.2.0",
     "@elliemae/pui-diagnostics": "~2.7.3",
-    "@elliemae/pui-e2e-test-sdk": "~6.10.0",
+    "@elliemae/pui-e2e-test-sdk": "~6.10.1",
     "@elliemae/pui-micro-frontend-base": "~1.10.1",
     "@elliemae/pui-theme": "~2.3.0",
     "@elliemae/pui-user-monitoring": "~1.13.0"

package/dist/cjs/typings/styled.d.js

@@ -1 +0,0 @@
-var import_styled_components = require("styled-components");

package/dist/esm/typings/styled.d.js

@@ -1 +0,0 @@
-import "styled-components";