@elliemae/pui-app-sdk 4.9.0 → 4.10.0-beta.1

package/dist/cjs/data/middleware.js

@@ -0,0 +1,69 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var middleware_exports = {};
+__export(middleware_exports, {
+  addMiddleware: () => addMiddleware,
+  createDynamicMiddlewares: () => createDynamicMiddlewares,
+  default: () => middleware_default,
+  removeMiddleware: () => removeMiddleware,
+  resetMiddlewares: () => resetMiddlewares
+});
+module.exports = __toCommonJS(middleware_exports);
+var import_redux = require("redux");
+const createDynamicMiddlewares = () => {
+  let allDynamicMiddlewares = [];
+  let allApplyedDynamicMiddlewares = [];
+  let store;
+  const enhancer = (_store) => {
+    store = _store;
+    return (next) => (action) => (0, import_redux.compose)(...allApplyedDynamicMiddlewares)(next)(action);
+  };
+  const addMiddleware2 = (...middlewares) => {
+    allApplyedDynamicMiddlewares.push(
+      ...middlewares.map((middleware) => middleware(store))
+    );
+    allDynamicMiddlewares.push(...middlewares);
+  };
+  const removeMiddleware2 = (middleware) => {
+    const index = allDynamicMiddlewares.findIndex((d) => d === middleware);
+    if (index === -1) {
+      console.error("Middleware does not exist!", middleware);
+      return;
+    }
+    allDynamicMiddlewares = allDynamicMiddlewares.filter(
+      (_, mdwIndex) => mdwIndex !== index
+    );
+    allApplyedDynamicMiddlewares = allApplyedDynamicMiddlewares.filter(
+      (_, mdwIndex) => mdwIndex !== index
+    );
+  };
+  const resetMiddlewares2 = () => {
+    allApplyedDynamicMiddlewares = [];
+    allDynamicMiddlewares = [];
+  };
+  return {
+    enhancer,
+    addMiddleware: addMiddleware2,
+    removeMiddleware: removeMiddleware2,
+    resetMiddlewares: resetMiddlewares2
+  };
+};
+const dynamicMiddlewaresInstance = createDynamicMiddlewares();
+var middleware_default = dynamicMiddlewaresInstance.enhancer;
+const { addMiddleware, removeMiddleware, resetMiddlewares } = dynamicMiddlewaresInstance;

package/dist/cjs/data/redux-injectors.js

@@ -0,0 +1,37 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var redux_injectors_exports = {};
+__export(redux_injectors_exports, {
+  createManager: () => import_redux_injectors2.createManager,
+  useInjectReducer: () => useInjectReducer,
+  useInjectSaga: () => import_redux_injectors2.useInjectSaga
+});
+module.exports = __toCommonJS(redux_injectors_exports);
+var import_redux_injectors = require("redux-injectors");
+var import_middleware = require("./middleware.js");
+var import_redux_injectors2 = require("redux-injectors");
+const useInjectReducer = ({
+  key,
+  reducer,
+  middleware
+}) => {
+  (0, import_redux_injectors.useInjectReducer)({ key, reducer });
+  if (middleware)
+    (0, import_middleware.addMiddleware)(middleware);
+};

package/dist/cjs/data/store.js

@@ -34,10 +34,12 @@ __export(store_exports, {
 });
 module.exports = __toCommonJS(store_exports);
 var import_toolkit = require("@reduxjs/toolkit");
+var import_react = require("@reduxjs/toolkit/query/react");
 var import_redux_injectors = require("redux-injectors");
 var import_redux_saga = __toESM(require("redux-saga"));
 var import_reducers = require("./reducers.js");
 var import_webpack_hmr = require("./webpack-hmr.js");
