@commercetools-frontend/mc-scripts 21.23.10 → 21.24.0

package/dist/start-vite-324af14d.cjs.prod.js

@@ -0,0 +1,119 @@
+'use strict';
+
+var _parseInt = require('@babel/runtime-corejs3/core-js-stable/parse-int');
+var _JSON$stringify = require('@babel/runtime-corejs3/core-js-stable/json/stringify');
+var path = require('path');
+var pluginGraphql = require('@rollup/plugin-graphql');
+var pluginReact = require('@vitejs/plugin-react-swc');
+var fs = require('fs-extra');
+var vite = require('vite');
+var applicationConfig = require('@commercetools-frontend/application-config');
+var assets = require('@commercetools-frontend/assets');
+var mcHtmlTemplate = require('@commercetools-frontend/mc-html-template');
+var paths = require('./paths-284c77fb.cjs.prod.js');
+var _Object$assign = require('@babel/runtime-corejs3/core-js-stable/object/assign');
+var mcDevAuthentication = require('@commercetools-frontend/mc-dev-authentication');
+var vitePluginSvgr = require('./vite-plugin-svgr-9a4e7f77.cjs.prod.js');
+require('@babel/runtime-corejs3/core-js-stable/instance/find');
+require('@babel/runtime-corejs3/core-js-stable/instance/concat');
+require('fs');
+require('@rollup/pluginutils');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
+
+var _parseInt__default = /*#__PURE__*/_interopDefault(_parseInt);
+var _JSON$stringify__default = /*#__PURE__*/_interopDefault(_JSON$stringify);
+var path__default = /*#__PURE__*/_interopDefault(path);
+var pluginGraphql__default = /*#__PURE__*/_interopDefault(pluginGraphql);
+var pluginReact__default = /*#__PURE__*/_interopDefault(pluginReact);
+var fs__default = /*#__PURE__*/_interopDefault(fs);
+var _Object$assign__default = /*#__PURE__*/_interopDefault(_Object$assign);
+
+const vitePluginCustomApplication = applicationConfig => {
+  return {
+    name: 'custom-application',
+
+    configureServer(server) {
+      return () => {
+        // Users do not need to have/maintain the `index.html` (as expected by Vite)
+        // as it's generated and maintained by the Custom Application CLI.
+        // Therefore, the generated `index.html` (template) is written into the `/public`
+        // folder so that it's gitignored.
+        // As a result, we need to make sure to point the URI path to the correct location.
+        server.middlewares.use((req, _res, next) => {
+          if (req.url === '/index.html') {
+            req.url = '/public/index.html';
+          }
+
+          next();
+        }); // Handle auth routes for internal local development.
+
+        server.middlewares.use(mcDevAuthentication.createMcDevAuthenticationMiddleware(applicationConfig));
+      };
+    },
+
+    /**
+     * @type {import('vite').IndexHtmlTransformHook}
+     */
+    transformIndexHtml(rawHtml, _ctx) {
+      const compiledHeaders = mcHtmlTemplate.processHeaders(applicationConfig);
+
+      const enhancedLocalEnv = _Object$assign__default["default"]({}, applicationConfig.env, // Now that the app config is defined as a `env.json`, when we start the FE app
+      // to point to the local backend API by passing the `MC_API_URL` env does not
+      // work anymore). To make it work again, we can override the `env.json` config
+      // with the env variable before injecting the values into the index.html.
+      // NOTE: this is only necessary for development.
+      process.env.MC_API_URL ? {
+        mcApiUrl: process.env.MC_API_URL
+      } : {}); // Resolve the placeholders of the `index.html` (template) file, before serving it.
+
+
+      const html = mcHtmlTemplate.replaceHtmlPlaceholders(rawHtml, {
+        env: enhancedLocalEnv,
+        headers: compiledHeaders
+      });
+      return html;
+    }
+
+  };
+};
+
+async function run() {
+  const DEFAULT_PORT = _parseInt__default["default"](String(process.env.HTTP_PORT), 10) || 3001; // Load the Custom Application config file first.
+
+  const applicationConfig$1 = applicationConfig.processConfig(); // Ensure the `/public` folder exists.
+
+  fs__default["default"].mkdirSync(paths.paths.appBuild, {
+    recursive: true
+  }); // Generate `index.html` (template).
+
+  const appEntryPoint = path__default["default"].relative(paths.paths.appRoot, paths.paths.entryPoint);
+  const html = mcHtmlTemplate.generateTemplate({
+    // Define the module entry point (path relative to the `/public` folder).
+    // NOTE: that this is different from the production configuration.
+    scriptImports: ["<script type=\"module\" src=\"/../".concat(appEntryPoint, "\"></script>")]
+  }); // Write `index.html` (template) into the `/public` folder.
+
+  fs__default["default"].writeFileSync(paths.paths.appIndexHtml, html, {
+    encoding: 'utf8'
+  });
+  const server = await vite.createServer({
+    root: paths.paths.appRoot,
+    define: {
+      'process.env.DEBUG': _JSON$stringify__default["default"](false),
+      'process.env.NODE_ENV': _JSON$stringify__default["default"]('development')
+    },
+    server: {
+      port: DEFAULT_PORT
+    },
+    plugins: [pluginGraphql__default["default"](), pluginReact__default["default"](), vitePluginSvgr.vitePluginSvgr(), vitePluginCustomApplication(applicationConfig$1)]
+  });
+  await server.listen(); // Copy public assets to `/public` folder (even in development).
+
+  fs__default["default"].copySync(path__default["default"].join(assets.packageLocation, 'html-page'), paths.paths.appBuild, {
+    dereference: true
+  });
+  server.printUrls();
+}
+
+exports["default"] = run;

