@commercetools-frontend/mc-scripts 23.3.0 → 24.0.0

package/dist/{credentials-storage-fc6877d1.cjs.prod.js → credentials-storage-98185979.cjs.prod.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 var createHttpUserAgent = require('@commercetools/http-user-agent');
-var _package = require('./package-f9fc51fd.cjs.prod.js');
+var _package = require('./package-f8ef2d55.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-ddb7968b.esm.js → credentials-storage-c80e29b2.esm.js}

@@ -1,5 +1,5 @@
 import createHttpUserAgent from '@commercetools/http-user-agent';
-import { p as pkgJson } from './package-cc49fdc9.esm.js';
+import { p as pkgJson } from './package-d649bc71.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/declarations/src/utils/optimize-embedded-pngs.d.ts

@@ -0,0 +1 @@
+export default function optimizeEmbeddedPngs(code: string, id: string): Promise<string>;

package/dist/{deployment-previews-set-169a8631.esm.js → deployment-previews-set-111e2838.esm.js}

@@ -5,10 +5,10 @@ import _findInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instanc
 import chalk from 'chalk';
 import prompts from 'prompts';
 import { processConfig } from '@commercetools-frontend/application-config';
-import { C as CredentialsStorage } from './credentials-storage-ddb7968b.esm.js';
-import { f as fetchCustomApplication, g as updateCustomApplicationDeploymentPreview, h as createCustomApplicationDeploymentPreview } from './graphql-requests-d9467af7.esm.js';
+import { C as CredentialsStorage } from './credentials-storage-c80e29b2.esm.js';
+import { f as fetchCustomApplication, g as updateCustomApplicationDeploymentPreview, h as createCustomApplicationDeploymentPreview } from './graphql-requests-0215800a.esm.js';
 import '@commercetools/http-user-agent';
-import './package-cc49fdc9.esm.js';
+import './package-d649bc71.esm.js';
 import '@babel/runtime-corejs3/helpers/classCallCheck';
 import '@babel/runtime-corejs3/helpers/createClass';
 import '@babel/runtime-corejs3/core-js-stable/json/stringify';

package/dist/{deployment-previews-set-041582d4.cjs.dev.js → deployment-previews-set-780b3eb3.cjs.dev.js}

@@ -7,10 +7,10 @@ var _findInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/insta
 var chalk = require('chalk');
 var prompts = require('prompts');
 var applicationConfig = require('@commercetools-frontend/application-config');
-var credentialsStorage$1 = require('./credentials-storage-0fbc406d.cjs.dev.js');
-var graphqlRequests = require('./graphql-requests-69d5df89.cjs.dev.js');
+var credentialsStorage$1 = require('./credentials-storage-8d53ea4b.cjs.dev.js');
+var graphqlRequests = require('./graphql-requests-285f6714.cjs.dev.js');
 require('@commercetools/http-user-agent');
-require('./package-72b551e8.cjs.dev.js');
+require('./package-99436e80.cjs.dev.js');
 require('@babel/runtime-corejs3/helpers/classCallCheck');
 require('@babel/runtime-corejs3/helpers/createClass');
 require('@babel/runtime-corejs3/core-js-stable/json/stringify');

package/dist/{deployment-previews-set-f68907fb.cjs.prod.js → deployment-previews-set-a87ac9ed.cjs.prod.js}

@@ -7,10 +7,10 @@ var _findInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/insta
 var chalk = require('chalk');
 var prompts = require('prompts');
 var applicationConfig = require('@commercetools-frontend/application-config');
-var credentialsStorage$1 = require('./credentials-storage-fc6877d1.cjs.prod.js');
-var graphqlRequests = require('./graphql-requests-55557ef0.cjs.prod.js');
+var credentialsStorage$1 = require('./credentials-storage-98185979.cjs.prod.js');
+var graphqlRequests = require('./graphql-requests-612138f3.cjs.prod.js');
 require('@commercetools/http-user-agent');
-require('./package-f9fc51fd.cjs.prod.js');
+require('./package-f8ef2d55.cjs.prod.js');
 require('@babel/runtime-corejs3/helpers/classCallCheck');
 require('@babel/runtime-corejs3/helpers/createClass');
 require('@babel/runtime-corejs3/core-js-stable/json/stringify');

package/dist/{graphql-requests-d9467af7.esm.js → graphql-requests-0215800a.esm.js}

@@ -12,7 +12,7 @@ import chalk from 'chalk';
 import { print } from 'graphql';
 import { GraphQLClient, ClientError } from 'graphql-request';
 import { GRAPHQL_TARGETS, SUPPORTED_HEADERS } from '@commercetools-frontend/constants';
-import { C as CredentialsStorage, u as userAgent } from './credentials-storage-ddb7968b.esm.js';
+import { C as CredentialsStorage, u as userAgent } from './credentials-storage-c80e29b2.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 _context2, _context3; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context2 = ownKeys(Object(t), !0)).call(_context2, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context3 = ownKeys(Object(t))).call(_context3, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }

package/dist/{graphql-requests-69d5df89.cjs.dev.js → graphql-requests-285f6714.cjs.dev.js}

@@ -14,7 +14,7 @@ var chalk = require('chalk');
 var graphql = require('graphql');
 var graphqlRequest = require('graphql-request');
 var constants = require('@commercetools-frontend/constants');
-var credentialsStorage$1 = require('./credentials-storage-0fbc406d.cjs.dev.js');
+var credentialsStorage$1 = require('./credentials-storage-8d53ea4b.cjs.dev.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/dist/{graphql-requests-55557ef0.cjs.prod.js → graphql-requests-612138f3.cjs.prod.js}

@@ -14,7 +14,7 @@ var chalk = require('chalk');
 var graphql = require('graphql');
 var graphqlRequest = require('graphql-request');
 var constants = require('@commercetools-frontend/constants');
-var credentialsStorage$1 = require('./credentials-storage-fc6877d1.cjs.prod.js');
+var credentialsStorage$1 = require('./credentials-storage-98185979.cjs.prod.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/dist/{login-f8c52456.esm.js → login-28339422.esm.js}

@@ -5,7 +5,7 @@ import process from 'node:process';
 import chalk from 'chalk';
 import prompts from 'prompts';
 import { processConfig } from '@commercetools-frontend/application-config';
-import { p as pkgJson } from './package-cc49fdc9.esm.js';
+import { p as pkgJson } from './package-d649bc71.esm.js';
 import _Object$keys from '@babel/runtime-corejs3/core-js-stable/object/keys';
 import _Object$getOwnPropertySymbols from '@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols';
 import _filterInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/filter';
@@ -17,7 +17,7 @@ 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-ddb7968b.esm.js';
+import { u as userAgent, C as CredentialsStorage } from './credentials-storage-c80e29b2.esm.js';
 import http from 'node:http';
 import jwtDecode from 'jwt-decode';
 import '@commercetools/http-user-agent';

package/dist/{login-323c3a5c.cjs.prod.js → login-6c9e555c.cjs.prod.js}

@@ -7,7 +7,7 @@ var process = require('node:process');
 var chalk = require('chalk');
 var prompts = require('prompts');
 var applicationConfig = require('@commercetools-frontend/application-config');
-var _package = require('./package-f9fc51fd.cjs.prod.js');
+var _package = require('./package-f8ef2d55.cjs.prod.js');
 var _Object$keys = require('@babel/runtime-corejs3/core-js-stable/object/keys');
 var _Object$getOwnPropertySymbols = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols');
 var _filterInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/filter');
@@ -19,7 +19,7 @@ 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-fc6877d1.cjs.prod.js');
+var credentialsStorage$1 = require('./credentials-storage-98185979.cjs.prod.js');
 var http = require('node:http');
 var jwtDecode = require('jwt-decode');
 require('@commercetools/http-user-agent');

package/dist/{login-45be3c5f.cjs.dev.js → login-7b897856.cjs.dev.js}

@@ -7,7 +7,7 @@ var process = require('node:process');
 var chalk = require('chalk');
 var prompts = require('prompts');
 var applicationConfig = require('@commercetools-frontend/application-config');
-var _package = require('./package-72b551e8.cjs.dev.js');
+var _package = require('./package-99436e80.cjs.dev.js');
 var _Object$keys = require('@babel/runtime-corejs3/core-js-stable/object/keys');
 var _Object$getOwnPropertySymbols = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols');
 var _filterInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/filter');
@@ -19,7 +19,7 @@ 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-0fbc406d.cjs.dev.js');
+var credentialsStorage$1 = require('./credentials-storage-8d53ea4b.cjs.dev.js');
 var http = require('node:http');
 var jwtDecode = require('jwt-decode');
 require('@commercetools/http-user-agent');

package/dist/{package-72b551e8.cjs.dev.js → package-99436e80.cjs.dev.js}

@@ -2,7 +2,7 @@
 
 var pkgJson = {
 	name: "@commercetools-frontend/mc-scripts",
-	version: "23.3.0",
+	version: "24.0.0",
 	description: "Configuration and scripts for developing a MC application",
 	bugs: "https://github.com/commercetools/merchant-center-application-kit/issues",
 	repository: {
@@ -63,13 +63,13 @@ var pkgJson = {
 		"@babel/plugin-proposal-do-expressions": "^7.22.5",
 		"@babel/runtime": "^7.22.15",
 		"@babel/runtime-corejs3": "^7.22.15",
-		"@commercetools-frontend/application-components": "23.3.0",
-		"@commercetools-frontend/application-config": "23.3.0",
-		"@commercetools-frontend/assets": "23.3.0",
-		"@commercetools-frontend/babel-preset-mc-app": "23.3.0",
-		"@commercetools-frontend/constants": "23.3.0",
-		"@commercetools-frontend/mc-dev-authentication": "23.3.0",
-		"@commercetools-frontend/mc-html-template": "23.3.0",
+		"@commercetools-frontend/application-components": "24.0.0",
+		"@commercetools-frontend/application-config": "24.0.0",
+		"@commercetools-frontend/assets": "24.0.0",
+		"@commercetools-frontend/babel-preset-mc-app": "24.0.0",
+		"@commercetools-frontend/constants": "24.0.0",
+		"@commercetools-frontend/mc-dev-authentication": "24.0.0",
+		"@commercetools-frontend/mc-html-template": "24.0.0",
 		"@commercetools/http-user-agent": "3.0.0",
 		"@emotion/babel-plugin": "^11.13.5",
 		"@formatjs/cli-lib": "^6.3.8",
@@ -121,6 +121,7 @@ var pkgJson = {
 		"react-refresh": "0.14.2",
 		"rollup-plugin-visualizer": "^5.14.0",
 		"serve-handler": "6.1.5",
+		sharp: "^0.34.1",
 		shelljs: "0.8.5",
 		"style-loader": "3.3.4",
 		"svg-url-loader": "7.1.1",
@@ -129,13 +130,14 @@ var pkgJson = {
 		url: "^0.11.0",
 		vite: "~6.1.0",
 		"vite-bundle-analyzer": "0.17.0",
+		"vite-plugin-clean-build": "^1.4.1",
 		webpack: "5.94.0",
 		"webpack-bundle-analyzer": "4.10.2",
 		"webpack-dev-server": "4.15.2",
 		webpackbar: "5.0.2"
 	},
 	devDependencies: {
-		"@commercetools-test-data/custom-view": "^8.0.0",
+		"@commercetools/composable-commerce-test-data": "11.0.0",
 		"@tsconfig/node22": "^22.0.0",
 		"@types/fs-extra": "^11.0.1",
 		"@types/lodash": "^4.14.198",

package/dist/{package-cc49fdc9.esm.js → package-d649bc71.esm.js}

@@ -1,6 +1,6 @@
 var pkgJson = {
 	name: "@commercetools-frontend/mc-scripts",
-	version: "23.3.0",
+	version: "24.0.0",
 	description: "Configuration and scripts for developing a MC application",
 	bugs: "https://github.com/commercetools/merchant-center-application-kit/issues",
 	repository: {
@@ -61,13 +61,13 @@ var pkgJson = {
 		"@babel/plugin-proposal-do-expressions": "^7.22.5",
 		"@babel/runtime": "^7.22.15",
 		"@babel/runtime-corejs3": "^7.22.15",
-		"@commercetools-frontend/application-components": "23.3.0",
-		"@commercetools-frontend/application-config": "23.3.0",
-		"@commercetools-frontend/assets": "23.3.0",
-		"@commercetools-frontend/babel-preset-mc-app": "23.3.0",
-		"@commercetools-frontend/constants": "23.3.0",
-		"@commercetools-frontend/mc-dev-authentication": "23.3.0",
-		"@commercetools-frontend/mc-html-template": "23.3.0",
+		"@commercetools-frontend/application-components": "24.0.0",
+		"@commercetools-frontend/application-config": "24.0.0",
+		"@commercetools-frontend/assets": "24.0.0",
+		"@commercetools-frontend/babel-preset-mc-app": "24.0.0",
+		"@commercetools-frontend/constants": "24.0.0",
+		"@commercetools-frontend/mc-dev-authentication": "24.0.0",
+		"@commercetools-frontend/mc-html-template": "24.0.0",
 		"@commercetools/http-user-agent": "3.0.0",
 		"@emotion/babel-plugin": "^11.13.5",
 		"@formatjs/cli-lib": "^6.3.8",
@@ -119,6 +119,7 @@ var pkgJson = {
 		"react-refresh": "0.14.2",
 		"rollup-plugin-visualizer": "^5.14.0",
 		"serve-handler": "6.1.5",
+		sharp: "^0.34.1",
 		shelljs: "0.8.5",
 		"style-loader": "3.3.4",
 		"svg-url-loader": "7.1.1",
@@ -127,13 +128,14 @@ var pkgJson = {
 		url: "^0.11.0",
 		vite: "~6.1.0",
 		"vite-bundle-analyzer": "0.17.0",
+		"vite-plugin-clean-build": "^1.4.1",
 		webpack: "5.94.0",
 		"webpack-bundle-analyzer": "4.10.2",
 		"webpack-dev-server": "4.15.2",
 		webpackbar: "5.0.2"
 	},
 	devDependencies: {
-		"@commercetools-test-data/custom-view": "^8.0.0",
+		"@commercetools/composable-commerce-test-data": "11.0.0",
 		"@tsconfig/node22": "^22.0.0",
 		"@types/fs-extra": "^11.0.1",
 		"@types/lodash": "^4.14.198",

package/dist/{package-f9fc51fd.cjs.prod.js → package-f8ef2d55.cjs.prod.js}

@@ -2,7 +2,7 @@
 
 var pkgJson = {
 	name: "@commercetools-frontend/mc-scripts",
-	version: "23.3.0",
+	version: "24.0.0",
 	description: "Configuration and scripts for developing a MC application",
 	bugs: "https://github.com/commercetools/merchant-center-application-kit/issues",
 	repository: {
@@ -63,13 +63,13 @@ var pkgJson = {
 		"@babel/plugin-proposal-do-expressions": "^7.22.5",
 		"@babel/runtime": "^7.22.15",
 		"@babel/runtime-corejs3": "^7.22.15",
-		"@commercetools-frontend/application-components": "23.3.0",
-		"@commercetools-frontend/application-config": "23.3.0",
-		"@commercetools-frontend/assets": "23.3.0",
-		"@commercetools-frontend/babel-preset-mc-app": "23.3.0",
-		"@commercetools-frontend/constants": "23.3.0",
-		"@commercetools-frontend/mc-dev-authentication": "23.3.0",
-		"@commercetools-frontend/mc-html-template": "23.3.0",
+		"@commercetools-frontend/application-components": "24.0.0",
+		"@commercetools-frontend/application-config": "24.0.0",
+		"@commercetools-frontend/assets": "24.0.0",
+		"@commercetools-frontend/babel-preset-mc-app": "24.0.0",
+		"@commercetools-frontend/constants": "24.0.0",
+		"@commercetools-frontend/mc-dev-authentication": "24.0.0",
+		"@commercetools-frontend/mc-html-template": "24.0.0",
 		"@commercetools/http-user-agent": "3.0.0",
 		"@emotion/babel-plugin": "^11.13.5",
 		"@formatjs/cli-lib": "^6.3.8",
@@ -121,6 +121,7 @@ var pkgJson = {
 		"react-refresh": "0.14.2",
 		"rollup-plugin-visualizer": "^5.14.0",
 		"serve-handler": "6.1.5",
+		sharp: "^0.34.1",
 		shelljs: "0.8.5",
 		"style-loader": "3.3.4",
 		"svg-url-loader": "7.1.1",
@@ -129,13 +130,14 @@ var pkgJson = {
 		url: "^0.11.0",
 		vite: "~6.1.0",
 		"vite-bundle-analyzer": "0.17.0",
+		"vite-plugin-clean-build": "^1.4.1",
 		webpack: "5.94.0",
 		"webpack-bundle-analyzer": "4.10.2",
 		"webpack-dev-server": "4.15.2",
 		webpackbar: "5.0.2"
 	},
 	devDependencies: {
-		"@commercetools-test-data/custom-view": "^8.0.0",
+		"@commercetools/composable-commerce-test-data": "11.0.0",
 		"@tsconfig/node22": "^22.0.0",
 		"@types/fs-extra": "^11.0.1",
 		"@types/lodash": "^4.14.198",

package/dist/{start-94d0e3b4.cjs.dev.js → start-2feb7c73.cjs.dev.js}

@@ -9,7 +9,7 @@ var openBrowser = require('react-dev-utils/openBrowser');
 var WebpackDevServerUtils = require('react-dev-utils/WebpackDevServerUtils');
 var webpack = require('webpack');
 var WebpackDevServer = require('webpack-dev-server');
-var createWebpackConfigForDevelopment = require('./create-webpack-config-for-development-f208f0fe.cjs.dev.js');
+var createWebpackConfigForDevelopment = require('./create-webpack-config-for-development-bb4c99ef.cjs.dev.js');
 var paths = require('./paths-b76fc753.cjs.dev.js');
 var applicationConfig = require('@commercetools-frontend/application-config');
 var mcDevAuthentication = require('@commercetools-frontend/mc-dev-authentication');
@@ -36,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-651d3100.cjs.dev.js');
+require('./create-postcss-config-dc3eb328.cjs.dev.js');
 require('@babel/runtime-corejs3/helpers/slicedToArray');
-require('./package-72b551e8.cjs.dev.js');
+require('./package-99436e80.cjs.dev.js');
 require('./has-jsx-runtime-aa5d21ee.cjs.dev.js');
 require('./optimizations-7789145e.cjs.dev.js');
 require('@babel/runtime-corejs3/core-js-stable/instance/reduce');

package/dist/{start-113a9222.cjs.prod.js → start-d18af356.cjs.prod.js}

@@ -9,7 +9,7 @@ var openBrowser = require('react-dev-utils/openBrowser');
 var WebpackDevServerUtils = require('react-dev-utils/WebpackDevServerUtils');
 var webpack = require('webpack');
 var WebpackDevServer = require('webpack-dev-server');
-var createWebpackConfigForDevelopment = require('./create-webpack-config-for-development-8fd826a8.cjs.prod.js');
+var createWebpackConfigForDevelopment = require('./create-webpack-config-for-development-8539ce75.cjs.prod.js');
 var paths = require('./paths-7768b440.cjs.prod.js');
 var applicationConfig = require('@commercetools-frontend/application-config');
 var mcDevAuthentication = require('@commercetools-frontend/mc-dev-authentication');
@@ -36,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-f72fd52e.cjs.prod.js');
+require('./create-postcss-config-7a8d5d45.cjs.prod.js');
 require('@babel/runtime-corejs3/helpers/slicedToArray');
-require('./package-f9fc51fd.cjs.prod.js');
+require('./package-f8ef2d55.cjs.prod.js');
 require('./has-jsx-runtime-c3202df5.cjs.prod.js');
 require('./optimizations-fb93514f.cjs.prod.js');
 require('@babel/runtime-corejs3/core-js-stable/instance/reduce');

package/dist/{start-fa5a096b.esm.js → start-d2a8a702.esm.js}

@@ -7,7 +7,7 @@ import openBrowser from 'react-dev-utils/openBrowser';
 import { choosePort, prepareUrls, createCompiler } from 'react-dev-utils/WebpackDevServerUtils';
 import webpack from 'webpack';
 import WebpackDevServer from 'webpack-dev-server';
-import { c as createWebpackConfigForDevelopment } from './create-webpack-config-for-development-7e765f76.esm.js';
+import { c as createWebpackConfigForDevelopment } from './create-webpack-config-for-development-83d41498.esm.js';
 import { p as paths } from './paths-39f22b8b.esm.js';
 import { processConfig } from '@commercetools-frontend/application-config';
 import { createMcDevAuthenticationMiddleware } from '@commercetools-frontend/mc-dev-authentication';
@@ -34,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-4acd5ac4.esm.js';
+import './create-postcss-config-764339b9.esm.js';
 import '@babel/runtime-corejs3/helpers/slicedToArray';
-import './package-cc49fdc9.esm.js';
+import './package-d649bc71.esm.js';
 import './has-jsx-runtime-e3ecb09b.esm.js';
 import './optimizations-bf991634.esm.js';
 import '@babel/runtime-corejs3/core-js-stable/instance/reduce';

package/dist/{start-vite-b93c91c5.cjs.dev.js → start-vite-068e9f73.cjs.dev.js}

@@ -13,13 +13,14 @@ var mcHtmlTemplate = require('@commercetools-frontend/mc-html-template');
 var paths = require('./paths-b76fc753.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-7fb42bbf.cjs.dev.js');
+var vitePluginSvgr = require('./vite-plugin-svgr-7d06f400.cjs.dev.js');
 require('@babel/runtime-corejs3/core-js-stable/instance/find');
 require('fs');
 require('./does-file-exist-eb86baca.cjs.dev.js');
 require('node:fs');
 require('crypto');
 require('@rollup/pluginutils');
+require('@babel/runtime-corejs3/core-js/instance/match-all');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/dist/{start-vite-7b4df74e.cjs.prod.js → start-vite-29078b3a.cjs.prod.js}

@@ -13,13 +13,14 @@ var mcHtmlTemplate = require('@commercetools-frontend/mc-html-template');
 var paths = require('./paths-7768b440.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-b080c510.cjs.prod.js');
+var vitePluginSvgr = require('./vite-plugin-svgr-4034a834.cjs.prod.js');
 require('@babel/runtime-corejs3/core-js-stable/instance/find');
 require('fs');
 require('./does-file-exist-be53305d.cjs.prod.js');
 require('node:fs');
 require('crypto');
 require('@rollup/pluginutils');
+require('@babel/runtime-corejs3/core-js/instance/match-all');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/dist/{start-vite-91fe1256.esm.js → start-vite-7d1161e8.esm.js}

@@ -11,13 +11,14 @@ import { processHeaders, replaceHtmlPlaceholders, generateTemplate } from '@comm
 import { p as paths } from './paths-39f22b8b.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-069f402d.esm.js';
+import { v as vitePluginSvgr } from './vite-plugin-svgr-de6ee7da.esm.js';
 import '@babel/runtime-corejs3/core-js-stable/instance/find';
 import 'fs';
 import './does-file-exist-32618334.esm.js';
 import 'node:fs';
 import 'crypto';
 import '@rollup/pluginutils';
+import '@babel/runtime-corejs3/core-js/instance/match-all';
 
 const vitePluginCustomApplication = applicationConfig => {
   return {

package/dist/{vite-plugin-svgr-b080c510.cjs.prod.js → vite-plugin-svgr-4034a834.cjs.prod.js}

@@ -4,6 +4,7 @@ var crypto = require('crypto');
 var fs = require('fs');
 var pluginutils = require('@rollup/pluginutils');
 var vite = require('vite');
+var _matchAllInstanceProperty = require('@babel/runtime-corejs3/core-js/instance/match-all');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 
@@ -27,6 +28,40 @@ function _interopNamespace(e) {
 
 var crypto__default = /*#__PURE__*/_interopDefault(crypto);
 var fs__default = /*#__PURE__*/_interopDefault(fs);
+var _matchAllInstanceProperty__default = /*#__PURE__*/_interopDefault(_matchAllInstanceProperty);
+
+async function optimizeEmbeddedPngs(code, id) {
+  const pngRegex = /href="data:image\/png;base64,([a-zA-Z0-9+/]+=*)"/gs;
+  let modifiedCode = code;
+  const matchesIterator = _matchAllInstanceProperty__default["default"](code).call(code, pngRegex);
+  for (const match of matchesIterator) {
+    const originalBase64 = match[1];
+    if (originalBase64) {
+      // This length would indicate  that the match is greater than ~1mb
+      if (originalBase64.length > 1000000) {
+        const fileName = id.split('/').pop();
+        console.warn(`\n🚨 You have a large png embedded in ${fileName} - consider using an image tag instead 🚨`);
+        try {
+          const pngBuffer = Buffer.from(originalBase64, 'base64');
+          const sharp = (await Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require('sharp')); })).default;
+          const optimizedBuffer = await sharp(pngBuffer).png({
+            quality: 10,
+            compressionLevel: 9
+          }).toBuffer();
+          const optimizedPngBase64 = optimizedBuffer.toString('base64');
+          // Construct the new href value
+          const originalMatch = match[0];
+          const optimizedXlinkHref = originalMatch.replace(originalBase64, optimizedPngBase64);
+          // Replace the original href with the optimized one
+          modifiedCode = modifiedCode.replace(originalMatch, optimizedXlinkHref);
+        } catch (error) {
+          console.error('Error processing embedded PNG:', error, 'Original Base64:', originalBase64);
+        }
+      }
+    }
+  }
+  return modifiedCode;
+}
 
 /**
  * COPIED FROM https://github.com/pd4d10/vite-plugin-svgr
@@ -40,7 +75,15 @@ function vitePluginSvgr() {
         const _await$import = await Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require('@svgr/core')); }),
           transform = _await$import.transform;
         const svgCode = await fs__default["default"].promises.readFile(id, 'utf8');
-        const componentCode = await transform(svgCode, {
+        let transformableSVGCode;
+        if (process.env.ENABLE_EXPERIMENTAL_SVG_PNG_OPTIMIZATION === 'true') {
+          // This is a temporary fix for the issue with large embedded PNGs
+          // in SVGs. It will be removed once we have a better solution.
+          transformableSVGCode = await optimizeEmbeddedPngs(svgCode, id);
+        } else {
+          transformableSVGCode = svgCode;
+        }
+        const componentCode = await transform(transformableSVGCode, {
           icon: false,
           svgoConfig: {
             plugins: [{

package/dist/{vite-plugin-svgr-7fb42bbf.cjs.dev.js → vite-plugin-svgr-7d06f400.cjs.dev.js}

@@ -4,6 +4,7 @@ var crypto = require('crypto');
 var fs = require('fs');
 var pluginutils = require('@rollup/pluginutils');
 var vite = require('vite');
+var _matchAllInstanceProperty = require('@babel/runtime-corejs3/core-js/instance/match-all');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 
@@ -27,6 +28,40 @@ function _interopNamespace(e) {
 
 var crypto__default = /*#__PURE__*/_interopDefault(crypto);
 var fs__default = /*#__PURE__*/_interopDefault(fs);
+var _matchAllInstanceProperty__default = /*#__PURE__*/_interopDefault(_matchAllInstanceProperty);
+
+async function optimizeEmbeddedPngs(code, id) {
+  const pngRegex = /href="data:image\/png;base64,([a-zA-Z0-9+/]+=*)"/gs;
+  let modifiedCode = code;
+  const matchesIterator = _matchAllInstanceProperty__default["default"](code).call(code, pngRegex);
+  for (const match of matchesIterator) {
+    const originalBase64 = match[1];
+    if (originalBase64) {
+      // This length would indicate  that the match is greater than ~1mb
+      if (originalBase64.length > 1000000) {
+        const fileName = id.split('/').pop();
+        console.warn(`\n🚨 You have a large png embedded in ${fileName} - consider using an image tag instead 🚨`);
+        try {
+          const pngBuffer = Buffer.from(originalBase64, 'base64');
+          const sharp = (await Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require('sharp')); })).default;
+          const optimizedBuffer = await sharp(pngBuffer).png({
+            quality: 10,
+            compressionLevel: 9
+          }).toBuffer();
+          const optimizedPngBase64 = optimizedBuffer.toString('base64');
+          // Construct the new href value
+          const originalMatch = match[0];
+          const optimizedXlinkHref = originalMatch.replace(originalBase64, optimizedPngBase64);
+          // Replace the original href with the optimized one
+          modifiedCode = modifiedCode.replace(originalMatch, optimizedXlinkHref);
+        } catch (error) {
+          console.error('Error processing embedded PNG:', error, 'Original Base64:', originalBase64);
+        }
+      }
+    }
+  }
+  return modifiedCode;
+}
 
 /**
  * COPIED FROM https://github.com/pd4d10/vite-plugin-svgr
@@ -40,7 +75,15 @@ function vitePluginSvgr() {
         const _await$import = await Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require('@svgr/core')); }),
           transform = _await$import.transform;
         const svgCode = await fs__default["default"].promises.readFile(id, 'utf8');
-        const componentCode = await transform(svgCode, {
+        let transformableSVGCode;
+        if (process.env.ENABLE_EXPERIMENTAL_SVG_PNG_OPTIMIZATION === 'true') {
+          // This is a temporary fix for the issue with large embedded PNGs
+          // in SVGs. It will be removed once we have a better solution.
+          transformableSVGCode = await optimizeEmbeddedPngs(svgCode, id);
+        } else {
+          transformableSVGCode = svgCode;
+        }
+        const componentCode = await transform(transformableSVGCode, {
           icon: false,
           svgoConfig: {
             plugins: [{

package/dist/{vite-plugin-svgr-069f402d.esm.js → vite-plugin-svgr-de6ee7da.esm.js}

@@ -2,6 +2,40 @@ import crypto from 'crypto';
 import fs from 'fs';
 import { createFilter } from '@rollup/pluginutils';
 import { transformWithEsbuild } from 'vite';
+import _matchAllInstanceProperty from '@babel/runtime-corejs3/core-js/instance/match-all';
+
+async function optimizeEmbeddedPngs(code, id) {
+  const pngRegex = /href="data:image\/png;base64,([a-zA-Z0-9+/]+=*)"/gs;
+  let modifiedCode = code;
+  const matchesIterator = _matchAllInstanceProperty(code).call(code, pngRegex);
+  for (const match of matchesIterator) {
+    const originalBase64 = match[1];
+    if (originalBase64) {
+      // This length would indicate  that the match is greater than ~1mb
+      if (originalBase64.length > 1000000) {
+        const fileName = id.split('/').pop();
+        console.warn(`\n🚨 You have a large png embedded in ${fileName} - consider using an image tag instead 🚨`);
+        try {
+          const pngBuffer = Buffer.from(originalBase64, 'base64');
+          const sharp = (await import('sharp')).default;
+          const optimizedBuffer = await sharp(pngBuffer).png({
+            quality: 10,
+            compressionLevel: 9
+          }).toBuffer();
+          const optimizedPngBase64 = optimizedBuffer.toString('base64');
+          // Construct the new href value
+          const originalMatch = match[0];
+          const optimizedXlinkHref = originalMatch.replace(originalBase64, optimizedPngBase64);
+          // Replace the original href with the optimized one
+          modifiedCode = modifiedCode.replace(originalMatch, optimizedXlinkHref);
+        } catch (error) {
+          console.error('Error processing embedded PNG:', error, 'Original Base64:', originalBase64);
+        }
+      }
+    }
+  }
+  return modifiedCode;
+}
 
 /**
  * COPIED FROM https://github.com/pd4d10/vite-plugin-svgr
@@ -15,7 +49,15 @@ function vitePluginSvgr() {
         const _await$import = await import('@svgr/core'),
           transform = _await$import.transform;
         const svgCode = await fs.promises.readFile(id, 'utf8');
-        const componentCode = await transform(svgCode, {
+        let transformableSVGCode;
+        if (process.env.ENABLE_EXPERIMENTAL_SVG_PNG_OPTIMIZATION === 'true') {
+          // This is a temporary fix for the issue with large embedded PNGs
+          // in SVGs. It will be removed once we have a better solution.
+          transformableSVGCode = await optimizeEmbeddedPngs(svgCode, id);
+        } else {
+          transformableSVGCode = svgCode;
+        }
+        const componentCode = await transform(transformableSVGCode, {
           icon: false,
           svgoConfig: {
             plugins: [{