@commercetools-frontend/mc-scripts 22.14.1 → 22.14.2

package/dist/{create-webpack-config-for-production-4b437de5.cjs.dev.js → create-webpack-config-for-production-248296c7.cjs.dev.js}

@@ -14,6 +14,7 @@ var _JSON$stringify = require('@babel/runtime-corejs3/core-js-stable/json/string
 var _endsWithInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/ends-with');
 var _Number$isInteger = require('@babel/runtime-corejs3/core-js-stable/number/is-integer');
 var _concatInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/concat');
+var crypto = require('crypto');
 var CssMinimizerPlugin = require('css-minimizer-webpack-plugin');
 var HtmlWebpackPlugin = require('html-webpack-plugin');
 var MiniCssExtractPlugin = require('mini-css-extract-plugin');
@@ -28,7 +29,7 @@ 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-81acd016.cjs.dev.js');
+var createPostcssConfig = require('./create-postcss-config-a38f5519.cjs.dev.js');
 var hasJsxRuntime = require('./has-jsx-runtime-aa5d21ee.cjs.dev.js');
 var paths = require('./paths-d1febc82.cjs.dev.js');
 var vendorsToTranspile = require('./vendors-to-transpile-6ab4ea06.cjs.dev.js');
@@ -48,6 +49,7 @@ var _JSON$stringify__default = /*#__PURE__*/_interopDefault(_JSON$stringify);
 var _endsWithInstanceProperty__default = /*#__PURE__*/_interopDefault(_endsWithInstanceProperty);
 var _Number$isInteger__default = /*#__PURE__*/_interopDefault(_Number$isInteger);
 var _concatInstanceProperty__default = /*#__PURE__*/_interopDefault(_concatInstanceProperty);
+var crypto__default = /*#__PURE__*/_interopDefault(crypto);
 var CssMinimizerPlugin__default = /*#__PURE__*/_interopDefault(CssMinimizerPlugin);
 var HtmlWebpackPlugin__default = /*#__PURE__*/_interopDefault(HtmlWebpackPlugin);
 var MiniCssExtractPlugin__default = /*#__PURE__*/_interopDefault(MiniCssExtractPlugin);
@@ -117,7 +119,6 @@ function ownKeys(e, r) { var t = _Object$keys__default["default"](e); if (_Objec
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context7, _context8; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context7 = ownKeys(Object(t), !0)).call(_context7, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context8 = ownKeys(Object(t))).call(_context8, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
 // https://babeljs.io/blog/2017/09/11/zero-config-with-babel-macros
 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", "pt-br", "zh-cn"];
-let svgoPrefixIdsCount = 0;
 const defaultToggleFlags = {
   // Allow to disable CSS extraction in case it's not necessary (e.g. for Storybook)
   enableExtractCss: true,
@@ -322,18 +323,36 @@ function createWebpackConfigForProduction() {
                 }
               },
               // Avoid collisions with ids in other SVGs,
-              // which was causing incorrect gradient directions
-              // https://github.com/svg/svgo/issues/1746#issuecomment-1803600573
-              //
-              // Previously, this was a problem where unique ids
-              // could not be generated since svgo@3
+              // which was causing incorrect masking, gradient directions, etc
+              // this is an ongoing issue with both SVGR and SVGO,
+              // https://github.com/svg/svgo/issues/913#issuecomment-369373572
+              // see SVGR issues:
+              // https://github.com/gregberge/svgr/issues/322
+              // https://github.com/gregberge/svgr/issues/210
+              // see SVGO issues:
               // https://github.com/svg/svgo/issues/674
               // https://github.com/svg/svgo/issues/1746
+              //
+              // Initially, a naive counter was implemented based on this github comment:
+              // https://github.com/svg/svgo/issues/1746#issuecomment-1803600573
+              // But while that implementation insured id’s that are unique,
+              // it did not work in cases where the id is both declared and referenced in the same file,
+              // because the refernce gets a separate unique ID (a different number from the counter).
+              //
+              // The current implementation is based on this github comment:
+              // https://github.com/svg/svgo/issues/913#issuecomment-369373572
+              // Generates a hash of the filepath of the svg file, resulting in a prefix which is:
+              // - Short,
+              // - With characters valid for IDs,
+              // - The same within a file,
+              // - And different in different files.
               {
                 name: 'prefixIds',
                 params: {
                   delim: '',
-                  prefix: () => svgoPrefixIdsCount++
+                  prefix: (_, info) => "svg".concat(crypto__default["default"].createHash('shake256', {
+                    outputLength: 6
+                  }).update(info.path || '').digest('hex'))
                 }
               }]
             }

package/dist/{create-webpack-config-for-production-3357cae6.esm.js → create-webpack-config-for-production-32af2687.esm.js}

@@ -12,6 +12,7 @@ import _JSON$stringify from '@babel/runtime-corejs3/core-js-stable/json/stringif
 import _endsWithInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/ends-with';
 import _Number$isInteger from '@babel/runtime-corejs3/core-js-stable/number/is-integer';
 import _concatInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/concat';
+import crypto from 'crypto';
 import CssMinimizerPlugin from 'css-minimizer-webpack-plugin';
 import HtmlWebpackPlugin from 'html-webpack-plugin';
 import MiniCssExtractPlugin from 'mini-css-extract-plugin';
@@ -26,7 +27,7 @@ import _reduceInstanceProperty from '@babel/runtime-corejs3/core-js-stable/insta
 import _Object$assign from '@babel/runtime-corejs3/core-js-stable/object/assign';
 import fs from 'fs';
 import path from 'path';
-import { c as createPostcssConfig } from './create-postcss-config-eb5e8d83.esm.js';
+import { c as createPostcssConfig } from './create-postcss-config-9c76060a.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';
@@ -88,7 +89,6 @@ function ownKeys(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymb
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context7, _context8; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context7 = ownKeys(Object(t), !0)).call(_context7, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context8 = ownKeys(Object(t))).call(_context8, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
 // https://babeljs.io/blog/2017/09/11/zero-config-with-babel-macros
 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", "pt-br", "zh-cn"];
-let svgoPrefixIdsCount = 0;
 const defaultToggleFlags = {
   // Allow to disable CSS extraction in case it's not necessary (e.g. for Storybook)
   enableExtractCss: true,
@@ -293,18 +293,36 @@ function createWebpackConfigForProduction() {
                 }
               },
               // Avoid collisions with ids in other SVGs,
-              // which was causing incorrect gradient directions
-              // https://github.com/svg/svgo/issues/1746#issuecomment-1803600573
-              //
-              // Previously, this was a problem where unique ids
-              // could not be generated since svgo@3
+              // which was causing incorrect masking, gradient directions, etc
+              // this is an ongoing issue with both SVGR and SVGO,
+              // https://github.com/svg/svgo/issues/913#issuecomment-369373572
+              // see SVGR issues:
+              // https://github.com/gregberge/svgr/issues/322
+              // https://github.com/gregberge/svgr/issues/210
+              // see SVGO issues:
               // https://github.com/svg/svgo/issues/674
               // https://github.com/svg/svgo/issues/1746
+              //
+              // Initially, a naive counter was implemented based on this github comment:
+              // https://github.com/svg/svgo/issues/1746#issuecomment-1803600573
+              // But while that implementation insured id’s that are unique,
+              // it did not work in cases where the id is both declared and referenced in the same file,
+              // because the refernce gets a separate unique ID (a different number from the counter).
+              //
+              // The current implementation is based on this github comment:
+              // https://github.com/svg/svgo/issues/913#issuecomment-369373572
+              // Generates a hash of the filepath of the svg file, resulting in a prefix which is:
+              // - Short,
+              // - With characters valid for IDs,
+              // - The same within a file,
+              // - And different in different files.
               {
                 name: 'prefixIds',
                 params: {
                   delim: '',
-                  prefix: () => svgoPrefixIdsCount++
+                  prefix: (_, info) => "svg".concat(crypto.createHash('shake256', {
+                    outputLength: 6
+                  }).update(info.path || '').digest('hex'))
                 }
               }]
             }

