@commercetools-frontend/mc-scripts 22.14.0 → 22.14.2

package/dist/{create-webpack-config-for-production-6da944a7.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-cd0c19be.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);
@@ -319,6 +321,39 @@ function createWebpackConfigForProduction() {
                     removeViewBox: false
                   }
                 }
+              },
+              // Avoid collisions with ids in other SVGs,
+              // 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: (_, info) => "svg".concat(crypto__default["default"].createHash('shake256', {
+                    outputLength: 6
+                  }).update(info.path || '').digest('hex'))
+                }
               }]
             }
           }

package/dist/{create-webpack-config-for-production-2049ad69.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-97275e32.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';
@@ -290,6 +291,39 @@ function createWebpackConfigForProduction() {
                     removeViewBox: false
                   }
                 }
+              },
+              // Avoid collisions with ids in other SVGs,
+              // 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: (_, info) => "svg".concat(crypto.createHash('shake256', {
+                    outputLength: 6
+                  }).update(info.path || '').digest('hex'))
+                }
               }]
             }
           }

package/dist/{create-webpack-config-for-production-4d4c823d.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-d90e70db.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);
@@ -319,6 +321,39 @@ function createWebpackConfigForProduction() {
                     removeViewBox: false
                   }
                 }
+              },
+              // Avoid collisions with ids in other SVGs,
+              // 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: (_, info) => "svg".concat(crypto__default["default"].createHash('shake256', {
+                    outputLength: 6
+                  }).update(info.path || '').digest('hex'))
+                }
               }]
             }
           }

package/dist/{credentials-storage-bd71d3bc.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-aa88ed64.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-c53859a4.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-89c70cf0.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-d960c354.esm.js → credentials-storage-beb2066f.esm.js}

@@ -1,5 +1,5 @@
 import createHttpUserAgent from '@commercetools/http-user-agent';
-import { p as pkgJson } from './package-b695b8e4.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-f6ae1f0a.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-bd71d3bc.cjs.prod.js');
+var credentialsStorage$1 = require('./credentials-storage-32a14cec.cjs.prod.js');
 require('@commercetools/http-user-agent');
-require('./package-aa88ed64.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-f94bbb06.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-c53859a4.cjs.dev.js');
+var credentialsStorage$1 = require('./credentials-storage-8a24802f.cjs.dev.js');
 require('@commercetools/http-user-agent');
