@commercetools-frontend/mc-scripts 27.4.1 → 27.5.0

package/dist/{package-d8f5b403.cjs.dev.js → package-dfc9c56b.cjs.prod.js}

@@ -2,7 +2,7 @@
 
 var pkgJson = {
 	name: "@commercetools-frontend/mc-scripts",
-	version: "27.4.0",
+	version: "27.5.0",
 	description: "Configuration and scripts for developing a MC application",
 	bugs: "https://github.com/commercetools/merchant-center-application-kit/issues",
 	repository: {
@@ -63,13 +63,13 @@ var pkgJson = {
 		"@babel/plugin-proposal-do-expressions": "^7.22.5",
 		"@babel/runtime": "^7.22.15",
 		"@babel/runtime-corejs3": "^7.22.15",
-		"@commercetools-frontend/application-components": "27.4.0",
-		"@commercetools-frontend/application-config": "27.4.0",
-		"@commercetools-frontend/assets": "27.4.0",
-		"@commercetools-frontend/babel-preset-mc-app": "27.4.0",
-		"@commercetools-frontend/constants": "27.4.0",
-		"@commercetools-frontend/mc-dev-authentication": "27.4.0",
-		"@commercetools-frontend/mc-html-template": "27.4.0",
+		"@commercetools-frontend/application-components": "27.5.0",
+		"@commercetools-frontend/application-config": "27.5.0",
+		"@commercetools-frontend/assets": "27.5.0",
+		"@commercetools-frontend/babel-preset-mc-app": "27.5.0",
+		"@commercetools-frontend/constants": "27.5.0",
+		"@commercetools-frontend/mc-dev-authentication": "27.5.0",
+		"@commercetools-frontend/mc-html-template": "27.5.0",
 		"@commercetools/http-user-agent": "3.0.0",
 		"@emotion/babel-plugin": "^11.13.5",
 		"@formatjs/cli-lib": "^6.3.8",
@@ -93,7 +93,7 @@ var pkgJson = {
 		commander: "^13.1.0",
 		"core-js": "^3.32.2",
 		"css-loader": "6.11.0",
-		"css-minimizer-webpack-plugin": "3.4.1",
+		"css-minimizer-webpack-plugin": "^8.0.0",
 		dotenv: "16.6.1",
 		"dotenv-expand": "8.0.3",
 		"fs-extra": "10.1.0",
@@ -110,7 +110,7 @@ var pkgJson = {
 		"moment-locales-webpack-plugin": "1.2.0",
 		"node-fetch": "2.7.0",
 		open: "^10.1.0",
-		postcss: "8.5.6",
+		postcss: "^8.5.12",
 		"postcss-custom-media": "8.0.2",
 		"postcss-custom-properties": "12.1.4",
 		"postcss-import": "14.1.0",
@@ -122,12 +122,12 @@ var pkgJson = {
 		"react-dev-utils": "12.0.1",
 		"react-refresh": "0.17.0",
 		"rollup-plugin-visualizer": "^5.14.0",
-		"serve-handler": "6.1.7",
 		sharp: "^0.34.1",
 		shelljs: "0.10.0",
+		sirv: "^3.0.2",
 		"style-loader": "3.3.4",
 		"svg-url-loader": "7.1.1",
-		"terser-webpack-plugin": "5.3.14",
+		"terser-webpack-plugin": "^5.5.0",
 		"thread-loader": "3.0.4",
 		url: "^0.11.0",
 		vite: "~6.4.2",
@@ -145,7 +145,6 @@ var pkgJson = {
 		"@types/moment-locales-webpack-plugin": "^1.2.3",
 		"@types/node-fetch": "2.6.13",
 		"@types/prettier": "2.7.3",
-		"@types/serve-handler": "^6.1.1",
 		"jest-mock": "29.7.0",
 		memfs: "^4.8.2",
 		msw: "^1.3.5",
@@ -153,7 +152,7 @@ var pkgJson = {
 		rimraf: "6.0.1"
 	},
 	engines: {
-		node: "18.x || 20.x || >=22.0.0"
+		node: "20.x || >=22.0.0"
 	},
 	peerDependencies: {
 		puppeteer: ">=20.0.0"

package/dist/serve-00294d34.esm.js

@@ -0,0 +1,77 @@
+import _startsWithInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/starts-with';
+import _bindInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/bind';
+import _URL from '@babel/runtime-corejs3/core-js-stable/url';
+import _Promise from '@babel/runtime-corejs3/core-js-stable/promise';
+import http from 'http';
+import sirv from 'sirv';
+import { processConfig } from '@commercetools-frontend/application-config';
+import { p as paths } from './paths-39f22b8b.esm.js';
+import '@babel/runtime-corejs3/core-js-stable/instance/find';
+import 'fs';
+import 'path';
+import './does-file-exist-32618334.esm.js';
+import 'node:fs';
+
+const DEFAULT_PORT = 3001;
+async function run() {
+  var _context;
+  let options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  const port = options.port ?? DEFAULT_PORT;
+  const publicPath = options.publicPath ?? paths.appBuild;
+  const applicationConfig = options.applicationConfig ?? (await processConfig());
+  const handleAuthRoutes = options.handleAuthRoutes ?? true;
+  const isLocalMcApi = _startsWithInstanceProperty(_context = applicationConfig.env.mcApiUrl).call(_context, 'http://localhost');
+
+  // `single: true` gives us the SPA fallback — any unmatched path is served as
+  // the root `index.html`. This replaces the complex glob workaround that
+  // `serve-handler` needed because of vercel/serve-handler#71.
+  const staticHandler = sirv(publicPath, {
+    single: true,
+    etag: true
+  });
+  const server = http.createServer((request, response) => {
+    var _context0, _context1;
+    // Apps that own the `/login*` / `/logout*` routes themselves (e.g.
+    // `application-authentication`) opt out via `handleAuthRoutes: false` so
+    // those paths flow through to the SPA fallback like any other route.
+    if (handleAuthRoutes) {
+      var _context2, _context3, _context4, _context5, _context6, _context7, _context8, _context9;
+      // Localhost-only: inline replacement for the login/logout UI that
+      // `mc-dev-authentication` used to ship as static HTML (#3734).
+      if (isLocalMcApi && ((_context2 = request.url) == null ? void 0 : _bindInstanceProperty(_context3 = Function.call).call(_context3, _startsWithInstanceProperty(_context2), _context2))?.('/login/authorize')) {
+        const redirectTo = new _URL(request.url, applicationConfig.env.mcApiUrl);
+        response.writeHead(301, {
+          Location: redirectTo.toString()
+        }).end();
+        return;
+      }
+      if (isLocalMcApi && ((_context4 = request.url) == null ? void 0 : _bindInstanceProperty(_context5 = Function.call).call(_context5, _startsWithInstanceProperty(_context4), _context4))?.('/logout')) {
+        response.end('Please clear your session storage.');
+        return;
+      }
+
+      // Preserve the pre-swap contract: any other `/login*` or `/logout*`
+      // request (bare `/login`, non-localhost auth callbacks, etc.) must NOT
+      // fall back to the SPA — that would mask OAuth callback
+      // misconfigurations by rendering the app on a URL the backend owns.
+      if (((_context6 = request.url) == null ? void 0 : _bindInstanceProperty(_context7 = Function.call).call(_context7, _startsWithInstanceProperty(_context6), _context6))?.('/login') || ((_context8 = request.url) == null ? void 0 : _bindInstanceProperty(_context9 = Function.call).call(_context9, _startsWithInstanceProperty(_context8), _context8))?.('/logout')) {
+        response.writeHead(404).end();
+        return;
+      }
+    }
+
+    // Absorb `/favicon*` variants (e.g. `/favicon.ico`, `/favicon-32x32.png`)
+    // into the single PNG the app ships.
+    if (((_context0 = request.url) == null ? void 0 : _bindInstanceProperty(_context1 = Function.call).call(_context1, _startsWithInstanceProperty(_context0), _context0))?.('/favicon')) {
+      request.url = '/favicon.png';
+    }
+    staticHandler(request, response, () => {
+      response.writeHead(404).end();
+    });
+  });
+  return new _Promise(resolve => {
+    server.listen(port, () => resolve(server));
+  });
+}
+
+export { run as default };

package/dist/serve-81db9f2e.cjs.dev.js

@@ -0,0 +1,88 @@
+'use strict';
+
+var _startsWithInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/starts-with');
+var _bindInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/bind');
+var _URL = require('@babel/runtime-corejs3/core-js-stable/url');
+var _Promise = require('@babel/runtime-corejs3/core-js-stable/promise');
+var http = require('http');
+var sirv = require('sirv');
+var applicationConfig = require('@commercetools-frontend/application-config');
+var paths = require('./paths-b76fc753.cjs.dev.js');
+require('@babel/runtime-corejs3/core-js-stable/instance/find');
+require('fs');
+require('path');
+require('./does-file-exist-eb86baca.cjs.dev.js');
+require('node:fs');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
+
+var _startsWithInstanceProperty__default = /*#__PURE__*/_interopDefault(_startsWithInstanceProperty);
+var _bindInstanceProperty__default = /*#__PURE__*/_interopDefault(_bindInstanceProperty);
+var _URL__default = /*#__PURE__*/_interopDefault(_URL);
+var _Promise__default = /*#__PURE__*/_interopDefault(_Promise);
+var http__default = /*#__PURE__*/_interopDefault(http);
+var sirv__default = /*#__PURE__*/_interopDefault(sirv);
+
+const DEFAULT_PORT = 3001;
+async function run() {
+  var _context;
+  let options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  const port = options.port ?? DEFAULT_PORT;
+  const publicPath = options.publicPath ?? paths.paths.appBuild;
+  const applicationConfig$1 = options.applicationConfig ?? (await applicationConfig.processConfig());
+  const handleAuthRoutes = options.handleAuthRoutes ?? true;
+  const isLocalMcApi = _startsWithInstanceProperty__default["default"](_context = applicationConfig$1.env.mcApiUrl).call(_context, 'http://localhost');
+
+  // `single: true` gives us the SPA fallback — any unmatched path is served as
+  // the root `index.html`. This replaces the complex glob workaround that
+  // `serve-handler` needed because of vercel/serve-handler#71.
+  const staticHandler = sirv__default["default"](publicPath, {
+    single: true,
+    etag: true
+  });
+  const server = http__default["default"].createServer((request, response) => {
+    var _context0, _context1;
+    // Apps that own the `/login*` / `/logout*` routes themselves (e.g.
+    // `application-authentication`) opt out via `handleAuthRoutes: false` so
+    // those paths flow through to the SPA fallback like any other route.
+    if (handleAuthRoutes) {
+      var _context2, _context3, _context4, _context5, _context6, _context7, _context8, _context9;
+      // Localhost-only: inline replacement for the login/logout UI that
+      // `mc-dev-authentication` used to ship as static HTML (#3734).
+      if (isLocalMcApi && ((_context2 = request.url) == null ? void 0 : _bindInstanceProperty__default["default"](_context3 = Function.call).call(_context3, _startsWithInstanceProperty__default["default"](_context2), _context2))?.('/login/authorize')) {
+        const redirectTo = new _URL__default["default"](request.url, applicationConfig$1.env.mcApiUrl);
+        response.writeHead(301, {
+          Location: redirectTo.toString()
+        }).end();
+        return;
+      }
+      if (isLocalMcApi && ((_context4 = request.url) == null ? void 0 : _bindInstanceProperty__default["default"](_context5 = Function.call).call(_context5, _startsWithInstanceProperty__default["default"](_context4), _context4))?.('/logout')) {
+        response.end('Please clear your session storage.');
+        return;
+      }
+
+      // Preserve the pre-swap contract: any other `/login*` or `/logout*`
+      // request (bare `/login`, non-localhost auth callbacks, etc.) must NOT
+      // fall back to the SPA — that would mask OAuth callback
+      // misconfigurations by rendering the app on a URL the backend owns.
+      if (((_context6 = request.url) == null ? void 0 : _bindInstanceProperty__default["default"](_context7 = Function.call).call(_context7, _startsWithInstanceProperty__default["default"](_context6), _context6))?.('/login') || ((_context8 = request.url) == null ? void 0 : _bindInstanceProperty__default["default"](_context9 = Function.call).call(_context9, _startsWithInstanceProperty__default["default"](_context8), _context8))?.('/logout')) {
+        response.writeHead(404).end();
+        return;
+      }
+    }
+
+    // Absorb `/favicon*` variants (e.g. `/favicon.ico`, `/favicon-32x32.png`)
+    // into the single PNG the app ships.
+    if (((_context0 = request.url) == null ? void 0 : _bindInstanceProperty__default["default"](_context1 = Function.call).call(_context1, _startsWithInstanceProperty__default["default"](_context0), _context0))?.('/favicon')) {
+      request.url = '/favicon.png';
+    }
+    staticHandler(request, response, () => {
+      response.writeHead(404).end();
+    });
+  });
+  return new _Promise__default["default"](resolve => {
+    server.listen(port, () => resolve(server));
+  });
+}
+
+exports["default"] = run;

package/dist/serve-d62433a1.cjs.prod.js

@@ -0,0 +1,88 @@
+'use strict';
+
+var _startsWithInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/starts-with');
+var _bindInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/bind');
+var _URL = require('@babel/runtime-corejs3/core-js-stable/url');
+var _Promise = require('@babel/runtime-corejs3/core-js-stable/promise');
+var http = require('http');
+var sirv = require('sirv');
+var applicationConfig = require('@commercetools-frontend/application-config');
+var paths = require('./paths-7768b440.cjs.prod.js');
+require('@babel/runtime-corejs3/core-js-stable/instance/find');
+require('fs');
+require('path');
+require('./does-file-exist-be53305d.cjs.prod.js');
+require('node:fs');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
+
+var _startsWithInstanceProperty__default = /*#__PURE__*/_interopDefault(_startsWithInstanceProperty);
+var _bindInstanceProperty__default = /*#__PURE__*/_interopDefault(_bindInstanceProperty);
+var _URL__default = /*#__PURE__*/_interopDefault(_URL);
+var _Promise__default = /*#__PURE__*/_interopDefault(_Promise);
+var http__default = /*#__PURE__*/_interopDefault(http);
+var sirv__default = /*#__PURE__*/_interopDefault(sirv);
+
+const DEFAULT_PORT = 3001;
+async function run() {
+  var _context;
+  let options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  const port = options.port ?? DEFAULT_PORT;
+  const publicPath = options.publicPath ?? paths.paths.appBuild;
+  const applicationConfig$1 = options.applicationConfig ?? (await applicationConfig.processConfig());
+  const handleAuthRoutes = options.handleAuthRoutes ?? true;
+  const isLocalMcApi = _startsWithInstanceProperty__default["default"](_context = applicationConfig$1.env.mcApiUrl).call(_context, 'http://localhost');
+
+  // `single: true` gives us the SPA fallback — any unmatched path is served as
+  // the root `index.html`. This replaces the complex glob workaround that
+  // `serve-handler` needed because of vercel/serve-handler#71.
+  const staticHandler = sirv__default["default"](publicPath, {
+    single: true,
+    etag: true
+  });
+  const server = http__default["default"].createServer((request, response) => {
+    var _context0, _context1;
+    // Apps that own the `/login*` / `/logout*` routes themselves (e.g.
+    // `application-authentication`) opt out via `handleAuthRoutes: false` so
+    // those paths flow through to the SPA fallback like any other route.
+    if (handleAuthRoutes) {
+      var _context2, _context3, _context4, _context5, _context6, _context7, _context8, _context9;
+      // Localhost-only: inline replacement for the login/logout UI that
+      // `mc-dev-authentication` used to ship as static HTML (#3734).
+      if (isLocalMcApi && ((_context2 = request.url) == null ? void 0 : _bindInstanceProperty__default["default"](_context3 = Function.call).call(_context3, _startsWithInstanceProperty__default["default"](_context2), _context2))?.('/login/authorize')) {
+        const redirectTo = new _URL__default["default"](request.url, applicationConfig$1.env.mcApiUrl);
+        response.writeHead(301, {
+          Location: redirectTo.toString()
+        }).end();
+        return;
+      }
+      if (isLocalMcApi && ((_context4 = request.url) == null ? void 0 : _bindInstanceProperty__default["default"](_context5 = Function.call).call(_context5, _startsWithInstanceProperty__default["default"](_context4), _context4))?.('/logout')) {
+        response.end('Please clear your session storage.');
+        return;
+      }
+
+      // Preserve the pre-swap contract: any other `/login*` or `/logout*`
+      // request (bare `/login`, non-localhost auth callbacks, etc.) must NOT
+      // fall back to the SPA — that would mask OAuth callback
+      // misconfigurations by rendering the app on a URL the backend owns.
+      if (((_context6 = request.url) == null ? void 0 : _bindInstanceProperty__default["default"](_context7 = Function.call).call(_context7, _startsWithInstanceProperty__default["default"](_context6), _context6))?.('/login') || ((_context8 = request.url) == null ? void 0 : _bindInstanceProperty__default["default"](_context9 = Function.call).call(_context9, _startsWithInstanceProperty__default["default"](_context8), _context8))?.('/logout')) {
+        response.writeHead(404).end();
+        return;
+      }
+    }
+
+    // Absorb `/favicon*` variants (e.g. `/favicon.ico`, `/favicon-32x32.png`)
+    // into the single PNG the app ships.
+    if (((_context0 = request.url) == null ? void 0 : _bindInstanceProperty__default["default"](_context1 = Function.call).call(_context1, _startsWithInstanceProperty__default["default"](_context0), _context0))?.('/favicon')) {
+      request.url = '/favicon.png';
+    }
+    staticHandler(request, response, () => {
+      response.writeHead(404).end();
+    });
+  });
+  return new _Promise__default["default"](resolve => {
+    server.listen(port, () => resolve(server));
+  });
+}
+
+exports["default"] = run;

package/dist/{start-e1dffbe2.cjs.dev.js → start-32bc9eca.cjs.dev.js}

@@ -9,7 +9,7 @@ var openBrowser = require('react-dev-utils/openBrowser');
 var WebpackDevServerUtils = require('react-dev-utils/WebpackDevServerUtils');
 var webpack = require('webpack');
 var WebpackDevServer = require('webpack-dev-server');
-var createWebpackConfigForDevelopment = require('./create-webpack-config-for-development-736b37a1.cjs.dev.js');
+var createWebpackConfigForDevelopment = require('./create-webpack-config-for-development-65abeb3f.cjs.dev.js');
 var paths = require('./paths-b76fc753.cjs.dev.js');
 var applicationConfig = require('@commercetools-frontend/application-config');
 var mcDevAuthentication = require('@commercetools-frontend/mc-dev-authentication');
@@ -36,11 +36,10 @@ require('webpackbar');
 require('@babel/runtime-corejs3/helpers/classCallCheck');
 require('@babel/runtime-corejs3/helpers/createClass');
 require('@babel/runtime-corejs3/core-js-stable/object/assign');
-require('./create-postcss-config-880af1a5.cjs.dev.js');
+require('./create-postcss-config-1b021fb2.cjs.dev.js');
 require('@babel/runtime-corejs3/helpers/slicedToArray');
-require('./package-d8f5b403.cjs.dev.js');
-require('./has-jsx-runtime-aa5d21ee.cjs.dev.js');
-require('./optimizations-7789145e.cjs.dev.js');
+require('./package-c8f39856.cjs.dev.js');
+require('./optimizations-56be74d6.cjs.dev.js');
 require('@babel/runtime-corejs3/core-js-stable/instance/reduce');
 require('@babel/runtime-corejs3/core-js-stable/object/entries');
 require('@babel/runtime-corejs3/core-js-stable/instance/includes');

package/dist/{start-a35e973b.cjs.prod.js → start-5eb60c74.cjs.prod.js}

@@ -9,7 +9,7 @@ var openBrowser = require('react-dev-utils/openBrowser');
 var WebpackDevServerUtils = require('react-dev-utils/WebpackDevServerUtils');
 var webpack = require('webpack');
 var WebpackDevServer = require('webpack-dev-server');
-var createWebpackConfigForDevelopment = require('./create-webpack-config-for-development-22db7e21.cjs.prod.js');
+var createWebpackConfigForDevelopment = require('./create-webpack-config-for-development-1db101e2.cjs.prod.js');
 var paths = require('./paths-7768b440.cjs.prod.js');
 var applicationConfig = require('@commercetools-frontend/application-config');
 var mcDevAuthentication = require('@commercetools-frontend/mc-dev-authentication');
@@ -36,11 +36,10 @@ require('webpackbar');
 require('@babel/runtime-corejs3/helpers/classCallCheck');
 require('@babel/runtime-corejs3/helpers/createClass');
 require('@babel/runtime-corejs3/core-js-stable/object/assign');
-require('./create-postcss-config-f732c04c.cjs.prod.js');
+require('./create-postcss-config-434fe673.cjs.prod.js');
 require('@babel/runtime-corejs3/helpers/slicedToArray');
-require('./package-2bdb4e7b.cjs.prod.js');
-require('./has-jsx-runtime-c3202df5.cjs.prod.js');
-require('./optimizations-fb93514f.cjs.prod.js');
+require('./package-dfc9c56b.cjs.prod.js');
+require('./optimizations-da5a0cfa.cjs.prod.js');
 require('@babel/runtime-corejs3/core-js-stable/instance/reduce');
 require('@babel/runtime-corejs3/core-js-stable/object/entries');
 require('@babel/runtime-corejs3/core-js-stable/instance/includes');

package/dist/{start-8d77546d.esm.js → start-6fc3b235.esm.js}

@@ -7,7 +7,7 @@ import openBrowser from 'react-dev-utils/openBrowser';
 import { choosePort, prepareUrls, createCompiler } from 'react-dev-utils/WebpackDevServerUtils';
 import webpack from 'webpack';
 import WebpackDevServer from 'webpack-dev-server';
-import { c as createWebpackConfigForDevelopment } from './create-webpack-config-for-development-fa4927c0.esm.js';
+import { c as createWebpackConfigForDevelopment } from './create-webpack-config-for-development-fd981a20.esm.js';
 import { p as paths } from './paths-39f22b8b.esm.js';
 import { processConfig } from '@commercetools-frontend/application-config';
 import { createMcDevAuthenticationMiddleware } from '@commercetools-frontend/mc-dev-authentication';
@@ -34,11 +34,10 @@ import 'webpackbar';
 import '@babel/runtime-corejs3/helpers/classCallCheck';
 import '@babel/runtime-corejs3/helpers/createClass';
 import '@babel/runtime-corejs3/core-js-stable/object/assign';
-import './create-postcss-config-257247d7.esm.js';
+import './create-postcss-config-505c5a4e.esm.js';
 import '@babel/runtime-corejs3/helpers/slicedToArray';
-import './package-8926f3f0.esm.js';
-import './has-jsx-runtime-e3ecb09b.esm.js';
-import './optimizations-bf991634.esm.js';
+import './package-02f0532d.esm.js';
+import './optimizations-54382f7b.esm.js';
 import '@babel/runtime-corejs3/core-js-stable/instance/reduce';
 import '@babel/runtime-corejs3/core-js-stable/object/entries';
 import '@babel/runtime-corejs3/core-js-stable/instance/includes';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@commercetools-frontend/mc-scripts",
-  "version": "27.4.1",
+  "version": "27.5.0",
   "description": "Configuration and scripts for developing a MC application",
   "bugs": "https://github.com/commercetools/merchant-center-application-kit/issues",
   "repository": {
@@ -61,13 +61,13 @@
     "@babel/plugin-proposal-do-expressions": "^7.22.5",
     "@babel/runtime": "^7.22.15",
     "@babel/runtime-corejs3": "^7.22.15",
-    "@commercetools-frontend/application-components": "27.4.1",
-    "@commercetools-frontend/application-config": "27.4.1",
-    "@commercetools-frontend/assets": "27.4.1",
-    "@commercetools-frontend/babel-preset-mc-app": "27.4.1",
-    "@commercetools-frontend/constants": "27.4.1",
-    "@commercetools-frontend/mc-dev-authentication": "27.4.1",
-    "@commercetools-frontend/mc-html-template": "27.4.1",
+    "@commercetools-frontend/application-components": "27.5.0",
+    "@commercetools-frontend/application-config": "27.5.0",
+    "@commercetools-frontend/assets": "27.5.0",
+    "@commercetools-frontend/babel-preset-mc-app": "27.5.0",
+    "@commercetools-frontend/constants": "27.5.0",
+    "@commercetools-frontend/mc-dev-authentication": "27.5.0",
+    "@commercetools-frontend/mc-html-template": "27.5.0",
     "@commercetools/http-user-agent": "3.0.0",
     "@emotion/babel-plugin": "^11.13.5",
     "@formatjs/cli-lib": "^6.3.8",
@@ -91,7 +91,7 @@
     "commander": "^13.1.0",
     "core-js": "^3.32.2",
     "css-loader": "6.11.0",
-    "css-minimizer-webpack-plugin": "3.4.1",
+    "css-minimizer-webpack-plugin": "^8.0.0",
     "dotenv": "16.6.1",
     "dotenv-expand": "8.0.3",
     "fs-extra": "10.1.0",
@@ -108,7 +108,7 @@
     "moment-locales-webpack-plugin": "1.2.0",
     "node-fetch": "2.7.0",
     "open": "^10.1.0",
-    "postcss": "8.5.6",
+    "postcss": "^8.5.12",
     "postcss-custom-media": "8.0.2",
     "postcss-custom-properties": "12.1.4",
     "postcss-import": "14.1.0",
@@ -120,12 +120,12 @@
     "react-dev-utils": "12.0.1",
     "react-refresh": "0.17.0",
     "rollup-plugin-visualizer": "^5.14.0",
-    "serve-handler": "6.1.7",
     "sharp": "^0.34.1",
     "shelljs": "0.10.0",
+    "sirv": "^3.0.2",
     "style-loader": "3.3.4",
     "svg-url-loader": "7.1.1",
-    "terser-webpack-plugin": "5.3.14",
+    "terser-webpack-plugin": "^5.5.0",
     "thread-loader": "3.0.4",
     "url": "^0.11.0",
     "vite": "~6.4.2",
@@ -143,7 +143,6 @@
     "@types/moment-locales-webpack-plugin": "^1.2.3",
     "@types/node-fetch": "2.6.13",
     "@types/prettier": "2.7.3",
-    "@types/serve-handler": "^6.1.1",
     "jest-mock": "29.7.0",
     "memfs": "^4.8.2",
     "msw": "^1.3.5",
@@ -151,7 +150,7 @@
     "rimraf": "6.0.1"
   },
   "engines": {
-    "node": "18.x || 20.x || >=22.0.0"
+    "node": "20.x || >=22.0.0"
   },
   "peerDependencies": {
     "puppeteer": ">=20.0.0"

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

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var createPostcssConfig = require('../../dist/create-postcss-config-880af1a5.cjs.dev.js');
+var createPostcssConfig = require('../../dist/create-postcss-config-1b021fb2.cjs.dev.js');
 require('@babel/runtime-corejs3/helpers/slicedToArray');
 require('path');
-require('../../dist/package-d8f5b403.cjs.dev.js');
+require('../../dist/package-c8f39856.cjs.dev.js');
 
 
 

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

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var createPostcssConfig = require('../../dist/create-postcss-config-f732c04c.cjs.prod.js');
+var createPostcssConfig = require('../../dist/create-postcss-config-434fe673.cjs.prod.js');
 require('@babel/runtime-corejs3/helpers/slicedToArray');
 require('path');
-require('../../dist/package-2bdb4e7b.cjs.prod.js');
+require('../../dist/package-dfc9c56b.cjs.prod.js');
 
 
 

package/postcss/dist/commercetools-frontend-mc-scripts-postcss.esm.js

@@ -1,4 +1,4 @@
-export { c as createPostcssConfig } from '../../dist/create-postcss-config-257247d7.esm.js';
+export { c as createPostcssConfig } from '../../dist/create-postcss-config-505c5a4e.esm.js';
 import '@babel/runtime-corejs3/helpers/slicedToArray';
 import 'path';
-import '../../dist/package-8926f3f0.esm.js';
+import '../../dist/package-02f0532d.esm.js';

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

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var createWebpackConfigForDevelopment = require('../../dist/create-webpack-config-for-development-736b37a1.cjs.dev.js');
-var createWebpackConfigForProduction = require('../../dist/create-webpack-config-for-production-7888ee9e.cjs.dev.js');
+var createWebpackConfigForDevelopment = require('../../dist/create-webpack-config-for-development-65abeb3f.cjs.dev.js');
+var createWebpackConfigForProduction = require('../../dist/create-webpack-config-for-production-010a6fb4.cjs.dev.js');
 require('@babel/runtime-corejs3/core-js-stable/object/keys');
 require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols');
 require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor');
@@ -29,11 +29,10 @@ require('@babel/runtime-corejs3/helpers/createClass');
 require('@babel/runtime-corejs3/core-js-stable/object/assign');
 require('@commercetools-frontend/application-config');
 require('@commercetools-frontend/mc-html-template');
-require('../../dist/create-postcss-config-880af1a5.cjs.dev.js');
+require('../../dist/create-postcss-config-1b021fb2.cjs.dev.js');
 require('@babel/runtime-corejs3/helpers/slicedToArray');
-require('../../dist/package-d8f5b403.cjs.dev.js');
-require('../../dist/has-jsx-runtime-aa5d21ee.cjs.dev.js');
-require('../../dist/optimizations-7789145e.cjs.dev.js');
+require('../../dist/package-c8f39856.cjs.dev.js');
+require('../../dist/optimizations-56be74d6.cjs.dev.js');
 require('@babel/runtime-corejs3/core-js-stable/instance/reduce');
 require('@babel/runtime-corejs3/core-js-stable/object/entries');
 require('@babel/runtime-corejs3/core-js-stable/instance/includes');

package/webpack/dist/commercetools-frontend-mc-scripts-webpack.cjs.prod.js

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var createWebpackConfigForDevelopment = require('../../dist/create-webpack-config-for-development-22db7e21.cjs.prod.js');
-var createWebpackConfigForProduction = require('../../dist/create-webpack-config-for-production-da525cc3.cjs.prod.js');
+var createWebpackConfigForDevelopment = require('../../dist/create-webpack-config-for-development-1db101e2.cjs.prod.js');
+var createWebpackConfigForProduction = require('../../dist/create-webpack-config-for-production-a239ba22.cjs.prod.js');
 require('@babel/runtime-corejs3/core-js-stable/object/keys');
 require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols');
 require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor');
@@ -29,11 +29,10 @@ require('@babel/runtime-corejs3/helpers/createClass');
 require('@babel/runtime-corejs3/core-js-stable/object/assign');
 require('@commercetools-frontend/application-config');
 require('@commercetools-frontend/mc-html-template');
-require('../../dist/create-postcss-config-f732c04c.cjs.prod.js');
+require('../../dist/create-postcss-config-434fe673.cjs.prod.js');
 require('@babel/runtime-corejs3/helpers/slicedToArray');
-require('../../dist/package-2bdb4e7b.cjs.prod.js');
-require('../../dist/has-jsx-runtime-c3202df5.cjs.prod.js');
-require('../../dist/optimizations-fb93514f.cjs.prod.js');
+require('../../dist/package-dfc9c56b.cjs.prod.js');
+require('../../dist/optimizations-da5a0cfa.cjs.prod.js');
 require('@babel/runtime-corejs3/core-js-stable/instance/reduce');
 require('@babel/runtime-corejs3/core-js-stable/object/entries');
 require('@babel/runtime-corejs3/core-js-stable/instance/includes');

package/webpack/dist/commercetools-frontend-mc-scripts-webpack.esm.js

@@ -1,5 +1,5 @@
-export { c as createWebpackConfigForDevelopment } from '../../dist/create-webpack-config-for-development-fa4927c0.esm.js';
-export { c as createWebpackConfigForProduction } from '../../dist/create-webpack-config-for-production-cfb9e90a.esm.js';
+export { c as createWebpackConfigForDevelopment } from '../../dist/create-webpack-config-for-development-fd981a20.esm.js';
+export { c as createWebpackConfigForProduction } from '../../dist/create-webpack-config-for-production-bb66207f.esm.js';
 import '@babel/runtime-corejs3/core-js-stable/object/keys';
 import '@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols';
 import '@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor';
@@ -25,11 +25,10 @@ import '@babel/runtime-corejs3/helpers/createClass';
 import '@babel/runtime-corejs3/core-js-stable/object/assign';
 import '@commercetools-frontend/application-config';
 import '@commercetools-frontend/mc-html-template';
-import '../../dist/create-postcss-config-257247d7.esm.js';
+import '../../dist/create-postcss-config-505c5a4e.esm.js';
 import '@babel/runtime-corejs3/helpers/slicedToArray';
-import '../../dist/package-8926f3f0.esm.js';
-import '../../dist/has-jsx-runtime-e3ecb09b.esm.js';
-import '../../dist/optimizations-bf991634.esm.js';
+import '../../dist/package-02f0532d.esm.js';
+import '../../dist/optimizations-54382f7b.esm.js';
 import '@babel/runtime-corejs3/core-js-stable/instance/reduce';
 import '@babel/runtime-corejs3/core-js-stable/object/entries';
 import '@babel/runtime-corejs3/core-js-stable/instance/includes';

package/dist/has-jsx-runtime-aa5d21ee.cjs.dev.js

@@ -1,15 +0,0 @@
-'use strict';
-
-function hasJsxRuntime() {
-  if (process.env.ENABLE_NEW_JSX_TRANSFORM !== 'true') {
-    return false;
-  }
-  try {
-    require.resolve('react/jsx-runtime');
-    return true;
-  } catch (e) {
-    return false;
-  }
-}
-
-exports.hasJsxRuntime = hasJsxRuntime;

package/dist/has-jsx-runtime-c3202df5.cjs.prod.js

@@ -1,15 +0,0 @@
-'use strict';
-
-function hasJsxRuntime() {
-  if (process.env.ENABLE_NEW_JSX_TRANSFORM !== 'true') {
-    return false;
-  }
-  try {
-    require.resolve('react/jsx-runtime');
-    return true;
-  } catch (e) {
-    return false;
-  }
-}
-
-exports.hasJsxRuntime = hasJsxRuntime;