package/dist/start-vite-7d10ae71.esm.js

@@ -0,0 +1,107 @@
+import _parseInt from '@babel/runtime-corejs3/core-js-stable/parse-int';
+import _JSON$stringify from '@babel/runtime-corejs3/core-js-stable/json/stringify';
+import path from 'path';
+import pluginGraphql from '@rollup/plugin-graphql';
+import pluginReact from '@vitejs/plugin-react-swc';
+import fs from 'fs-extra';
+import { createServer } from 'vite';
+import { processConfig } from '@commercetools-frontend/application-config';
+import { packageLocation } from '@commercetools-frontend/assets';
+import { processHeaders, replaceHtmlPlaceholders, generateTemplate } from '@commercetools-frontend/mc-html-template';
+import { p as paths } from './paths-55c5d5a2.esm.js';
+import _Object$assign from '@babel/runtime-corejs3/core-js-stable/object/assign';
+import { createMcDevAuthenticationMiddleware } from '@commercetools-frontend/mc-dev-authentication';
+import { v as vitePluginSvgr } from './vite-plugin-svgr-f17db78a.esm.js';
+import '@babel/runtime-corejs3/core-js-stable/instance/find';
+import '@babel/runtime-corejs3/core-js-stable/instance/concat';
+import 'fs';
+import '@rollup/pluginutils';
+
+const vitePluginCustomApplication = applicationConfig => {
+  return {
+    name: 'custom-application',
+
+    configureServer(server) {
+      return () => {
+        // Users do not need to have/maintain the `index.html` (as expected by Vite)
+        // as it's generated and maintained by the Custom Application CLI.
+        // Therefore, the generated `index.html` (template) is written into the `/public`
+        // folder so that it's gitignored.
+        // As a result, we need to make sure to point the URI path to the correct location.
+        server.middlewares.use((req, _res, next) => {
+          if (req.url === '/index.html') {
+            req.url = '/public/index.html';
+          }
+
+          next();
+        }); // Handle auth routes for internal local development.
+
+        server.middlewares.use(createMcDevAuthenticationMiddleware(applicationConfig));
+      };
+    },
+
+    /**
+     * @type {import('vite').IndexHtmlTransformHook}
+     */
+    transformIndexHtml(rawHtml, _ctx) {
+      const compiledHeaders = processHeaders(applicationConfig);
+
+      const enhancedLocalEnv = _Object$assign({}, applicationConfig.env, // Now that the app config is defined as a `env.json`, when we start the FE app
+      // to point to the local backend API by passing the `MC_API_URL` env does not
+      // work anymore). To make it work again, we can override the `env.json` config
+      // with the env variable before injecting the values into the index.html.
+      // NOTE: this is only necessary for development.
+      process.env.MC_API_URL ? {
+        mcApiUrl: process.env.MC_API_URL
+      } : {}); // Resolve the placeholders of the `index.html` (template) file, before serving it.
+
+
+      const html = replaceHtmlPlaceholders(rawHtml, {
+        env: enhancedLocalEnv,
+        headers: compiledHeaders
+      });
+      return html;
+    }
+
+  };
+};
+
+async function run() {
+  const DEFAULT_PORT = _parseInt(String(process.env.HTTP_PORT), 10) || 3001; // Load the Custom Application config file first.
+
+  const applicationConfig = processConfig(); // Ensure the `/public` folder exists.
+
+  fs.mkdirSync(paths.appBuild, {
+    recursive: true
+  }); // Generate `index.html` (template).
+
+  const appEntryPoint = path.relative(paths.appRoot, paths.entryPoint);
+  const html = generateTemplate({
+    // Define the module entry point (path relative to the `/public` folder).
+    // NOTE: that this is different from the production configuration.
+    scriptImports: ["<script type=\"module\" src=\"/../".concat(appEntryPoint, "\"></script>")]
+  }); // Write `index.html` (template) into the `/public` folder.
+
+  fs.writeFileSync(paths.appIndexHtml, html, {
+    encoding: 'utf8'
+  });
+  const server = await createServer({
+    root: paths.appRoot,
+    define: {
+      'process.env.DEBUG': _JSON$stringify(false),
+      'process.env.NODE_ENV': _JSON$stringify('development')
+    },
+    server: {
+      port: DEFAULT_PORT
+    },
+    plugins: [pluginGraphql(), pluginReact(), vitePluginSvgr(), vitePluginCustomApplication(applicationConfig)]
+  });
+  await server.listen(); // Copy public assets to `/public` folder (even in development).
+
+  fs.copySync(path.join(packageLocation, 'html-page'), paths.appBuild, {
+    dereference: true
+  });
+  server.printUrls();
+}
+
+export { run as default };