+var import_middleware = __toESM(require("./middleware.js"));
 const rootReducer = (0, import_reducers.createReducer)();
 let appStore = null;
 const setStore = (store) => {
@@ -54,11 +56,15 @@ const createStore = (initialState, sagaMiddleware, history, middlewareConfig = {
   ];
   const baseStore = (0, import_toolkit.configureStore)({
     reducer: rootReducer,
-    middleware: (getDefaultMiddleware) => getDefaultMiddleware(middlewareConfig).concat(sagaMiddleware),
+    middleware: (getDefaultMiddleware) => getDefaultMiddleware(middlewareConfig).concat([
+      sagaMiddleware,
+      import_middleware.default
+    ]),
     devTools: true,
     preloadedState: initialState,
     enhancers
   });
+  (0, import_react.setupListeners)(baseStore.dispatch);
   (0, import_webpack_hmr.enableHotReloading)(baseStore);
   return baseStore;
 };

package/dist/cjs/index.js

@@ -136,7 +136,7 @@ var import_require_auth = require("./view/require-auth.js");
 var import_page = require("./view/page.js");
 var import_constants = __toESM(require("./utils/constants.js"));
 var import_react_redux = require("./data/react-redux.js");
-var import_redux_injectors = require("redux-injectors");
+var import_redux_injectors = require("./data/redux-injectors.js");
 var import_helper = require("./utils/auth/helper.js");
 var import_url = require("./utils/url.js");
 var import_store = require("./data/store.js");

package/dist/esm/data/middleware.js

@@ -0,0 +1,49 @@
+import { compose } from "redux";
+const createDynamicMiddlewares = () => {
+  let allDynamicMiddlewares = [];
+  let allApplyedDynamicMiddlewares = [];
+  let store;
+  const enhancer = (_store) => {
+    store = _store;
+    return (next) => (action) => compose(...allApplyedDynamicMiddlewares)(next)(action);
+  };
+  const addMiddleware2 = (...middlewares) => {
+    allApplyedDynamicMiddlewares.push(
+      ...middlewares.map((middleware) => middleware(store))
+    );
+    allDynamicMiddlewares.push(...middlewares);
+  };
+  const removeMiddleware2 = (middleware) => {
+    const index = allDynamicMiddlewares.findIndex((d) => d === middleware);
+    if (index === -1) {
+      console.error("Middleware does not exist!", middleware);
+      return;
+    }
+    allDynamicMiddlewares = allDynamicMiddlewares.filter(
+      (_, mdwIndex) => mdwIndex !== index
+    );
+    allApplyedDynamicMiddlewares = allApplyedDynamicMiddlewares.filter(
+      (_, mdwIndex) => mdwIndex !== index
+    );
+  };
+  const resetMiddlewares2 = () => {
+    allApplyedDynamicMiddlewares = [];
+    allDynamicMiddlewares = [];
+  };
+  return {
+    enhancer,
+    addMiddleware: addMiddleware2,
+    removeMiddleware: removeMiddleware2,
+    resetMiddlewares: resetMiddlewares2
+  };
+};
+const dynamicMiddlewaresInstance = createDynamicMiddlewares();
+var middleware_default = dynamicMiddlewaresInstance.enhancer;
+const { addMiddleware, removeMiddleware, resetMiddlewares } = dynamicMiddlewaresInstance;
+export {
+  addMiddleware,
+  createDynamicMiddlewares,
+  middleware_default as default,
+  removeMiddleware,
+  resetMiddlewares
+};

package/dist/esm/data/redux-injectors.js

@@ -0,0 +1,17 @@
+import { useInjectReducer as useOriginalInjectReducer } from "redux-injectors";
+import { addMiddleware } from "./middleware.js";
+const useInjectReducer = ({
+  key,
+  reducer,
+  middleware
+}) => {
+  useOriginalInjectReducer({ key, reducer });
+  if (middleware)
+    addMiddleware(middleware);
+};
+import { useInjectSaga, createManager } from "redux-injectors";
+export {
+  createManager,
+  useInjectReducer,
+  useInjectSaga
+};

package/dist/esm/data/store.js

@@ -1,10 +1,10 @@
 import { configureStore } from "@reduxjs/toolkit";
-import {
-  createInjectorsEnhancer
-} from "redux-injectors";
+import { setupListeners } from "@reduxjs/toolkit/query/react";
+import { createInjectorsEnhancer } from "redux-injectors";
 import createSagaMiddleware from "redux-saga";
 import { createReducer } from "./reducers.js";
 import { enableHotReloading } from "./webpack-hmr.js";
+import dynamicMiddleware from "./middleware.js";
 const rootReducer = createReducer();
 let appStore = null;
 const setStore = (store) => {
@@ -21,11 +21,15 @@ const createStore = (initialState, sagaMiddleware, history, middlewareConfig = {
   ];
   const baseStore = configureStore({
     reducer: rootReducer,
-    middleware: (getDefaultMiddleware) => getDefaultMiddleware(middlewareConfig).concat(sagaMiddleware),
+    middleware: (getDefaultMiddleware) => getDefaultMiddleware(middlewareConfig).concat([
+      sagaMiddleware,
+      dynamicMiddleware
+    ]),
     devTools: true,
     preloadedState: initialState,
     enhancers
   });
+  setupListeners(baseStore.dispatch);
   enableHotReloading(baseStore);
   return baseStore;
 };

package/dist/esm/index.js

@@ -13,7 +13,7 @@ import {
   useInjectReducer,
   useInjectSaga,
   createManager
-} from "redux-injectors";
+} from "./data/redux-injectors.js";
 import { getAuthorizationHeader } from "./utils/auth/helper.js";
 import { getRedirectUrl, removeDoubleSlash } from "./utils/url.js";
 import { createAppStore } from "./data/store.js";

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

@@ -0,0 +1,16 @@
+export default enhancer;
+export function addMiddleware(...middlewares: any[]): void;
+export function removeMiddleware(middleware: any): void;
+export function resetMiddlewares(): void;
+declare function enhancer(_store: any): (next: any) => (action: any) => any;
+declare namespace dynamicMiddlewaresInstance {
+    export { addMiddleware };
+    export { removeMiddleware };
+    export { resetMiddlewares };
+}
+export function createDynamicMiddlewares(): {
+    enhancer: (_store: any) => (next: any) => (action: any) => any;
+    addMiddleware: (...middlewares: any[]) => void;
+    removeMiddleware: (middleware: any) => void;
+    resetMiddlewares: () => void;
+};

package/dist/types/lib/data/redux-injectors.d.ts

@@ -0,0 +1,7 @@
+import { Middleware, Reducer } from 'redux';
+export declare const useInjectReducer: ({ key, reducer, middleware, }: {
+    key: string;
+    reducer: Reducer;
+    middleware?: Middleware<any, any, import("redux").Dispatch<import("redux").AnyAction>> | undefined;
+}) => void;
+export { useInjectSaga, createManager } from 'redux-injectors';

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

@@ -38,6 +38,6 @@ export declare const createAppStore: (initialState: import("redux").CombinedStat
     error: import("./error/index.js").ErrorState;
     breakpoint: import("./breakpoint/index.js").BreakpointState;
     liveMessage: import("./live-message/index.js").LiveMessageState;
-}>, import("redux").AnyAction, undefined>, import("redux-saga").SagaMiddleware<object>]>>;
+}>, import("redux").AnyAction, undefined>, ...(((_store: any) => (next: any) => (action: any) => any) | import("redux-saga").SagaMiddleware<object>)[]]>>;
 export type AppStore = ReturnType<typeof createAppStore>;
 export {};

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, createManager, } from 'redux-injectors';
+export { useInjectReducer, useInjectSaga, createManager, } from './data/redux-injectors.js';
 export { getAuthorizationHeader } from './utils/auth/helper.js';
 export { getRedirectUrl, removeDoubleSlash } from './utils/url.js';
 export { createAppStore as configureStore } from './data/store.js';

