@configuratorware/configurator-frontendgui 1.29.2 → 1.30.0

package/App/Services/DesignDataService.js

@@ -403,59 +403,43 @@ exports.makeOperationsCompatible = makeOperationsCompatible;
 
 var getSvgContent = function () {
   var svgContentMap = new Map();
-  return /*#__PURE__*/function () {
-    var _getSvgContent = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee(url) {
-      var absolute,
-          forceFetch,
-          absUrl,
-          result,
-          svgContent,
-          _args = arguments;
-      return regeneratorRuntime.wrap(function _callee$(_context) {
-        while (1) {
-          switch (_context.prev = _context.next) {
-            case 0:
-              absolute = _args.length > 1 && _args[1] !== undefined ? _args[1] : false;
-              forceFetch = _args.length > 2 && _args[2] !== undefined ? _args[2] : false;
-              absUrl = absolute ? url : "".concat((0, _configuration.getConf)('network.host')).concat(url);
-
-              if (!(!forceFetch && svgContentMap.has(absUrl))) {
-                _context.next = 5;
-                break;
-              }
-
-              return _context.abrupt("return", svgContentMap.get(absUrl));
+  return function getSvgContent(url) {
+    var absolute = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+    var forceFetch = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
+    var absUrl = absolute ? url : "".concat((0, _configuration.getConf)('network.host')).concat(url);
 
-            case 5:
-              _context.prev = 5;
-              _context.next = 8;
-              return _axios["default"].get(absUrl);
+    if (!forceFetch && svgContentMap.has(absUrl)) {
+      return svgContentMap.get(absUrl);
+    }
 
-            case 8:
-              result = _context.sent;
-              svgContent = (0, _Transformers.initDefaultColor)(result.data);
-              svgContentMap.set(absUrl, svgContent);
-              return _context.abrupt("return", svgContent);
+    try {
+      var promise = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
+        var result;
+        return regeneratorRuntime.wrap(function _callee$(_context) {
+          while (1) {
+            switch (_context.prev = _context.next) {
+              case 0:
+                _context.next = 2;
+                return _axios["default"].get(absUrl);
 
-            case 14:
-              _context.prev = 14;
-              _context.t0 = _context["catch"](5);
-              return _context.abrupt("return", '');
+              case 2:
+                result = _context.sent;
+                return _context.abrupt("return", (0, _Transformers.initDefaultColor)(result.data));
 
-            case 17:
-            case "end":
-              return _context.stop();
+              case 4:
+              case "end":
+                return _context.stop();
+            }
           }
-        }
-      }, _callee, null, [[5, 14]]);
-    }));
+        }, _callee);
+      }))();
 
-    function getSvgContent(_x) {
-      return _getSvgContent.apply(this, arguments);
+      svgContentMap.set(absUrl, promise);
+      return promise;
+    } catch (e) {
+      return '';
     }
-
-    return getSvgContent;
-  }();
+  };
 }();
 
 exports.getSvgContent = getSvgContent;