package/dist/start-vite-8f03b0df.cjs.dev.js

@@ -0,0 +1,119 @@
+'use strict';
+
+var _parseInt = require('@babel/runtime-corejs3/core-js-stable/parse-int');
+var _JSON$stringify = require('@babel/runtime-corejs3/core-js-stable/json/stringify');
+var path = require('path');
+var pluginGraphql = require('@rollup/plugin-graphql');
+var pluginReact = require('@vitejs/plugin-react-swc');
+var fs = require('fs-extra');
+var vite = require('vite');
+var applicationConfig = require('@commercetools-frontend/application-config');
+var assets = require('@commercetools-frontend/assets');
+var mcHtmlTemplate = require('@commercetools-frontend/mc-html-template');
+var paths = require('./paths-db35ac0f.cjs.dev.js');
+var _Object$assign = require('@babel/runtime-corejs3/core-js-stable/object/assign');
+var mcDevAuthentication = require('@commercetools-frontend/mc-dev-authentication');
+var vitePluginSvgr = require('./vite-plugin-svgr-fdb37ccf.cjs.dev.js');
+require('@babel/runtime-corejs3/core-js-stable/instance/find');
+require('@babel/runtime-corejs3/core-js-stable/instance/concat');
+require('fs');
+require('@rollup/pluginutils');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
+
+var _parseInt__default = /*#__PURE__*/_interopDefault(_parseInt);
+var _JSON$stringify__default = /*#__PURE__*/_interopDefault(_JSON$stringify);
+var path__default = /*#__PURE__*/_interopDefault(path);
+var pluginGraphql__default = /*#__PURE__*/_interopDefault(pluginGraphql);
+var pluginReact__default = /*#__PURE__*/_interopDefault(pluginReact);
+var fs__default = /*#__PURE__*/_interopDefault(fs);
+var _Object$assign__default = /*#__PURE__*/_interopDefault(_Object$assign);
+
+const vitePluginCustomApplication = applicationConfig => {
+  return {
+    name: 'custom-application',
+
+    configureServer(server) {
+      return () => {
+        // Users do not need to have/maintain the `index.html` (as expected by Vite)
+        // as it's generated and maintained by the Custom Application CLI.
+        // Therefore, the generated `index.html` (template) is written into the `/public`
+        // folder so that it's gitignored.
+        // As a result, we need to make sure to point the URI path to the correct location.
+        server.middlewares.use((req, _res, next) => {
+          if (req.url === '/index.html') {
+            req.url = '/public/index.html';
+          }
+
+          next();
+        }); // Handle auth routes for internal local development.
+
+        server.middlewares.use(mcDevAuthentication.createMcDevAuthenticationMiddleware(applicationConfig));
+      };
+    },
+
+    /**
+     * @type {import('vite').IndexHtmlTransformHook}
+     */
+    transformIndexHtml(rawHtml, _ctx) {
+      const compiledHeaders = mcHtmlTemplate.processHeaders(applicationConfig);
+
+      const enhancedLocalEnv = _Object$assign__default["default"]({}, applicationConfig.env, // Now that the app config is defined as a `env.json`, when we start the FE app
+      // to point to the local backend API by passing the `MC_API_URL` env does not
+      // work anymore). To make it work again, we can override the `env.json` config
+      // with the env variable before injecting the values into the index.html.
+      // NOTE: this is only necessary for development.
+      process.env.MC_API_URL ? {
+        mcApiUrl: process.env.MC_API_URL
+      } : {}); // Resolve the placeholders of the `index.html` (template) file, before serving it.
+
+
+      const html = mcHtmlTemplate.replaceHtmlPlaceholders(rawHtml, {
+        env: enhancedLocalEnv,
+        headers: compiledHeaders
+      });
+      return html;
+    }
+
+  };
+};
+
+async function run() {
+  const DEFAULT_PORT = _parseInt__default["default"](String(process.env.HTTP_PORT), 10) || 3001; // Load the Custom Application config file first.
+
+  const applicationConfig$1 = applicationConfig.processConfig(); // Ensure the `/public` folder exists.
+
+  fs__default["default"].mkdirSync(paths.paths.appBuild, {
+    recursive: true
+  }); // Generate `index.html` (template).
+
+  const appEntryPoint = path__default["default"].relative(paths.paths.appRoot, paths.paths.entryPoint);
+  const html = mcHtmlTemplate.generateTemplate({
+    // Define the module entry point (path relative to the `/public` folder).
+    // NOTE: that this is different from the production configuration.
+    scriptImports: ["<script type=\"module\" src=\"/../".concat(appEntryPoint, "\"></script>")]
+  }); // Write `index.html` (template) into the `/public` folder.
+
+  fs__default["default"].writeFileSync(paths.paths.appIndexHtml, html, {
+    encoding: 'utf8'
+  });
+  const server = await vite.createServer({
+    root: paths.paths.appRoot,
+    define: {
+      'process.env.DEBUG': _JSON$stringify__default["default"](false),
+      'process.env.NODE_ENV': _JSON$stringify__default["default"]('development')
+    },
+    server: {
+      port: DEFAULT_PORT
+    },
+    plugins: [pluginGraphql__default["default"](), pluginReact__default["default"](), vitePluginSvgr.vitePluginSvgr(), vitePluginCustomApplication(applicationConfig$1)]
+  });
+  await server.listen(); // Copy public assets to `/public` folder (even in development).
+
+  fs__default["default"].copySync(path__default["default"].join(assets.packageLocation, 'html-page'), paths.paths.appBuild, {
+    dereference: true
+  });
+  server.printUrls();
+}
+
+exports["default"] = run;