package/dist/types/lib/utils/testing/render-with-redux.d.ts

@@ -21,7 +21,7 @@ export declare const renderWithRedux: (ui: React.ReactElement, { initialState, s
         error: import("../../data/error/index.js").ErrorState;
         breakpoint: import("../../data/breakpoint/index.js").BreakpointState;
         liveMessage: import("../../data/live-message/index.js").LiveMessageState;
-    }>, import("redux").AnyAction, undefined>, import("redux-saga").SagaMiddleware<object>]>>;
+    }>, import("redux").AnyAction, undefined>, ...(((_store: any) => (next: any) => (action: any) => any) | import("redux-saga").SagaMiddleware<object>)[]]>>;
     container: HTMLElement;
     baseElement: HTMLElement;
     debug: (baseElement?: Element | DocumentFragment | (Element | DocumentFragment)[] | undefined, maxLength?: number | undefined, options?: import("pretty-format").PrettyFormatOptions | undefined) => void;

package/dist/types/lib/utils/testing/render-with-router-redux.d.ts

@@ -24,7 +24,7 @@ export declare const renderWithRouterRedux: (ui: React.ReactElement, { route, hi
         error: import("../../data/error/index.js").ErrorState;
         breakpoint: import("../../data/breakpoint/index.js").BreakpointState;
         liveMessage: import("../../data/live-message/index.js").LiveMessageState;
-    }>, import("redux").AnyAction, undefined>, import("redux-saga").SagaMiddleware<object>]>>;
+    }>, import("redux").AnyAction, undefined>, ...(((_store: any) => (next: any) => (action: any) => any) | import("redux-saga").SagaMiddleware<object>)[]]>>;
     container: HTMLElement;
     baseElement: HTMLElement;
     debug: (baseElement?: Element | DocumentFragment | (Element | DocumentFragment)[] | undefined, maxLength?: number | undefined, options?: import("pretty-format").PrettyFormatOptions | undefined) => void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/pui-app-sdk",
