@commercetools-frontend/mc-scripts 22.2.1 → 22.3.0

package/dist/{create-postcss-config-f39f54b5.esm.js → create-postcss-config-9d266de4.esm.js}

@@ -1,6 +1,6 @@
 import _slicedToArray from '@babel/runtime-corejs3/helpers/esm/slicedToArray';
 import path from 'path';
-import { p as pkgJson } from './package-e6713e98.esm.js';
+import { p as pkgJson } from './package-4fcd2667.esm.js';
 
 // This function aims to return the same result as `require.resolve`.
 // However, resolving a path to a `.css` file does not return the real
@@ -10,23 +10,19 @@ import { p as pkgJson } from './package-e6713e98.esm.js';
 // constructing the real path manually.
 const safeResolvePath = (packageName, fileRelativePath) => {
   const defaultPackageEntryPoint = require.resolve(packageName);
-
   const _defaultPackageEntryP = defaultPackageEntryPoint.split('dist'),
-        _defaultPackageEntryP2 = _slicedToArray(_defaultPackageEntryP, 1),
-        pathToPackage = _defaultPackageEntryP2[0];
-
+    _defaultPackageEntryP2 = _slicedToArray(_defaultPackageEntryP, 1),
+    pathToPackage = _defaultPackageEntryP2[0];
   return path.join(pathToPackage, fileRelativePath);
 };