package/dist/{vendors-to-transpile-367e0ba8.cjs.prod.js → vendors-to-transpile-04a49d40.cjs.prod.js}

@@ -1,5 +1,5 @@
 'use strict';
 
-var vendorsToTranspile = [];
+const vendorsToTranspile = [];
 
 exports.vendorsToTranspile = vendorsToTranspile;

package/dist/{vendors-to-transpile-b51af5d3.cjs.dev.js → vendors-to-transpile-6ab4ea06.cjs.dev.js}

@@ -1,5 +1,5 @@
 'use strict';
 
-var vendorsToTranspile = [];
+const vendorsToTranspile = [];
 
 exports.vendorsToTranspile = vendorsToTranspile;

package/dist/{vendors-to-transpile-68e03526.esm.js → vendors-to-transpile-7dc84a72.esm.js}

@@ -1,3 +1,3 @@
-var vendorsToTranspile = [];
+const vendorsToTranspile = [];
 
 export { vendorsToTranspile as v };

package/dist/vite-plugin-svgr-9a4e7f77.cjs.prod.js

@@ -0,0 +1,79 @@
+'use strict';
+
+var fs = require('fs');
+var pluginutils = require('@rollup/pluginutils');
+var vite = require('vite');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n["default"] = e;
+  return Object.freeze(n);
+}
+
+var fs__default = /*#__PURE__*/_interopDefault(fs);
+
+/**
+ * COPIED FROM https://github.com/pd4d10/vite-plugin-svgr
+ */
+
+function vitePluginSvgr() {
+  const filter = pluginutils.createFilter('**/*.react.svg');
+  return {
+    name: 'vite-plugin-svgr',
+
+    async transform(_code, id) {
+      if (filter(id)) {
+        const _await$import = await Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require('@svgr/core')); }),
+              transform = _await$import.transform;
+
+        const svgCode = await fs__default["default"].promises.readFile(id, 'utf8');
+        const componentCode = await transform(svgCode, {
+          icon: false,
+          svgoConfig: {
+            plugins: [{
+              // https://github.com/svg/svgo#default-preset
+              name: 'preset-default',
+              params: {
+                overrides: {
+                  removeViewBox: false
+                }
+              }
+            }]
+          }
+        }, {
+          filePath: id,
+          caller: {
+            previousExport: null
+          }
+        });
+        const res = await vite.transformWithEsbuild(componentCode, id, {
+          loader: 'jsx'
+        });
+        return {
+          code: res.code,
+          map: null // TODO:
+
+        };
+      }
+
+      return null;
+    }
+
+  };
+}
+
+exports.vitePluginSvgr = vitePluginSvgr;

