@elliemae/pui-app-sdk 2.17.1 → 3.0.0-beta.10

package/dist/cjs/utils/session.js

@@ -1,125 +1,119 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  __markAsModule(target);
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && key !== "default")
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toModule = (module2) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+__export(exports, {
+  initSessionMonitoring: () => initSessionMonitoring,
+  resetUserIdleTime: () => resetUserIdleTime,
+  stopSessionMonitoring: () => stopSessionMonitoring,
+  subscribeToResetSession: () => subscribeToResetSession,
+  subscribeToSessionExpiry: () => subscribeToSessionExpiry,
+  subscribeToSessionExpiryWarning: () => subscribeToSessionExpiryWarning,
+  trackActivity: () => trackActivity
 });
-exports.trackActivity = exports.subscribeToSessionExpiryWarning = exports.subscribeToSessionExpiry = exports.subscribeToResetSession = exports.stopSessionMonitoring = exports.resetUserIdleTime = exports.initSessionMonitoring = void 0;
-
-var _throttle2 = _interopRequireDefault(require("lodash/throttle"));
-
-var _config = require("./app-config/config.js");
-
-var _constants = require("./constants.js");
-
-const THROTTLING_TIME = 6000;
+var import_lodash = __toModule(require("lodash"));
+var import_config = __toModule(require("./app-config/config.js"));
+var import_constants = __toModule(require("./constants.js"));
+const THROTTLING_TIME = 6e3;
 let lastUserActivityTimeStamp = Date.now();
 const warnListeners = [];
 const expiryListeners = [];
 const resetListeners = [];
-const userInteractionEvents = ['click', 'scroll', 'keypress', 'touchstart'];
+const userInteractionEvents = ["click", "scroll", "keypress", "touchstart"];
 let sessionExpiryWarningNotified = false;
 let timerHandle;
 let sessionExpiryWarningNotifiedAt;
-
 const resetUserIdleTime = () => {
   sessionExpiryWarningNotified = false;
   sessionExpiryWarningNotifiedAt = null;
   lastUserActivityTimeStamp = Date.now();
   Promise.resolve().then(() => {
-    resetListeners.forEach(listener => listener());
-  }).catch(() => {});
+    resetListeners.forEach((listener) => listener());
+  }).catch(() => {
+  });
 };
-
-exports.resetUserIdleTime = resetUserIdleTime;
-const throttledResetUserIdleTime = (0, _throttle2.default)(resetUserIdleTime, THROTTLING_TIME, {
-  leading: true
-});
-
-const isPastWarningTime = (warnInterval = (0, _config.getAppConfigValue)('sessionTimeoutWarnInterval') || _constants.SESSION_TIMEOUT_INTERVAL.WARN) => Date.now() - lastUserActivityTimeStamp > warnInterval;
-
-const isPastSessionTimeoutTime = (sessionTimeout = (0, _config.getAppConfigValue)('sessionTimeoutInterval') || _constants.SESSION_TIMEOUT_INTERVAL.EXPIRY) => Date.now() - lastUserActivityTimeStamp > sessionTimeout;
-
+const throttledResetUserIdleTime = (0, import_lodash.throttle)(resetUserIdleTime, THROTTLING_TIME, { leading: true });
+const isPastWarningTime = (warnInterval = (0, import_config.getAppConfigValue)("sessionTimeoutWarnInterval") || import_constants.SESSION_TIMEOUT_INTERVAL.WARN) => Date.now() - lastUserActivityTimeStamp > warnInterval;
+const isPastSessionTimeoutTime = (sessionTimeout = (0, import_config.getAppConfigValue)("sessionTimeoutInterval") || import_constants.SESSION_TIMEOUT_INTERVAL.EXPIRY) => Date.now() - lastUserActivityTimeStamp > sessionTimeout;
 const notifySessionExpiryWarning = () => {
   sessionExpiryWarningNotified = true;
   sessionExpiryWarningNotifiedAt = Date.now();
   Promise.resolve().then(() => {
-    warnListeners.forEach(listener => listener(sessionExpiryWarningNotifiedAt));
-  }).catch(() => {});
+    warnListeners.forEach((listener) => listener(sessionExpiryWarningNotifiedAt));
+  }).catch(() => {
+  });
 };
-
 const notifySessionExpiry = () => Promise.resolve().then(() => {
-  expiryListeners.forEach(listener => listener());
+  expiryListeners.forEach((listener) => listener());
 });