package/dist/{create-webpack-config-for-production-3c335bab.cjs.prod.js → create-webpack-config-for-production-49a79bf6.cjs.prod.js}

@@ -14,6 +14,7 @@ var _JSON$stringify = require('@babel/runtime-corejs3/core-js-stable/json/string
 var _endsWithInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/ends-with');
 var _Number$isInteger = require('@babel/runtime-corejs3/core-js-stable/number/is-integer');
 var _concatInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/concat');
+var crypto = require('crypto');
 var CssMinimizerPlugin = require('css-minimizer-webpack-plugin');
 var HtmlWebpackPlugin = require('html-webpack-plugin');
 var MiniCssExtractPlugin = require('mini-css-extract-plugin');
@@ -28,7 +29,7 @@ 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-b53b0c26.cjs.prod.js');
+var createPostcssConfig = require('./create-postcss-config-9ca89418.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');
@@ -48,6 +49,7 @@ var _JSON$stringify__default = /*#__PURE__*/_interopDefault(_JSON$stringify);
 var _endsWithInstanceProperty__default = /*#__PURE__*/_interopDefault(_endsWithInstanceProperty);
 var _Number$isInteger__default = /*#__PURE__*/_interopDefault(_Number$isInteger);
 var _concatInstanceProperty__default = /*#__PURE__*/_interopDefault(_concatInstanceProperty);
+var crypto__default = /*#__PURE__*/_interopDefault(crypto);
 var CssMinimizerPlugin__default = /*#__PURE__*/_interopDefault(CssMinimizerPlugin);
 var HtmlWebpackPlugin__default = /*#__PURE__*/_interopDefault(HtmlWebpackPlugin);
 var MiniCssExtractPlugin__default = /*#__PURE__*/_interopDefault(MiniCssExtractPlugin);
@@ -117,7 +119,6 @@ function ownKeys(e, r) { var t = _Object$keys__default["default"](e); if (_Objec
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context7, _context8; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context7 = ownKeys(Object(t), !0)).call(_context7, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context8 = ownKeys(Object(t))).call(_context8, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
 // https://babeljs.io/blog/2017/09/11/zero-config-with-babel-macros
 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", "pt-br", "zh-cn"];
-let svgoPrefixIdsCount = 0;
 const defaultToggleFlags = {
   // Allow to disable CSS extraction in case it's not necessary (e.g. for Storybook)
   enableExtractCss: true,
@@ -322,18 +323,36 @@ function createWebpackConfigForProduction() {
                 }
               },
               // Avoid collisions with ids in other SVGs,
-              // which was causing incorrect gradient directions
-              // https://github.com/svg/svgo/issues/1746#issuecomment-1803600573
-              //
-              // Previously, this was a problem where unique ids
-              // could not be generated since svgo@3
+              // which was causing incorrect masking, gradient directions, etc
+              // this is an ongoing issue with both SVGR and SVGO,
+              // https://github.com/svg/svgo/issues/913#issuecomment-369373572
+              // see SVGR issues:
+              // https://github.com/gregberge/svgr/issues/322
+              // https://github.com/gregberge/svgr/issues/210
+              // see SVGO issues:
               // https://github.com/svg/svgo/issues/674
               // https://github.com/svg/svgo/issues/1746
+              //
+              // Initially, a naive counter was implemented based on this github comment:
+              // https://github.com/svg/svgo/issues/1746#issuecomment-1803600573
+              // But while that implementation insured id’s that are unique,
+              // it did not work in cases where the id is both declared and referenced in the same file,
+              // because the refernce gets a separate unique ID (a different number from the counter).
+              //
+              // The current implementation is based on this github comment:
+              // https://github.com/svg/svgo/issues/913#issuecomment-369373572
+              // Generates a hash of the filepath of the svg file, resulting in a prefix which is:
+              // - Short,
+              // - With characters valid for IDs,
+              // - The same within a file,
+              // - And different in different files.
               {
                 name: 'prefixIds',
                 params: {
                   delim: '',
-                  prefix: () => svgoPrefixIdsCount++
+                  prefix: (_, info) => "svg".concat(crypto__default["default"].createHash('shake256', {
+                    outputLength: 6
+                  }).update(info.path || '').digest('hex'))
                 }
               }]
             }

package/dist/{credentials-storage-d1ea3106.cjs.prod.js → credentials-storage-32a14cec.cjs.prod.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 var createHttpUserAgent = require('@commercetools/http-user-agent');
-var _package = require('./package-4104fc44.cjs.prod.js');
+var _package = require('./package-4ecafad2.cjs.prod.js');
 var _classCallCheck = require('@babel/runtime-corejs3/helpers/classCallCheck');
 var _createClass = require('@babel/runtime-corejs3/helpers/createClass');
 var _JSON$stringify = require('@babel/runtime-corejs3/core-js-stable/json/stringify');

package/dist/{credentials-storage-62ec0164.cjs.dev.js → credentials-storage-8a24802f.cjs.dev.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 var createHttpUserAgent = require('@commercetools/http-user-agent');
-var _package = require('./package-11af395e.cjs.dev.js');
+var _package = require('./package-3efd1a80.cjs.dev.js');
 var _classCallCheck = require('@babel/runtime-corejs3/helpers/classCallCheck');
 var _createClass = require('@babel/runtime-corejs3/helpers/createClass');
 var _JSON$stringify = require('@babel/runtime-corejs3/core-js-stable/json/stringify');

package/dist/{credentials-storage-ef65664b.esm.js → credentials-storage-beb2066f.esm.js}

@@ -1,5 +1,5 @@
 import createHttpUserAgent from '@commercetools/http-user-agent';
-import { p as pkgJson } from './package-1b5b75e6.esm.js';
+import { p as pkgJson } from './package-b6c00a3a.esm.js';
 import _classCallCheck from '@babel/runtime-corejs3/helpers/esm/classCallCheck';
 import _createClass from '@babel/runtime-corejs3/helpers/esm/createClass';
 import _JSON$stringify from '@babel/runtime-corejs3/core-js-stable/json/stringify';

package/dist/{login-7872f156.cjs.prod.js → login-1b1c4cf0.cjs.prod.js}

@@ -14,9 +14,9 @@ var _Object$defineProperty = require('@babel/runtime-corejs3/core-js-stable/obje
 var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
 var _JSON$stringify = require('@babel/runtime-corejs3/core-js-stable/json/stringify');
 var fetch = require('node-fetch');
-var credentialsStorage$1 = require('./credentials-storage-d1ea3106.cjs.prod.js');
+var credentialsStorage$1 = require('./credentials-storage-32a14cec.cjs.prod.js');
 require('@commercetools/http-user-agent');
-require('./package-4104fc44.cjs.prod.js');
+require('./package-4ecafad2.cjs.prod.js');
 require('@babel/runtime-corejs3/helpers/classCallCheck');
 require('@babel/runtime-corejs3/helpers/createClass');
 require('@babel/runtime-corejs3/core-js-stable/date/now');

package/dist/{login-beab92e2.cjs.dev.js → login-64bdd8eb.cjs.dev.js}

@@ -14,9 +14,9 @@ var _Object$defineProperty = require('@babel/runtime-corejs3/core-js-stable/obje
 var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
 var _JSON$stringify = require('@babel/runtime-corejs3/core-js-stable/json/stringify');
 var fetch = require('node-fetch');
-var credentialsStorage$1 = require('./credentials-storage-62ec0164.cjs.dev.js');
+var credentialsStorage$1 = require('./credentials-storage-8a24802f.cjs.dev.js');
 require('@commercetools/http-user-agent');
-require('./package-11af395e.cjs.dev.js');
+require('./package-3efd1a80.cjs.dev.js');
 require('@babel/runtime-corejs3/helpers/classCallCheck');
 require('@babel/runtime-corejs3/helpers/createClass');
 require('@babel/runtime-corejs3/core-js-stable/date/now');

package/dist/{login-b3e5ab62.esm.js → login-6f67c0e1.esm.js}

@@ -12,9 +12,9 @@ import _Object$defineProperty from '@babel/runtime-corejs3/core-js-stable/object
 import _defineProperty from '@babel/runtime-corejs3/helpers/esm/defineProperty';
 import _JSON$stringify from '@babel/runtime-corejs3/core-js-stable/json/stringify';
 import fetch from 'node-fetch';
-import { u as userAgent, C as CredentialsStorage } from './credentials-storage-ef65664b.esm.js';
+import { u as userAgent, C as CredentialsStorage } from './credentials-storage-beb2066f.esm.js';
 import '@commercetools/http-user-agent';
-import './package-1b5b75e6.esm.js';
+import './package-b6c00a3a.esm.js';
 import '@babel/runtime-corejs3/helpers/classCallCheck';
 import '@babel/runtime-corejs3/helpers/createClass';
 import '@babel/runtime-corejs3/core-js-stable/date/now';

package/dist/{package-4104fc44.cjs.prod.js → package-3efd1a80.cjs.dev.js}

@@ -2,7 +2,7 @@
 
 var pkgJson = {
 	name: "@commercetools-frontend/mc-scripts",
-	version: "22.14.1",
+	version: "22.14.2",
 	description: "Configuration and scripts for developing a MC application",
 	bugs: "https://github.com/commercetools/merchant-center-application-kit/issues",
 	repository: {
@@ -60,13 +60,13 @@ var pkgJson = {
 		"@babel/core": "^7.22.17",
 		"@babel/runtime": "^7.22.15",
 		"@babel/runtime-corejs3": "^7.22.15",
-		"@commercetools-frontend/application-components": "22.14.1",
-		"@commercetools-frontend/application-config": "22.14.1",
-		"@commercetools-frontend/assets": "22.14.1",
-		"@commercetools-frontend/babel-preset-mc-app": "22.14.1",
-		"@commercetools-frontend/constants": "22.14.1",
-		"@commercetools-frontend/mc-dev-authentication": "22.14.1",
-		"@commercetools-frontend/mc-html-template": "22.14.1",
+		"@commercetools-frontend/application-components": "22.14.2",
+		"@commercetools-frontend/application-config": "22.14.2",
+		"@commercetools-frontend/assets": "22.14.2",
+		"@commercetools-frontend/babel-preset-mc-app": "22.14.2",
+		"@commercetools-frontend/constants": "22.14.2",
+		"@commercetools-frontend/mc-dev-authentication": "22.14.2",
+		"@commercetools-frontend/mc-html-template": "22.14.2",
 		"@commercetools/http-user-agent": "3.0.0",
 		"@pmmmwh/react-refresh-webpack-plugin": "0.5.10",
 		"@rollup/plugin-graphql": "2.0.3",

package/dist/{package-11af395e.cjs.dev.js → package-4ecafad2.cjs.prod.js}

@@ -2,7 +2,7 @@
 
 var pkgJson = {
 	name: "@commercetools-frontend/mc-scripts",
-	version: "22.14.1",
+	version: "22.14.2",
 	description: "Configuration and scripts for developing a MC application",
 	bugs: "https://github.com/commercetools/merchant-center-application-kit/issues",
 	repository: {
@@ -60,13 +60,13 @@ var pkgJson = {
 		"@babel/core": "^7.22.17",
 		"@babel/runtime": "^7.22.15",
 		"@babel/runtime-corejs3": "^7.22.15",
-		"@commercetools-frontend/application-components": "22.14.1",
-		"@commercetools-frontend/application-config": "22.14.1",
-		"@commercetools-frontend/assets": "22.14.1",
-		"@commercetools-frontend/babel-preset-mc-app": "22.14.1",
-		"@commercetools-frontend/constants": "22.14.1",
-		"@commercetools-frontend/mc-dev-authentication": "22.14.1",
-		"@commercetools-frontend/mc-html-template": "22.14.1",
+		"@commercetools-frontend/application-components": "22.14.2",
+		"@commercetools-frontend/application-config": "22.14.2",
+		"@commercetools-frontend/assets": "22.14.2",
+		"@commercetools-frontend/babel-preset-mc-app": "22.14.2",
+		"@commercetools-frontend/constants": "22.14.2",
+		"@commercetools-frontend/mc-dev-authentication": "22.14.2",
+		"@commercetools-frontend/mc-html-template": "22.14.2",
 		"@commercetools/http-user-agent": "3.0.0",
 		"@pmmmwh/react-refresh-webpack-plugin": "0.5.10",
 		"@rollup/plugin-graphql": "2.0.3",

package/dist/{package-1b5b75e6.esm.js → package-b6c00a3a.esm.js}

@@ -1,6 +1,6 @@
 var pkgJson = {
 	name: "@commercetools-frontend/mc-scripts",
-	version: "22.14.1",
+	version: "22.14.2",
 	description: "Configuration and scripts for developing a MC application",
 	bugs: "https://github.com/commercetools/merchant-center-application-kit/issues",
 	repository: {
@@ -58,13 +58,13 @@ var pkgJson = {
 		"@babel/core": "^7.22.17",
 		"@babel/runtime": "^7.22.15",
 		"@babel/runtime-corejs3": "^7.22.15",
-		"@commercetools-frontend/application-components": "22.14.1",
-		"@commercetools-frontend/application-config": "22.14.1",
-		"@commercetools-frontend/assets": "22.14.1",
-		"@commercetools-frontend/babel-preset-mc-app": "22.14.1",
-		"@commercetools-frontend/constants": "22.14.1",
-		"@commercetools-frontend/mc-dev-authentication": "22.14.1",
-		"@commercetools-frontend/mc-html-template": "22.14.1",
+		"@commercetools-frontend/application-components": "22.14.2",
+		"@commercetools-frontend/application-config": "22.14.2",
+		"@commercetools-frontend/assets": "22.14.2",
+		"@commercetools-frontend/babel-preset-mc-app": "22.14.2",
+		"@commercetools-frontend/constants": "22.14.2",
+		"@commercetools-frontend/mc-dev-authentication": "22.14.2",
+		"@commercetools-frontend/mc-html-template": "22.14.2",
 		"@commercetools/http-user-agent": "3.0.0",
 		"@pmmmwh/react-refresh-webpack-plugin": "0.5.10",
 		"@rollup/plugin-graphql": "2.0.3",

package/dist/{start-ed6050ed.cjs.dev.js → start-02fe8ce9.cjs.dev.js}

@@ -10,7 +10,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-6f410c0b.cjs.dev.js');
+var createWebpackConfigForDevelopment = require('./create-webpack-config-for-development-5a0ebbe2.cjs.dev.js');
 var paths = require('./paths-d1febc82.cjs.dev.js');
 var applicationConfig = require('@commercetools-frontend/application-config');
 var mcDevAuthentication = require('@commercetools-frontend/mc-dev-authentication');
@@ -27,6 +27,7 @@ require('@babel/runtime-corejs3/core-js-stable/instance/filter');
 require('@babel/runtime-corejs3/core-js-stable/json/stringify');
 require('@babel/runtime-corejs3/core-js-stable/instance/ends-with');
 require('@babel/runtime-corejs3/core-js-stable/instance/concat');
+require('crypto');
 require('path');
 require('@pmmmwh/react-refresh-webpack-plugin');
 require('html-webpack-plugin');
@@ -35,9 +36,9 @@ 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-81acd016.cjs.dev.js');
+require('./create-postcss-config-a38f5519.cjs.dev.js');
 require('@babel/runtime-corejs3/helpers/slicedToArray');
-require('./package-11af395e.cjs.dev.js');
+require('./package-3efd1a80.cjs.dev.js');
 require('./has-jsx-runtime-aa5d21ee.cjs.dev.js');
 require('./vendors-to-transpile-6ab4ea06.cjs.dev.js');
 require('@babel/runtime-corejs3/core-js-stable/instance/find');

package/dist/{start-fbca2690.cjs.prod.js → start-7aa1d29a.cjs.prod.js}

@@ -10,7 +10,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-55b938dd.cjs.prod.js');
+var createWebpackConfigForDevelopment = require('./create-webpack-config-for-development-aa4798fd.cjs.prod.js');
 var paths = require('./paths-854af5ef.cjs.prod.js');
 var applicationConfig = require('@commercetools-frontend/application-config');
 var mcDevAuthentication = require('@commercetools-frontend/mc-dev-authentication');
@@ -27,6 +27,7 @@ require('@babel/runtime-corejs3/core-js-stable/instance/filter');
 require('@babel/runtime-corejs3/core-js-stable/json/stringify');
 require('@babel/runtime-corejs3/core-js-stable/instance/ends-with');
 require('@babel/runtime-corejs3/core-js-stable/instance/concat');
+require('crypto');
 require('path');
 require('@pmmmwh/react-refresh-webpack-plugin');
 require('html-webpack-plugin');
@@ -35,9 +36,9 @@ 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-b53b0c26.cjs.prod.js');
+require('./create-postcss-config-9ca89418.cjs.prod.js');
 require('@babel/runtime-corejs3/helpers/slicedToArray');
-require('./package-4104fc44.cjs.prod.js');
+require('./package-4ecafad2.cjs.prod.js');
 require('./has-jsx-runtime-c3202df5.cjs.prod.js');
 require('./vendors-to-transpile-04a49d40.cjs.prod.js');
 require('@babel/runtime-corejs3/core-js-stable/instance/find');

package/dist/{start-30e61d98.esm.js → start-e167b292.esm.js}

@@ -8,7 +8,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-7c8d6971.esm.js';
+import { c as createWebpackConfigForDevelopment } from './create-webpack-config-for-development-a2a3c933.esm.js';
 import { p as paths } from './paths-ded20ae1.esm.js';
 import { processConfig } from '@commercetools-frontend/application-config';
 import { createMcDevAuthenticationMiddleware } from '@commercetools-frontend/mc-dev-authentication';
@@ -25,6 +25,7 @@ import '@babel/runtime-corejs3/core-js-stable/instance/filter';
 import '@babel/runtime-corejs3/core-js-stable/json/stringify';
 import '@babel/runtime-corejs3/core-js-stable/instance/ends-with';
 import '@babel/runtime-corejs3/core-js-stable/instance/concat';
+import 'crypto';
 import 'path';
 import '@pmmmwh/react-refresh-webpack-plugin';
 import 'html-webpack-plugin';
@@ -33,9 +34,9 @@ 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-eb5e8d83.esm.js';
+import './create-postcss-config-9c76060a.esm.js';
 import '@babel/runtime-corejs3/helpers/slicedToArray';
-import './package-1b5b75e6.esm.js';
+import './package-b6c00a3a.esm.js';
 import './has-jsx-runtime-e3ecb09b.esm.js';
 import './vendors-to-transpile-7dc84a72.esm.js';
 import '@babel/runtime-corejs3/core-js-stable/instance/find';

package/dist/{start-vite-96ebd708.cjs.dev.js → start-vite-1eace36f.cjs.dev.js}

@@ -13,10 +13,11 @@ var mcHtmlTemplate = require('@commercetools-frontend/mc-html-template');
 var paths = require('./paths-d1febc82.cjs.dev.js');
 var _Object$assign = require('@babel/runtime-corejs3/core-js-stable/object/assign');
 var mcDevAuthentication = require('@commercetools-frontend/mc-dev-authentication');
-var vitePluginSvgr = require('./vite-plugin-svgr-bb1239b4.cjs.dev.js');
+var vitePluginSvgr = require('./vite-plugin-svgr-12a557b9.cjs.dev.js');
 require('@babel/runtime-corejs3/core-js-stable/instance/find');
 require('@babel/runtime-corejs3/core-js-stable/instance/concat');
 require('fs');
+require('crypto');
 require('@rollup/pluginutils');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }

package/dist/{start-vite-16fa274b.esm.js → start-vite-42ce74bc.esm.js}

@@ -11,10 +11,11 @@ import { processHeaders, replaceHtmlPlaceholders, generateTemplate } from '@comm
 import { p as paths } from './paths-ded20ae1.esm.js';
 import _Object$assign from '@babel/runtime-corejs3/core-js-stable/object/assign';
 import { createMcDevAuthenticationMiddleware } from '@commercetools-frontend/mc-dev-authentication';
-import { v as vitePluginSvgr } from './vite-plugin-svgr-f34f2827.esm.js';
+import { v as vitePluginSvgr } from './vite-plugin-svgr-e6f228d8.esm.js';
 import '@babel/runtime-corejs3/core-js-stable/instance/find';
 import '@babel/runtime-corejs3/core-js-stable/instance/concat';
 import 'fs';
+import 'crypto';
 import '@rollup/pluginutils';
 
 const vitePluginCustomApplication = applicationConfig => {

package/dist/{start-vite-ea2b55b7.cjs.prod.js → start-vite-e1f2b31e.cjs.prod.js}

@@ -13,10 +13,11 @@ var mcHtmlTemplate = require('@commercetools-frontend/mc-html-template');
 var paths = require('./paths-854af5ef.cjs.prod.js');
 var _Object$assign = require('@babel/runtime-corejs3/core-js-stable/object/assign');
 var mcDevAuthentication = require('@commercetools-frontend/mc-dev-authentication');
-var vitePluginSvgr = require('./vite-plugin-svgr-031bd5cd.cjs.prod.js');
+var vitePluginSvgr = require('./vite-plugin-svgr-e52c8492.cjs.prod.js');
 require('@babel/runtime-corejs3/core-js-stable/instance/find');
 require('@babel/runtime-corejs3/core-js-stable/instance/concat');
 require('fs');
+require('crypto');
 require('@rollup/pluginutils');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }

package/dist/{vite-plugin-svgr-031bd5cd.cjs.prod.js → vite-plugin-svgr-12a557b9.cjs.dev.js}

@@ -1,5 +1,6 @@
 'use strict';
 
+var crypto = require('crypto');
 var fs = require('fs');
 var pluginutils = require('@rollup/pluginutils');
 var vite = require('vite');
@@ -24,12 +25,12 @@ function _interopNamespace(e) {
   return Object.freeze(n);
 }
 
+var crypto__default = /*#__PURE__*/_interopDefault(crypto);
 var fs__default = /*#__PURE__*/_interopDefault(fs);
 
 /**
  * COPIED FROM https://github.com/pd4d10/vite-plugin-svgr
  */
-let svgoPrefixIdsCount = 0;
 function vitePluginSvgr() {
   const filter = pluginutils.createFilter('**/*.react.svg');
   return {
@@ -52,18 +53,36 @@ function vitePluginSvgr() {
               }
             },
             // Avoid collisions with ids in other SVGs,
-            // which was causing incorrect gradient directions
-            // https://github.com/svg/svgo/issues/1746#issuecomment-1803600573
-            //
-            // Previously, this was a problem where unique ids
-            // could not be generated since svgo@3
+            // which was causing incorrect masking, gradient directions, etc
+            // this is an ongoing issue with both SVGR and SVGO,
+            // https://github.com/svg/svgo/issues/913#issuecomment-369373572
+            // see SVGR issues:
+            // https://github.com/gregberge/svgr/issues/322
+            // https://github.com/gregberge/svgr/issues/210
+            // see SVGO issues:
             // https://github.com/svg/svgo/issues/674
             // https://github.com/svg/svgo/issues/1746
+            //
+            // Initially, a naive counter was implemented based on this github comment:
+            // https://github.com/svg/svgo/issues/1746#issuecomment-1803600573
+            // But while that implementation insured id’s that are unique,
+            // it did not work in cases where the id is both declared and referenced in the same file,
+            // because the refernce gets a separate unique ID (a different number from the counter).
+            //
+            // The current implementation is based on this github comment:
+            // https://github.com/svg/svgo/issues/913#issuecomment-369373572
+            // Generates a hash of the filepath of the svg file, resulting in a prefix which is:
+            // - Short,
+            // - With characters valid for IDs,
+            // - The same within a file,
+            // - And different in different files.
             {
               name: 'prefixIds',
               params: {
                 delim: '',
-                prefix: () => svgoPrefixIdsCount++
+                prefix: (_, info) => "svg".concat(crypto__default["default"].createHash('shake256', {
+                  outputLength: 6
+                }).update(info.path || '').digest('hex'))
               }
             }]
           }