package/dist/vite-plugin-svgr-f17db78a.esm.js

@@ -0,0 +1,55 @@
+import fs from 'fs';
+import { createFilter } from '@rollup/pluginutils';
+import { transformWithEsbuild } from 'vite';
+
+/**
+ * COPIED FROM https://github.com/pd4d10/vite-plugin-svgr
+ */
+
+function vitePluginSvgr() {
+  const filter = createFilter('**/*.react.svg');
+  return {
+    name: 'vite-plugin-svgr',
+
+    async transform(_code, id) {
+      if (filter(id)) {
+        const _await$import = await import('@svgr/core'),
+              transform = _await$import.transform;
+
+        const svgCode = await fs.promises.readFile(id, 'utf8');
+        const componentCode = await transform(svgCode, {
+          icon: false,
+          svgoConfig: {
+            plugins: [{
+              // https://github.com/svg/svgo#default-preset
+              name: 'preset-default',
+              params: {
+                overrides: {
+                  removeViewBox: false
+                }
+              }
+            }]
+          }
+        }, {
+          filePath: id,
+          caller: {
+            previousExport: null
+          }
+        });
+        const res = await transformWithEsbuild(componentCode, id, {
+          loader: 'jsx'
+        });
+        return {
+          code: res.code,
+          map: null // TODO:
+
+        };
+      }
+
+      return null;
+    }
+
+  };
+}
+
+export { vitePluginSvgr as v };

package/dist/vite-plugin-svgr-fdb37ccf.cjs.dev.js