-  "version": "4.9.0",
+  "version": "4.10.0-beta.1",
   "description": "ICE MT UI Platform Application SDK ",
   "sideEffects": [
     "*.css",
@@ -112,49 +112,49 @@
   },
   "peerDependencies": {
     "@elliemae/app-react-dependencies": "^4.3.0",
-    "@elliemae/ds-basic": "^3.12.1",
-    "@elliemae/ds-button": "^3.12.1",
-    "@elliemae/ds-controlled-form": "^3.12.1",
-    "@elliemae/ds-date-picker": "^3.12.1",
-    "@elliemae/ds-date-range-picker": "^3.12.1",
-    "@elliemae/ds-dialog": "^3.12.1",
-    "@elliemae/ds-form": "^3.12.1",
-    "@elliemae/ds-form-layout-blocks": "^3.12.1",
-    "@elliemae/ds-grid": "^3.12.1",
-    "@elliemae/ds-loading-indicator": "^3.12.1",
-    "@elliemae/ds-modal": "^3.12.1",
-    "@elliemae/ds-popperjs": "^3.12.1",
-    "@elliemae/ds-toast": "^3.12.1",
+    "@elliemae/ds-basic": "^3.13.0",
+    "@elliemae/ds-button": "^3.13.0",
+    "@elliemae/ds-controlled-form": "^3.13.0",
+    "@elliemae/ds-date-picker": "^3.13.0",
+    "@elliemae/ds-date-range-picker": "^3.13.0",
+    "@elliemae/ds-dialog": "^3.13.0",
+    "@elliemae/ds-form": "^3.13.0",
+    "@elliemae/ds-form-layout-blocks": "^3.13.0",
+    "@elliemae/ds-grid": "^3.13.0",
+    "@elliemae/ds-loading-indicator": "^3.13.0",
+    "@elliemae/ds-modal": "^3.13.0",
+    "@elliemae/ds-popperjs": "^3.13.0",
+    "@elliemae/ds-toast": "^3.13.0",
     "@elliemae/em-ssf-guest": "^1.11.2",
     "@elliemae/pui-diagnostics": "^2.7.5",
     "@elliemae/pui-micro-frontend-base": "^1.14.0",
-    "@elliemae/pui-scripting-object": "^1.18.0",
+    "@elliemae/pui-scripting-object": "^1.18.1",
     "@elliemae/pui-theme": "^2.6.0",
     "@elliemae/pui-user-monitoring": "^1.18.1"
   },
   "devDependencies": {
     "@elliemae/app-react-dependencies": "~4.3.0",
     "@elliemae/browserslist-config-elliemae-latest-browsers": "~1.6.0",
-    "@elliemae/ds-basic": "~3.12.1",
-    "@elliemae/ds-button": "~3.12.1",
-    "@elliemae/ds-controlled-form": "~3.12.1",
-    "@elliemae/ds-date-picker": "~3.12.1",
-    "@elliemae/ds-date-range-picker": "~3.12.1",
-    "@elliemae/ds-dialog": "~3.12.1",
-    "@elliemae/ds-form": "~3.12.1",
-    "@elliemae/ds-form-layout-blocks": "~3.12.1",
-    "@elliemae/ds-grid": "~3.12.1",
-    "@elliemae/ds-loading-indicator": "~3.12.1",
-    "@elliemae/ds-modal": "~3.12.1",
-    "@elliemae/ds-popperjs": "~3.12.1",
-    "@elliemae/ds-toast": "~3.12.1",
+    "@elliemae/ds-basic": "~3.13.0",
+    "@elliemae/ds-button": "~3.13.0",
+    "@elliemae/ds-controlled-form": "~3.13.0",
+    "@elliemae/ds-date-picker": "~3.13.0",
+    "@elliemae/ds-date-range-picker": "~3.13.0",
+    "@elliemae/ds-dialog": "~3.13.0",
+    "@elliemae/ds-form": "~3.13.0",
+    "@elliemae/ds-form-layout-blocks": "~3.13.0",
+    "@elliemae/ds-grid": "~3.13.0",
+    "@elliemae/ds-loading-indicator": "~3.13.0",
+    "@elliemae/ds-modal": "~3.13.0",
+    "@elliemae/ds-popperjs": "~3.13.0",
+    "@elliemae/ds-toast": "~3.13.0",
     "@elliemae/em-ssf-guest": "~1.11.2",
-    "@elliemae/pui-cli": "~7.23.0",
+    "@elliemae/pui-cli": "~7.25.0",
     "@elliemae/pui-diagnostics": "~2.7.5",
     "@elliemae/pui-doc-gen": "~1.4.1",
     "@elliemae/pui-e2e-test-sdk": "~7.7.1",
     "@elliemae/pui-micro-frontend-base": "~1.14.0",
-    "@elliemae/pui-scripting-object": "~1.18.0",
+    "@elliemae/pui-scripting-object": "~1.18.1",
     "@elliemae/pui-theme": "~2.6.0",
     "@elliemae/pui-user-monitoring": "~1.18.1"
   }