@elliemae/pui-cli 9.0.0-next.1 → 9.0.0-next.11

package/dist/cjs/commands/start.js

@@ -39,7 +39,7 @@ const import_meta = {};
 const __dirname = import_node_path.default.dirname((0, import_node_url.fileURLToPath)(import_meta.url));
 const startProdServer = async () => {
   await (0, import_utils.exec)(
-    `cross-env NODE_ENV=production ts-node --esm ${import_node_path.default.resolve(
+    `cross-env NODE_ENV=production node --no-warnings=ExperimentalWarning --loader ts-node/esm ${import_node_path.default.resolve(
       __dirname,
       "../server/index.js"
     )} --color always`

package/dist/cjs/commands/storybook.js

@@ -36,12 +36,12 @@ var import_utils = require("./utils.js");
 const buildStoryBook = async (outputDir = "demo", isDoc = false) => {
   const additionalParams = isDoc ? `--docs -o ${outputDir}/docs` : `-o ${outputDir}`;
   await (0, import_utils.exec)(
-    `cross-env NODE_ENV=production build-storybook --quiet ${additionalParams}`
+    `cross-env NODE_ENV=production storybook build --quiet ${additionalParams}`
   );
 };
 const startStoryBook = async (isDoc = false) => {
   await (0, import_utils.exec)(
-    `cross-env NODE_ENV=development STORYBOOK_BUILD=true start-storybook ${isDoc ? "--docs" : ""} -p 11000 --quiet`
+    `cross-env STORYBOOK_BUILD=true storybook dev ${isDoc ? "--docs" : ""} -p 11000 --quiet`
   );
 };
 const cmdArgs = {

package/dist/cjs/commands/utils.js

@@ -42,9 +42,13 @@ __export(utils_exports, {
 module.exports = __toCommonJS(utils_exports);
 var import_node_path = __toESM(require("node:path"), 1);
 var import_node_fs = __toESM(require("node:fs"), 1);
-var import_promises = require("fs/promises");
+var import_promises = require("node:fs/promises");
+var import_node_zlib = require("node:zlib");
+var import_node_stream = require("node:stream");
+var import_node_util = require("node:util");
 var import_execa = require("execa");
 var import_chalk = __toESM(require("chalk"), 1);
+var import_fast_glob = __toESM(require("fast-glob"), 1);
 var import_helpers = require("../webpack/helpers.js");
 const browsersMapping = {
   and_chr: "Chrome for Android",
@@ -145,6 +149,37 @@ const updateManifestWithVersionInfo = async (dest) => {
   manifestData = manifestData.replace(/latest\//g, `${(0, import_helpers.getAppVersion)()}/`);
   await (0, import_promises.writeFile)(manifestFile, manifestData);
 };
+const updateRuntimeFile = async (src, dest, version) => {
+  const latestJSFolder = "latest/js";
+  const pipe = (0, import_node_util.promisify)(import_node_stream.pipeline);
+  const results = await (0, import_fast_glob.default)([import_node_path.default.join(src, "runtime~app.*.js")]);
+  if (!results?.length)
+    throw new Error("Runtime file not found");
+  const runtimeFilePath = results[0];
+  const runtimeFileName = import_node_path.default.basename(runtimeFilePath);
+  const destRuntimeFilePath = import_node_path.default.join(dest, runtimeFileName);
+  const runtimeFileData = await (0, import_promises.readFile)(runtimeFilePath, "utf8");
+  if (runtimeFileData.includes(latestJSFolder)) {
+    await (0, import_promises.writeFile)(
+      destRuntimeFilePath,
+      runtimeFileData.replace(latestJSFolder, `${version}/js`)
+    );
+    const sourceMapFile = `${runtimeFilePath}.map`;
+    const sourcemap = await (0, import_promises.readFile)(sourceMapFile, "utf8");
+    await (0, import_promises.writeFile)(
+      `${destRuntimeFilePath}.map`,
+      sourcemap.replace(latestJSFolder, `${version}/js`)
+    );
+    const gzip = (0, import_node_zlib.createGzip)();
+    let source = (0, import_node_fs.createReadStream)(destRuntimeFilePath);
+    let destination = (0, import_node_fs.createWriteStream)(`${destRuntimeFilePath}.gz`);
+    await pipe(source, gzip, destination);
+    const brotli = (0, import_node_zlib.createBrotliCompress)();
+    source = (0, import_node_fs.createReadStream)(destRuntimeFilePath);
+    destination = (0, import_node_fs.createWriteStream)(`${destRuntimeFilePath}.br`);
+    await pipe(source, brotli, destination);
+  }
+};
 const copyBuildAssetsToVersionedFolder = async () => {
   const appVersion = (0, import_helpers.getAppVersion)();
   const isVersionedApp = (0, import_helpers.isAppLoaderEnabled)() && appVersion !== import_helpers.LATEST_VERSION;
@@ -154,6 +189,11 @@ const copyBuildAssetsToVersionedFolder = async () => {
   const dest = import_node_path.default.resolve(process.cwd(), `build/public/${appVersion}`);
   await copyDir(src, dest);
   await updateManifestWithVersionInfo(dest);
+  await updateRuntimeFile(
+    import_node_path.default.join(src, "js"),
+    import_node_path.default.join(dest, "js"),
+    appVersion
+  );
 };
 const isPathExist = async (pathToCheck) => {
   try {

package/dist/cjs/index.js

@@ -28,7 +28,8 @@ __export(lib_exports, {
   loadRoutes: () => import_appRoutes.loadRoutes,
   prettierConfig: () => import_prettier_config.prettierConfig,
   stylelintConfig: () => import_stylelint_config.stylelintConfig,
-  vitestConfig: () => import_vitest_config.vitestConfig
+  vitestConfig: () => import_vitest_config.vitestConfig,
+  webpackFinal: () => import_webpack_storybook.webpackFinal
 });
 module.exports = __toCommonJS(lib_exports);
 var import_babel_config = require("./babel.config.cjs");
@@ -42,3 +43,4 @@ var import_vitest_config = require("./testing/vitest.config.js");
 var import_jest_node_config = require("./testing/jest.node.config.cjs");
 var import_lint_staged_config = require("./lint-config/lint-staged.config.js");
 var import_appRoutes = require("./server/appRoutes.js");
+var import_webpack_storybook = require("./webpack/webpack.storybook.js");

package/dist/cjs/pui-config.js

@@ -33,7 +33,7 @@ __export(pui_config_exports, {
 module.exports = __toCommonJS(pui_config_exports);
 var import_node_path = __toESM(require("node:path"), 1);
 var import_node_fs = __toESM(require("node:fs"), 1);
-var import_lodash = require("lodash");
+var import_merge = __toESM(require("lodash/merge"), 1);
 const baseConfig = {
   esBuild: {
     target: "es2020"
@@ -44,5 +44,5 @@ const getPUIConfig = () => {
   if (!import_node_fs.default.existsSync(configPath))
     return baseConfig;
   const config = JSON.parse(import_node_fs.default.readFileSync(configPath, "utf8"));
-  return (0, import_lodash.merge)(baseConfig, config);
+  return (0, import_merge.default)(baseConfig, config);
 };

package/dist/cjs/transpile/esbuild.js

@@ -38,6 +38,7 @@ var import_fast_glob = __toESM(require("fast-glob"), 1);
 var import_esbuild = require("esbuild");
 var import_promises = require("node:fs/promises");
 var import_browserslist_to_esbuild = __toESM(require("browserslist-to-esbuild"), 1);
+var import_esbuild_plugin_lodash = __toESM(require("esbuild-plugin-lodash"), 1);
 const import_meta = {};
 const __dirname = import_node_path.default.dirname((0, import_node_url.fileURLToPath)(import_meta.url));
 const TARGETS = {
@@ -116,7 +117,8 @@ const esBuild = async ({
       ...getCommonConfig({ injectReactShim }),
       outdir: cjsOutdir,
       format: ESBUILD_FORMAT.CJS,
-      target
+      target,
+      plugins: [(0, import_esbuild_plugin_lodash.default)()]
     });
     await copyFiles({ srcdir, outdir: cjsOutdir });
     await createPackageJson({ outdir: cjsOutdir, type: NODE_MODULE_TYPES.CJS });

package/dist/cjs/webpack/helpers.js

@@ -76,7 +76,7 @@ const getLibraryName = () => {
   const packageJson = JSON.parse(
     import_node_fs.default.readFileSync(import_node_path.default.join(process.cwd(), "package.json")).toString()
   );
-  const libraryName = packageJson ? packageJson.name : process.env.LIBRARY_NAME || "mylibrary";
+  const libraryName = process.env.LIBRARY_NAME ?? packageJson?.name;
   const modifiedLibName = `emui-${libraryName.replace("@elliemae/", "").replace("pui-", "")}`;
   return import_lodash.default.camelCase(modifiedLibName);
 };

package/dist/cjs/webpack/webpack.base.babel.js

@@ -254,7 +254,7 @@ const baseConfig = (options) => ({
         resourceQuery: /resource/,
         type: "asset/resource",
         generator: {
-          filename: "latest/[name].[hash][ext][query]"
+          filename: "latest/[name].[hash][ext]"
         },
         exclude: (0, import_helpers.excludeNodeModulesExcept)(import_helpers.modulesToTranspile)
       },
@@ -287,10 +287,32 @@ const baseConfig = (options) => ({
       ...(options.resolve || {}).alias || {}
     }
   },
+  externalsPresets: {
+    web: true
+  },
   externals: {
     "@elliemae/pui-user-monitoring": "emuiUserMonitoring",
     "@elliemae/pui-app-loader": "emuiAppLoader",
-    "@elliemae/pui-diagnostics": "emuiDiagnostics"
+    "@elliemae/pui-diagnostics": "emuiDiagnostics",
+    react: "emuiAppReactDependencies.react",
+    "react-dom": "emuiAppReactDependencies.reactDOM",
+    "@reduxjs/toolkit": "emuiAppReactDependencies.rtk",
+    axios: "emuiAppReactDependencies.axios.default",
+    dompurify: "emuiAppReactDependencies.dompurify",
+    history: "emuiAppReactDependencies.history",
+    immer: "emuiAppReactDependencies.immer",
+    invariant: "emuiAppReactDependencies.invariant",
+    "pubsub-js": "emuiAppReactDependencies.pubsubjs",
+    "react-aria-live": "emuiAppReactDependencies.reactAriaLive",
+    "react-helmet": "emuiAppReactDependencies.reactHelmet",
+    "react-hook-form": "emuiAppReactDependencies.reactHookForm",
+    "react-redux": "emuiAppReactDependencies.reactRedux",
+    "react-router-dom": "emuiAppReactDependencies.reactRouterDOM",
+    reduxInjectors: "emuiAppReactDependencies.reduxInjectors",
+    reselect: "emuiAppReactDependencies.reselect",
+    // "styled-components": "emuiAppReactDependencies.styledComponents",
+    "styled-system": "emuiAppReactDependencies.styledSystem"
+    // "@xstyled/styled-components": "emuiAppReactDependencies.xstyled",
   },
   devtool: options.devtool || "eval-source-map",
   performance: options.performance || {},

package/dist/cjs/webpack/webpack.dev.babel.js

@@ -98,7 +98,7 @@ const devConfig = {
   // Add development plugins
   plugins: [
     new import_html_webpack_plugin.default({
-      inject: !(0, import_helpers.isAppLoaderEnabled)(),
+      inject: !(0, import_helpers.isAppLoaderEnabled)() ? "head" : false,
       // Inject all files that are generated by webpack, e.g. bundle.js
       template: !(0, import_helpers.isAppLoaderEnabled)() ? "app/index.html" : "app/index-app-loader.html",
       emui: {
@@ -110,7 +110,8 @@ const devConfig = {
         diagnosticsScriptPath,
         encwLoaderScriptPath,
         googleTagManager: (0, import_helpers.isGoogleTagManagerEnabled)()
-      }
+      },
+      scriptLoading: "defer"
     }),
     new import_circular_dependency_plugin.default({
       exclude: /a\.(js|ts|jsx|tsx)|node_modules/,

package/dist/cjs/webpack/webpack.lib.base.babel.js

@@ -84,14 +84,22 @@ const baseConfig = (options) => ({
   output: {
     clean: true,
     path: import_node_path.default.resolve(process.cwd(), "dist/umd"),
+    filename: "[name].js",
+    chunkFilename: "[name].[chunkhash].chunk.js",
+    assetModuleFilename: "assets/[name].[hash][ext][query]",
     publicPath: "auto",
     library: {
       name: (0, import_helpers.getLibraryVariableName)(),
-      type: "umd"
+      type: "var"
+      // type: 'module',
     },
+    // module: true,
     ...options.output
   },
   // Merge with env dependent settings
+  // experiments: {
+  //   outputModule: true,
+  // },
   optimization: options.optimization,
   module: {
     rules: [

package/dist/cjs/webpack/webpack.lib.dev.babel.js

@@ -47,17 +47,13 @@ const getHtmlWebpackPlugins = () => {
     (htmlTemplateFile) => new import_html_webpack_plugin.default({
       template: htmlTemplateFile,
       filename: import_node_path.default.basename(htmlTemplateFile),
-      inject: true
+      inject: "head",
+      scriptLoading: "defer"
     })
   );
 };
 var webpack_lib_dev_babel_default = (0, import_webpack_lib_base_babel.baseConfig)({
   mode: "development",
-  // output: {
-  //   filename: `js/${libraryName}.js`,
-  //   chunkFilename: `js/${libraryName}.chunk.js`,
-  //   assetModuleFilename: '[name][ext][query]',
-  // },
   optimization: {
     splitChunks: {
       chunks: "all"
@@ -74,10 +70,7 @@ var webpack_lib_dev_babel_default = (0, import_webpack_lib_base_babel.baseConfig
       failOnError: false
       // show a warning when there is a circular dependency
     }),
-    new import_mini_css_extract_plugin.default({
-      // filename: `css/${libraryName}.css`,
-      // chunkFilename: `css/${libraryName}.chunk.css`,
-    }),
+    new import_mini_css_extract_plugin.default({}),
     new import_webpack.default.ProgressPlugin()
   ],
   devtool: "eval-source-map",

package/dist/cjs/webpack/webpack.lib.prod.babel.js

@@ -46,7 +46,8 @@ const getHtmlWebpackPlugins = () => {
     (htmlTemplateFile) => new import_html_webpack_plugin.default({
       template: htmlTemplateFile,
       filename: import_node_path.default.basename(htmlTemplateFile),
-      inject: true,
+      inject: "head",
+      scriptLoading: "defer",
       minify: {
         removeComments: true,
         collapseWhitespace: true,
@@ -82,10 +83,7 @@ const prodConfig = {
   },
   plugins: [
     ...getHtmlWebpackPlugins(),
-    new import_mini_css_extract_plugin.default({
-      // filename: `css/${libraryName}.[contenthash].css`,
-      // chunkFilename: `css/${libraryName}.[contenthash].chunk.css`,
-    }),
+    new import_mini_css_extract_plugin.default({}),
     ...(0, import_helpers.getCompressionPlugins)(true),
     new import_webpack_bundle_analyzer.BundleAnalyzerPlugin({
       analyzerMode: "static",

package/dist/cjs/webpack/webpack.prod.babel.js

@@ -111,7 +111,7 @@ const {
   basePath
 } = (0, import_helpers.getPaths)();
 const htmlWebpackPlugin = new import_html_webpack_plugin.default({
-  inject: !(0, import_helpers.isAppLoaderEnabled)(),
+  inject: !(0, import_helpers.isAppLoaderEnabled)() ? "head" : false,
   template: !(0, import_helpers.isAppLoaderEnabled)() ? "app/index.html" : "app/index-app-loader.html",
   minify: {
     removeComments: true,
@@ -134,7 +134,8 @@ const htmlWebpackPlugin = new import_html_webpack_plugin.default({
     diagnosticsScriptPath,
     encwLoaderScriptPath,
     googleTagManager: (0, import_helpers.isGoogleTagManagerEnabled)()
-  }
+  },
+  scriptLoading: "defer"
 });
 const config = (0, import_webpack_base_babel.baseConfig)(getProdConfig());
 if (config.plugins)

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

@@ -28,7 +28,6 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var webpack_storybook_exports = {};
 __export(webpack_storybook_exports, {
-  managerWebpack: () => managerWebpack,
   webpackFinal: () => webpackFinal
 });
 module.exports = __toCommonJS(webpack_storybook_exports);
@@ -113,10 +112,3 @@ const webpackFinal = (config, { configType }) => {
   }
   return config;
 };
-const managerWebpack = (config) => {
-  if (config.plugins)
-    config.plugins = config.plugins.concat((0, import_helpers.getCompressionPlugins)());
-  if (config.resolve)
-    config.resolve.alias = { ...config.resolve.alias, ...(0, import_helpers.getAlias)() };
-  return config;
-};

package/dist/esm/commands/start.js

@@ -5,7 +5,7 @@ import { exec, logError, logSuccess, isApp } from "./utils.js";
 const __dirname = path.dirname(fileURLToPath(import.meta.url));
 const startProdServer = async () => {
   await exec(
-    `cross-env NODE_ENV=production ts-node --esm ${path.resolve(
+    `cross-env NODE_ENV=production node --no-warnings=ExperimentalWarning --loader ts-node/esm ${path.resolve(
       __dirname,
       "../server/index.js"
     )} --color always`

package/dist/esm/commands/storybook.js

@@ -3,12 +3,12 @@ import { exec, logInfo, logError, logSuccess } from "./utils.js";
 const buildStoryBook = async (outputDir = "demo", isDoc = false) => {
   const additionalParams = isDoc ? `--docs -o ${outputDir}/docs` : `-o ${outputDir}`;
   await exec(
-    `cross-env NODE_ENV=production build-storybook --quiet ${additionalParams}`
+    `cross-env NODE_ENV=production storybook build --quiet ${additionalParams}`
   );
 };
 const startStoryBook = async (isDoc = false) => {
   await exec(
-    `cross-env NODE_ENV=development STORYBOOK_BUILD=true start-storybook ${isDoc ? "--docs" : ""} -p 11000 --quiet`
+    `cross-env STORYBOOK_BUILD=true storybook dev ${isDoc ? "--docs" : ""} -p 11000 --quiet`
   );
 };
 const cmdArgs = {

package/dist/esm/commands/utils.js

@@ -1,5 +1,5 @@
 import path from "node:path";
-import fs, { constants } from "node:fs";
+import fs, { constants, createReadStream, createWriteStream } from "node:fs";
 import {
   readFile,
   writeFile,
@@ -7,9 +7,13 @@ import {
   readdir,
   copyFile,
   access
-} from "fs/promises";
+} from "node:fs/promises";
+import { createGzip, createBrotliCompress } from "node:zlib";
+import { pipeline } from "node:stream";
+import { promisify } from "node:util";
 import { execaCommand } from "execa";
 import chalk from "chalk";
+import fg from "fast-glob";
 import {
   getPaths,
   isAppLoaderEnabled,
@@ -115,6 +119,37 @@ const updateManifestWithVersionInfo = async (dest) => {
   manifestData = manifestData.replace(/latest\//g, `${getAppVersion()}/`);
   await writeFile(manifestFile, manifestData);
 };
+const updateRuntimeFile = async (src, dest, version) => {
+  const latestJSFolder = "latest/js";
+  const pipe = promisify(pipeline);
+  const results = await fg([path.join(src, "runtime~app.*.js")]);
+  if (!results?.length)
+    throw new Error("Runtime file not found");
+  const runtimeFilePath = results[0];
+  const runtimeFileName = path.basename(runtimeFilePath);
+  const destRuntimeFilePath = path.join(dest, runtimeFileName);
+  const runtimeFileData = await readFile(runtimeFilePath, "utf8");
+  if (runtimeFileData.includes(latestJSFolder)) {
+    await writeFile(
+      destRuntimeFilePath,
+      runtimeFileData.replace(latestJSFolder, `${version}/js`)
+    );
+    const sourceMapFile = `${runtimeFilePath}.map`;
+    const sourcemap = await readFile(sourceMapFile, "utf8");
+    await writeFile(
+      `${destRuntimeFilePath}.map`,
+      sourcemap.replace(latestJSFolder, `${version}/js`)
+    );
+    const gzip = createGzip();
+    let source = createReadStream(destRuntimeFilePath);
+    let destination = createWriteStream(`${destRuntimeFilePath}.gz`);
+    await pipe(source, gzip, destination);
+    const brotli = createBrotliCompress();
+    source = createReadStream(destRuntimeFilePath);
+    destination = createWriteStream(`${destRuntimeFilePath}.br`);
+    await pipe(source, brotli, destination);
+  }
+};
 const copyBuildAssetsToVersionedFolder = async () => {
   const appVersion = getAppVersion();
   const isVersionedApp = isAppLoaderEnabled() && appVersion !== LATEST_VERSION;
@@ -124,6 +159,11 @@ const copyBuildAssetsToVersionedFolder = async () => {
   const dest = path.resolve(process.cwd(), `build/public/${appVersion}`);
   await copyDir(src, dest);
   await updateManifestWithVersionInfo(dest);
+  await updateRuntimeFile(
+    path.join(src, "js"),
+    path.join(dest, "js"),
+    appVersion
+  );
 };
 const isPathExist = async (pathToCheck) => {
   try {

package/dist/esm/index.js

@@ -9,6 +9,7 @@ import { vitestConfig } from "./testing/vitest.config.js";
 import { jestNodeConfig } from "./testing/jest.node.config.cjs";
 import { lintStagedConfig } from "./lint-config/lint-staged.config.js";
 import { loadRoutes } from "./server/appRoutes.js";
+import { webpackFinal } from "./webpack/webpack.storybook.js";
 export {
   babelConfig,
   commitlintConfig,
@@ -20,5 +21,6 @@ export {
   loadRoutes,
   prettierConfig,
   stylelintConfig,
-  vitestConfig
+  vitestConfig,
+  webpackFinal
 };

package/dist/esm/transpile/esbuild.js

@@ -4,6 +4,7 @@ import fg from "fast-glob";
 import { build } from "esbuild";
 import { writeFile, copyFile, readFile, mkdir } from "node:fs/promises";
 import browserslistToEsbuild from "browserslist-to-esbuild";
+import lodashTransformer from "esbuild-plugin-lodash";
 const __dirname = path.dirname(fileURLToPath(import.meta.url));
 const TARGETS = {
   browserslist: browserslistToEsbuild(),
@@ -81,7 +82,8 @@ const esBuild = async ({
       ...getCommonConfig({ injectReactShim }),
       outdir: cjsOutdir,
       format: ESBUILD_FORMAT.CJS,
-      target
+      target,
+      plugins: [lodashTransformer()]
     });
     await copyFiles({ srcdir, outdir: cjsOutdir });
     await createPackageJson({ outdir: cjsOutdir, type: NODE_MODULE_TYPES.CJS });

package/dist/esm/webpack/helpers.js

@@ -28,7 +28,7 @@ const getLibraryName = () => {
   const packageJson = JSON.parse(
     fs.readFileSync(path.join(process.cwd(), "package.json")).toString()
   );
-  const libraryName = packageJson ? packageJson.name : process.env.LIBRARY_NAME || "mylibrary";
+  const libraryName = process.env.LIBRARY_NAME ?? packageJson?.name;
   const modifiedLibName = `emui-${libraryName.replace("@elliemae/", "").replace("pui-", "")}`;
   return _.camelCase(modifiedLibName);
 };

package/dist/esm/webpack/webpack.base.babel.js

@@ -227,7 +227,7 @@ const baseConfig = (options) => ({
         resourceQuery: /resource/,
         type: "asset/resource",
         generator: {
-          filename: "latest/[name].[hash][ext][query]"
+          filename: "latest/[name].[hash][ext]"
         },
         exclude: excludeNodeModulesExcept(modulesToTranspile)
       },
@@ -260,10 +260,32 @@ const baseConfig = (options) => ({
       ...(options.resolve || {}).alias || {}
     }
   },
+  externalsPresets: {
+    web: true
+  },
   externals: {
     "@elliemae/pui-user-monitoring": "emuiUserMonitoring",
     "@elliemae/pui-app-loader": "emuiAppLoader",
-    "@elliemae/pui-diagnostics": "emuiDiagnostics"
+    "@elliemae/pui-diagnostics": "emuiDiagnostics",
+    react: "emuiAppReactDependencies.react",
+    "react-dom": "emuiAppReactDependencies.reactDOM",
+    "@reduxjs/toolkit": "emuiAppReactDependencies.rtk",
+    axios: "emuiAppReactDependencies.axios.default",
+    dompurify: "emuiAppReactDependencies.dompurify",
+    history: "emuiAppReactDependencies.history",
+    immer: "emuiAppReactDependencies.immer",
+    invariant: "emuiAppReactDependencies.invariant",
+    "pubsub-js": "emuiAppReactDependencies.pubsubjs",
+    "react-aria-live": "emuiAppReactDependencies.reactAriaLive",
+    "react-helmet": "emuiAppReactDependencies.reactHelmet",
+    "react-hook-form": "emuiAppReactDependencies.reactHookForm",
+    "react-redux": "emuiAppReactDependencies.reactRedux",
+    "react-router-dom": "emuiAppReactDependencies.reactRouterDOM",
+    reduxInjectors: "emuiAppReactDependencies.reduxInjectors",
+    reselect: "emuiAppReactDependencies.reselect",
+    // "styled-components": "emuiAppReactDependencies.styledComponents",
+    "styled-system": "emuiAppReactDependencies.styledSystem"
+    // "@xstyled/styled-components": "emuiAppReactDependencies.xstyled",
   },
   devtool: options.devtool || "eval-source-map",
   performance: options.performance || {},

package/dist/esm/webpack/webpack.dev.babel.js

@@ -68,7 +68,7 @@ const devConfig = {
   // Add development plugins
   plugins: [
     new HtmlWebpackPlugin({
-      inject: !isAppLoaderEnabled(),
+      inject: !isAppLoaderEnabled() ? "head" : false,
       // Inject all files that are generated by webpack, e.g. bundle.js
       template: !isAppLoaderEnabled() ? "app/index.html" : "app/index-app-loader.html",
       emui: {
@@ -80,7 +80,8 @@ const devConfig = {
         diagnosticsScriptPath,
         encwLoaderScriptPath,
         googleTagManager: isGoogleTagManagerEnabled()
-      }
+      },
+      scriptLoading: "defer"
     }),
     new CircularDependencyPlugin({
       exclude: /a\.(js|ts|jsx|tsx)|node_modules/,

package/dist/esm/webpack/webpack.lib.base.babel.js

@@ -57,14 +57,22 @@ const baseConfig = (options) => ({
   output: {
     clean: true,
     path: path.resolve(process.cwd(), "dist/umd"),
+    filename: "[name].js",
+    chunkFilename: "[name].[chunkhash].chunk.js",
+    assetModuleFilename: "assets/[name].[hash][ext][query]",
     publicPath: "auto",
     library: {
       name: getLibraryVariableName(),
-      type: "umd"
+      type: "var"
+      // type: 'module',
     },
+    // module: true,
     ...options.output
   },
   // Merge with env dependent settings
+  // experiments: {
+  //   outputModule: true,
+  // },
   optimization: options.optimization,
   module: {
     rules: [

package/dist/esm/webpack/webpack.lib.dev.babel.js

@@ -14,17 +14,13 @@ const getHtmlWebpackPlugins = () => {
     (htmlTemplateFile) => new HtmlWebpackPlugin({
       template: htmlTemplateFile,
       filename: path.basename(htmlTemplateFile),
-      inject: true
+      inject: "head",
+      scriptLoading: "defer"
     })
   );
 };
 var webpack_lib_dev_babel_default = baseConfig({
   mode: "development",
-  // output: {
-  //   filename: `js/${libraryName}.js`,
-  //   chunkFilename: `js/${libraryName}.chunk.js`,
-  //   assetModuleFilename: '[name][ext][query]',
-  // },
   optimization: {
     splitChunks: {
       chunks: "all"
@@ -41,10 +37,7 @@ var webpack_lib_dev_babel_default = baseConfig({
       failOnError: false
       // show a warning when there is a circular dependency
     }),
-    new MiniCssExtractPlugin({
-      // filename: `css/${libraryName}.css`,
-      // chunkFilename: `css/${libraryName}.chunk.css`,
-    }),
+    new MiniCssExtractPlugin({}),
     new webpack.ProgressPlugin()
   ],
   devtool: "eval-source-map",

package/dist/esm/webpack/webpack.lib.prod.babel.js

@@ -13,7 +13,8 @@ const getHtmlWebpackPlugins = () => {
     (htmlTemplateFile) => new HtmlWebpackPlugin({
       template: htmlTemplateFile,
       filename: path.basename(htmlTemplateFile),
-      inject: true,
+      inject: "head",
+      scriptLoading: "defer",
       minify: {
         removeComments: true,
         collapseWhitespace: true,
@@ -49,10 +50,7 @@ const prodConfig = {
   },
   plugins: [
     ...getHtmlWebpackPlugins(),
-    new MiniCssExtractPlugin({
-      // filename: `css/${libraryName}.[contenthash].css`,
-      // chunkFilename: `css/${libraryName}.[contenthash].chunk.css`,
-    }),
+    new MiniCssExtractPlugin({}),
     ...getCompressionPlugins(true),
     new BundleAnalyzerPlugin({
       analyzerMode: "static",

package/dist/esm/webpack/webpack.prod.babel.js

@@ -83,7 +83,7 @@ const {
   basePath
 } = getPaths();
 const htmlWebpackPlugin = new HtmlWebpackPlugin({
-  inject: !isAppLoaderEnabled(),
+  inject: !isAppLoaderEnabled() ? "head" : false,
   template: !isAppLoaderEnabled() ? "app/index.html" : "app/index-app-loader.html",
   minify: {
     removeComments: true,
@@ -106,7 +106,8 @@ const htmlWebpackPlugin = new HtmlWebpackPlugin({
     diagnosticsScriptPath,
     encwLoaderScriptPath,
     googleTagManager: isGoogleTagManagerEnabled()
-  }
+  },
+  scriptLoading: "defer"
 });
 const config = baseConfig(getProdConfig());
 if (config.plugins)

package/dist/esm/webpack/webpack.storybook.js

@@ -79,14 +79,6 @@ const webpackFinal = (config, { configType }) => {
   }
   return config;
 };
-const managerWebpack = (config) => {
-  if (config.plugins)
-    config.plugins = config.plugins.concat(getCompressionPlugins());
-  if (config.resolve)
-    config.resolve.alias = { ...config.resolve.alias, ...getAlias() };
-  return config;
-};
 export {
-  managerWebpack,
   webpackFinal
 };

package/dist/types/index.d.ts

@@ -9,3 +9,4 @@ export { vitestConfig } from './testing/vitest.config.js';
 export { jestNodeConfig } from './testing/jest.node.config.cjs';
 export { lintStagedConfig } from './lint-config/lint-staged.config.js';
 export { loadRoutes } from './server/appRoutes.js';
+export { webpackFinal } from './webpack/webpack.storybook.js';

package/dist/types/webpack/webpack.storybook.d.ts

@@ -2,4 +2,3 @@ import webpack, { Configuration } from 'webpack';
 export declare const webpackFinal: (config: Configuration, { configType }: {
     configType: string;
 }) => webpack.Configuration;
-export declare const managerWebpack: (config: Configuration) => webpack.Configuration;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/pui-cli",
-  "version": "9.0.0-next.1",
+  "version": "9.0.0-next.11",
   "description": "ICE MT UI Platform CLI",
   "sideEffects": false,
   "type": "module",
@@ -19,11 +19,16 @@
       "require": "./dist/cjs/release.config.cjs"
     },
     "./storybook": {
+      "import": "./dist/esm/webpack/webpack.storybook.js",
       "require": "./dist/cjs/webpack/webpack.storybook.js"
     },
     "./vitest": {
       "import": "./dist/esm/testing/vitest.config.js"
     },
+    "./server/routes": {
+      "import": "./dist/esm/server/appRoutes.js",
+      "require": "./dist/cjs/server/appRoutes.js"
+    },
     "./app.tsconfig.json": "./app.tsconfig.json",
     "./library.tsconfig.json": "./library.tsconfig.json"
   },
@@ -40,27 +45,27 @@
     "url": "https://git.elliemae.io/platform-ui/pui-cli.git"
   },
   "engines": {
-    "pnpm": ">=6",
-    "node": ">=16"
+    "pnpm": ">=8",
+    "node": ">=18"
   },
   "author": "ICE MT",
   "license": "MIT",
   "scripts": {
-    "build": "ts-node --esm ./lib/cli.ts pack -p -t node",
-    "build:dev": "ts-node --esm ./lib/cli.ts pack -t node",
+    "build": "node --no-warnings=ExperimentalWarning --loader ts-node/esm ./lib/cli.ts pack -p -t node",
+    "build:dev": "node --no-warnings=ExperimentalWarning --loader ts-node/esm ./lib/cli.ts pack -t node",
     "docs:start": "docusaurus start",
     "docs:build": "docusaurus build --out-dir build/docs",
     "docs:version": "docusaurus docs:version",
     "docs:serve": "docusaurus serve",
-    "lint": "ts-node --esm ./lib/cli.ts lint",
-    "lint:fix": "ts-node --esm ./lib/cli.ts lint --fix",
+    "lint": "node --no-warnings=ExperimentalWarning --loader ts-node/esm ./lib/cli.ts lint",
+    "lint:fix": "node --no-warnings=ExperimentalWarning --loader ts-node/esm ./lib/cli.ts lint --fix",
     "prettify": "prettier --write",
     "release": "semantic-release",
     "storybook:build": "exit 0",
     "storybook:docs:build": "exit 0",
-    "test": "ts-node --esm ./lib/cli.ts test -p",
+    "test": "node --no-warnings=ExperimentalWarning --loader ts-node/esm ./lib/cli.ts test -p",
     "test:staged": "jest --coverage --passWithNoTests --bail --findRelatedTests",
-    "tscheck": "ts-node --esm ./lib/cli.ts tscheck --files",
+    "tscheck": "node --no-warnings=ExperimentalWarning --loader ts-node/esm ./lib/cli.ts tscheck --files",
     "setup": "rimraf node_modules && rimraf pnpm-lock.yaml && pnpm i",
     "upgrade": "ncu -u && npm run setup",
     "prepare": "[ -n \"$CI\" ] || husky install"
@@ -72,51 +77,56 @@
     "sonar56x": true
   },
   "dependencies": {
-    "@axe-core/react": "~4.6.0",
-    "@babel/cli": "~7.21.0",
-    "@babel/core": "~7.21.3",
-    "@babel/eslint-parser": "~7.21.3",
+    "@axe-core/react": "~4.7.0",
+    "@babel/cli": "~7.21.5",
+    "@babel/core": "~7.21.8",
+    "@babel/eslint-parser": "~7.21.8",
     "@babel/node": "~7.20.7",
     "@babel/plugin-proposal-class-properties": "~7.18.6",
     "@babel/plugin-proposal-export-default-from": "~7.18.10",
     "@babel/plugin-syntax-dynamic-import": "~7.8.3",
     "@babel/plugin-syntax-import-assertions": "~7.20.0",
-    "@babel/plugin-transform-modules-commonjs": "~7.21.2",
+    "@babel/plugin-transform-modules-commonjs": "~7.21.5",
     "@babel/plugin-transform-react-constant-elements": "~7.21.3",
     "@babel/plugin-transform-react-inline-elements": "~7.21.0",
     "@babel/plugin-transform-react-jsx-source": "~7.19.6",
-    "@babel/plugin-transform-runtime": "~7.21.0",
-    "@babel/preset-env": "~7.20.2",
+    "@babel/plugin-transform-runtime": "~7.21.4",
+    "@babel/preset-env": "~7.21.5",
     "@babel/preset-react": "~7.18.6",
-    "@babel/preset-typescript": "~7.21.0",
-    "@babel/runtime": "~7.21.0",
-    "@commitlint/cli": "~17.4.4",
-    "@commitlint/config-conventional": "~17.4.4",
-    "@elliemae/browserslist-config-elliemae-latest-browsers": "~1.6.0",
-    "@faker-js/faker": "7.6.0",
-    "@nrwl/cli": "15.8.6",
-    "@nrwl/tao": "15.8.6",
-    "@nrwl/workspace": "15.8.6",
+    "@babel/preset-typescript": "~7.21.5",
+    "@babel/runtime": "~7.21.5",
+    "@commitlint/cli": "~17.6.3",
+    "@commitlint/config-conventional": "~17.6.3",
+    "@elliemae/browserslist-config-elliemae-latest-browsers": "~1.7.0",
+    "@faker-js/faker": "8.0.1",
+    "@nrwl/cli": "15.9.3",
+    "@nrwl/tao": "16.1.4",
+    "@nrwl/workspace": "16.1.4",
     "@pmmmwh/react-refresh-webpack-plugin": "~0.5.10",
-    "@semantic-release/changelog": "~6.0.2",
+    "@semantic-release/changelog": "~6.0.3",
     "@semantic-release/exec": "~6.0.3",
     "@semantic-release/git": "~10.0.1",
-    "@storybook/addon-a11y": "~6.5.16",
-    "@storybook/addon-essentials": "~6.5.16",
+    "@storybook/addon-a11y": "~7.0.12",
+    "@storybook/addon-essentials": "~7.0.12",
     "@storybook/addon-events": "~6.2.9",
-    "@storybook/addon-interactions": "~6.5.16",
-    "@storybook/addon-links": "~6.5.16",
-    "@storybook/addon-storysource": "~6.5.16",
-    "@storybook/builder-vite": "~0.4.2",
-    "@storybook/builder-webpack5": "~6.5.16",
+    "@storybook/addon-interactions": "~7.0.12",
+    "@storybook/addon-links": "~7.0.12",
+    "@storybook/addon-storysource": "~7.0.12",
+    "@storybook/blocks": "~7.0.12",
+    "@storybook/builder-vite": "~7.0.12",
+    "@storybook/builder-webpack5": "~7.0.12",
+    "@storybook/jest": "~0.1.0",
     "@storybook/manager-webpack5": "~6.5.16",
-    "@storybook/react": "~6.5.16",
-    "@storybook/theming": "~6.5.16",
+    "@storybook/react": "~7.0.12",
+    "@storybook/react-vite": "~7.0.12",
+    "@storybook/react-webpack5": "~7.0.12",
+    "@storybook/testing-library": "~0.1.0",
+    "@storybook/theming": "~7.0.12",
     "@stylelint/postcss-css-in-js": "~0.38.0",
-    "@svgr/webpack": "~6.5.1",
+    "@svgr/webpack": "~8.0.1",
     "@swc/cli": "~0.1.62",
-    "@swc/core": "~1.3.40",
-    "@swc/jest": "~0.2.24",
+    "@swc/core": "~1.3.58",
+    "@swc/jest": "~0.2.26",
     "@testing-library/jest-dom": "~5.16.5",
     "@testing-library/react": "~14.0.0",
     "@testing-library/react-hooks": "~8.0.1",
@@ -126,31 +136,31 @@
     "@types/compression": "~1.7.2",
     "@types/duplicate-package-checker-webpack-plugin": "~2.1.2",
     "@types/ip": "~1.1.0",
-    "@types/jest": "~29.5.0",
+    "@types/jest": "~29.5.1",
     "@types/jest-axe": "~3.5.5",
     "@types/moment-locales-webpack-plugin": "~1.2.3",
-    "@types/node": "~18.15.3",
+    "@types/node": "~20.1.4",
     "@types/normalize-path": "~3.0.0",
-    "@types/postcss-preset-env": "~7.7.0",
-    "@types/rimraf": "~3.0.2",
+    "@types/postcss-preset-env": "~8.0.0",
+    "@types/rimraf": "~4.0.5",
     "@types/speed-measure-webpack-plugin": "~1.3.4",
     "@types/supertest": "~2.0.12",
     "@types/uuid": "~9.0.1",
     "@types/testing-library__jest-dom": "~5.14.5",
     "@types/webpack-bundle-analyzer": "~4.6.0",
-    "@typescript-eslint/eslint-plugin": "~5.55.0",
-    "@typescript-eslint/parser": "~5.55.0",
-    "@vitejs/plugin-react": "~3.1.0",
-    "@vitest/coverage-c8": "~0.29.3",
+    "@typescript-eslint/eslint-plugin": "~5.59.5",
+    "@typescript-eslint/parser": "~5.59.5",
+    "@vitejs/plugin-react": "~4.0.0",
+    "@vitest/coverage-c8": "~0.31.0",
     "autoprefixer": "~10.4.14",
-    "axe-core": "~4.6.3",
+    "axe-core": "~4.7.1",
     "babel-plugin-date-fns": "~2.0.0",
     "babel-plugin-dynamic-import-node": "~2.3.3",
     "babel-plugin-import-remove-resource-query": "~1.0.0",
     "babel-plugin-lodash": "~3.3.4",
     "babel-plugin-module-resolver": "~5.0.0",
     "babel-plugin-source-map-support": "~2.2.0",
-    "babel-plugin-styled-components": "~2.0.7",
+    "babel-plugin-styled-components": "~2.1.1",
     "babel-plugin-transform-react-remove-prop-types": "~0.4.24",
     "babel-plugin-transform-remove-console": "~6.9.4",
     "babel-plugin-transform-strip-block": "~0.0.5",
@@ -165,90 +175,91 @@
     "cors": "~2.8.5",
     "cross-env": "~7.0.3",
     "css-loader": "~6.7.3",
-    "css-minimizer-webpack-plugin": "~4.2.2",
+    "css-minimizer-webpack-plugin": "~5.0.0",
     "depcheck": "~1.4.3",
     "docdash": "~2.0.1",
     "dotenv": "~16.0.3",
     "dotenv-webpack": "~8.0.1",
     "duplicate-package-checker-webpack-plugin": "~3.0.0",
-    "enhanced-resolve": "5.12.0",
-    "esbuild": "~0.17.11",
+    "enhanced-resolve": "5.14.0",
+    "esbuild": "~0.17.19",
     "esbuild-loader": "~3.0.1",
-    "esbuild-plugin-svgr": "~1.0.1",
-    "eslint": "~8.36.0",
+    "esbuild-plugin-lodash": "~1.2.0",
+    "esbuild-plugin-svgr": "~1.1.0",
+    "eslint": "~8.40.0",
     "eslint-config-airbnb": "~19.0.4",
     "eslint-config-airbnb-base": "~15.0.0",
     "eslint-config-airbnb-typescript": "~17.0.0",
-    "eslint-config-prettier": "~8.7.0",
+    "eslint-config-prettier": "~8.8.0",
     "eslint-config-react-app": "~7.0.1",
     "eslint-import-resolver-babel-module": "~5.3.2",
-    "eslint-import-resolver-typescript": "~3.5.3",
+    "eslint-import-resolver-typescript": "~3.5.5",
     "eslint-import-resolver-webpack": "~0.13.2",
-    "eslint-plugin-compat": "~4.1.2",
+    "eslint-plugin-compat": "~4.1.4",
     "eslint-plugin-eslint-comments": "~3.2.0",
     "eslint-plugin-import": "~2.27.5",
     "eslint-plugin-jest": "~27.2.1",
-    "eslint-plugin-jsdoc": "~40.0.3",
+    "eslint-plugin-jsdoc": "~44.2.4",
     "eslint-plugin-jsx-a11y": "~6.7.1",
-    "eslint-plugin-mdx": "~2.0.5",
+    "eslint-plugin-mdx": "~2.1.0",
     "eslint-plugin-prettier": "~4.2.1",
     "eslint-plugin-react": "~7.32.2",
     "eslint-plugin-react-hooks": "~4.6.0",
     "eslint-plugin-redux-saga": "~1.3.2",
-    "eslint-plugin-storybook": "~0.6.11",
-    "eslint-plugin-testing-library": "~5.10.2",
-    "eslint-plugin-wdio": "~8.0.14",
+    "eslint-plugin-storybook": "~0.6.12",
+    "eslint-plugin-testing-library": "~5.11.0",
+    "eslint-plugin-wdio": "~8.8.7",
     "execa": "~7.1.1",
     "express": "~4.18.2",
     "express-static-gzip": "~2.1.7",
-    "favicons": "~7.1.1",
+    "favicons": "~7.1.2",
     "favicons-webpack-plugin": "~6.0.0",
     "fast-glob": "~3.2.12",
     "find-up": "~6.3.0",
     "find-up-cli": "~5.0.0",
-    "happy-dom": "~8.9.0",
+    "happy-dom": "~9.18.3",
     "helmet-csp": "~3.4.0",
     "html-loader": "~4.2.0",
-    "html-webpack-plugin": "~5.5.0",
+    "html-webpack-plugin": "~5.5.1",
     "http-server": "~14.1.1",
     "husky": "~8.0.3",
     "husky-init": "~8.0.0",
     "imports-loader": "~4.0.1",
     "ip": "~1.1.8",
-    "jest-axe": "~7.0.0",
+    "jest-axe": "~7.0.1",
     "jest-cli": "~29.5.0",
     "jest-environment-jsdom": "~29.5.0",
     "jest-sonar-reporter": "~2.0.0",
     "jest-styled-components": "~7.1.1",
     "jest-watch-typeahead": "~2.2.2",
-    "jscodeshift": "~0.14.0",
+    "jscodeshift": "~0.15.0",
     "jsdoc": "~4.0.2",
-    "lerna": "~6.5.1",
-    "lint-staged": "~13.2.0",
-    "mini-css-extract-plugin": "~2.7.4",
+    "lerna": "~6.6.2",
+    "lint-staged": "~13.2.2",
+    "mini-css-extract-plugin": "~2.7.5",
     "minimist": "~1.2.8",
     "moment": "~2.29.4",
     "moment-locales-webpack-plugin": "~1.2.0",
-    "msw": "~1.1.0",
+    "msw": "~1.2.1",
     "npm-run-all": "~4.1.5",
     "node-gyp": "~9.3.1",
     "node-plop": "~0.31.1",
-    "nodemon": "~2.0.21",
+    "nodemon": "~2.0.22",
     "normalize-path": "~3.0.0",
-    "npm-check-updates": "16.7.12",
-    "pino": "~8.11.0",
+    "npm-check-updates": "16.10.12",
+    "pino": "~8.14.1",
     "pino-http": "~8.3.3",
     "pino-pretty": "~10.0.0",
     "plop": "~3.1.2",
-    "postcss": "~8.4.21",
+    "postcss": "~8.4.23",
     "postcss-html": "~1.5.0",
     "postcss-jsx": "~0.36.4",
-    "postcss-loader": "~7.1.0",
+    "postcss-loader": "~7.3.0",
     "postcss-markdown": "~1.2.0",
-    "postcss-preset-env": "~8.0.1",
+    "postcss-preset-env": "~8.3.2",
     "postcss-syntax": "~0.36.2",
-    "prettier": "~2.8.4",
-    "prisma": "~4.11.0",
+    "prettier": "~2.8.8",
+    "prisma": "~4.14.0",
     "pug": "~3.0.2",
     "pug-loader": "~2.4.0",
     "raf": "~3.4.1",
@@ -257,44 +268,45 @@
     "react-test-renderer": "~18.2.0",
     "resize-observer-polyfill": "~1.5.1",
     "resolve-typescript-plugin": "~2.0.1",
-    "rimraf": "~4.4.0",
-    "semantic-release": "~20.1.1",
+    "rimraf": "~5.0.0",
+    "semantic-release": "~21.0.2",
     "slackify-markdown": "~4.3.1",
     "speed-measure-webpack-plugin": "~1.5.0",
-    "storybook-addon-turbo-build": "~1.1.0",
+    "storybook": "~7.0.12",
+    "storybook-addon-turbo-build": "~2.0.1",
     "storybook-react-router": "~1.0.8",
     "style-loader": "~3.3.2",
-    "stylelint": "~15.3.0",
-    "stylelint-config-recommended": "~11.0.0",
+    "stylelint": "~15.6.1",
+    "stylelint-config-recommended": "~12.0.0",
     "stylelint-config-styled-components": "~0.1.1",
     "supertest": "~6.3.3",
     "swc-loader": "~0.2.3",
     "ts-node": "~10.9.1",
-    "tsc-alias": "~1.8.3",
-    "typedoc": "~0.23.27",
-    "typescript": "~5.0.2",
+    "tsc-alias": "~1.8.6",
+    "typedoc": "~0.24.7",
+    "typescript": "~5.0.4",
     "update-notifier": "~6.0.2",
     "url-loader": "~4.1.1",
     "uuid": "~9.0.0",
-    "vite": "~4.2.0",
-    "vitest": "~0.29.3",
-    "vite-tsconfig-paths": "~4.0.7",
-    "webpack": "~5.76.2",
+    "vite": "~4.3.6",
+    "vitest": "~0.31.0",
+    "vite-tsconfig-paths": "~4.2.0",
+    "webpack": "~5.82.1",
     "webpack-bundle-analyzer": "~4.8.0",
-    "webpack-cli": "~5.0.1",
-    "webpack-dev-server": "~4.12.0",
+    "webpack-cli": "~5.1.1",
+    "webpack-dev-server": "~4.15.0",
     "webpack-manifest-plugin": "~5.0.0",
     "webpack-merge": "~5.8.0",
     "whatwg-fetch": "~3.6.2",
     "workbox-webpack-plugin": "~6.5.4",
-    "yargs": "~17.7.1"
+    "yargs": "~17.7.2"
   },
   "devDependencies": {
     "@elliemae/pui-doc-gen": "~1.6.4",
     "react": "~18.2.0",
     "react-dom": "~18.2.0",
     "redux": "~4.2.1",
-    "redux-saga": "~1.2.2",
-    "styled-components": "~5.3.9"
+    "redux-saga": "~1.2.3",
+    "styled-components": "~5.3.10"
   }
 }