@@ -0,0 +1,79 @@
+'use strict';
+
+var fs = require('fs');
+var pluginutils = require('@rollup/pluginutils');
+var vite = require('vite');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n["default"] = e;
+  return Object.freeze(n);
+}
+
+var fs__default = /*#__PURE__*/_interopDefault(fs);
+
+/**
+ * COPIED FROM https://github.com/pd4d10/vite-plugin-svgr
+ */
+
+function vitePluginSvgr() {
+  const filter = pluginutils.createFilter('**/*.react.svg');
+  return {
+    name: 'vite-plugin-svgr',
+
+    async transform(_code, id) {
+      if (filter(id)) {
+        const _await$import = await Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require('@svgr/core')); }),
+              transform = _await$import.transform;
+
+        const svgCode = await fs__default["default"].promises.readFile(id, 'utf8');
+        const componentCode = await transform(svgCode, {
+          icon: false,
+          svgoConfig: {
+            plugins: [{
+              // https://github.com/svg/svgo#default-preset
+              name: 'preset-default',
+              params: {
+                overrides: {
+                  removeViewBox: false
+                }
+              }
+            }]
+          }
+        }, {
+          filePath: id,
+          caller: {
+            previousExport: null
+          }
+        });
+        const res = await vite.transformWithEsbuild(componentCode, id, {
+          loader: 'jsx'
+        });
+        return {
+          code: res.code,
+          map: null // TODO:
+
+        };
+      }
+
+      return null;
+    }
+
+  };
+}
+
+exports.vitePluginSvgr = vitePluginSvgr;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@commercetools-frontend/mc-scripts",
-  "version": "21.23.10",
+  "version": "21.24.0",
   "description": "Configuration and scripts for developing a MC application",
   "bugs": "https://github.com/commercetools/merchant-center-application-kit/issues",
   "repository": {
@@ -46,12 +46,12 @@
     "@babel/core": "^7.20.12",
     "@babel/runtime": "^7.20.13",
     "@babel/runtime-corejs3": "^7.20.13",
-    "@commercetools-frontend/application-config": "21.23.10",
-    "@commercetools-frontend/assets": "21.23.10",
-    "@commercetools-frontend/babel-preset-mc-app": "21.23.10",
-    "@commercetools-frontend/constants": "21.23.10",
-    "@commercetools-frontend/mc-dev-authentication": "21.23.10",
-    "@commercetools-frontend/mc-html-template": "21.23.10",
+    "@commercetools-frontend/application-config": "21.24.0",
+    "@commercetools-frontend/assets": "21.24.0",
+    "@commercetools-frontend/babel-preset-mc-app": "21.24.0",
+    "@commercetools-frontend/constants": "21.24.0",
+    "@commercetools-frontend/mc-dev-authentication": "21.24.0",
+    "@commercetools-frontend/mc-html-template": "21.24.0",
     "@commercetools/http-user-agent": "3.0.0",
     "@pmmmwh/react-refresh-webpack-plugin": "0.5.10",
     "@rollup/plugin-graphql": "2.0.3",
@@ -61,8 +61,9 @@
     "@svgr/webpack": "^6.5.1",
     "@types/prompts": "^2.4.2",
     "@types/svgo": "^2.6.4",
+    "@types/webpack-bundle-analyzer": "^4.6.0",
     "@vitejs/plugin-react": "3.1.0",
-    "@vitejs/plugin-react-swc": "3.1.0",
+    "@vitejs/plugin-react-swc": "3.2.0",
     "autoprefixer": "^10.4.13",
     "babel-loader": "8.3.0",
     "browserslist": "^4.21.5",
@@ -75,12 +76,12 @@
     "dotenv-expand": "8.0.3",
     "fs-extra": "10.1.0",
     "graphql": "16.6.0",
-    "graphql-request": "5.1.0",
+    "graphql-request": "5.2.0",
     "graphql-tag": "^2.12.6",
     "html-webpack-plugin": "5.5.0",
     "json-loader": "0.5.7",
     "lodash": "4.17.21",
-    "mini-css-extract-plugin": "2.7.2",
+    "mini-css-extract-plugin": "2.7.5",
     "moment-locales-webpack-plugin": "1.2.0",
     "node-fetch": "2.6.9",
     "postcss": "8.4.21",
@@ -96,15 +97,15 @@
     "react-refresh": "0.14.0",
     "serve-handler": "6.1.5",
     "shelljs": "0.8.5",
-    "style-loader": "3.3.1",
+    "style-loader": "3.3.2",
     "svg-url-loader": "7.1.1",
-    "terser-webpack-plugin": "5.3.6",
+    "terser-webpack-plugin": "5.3.7",
     "thread-loader": "3.0.4",
     "url": "^0.11.0",
-    "vite": "4.1.1",
-    "webpack": "5.75.0",
+    "vite": "4.2.0",
+    "webpack": "5.76.2",
     "webpack-bundle-analyzer": "4.8.0",
-    "webpack-dev-server": "4.11.1",
+    "webpack-dev-server": "4.12.0",
     "webpackbar": "5.0.2"
   },
   "devDependencies": {
@@ -115,7 +116,7 @@
     "@types/node-fetch": "2.6.2",
     "@types/serve-handler": "^6.1.1",
     "mock-fs": "^5.2.0",
-    "msw": "0.47.4",
+    "msw": "0.49.3",
     "rimraf": "3.0.2"
   },
   "engines": {

package/postcss/dist/commercetools-frontend-mc-scripts-postcss.cjs.dev.js

@@ -2,12 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var createPostcssConfig = require('../../dist/create-postcss-config-f65c7e31.cjs.dev.js');
-require('@babel/runtime-corejs3/helpers/toConsumableArray');
+var createPostcssConfig = require('../../dist/create-postcss-config-5cc679d5.cjs.dev.js');
 require('@babel/runtime-corejs3/helpers/slicedToArray');
-require('@babel/runtime-corejs3/core-js-stable/instance/concat');
 require('path');
-require('../../dist/package-e2d9b5e0.cjs.dev.js');
+require('../../dist/package-c42dc2ac.cjs.dev.js');