-require('./package-89c70cf0.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-92dc6a4c.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-d960c354.esm.js';
+import { u as userAgent, C as CredentialsStorage } from './credentials-storage-beb2066f.esm.js';
 import '@commercetools/http-user-agent';
-import './package-b695b8e4.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-89c70cf0.cjs.dev.js → package-3efd1a80.cjs.dev.js}

@@ -2,7 +2,7 @@
 
 var pkgJson = {
 	name: "@commercetools-frontend/mc-scripts",
-	version: "22.14.0",
+	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.0",
-		"@commercetools-frontend/application-config": "22.14.0",
-		"@commercetools-frontend/assets": "22.14.0",
-		"@commercetools-frontend/babel-preset-mc-app": "22.14.0",
-		"@commercetools-frontend/constants": "22.14.0",
-		"@commercetools-frontend/mc-dev-authentication": "22.14.0",
-		"@commercetools-frontend/mc-html-template": "22.14.0",
+		"@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",
@@ -118,7 +118,7 @@ var pkgJson = {
 		"terser-webpack-plugin": "5.3.8",
 		"thread-loader": "3.0.4",
 		url: "^0.11.0",
-		vite: "4.4.9",
+		vite: "4.4.12",
 		webpack: "5.82.1",
 		"webpack-bundle-analyzer": "4.8.0",
 		"webpack-dev-server": "4.15.0",

package/dist/{package-aa88ed64.cjs.prod.js → package-4ecafad2.cjs.prod.js}

@@ -2,7 +2,7 @@
 
 var pkgJson = {
 	name: "@commercetools-frontend/mc-scripts",
-	version: "22.14.0",
+	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.0",
-		"@commercetools-frontend/application-config": "22.14.0",
-		"@commercetools-frontend/assets": "22.14.0",
-		"@commercetools-frontend/babel-preset-mc-app": "22.14.0",
-		"@commercetools-frontend/constants": "22.14.0",
-		"@commercetools-frontend/mc-dev-authentication": "22.14.0",
-		"@commercetools-frontend/mc-html-template": "22.14.0",
+		"@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",
@@ -118,7 +118,7 @@ var pkgJson = {
 		"terser-webpack-plugin": "5.3.8",
 		"thread-loader": "3.0.4",
 		url: "^0.11.0",
-		vite: "4.4.9",
+		vite: "4.4.12",
 		webpack: "5.82.1",
 		"webpack-bundle-analyzer": "4.8.0",
 		"webpack-dev-server": "4.15.0",

package/dist/{package-b695b8e4.esm.js → package-b6c00a3a.esm.js}

@@ -1,6 +1,6 @@
 var pkgJson = {
 	name: "@commercetools-frontend/mc-scripts",
-	version: "22.14.0",
+	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.0",
-		"@commercetools-frontend/application-config": "22.14.0",
-		"@commercetools-frontend/assets": "22.14.0",
-		"@commercetools-frontend/babel-preset-mc-app": "22.14.0",
-		"@commercetools-frontend/constants": "22.14.0",
-		"@commercetools-frontend/mc-dev-authentication": "22.14.0",
-		"@commercetools-frontend/mc-html-template": "22.14.0",
+		"@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",
@@ -116,7 +116,7 @@ var pkgJson = {
 		"terser-webpack-plugin": "5.3.8",
 		"thread-loader": "3.0.4",
 		url: "^0.11.0",
-		vite: "4.4.9",
+		vite: "4.4.12",
 		webpack: "5.82.1",
 		"webpack-bundle-analyzer": "4.8.0",
 		"webpack-dev-server": "4.15.0",

package/dist/{start-b84603c1.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-5ed79749.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-cd0c19be.cjs.dev.js');
+require('./create-postcss-config-a38f5519.cjs.dev.js');
 require('@babel/runtime-corejs3/helpers/slicedToArray');
-require('./package-89c70cf0.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-b48d2685.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-46f7e4a4.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-d90e70db.cjs.prod.js');
+require('./create-postcss-config-9ca89418.cjs.prod.js');
 require('@babel/runtime-corejs3/helpers/slicedToArray');
-require('./package-aa88ed64.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-1ac0ff3c.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-4e195386.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-97275e32.esm.js';
+import './create-postcss-config-9c76060a.esm.js';
 import '@babel/runtime-corejs3/helpers/slicedToArray';
-import './package-b695b8e4.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-3966d625.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-5eb1c511.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-cf0213a1.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-5c953fe7.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-5c78605b.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-a732f8df.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-a732f8df.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,6 +25,7 @@ function _interopNamespace(e) {
   return Object.freeze(n);
 }
 
+var crypto__default = /*#__PURE__*/_interopDefault(crypto);
 var fs__default = /*#__PURE__*/_interopDefault(fs);
 
 /**
@@ -49,6 +51,39 @@ function vitePluginSvgr() {
                   removeViewBox: false
                 }
               }
+            },
+            // Avoid collisions with ids in other SVGs,
+            // 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: (_, info) => "svg".concat(crypto__default["default"].createHash('shake256', {
+                  outputLength: 6
+                }).update(info.path || '').digest('hex'))
+              }
             }]
           }
         }, {

package/dist/{vite-plugin-svgr-5eb1c511.cjs.dev.js → vite-plugin-svgr-e52c8492.cjs.prod.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,6 +25,7 @@ function _interopNamespace(e) {
   return Object.freeze(n);
 }
 
+var crypto__default = /*#__PURE__*/_interopDefault(crypto);
 var fs__default = /*#__PURE__*/_interopDefault(fs);
 
 /**
@@ -49,6 +51,39 @@ function vitePluginSvgr() {
                   removeViewBox: false
                 }
               }
+            },
+            // Avoid collisions with ids in other SVGs,
+            // 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: (_, info) => "svg".concat(crypto__default["default"].createHash('shake256', {
+                  outputLength: 6
+                }).update(info.path || '').digest('hex'))
+              }
             }]
           }
         }, {