-
 function createPostcssConfig() {
   let _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
-      _ref$postcssImportPat = _ref.postcssImportPaths,
-      postcssImportPaths = _ref$postcssImportPat === void 0 ? [] : _ref$postcssImportPat,
-      _ref$postcssCustomMed = _ref.postcssCustomMediaPaths,
-      postcssCustomMediaPaths = _ref$postcssCustomMed === void 0 ? [] : _ref$postcssCustomMed,
-      _ref$postcssCustomPro = _ref.postcssCustomPropertiesPaths,
-      postcssCustomPropertiesPaths = _ref$postcssCustomPro === void 0 ? [] : _ref$postcssCustomPro;
-
+    _ref$postcssImportPat = _ref.postcssImportPaths,
+    postcssImportPaths = _ref$postcssImportPat === void 0 ? [] : _ref$postcssImportPat,
+    _ref$postcssCustomMed = _ref.postcssCustomMediaPaths,
+    postcssCustomMediaPaths = _ref$postcssCustomMed === void 0 ? [] : _ref$postcssCustomMed,
+    _ref$postcssCustomPro = _ref.postcssCustomPropertiesPaths,
+    postcssCustomPropertiesPaths = _ref$postcssCustomPro === void 0 ? [] : _ref$postcssCustomPro;
   return {
     parser: false,
     map: false,

package/dist/{create-postcss-config-a0659cf5.cjs.dev.js → create-postcss-config-a29e83fc.cjs.dev.js}

@@ -2,7 +2,7 @@
 
 var _slicedToArray = require('@babel/runtime-corejs3/helpers/slicedToArray');
 var path = require('path');
-var _package = require('./package-cc5b8665.cjs.dev.js');
+var _package = require('./package-46d27f5f.cjs.dev.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 
@@ -16,23 +16,19 @@ var path__default = /*#__PURE__*/_interopDefault(path);
 // constructing the real path manually.
 const safeResolvePath = (packageName, fileRelativePath) => {
   const defaultPackageEntryPoint = require.resolve(packageName);
-
   const _defaultPackageEntryP = defaultPackageEntryPoint.split('dist'),
-        _defaultPackageEntryP2 = _slicedToArray(_defaultPackageEntryP, 1),
-        pathToPackage = _defaultPackageEntryP2[0];
-
+    _defaultPackageEntryP2 = _slicedToArray(_defaultPackageEntryP, 1),
+    pathToPackage = _defaultPackageEntryP2[0];
   return path__default["default"].join(pathToPackage, fileRelativePath);
 };
-
 function createPostcssConfig() {
   let _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
-      _ref$postcssImportPat = _ref.postcssImportPaths,
-      postcssImportPaths = _ref$postcssImportPat === void 0 ? [] : _ref$postcssImportPat,
-      _ref$postcssCustomMed = _ref.postcssCustomMediaPaths,
-      postcssCustomMediaPaths = _ref$postcssCustomMed === void 0 ? [] : _ref$postcssCustomMed,
-      _ref$postcssCustomPro = _ref.postcssCustomPropertiesPaths,
-      postcssCustomPropertiesPaths = _ref$postcssCustomPro === void 0 ? [] : _ref$postcssCustomPro;
-
+    _ref$postcssImportPat = _ref.postcssImportPaths,
+    postcssImportPaths = _ref$postcssImportPat === void 0 ? [] : _ref$postcssImportPat,
+    _ref$postcssCustomMed = _ref.postcssCustomMediaPaths,
+    postcssCustomMediaPaths = _ref$postcssCustomMed === void 0 ? [] : _ref$postcssCustomMed,
+    _ref$postcssCustomPro = _ref.postcssCustomPropertiesPaths,
+    postcssCustomPropertiesPaths = _ref$postcssCustomPro === void 0 ? [] : _ref$postcssCustomPro;
   return {
     parser: false,
     map: false,

package/dist/{create-postcss-config-6277233e.cjs.prod.js → create-postcss-config-d4f8ca51.cjs.prod.js}

@@ -2,7 +2,7 @@
 
 var _slicedToArray = require('@babel/runtime-corejs3/helpers/slicedToArray');
 var path = require('path');
-var _package = require('./package-83202e32.cjs.prod.js');
+var _package = require('./package-6ee0354d.cjs.prod.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 
@@ -16,23 +16,19 @@ var path__default = /*#__PURE__*/_interopDefault(path);
 // constructing the real path manually.
 const safeResolvePath = (packageName, fileRelativePath) => {
   const defaultPackageEntryPoint = require.resolve(packageName);
-
   const _defaultPackageEntryP = defaultPackageEntryPoint.split('dist'),
-        _defaultPackageEntryP2 = _slicedToArray(_defaultPackageEntryP, 1),
-        pathToPackage = _defaultPackageEntryP2[0];
-
+    _defaultPackageEntryP2 = _slicedToArray(_defaultPackageEntryP, 1),
+    pathToPackage = _defaultPackageEntryP2[0];
   return path__default["default"].join(pathToPackage, fileRelativePath);
 };
-
 function createPostcssConfig() {
   let _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
-      _ref$postcssImportPat = _ref.postcssImportPaths,
-      postcssImportPaths = _ref$postcssImportPat === void 0 ? [] : _ref$postcssImportPat,
-      _ref$postcssCustomMed = _ref.postcssCustomMediaPaths,
-      postcssCustomMediaPaths = _ref$postcssCustomMed === void 0 ? [] : _ref$postcssCustomMed,
-      _ref$postcssCustomPro = _ref.postcssCustomPropertiesPaths,
-      postcssCustomPropertiesPaths = _ref$postcssCustomPro === void 0 ? [] : _ref$postcssCustomPro;
-
+    _ref$postcssImportPat = _ref.postcssImportPaths,
+    postcssImportPaths = _ref$postcssImportPat === void 0 ? [] : _ref$postcssImportPat,
+    _ref$postcssCustomMed = _ref.postcssCustomMediaPaths,
+    postcssCustomMediaPaths = _ref$postcssCustomMed === void 0 ? [] : _ref$postcssCustomMed,
+    _ref$postcssCustomPro = _ref.postcssCustomPropertiesPaths,
+    postcssCustomPropertiesPaths = _ref$postcssCustomPro === void 0 ? [] : _ref$postcssCustomPro;
   return {
     parser: false,
     map: false,

package/dist/{create-webpack-config-for-development-629a8982.cjs.prod.js → create-webpack-config-for-development-02fa9041.cjs.prod.js}

@@ -24,9 +24,9 @@ var _createClass = require('@babel/runtime-corejs3/helpers/createClass');
 var _Object$assign = require('@babel/runtime-corejs3/core-js-stable/object/assign');
 var applicationConfig = require('@commercetools-frontend/application-config');
 var mcHtmlTemplate = require('@commercetools-frontend/mc-html-template');
-var createPostcssConfig = require('./create-postcss-config-6277233e.cjs.prod.js');
-var hasJsxRuntime = require('./has-jsx-runtime-0b03b72e.cjs.prod.js');
-var paths = require('./paths-284c77fb.cjs.prod.js');
+var createPostcssConfig = require('./create-postcss-config-d4f8ca51.cjs.prod.js');
+var hasJsxRuntime = require('./has-jsx-runtime-c3202df5.cjs.prod.js');
+var paths = require('./paths-854af5ef.cjs.prod.js');
 var vendorsToTranspile = require('./vendors-to-transpile-04a49d40.cjs.prod.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
@@ -55,15 +55,14 @@ let LocalHtmlWebpackPlugin = /*#__PURE__*/function () {
   function LocalHtmlWebpackPlugin() {
     _classCallCheck(this, LocalHtmlWebpackPlugin);
   }
-
   _createClass(LocalHtmlWebpackPlugin, [{
     key: "apply",
     value: function apply(compiler) {
       compiler.hooks.compilation.tap('LocalHtmlWebpackPlugin', compilation => {
         HtmlWebpackPlugin__default["default"].getHooks(compilation).beforeEmit.tapAsync('LocalHtmlWebpackPlugin', (data, cb) => {
           const applicationConfig$1 = applicationConfig.processConfig();
-
-          const enhancedLocalEnv = _Object$assign__default["default"]({}, applicationConfig$1.env, // Now that the app config is defined as a `env.json`, when we start the FE app
+          const enhancedLocalEnv = _Object$assign__default["default"]({}, applicationConfig$1.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.
@@ -71,7 +70,6 @@ let LocalHtmlWebpackPlugin = /*#__PURE__*/function () {
           process.env.MC_API_URL ? {
             mcApiUrl: process.env.MC_API_URL
           } : {});
-
           data.html = mcHtmlTemplate.replaceHtmlPlaceholders(data.html, {
             env: enhancedLocalEnv,
             headers: {}
@@ -81,14 +79,13 @@ let LocalHtmlWebpackPlugin = /*#__PURE__*/function () {
       });
     }
   }]);
-
   return LocalHtmlWebpackPlugin;
 }();
 
 function ownKeys(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context6, _context7; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context6 = ownKeys(Object(source), !0)).call(_context6, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context7 = ownKeys(Object(source))).call(_context7, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
 const momentLocalesToKeep = ["de", "de-at", "de-ch", "en-au", "en-ca", "en-gb", "en-ie", "en-in", "en-nz", "en-sg", "es", "es-do", "es-mx", "fr", "zh-cn"];
+// https://babeljs.io/blog/2017/09/11/zero-config-with-babel-macros
 
 const defaultToggleFlags = {
   generateIndexHtml: true,
@@ -99,31 +96,26 @@ const defaultOptions = {
   sourceFolders: paths.paths.sourceFolders,
   postcssOptions: {},
   toggleFlags: defaultToggleFlags
-}; // Whether or not `react-refresh` is enabled, `react-refresh` is not 100% stable at this time,
-// which is why it's disabled by default.
+};
 
+// Whether or not `react-refresh` is enabled, `react-refresh` is not 100% stable at this time,
+// which is why it's disabled by default.
 const hasReactRefresh = process.env.FAST_REFRESH === 'true';
-
 const webpackDevClientEntry = require.resolve('react-dev-utils/webpackHotDevClient');
-
 const reactRefreshOverlayEntry = require.resolve('react-dev-utils/refreshOverlayInterop');
+
 /**
  * This is a factory function to create the default webpack config
  * for a MC Application in `development` mode.
  * The function requires the file path to the related application
  * "entry point".
  */
-
-
 function createWebpackConfigForDevelopment() {
   var _context, _context2, _context3, _context4, _context5;
-
   let options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-
   const mergedOptions = _objectSpread(_objectSpread(_objectSpread({}, defaultOptions), options), {}, {
     toggleFlags: _objectSpread(_objectSpread({}, defaultToggleFlags), options.toggleFlags)
   });
-
   return {
     // https://webpack.js.org/concepts/#mode
     mode: 'development',
@@ -168,9 +160,11 @@ function createWebpackConfigForDevelopment() {
       }
     },
     entry: {
-      app: _filterInstanceProperty__default["default"](_context2 = [require.resolve('@commercetools-frontend/mc-scripts/application-runtime'), !mergedOptions.toggleFlags.disableCoreJs && require.resolve('core-js/stable'), // When using the experimental `react-refresh` integration,
+      app: _filterInstanceProperty__default["default"](_context2 = [require.resolve('@commercetools-frontend/mc-scripts/application-runtime'), !mergedOptions.toggleFlags.disableCoreJs && require.resolve('core-js/stable'),
+      // When using the experimental `react-refresh` integration,
       // the webpack plugin takes care of injecting the dev client for us.
-      !hasReactRefresh && // Include an alternative client for WebpackDevServer. A client's job is to
+      !hasReactRefresh &&
+      // Include an alternative client for WebpackDevServer. A client's job is to
       // connect to WebpackDevServer by a socket and get notified about changes.
       // When you save a file, the client will either apply hot updates (in case
       // of CSS changes), or refresh the page (in case of JS changes). When you
@@ -181,8 +175,10 @@ function createWebpackConfigForDevelopment() {
       //
       // require.resolve('webpack-dev-server/client') + '?/',
       // require.resolve('webpack/hot/dev-server'),
-      webpackDevClientEntry, // Finally, this is your app's code
-      mergedOptions.entryPoint // We include the app code last so that if there is a runtime error during
+      webpackDevClientEntry,
+      // Finally, this is your app's code
+      mergedOptions.entryPoint
+      // We include the app code last so that if there is a runtime error during
       // initialization, it doesn't blow up the WebpackDevServer client, and
       // changing JS code would still trigger a refresh.
       ]).call(_context2, Boolean)
@@ -203,14 +199,16 @@ function createWebpackConfigForDevelopment() {
       // Point sourcemap entries to the original disk location (format as URL on Windows)
       devtoolModuleFilenameTemplate: info => path__default["default"].resolve(info.absoluteResourcePath).replace(/\\/g, '/')
     },
-    plugins: _filterInstanceProperty__default["default"](_context3 = [new WebpackBar__default["default"](), // Allows to "assign" custom options to the `webpack` object.
+    plugins: _filterInstanceProperty__default["default"](_context3 = [new WebpackBar__default["default"](),
+    // Allows to "assign" custom options to the `webpack` object.
     // At the moment, this is used to share some props with `postcss.config`.
     new webpack__default["default"].LoaderOptionsPlugin({
       options: {
         sourceFolders: mergedOptions.sourceFolders,
         context: __dirname
       }
-    }), // Makes some environment variables available to the JS code, for example:
+    }),
+    // Makes some environment variables available to the JS code, for example:
     // if (process.env.NODE_ENV === 'development') { ... }.
     new webpack__default["default"].DefinePlugin({
       __DEV__: 'true',
@@ -221,11 +219,14 @@ function createWebpackConfigForDevelopment() {
       inject: false,
       filename: paths.paths.appIndexHtml,
       template: require.resolve('@commercetools-frontend/mc-html-template/webpack')
-    }), mergedOptions.toggleFlags.generateIndexHtml && new LocalHtmlWebpackPlugin(), // Only keep locales that are available in the Merchant Center.
+    }), mergedOptions.toggleFlags.generateIndexHtml && new LocalHtmlWebpackPlugin(),
+    // Only keep locales that are available in the Merchant Center.
     new MomentLocalesPlugin__default["default"]({
       localesToKeep: momentLocalesToKeep
-    }), // This is necessary to emit hot updates (CSS and Fast Refresh):
-    new webpack__default["default"].HotModuleReplacementPlugin(), // Experimental hot reloading for React .
+    }),
+    // This is necessary to emit hot updates (CSS and Fast Refresh):
+    new webpack__default["default"].HotModuleReplacementPlugin(),
+    // Experimental hot reloading for React .
     // https://github.com/facebook/react/tree/master/packages/react-refresh
     hasReactRefresh && new ReactRefreshWebpackPlugin__default["default"]({
       overlay: {
@@ -241,7 +242,8 @@ function createWebpackConfigForDevelopment() {
     module: {
       // Makes missing exports an error instead of warning.
       strictExportPresence: true,
-      rules: [// For svg icons, we want to get them transformed into React components
+      rules: [
+      // For svg icons, we want to get them transformed into React components
       // when we import them.
       {
         test: /\.react\.svg$/,
@@ -276,11 +278,13 @@ function createWebpackConfigForDevelopment() {
             }
           }
         }]
-      }, // For normal svg files (not icons) we should load the file normally
+      },
+      // For normal svg files (not icons) we should load the file normally
       // and simply use it as a `<img src/>`.
       {
         test: function testForNormalSvgFiles(fileName) {
-          return (// Use this only for plain SVG.
+          return (
+            // Use this only for plain SVG.
             // For SVG as React components, see loader above.
             _endsWithInstanceProperty__default["default"](fileName).call(fileName, '.svg') && !_endsWithInstanceProperty__default["default"](fileName).call(fileName, '.react.svg')
           );
@@ -291,7 +295,8 @@ function createWebpackConfigForDevelopment() {
       }, {
         test: /\.png$/,
         type: 'asset/resource'
-      }, // "postcss" loader applies autoprefixer to our CSS
+      },
+      // "postcss" loader applies autoprefixer to our CSS
       // "css" loader resolves paths in CSS and adds assets as dependencies.
       // "style" loader turns CSS into JS modules that inject <style> tags.
       {
@@ -315,7 +320,8 @@ function createWebpackConfigForDevelopment() {
         }]
       }, {
         test: function testForNormalCssFiles(fileName) {
-          return (// Use this only for plain CSS.
+          return (
+            // Use this only for plain CSS.
             // For css-modules, see loader above.
             _endsWithInstanceProperty__default["default"](fileName).call(fileName, '.css') && !(_endsWithInstanceProperty__default["default"](fileName).call(fileName, '.mod.css') || _endsWithInstanceProperty__default["default"](fileName).call(fileName, '.module.css'))
           );
@@ -358,7 +364,8 @@ function createWebpackConfigForDevelopment() {
           // See https://github.com/webpack/webpack/issues/6571
           sideEffects: true
         }]
-      }, // Fix for react-intl
+      },
+      // Fix for react-intl
       // https://github.com/formatjs/formatjs/issues/143#issuecomment-518774786
       {
         test: /\.mjs$/,
@@ -367,16 +374,17 @@ function createWebpackConfigForDevelopment() {
           // https://webpack.js.org/configuration/module/#resolvefullyspecified
           fullySpecified: false
         }
-      }, // Process JS with Babel.
+      },
+      // Process JS with Babel.
       {
         test: /\.(js|mjs|cjs|jsx|ts|tsx)$/,
-        use: [// This loader parallelizes code compilation, it is optional but
+        use: [
+        // This loader parallelizes code compilation, it is optional but
         // improves compile time on larger projects
         {
           loader: require.resolve('thread-loader'),
           options: {
             poolTimeout: Infinity // keep workers alive for more effective watch mode
-
           }
         }, {
           loader: require.resolve('babel-loader'),
@@ -400,7 +408,8 @@ function createWebpackConfigForDevelopment() {
         parser: {
           requireEnsure: false
         }
-      }, // Allow to import `*.graphql` SDL files.
+      },
+      // Allow to import `*.graphql` SDL files.
       {
         test: /\.graphql$/,
         include: mergedOptions.sourceFolders,

package/dist/{create-webpack-config-for-development-9539f804.esm.js → create-webpack-config-for-development-17376d1f.esm.js}

@@ -22,24 +22,23 @@ import _createClass from '@babel/runtime-corejs3/helpers/esm/createClass';
 import _Object$assign from '@babel/runtime-corejs3/core-js-stable/object/assign';
 import { processConfig } from '@commercetools-frontend/application-config';
 import { replaceHtmlPlaceholders } from '@commercetools-frontend/mc-html-template';
-import { c as createPostcssConfig } from './create-postcss-config-f39f54b5.esm.js';
-import { h as hasJsxRuntime } from './has-jsx-runtime-8314226e.esm.js';
-import { p as paths } from './paths-55c5d5a2.esm.js';
+import { c as createPostcssConfig } from './create-postcss-config-9d266de4.esm.js';
+import { h as hasJsxRuntime } from './has-jsx-runtime-e3ecb09b.esm.js';
+import { p as paths } from './paths-ded20ae1.esm.js';
 import { v as vendorsToTranspile } from './vendors-to-transpile-7dc84a72.esm.js';
 
 let LocalHtmlWebpackPlugin = /*#__PURE__*/function () {
   function LocalHtmlWebpackPlugin() {
     _classCallCheck(this, LocalHtmlWebpackPlugin);
   }
-
   _createClass(LocalHtmlWebpackPlugin, [{
     key: "apply",
     value: function apply(compiler) {
       compiler.hooks.compilation.tap('LocalHtmlWebpackPlugin', compilation => {
         HtmlWebpackPlugin.getHooks(compilation).beforeEmit.tapAsync('LocalHtmlWebpackPlugin', (data, cb) => {
           const applicationConfig = processConfig();
-
-          const enhancedLocalEnv = _Object$assign({}, applicationConfig.env, // Now that the app config is defined as a `env.json`, when we start the FE app
+          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.
@@ -47,7 +46,6 @@ let LocalHtmlWebpackPlugin = /*#__PURE__*/function () {
           process.env.MC_API_URL ? {
             mcApiUrl: process.env.MC_API_URL
           } : {});
-
           data.html = replaceHtmlPlaceholders(data.html, {
             env: enhancedLocalEnv,
             headers: {}
@@ -57,14 +55,13 @@ let LocalHtmlWebpackPlugin = /*#__PURE__*/function () {
       });
     }
   }]);
-
   return LocalHtmlWebpackPlugin;
 }();
 
 function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context6, _context7; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context6 = ownKeys(Object(source), !0)).call(_context6, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context7 = ownKeys(Object(source))).call(_context7, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
 const momentLocalesToKeep = ["de", "de-at", "de-ch", "en-au", "en-ca", "en-gb", "en-ie", "en-in", "en-nz", "en-sg", "es", "es-do", "es-mx", "fr", "zh-cn"];
+// https://babeljs.io/blog/2017/09/11/zero-config-with-babel-macros
 
 const defaultToggleFlags = {
   generateIndexHtml: true,
@@ -75,31 +72,26 @@ const defaultOptions = {
   sourceFolders: paths.sourceFolders,
   postcssOptions: {},
   toggleFlags: defaultToggleFlags
-}; // Whether or not `react-refresh` is enabled, `react-refresh` is not 100% stable at this time,
-// which is why it's disabled by default.
+};
 
+// Whether or not `react-refresh` is enabled, `react-refresh` is not 100% stable at this time,
+// which is why it's disabled by default.
 const hasReactRefresh = process.env.FAST_REFRESH === 'true';
-
 const webpackDevClientEntry = require.resolve('react-dev-utils/webpackHotDevClient');
-
 const reactRefreshOverlayEntry = require.resolve('react-dev-utils/refreshOverlayInterop');
+
 /**
  * This is a factory function to create the default webpack config
  * for a MC Application in `development` mode.
  * The function requires the file path to the related application
  * "entry point".
  */
-
-
 function createWebpackConfigForDevelopment() {
   var _context, _context2, _context3, _context4, _context5;
-
   let options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-
   const mergedOptions = _objectSpread(_objectSpread(_objectSpread({}, defaultOptions), options), {}, {
     toggleFlags: _objectSpread(_objectSpread({}, defaultToggleFlags), options.toggleFlags)
   });
-
   return {
     // https://webpack.js.org/concepts/#mode
     mode: 'development',
@@ -144,9 +136,11 @@ function createWebpackConfigForDevelopment() {
       }
     },
     entry: {
-      app: _filterInstanceProperty(_context2 = [require.resolve('@commercetools-frontend/mc-scripts/application-runtime'), !mergedOptions.toggleFlags.disableCoreJs && require.resolve('core-js/stable'), // When using the experimental `react-refresh` integration,
+      app: _filterInstanceProperty(_context2 = [require.resolve('@commercetools-frontend/mc-scripts/application-runtime'), !mergedOptions.toggleFlags.disableCoreJs && require.resolve('core-js/stable'),
+      // When using the experimental `react-refresh` integration,
       // the webpack plugin takes care of injecting the dev client for us.
-      !hasReactRefresh && // Include an alternative client for WebpackDevServer. A client's job is to
+      !hasReactRefresh &&
+      // Include an alternative client for WebpackDevServer. A client's job is to
       // connect to WebpackDevServer by a socket and get notified about changes.
       // When you save a file, the client will either apply hot updates (in case
       // of CSS changes), or refresh the page (in case of JS changes). When you
@@ -157,8 +151,10 @@ function createWebpackConfigForDevelopment() {
       //
       // require.resolve('webpack-dev-server/client') + '?/',
       // require.resolve('webpack/hot/dev-server'),
-      webpackDevClientEntry, // Finally, this is your app's code
-      mergedOptions.entryPoint // We include the app code last so that if there is a runtime error during
+      webpackDevClientEntry,
+      // Finally, this is your app's code
+      mergedOptions.entryPoint
+      // We include the app code last so that if there is a runtime error during
       // initialization, it doesn't blow up the WebpackDevServer client, and
       // changing JS code would still trigger a refresh.
       ]).call(_context2, Boolean)
@@ -179,14 +175,16 @@ function createWebpackConfigForDevelopment() {
       // Point sourcemap entries to the original disk location (format as URL on Windows)
       devtoolModuleFilenameTemplate: info => path.resolve(info.absoluteResourcePath).replace(/\\/g, '/')
     },
-    plugins: _filterInstanceProperty(_context3 = [new WebpackBar(), // Allows to "assign" custom options to the `webpack` object.
+    plugins: _filterInstanceProperty(_context3 = [new WebpackBar(),
+    // Allows to "assign" custom options to the `webpack` object.
     // At the moment, this is used to share some props with `postcss.config`.
     new webpack.LoaderOptionsPlugin({
       options: {
         sourceFolders: mergedOptions.sourceFolders,
         context: __dirname
       }
-    }), // Makes some environment variables available to the JS code, for example:
+    }),
+    // Makes some environment variables available to the JS code, for example:
     // if (process.env.NODE_ENV === 'development') { ... }.
     new webpack.DefinePlugin({
       __DEV__: 'true',
@@ -197,11 +195,14 @@ function createWebpackConfigForDevelopment() {
       inject: false,
       filename: paths.appIndexHtml,
       template: require.resolve('@commercetools-frontend/mc-html-template/webpack')
-    }), mergedOptions.toggleFlags.generateIndexHtml && new LocalHtmlWebpackPlugin(), // Only keep locales that are available in the Merchant Center.
+    }), mergedOptions.toggleFlags.generateIndexHtml && new LocalHtmlWebpackPlugin(),
+    // Only keep locales that are available in the Merchant Center.
     new MomentLocalesPlugin({
       localesToKeep: momentLocalesToKeep
-    }), // This is necessary to emit hot updates (CSS and Fast Refresh):
-    new webpack.HotModuleReplacementPlugin(), // Experimental hot reloading for React .
+    }),
+    // This is necessary to emit hot updates (CSS and Fast Refresh):
+    new webpack.HotModuleReplacementPlugin(),
+    // Experimental hot reloading for React .
     // https://github.com/facebook/react/tree/master/packages/react-refresh
     hasReactRefresh && new ReactRefreshWebpackPlugin({
       overlay: {
@@ -217,7 +218,8 @@ function createWebpackConfigForDevelopment() {
     module: {
       // Makes missing exports an error instead of warning.
       strictExportPresence: true,
-      rules: [// For svg icons, we want to get them transformed into React components
+      rules: [
+      // For svg icons, we want to get them transformed into React components
       // when we import them.
       {
         test: /\.react\.svg$/,
@@ -252,11 +254,13 @@ function createWebpackConfigForDevelopment() {
             }
           }
         }]
-      }, // For normal svg files (not icons) we should load the file normally
+      },
+      // For normal svg files (not icons) we should load the file normally
       // and simply use it as a `<img src/>`.
       {
         test: function testForNormalSvgFiles(fileName) {
-          return (// Use this only for plain SVG.
+          return (
+            // Use this only for plain SVG.
             // For SVG as React components, see loader above.
             _endsWithInstanceProperty(fileName).call(fileName, '.svg') && !_endsWithInstanceProperty(fileName).call(fileName, '.react.svg')
           );
@@ -267,7 +271,8 @@ function createWebpackConfigForDevelopment() {
       }, {
         test: /\.png$/,
         type: 'asset/resource'
-      }, // "postcss" loader applies autoprefixer to our CSS
+      },
+      // "postcss" loader applies autoprefixer to our CSS
       // "css" loader resolves paths in CSS and adds assets as dependencies.
       // "style" loader turns CSS into JS modules that inject <style> tags.
       {
@@ -291,7 +296,8 @@ function createWebpackConfigForDevelopment() {
         }]
       }, {
         test: function testForNormalCssFiles(fileName) {
-          return (// Use this only for plain CSS.
+          return (
+            // Use this only for plain CSS.
             // For css-modules, see loader above.
             _endsWithInstanceProperty(fileName).call(fileName, '.css') && !(_endsWithInstanceProperty(fileName).call(fileName, '.mod.css') || _endsWithInstanceProperty(fileName).call(fileName, '.module.css'))
           );
@@ -334,7 +340,8 @@ function createWebpackConfigForDevelopment() {
           // See https://github.com/webpack/webpack/issues/6571
           sideEffects: true
         }]
-      }, // Fix for react-intl
+      },
+      // Fix for react-intl
       // https://github.com/formatjs/formatjs/issues/143#issuecomment-518774786
       {
         test: /\.mjs$/,
@@ -343,16 +350,17 @@ function createWebpackConfigForDevelopment() {
           // https://webpack.js.org/configuration/module/#resolvefullyspecified
           fullySpecified: false
         }
-      }, // Process JS with Babel.
+      },
+      // Process JS with Babel.
       {
         test: /\.(js|mjs|cjs|jsx|ts|tsx)$/,
-        use: [// This loader parallelizes code compilation, it is optional but
+        use: [
+        // This loader parallelizes code compilation, it is optional but
         // improves compile time on larger projects
         {
           loader: require.resolve('thread-loader'),
           options: {
             poolTimeout: Infinity // keep workers alive for more effective watch mode
-
           }
         }, {
           loader: require.resolve('babel-loader'),
@@ -376,7 +384,8 @@ function createWebpackConfigForDevelopment() {
         parser: {
           requireEnsure: false
         }
-      }, // Allow to import `*.graphql` SDL files.
+      },
+      // Allow to import `*.graphql` SDL files.
       {
         test: /\.graphql$/,
         include: mergedOptions.sourceFolders,