@@ -610,7 +594,7 @@ var DesignDataService = /*#__PURE__*/function () {
     _defineProperty(this, "_isCanvasDataUpdateEnabled", true);
 
     _defineProperty(this, "handleDesignProductionMethodChangeFromVectorizationToNonVectorization", /*#__PURE__*/function () {
-      var _ref3 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee2(designProductionMethodIdentifier) {
+      var _ref4 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee2(designProductionMethodIdentifier) {
         var state, _getVectorizeForDesig, currentVectorsRequired, newVectorsRequired, designArea, images;
 
         return regeneratorRuntime.wrap(function _callee2$(_context2) {
@@ -641,14 +625,14 @@ var DesignDataService = /*#__PURE__*/function () {
         }, _callee2);
       }));
 
-      return function (_x2) {
-        return _ref3.apply(this, arguments);
+      return function (_x) {
+        return _ref4.apply(this, arguments);
       };
     }());
 
     _defineProperty(this, "handleDesignProductionMethodChangeFromNonVectorizationToVectorization", /*#__PURE__*/function () {
-      var _ref4 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee3(designProductionMethodIdentifier) {
-        var state, _getVectorizeForDesig2, currentVectorsRequired, newVectorsRequired, designArea, images;
+      var _ref5 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee3(designProductionMethodIdentifier) {
+        var state, _getVectorizeForDesig2, currentVectorsRequired, newVectorsRequired, designArea, nonVectorizedImages;
 
         return regeneratorRuntime.wrap(function _callee3$(_context3) {
           while (1) {
@@ -657,9 +641,11 @@ var DesignDataService = /*#__PURE__*/function () {
                 state = _ServiceLocator.Services.store.state;
                 _getVectorizeForDesig2 = (0, _Selectors.getVectorizeForDesignProductionMethods)(state, designProductionMethodIdentifier), currentVectorsRequired = _getVectorizeForDesig2.currentVectorsRequired, newVectorsRequired = _getVectorizeForDesig2.newVectorsRequired;
                 designArea = (0, _Selectors.getSelectedDesignArea)(state);
-                images = (0, _Selectors.getImagesByDesignArea)(state, designArea.identifier);
+                nonVectorizedImages = (0, _Selectors.getImagesByDesignArea)(state, designArea.identifier).filter(function (obj) {
+                  return !(0, _get2["default"])(obj, 'imageData.operations.vectorize');
+                });
 
-                if (!(images.length === 1 && (!currentVectorsRequired && newVectorsRequired || !(0, _Selectors2.isColorPreviewCompatible)(state, images[0].imageData, designProductionMethodIdentifier)))) {
+                if (!(nonVectorizedImages.length === 1 && (!currentVectorsRequired && newVectorsRequired || !(0, _Selectors2.isColorPreviewCompatible)(state, nonVectorizedImages[0].imageData, designProductionMethodIdentifier)))) {
                   _context3.next = 8;
                   break;
                 }
@@ -678,13 +664,13 @@ var DesignDataService = /*#__PURE__*/function () {
         }, _callee3);
       }));
 
-      return function (_x3) {
-        return _ref4.apply(this, arguments);
+      return function (_x2) {
+        return _ref5.apply(this, arguments);
       };
     }());
 
     _defineProperty(this, "checkColorUsageForDesignProductionMethod", /*#__PURE__*/function () {
-      var _ref5 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee4(designProductionMethodIdentifier) {
+      var _ref6 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee4(designProductionMethodIdentifier) {
         var state, _getSelectedDesignAre2, maxColorAmount, designProductionMethod, newProductionMethod, newMaxColorAmount, currentVectorsRequired, newVectorsRequired, designArea, colorPreviewRequired, canvas, images, missingColorPalettesColors;
 
         return regeneratorRuntime.wrap(function _callee4$(_context4) {
@@ -711,7 +697,7 @@ var DesignDataService = /*#__PURE__*/function () {
                     return false;
                   }
 
-                  return !(0, _Selectors2.isEditableVectorImage)(obj.imageData.preview) || !(0, _Selectors2.isColorPreviewCompatible)(state, obj.imageData, designProductionMethodIdentifier);
+                  return !(0, _get2["default"])(obj, 'imageData.operations.vectorize') || !(0, _Selectors2.isColorPreviewCompatible)(state, obj.imageData, designProductionMethodIdentifier);
                 }) : [];
 
                 if (!(images.length > 1)) {
@@ -755,13 +741,13 @@ var DesignDataService = /*#__PURE__*/function () {
         }, _callee4);
       }));
 
-      return function (_x4) {
-        return _ref5.apply(this, arguments);
+      return function (_x3) {
+        return _ref6.apply(this, arguments);
       };
     }());
 
     _defineProperty(this, "replaceSelectedDesignAreaElementsColor", /*#__PURE__*/function () {
-      var _ref6 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee5(missingColorPalettesColors, designProductionMethod) {
+      var _ref7 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee5(missingColorPalettesColors, designProductionMethod) {
         var state, designArea, designData, objects, _iterator7, _step7, missingColor;
 
         return regeneratorRuntime.wrap(function _callee5$(_context5) {
@@ -773,11 +759,11 @@ var DesignDataService = /*#__PURE__*/function () {
                 designData = (0, _Selectors.getDesignDataByDesignAreaIdentifier)(state, designArea.identifier);
                 objects = (0, _get2["default"])(designData, 'canvasData.objects', []);
                 _context5.next = 6;
-                return Promise.all(objects.filter(function (_ref7) {
-                  var type = _ref7.type;
+                return Promise.all(objects.filter(function (_ref8) {
+                  var type = _ref8.type;
                   return type === 'Image';
-                }).map(function (_ref8) {
-                  var imageData = _ref8.imageData;
+                }).map(function (_ref9) {
+                  var imageData = _ref9.imageData;
                   return (0, _Selectors2.getUserImage)(state, imageData.identifier);
                 }).filter(function (image, idx, arr) {
                   return arr.indexOf(image) === idx && // uniq
@@ -822,8 +808,8 @@ var DesignDataService = /*#__PURE__*/function () {
         }, _callee5);
       }));
 
-      return function (_x5, _x6) {
-        return _ref6.apply(this, arguments);
+      return function (_x4, _x5) {
+        return _ref7.apply(this, arguments);
       };
     }());
   }
@@ -836,7 +822,7 @@ var DesignDataService = /*#__PURE__*/function () {
       _ServiceLocator.Services.store.observeStore(function (state) {
         return state.designArea.filteredDesignAreas;
       }, /*#__PURE__*/function () {
-        var _ref9 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee6(filteredDesignAreas, prevDesignAreas) {
+        var _ref10 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee6(filteredDesignAreas, prevDesignAreas) {
           var initList, areasToLoad;
           return regeneratorRuntime.wrap(function _callee6$(_context6) {
             while (1) {
@@ -849,11 +835,11 @@ var DesignDataService = /*#__PURE__*/function () {
                 case 3:
                   initList = _context6.sent;
                   // only the newly initialized canvases has to be loaded
-                  areasToLoad = initList.filter(function (_ref10) {
-                    var isNew = _ref10.isNew;
+                  areasToLoad = initList.filter(function (_ref11) {
+                    var isNew = _ref11.isNew;
                     return isNew;
-                  }).map(function (_ref11) {
-                    var designArea = _ref11.designArea;
+                  }).map(function (_ref12) {
+                    var designArea = _ref12.designArea;
                     return designArea;
                   }); // the canvas data is there first with the configuration, but since the canvas instances are
                   // associated with the design areas the data can be loaded only when the design areas are available
@@ -890,8 +876,8 @@ var DesignDataService = /*#__PURE__*/function () {
           }, _callee6, null, [[0, 13]]);
         }));
 
-        return function (_x7, _x8) {
-          return _ref9.apply(this, arguments);
+        return function (_x6, _x7) {
+          return _ref10.apply(this, arguments);
         };
       }());
 
@@ -911,8 +897,8 @@ var DesignDataService = /*#__PURE__*/function () {
         });
       }
 
-      _ServiceLocator.Services.store.observeStore(function (_ref12) {
-        var selectedoptionclassification = _ref12.configurator.selectedoptionclassification;
+      _ServiceLocator.Services.store.observeStore(function (_ref13) {
+        var selectedoptionclassification = _ref13.configurator.selectedoptionclassification;
         return selectedoptionclassification;
       }, this.componentChangeHandler.bind(this));
 
@@ -1055,7 +1041,7 @@ var DesignDataService = /*#__PURE__*/function () {
         }, _callee7, this);
       }));
 
-      function initCanvases(_x9, _x10) {
+      function initCanvases(_x8, _x9) {
         return _initCanvases.apply(this, arguments);
       }
 
@@ -1155,7 +1141,7 @@ var DesignDataService = /*#__PURE__*/function () {
                 state = _ServiceLocator.Services.store.state;
                 _context11.next = 3;
                 return Promise.all(designAreas.map( /*#__PURE__*/function () {
-                  var _ref13 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee10(designArea) {
+                  var _ref14 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee10(designArea) {
                     var designData, canvasData, canvasSize;
                     return regeneratorRuntime.wrap(function _callee10$(_context10) {
                       while (1) {
@@ -1184,8 +1170,8 @@ var DesignDataService = /*#__PURE__*/function () {
                     }, _callee10);
                   }));
 
-                  return function (_x13) {
-                    return _ref13.apply(this, arguments);
+                  return function (_x12) {
+                    return _ref14.apply(this, arguments);
                   };
                 }()));
 
@@ -1202,7 +1188,7 @@ var DesignDataService = /*#__PURE__*/function () {
         }, _callee11);
       }));
 
-      function syncCanvases(_x11, _x12) {
+      function syncCanvases(_x10, _x11) {
         return _syncCanvases.apply(this, arguments);
       }
 
@@ -1218,8 +1204,8 @@ var DesignDataService = /*#__PURE__*/function () {
   }, {
     key: "getDesignAreaByIdentifier",
     value: function getDesignAreaByIdentifier(designAreaIdentifier) {
-      return this.getDesignAreas().find(function (_ref14) {
-        var identifier = _ref14.identifier;
+      return this.getDesignAreas().find(function (_ref15) {
+        var identifier = _ref15.identifier;
         return identifier === designAreaIdentifier;
       });
     }
@@ -1304,7 +1290,7 @@ var DesignDataService = /*#__PURE__*/function () {
         }, _callee12, this);
       }));
 
-      function updateCanvasData(_x14, _x15) {
+      function updateCanvasData(_x13, _x14) {
         return _updateCanvasData.apply(this, arguments);
       }
 
@@ -1312,10 +1298,10 @@ var DesignDataService = /*#__PURE__*/function () {
     }()
   }, {
     key: "createCanvasChangeListener",
-    value: function createCanvasChangeListener(_ref15) {
+    value: function createCanvasChangeListener(_ref16) {
       var _this6 = this;
 
-      var syncCanvasChange = _ref15.syncCanvasChange;
+      var syncCanvasChange = _ref16.syncCanvasChange;
       this._syncCanvasChange = syncCanvasChange;
       return /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee13() {
         var _args13 = arguments;
@@ -1589,7 +1575,7 @@ var DesignDataService = /*#__PURE__*/function () {
     key: "vectorizeSingleImageAndShowEditDialog",
     value: function () {
       var _vectorizeSingleImageAndShowEditDialog = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee14(identifier) {
-        var showImageEditDialog, state, designArea, canvas, images, operations, imageData, imageToSelect;
+        var showImageEditDialog, state, designArea, canvas, firstNonVectorizedImage, operations, imageData, imageToSelect;
         return regeneratorRuntime.wrap(function _callee14$(_context14) {
           while (1) {
             switch (_context14.prev = _context14.next) {
@@ -1610,11 +1596,13 @@ var DesignDataService = /*#__PURE__*/function () {
                 state = _ServiceLocator.Services.store.state;
                 designArea = (0, _Selectors.getSelectedDesignArea)(state);
                 canvas = this._getCanvas(designArea);
-                images = (0, _Selectors.getImagesByDesignArea)(state, designArea.identifier);
-                operations = _objectSpread(_objectSpread({}, images[0].imageData.operations), {}, {
+                firstNonVectorizedImage = (0, _Selectors.getImagesByDesignArea)(state, designArea.identifier).find(function (obj) {
+                  return !(0, _get2["default"])(obj, 'imageData.operations.vectorize');
+                });
+                operations = _objectSpread(_objectSpread({}, firstNonVectorizedImage.imageData.operations), {}, {
                   vectorize: true
                 });
-                imageData = images[0].imageData;
+                imageData = firstNonVectorizedImage.imageData;
                 _context14.prev = 11;
 
                 if (!imageData.isPlaceHolderImage) {
@@ -1638,7 +1626,7 @@ var DesignDataService = /*#__PURE__*/function () {
                 });
                 imageToSelect.selected = true;
                 _context14.next = 20;
-                return _ServiceLocator.Services.designer.openImageEditDialog(images[0].imageData.identifier, canvas, {
+                return _ServiceLocator.Services.designer.openImageEditDialog(firstNonVectorizedImage.imageData.identifier, canvas, {
                   placeholderImageUpdate: false,
                   submitOnExitClick: true
                 });
@@ -1658,7 +1646,7 @@ var DesignDataService = /*#__PURE__*/function () {
         }, _callee14, this, [[11,, 20, 23]]);
       }));
 
-      function vectorizeSingleImageAndShowEditDialog(_x16) {
+      function vectorizeSingleImageAndShowEditDialog(_x15) {
         return _vectorizeSingleImageAndShowEditDialog.apply(this, arguments);
       }
 
@@ -1744,7 +1732,7 @@ var DesignDataService = /*#__PURE__*/function () {
         }, _callee15, this, [[9, 20, 23, 26]]);
       }));
 
-      function restoreVectorizedImages(_x17) {
+      function restoreVectorizedImages(_x16) {
         return _restoreVectorizedImages.apply(this, arguments);
       }
 
@@ -1796,7 +1784,7 @@ var DesignDataService = /*#__PURE__*/function () {
         }, _callee16, this);
       }));
 
-      function updateObjectsAfterProductionMethodChange(_x18, _x19) {
+      function updateObjectsAfterProductionMethodChange(_x17, _x18) {
         return _updateObjectsAfterProductionMethodChange.apply(this, arguments);
       }
 
@@ -1949,7 +1937,7 @@ var DesignDataService = /*#__PURE__*/function () {
         }, _callee17, this, [[10, 17], [20, 29], [34, 41]]);
       }));
 
-      function setDesignProductionMethod(_x20) {
+      function setDesignProductionMethod(_x19) {
         return _setDesignProductionMethod2.apply(this, arguments);
       }
 
@@ -2023,7 +2011,7 @@ var DesignDataService = /*#__PURE__*/function () {
         }, _callee18, null, [[3, 8]]);
       }));
 
-      function setColorAmount(_x21) {
+      function setColorAmount(_x20) {
         return _setColorAmount2.apply(this, arguments);
       }
 
@@ -2128,7 +2116,7 @@ var DesignDataService = /*#__PURE__*/function () {
                 effectEnabled = !(0, _Selectors3.isDesignerProductPreviewMode)();
 
                 drawingFn = /*#__PURE__*/function () {
-                  var _ref17 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee20(textureCtx, getTextureBuilder) {
+                  var _ref18 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee20(textureCtx, getTextureBuilder) {
                     var designAreas,
                         _getTextureBuilder,
                         getTextureImage,
@@ -2197,8 +2185,8 @@ var DesignDataService = /*#__PURE__*/function () {
 
                                       if (maskHandler) {
                                         restoreOutlineVisibility = maskHandler.toggleOutline(showHighlight, {
-                                          getZoomFactor: function getZoomFactor(_ref18) {
-                                            var zoom = _ref18.zoom;
+                                          getZoomFactor: function getZoomFactor(_ref19) {
+                                            var zoom = _ref19.zoom;
                                             // currentZoom is only available for 2D, for 3D it is always 1
                                             var threeFactor = Math.min(getParams().currentZoom, 1) || 1;
                                             return zoom * threeFactor;
@@ -2276,8 +2264,8 @@ var DesignDataService = /*#__PURE__*/function () {
                     }, _callee20, null, [[7, 16, 19, 22]]);
                   }));
 
-                  return function drawingFn(_x24, _x25) {
-                    return _ref17.apply(this, arguments);
+                  return function drawingFn(_x23, _x24) {
+                    return _ref18.apply(this, arguments);
                   };
                 }();
 
@@ -2307,7 +2295,7 @@ var DesignDataService = /*#__PURE__*/function () {
         }, _callee21, null, [[6, 11]]);
       }));
 
-      function redrawAllDesignAreas(_x22, _x23) {
+      function redrawAllDesignAreas(_x21, _x22) {
         return _redrawAllDesignAreas.apply(this, arguments);
       }
 
@@ -2392,17 +2380,17 @@ var DesignDataService = /*#__PURE__*/function () {
                     id: area.identifier,
                     canvas: _this10._getCanvas(area)
                   };
-                }).filter(function (_ref20) {
-                  var canvas = _ref20.canvas;
+                }).filter(function (_ref21) {
+                  var canvas = _ref21.canvas;
                   return canvas && canvas[screenshotFn] && canvas.objects && canvas.objects.length > 0;
                 }).map( /*#__PURE__*/function () {
-                  var _ref22 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee23(_ref21) {
+                  var _ref23 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee23(_ref22) {
                     var id, canvas, releaseLock, maskHandler, restoreOutlineVisibility, result;
                     return regeneratorRuntime.wrap(function _callee23$(_context24) {
                       while (1) {
                         switch (_context24.prev = _context24.next) {
                           case 0:
-                            id = _ref21.id, canvas = _ref21.canvas;
+                            id = _ref22.id, canvas = _ref22.canvas;
                             _context24.next = 3;
                             return (0, _ObjectLock.requestLock)(canvas);
 
@@ -2429,16 +2417,16 @@ var DesignDataService = /*#__PURE__*/function () {
                     }, _callee23);
                   }));
 
-                  return function (_x27) {
-                    return _ref22.apply(this, arguments);
+                  return function (_x26) {
+                    return _ref23.apply(this, arguments);
                   };
                 }()));
 
               case 4:
-                return _context25.abrupt("return", _context25.sent.reduce(function (screenShots, _ref23) {
-                  var _ref24 = _slicedToArray(_ref23, 2),
-                      id = _ref24[0],
-                      screenshot = _ref24[1];
+                return _context25.abrupt("return", _context25.sent.reduce(function (screenShots, _ref24) {
+                  var _ref25 = _slicedToArray(_ref24, 2),
+                      id = _ref25[0],
+                      screenshot = _ref25[1];
 
                   return _objectSpread(_objectSpread({}, screenShots), {}, _defineProperty({}, id, screenshot));
                 }, {}));
@@ -2451,7 +2439,7 @@ var DesignDataService = /*#__PURE__*/function () {
         }, _callee24, this);
       }));
 
-      function getScreenshots(_x26) {
+      function getScreenshots(_x25) {
         return _getScreenshots.apply(this, arguments);
       }
 
@@ -2481,7 +2469,7 @@ var DesignDataService = /*#__PURE__*/function () {
         }, _callee25, this);
       }));
 
-      function getScreenshotsOfElements(_x28) {
+      function getScreenshotsOfElements(_x27) {
         return _getScreenshotsOfElements.apply(this, arguments);
       }
 
@@ -2579,7 +2567,7 @@ var DesignDataService = /*#__PURE__*/function () {
               case 0:
                 _context28.next = 2;
                 return Promise.all(designAreaIdentifiers.map( /*#__PURE__*/function () {
-                  var _ref25 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee26(designAreaIdentifier) {
+                  var _ref26 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee26(designAreaIdentifier) {
                     var designArea, canvas, state, imageSrc, imageData, canvasDataJSON, designData, canvasData, objects;
                     return regeneratorRuntime.wrap(function _callee26$(_context27) {
                       while (1) {
@@ -2655,8 +2643,8 @@ var DesignDataService = /*#__PURE__*/function () {
                     }, _callee26);
                   }));
 
-                  return function (_x31) {
-                    return _ref25.apply(this, arguments);
+                  return function (_x30) {
+                    return _ref26.apply(this, arguments);
                   };
                 }()));
 
@@ -2668,7 +2656,7 @@ var DesignDataService = /*#__PURE__*/function () {
         }, _callee27);
       }));
 
-      function addSampleImageForDesignAreas(_x29, _x30) {
+      function addSampleImageForDesignAreas(_x28, _x29) {
         return _addSampleImageForDesignAreas.apply(this, arguments);
       }
 
@@ -2711,7 +2699,7 @@ var DesignDataService = /*#__PURE__*/function () {
         }, _callee28, this);
       }));
 
-      function addImageToDesignArea(_x32, _x33) {
+      function addImageToDesignArea(_x31, _x32) {
         return _addImageToDesignArea.apply(this, arguments);
       }
 
@@ -2883,7 +2871,7 @@ var DesignDataService = /*#__PURE__*/function () {
         }, _callee29, this, [[13, 26, 29, 32]]);
       }));
 
-      function setImageAndTextColor(_x34) {
+      function setImageAndTextColor(_x33) {
         return _setImageAndTextColor.apply(this, arguments);
       }
 
@@ -2914,7 +2902,7 @@ var DesignDataService = /*#__PURE__*/function () {
         }, _callee30);
       }));
 
-      function getGalleryImageColors(_x35) {
+      function getGalleryImageColors(_x34) {
         return _getGalleryImageColors.apply(this, arguments);
       }
 
@@ -2974,7 +2962,7 @@ var DesignDataService = /*#__PURE__*/function () {
         }, _callee31, this, [[4,, 8, 11]]);
       }));
 
-      function editFileQueued(_x36, _x37) {
+      function editFileQueued(_x35, _x36) {
         return _editFileQueued.apply(this, arguments);
       }
 
@@ -3040,7 +3028,7 @@ var DesignDataService = /*#__PURE__*/function () {
                 });
 
                 if (!(!operationsMatching || !imageIsCompatible)) {
-                  _context33.next = 29;
+                  _context33.next = 28;
                   break;
                 }
 
@@ -3058,7 +3046,7 @@ var DesignDataService = /*#__PURE__*/function () {
                 operations = _objectSpread(_objectSpread({}, operations || {}), {}, {
                   vectorizeColorsMap: operations.vectorizeColorsMap
                 });
-                _context33.next = 29;
+                _context33.next = 28;
                 break;
 
               case 17:
@@ -3067,14 +3055,13 @@ var DesignDataService = /*#__PURE__*/function () {
                 editData = (0, _Modifiers.getEditDataFromOperations)(image.fileName, operations, designProductionMethod);
                 currentEditData = (0, _Modifiers.getEditDataFromOperations)(image.fileName, image.operations || {}, designProductionMethod);
                 isBackendNeeded = createCopy || !(0, _isEqual["default"])(editData, currentEditData);
-                _context33.t0 = isBackendNeeded;
 
-                if (!_context33.t0) {
-                  _context33.next = 26;
+                if (!isBackendNeeded) {
+                  _context33.next = 28;
                   break;
                 }
 
-                _context33.next = 26;
+                _context33.next = 25;
                 return _ServiceLocator.Services.store.dispatch((0, _Actions2.editImage)(_objectSpread(_objectSpread({}, editData), {}, {
                   createCopy: createCopy
                 }), _objectSpread(_objectSpread({}, imageDataPatch), {}, {
@@ -3085,30 +3072,30 @@ var DesignDataService = /*#__PURE__*/function () {
                   immediateCommit: immediateCommit
                 }));
 
-              case 26:
+              case 25:
                 selectedImage = _ServiceLocator.Services.store.state.imageGallery.selectedImage;
                 preview = (0, _get2["default"])(selectedImage, 'preview');
                 imageIdentifier = (0, _get2["default"])(selectedImage, 'identifier');
 
-              case 29:
+              case 28:
                 if (!(!preview || !preview.url)) {
-                  _context33.next = 31;
+                  _context33.next = 30;
                   break;
                 }
 
                 throw new Error('Preview image url is not specified!');
 
-              case 31:
+              case 30:
                 if (!(0, _Selectors2.isEditableVectorImage)(preview)) {
-                  _context33.next = 40;
+                  _context33.next = 39;
                   break;
                 }
 
                 _designProductionMethod = (0, _Selectors.getSelectedDesignProductionMethod)(_ServiceLocator.Services.store.state);
-                _context33.next = 35;
+                _context33.next = 34;
                 return getSvgContent(preview.url, false, !operationsMatching);
 
-              case 35:
+              case 34:
                 svgContent = _context33.sent;
                 svgColors = getSvgColors(svgContent, _designProductionMethod);
                 vectorizeColorsMap = (0, _Modifiers.createVectorizeColorsMap)(operations.vectorizeColorsMap, svgColors);
@@ -3140,7 +3127,7 @@ var DesignDataService = /*#__PURE__*/function () {
                   operations.vectorizeColorsMap = vectorizeColorsMap;
                 }
 
-              case 40:
+              case 39:
                 _ServiceLocator.Services.store.dispatch((0, _Actions2.updateImage)(imageIdentifier, _objectSpread(_objectSpread({
                   operations: operations
                 }, imageDataPatch), {}, {
@@ -3158,7 +3145,7 @@ var DesignDataService = /*#__PURE__*/function () {
                   vectorizeOriginalColorsMap: operations.vectorizeOriginalColorsMap
                 });
 
-              case 43:
+              case 42:
               case "end":
                 return _context33.stop();
             }
@@ -3166,7 +3153,7 @@ var DesignDataService = /*#__PURE__*/function () {
         }, _callee32, this);
       }));
 
-      function editFile(_x38, _x39) {
+      function editFile(_x37, _x38) {
         return _editFile.apply(this, arguments);
       }
 
@@ -3217,7 +3204,7 @@ var DesignDataService = /*#__PURE__*/function () {
         }, _callee33, this);
       }));
 
-      function resetEditedFile(_x40) {
+      function resetEditedFile(_x39) {
         return _resetEditedFile.apply(this, arguments);
       }