@configuratorware/configurator-frontendgui 1.40.6 → 1.41.0

package/App/Modules/Designer/Containers/ImageEditDialog.js

@@ -555,7 +555,7 @@ var ImageEditDialogContainer = /*#__PURE__*/function (_React$Component) {
                 isSvg = previewUrl && /\.svg$/.test(previewUrl);
 
                 if (!image) {
-                  _context6.next = 23;
+                  _context6.next = 22;
                   break;
                 }
 
@@ -579,7 +579,7 @@ var ImageEditDialogContainer = /*#__PURE__*/function (_React$Component) {
 
               case 16:
                 preview = (0, _DesignDataService.applySvgContentOperations)(image.preview, image.displayColorPreview ? image.operations : null, svgContent);
-                _context6.next = 23;
+                _context6.next = 22;
                 break;
 
               case 19:
@@ -589,10 +589,12 @@ var ImageEditDialogContainer = /*#__PURE__*/function (_React$Component) {
                   _this.previewVersion = Math.random();
                 }
 
-                preview = (0, _Selectors3.getPreviewUrlFromImageData)(previewUrl) + (_this.previewVersion ? "?".concat(_this.previewVersion) : '');
-                originalImagePreview = preview;
+                if (previewUrl) {
+                  preview = (0, _Selectors3.getPreviewUrlFromImageData)(previewUrl) + (_this.previewVersion ? "?".concat(_this.previewVersion) : '');
+                  originalImagePreview = preview;
+                }
 
-              case 23:
+              case 22:
                 _this.lastImageUpdateData = image;
 
                 _this.setState({
@@ -600,7 +602,7 @@ var ImageEditDialogContainer = /*#__PURE__*/function (_React$Component) {
                   originalImagePreview: originalImagePreview
                 });
 
-              case 25:
+              case 24:
               case "end":
                 return _context6.stop();
             }
@@ -830,7 +832,8 @@ var ImageEditDialogContainer = /*#__PURE__*/function (_React$Component) {
           hasPlaceHolderImage = _this$props4.hasPlaceHolderImage,
           isImageCompatible = _this$props4.isImageCompatible,
           isColorMappingCompatible = _this$props4.isColorMappingCompatible,
-          vectorsRequired = _this$props4.vectorsRequired;
+          vectorsRequired = _this$props4.vectorsRequired,
+          vectorizedLogoMandatory = _this$props4.vectorizedLogoMandatory;
       var _this$state2 = this.state,
           vectorize = _this$state2.vectorize,
           vectorizeColorsMap = _this$state2.vectorizeColorsMap,
@@ -886,13 +889,24 @@ var ImageEditDialogContainer = /*#__PURE__*/function (_React$Component) {
         });
       }
 
-      if (activeTabIndex === 2 && vectorsRequired && !vectorize && !image.gallery) {
+      if (activeTabIndex === 2 && (vectorsRequired || vectorizedLogoMandatory) && !vectorize && !image.gallery) {
         Object.assign(newState, {
           vectorize: true
         });
       }
 
-      !(0, _isMatch["default"])(this.state, newState) && this.handleStateChange(newState);
+      var options;
+
+      if (activeTabIndex === 2 && !image.gallery && vectorizedLogoMandatory && !image.displayColorPreview && !this.state.displayColorPreview) {
+        options = {
+          displayColorPreview: true
+        };
+        Object.assign(newState, {
+          displayColorPreview: true
+        });
+      }
+
+      (!(0, _isMatch["default"])(this.state, newState) || options) && this.handleStateChange(newState, options);
 
       if ((justOpened || imageChanged) && !image.incomplete) {
         this.updatePreview(null, {
@@ -933,6 +947,7 @@ var ImageEditDialogContainer = /*#__PURE__*/function (_React$Component) {
           maxColorAmount = _this$props6.maxColorAmount,
           colorDisabled = _this$props6.colorDisabled,
           vectorsRequired = _this$props6.vectorsRequired,
+          vectorizedLogoMandatory = _this$props6.vectorizedLogoMandatory,
           image = _this$props6.image,
           usedColors = _this$props6.usedColors,
           imageColorsWereEdited = _this$props6.imageColorsWereEdited,
@@ -962,7 +977,7 @@ var ImageEditDialogContainer = /*#__PURE__*/function (_React$Component) {
         return i + 1;
       });
       var colorCount = (0, _size["default"])(aggregatedColors);
-      var colorPreviewBlockActive = activeTabIndex === 2 && colorCount > 0 && !isGalleryImage && (colorPreviewEnabled || !colorPreviewRequirementFulfilled);
+      var colorPreviewBlockActive = activeTabIndex === 2 && colorCount > 0 && !isGalleryImage && !vectorizedLogoMandatory && (colorPreviewEnabled || !colorPreviewRequirementFulfilled);
       return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_ImageEditDialog["default"], _extends({}, this.props, {
         loaderComponent: /*#__PURE__*/_react["default"].createElement(ProgressComponent, {
           loading: loading
@@ -1050,6 +1065,7 @@ _defineProperty(ImageEditDialogContainer, "propTypes", {
   open: _propTypes["default"].bool,
   editMode: _propTypes["default"].bool,
   vectorsRequired: _propTypes["default"].bool,
+  vectorizedLogoMandatory: _propTypes["default"].bool,
   colorDisabled: _propTypes["default"].bool,
   loading: _propTypes["default"].bool,
   errorCode: _propTypes["default"].string,
@@ -1107,6 +1123,7 @@ var mapStateToProps = function mapStateToProps(state) {
   var colorPalettes = (0, _Selectors.getColorPalettes)(state);
   var designProductionMethod = (0, _Selectors.getSelectedDesignProductionMethod)(state);
   var vectorsRequired = !!(0, _get["default"])(designProductionMethod, 'options.vectorsRequired');
+  var vectorizedLogoMandatory = !!(0, _get["default"])(designProductionMethod, 'options.vectorizedLogoMandatory');
   var colorDisabled = (0, _Selectors.isColoringDisabled)(state);
   var userImages = getUserImages(imageGallery);
   var hasPlaceHolderImage = (0, _Selectors.hasPlaceHolderImagesForActiveDesignArea)(state);
@@ -1144,6 +1161,7 @@ var mapStateToProps = function mapStateToProps(state) {
     userImages: userImages,
     colorPalettes: colorPalettes,
     vectorsRequired: vectorsRequired,
+    vectorizedLogoMandatory: vectorizedLogoMandatory,
     colorDisabled: colorDisabled,
     uploadSize: uploadSize,
     galleryHasImages: galleryHasImages,

package/App/Reducers/DesignArea/Selectors.js

@@ -76,7 +76,9 @@ var _exportNames = {
   hasLastEditedDesignArea: true,
   getDesignAreaPreSelection: true,
   getDesignAreaColorAmount: true,
+  isVectorizedLogoMandatory: true,
   getVectorizeForDesignProductionMethods: true,
+  getMandatoryVectorizationForDesignProductionMethods: true,
   getImagesByDesignArea: true,
   isOneLineText: true
 };
@@ -125,7 +127,7 @@ exports.getColorsFromCanvasData = getColorsFromCanvasData;
 exports.getColorsFromCanvasDataWithPalette = getColorsFromCanvasDataWithPalette;
 exports.findSmallestFontSizeInCanvasData = findSmallestFontSizeInCanvasData;
 exports.isOneLineText = isOneLineText;
-exports.getImagesByDesignArea = exports.getVectorizeForDesignProductionMethods = exports.getDesignAreaColorAmount = exports.getDesignAreaPreSelection = exports.hasLastEditedDesignArea = exports.areAllDesignAreasEmpty = exports.getVectorizedImageColor = exports.areHashesCompatible = exports.getCurrentCompatibilityInfoHash = exports.getDesignAreaImageCompatibilityInfo = exports.contentHasText = exports.isPlaceholderContent = exports.getDefaultTextColor = exports.getDefaultColorsFromDesignProductionMethod = exports.getDefaultDesignAreaIdentifierFromProductionMethod = exports.getDesignAreaFromSelectedDesignView = exports.getDesignViewListForDesignAreas = exports.getCameraViewListForDesignAreaList = exports.parseColorData = exports.createColorData = exports.rgbObjToHex = exports.rgbString2hex = exports.rgbToHex = exports.calculateColorDistance = exports.hexToRgbNumbers = exports.hexToRgb = exports.isValidHex = exports.getColorPalettes = exports.hasPlaceHolderImagesForActiveDesignArea = exports.getDesignAreaIdentifierToOpen = void 0;
+exports.getImagesByDesignArea = exports.getMandatoryVectorizationForDesignProductionMethods = exports.getVectorizeForDesignProductionMethods = exports.isVectorizedLogoMandatory = exports.getDesignAreaColorAmount = exports.getDesignAreaPreSelection = exports.hasLastEditedDesignArea = exports.areAllDesignAreasEmpty = exports.getVectorizedImageColor = exports.areHashesCompatible = exports.getCurrentCompatibilityInfoHash = exports.getDesignAreaImageCompatibilityInfo = exports.contentHasText = exports.isPlaceholderContent = exports.getDefaultTextColor = exports.getDefaultColorsFromDesignProductionMethod = exports.getDefaultDesignAreaIdentifierFromProductionMethod = exports.getDesignAreaFromSelectedDesignView = exports.getDesignViewListForDesignAreas = exports.getCameraViewListForDesignAreaList = exports.parseColorData = exports.createColorData = exports.rgbObjToHex = exports.rgbString2hex = exports.rgbToHex = exports.calculateColorDistance = exports.hexToRgbNumbers = exports.hexToRgb = exports.isValidHex = exports.getColorPalettes = exports.hasPlaceHolderImagesForActiveDesignArea = exports.getDesignAreaIdentifierToOpen = void 0;
 
 var _get = _interopRequireDefault(require("lodash/get"));
 
@@ -157,6 +159,8 @@ var _values = _interopRequireDefault(require("lodash/values"));
 
 var _createSelector = _interopRequireDefault(require("../../../Utils/Function/createSelector"));
 
+var _memoize = _interopRequireDefault(require("../../../Utils/Function/memoize"));
+
 var _configuration = require("../../configuration");
 
 var _DesignDataService = require("../../Services/DesignDataService");
@@ -617,6 +621,15 @@ function getCurrentCanvasSize(state) {
   return getCanvasSizeFromDesignProductionMethod(designProductionMethod);
 }
 
+var memoizedCanvasSize = (0, _memoize["default"])(function (width, height, isMetric, dpi) {
+  return {
+    width: width,
+    height: height,
+    isMetric: isMetric,
+    dpi: dpi
+  };
+});
+
 function getCanvasSizeFromDesignProductionMethod(designProductionMethod) {
   var defaultSize = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : zeroSize;
   var width = designProductionMethod.width,
@@ -627,12 +640,7 @@ function getCanvasSizeFromDesignProductionMethod(designProductionMethod) {
     return defaultSize;
   }
 
-  return {
-    width: width,
-    height: height,
-    isMetric: true,
-    dpi: dpi || (0, _configuration.getConf)('designer.dpi', 300)
-  };
+  return memoizedCanvasSize(width, height, true, dpi || (0, _configuration.getConf)('designer.dpi', 300));
 }
 
 function getCanvasSizeFromDesignArea(state, designArea) {
@@ -1168,10 +1176,12 @@ var getDesignAreaImageCompatibilityInfo = function getDesignAreaImageCompatibili
   }).sort();
   var vectorsRequired = !!(0, _get["default"])(designProductionMethod, 'options.vectorsRequired');
   var maxColorAmount = (0, _get["default"])(designProductionMethod, 'options.maxColorAmount', 0);
+  var vectorizedLogoMandatory = (0, _get["default"])(designProductionMethod, 'options.vectorizedLogoMandatory', false);
   return {
     colorPalettes: colorPalettes,
     vectorsRequired: vectorsRequired,
-    maxColorAmount: maxColorAmount
+    maxColorAmount: maxColorAmount,
+    vectorizedLogoMandatory: vectorizedLogoMandatory
   };
 };
 
@@ -1184,7 +1194,7 @@ var getCurrentCompatibilityInfoHash = function getCurrentCompatibilityInfoHash(s
 exports.getCurrentCompatibilityInfoHash = getCurrentCompatibilityInfoHash;
 
 var areHashesCompatible = function areHashesCompatible(storedHash, targetHash) {
-  return Boolean(!targetHash || storedHash && (0, _isEqual["default"])(storedHash.colorPalettes, targetHash.colorPalettes) && (!targetHash.vectorsRequired || storedHash.vectorsRequired) && (!targetHash.maxColorAmount || storedHash.maxColorAmount <= targetHash.maxColorAmount));
+  return Boolean(!targetHash || storedHash && (0, _isEqual["default"])(storedHash.colorPalettes, targetHash.colorPalettes) && (!targetHash.vectorsRequired || storedHash.vectorsRequired) && (!targetHash.vectorizedLogoMandatory || storedHash.vectorizedLogoMandatory) && (!targetHash.maxColorAmount || storedHash.maxColorAmount <= targetHash.maxColorAmount));
 };
 
 exports.areHashesCompatible = areHashesCompatible;
@@ -1290,13 +1300,21 @@ var getDesignAreaColorAmount = function getDesignAreaColorAmount(maxColorAmount,
 
 exports.getDesignAreaColorAmount = getDesignAreaColorAmount;
 
+var isVectorizedLogoMandatory = function isVectorizedLogoMandatory(designProductionMethod) {
+  var _designProductionMeth;
+
+  return !!(designProductionMethod !== null && designProductionMethod !== void 0 && (_designProductionMeth = designProductionMethod.options) !== null && _designProductionMeth !== void 0 && _designProductionMeth.vectorizedLogoMandatory);
+};
+
+exports.isVectorizedLogoMandatory = isVectorizedLogoMandatory;
+
 var getVectorizeForDesignProductionMethods = function getVectorizeForDesignProductionMethods(state, designProductionMethodIdentifier) {
   var _getSelectedDesignAre3 = getSelectedDesignAreaProperties(state),
       designProductionMethod = _getSelectedDesignAre3.designProductionMethod;
 
   var newProductionMethod = getDesignProductionMethodByIdentifier(state, designProductionMethodIdentifier);
-  var currentVectorsRequired = !!(0, _get["default"])(designProductionMethod, 'options.vectorsRequired');
-  var newVectorsRequired = !!(0, _get["default"])(newProductionMethod, 'options.vectorsRequired');
+  var currentVectorsRequired = !!(0, _get["default"])(designProductionMethod, 'options.vectorsRequired') && isVectorizedLogoMandatory(designProductionMethod);
+  var newVectorsRequired = !!(0, _get["default"])(newProductionMethod, 'options.vectorsRequired') && isVectorizedLogoMandatory(newProductionMethod);
   return {
     currentVectorsRequired: currentVectorsRequired,
     newVectorsRequired: newVectorsRequired
@@ -1305,6 +1323,21 @@ var getVectorizeForDesignProductionMethods = function getVectorizeForDesignProdu
 
 exports.getVectorizeForDesignProductionMethods = getVectorizeForDesignProductionMethods;
 
+var getMandatoryVectorizationForDesignProductionMethods = function getMandatoryVectorizationForDesignProductionMethods(state, designProductionMethodIdentifier) {
+  var _getSelectedDesignAre4 = getSelectedDesignAreaProperties(state),
+      designProductionMethod = _getSelectedDesignAre4.designProductionMethod;
+
+  var newProductionMethod = getDesignProductionMethodByIdentifier(state, designProductionMethodIdentifier);
+  var currentVectorsMandatory = isVectorizedLogoMandatory(designProductionMethod);
+  var newVectorsMandatory = isVectorizedLogoMandatory(newProductionMethod);
+  return {
+    currentVectorsMandatory: currentVectorsMandatory,
+    newVectorsMandatory: newVectorsMandatory
+  };
+};
+
+exports.getMandatoryVectorizationForDesignProductionMethods = getMandatoryVectorizationForDesignProductionMethods;
+
 var getImagesByDesignArea = function getImagesByDesignArea(state, designAreaIdentifier) {
   if (!designAreaIdentifier) {
     designAreaIdentifier = getSelectedDesignArea(state).identifier;

package/App/Reducers/DesignData/Modifiers.js

@@ -87,10 +87,12 @@ var getEditDataFromOperations = function getEditDataFromOperations(imageFileName
       _operations$vectorize2 = operations.vectorizeThreshold,
       vectorizeThreshold = _operations$vectorize2 === void 0 ? null : _operations$vectorize2;
   var maxColorAmount = +(0, _get["default"])(designProductionMethod, 'options.maxColorAmount', 0);
+  var vectorizedLogoMandatory = (0, _get["default"])(designProductionMethod, 'options.vectorizedLogoMandatory', false);
   var vectorizeMonochrome = maxColorAmount === 1 && vectorizeThreshold === 1;
   var result = {
     fileName: imageFileName,
-    operations: []
+    operations: [],
+    vectorizedLogoMandatory: vectorizedLogoMandatory
   };
 
   if (clipping && clippingColor) {

package/App/Reducers/ImageGallery/Actions.js

@@ -169,30 +169,34 @@ exports.updateImage = updateImage;
 
 var uploadImage = function uploadImage(file) {
   return (0, _Actions2.createAsyncTask)(WN_UPLOAD_IMAGE, /*#__PURE__*/function () {
-    var _ref = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee(dispatch) {
-      var data, uploadResponse;
+    var _ref = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee(dispatch, getState) {
+      var designProductionMethod, vectorizedLogoMandatory, data, uploadResponse;
       return regeneratorRuntime.wrap(function _callee$(_context) {
         while (1) {
           switch (_context.prev = _context.next) {
             case 0:
+              designProductionMethod = (0, _Selectors2.getSelectedDesignProductionMethod)(getState());
+              vectorizedLogoMandatory = (0, _Selectors2.isVectorizedLogoMandatory)(designProductionMethod);
               data = new FormData();
               data.append('userImage', file);
               data.append('userImageEditData', JSON.stringify({}));
               dispatch(dismissError());
-              _context.next = 6;
-              return dispatch((0, _Actions.postDataAsync)(URL_UPLOAD, data, (0, _Actions.createDefaultReceiver)(RECEIVE_IMAGE_UPLOAD_DATA), {}, {}, {
+              _context.next = 8;
+              return dispatch((0, _Actions.postDataAsync)(URL_UPLOAD, data, (0, _Actions.createDefaultReceiver)(RECEIVE_IMAGE_UPLOAD_DATA, {
+                vectorizedLogoMandatory: vectorizedLogoMandatory
+              }), {}, {}, {
                 useLocalErrorHandling: true
               }));
 
-            case 6:
+            case 8:
               uploadResponse = _context.sent;
-              _context.next = 9;
+              _context.next = 11;
               return (0, _DesignDataService.calculateImageBrightness)(uploadResponse);
 
-            case 9:
+            case 11:
               return _context.abrupt("return", _context.sent);
 
-            case 10:
+            case 12:
             case "end":
               return _context.stop();
           }
@@ -200,7 +204,7 @@ var uploadImage = function uploadImage(file) {
       }, _callee);
     }));
 
-    return function (_x) {
+    return function (_x, _x2) {
       return _ref.apply(this, arguments);
     };
   }());
@@ -247,31 +251,34 @@ exports.dismissError = dismissError;
 var editImage = function editImage(editData, imageData) {
   var actionOptions = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
   return (0, _Actions2.createAsyncTask)(WN_UPLOAD_IMAGE, /*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee2(dispatch) {
-      var data, createCopy, uploadResponse;
+    var _ref2 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee2(dispatch, getState) {
+      var designProductionMethod, vectorizedLogoMandatory, data, createCopy, uploadResponse;
       return regeneratorRuntime.wrap(function _callee2$(_context2) {
         while (1) {
           switch (_context2.prev = _context2.next) {
             case 0:
+              designProductionMethod = (0, _Selectors2.getSelectedDesignProductionMethod)(getState());
+              vectorizedLogoMandatory = (0, _Selectors2.isVectorizedLogoMandatory)(designProductionMethod);
               data = new FormData();
               createCopy = editData.createCopy;
               data.append('userImageEditData', JSON.stringify(editData));
               dispatch(dismissError());
-              _context2.next = 6;
+              _context2.next = 8;
               return dispatch((0, _Actions.postDataAsync)(URL_UPLOAD, data, (0, _Actions.createDefaultReceiver)(RECEIVE_IMAGE_UPLOAD_DATA, _objectSpread({
                 imageData: imageData,
-                createCopy: createCopy
+                createCopy: createCopy,
+                vectorizedLogoMandatory: vectorizedLogoMandatory
               }, actionOptions))));
 
-            case 6:
+            case 8:
               uploadResponse = _context2.sent;
-              _context2.next = 9;
+              _context2.next = 11;
               return (0, _DesignDataService.calculateImageBrightness)(uploadResponse);
 
-            case 9:
+            case 11:
               return _context2.abrupt("return", _context2.sent);
 
-            case 10:
+            case 12:
             case "end":
               return _context2.stop();
           }
@@ -279,7 +286,7 @@ var editImage = function editImage(editData, imageData) {
       }, _callee2);
     }));
 
-    return function (_x2) {
+    return function (_x3, _x4) {
       return _ref2.apply(this, arguments);
     };
   }());

package/App/Reducers/ImageGallery/Reducer.js

@@ -65,6 +65,11 @@ var updateDerivedImageDataProps = function updateDerivedImageDataProps(imageData
     imageData.displayColorPreview = (0, _configuration.getConf)('autoPreviewVectorization', true);
   }
 
+  if (imageData.vectorizedLogoMandatory) {
+    imageData.colorPreviewEnabled = false;
+    imageData.displayColorPreview = true;
+  }
+
   return imageData;
 };
 

package/App/Reducers/ImageGallery/Selectors.js

@@ -195,7 +195,7 @@ var isColorPreviewCompatible = function isColorPreviewCompatible(state, image, d
   }
 
   var designProductionMethod = designProductionMethodIdentifier ? (0, _Selectors2.getDesignProductionMethodByIdentifier)(state, designProductionMethodIdentifier) : (0, _Selectors2.getSelectedDesignProductionMethod)(state);
-  var colorPreviewRequired = (0, _Selectors2.designProductionMethodHasEmbroideryVisualizationEffect)(designProductionMethod);
+  var colorPreviewRequired = (0, _Selectors2.designProductionMethodHasEmbroideryVisualizationEffect)(designProductionMethod) || (0, _Selectors2.isVectorizedLogoMandatory)(designProductionMethod);
   var displayColorPreview = image && (!!image.gallery || !!image.displayColorPreview); // do not let the user to add a raster image if the production method is embroidery
 
   return !colorPreviewRequired || displayColorPreview || false;

package/App/Screens/DesignerProductPreview/DesignerProductPreviewManager.js

@@ -69,7 +69,7 @@ var prepareImageData = function createImageDataPreProcessor() {
 
   return /*#__PURE__*/function () {
     var _prepareImageData = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee(designArea, imageData) {
-      var hash, state, designProductionMethod, patchedImageData, colorPreviewRequired, svgContent, svgColors, vectorizeColorsMap;
+      var hash, state, designProductionMethod, patchedImageData, colorPreviewRequired, vectorizedLogoMandatory, svgContent, svgColors, vectorizeColorsMap;
       return regeneratorRuntime.wrap(function _callee$(_context) {
         while (1) {
           switch (_context.prev = _context.next) {
@@ -93,31 +93,32 @@ var prepareImageData = function createImageDataPreProcessor() {
 
             case 6:
               colorPreviewRequired = (0, _Selectors.designProductionMethodHasEmbroideryVisualizationEffect)(designProductionMethod);
+              vectorizedLogoMandatory = (0, _Selectors.isVectorizedLogoMandatory)(designProductionMethod);
 
               if (!colorPreviewRequired) {
-                _context.next = 16;
+                _context.next = 17;
                 break;
               }
 
-              _context.next = 10;
+              _context.next = 11;
               return (0, _DesignDataService.getSvgContent)(imageData.preview.url, false, true);
 
-            case 10:
+            case 11:
               svgContent = _context.sent;
               svgColors = (0, _DesignDataService.getSvgColors)(svgContent, designProductionMethod);
               vectorizeColorsMap = (0, _Modifiers.createVectorizeColorsMap)({}, svgColors);
               patchedImageData = _objectSpread(_objectSpread({}, imageData), {}, {
                 colorPreviewRequired: true,
                 displayColorPreview: true,
-                colorPreviewEnabled: true,
+                colorPreviewEnabled: !vectorizedLogoMandatory,
                 operations: _objectSpread(_objectSpread({}, imageData.operations), {}, {
                   vectorizeColorsMap: vectorizeColorsMap
                 })
               });
-              _context.next = 17;
+              _context.next = 18;
               break;
 
-            case 16:
+            case 17:
               // the color replacement call returns the same url for every call, making the browser serve the image
               // from cache, to force reloading a random query string has to be added to the url
               patchedImageData = _objectSpread(_objectSpread({}, imageData), {}, {
@@ -126,11 +127,11 @@ var prepareImageData = function createImageDataPreProcessor() {
                 })
               });
 
-            case 17:
+            case 18:
               imageDataMemo.set(designProductionMethod.identifier, patchedImageData);
               return _context.abrupt("return", patchedImageData);
 
-            case 19:
+            case 20:
             case "end":
               return _context.stop();
           }