-
 const stopSessionMonitoring = () => {
-  userInteractionEvents.forEach(eventType => {
+  userInteractionEvents.forEach((eventType) => {
     document.removeEventListener(eventType, throttledResetUserIdleTime);
   });
   clearInterval(timerHandle);
   warnListeners.length = 0;
   expiryListeners.length = 0;
 };
-
-exports.stopSessionMonitoring = stopSessionMonitoring;
-
 const monitorSessionEvents = () => {
   if (isPastSessionTimeoutTime()) {
     notifySessionExpiry().then(() => {
       stopSessionMonitoring();
-    }).catch(() => {});
-  } else if (!sessionExpiryWarningNotified && isPastWarningTime()) notifySessionExpiryWarning();
+    }).catch(() => {
+    });
+  } else if (!sessionExpiryWarningNotified && isPastWarningTime())
+    notifySessionExpiryWarning();
 };
-
 const removeListeners = (arr, cb) => {
-  const idx = arr.findIndex(r => r === cb);
-
+  const idx = arr.findIndex((r) => r === cb);
   if (idx > -1) {
     arr.splice(idx, 1);
   }
 };
-
 const initSessionMonitoring = () => {
-  userInteractionEvents.forEach(eventType => {
+  userInteractionEvents.forEach((eventType) => {
     document.addEventListener(eventType, throttledResetUserIdleTime);
   });
-  timerHandle = setInterval(monitorSessionEvents, 1000); // 1 min
+  timerHandle = setInterval(monitorSessionEvents, 1e3);
 };
-
-exports.initSessionMonitoring = initSessionMonitoring;
-
-const subscribeToSessionExpiryWarning = onSessionExpiryWarn => {
+const subscribeToSessionExpiryWarning = (onSessionExpiryWarn) => {
   warnListeners.push(onSessionExpiryWarn);
   return removeListeners.bind(null, warnListeners, onSessionExpiryWarn);
 };
-
-exports.subscribeToSessionExpiryWarning = subscribeToSessionExpiryWarning;
-
-const subscribeToSessionExpiry = onSessionExpiry => {
+const subscribeToSessionExpiry = (onSessionExpiry) => {
   expiryListeners.push(onSessionExpiry);
   return removeListeners.bind(null, expiryListeners, onSessionExpiry);
 };
-
-exports.subscribeToSessionExpiry = subscribeToSessionExpiry;
-
-const subscribeToResetSession = onResetListener => {
+const subscribeToResetSession = (onResetListener) => {
   resetListeners.push(onResetListener);
   return removeListeners.bind(null, resetListeners, onResetListener);
 };
-
-exports.subscribeToResetSession = subscribeToResetSession;
-
 const trackActivity = (element, cb) => {
-  if (!element) return () => {};
-  const thorttledCb = (0, _throttle2.default)(cb, THROTTLING_TIME, {
-    leading: true
-  });
-  userInteractionEvents.forEach(r => element.addEventListener(r, thorttledCb));
+  if (!element)
+    return () => {
+    };
+  const thorttledCb = (0, import_lodash.throttle)(cb, THROTTLING_TIME, { leading: true });
+  userInteractionEvents.forEach((r) => element.addEventListener(r, thorttledCb));
   return () => {
-    userInteractionEvents.forEach(r => element.removeEventListener(r, cb));
-    userInteractionEvents.forEach(r => element.removeEventListener(r, thorttledCb));
+    userInteractionEvents.forEach((r) => element.removeEventListener(r, cb));
+    userInteractionEvents.forEach((r) => element.removeEventListener(r, thorttledCb));
   };
 };
-
-exports.trackActivity = trackActivity;

package/dist/cjs/utils/storybook/cjs/main.js

@@ -0,0 +1,53 @@
+const { mergeWith, isArray } = require("lodash");
+const webpackConfig = require("./webpack.js");
+const viteConfig = require("./vite.js");
+const customizer = (objValue, srcValue) => {
+  if (isArray(objValue)) {
+    return objValue.concat(srcValue);
+  }
+};
+const baseConfig = {
+  addons: [
+    {
+      name: "@storybook/addon-docs",
+      options: {
+        sourceLoaderOptions: {
+          injectStoryParameters: false
+        }
+      }
+    },
+    { name: "@storybook/addon-essentials", options: { docs: false } },
+    "@storybook/addon-storysource",
+    "@storybook/addon-links",
+    "@storybook/addon-events",
+    "@storybook/addon-interactions",
+    "@storybook/addon-a11y"
+  ],
+  framework: "@storybook/react",
+  features: {
+    fastRefresh: true,
+    storyStoreV7: true
+  },
+  reactOptions: {
+    fastRefresh: true,
+    strictMode: true
+  },
+  typescript: {
+    check: false,
+    checkOptions: {},
+    reactDocgen: "react-docgen-typescript",
+    reactDocgenTypescriptOptions: {
+      shouldExtractLiteralValuesFromEnum: true,
+      propFilter: (prop) => prop.parent ? !/node_modules/.test(prop.parent.fileName) : true,
+      compilerOptions: {
+        allowSyntheticDefaultImports: false,
+        esModuleInterop: false
+      }
+    }
+  }
+};
+module.exports = (viteBuilder = false) => {
+  const config = viteBuilder ? viteConfig : webpackConfig;
+  console.log("using", viteBuilder ? "vite" : "webpack", "builder config");
+  return mergeWith(baseConfig, config, customizer);
+};

package/dist/cjs/utils/storybook/cjs/middleware.js

@@ -0,0 +1,5 @@
+const { loadRoutes } = require("@elliemae/pui-cli");
+const expressMiddleWare = (router) => {
+  loadRoutes(router);
+};
+module.exports = expressMiddleWare;

package/dist/cjs/utils/storybook/cjs/vite.js

@@ -0,0 +1,6 @@
+module.exports = {
+  stories: ["../@(lib|app)/**/*.stories.@(js|jsx|ts|tsx|mdx)"],
+  core: {
+    builder: "storybook-builder-vite"
+  }
+};

package/dist/cjs/utils/storybook/cjs/webpack.js

@@ -0,0 +1,21 @@
+const {
+  webpackFinal,
+  managerWebpack
+} = require("@elliemae/pui-cli/lib/webpack/webpack.storybook");
+module.exports = {
+  stories: [{ directory: "../lib" }],
+  addons: [
+    {
+      name: "storybook-addon-turbo-build",
+      options: {
+        optimizationLevel: 2,
+        esbuildMinifyOptions: { target: "es2020" }
+      }
+    }
+  ],
+  managerWebpack,
+  webpackFinal,
+  core: {
+    builder: "webpack5"
+  }
+};

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

@@ -1,19 +1,34 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  __markAsModule(target);
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && key !== "default")
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toModule = (module2) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+__export(exports, {
+  init: () => init
 });
-exports.init = void 0;
-
-var _addons = require("@storybook/addons");
-
-var _theme = require("./theme.js");
-
-const init = theme => {
-  _addons.addons.setConfig({
-    panelPosition: 'bottom',
-    theme: (0, _theme.createTheme)(theme)
+var import_addons = __toModule(require("@storybook/addons"));
+var import_theme = __toModule(require("./theme.js"));
+const init = (theme) => {
+  import_addons.addons.setConfig({
+    panelPosition: "bottom",
+    theme: (0, import_theme.createTheme)(theme)
   });
 };
-
-exports.init = init;

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

@@ -1,54 +1,65 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  __markAsModule(target);
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && key !== "default")
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toModule = (module2) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+__export(exports, {
+  decorators: () => decorators,
+  getParameters: () => getParameters
 });
-exports.getParameters = exports.decorators = void 0;
-
-var _addonConsole = require("@storybook/addon-console");
-
-var _puiTheme = require("@elliemae/pui-theme");
-
-var _store = require("../../data/store.js");
-
-var _decorator = require("../../view/storybook/decorator.js");
-
-var _index = require("../app-config/index.js");
-
-var _theme = require("./theme.js");
-
-var _history = require("../history.js");
-
-require("@elliemae/ds-basic/css/dimsum.css");
-
-(async () => {
-  // eslint-disable-next-line no-undef
-  await (0, _index.loadAppConfig)(__webpack_public_path__);
-})();
-
-const theme = (0, _puiTheme.getDefaultTheme)();
-const store = (0, _store.createAppStore)({}, _history.browserHistory);
-
-const appDecorator = _decorator.withAppDecorator.bind(null, theme, store);
-
-const consoleDecorator = (storyFn, context) => (0, _addonConsole.withConsole)()(storyFn)(context);
-
-const getParameters = storyBookTheme => ({
-  layout: 'fullscreen',
-  actions: {
-    argTypesRegex: '^on.*'
-  },
-  controls: {
-    hideNoControlsWarning: true
-  },
+var import_pui_theme = __toModule(require("@elliemae/pui-theme"));
+var import_store = __toModule(require("../../data/store.js"));
+var import_decorator = __toModule(require("../../view/storybook/decorator.js"));
+var import_app_config = __toModule(require("../app-config/index.js"));
+var import_theme = __toModule(require("./theme.js"));
+var import_history = __toModule(require("../history.js"));
+var import_dimsum = __toModule(require("@elliemae/ds-basic/css/dimsum.css"));
+(0, import_app_config.loadAppConfig)(__webpack_public_path__).catch(() => {
+});
+const theme = (0, import_pui_theme.getDefaultTheme)();
+const store = (0, import_store.createAppStore)({}, import_history.browserHistory);
+const appDecorator = import_decorator.withAppDecorator.bind(null, theme, store);
+const getParameters = (storyBookTheme) => ({
+  layout: "fullscreen",
+  actions: { argTypesRegex: "^on.*" },
+  controls: { hideNoControlsWarning: true },
   docs: {
-    theme: (0, _theme.createTheme)(storyBookTheme)
+    theme: (0, import_theme.createTheme)(storyBookTheme)
   },
   options: {
     storySort: {
-      method: 'alphabetical',
-      order: ['Getting Started', ['Introduction', 'Installation', 'Packages', 'Supported Browsers', 'Releases', 'Theme'], 'Components'],
-      locales: 'en-US'
+      method: "alphabetical",
+      order: [
+        "Getting Started",
+        [
+          "Introduction",
+          "Installation",
+          "Packages",
+          "Supported Browsers",
+          "Releases",
+          "Theme"
+        ],
+        "Components"
+      ],
+      locales: ["en-US"]
     }
   },
   dependencies: {
@@ -56,7 +67,4 @@ const getParameters = storyBookTheme => ({
     hideEmpty: true
   }
 });
-
-exports.getParameters = getParameters;
-const decorators = [consoleDecorator, appDecorator];
-exports.decorators = decorators;
+const decorators = [appDecorator];

package/dist/cjs/utils/storybook/theme.js

@@ -1,20 +1,36 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  __markAsModule(target);
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && key !== "default")
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toModule = (module2) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+__export(exports, {
+  createTheme: () => createTheme
 });
-exports.createTheme = void 0;
-
-var _create = require("@storybook/theming/create");
-
+var import_create = __toModule(require("@storybook/theming/create"));
 const createTheme = ({
-  base = 'light',
-  brandTitle = 'Platform UI Components',
+  base = "light",
+  brandTitle = "Platform UI Components",
   ...rest
-}) => (0, _create.create)({
+}) => (0, import_create.create)({
   base,
-  brandTitle: `${brandTitle} ${process.env.STORYBOOK_VERSION || ''}`,
+  brandTitle: `${brandTitle} ${process.env.STORYBOOK_VERSION || ""}`,
   ...rest
 });
-
-exports.createTheme = createTheme;

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

@@ -1,56 +1,45 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _exportNames = {
-  render: true
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  __markAsModule(target);
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && key !== "default")
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toModule = (module2) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
 };
-exports.render = void 0;
-
-var _jsx2 = _interopRequireDefault(require("@babel/runtime/helpers/jsx"));
-
-var _react = require("@testing-library/react");
-
-Object.keys(_react).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _react[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _react[key];
-    }
-  });
+__export(exports, {
+  render: () => customRender
 });
-
-var _puiTheme = require("@elliemae/pui-theme");
-
-var _store = require("../../data/store.js");
-
-var _index = require("../../view/app-root/index.js");
-
-var _history = require("../history.js");
-
-const defaultStore = (0, _store.createAppStore)({}, _history.browserHistory);
-const defaultTheme = (0, _puiTheme.getDefaultTheme)();
-
+var React = __toModule(require("react"));
+var import_react = __toModule(require("@testing-library/react"));
+var import_pui_theme = __toModule(require("@elliemae/pui-theme"));
+var import_store = __toModule(require("../../data/store.js"));
+var import_app_root = __toModule(require("../../view/app-root/index.js"));
+var import_history = __toModule(require("../history.js"));
+__reExport(exports, __toModule(require("@testing-library/react")));
+const defaultStore = (0, import_store.createAppStore)({}, import_history.browserHistory);
+const defaultTheme = (0, import_pui_theme.getDefaultTheme)();
 const AllTheProviders = ({
   store = defaultStore,
   theme = defaultTheme,
   children
-}) => /*#__PURE__*/(0, _jsx2.default)(_index.AppRoot, {
-  store: store,
-  history: _history.browserHistory,
-  theme: theme
-}, void 0, children);
-
-const customRender = (ui, options) => (0, _react.render)(ui, {
-  wrapper: AllTheProviders,
-  ...options
-}); // re-export everything
-
-
-exports.render = customRender;
+}) => /* @__PURE__ */ React.createElement(import_app_root.AppRoot, {
+  store,
+  history: import_history.browserHistory,
+  theme
+}, children);
+const customRender = (ui, options) => (0, import_react.render)(ui, { wrapper: AllTheProviders, ...options });