@commercetools-frontend/mc-scripts 27.9.0 → 27.9.1

package/dist/{config-sync-helpers-876b7d09.esm.js → config-sync-helpers-875ef4a4.esm.js}

@@ -1,3 +1,4 @@
+import _concatInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/concat';
 import _JSON$stringify from '@babel/runtime-corejs3/core-js-stable/json/stringify';
 import chalk from 'chalk';
 import omit from 'lodash/omit';
@@ -10,26 +11,25 @@ import _defineProperty from '@babel/runtime-corejs3/helpers/esm/defineProperty';
 import _repeatInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/repeat';
 import _Set from '@babel/runtime-corejs3/core-js-stable/set';
 import _forEachInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/for-each';
-import _bindInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/bind';
 import _reduceInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/reduce';
 import _filterInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/filter';
 import _Object$keys from '@babel/runtime-corejs3/core-js-stable/object/keys';
 import _mapInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/map';
 import { sanitizeSvg } from '@commercetools-frontend/application-config';
-import { c as createCustomApplication, u as updateCustomApplication, a as createCustomView, b as updateCustomView, d as fetchCustomApplication, e as fetchCustomView } from './graphql-requests-1bd861af.esm.js';
+import { c as createCustomApplication, u as updateCustomApplication, a as createCustomView, b as updateCustomView, d as fetchCustomApplication, e as fetchCustomView } from './graphql-requests-c491206a.esm.js';
 
 function ownKeys(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context9, _context0; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context9 = ownKeys(Object(t), !0)).call(_context9, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context0 = ownKeys(Object(t))).call(_context0, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context21, _context22; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context21 = ownKeys(Object(t), !0)).call(_context21, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context22 = ownKeys(Object(t))).call(_context22, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
 
 // Since not all terminal supports colors, to make things more consistent for testing purposes,
 // during tests the color used is appended before the string instead of coloring it.
 const isTest = process.env.NODE_ENV === 'test';
 const red = str => {
-  if (isTest) return `<color-red>${str}</color-red>`;
+  if (isTest) return "<color-red>".concat(str, "</color-red>");
   return chalk.red(str);
 };
 const green = str => {
-  if (isTest) return `<color-green>${str}</color-green>`;
+  if (isTest) return "<color-green>".concat(str, "</color-green>");
   return chalk.green(str);
 };
 
@@ -45,19 +45,21 @@ const getStringDiff = _ref => {
     _ref$indentLevel = _ref.indentLevel,
     indentLevel = _ref$indentLevel === void 0 ? 0 : _ref$indentLevel;
   if (!previousValue && nextValue) {
-    return `${indent(indentLevel)}${label} added: ${green(nextValue)}`;
+    var _context2, _context3;
+    return _concatInstanceProperty(_context2 = _concatInstanceProperty(_context3 = "".concat(indent(indentLevel))).call(_context3, label, " added: ")).call(_context2, green(nextValue));
   }
   if (previousValue && !nextValue) {
-    return `${indent(indentLevel)}${label} removed: ${red(previousValue)}`;
+    var _context4, _context5;
+    return _concatInstanceProperty(_context4 = _concatInstanceProperty(_context5 = "".concat(indent(indentLevel))).call(_context5, label, " removed: ")).call(_context4, red(previousValue));
   }
   if (previousValue && nextValue && previousValue !== nextValue) {
-    return `${indent(indentLevel)}${label} changed: ${red(previousValue)} => ${green(nextValue)}`;
+    var _context6, _context7, _context8;
+    return _concatInstanceProperty(_context6 = _concatInstanceProperty(_context7 = _concatInstanceProperty(_context8 = "".concat(indent(indentLevel))).call(_context8, label, " changed: ")).call(_context7, red(previousValue), " => ")).call(_context6, green(nextValue));
   }
   return null;
 };
 // NOTE: this assumes that the array values are scalar values (not objects).
 const getArrayDiff = _ref2 => {
-  var _context2, _context3;
   let previousValue = _ref2.previousValue,
     nextValue = _ref2.nextValue,
     label = _ref2.label,
@@ -65,7 +67,7 @@ const getArrayDiff = _ref2 => {
     indentLevel = _ref2$indentLevel === void 0 ? 0 : _ref2$indentLevel;
   const oldArraySet = new _Set(previousValue);
   const arrayDiff = [];
-  ((_context2 = nextValue) == null ? void 0 : _bindInstanceProperty(_context3 = Function.call).call(_context3, _forEachInstanceProperty(_context2), _context2))?.(item => {
+  nextValue === null || nextValue === void 0 || _forEachInstanceProperty(nextValue).call(nextValue, item => {
     if (oldArraySet.has(item)) {
       oldArraySet.delete(item);
     } else {
@@ -86,7 +88,7 @@ const getArrayDiff = _ref2 => {
   return arrayDiff.join('\n');
 };
 const getPermissionsDiff = _ref3 => {
-  var _context4;
+  var _context1;
   let previousValue = _ref3.previousValue,
     nextValue = _ref3.nextValue;
   const permissionDiff = ['permissions changed'];
@@ -99,10 +101,12 @@ const getPermissionsDiff = _ref3 => {
   }, {});
   const indentLevel = 1;
   _forEachInstanceProperty(nextValue).call(nextValue, newPermission => {
-    const currentDiff = [`${indent(indentLevel)}"${newPermission.name}" changed`];
+    var _context9;
+    const currentDiff = [_concatInstanceProperty(_context9 = "".concat(indent(indentLevel), "\"")).call(_context9, newPermission.name, "\" changed")];
     // if the permission name is not in the old config, it means it is a new addition.
     if (!mappedOldPermissions[newPermission.name]) {
-      permissionDiff.push(`${indent(indentLevel)}"${green(newPermission.name)}" was added`);
+      var _context0;
+      permissionDiff.push(_concatInstanceProperty(_context0 = "".concat(indent(indentLevel), "\"")).call(_context0, green(newPermission.name), "\" was added"));
     }
 
     // if permission name is in the old config, now we check if there was a change
@@ -119,21 +123,22 @@ const getPermissionsDiff = _ref3 => {
   });
 
   // if there are old permissions left, it means they were deleted in the new Permissions.
-  _forEachInstanceProperty(_context4 = _Object$keys(mappedOldPermissions)).call(_context4, oldPermissionName => {
-    permissionDiff.push(`${indent(indentLevel)}"${red(oldPermissionName)}" was removed`);
+  _forEachInstanceProperty(_context1 = _Object$keys(mappedOldPermissions)).call(_context1, oldPermissionName => {
+    var _context10;
+    permissionDiff.push(_concatInstanceProperty(_context10 = "".concat(indent(indentLevel), "\"")).call(_context10, red(oldPermissionName), "\" was removed"));
   });
   if (permissionDiff.length > 1) return permissionDiff.join('\n');
   return null;
 };
 const getLabelAllLocalesDiff = _ref5 => {
-  var _context5;
+  var _context14;
   let _ref5$previousValue = _ref5.previousValue,
     previousValue = _ref5$previousValue === void 0 ? [] : _ref5$previousValue,
     _ref5$nextValue = _ref5.nextValue,
     nextValue = _ref5$nextValue === void 0 ? [] : _ref5$nextValue,
     _ref5$indentLevel = _ref5.indentLevel,
     indentLevel = _ref5$indentLevel === void 0 ? 0 : _ref5$indentLevel;
-  const labelAllLocalesDiff = [`${indent(indentLevel - 1)}labelAllLocales changed`];
+  const labelAllLocalesDiff = ["".concat(indent(indentLevel - 1), "labelAllLocales changed")];
   const mappedOldLabelAllLocales = _reduceInstanceProperty(previousValue).call(previousValue, (previousLabelAllLocale, _ref6) => {
     let locale = _ref6.locale,
       value = _ref6.value;
@@ -145,7 +150,8 @@ const getLabelAllLocalesDiff = _ref5 => {
     if (newLabelAllLocale.locale in mappedOldLabelAllLocales) {
       const oldLocaleValue = mappedOldLabelAllLocales[newLabelAllLocale.locale];
       if (oldLocaleValue !== newLabelAllLocale.value) {
-        labelAllLocalesDiff.push(`${indent(indentLevel)}locale "${newLabelAllLocale.locale}" changed: ${red(oldLocaleValue)} => ${green(newLabelAllLocale.value)}`);
+        var _context11, _context12, _context13;
+        labelAllLocalesDiff.push(_concatInstanceProperty(_context11 = _concatInstanceProperty(_context12 = _concatInstanceProperty(_context13 = "".concat(indent(indentLevel), "locale \"")).call(_context13, newLabelAllLocale.locale, "\" changed: ")).call(_context12, red(oldLocaleValue), " => ")).call(_context11, green(newLabelAllLocale.value)));
       }
       delete mappedOldLabelAllLocales[newLabelAllLocale.locale];
     } else {
@@ -159,7 +165,7 @@ const getLabelAllLocalesDiff = _ref5 => {
       }
     }
   });
-  _forEachInstanceProperty(_context5 = _Object$keys(mappedOldLabelAllLocales)).call(_context5, key => {
+  _forEachInstanceProperty(_context14 = _Object$keys(mappedOldLabelAllLocales)).call(_context14, key => {
     const localeDiff = getStringDiff({
       previousValue: key,
       label: 'locale',
@@ -173,14 +179,14 @@ const getLabelAllLocalesDiff = _ref5 => {
   return null;
 };
 const getTypeSettingsDiff = _ref7 => {
-  var _context6;
+  var _context15;
   let previousValue = _ref7.previousValue,
     nextValue = _ref7.nextValue;
   const nonNullablePreviousValue = previousValue || {};
   const nonNullableNextValue = nextValue || {};
   const indentLevel = 1;
-  const typeSettingsDiff = [`${indent(indentLevel - 1)}type settings changed`];
-  _forEachInstanceProperty(_context6 = _Object$keys(nonNullablePreviousValue)).call(_context6, key => {
+  const typeSettingsDiff = ["".concat(indent(indentLevel - 1), "type settings changed")];
+  _forEachInstanceProperty(_context15 = _Object$keys(nonNullablePreviousValue)).call(_context15, key => {
     const typeSettingDiff = getStringDiff({
       previousValue: nonNullablePreviousValue[key],
       nextValue: nonNullableNextValue[key],
@@ -230,7 +236,7 @@ const getMainMenuLinkDiff = _ref9 => {
     indentLevel: 2
   });
   if (mainMenuLinkPermissionsDiff.length > 0) {
-    mainMenuLinkDiff.push(`${indent(1)}permissions changed`);
+    mainMenuLinkDiff.push("".concat(indent(1), "permissions changed"));
     mainMenuLinkDiff.push(mainMenuLinkPermissionsDiff);
   }
   const menuLabelsDiff = getLabelAllLocalesDiff({
@@ -246,7 +252,7 @@ const getMainMenuLinkDiff = _ref9 => {
   return null;
 };
 const getSubmenuLinksDiff = _ref0 => {
-  var _context8;
+  var _context20;
   let previousValue = _ref0.previousValue,
     nextValue = _ref0.nextValue;
   const submenuLinksDiff = ['submenuLink changed'];
@@ -257,16 +263,17 @@ const getSubmenuLinksDiff = _ref0 => {
   const previousOrder = getOrder(previousValue);
   const newOrder = getOrder(nextValue);
   if (previousOrder !== newOrder) {
-    submenuLinksDiff.push(`${indent(1)}submenu order changed`);
-    submenuLinksDiff.push(`${indent(2)}previous order: [${previousOrder}]`);
-    submenuLinksDiff.push(`${indent(2)}new order: [${newOrder}]`);
+    var _context16, _context17;
+    submenuLinksDiff.push("".concat(indent(1), "submenu order changed"));
+    submenuLinksDiff.push(_concatInstanceProperty(_context16 = "".concat(indent(2), "previous order: [")).call(_context16, previousOrder, "]"));
+    submenuLinksDiff.push(_concatInstanceProperty(_context17 = "".concat(indent(2), "new order: [")).call(_context17, newOrder, "]"));
   }
   _forEachInstanceProperty(nextValue).call(nextValue, newSubmenuLink => {
     const oldSubMenuLink = mappedSubmenuLinks[newSubmenuLink.uriPath];
     if (newSubmenuLink.uriPath in mappedSubmenuLinks) {
-      var _context7;
-      const submenuLinkDiff = [`${indent(1)}menu link "${newSubmenuLink.uriPath}" changed`];
-      _forEachInstanceProperty(_context7 = _Object$keys(mappedSubmenuLinks[newSubmenuLink.uriPath])).call(_context7, key => {
+      var _context18, _context19;
+      const submenuLinkDiff = [_concatInstanceProperty(_context18 = "".concat(indent(1), "menu link \"")).call(_context18, newSubmenuLink.uriPath, "\" changed")];
+      _forEachInstanceProperty(_context19 = _Object$keys(mappedSubmenuLinks[newSubmenuLink.uriPath])).call(_context19, key => {
         switch (key) {
           case 'defaultLabel':
             {
@@ -290,7 +297,7 @@ const getSubmenuLinksDiff = _ref0 => {
                 indentLevel: 3
               });
               if (submenuLinkPermissionsDiff.length > 0) {
-                submenuLinkDiff.push(`${indent(2)}permissions changed`);
+                submenuLinkDiff.push("".concat(indent(2), "permissions changed"));
                 submenuLinkDiff.push(submenuLinkPermissionsDiff);
               }
               break;
@@ -325,7 +332,7 @@ const getSubmenuLinksDiff = _ref0 => {
       }
     }
   });
-  _forEachInstanceProperty(_context8 = _Object$keys(mappedSubmenuLinks)).call(_context8, key => {
+  _forEachInstanceProperty(_context20 = _Object$keys(mappedSubmenuLinks)).call(_context20, key => {
     const linksDiff = getStringDiff({
       previousValue: key,
       label: 'menu link',
@@ -499,12 +506,13 @@ const getCustomViewConfigDiff = (oldConfig, newConfig) => {
 };
 
 const getMcUrlLink = _ref => {
+  var _context, _context2, _context3;
   let mcApiUrl = _ref.mcApiUrl,
     organizationId = _ref.organizationId,
     customEntityId = _ref.customEntityId,
     isCustomView = _ref.isCustomView;
   const mcUrl = mcApiUrl.replace('mc-api', 'mc');
-  const customEntityLink = `${mcUrl}/account/organizations/${organizationId}/custom-${isCustomView ? 'views' : 'applications'}/owned/${customEntityId}`;
+  const customEntityLink = _concatInstanceProperty(_context = _concatInstanceProperty(_context2 = _concatInstanceProperty(_context3 = "".concat(mcUrl, "/account/organizations/")).call(_context3, organizationId, "/custom-")).call(_context2, isCustomView ? 'views' : 'applications', "/owned/")).call(_context, customEntityId);
   return customEntityLink;
 };
 const isCustomViewData = data => data.entryPointUriPath === undefined;
@@ -515,7 +523,7 @@ async function performCreateCustomApplication(_ref2) {
     localCustomEntityData = _ref2.localCustomEntityData,
     applicationIdentifier = _ref2.applicationIdentifier,
     dryRun = _ref2.dryRun;
-  console.log(`Creating Custom Application in organization "${chalk.green(organizationName)}"...`);
+  console.log("Creating Custom Application in organization \"".concat(chalk.green(organizationName), "\"..."));
   const data = omit(localCustomEntityData, ['id']);
   if (dryRun) {
     console.log();
@@ -538,9 +546,9 @@ async function performCreateCustomApplication(_ref2) {
     customEntityId: createdCustomApplication.id
   });
   console.log(chalk.green('Custom Application created successfully.'));
-  console.log(`ID: ${chalk.cyan(createdCustomApplication.id)}`);
-  console.log(`Please update the "env.production.applicationId" field in your local Custom Application config file with the ID above.`);
-  console.log(`URL: ${chalk.gray(customAppLink)}`);
+  console.log("ID: ".concat(chalk.cyan(createdCustomApplication.id)));
+  console.log("Please update the \"env.production.applicationId\" field in your local Custom Application config file with the ID above.");
+  console.log("URL: ".concat(chalk.gray(customAppLink)));
   return createdCustomApplication.id;
 }
 async function performUpdateCustomApplication(_ref3) {
@@ -553,7 +561,7 @@ async function performUpdateCustomApplication(_ref3) {
   const data = omit(localCustomEntityData, ['id']);
   if (dryRun) {
     console.log();
-    console.log(`Dry run - would update Custom Application "${chalk.green(data.entryPointUriPath)}" with:`);
+    console.log("Dry run - would update Custom Application \"".concat(chalk.green(data.entryPointUriPath), "\" with:"));
     console.log(chalk.gray(_JSON$stringify(data, null, 2)));
     return;
   }
@@ -571,7 +579,7 @@ async function performUpdateCustomApplication(_ref3) {
     customEntityId: applicationId
   });
   console.log(chalk.green('Custom Application updated successfully.'));
-  console.log(`URL: ${chalk.gray(customAppLink)}`);
+  console.log("URL: ".concat(chalk.gray(customAppLink)));
 }
 async function performCreateCustomView(_ref4) {
   let mcApiUrl = _ref4.mcApiUrl,
@@ -580,7 +588,7 @@ async function performCreateCustomView(_ref4) {
     localCustomEntityData = _ref4.localCustomEntityData,
     applicationIdentifier = _ref4.applicationIdentifier,
     dryRun = _ref4.dryRun;
-  console.log(`Creating Custom View in organization "${chalk.green(organizationName)}"...`);
+  console.log("Creating Custom View in organization \"".concat(chalk.green(organizationName), "\"..."));
   const data = omit(localCustomEntityData, ['id']);
   if (dryRun) {
     console.log();
@@ -604,9 +612,9 @@ async function performCreateCustomView(_ref4) {
     isCustomView: true
   });
   console.log(chalk.green('Custom View created successfully.'));
-  console.log(`ID: ${chalk.cyan(createdCustomView.id)}`);
-  console.log(`Please update the "env.production.customViewId" field in your local Custom View config file with the ID above.`);
-  console.log(`URL: ${chalk.gray(customViewLink)}`);
+  console.log("ID: ".concat(chalk.cyan(createdCustomView.id)));
+  console.log("Please update the \"env.production.customViewId\" field in your local Custom View config file with the ID above.");
+  console.log("URL: ".concat(chalk.gray(customViewLink)));
   return createdCustomView.id;
 }
 async function performUpdateCustomView(_ref5) {
@@ -619,7 +627,7 @@ async function performUpdateCustomView(_ref5) {
   const data = omit(localCustomEntityData, ['id']);
   if (dryRun) {
     console.log();
-    console.log(`Dry run - would update Custom View "${chalk.green(data.defaultLabel)}" with:`);
+    console.log("Dry run - would update Custom View \"".concat(chalk.green(data.defaultLabel), "\" with:"));
     console.log(chalk.gray(_JSON$stringify(data, null, 2)));
     return;
   }
@@ -638,7 +646,7 @@ async function performUpdateCustomView(_ref5) {
     isCustomView: true
   });
   console.log(chalk.green('Custom View updated successfully.'));
-  console.log(`URL: ${chalk.gray(customViewLink)}`);
+  console.log("URL: ".concat(chalk.gray(customViewLink)));
 }
 async function checkCustomApplicationStatus(_ref6) {
   let mcApiUrl = _ref6.mcApiUrl,
@@ -670,6 +678,7 @@ async function checkCustomApplicationStatus(_ref6) {
   };
 }
 async function checkCustomViewStatus(_ref7) {
+  var _fetchedCustomView$cu, _fetchedCustomView$cu2;
   let mcApiUrl = _ref7.mcApiUrl,
     customViewId = _ref7.customViewId,
     applicationIdentifier = _ref7.applicationIdentifier,
@@ -688,13 +697,13 @@ async function checkCustomViewStatus(_ref7) {
   const customViewLink = getMcUrlLink({
     mcApiUrl,
     organizationId: fetchedCustomView.organizationId,
-    customEntityId: fetchedCustomView?.customView?.id || '',
+    customEntityId: (fetchedCustomView === null || fetchedCustomView === void 0 || (_fetchedCustomView$cu = fetchedCustomView.customView) === null || _fetchedCustomView$cu === void 0 ? void 0 : _fetchedCustomView$cu.id) || '',
     isCustomView: true
   });
   return {
     exists: true,
     organizationId: fetchedCustomView.organizationId,
-    customViewId: fetchedCustomView?.customView?.id || '',
+    customViewId: (fetchedCustomView === null || fetchedCustomView === void 0 || (_fetchedCustomView$cu2 = fetchedCustomView.customView) === null || _fetchedCustomView$cu2 === void 0 ? void 0 : _fetchedCustomView$cu2.id) || '',
     configDiff,
     link: customViewLink
   };

package/dist/{create-postcss-config-3a80caef.cjs.dev.js → create-postcss-config-13cb1cb8.cjs.dev.js}

@@ -2,7 +2,7 @@
 
 var _slicedToArray = require('@babel/runtime-corejs3/helpers/slicedToArray');
 var path = require('path');
-var _package = require('./package-af294ed4.cjs.dev.js');
+var _package = require('./package-98adb0d5.cjs.dev.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/dist/{create-postcss-config-7d0b0ae1.cjs.prod.js → create-postcss-config-1eeb3d9d.cjs.prod.js}

@@ -2,7 +2,7 @@
 
 var _slicedToArray = require('@babel/runtime-corejs3/helpers/slicedToArray');
 var path = require('path');
-var _package = require('./package-3539c84a.cjs.prod.js');
+var _package = require('./package-90af7dfe.cjs.prod.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/dist/{create-postcss-config-a9f7c8a8.esm.js → create-postcss-config-390e8a52.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-5371f8ba.esm.js';
+import { p as pkgJson } from './package-15124b28.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

package/dist/{create-webpack-config-for-development-ee3e94e6.cjs.prod.js → create-webpack-config-for-development-6608b4e4.cjs.prod.js}

@@ -19,16 +19,15 @@ var ReactRefreshWebpackPlugin = require('@pmmmwh/react-refresh-webpack-plugin');
 var HtmlWebpackPlugin = require('html-webpack-plugin');
 var MomentLocalesPlugin = require('moment-locales-webpack-plugin');
 var webpack = require('webpack');
-var WebpackBar = require('webpackbar');
-var tryLoadNimbusPlugins = require('./try-load-nimbus-plugins-a713d7d3.cjs.prod.js');
+var tryLoadNimbusPlugins = require('./try-load-nimbus-plugins-59c3a594.cjs.prod.js');
 var _classCallCheck = require('@babel/runtime-corejs3/helpers/classCallCheck');
 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-7d0b0ae1.cjs.prod.js');
-var optimizations = require('./optimizations-da5a0cfa.cjs.prod.js');
-var paths = require('./paths-7768b440.cjs.prod.js');
+var createPostcssConfig = require('./create-postcss-config-1eeb3d9d.cjs.prod.js');
+var optimizations = require('./optimizations-09a6638c.cjs.prod.js');
+var paths = require('./paths-af1a725a.cjs.prod.js');
 var vendorsToTranspile = require('./vendors-to-transpile-04a49d40.cjs.prod.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
@@ -51,7 +50,6 @@ var ReactRefreshWebpackPlugin__default = /*#__PURE__*/_interopDefault(ReactRefre
 var HtmlWebpackPlugin__default = /*#__PURE__*/_interopDefault(HtmlWebpackPlugin);
 var MomentLocalesPlugin__default = /*#__PURE__*/_interopDefault(MomentLocalesPlugin);
 var webpack__default = /*#__PURE__*/_interopDefault(webpack);
-var WebpackBar__default = /*#__PURE__*/_interopDefault(WebpackBar);
 var _Object$assign__default = /*#__PURE__*/_interopDefault(_Object$assign);
 
 let LocalHtmlWebpackPlugin = /*#__PURE__*/function () {
@@ -152,7 +150,7 @@ function createWebpackConfigForDevelopment() {
       // https://github.com/facebook/create-react-app/issues/290
       // `web` extension prefixes have been added for better support
       // for React Native Web.
-      extensions: _mapInstanceProperty__default["default"](_context = ['js', 'mjs', 'cjs', 'ts', 'tsx', 'json', 'jsx']).call(_context, ext => `.${ext}`),
+      extensions: _mapInstanceProperty__default["default"](_context = ['js', 'mjs', 'cjs', 'ts', 'tsx', 'json', 'jsx']).call(_context, ext => ".".concat(ext)),
       // NOTE: this is meant to be a temporary list of fallback/polyfills for certain
       // nodejs modules. With Webpack <5 these polyfills were included by default in Webpack,
       // however now it's not the case anymore.
@@ -204,7 +202,14 @@ function createWebpackConfigForDevelopment() {
     },
     plugins: _filterInstanceProperty__default["default"](_context3 = [tryLoadNimbusPlugins.loadNimbusWebpackPlugin({
       cwd: paths.paths.appRoot
-    }), new WebpackBar__default["default"](),
+    }),
+    // Colored progress bar in interactive terminals, plain percentage
+    // lines otherwise (e.g. CI logs). Replaces `webpackbar`, which is
+    // unmaintained and broke on webpack's newer, deferred ProgressPlugin
+    // option validation.
+    new webpack__default["default"].ProgressPlugin({
+      progressBar: 'auto'
+    }),
     // 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({
@@ -308,9 +313,9 @@ function createWebpackConfigForDevelopment() {
                 name: 'prefixIds',
                 params: {
                   delim: '',
-                  prefix: (_, info) => `svg${crypto__default["default"].createHash('shake256', {
+                  prefix: (_, info) => "svg".concat(crypto__default["default"].createHash('shake256', {
                     outputLength: 6
-                  }).update(info.path || '').digest('hex')}`
+                  }).update(info.path || '').digest('hex'))
                 }
               }]
             }

package/dist/{create-webpack-config-for-development-a81db65f.cjs.dev.js → create-webpack-config-for-development-9a3a3a93.cjs.dev.js}

@@ -19,16 +19,15 @@ var ReactRefreshWebpackPlugin = require('@pmmmwh/react-refresh-webpack-plugin');
 var HtmlWebpackPlugin = require('html-webpack-plugin');
 var MomentLocalesPlugin = require('moment-locales-webpack-plugin');
 var webpack = require('webpack');
-var WebpackBar = require('webpackbar');
-var tryLoadNimbusPlugins = require('./try-load-nimbus-plugins-d502a5fe.cjs.dev.js');
+var tryLoadNimbusPlugins = require('./try-load-nimbus-plugins-06ce5d83.cjs.dev.js');
 var _classCallCheck = require('@babel/runtime-corejs3/helpers/classCallCheck');
 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-3a80caef.cjs.dev.js');
-var optimizations = require('./optimizations-56be74d6.cjs.dev.js');
-var paths = require('./paths-b76fc753.cjs.dev.js');
+var createPostcssConfig = require('./create-postcss-config-13cb1cb8.cjs.dev.js');
+var optimizations = require('./optimizations-640ffcac.cjs.dev.js');
+var paths = require('./paths-ec3e3a7d.cjs.dev.js');
 var vendorsToTranspile = require('./vendors-to-transpile-6ab4ea06.cjs.dev.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
@@ -51,7 +50,6 @@ var ReactRefreshWebpackPlugin__default = /*#__PURE__*/_interopDefault(ReactRefre
 var HtmlWebpackPlugin__default = /*#__PURE__*/_interopDefault(HtmlWebpackPlugin);
 var MomentLocalesPlugin__default = /*#__PURE__*/_interopDefault(MomentLocalesPlugin);
 var webpack__default = /*#__PURE__*/_interopDefault(webpack);
-var WebpackBar__default = /*#__PURE__*/_interopDefault(WebpackBar);
 var _Object$assign__default = /*#__PURE__*/_interopDefault(_Object$assign);
 
 let LocalHtmlWebpackPlugin = /*#__PURE__*/function () {
@@ -152,7 +150,7 @@ function createWebpackConfigForDevelopment() {
       // https://github.com/facebook/create-react-app/issues/290
       // `web` extension prefixes have been added for better support
       // for React Native Web.
-      extensions: _mapInstanceProperty__default["default"](_context = ['js', 'mjs', 'cjs', 'ts', 'tsx', 'json', 'jsx']).call(_context, ext => `.${ext}`),
+      extensions: _mapInstanceProperty__default["default"](_context = ['js', 'mjs', 'cjs', 'ts', 'tsx', 'json', 'jsx']).call(_context, ext => ".".concat(ext)),
       // NOTE: this is meant to be a temporary list of fallback/polyfills for certain
       // nodejs modules. With Webpack <5 these polyfills were included by default in Webpack,
       // however now it's not the case anymore.
@@ -204,7 +202,14 @@ function createWebpackConfigForDevelopment() {
     },
     plugins: _filterInstanceProperty__default["default"](_context3 = [tryLoadNimbusPlugins.loadNimbusWebpackPlugin({
       cwd: paths.paths.appRoot
-    }), new WebpackBar__default["default"](),
+    }),
+    // Colored progress bar in interactive terminals, plain percentage
+    // lines otherwise (e.g. CI logs). Replaces `webpackbar`, which is
+    // unmaintained and broke on webpack's newer, deferred ProgressPlugin
+    // option validation.
+    new webpack__default["default"].ProgressPlugin({
+      progressBar: 'auto'
+    }),
     // 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({
@@ -308,9 +313,9 @@ function createWebpackConfigForDevelopment() {
                 name: 'prefixIds',
                 params: {
                   delim: '',
-                  prefix: (_, info) => `svg${crypto__default["default"].createHash('shake256', {
+                  prefix: (_, info) => "svg".concat(crypto__default["default"].createHash('shake256', {
                     outputLength: 6
-                  }).update(info.path || '').digest('hex')}`
+                  }).update(info.path || '').digest('hex'))
                 }
               }]
             }

package/dist/{create-webpack-config-for-development-34ec7d5c.esm.js → create-webpack-config-for-development-dd95f3d5.esm.js}

@@ -17,16 +17,15 @@ import ReactRefreshWebpackPlugin from '@pmmmwh/react-refresh-webpack-plugin';
 import HtmlWebpackPlugin from 'html-webpack-plugin';
 import MomentLocalesPlugin from 'moment-locales-webpack-plugin';
 import webpack from 'webpack';
-import WebpackBar from 'webpackbar';
-import { l as loadNimbusWebpackPlugin } from './try-load-nimbus-plugins-2f528d8f.esm.js';
+import { l as loadNimbusWebpackPlugin } from './try-load-nimbus-plugins-526dccbd.esm.js';
 import _classCallCheck from '@babel/runtime-corejs3/helpers/esm/classCallCheck';
 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-a9f7c8a8.esm.js';
-import { g as getWepbackCacheGroups, h as hasJsxRuntime } from './optimizations-54382f7b.esm.js';
-import { p as paths } from './paths-39f22b8b.esm.js';
+import { c as createPostcssConfig } from './create-postcss-config-390e8a52.esm.js';
+import { g as getWepbackCacheGroups, h as hasJsxRuntime } from './optimizations-1b3f8157.esm.js';
+import { p as paths } from './paths-7bf7e88e.esm.js';
 import { v as vendorsToTranspile } from './vendors-to-transpile-7dc84a72.esm.js';
 
 let LocalHtmlWebpackPlugin = /*#__PURE__*/function () {
@@ -127,7 +126,7 @@ function createWebpackConfigForDevelopment() {
       // https://github.com/facebook/create-react-app/issues/290
       // `web` extension prefixes have been added for better support
       // for React Native Web.
-      extensions: _mapInstanceProperty(_context = ['js', 'mjs', 'cjs', 'ts', 'tsx', 'json', 'jsx']).call(_context, ext => `.${ext}`),
+      extensions: _mapInstanceProperty(_context = ['js', 'mjs', 'cjs', 'ts', 'tsx', 'json', 'jsx']).call(_context, ext => ".".concat(ext)),
       // NOTE: this is meant to be a temporary list of fallback/polyfills for certain
       // nodejs modules. With Webpack <5 these polyfills were included by default in Webpack,
       // however now it's not the case anymore.
@@ -179,7 +178,14 @@ function createWebpackConfigForDevelopment() {
     },
     plugins: _filterInstanceProperty(_context3 = [loadNimbusWebpackPlugin({
       cwd: paths.appRoot
-    }), new WebpackBar(),
+    }),
+    // Colored progress bar in interactive terminals, plain percentage
+    // lines otherwise (e.g. CI logs). Replaces `webpackbar`, which is
+    // unmaintained and broke on webpack's newer, deferred ProgressPlugin
+    // option validation.
+    new webpack.ProgressPlugin({
+      progressBar: 'auto'
+    }),
     // 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({
@@ -283,9 +289,9 @@ function createWebpackConfigForDevelopment() {
                 name: 'prefixIds',
                 params: {
                   delim: '',
-                  prefix: (_, info) => `svg${crypto.createHash('shake256', {
+                  prefix: (_, info) => "svg".concat(crypto.createHash('shake256', {
                     outputLength: 6
-                  }).update(info.path || '').digest('hex')}`
+                  }).update(info.path || '').digest('hex'))
                 }
               }]
             }

package/dist/{create-webpack-config-for-production-585f2e76.cjs.dev.js → create-webpack-config-for-production-29b34b8c.cjs.dev.js}

@@ -22,7 +22,7 @@ var MomentLocalesPlugin = require('moment-locales-webpack-plugin');
 var TerserPlugin = require('terser-webpack-plugin');
 var webpack = require('webpack');
 var webpackBundleAnalyzer = require('webpack-bundle-analyzer');
-var tryLoadNimbusPlugins = require('./try-load-nimbus-plugins-d502a5fe.cjs.dev.js');
+var tryLoadNimbusPlugins = require('./try-load-nimbus-plugins-06ce5d83.cjs.dev.js');
 var _classCallCheck = require('@babel/runtime-corejs3/helpers/classCallCheck');
 var _createClass = require('@babel/runtime-corejs3/helpers/createClass');
 var _bindInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/bind');
@@ -30,9 +30,9 @@ var _reduceInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/ins
 var _Object$assign = require('@babel/runtime-corejs3/core-js-stable/object/assign');
 var fs = require('fs');
 var path = require('path');
-var createPostcssConfig = require('./create-postcss-config-3a80caef.cjs.dev.js');
-var optimizations = require('./optimizations-56be74d6.cjs.dev.js');
-var paths = require('./paths-b76fc753.cjs.dev.js');
+var createPostcssConfig = require('./create-postcss-config-13cb1cb8.cjs.dev.js');
+var optimizations = require('./optimizations-640ffcac.cjs.dev.js');
+var paths = require('./paths-ec3e3a7d.cjs.dev.js');
 var vendorsToTranspile = require('./vendors-to-transpile-6ab4ea06.cjs.dev.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
@@ -109,7 +109,7 @@ let FinalStatsWriterPlugin = /*#__PURE__*/function () {
         fs__default["default"].writeFileSync(path__default["default"].join(this.config.outputPath, 'stats.json'), _JSON$stringify__default["default"](finalStats, null, 2));
       } catch (error) {
         // eslint-disable-next-line no-console
-        console.warn(`[FinalStatsWriterPlugin] The dist folder could not be found at ${this.config.outputPath}. Check the console for errors during the webpack compilation.`);
+        console.warn("[FinalStatsWriterPlugin] The dist folder could not be found at ".concat(this.config.outputPath, ". Check the console for errors during the webpack compilation."));
       }
     }
   }]);
@@ -230,7 +230,7 @@ function createWebpackConfigForProduction() {
       // https://github.com/facebook/create-react-app/issues/290
       // `web` extension prefixes have been added for better support
       // for React Native Web.
-      extensions: _mapInstanceProperty__default["default"](_context = ['js', 'mjs', 'cjs', 'ts', 'tsx', 'json', 'jsx']).call(_context, ext => `.${ext}`),
+      extensions: _mapInstanceProperty__default["default"](_context = ['js', 'mjs', 'cjs', 'ts', 'tsx', 'json', 'jsx']).call(_context, ext => ".".concat(ext)),
       // NOTE: this is meant to be a temporary list of fallback/polyfills for certain
       // nodejs modules. With Webpack <5 these polyfills were included by default in Webpack,
       // however now it's not the case anymore.
@@ -362,9 +362,9 @@ function createWebpackConfigForProduction() {
                 name: 'prefixIds',
                 params: {
                   delim: '',
-                  prefix: (_, info) => `svg${crypto__default["default"].createHash('shake256', {
+                  prefix: (_, info) => "svg".concat(crypto__default["default"].createHash('shake256', {
                     outputLength: 6
-                  }).update(info.path || '').digest('hex')}`
+                  }).update(info.path || '').digest('hex'))
                 }
               }]
             }