@configuratorware/configurator-frontendgui 1.56.1 → 1.56.4

package/App/Services/DesignDataService.js

@@ -46,7 +46,6 @@ function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLim
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
-function _regeneratorValues(e) { if (null != e) { var t = e["function" == typeof Symbol && Symbol.iterator || "@@iterator"], r = 0; if (t) return t.call(e); if ("function" == typeof e.next) return e; if (!isNaN(e.length)) return { next: function next() { return e && r >= e.length && (e = void 0), { value: e && e[r++], done: !e }; } }; } throw new TypeError(_typeof(e) + " is not iterable"); }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(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 t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
@@ -55,8 +54,15 @@ function _createClass(e, r, t) { return r && _defineProperties(e.prototype, r),
 function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _regeneratorRuntime() { "use strict"; var r = _regenerator(), e = r.m(_regeneratorRuntime), t = (Object.getPrototypeOf ? Object.getPrototypeOf(e) : e.__proto__).constructor; function n(r) { var e = "function" == typeof r && r.constructor; return !!e && (e === t || "GeneratorFunction" === (e.displayName || e.name)); } var o = { "throw": 1, "return": 2, "break": 3, "continue": 3 }; function a(r) { var e, t; return function (n) { e || (e = { stop: function stop() { return t(n.a, 2); }, "catch": function _catch() { return n.v; }, abrupt: function abrupt(r, e) { return t(n.a, o[r], e); }, delegateYield: function delegateYield(r, o, a) { return e.resultName = o, t(n.d, _regeneratorValues(r), a); }, finish: function finish(r) { return t(n.f, r); } }, t = function t(r, _t, o) { n.p = e.prev, n.n = e.next; try { return r(_t, o); } finally { e.next = n.n; } }), e.resultName && (e[e.resultName] = n.v, e.resultName = void 0), e.sent = n.v, e.next = n.n; try { return r.call(this, e); } finally { n.p = e.prev, n.n = e.next; } }; } return (_regeneratorRuntime = function _regeneratorRuntime() { return { wrap: function wrap(e, t, n, o) { return r.w(a(e), t, n, o && o.reverse()); }, isGeneratorFunction: n, mark: r.m, awrap: function awrap(r, e) { return new _OverloadYield(r, e); }, AsyncIterator: _regeneratorAsyncIterator, async: function async(r, e, t, o, u) { return (n(e) ? _regeneratorAsyncGen : _regeneratorAsync)(a(r), e, t, o, u); }, keys: _regeneratorKeys, values: _regeneratorValues }; })(); }
+function _regeneratorValues(e) { if (null != e) { var t = e["function" == typeof Symbol && Symbol.iterator || "@@iterator"], r = 0; if (t) return t.call(e); if ("function" == typeof e.next) return e; if (!isNaN(e.length)) return { next: function next() { return e && r >= e.length && (e = void 0), { value: e && e[r++], done: !e }; } }; } throw new TypeError(_typeof(e) + " is not iterable"); }
+function _regeneratorKeys(e) { var n = Object(e), r = []; for (var t in n) r.unshift(t); return function e() { for (; r.length;) if ((t = r.pop()) in n) return e.value = t, e.done = !1, e; return e.done = !0, e; }; }
+function _regeneratorAsync(n, e, r, t, o) { var a = _regeneratorAsyncGen(n, e, r, t, o); return a.next().then(function (n) { return n.done ? n.value : a.next(); }); }
+function _regeneratorAsyncGen(r, e, t, o, n) { return new _regeneratorAsyncIterator(_regenerator().w(r, e, t, o), n || Promise); }
+function _regeneratorAsyncIterator(t, e) { function n(r, o, i, f) { try { var c = t[r](o), u = c.value; return u instanceof _OverloadYield ? e.resolve(u.v).then(function (t) { n("next", t, i, f); }, function (t) { n("throw", t, i, f); }) : e.resolve(u).then(function (t) { c.value = t, i(c); }, function (t) { return n("throw", t, i, f); }); } catch (t) { f(t); } } var r; this.next || (_regeneratorDefine2(_regeneratorAsyncIterator.prototype), _regeneratorDefine2(_regeneratorAsyncIterator.prototype, "function" == typeof Symbol && Symbol.asyncIterator || "@asyncIterator", function () { return this; })), _regeneratorDefine2(this, "_invoke", function (t, o, i) { function f() { return new e(function (e, r) { n(t, i, e, r); }); } return r = r ? r.then(f, f) : f(); }, !0); }
 function _regenerator() { /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/babel/babel/blob/main/packages/babel-helpers/LICENSE */ var e, t, r = "function" == typeof Symbol ? Symbol : {}, n = r.iterator || "@@iterator", o = r.toStringTag || "@@toStringTag"; function i(r, n, o, i) { var c = n && n.prototype instanceof Generator ? n : Generator, u = Object.create(c.prototype); return _regeneratorDefine2(u, "_invoke", function (r, n, o) { var i, c, u, f = 0, p = o || [], y = !1, G = { p: 0, n: 0, v: e, a: d, f: d.bind(e, 4), d: function d(t, r) { return i = t, c = 0, u = e, G.n = r, a; } }; function d(r, n) { for (c = r, u = n, t = 0; !y && f && !o && t < p.length; t++) { var o, i = p[t], d = G.p, l = i[2]; r > 3 ? (o = l === n) && (u = i[(c = i[4]) ? 5 : (c = 3, 3)], i[4] = i[5] = e) : i[0] <= d && ((o = r < 2 && d < i[1]) ? (c = 0, G.v = n, G.n = i[1]) : d < l && (o = r < 3 || i[0] > n || n > l) && (i[4] = r, i[5] = n, G.n = l, c = 0)); } if (o || r > 1) return a; throw y = !0, n; } return function (o, p, l) { if (f > 1) throw TypeError("Generator is already running"); for (y && 1 === p && d(p, l), c = p, u = l; (t = c < 2 ? e : u) || !y;) { i || (c ? c < 3 ? (c > 1 && (G.n = -1), d(c, u)) : G.n = u : G.v = u); try { if (f = 2, i) { if (c || (o = "next"), t = i[o]) { if (!(t = t.call(i, u))) throw TypeError("iterator result is not an object"); if (!t.done) return t; u = t.value, c < 2 && (c = 0); } else 1 === c && (t = i["return"]) && t.call(i), c < 2 && (u = TypeError("The iterator does not provide a '" + o + "' method"), c = 1); i = e; } else if ((t = (y = G.n < 0) ? u : r.call(n, G)) !== a) break; } catch (t) { i = e, c = 1, u = t; } finally { f = 1; } } return { value: t, done: y }; }; }(r, o, i), !0), u; } var a = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} t = Object.getPrototypeOf; var c = [][n] ? t(t([][n]())) : (_regeneratorDefine2(t = {}, n, function () { return this; }), t), u = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(c); function f(e) { return Object.setPrototypeOf ? Object.setPrototypeOf(e, GeneratorFunctionPrototype) : (e.__proto__ = GeneratorFunctionPrototype, _regeneratorDefine2(e, o, "GeneratorFunction")), e.prototype = Object.create(u), e; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, _regeneratorDefine2(u, "constructor", GeneratorFunctionPrototype), _regeneratorDefine2(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = "GeneratorFunction", _regeneratorDefine2(GeneratorFunctionPrototype, o, "GeneratorFunction"), _regeneratorDefine2(u), _regeneratorDefine2(u, o, "Generator"), _regeneratorDefine2(u, n, function () { return this; }), _regeneratorDefine2(u, "toString", function () { return "[object Generator]"; }), (_regenerator = function _regenerator() { return { w: i, m: f }; })(); }
 function _regeneratorDefine2(e, r, n, t) { var i = Object.defineProperty; try { i({}, "", {}); } catch (e) { i = 0; } _regeneratorDefine2 = function _regeneratorDefine(e, r, n, t) { function o(r, n) { _regeneratorDefine2(e, r, function (e) { return this._invoke(r, n, e); }); } r ? i ? i(e, r, { value: n, enumerable: !t, configurable: !t, writable: !t }) : e[r] = n : (o("next", 0), o("throw", 1), o("return", 2)); }, _regeneratorDefine2(e, r, n, t); }
+function _OverloadYield(e, d) { this.v = e, this.k = d; }
 function asyncGeneratorStep(n, t, e, r, o, a, c) { try { var i = n[a](c), u = i.value; } catch (n) { return void e(n); } i.done ? t(u) : Promise.resolve(u).then(r, o); }
 function _asyncToGenerator(n) { return function () { var t = this, e = arguments; return new Promise(function (r, o) { var a = n.apply(t, e); function _next(n) { asyncGeneratorStep(a, r, o, _next, _throw, "next", n); } function _throw(n) { asyncGeneratorStep(a, r, o, _next, _throw, "throw", n); } _next(void 0); }); }; }
 function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
@@ -310,16 +316,19 @@ var getSvgContent = exports.getSvgContent = function () {
       return svgContentMap.get(absUrl);
     }
     try {
-      var promise = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee() {
+      var promise = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
         var result;
-        return _regenerator().w(function (_context) {
-          while (1) switch (_context.n) {
+        return _regeneratorRuntime().wrap(function _callee$(_context) {
+          while (1) switch (_context.prev = _context.next) {
             case 0:
-              _context.n = 1;
+              _context.next = 2;
               return _axios["default"].get(absUrl);
-            case 1:
-              result = _context.v;
-              return _context.a(2, (0, _Transformers.initDefaultColor)(result.data));
+            case 2:
+              result = _context.sent;
+              return _context.abrupt("return", (0, _Transformers.initDefaultColor)(result.data));
+            case 4:
+            case "end":
+              return _context.stop();
           }
         }, _callee);
       }))();
@@ -508,25 +517,26 @@ var DesignDataService = exports["default"] = /*#__PURE__*/function () {
     _defineProperty(this, "_syncCanvasChange", null);
     _defineProperty(this, "_isCanvasDataUpdateEnabled", true);
     _defineProperty(this, "handleDesignProductionMethodChangeFromVectorizationToNonVectorization", /*#__PURE__*/function () {
-      var _ref4 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee2(designProductionMethodIdentifier) {
+      var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(designProductionMethodIdentifier) {
         var state, _getVectorizeForDesig, currentVectorsRequired, newVectorsRequired, designArea, images;
-        return _regenerator().w(function (_context2) {
-          while (1) switch (_context2.n) {
+        return _regeneratorRuntime().wrap(function _callee2$(_context2) {
+          while (1) switch (_context2.prev = _context2.next) {
             case 0:
               state = _ServiceLocator.Services.store.state;
               _getVectorizeForDesig = (0, _Selectors.getVectorizeForDesignProductionMethods)(state, designProductionMethodIdentifier), currentVectorsRequired = _getVectorizeForDesig.currentVectorsRequired, newVectorsRequired = _getVectorizeForDesig.newVectorsRequired;
               designArea = (0, _Selectors.getSelectedDesignArea)(state);
               images = (0, _Selectors.getImagesByDesignArea)(state, designArea.identifier);
               if (!(currentVectorsRequired && !newVectorsRequired && images.length)) {
-                _context2.n = 2;
+                _context2.next = 8;
                 break;
               }
-              _context2.n = 1;
+              _context2.next = 7;
               return _ServiceLocator.Services.store.dispatch((0, _Actions.showSwitchToProductionMethodWithoutVectorization)());
-            case 1:
-              return _context2.a(2, true);
-            case 2:
-              return _context2.a(2);
+            case 7:
+              return _context2.abrupt("return", true);
+            case 8:
+            case "end":
+              return _context2.stop();
           }
         }, _callee2);
       }));
@@ -535,10 +545,10 @@ var DesignDataService = exports["default"] = /*#__PURE__*/function () {
       };
     }());
     _defineProperty(this, "handleDesignProductionMethodChangeFromNonVectorizationToVectorization", /*#__PURE__*/function () {
-      var _ref5 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee3(designProductionMethodIdentifier) {
+      var _ref5 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3(designProductionMethodIdentifier) {
         var state, _getVectorizeForDesig2, currentVectorsRequired, newVectorsRequired, designArea, nonVectorizedImages;
-        return _regenerator().w(function (_context3) {
-          while (1) switch (_context3.n) {
+        return _regeneratorRuntime().wrap(function _callee3$(_context3) {
+          while (1) switch (_context3.prev = _context3.next) {
             case 0:
               state = _ServiceLocator.Services.store.state;
               _getVectorizeForDesig2 = (0, _Selectors.getVectorizeForDesignProductionMethods)(state, designProductionMethodIdentifier), currentVectorsRequired = _getVectorizeForDesig2.currentVectorsRequired, newVectorsRequired = _getVectorizeForDesig2.newVectorsRequired;
@@ -547,15 +557,16 @@ var DesignDataService = exports["default"] = /*#__PURE__*/function () {
                 return !(0, _get2["default"])(obj, 'imageData.operations.vectorize');
               });
               if (!(nonVectorizedImages.length === 1 && (!currentVectorsRequired && newVectorsRequired || !(0, _Selectors2.isColorPreviewCompatible)(state, nonVectorizedImages[0].imageData, designProductionMethodIdentifier)))) {
-                _context3.n = 2;
+                _context3.next = 8;
                 break;
               }
-              _context3.n = 1;
+              _context3.next = 7;
               return _ServiceLocator.Services.store.dispatch((0, _Actions.showSwitchToProductionMethodWithVectorization)());
-            case 1:
-              return _context3.a(2, true);
-            case 2:
-              return _context3.a(2);
+            case 7:
+              return _context3.abrupt("return", true);
+            case 8:
+            case "end":
+              return _context3.stop();
           }
         }, _callee3);
       }));
@@ -564,10 +575,10 @@ var DesignDataService = exports["default"] = /*#__PURE__*/function () {
       };
     }());
     _defineProperty(this, "handleDesignProductionMethodChangeToMandatoryVectorization", /*#__PURE__*/function () {
-      var _ref6 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee4(designProductionMethodIdentifier) {
+      var _ref6 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee4(designProductionMethodIdentifier) {
         var state, _getMandatoryVectoriz, currentVectorsMandatory, newVectorsMandatory, designArea, nonColorizedImages;
-        return _regenerator().w(function (_context4) {
-          while (1) switch (_context4.n) {
+        return _regeneratorRuntime().wrap(function _callee4$(_context4) {
+          while (1) switch (_context4.prev = _context4.next) {
             case 0:
               state = _ServiceLocator.Services.store.state;
               _getMandatoryVectoriz = (0, _Selectors.getMandatoryVectorizationForDesignProductionMethods)(state, designProductionMethodIdentifier), currentVectorsMandatory = _getMandatoryVectoriz.currentVectorsMandatory, newVectorsMandatory = _getMandatoryVectoriz.newVectorsMandatory;
@@ -576,15 +587,16 @@ var DesignDataService = exports["default"] = /*#__PURE__*/function () {
                 return !(0, _get2["default"])(obj, 'imageData.gallery') && !(0, _get2["default"])(obj, 'imageData.displayColorPreview');
               });
               if (!(nonColorizedImages.length === 1 && (!currentVectorsMandatory && newVectorsMandatory || !(0, _Selectors2.isColorPreviewCompatible)(state, nonColorizedImages[0].imageData, designProductionMethodIdentifier)))) {
-                _context4.n = 2;
+                _context4.next = 8;
                 break;
               }
-              _context4.n = 1;
+              _context4.next = 7;
               return _ServiceLocator.Services.store.dispatch((0, _Actions.showSwitchToProductionMethodWithVectorization)());
-            case 1:
-              return _context4.a(2, true);
-            case 2:
-              return _context4.a(2);
+            case 7:
+              return _context4.abrupt("return", true);
+            case 8:
+            case "end":
+              return _context4.stop();
           }
         }, _callee4);
       }));
@@ -593,10 +605,10 @@ var DesignDataService = exports["default"] = /*#__PURE__*/function () {
       };
     }());
     _defineProperty(this, "checkColorUsageForDesignProductionMethod", /*#__PURE__*/function () {
-      var _ref7 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee5(designProductionMethodIdentifier) {
+      var _ref7 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee5(designProductionMethodIdentifier) {
         var state, _getSelectedDesignAre2, maxColorAmount, designProductionMethod, newProductionMethod, newMaxColorAmount, currentVectorsRequired, newVectorsRequired, designArea, colorPreviewRequired, canvas, images, missingColorPalettesColors;
-        return _regenerator().w(function (_context5) {
-          while (1) switch (_context5.n) {
+        return _regeneratorRuntime().wrap(function _callee5$(_context5) {
+          while (1) switch (_context5.prev = _context5.next) {
             case 0:
               state = _ServiceLocator.Services.store.state;
               _getSelectedDesignAre2 = (0, _Selectors.getSelectedDesignAreaProperties)(state), maxColorAmount = _getSelectedDesignAre2.maxColorAmount, designProductionMethod = _getSelectedDesignAre2.designProductionMethod;
@@ -607,7 +619,7 @@ var DesignDataService = exports["default"] = /*#__PURE__*/function () {
               designArea = (0, _Selectors.getSelectedDesignArea)(state);
               colorPreviewRequired = (0, _Selectors.designProductionMethodHasEmbroideryVisualizationEffect)(newProductionMethod) || (0, _Selectors.isVectorizedLogoMandatory)(newProductionMethod);
               if (!(newMaxColorAmount !== 0 && newMaxColorAmount < maxColorAmount || !currentVectorsRequired && newVectorsRequired || colorPreviewRequired)) {
-                _context5.n = 2;
+                _context5.next = 17;
                 break;
               }
               canvas = _this2._getCanvas(designArea);
@@ -618,34 +630,35 @@ var DesignDataService = exports["default"] = /*#__PURE__*/function () {
                 return !(0, _get2["default"])(obj, 'imageData.operations.vectorize') || !(0, _Selectors2.isColorPreviewCompatible)(state, obj.imageData, designProductionMethodIdentifier);
               }) : [];
               if (!(images.length > 1)) {
-                _context5.n = 2;
+                _context5.next = 17;
                 break;
               }
-              _context5.n = 1;
+              _context5.next = 14;
               return _ServiceLocator.Services.store.dispatch((0, _Actions.showProductionMethodRemoveImagesConfirm)());
-            case 1:
+            case 14:
               images.forEach(function (object) {
                 object.remove();
               });
-              _context5.n = 2;
+              _context5.next = 17;
               return _this2.updateCanvasData(canvas);
-            case 2:
+            case 17:
               missingColorPalettesColors = getMissingColorPalettesColors((0, _Selectors.getColorsWithPalette)(state), newProductionMethod.colorPalettes, !currentVectorsRequired && newVectorsRequired);
               if (!missingColorPalettesColors.length) {
-                _context5.n = 4;
+                _context5.next = 24;
                 break;
               }
               if ((0, _Selectors.isColoringDisabled)(state, newProductionMethod.identifier)) {
-                _context5.n = 4;
+                _context5.next = 24;
                 break;
               }
-              _context5.n = 3;
+              _context5.next = 22;
               return _ServiceLocator.Services.store.dispatch((0, _Actions.showProductionMethodChangeColorsConfirm)());
-            case 3:
-              _context5.n = 4;
+            case 22:
+              _context5.next = 24;
               return _this2.replaceSelectedDesignAreaElementsColor(missingColorPalettesColors, newProductionMethod);
-            case 4:
-              return _context5.a(2);
+            case 24:
+            case "end":
+              return _context5.stop();
           }
         }, _callee5);
       }));
@@ -654,16 +667,16 @@ var DesignDataService = exports["default"] = /*#__PURE__*/function () {
       };
     }());
     _defineProperty(this, "replaceSelectedDesignAreaElementsColor", /*#__PURE__*/function () {
-      var _ref8 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee6(missingColorPalettesColors, designProductionMethod) {
+      var _ref8 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee6(missingColorPalettesColors, designProductionMethod) {
         var state, designArea, designData, objects, _iterator7, _step7, missingColor;
-        return _regenerator().w(function (_context6) {
-          while (1) switch (_context6.n) {
+        return _regeneratorRuntime().wrap(function _callee6$(_context6) {
+          while (1) switch (_context6.prev = _context6.next) {
             case 0:
               state = _ServiceLocator.Services.store.state;
               designArea = (0, _Selectors.getSelectedDesignArea)(state);
               designData = (0, _Selectors.getDesignDataByDesignAreaIdentifier)(state, designArea.identifier);
               objects = (0, _get2["default"])(designData, 'canvasData.objects', []);
-              _context6.n = 1;
+              _context6.next = 6;
               return Promise.all(objects.filter(function (_ref9) {
                 var type = _ref9.type;
                 return type === 'Image';
@@ -684,7 +697,7 @@ var DesignDataService = exports["default"] = /*#__PURE__*/function () {
                   designProductionMethod: designProductionMethod
                 });
               }));
-            case 1:
+            case 6:
               _iterator7 = _createForOfIteratorHelper(missingColorPalettesColors);
               try {
                 for (_iterator7.s(); !(_step7 = _iterator7.n()).done;) {
@@ -699,10 +712,11 @@ var DesignDataService = exports["default"] = /*#__PURE__*/function () {
               } finally {
                 _iterator7.f();
               }
-              _context6.n = 2;
+              _context6.next = 10;
               return _this2.loadCanvasDataFromState([designArea]);
-            case 2:
-              return _context6.a(2);
+            case 10:
+            case "end":
+              return _context6.stop();
           }
         }, _callee6);
       }));
@@ -711,23 +725,23 @@ var DesignDataService = exports["default"] = /*#__PURE__*/function () {
       };
     }());
   }
-  return _createClass(DesignDataService, [{
+  _createClass(DesignDataService, [{
     key: "init",
     value: function init() {
       var _this3 = this;
       _ServiceLocator.Services.store.observeStore(function (state) {
         return state.designArea.filteredDesignAreas;
       }, /*#__PURE__*/function () {
-        var _ref1 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee7(filteredDesignAreas, prevDesignAreas) {
-          var initList, areasToLoad, _t, _t2;
-          return _regenerator().w(function (_context7) {
-            while (1) switch (_context7.p = _context7.n) {
+        var _ref1 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee7(filteredDesignAreas, prevDesignAreas) {
+          var initList, areasToLoad;
+          return _regeneratorRuntime().wrap(function _callee7$(_context7) {
+            while (1) switch (_context7.prev = _context7.next) {
               case 0:
-                _context7.p = 0;
-                _context7.n = 1;
+                _context7.prev = 0;
+                _context7.next = 3;
                 return _this3.initCanvases(filteredDesignAreas, prevDesignAreas);
-              case 1:
-                initList = _context7.v;
+              case 3:
+                initList = _context7.sent;
                 // only the newly initialized canvases has to be loaded
                 areasToLoad = initList.filter(function (_ref10) {
                   var isNew = _ref10.isNew;
@@ -737,28 +751,29 @@ var DesignDataService = exports["default"] = /*#__PURE__*/function () {
                   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
-                _t = !(0, _Selectors3.isDesignerProductPreviewMode)() && areasToLoad.length;
-                if (!_t) {
-                  _context7.n = 2;
+                _context7.t0 = !(0, _Selectors3.isDesignerProductPreviewMode)() && areasToLoad.length;
+                if (!_context7.t0) {
+                  _context7.next = 9;
                   break;
                 }
-                _context7.n = 2;
+                _context7.next = 9;
                 return _this3.loadCanvasDataFromState(areasToLoad);
-              case 2:
+              case 9:
                 _this3.selectInitialDesignView();
                 _this3.designAreaListChangeListener(filteredDesignAreas, prevDesignAreas);
                 _this3.openDesignAreaEditorIfEditingParamIsSet();
-                _context7.n = 4;
+                _context7.next = 17;
                 break;
-              case 3:
-                _context7.p = 3;
-                _t2 = _context7.v;
+              case 14:
+                _context7.prev = 14;
+                _context7.t1 = _context7["catch"](0);
                 // eslint-disable-next-line no-console
-                console.error('Error occurred in processing design area list change:', _t2);
-              case 4:
-                return _context7.a(2);
+                console.error('Error occurred in processing design area list change:', _context7.t1);
+              case 17:
+              case "end":
+                return _context7.stop();
             }
-          }, _callee7, null, [[0, 3]]);
+          }, _callee7, null, [[0, 14]]);
         }));
         return function (_x7, _x8) {
           return _ref1.apply(this, arguments);
@@ -786,47 +801,48 @@ var DesignDataService = exports["default"] = /*#__PURE__*/function () {
   }, {
     key: "openDesignAreaEditorIfEditingParamIsSet",
     value: function () {
-      var _openDesignAreaEditorIfEditingParamIsSet = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee8() {
+      var _openDesignAreaEditorIfEditingParamIsSet = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee8() {
         var query, isDesignerModeAvailable, selectedMode, viewChangedPromise;
-        return _regenerator().w(function (_context8) {
-          while (1) switch (_context8.n) {
+        return _regeneratorRuntime().wrap(function _callee8$(_context8) {
+          while (1) switch (_context8.prev = _context8.next) {
             case 0:
               if (!this._editingHandlerDone) {
-                _context8.n = 1;
+                _context8.next = 2;
                 break;
               }
-              return _context8.a(2);
-            case 1:
+              return _context8.abrupt("return");
+            case 2:
               query = new URLSearchParams(location.search);
               if (query.has('_editing')) {
-                _context8.n = 2;
+                _context8.next = 5;
                 break;
               }
-              return _context8.a(2);
-            case 2:
+              return _context8.abrupt("return");
+            case 5:
               isDesignerModeAvailable = (0, _get2["default"])(_ServiceLocator.Services.store.state, 'configurationMode.availableModes.designer');
               if (isDesignerModeAvailable) {
-                _context8.n = 3;
+                _context8.next = 8;
                 break;
               }
-              return _context8.a(2);
-            case 3:
+              return _context8.abrupt("return");
+            case 8:
               selectedMode = (0, _get2["default"])(_ServiceLocator.Services.store.state, 'configurationMode.selectedMode');
               if (selectedMode !== 'designer') {
                 _ServiceLocator.Services.store.dispatch((0, _Actions6.selectConfigurationMode)('designer'));
               }
               viewChangedPromise = _ServiceLocator.Services.visualization.getViewChangedPromise();
               if (!viewChangedPromise) {
-                _context8.n = 5;
+                _context8.next = 16;
                 break;
               }
-              _context8.n = 4;
+              _context8.next = 14;
               return viewChangedPromise;
-            case 4:
+            case 14:
               this.openDesignAreaEditor();
               this._editingHandlerDone = true;
-            case 5:
-              return _context8.a(2);
+            case 16:
+            case "end":
+              return _context8.stop();
           }
         }, _callee8, this);
       }));
@@ -930,12 +946,12 @@ var DesignDataService = exports["default"] = /*#__PURE__*/function () {
      */
   }, {
     key: "initCanvases",
-    value: (function () {
-      var _initCanvases = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee9(designAreas, prevDesignAreas) {
+    value: function () {
+      var _initCanvases = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee9(designAreas, prevDesignAreas) {
         var _this4 = this;
         var state;
-        return _regenerator().w(function (_context9) {
-          while (1) switch (_context9.n) {
+        return _regeneratorRuntime().wrap(function _callee9$(_context9) {
+          while (1) switch (_context9.prev = _context9.next) {
             case 0:
               // clean up first: remove canvases that are not mapped to any design areas
               this._removeCanvas && prevDesignAreas.filter(function (prevArea) {
@@ -946,7 +962,7 @@ var DesignDataService = exports["default"] = /*#__PURE__*/function () {
                 return _this4._removeCanvas(prevArea);
               });
               state = _ServiceLocator.Services.store.state;
-              _context9.n = 1;
+              _context9.next = 4;
               return Promise.all(designAreas.map(function (designArea) {
                 var maskData = (0, _Selectors.getMaskDataForDesignArea)(state, designArea);
                 var canvasSize = (0, _Selectors.getCanvasSizeFromDesignArea)(state, designArea);
@@ -962,8 +978,11 @@ var DesignDataService = exports["default"] = /*#__PURE__*/function () {
                   colorOverlayData: colorOverlayData
                 });
               }));
-            case 1:
-              return _context9.a(2, _context9.v);
+            case 4:
+              return _context9.abrupt("return", _context9.sent);
+            case 5:
+            case "end":
+              return _context9.stop();
           }
         }, _callee9, this);
       }));
@@ -976,21 +995,23 @@ var DesignDataService = exports["default"] = /*#__PURE__*/function () {
      * Calls syncCanvases with the registered _loadCanvasData function
      * @param {array} designAreas
      */
-    )
   }, {
     key: "updateCanvasDataFromState",
-    value: (function () {
-      var _updateCanvasDataFromState = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee0() {
+    value: function () {
+      var _updateCanvasDataFromState = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee0() {
         var designAreas,
           _args0 = arguments;
-        return _regenerator().w(function (_context0) {
-          while (1) switch (_context0.n) {
+        return _regeneratorRuntime().wrap(function _callee0$(_context0) {
+          while (1) switch (_context0.prev = _context0.next) {
             case 0:
               designAreas = _args0.length > 0 && _args0[0] !== undefined ? _args0[0] : this.getDesignAreas();
-              _context0.n = 1;
+              _context0.next = 3;
               return this.syncCanvases(this._updateCanvasData, designAreas);
-            case 1:
-              return _context0.a(2, _context0.v);
+            case 3:
+              return _context0.abrupt("return", _context0.sent);
+            case 4:
+            case "end":
+              return _context0.stop();
           }
         }, _callee0, this);
       }));
@@ -1003,21 +1024,23 @@ var DesignDataService = exports["default"] = /*#__PURE__*/function () {
      * Calls syncCanvases with the registered _loadCanvasData function
      * @param {array} designAreas
      */
-    )
   }, {
     key: "loadCanvasDataFromState",
-    value: (function () {
-      var _loadCanvasDataFromState = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee1() {
+    value: function () {
+      var _loadCanvasDataFromState = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee1() {
         var designAreas,
           _args1 = arguments;
-        return _regenerator().w(function (_context1) {
-          while (1) switch (_context1.n) {
+        return _regeneratorRuntime().wrap(function _callee1$(_context1) {
+          while (1) switch (_context1.prev = _context1.next) {
             case 0:
               designAreas = _args1.length > 0 && _args1[0] !== undefined ? _args1[0] : this.getDesignAreas();
-              _context1.n = 1;
+              _context1.next = 3;
               return this.syncCanvases(this._loadCanvasData, designAreas);
-            case 1:
-              return _context1.a(2, _context1.v);
+            case 3:
+              return _context1.abrupt("return", _context1.sent);
+            case 4:
+            case "end":
+              return _context1.stop();
           }
         }, _callee1, this);
       }));
@@ -1033,37 +1056,37 @@ var DesignDataService = exports["default"] = /*#__PURE__*/function () {
      * @param {array} designAreas
      * @return {Promise<void>}
      */
-    )
   }, {
     key: "syncCanvases",
-    value: (function () {
-      var _syncCanvases = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee11(updateFn, designAreas) {
+    value: function () {
+      var _syncCanvases = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee11(updateFn, designAreas) {
         var _this5 = this;
         var state;
-        return _regenerator().w(function (_context11) {
-          while (1) switch (_context11.n) {
+        return _regeneratorRuntime().wrap(function _callee11$(_context11) {
+          while (1) switch (_context11.prev = _context11.next) {
             case 0:
               state = _ServiceLocator.Services.store.state;
-              _context11.n = 1;
-              return Promise.all(designAreas.map(/*#__PURE__*/function () {
-                var _ref13 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee10(designArea) {
+              _context11.next = 3;
+              return Promise.all(designAreas.map( /*#__PURE__*/function () {
+                var _ref13 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee10(designArea) {
                   var designData, canvasData, canvasSize;
-                  return _regenerator().w(function (_context10) {
-                    while (1) switch (_context10.n) {
+                  return _regeneratorRuntime().wrap(function _callee10$(_context10) {
+                    while (1) switch (_context10.prev = _context10.next) {
                       case 0:
                         designData = (0, _Selectors.getDesignDataByDesignAreaIdentifier)(state, designArea.identifier);
                         canvasData = (0, _get2["default"])(designData, 'canvasData');
                         if (!canvasData) {
-                          _context10.n = 2;
+                          _context10.next = 7;
                           break;
                         }
-                        _context10.n = 1;
+                        _context10.next = 5;
                         return preloadFonts(canvasData);
-                      case 1:
+                      case 5:
                         canvasSize = (0, _Selectors.getCanvasSizeFromDesignArea)(state, designArea);
-                        return _context10.a(2, updateFn && updateFn(canvasData, designArea, canvasSize));
-                      case 2:
-                        return _context10.a(2);
+                        return _context10.abrupt("return", updateFn && updateFn(canvasData, designArea, canvasSize));
+                      case 7:
+                      case "end":
+                        return _context10.stop();
                     }
                   }, _callee10);
                 }));
@@ -1071,12 +1094,13 @@ var DesignDataService = exports["default"] = /*#__PURE__*/function () {
                   return _ref13.apply(this, arguments);
                 };
               }()));
-            case 1:
+            case 3:
               window.setTimeout(function () {
                 _this5.updateVisualization();
               }, 100);
-            case 2:
-              return _context11.a(2);
+            case 4:
+            case "end":
+              return _context11.stop();
           }
         }, _callee11);
       }));
@@ -1084,7 +1108,7 @@ var DesignDataService = exports["default"] = /*#__PURE__*/function () {
         return _syncCanvases.apply(this, arguments);
       }
       return syncCanvases;
-    }())
+    }()
   }, {
     key: "getDesignAreas",
     value: function getDesignAreas() {
@@ -1133,34 +1157,35 @@ var DesignDataService = exports["default"] = /*#__PURE__*/function () {
   }, {
     key: "updateCanvasData",
     value: function () {
-      var _updateCanvasData = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee12(canvas, eventData) {
+      var _updateCanvasData = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee12(canvas, eventData) {
         var canvasDataJSON, showAlert, _getDesignDataForSele, canvasData;
-        return _regenerator().w(function (_context12) {
-          while (1) switch (_context12.n) {
+        return _regeneratorRuntime().wrap(function _callee12$(_context12) {
+          while (1) switch (_context12.prev = _context12.next) {
             case 0:
               if (this._serializeCanvas) {
-                _context12.n = 1;
+                _context12.next = 2;
                 break;
               }
               throw new TypeError("The registerCanvasSerializer method has to be called first with a valid function!");
-            case 1:
+            case 2:
               canvasDataJSON = this._serializeCanvas(canvas); // check the color usage before storing the canvas data, so the user can decide to
               // 1. proceed with more colors than the allowed or
               // 2. undo the changes
               //added check to avoid the checkColorUsage in Widget view(as evenData is undefined)
               showAlert = eventData ? checkColorUsage(canvasDataJSON, eventData.changeEvent) : false;
               if (!(showAlert && (0, _configuration.getConf)('displayColorAmountWarnings', true))) {
-                _context12.n = 2;
+                _context12.next = 9;
                 break;
               }
               _ServiceLocator.Services.ui.reportError((0, _i18n.t)('colorAmountAlert.colorChangeReverted'));
               _getDesignDataForSele = (0, _Selectors.getDesignDataForSelectedDesignArea)(_ServiceLocator.Services.store.state), canvasData = _getDesignDataForSele.canvasData; // Restore Graphics Editor state
               this._loadCanvasData && this._loadCanvasData(canvasData);
-              return _context12.a(2);
-            case 2:
+              return _context12.abrupt("return");
+            case 9:
               this.setCanvasData(canvasDataJSON);
-            case 3:
-              return _context12.a(2);
+            case 10:
+            case "end":
+              return _context12.stop();
           }
         }, _callee12, this);
       }));
@@ -1175,19 +1200,20 @@ var DesignDataService = exports["default"] = /*#__PURE__*/function () {
       var _this6 = this;
       var syncCanvasChange = _ref15.syncCanvasChange;
       this._syncCanvasChange = syncCanvasChange;
-      return /*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee13() {
+      return /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee13() {
         var _args13 = arguments;
-        return _regenerator().w(function (_context13) {
-          while (1) switch (_context13.n) {
+        return _regeneratorRuntime().wrap(function _callee13$(_context13) {
+          while (1) switch (_context13.prev = _context13.next) {
             case 0:
               if (!_this6._isCanvasDataUpdateEnabled) {
-                _context13.n = 1;
+                _context13.next = 3;
                 break;
               }
-              _context13.n = 1;
+              _context13.next = 3;
               return _this6.updateCanvasData.apply(_this6, _args13);
-            case 1:
-              return _context13.a(2);
+            case 3:
+            case "end":
+              return _context13.stop();
           }
         }, _callee13);
       }));
@@ -1415,27 +1441,27 @@ var DesignDataService = exports["default"] = /*#__PURE__*/function () {
   }, {
     key: "vectorizeSingleImageAndShowEditDialog",
     value: function () {
-      var _vectorizeSingleImageAndShowEditDialog = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee14(identifier) {
-        var showImageEditDialog, state, designArea, canvas, images, firstNonVectorizedImage, operations, imageData, imageToSelect, _t3;
-        return _regenerator().w(function (_context14) {
-          while (1) switch (_context14.p = _context14.n) {
+      var _vectorizeSingleImageAndShowEditDialog = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee14(identifier) {
+        var showImageEditDialog, state, designArea, canvas, images, firstNonVectorizedImage, operations, imageData, imageToSelect;
+        return _regeneratorRuntime().wrap(function _callee14$(_context14) {
+          while (1) switch (_context14.prev = _context14.next) {
             case 0:
-              _context14.n = 1;
+              _context14.next = 2;
               return this.handleDesignProductionMethodChangeFromNonVectorizationToVectorization(identifier);
-            case 1:
-              _t3 = _context14.v;
-              if (_t3) {
-                _context14.n = 3;
+            case 2:
+              _context14.t0 = _context14.sent;
+              if (_context14.t0) {
+                _context14.next = 7;
                 break;
               }
-              _context14.n = 2;
+              _context14.next = 6;
               return this.handleDesignProductionMethodChangeToMandatoryVectorization(identifier);
-            case 2:
-              _t3 = _context14.v;
-            case 3:
-              showImageEditDialog = _t3;
+            case 6:
+              _context14.t0 = _context14.sent;
+            case 7:
+              showImageEditDialog = _context14.t0;
               if (!showImageEditDialog) {
-                _context14.n = 8;
+                _context14.next = 29;
                 break;
               }
               _ServiceLocator.Services.ui.show('globalLoader');
@@ -1446,41 +1472,42 @@ var DesignDataService = exports["default"] = /*#__PURE__*/function () {
               firstNonVectorizedImage = images.find(function (obj) {
                 return !(0, _get2["default"])(obj, 'imageData.gallery') && (!(0, _get2["default"])(obj, 'imageData.operations.vectorize') || !(0, _get2["default"])(obj, 'imageData.displayColorPreview'));
               });
-              _context14.p = 4;
+              _context14.prev = 15;
               operations = _objectSpread(_objectSpread({}, firstNonVectorizedImage.imageData.operations), {}, {
                 vectorize: true
               });
               imageData = firstNonVectorizedImage.imageData; //returing if placeHolderImage, from executing edit operations
               if (!imageData.isPlaceHolderImage) {
-                _context14.n = 5;
+                _context14.next = 20;
                 break;
               }
-              return _context14.a(2);
-            case 5:
-              _context14.n = 6;
+              return _context14.abrupt("return");
+            case 20:
+              _context14.next = 22;
               return _ServiceLocator.Services.designData.editFile(operations, imageData, {
                 immediateCommit: true
               });
-            case 6:
+            case 22:
               imageToSelect = canvas.objects.filter(function (object) {
                 return object.type === 'Image';
               }).find(function (obj) {
                 return obj._imageData.identifier === imageData.identifier;
               });
               imageToSelect.selected = true;
-              _context14.n = 7;
+              _context14.next = 26;
               return _ServiceLocator.Services.designer.openImageEditDialog(firstNonVectorizedImage.imageData.identifier, canvas, {
                 placeholderImageUpdate: false,
                 submitOnExitClick: true
               });
-            case 7:
-              _context14.p = 7;
+            case 26:
+              _context14.prev = 26;
               _ServiceLocator.Services.ui.hide('globalLoader');
-              return _context14.f(7);
-            case 8:
-              return _context14.a(2);
+              return _context14.finish(26);
+            case 29:
+            case "end":
+              return _context14.stop();
           }
-        }, _callee14, this, [[4,, 7, 8]]);
+        }, _callee14, this, [[15,, 26, 29]]);
       }));
       function vectorizeSingleImageAndShowEditDialog(_x14) {
         return _vectorizeSingleImageAndShowEditDialog.apply(this, arguments);
@@ -1490,17 +1517,17 @@ var DesignDataService = exports["default"] = /*#__PURE__*/function () {
   }, {
     key: "restoreVectorizedImages",
     value: function () {
-      var _restoreVectorizedImages = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee15(identifier) {
-        var displayImagesAsUnVectorized, state, designArea, images, _iterator8, _step8, image, operations, _t4;
-        return _regenerator().w(function (_context15) {
-          while (1) switch (_context15.p = _context15.n) {
+      var _restoreVectorizedImages = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee15(identifier) {
+        var displayImagesAsUnVectorized, state, designArea, images, _iterator8, _step8, image, operations;
+        return _regeneratorRuntime().wrap(function _callee15$(_context15) {
+          while (1) switch (_context15.prev = _context15.next) {
             case 0:
-              _context15.n = 1;
+              _context15.next = 2;
               return this.handleDesignProductionMethodChangeFromVectorizationToNonVectorization(identifier);
-            case 1:
-              displayImagesAsUnVectorized = _context15.v;
+            case 2:
+              displayImagesAsUnVectorized = _context15.sent;
               if (!displayImagesAsUnVectorized) {
-                _context15.n = 9;
+                _context15.next = 28;
                 break;
               }
               state = _ServiceLocator.Services.store.state;
@@ -1510,41 +1537,42 @@ var DesignDataService = exports["default"] = /*#__PURE__*/function () {
                 return !(0, _get2["default"])(img, 'imageData.isPlaceHolderImage', false);
               }); //excluding placeHolderImage from executing edit operations
               _iterator8 = _createForOfIteratorHelper(images);
-              _context15.p = 2;
+              _context15.prev = 9;
               _iterator8.s();
-            case 3:
+            case 11:
               if ((_step8 = _iterator8.n()).done) {
-                _context15.n = 5;
+                _context15.next = 18;
                 break;
               }
               image = _step8.value;
               operations = (0, _Modifiers.removeVectorizeFromOperations)(image.imageData.operations);
-              _context15.n = 4;
+              _context15.next = 16;
               return _ServiceLocator.Services.designData.editFile(operations, image.imageData, {
                 immediateCommit: true,
                 displayColorPreview: (0, _configuration.getConf)('autoPreviewVectorization', true)
               });
-            case 4:
-              _context15.n = 3;
+            case 16:
+              _context15.next = 11;
               break;
-            case 5:
-              _context15.n = 7;
+            case 18:
+              _context15.next = 23;
               break;
-            case 6:
-              _context15.p = 6;
-              _t4 = _context15.v;
-              _iterator8.e(_t4);
-            case 7:
-              _context15.p = 7;
+            case 20:
+              _context15.prev = 20;
+              _context15.t0 = _context15["catch"](9);
+              _iterator8.e(_context15.t0);
+            case 23:
+              _context15.prev = 23;
               _iterator8.f();
-              return _context15.f(7);
-            case 8:
-              _context15.n = 9;
+              return _context15.finish(23);
+            case 26:
+              _context15.next = 28;
               return this.loadCanvasDataFromState([designArea]);
-            case 9:
-              return _context15.a(2);
+            case 28:
+            case "end":
+              return _context15.stop();
           }
-        }, _callee15, this, [[2, 6, 7, 8]]);
+        }, _callee15, this, [[9, 20, 23, 26]]);
       }));
       function restoreVectorizedImages(_x15) {
         return _restoreVectorizedImages.apply(this, arguments);
@@ -1554,34 +1582,35 @@ var DesignDataService = exports["default"] = /*#__PURE__*/function () {
   }, {
     key: "updateObjectsAfterProductionMethodChange",
     value: function () {
-      var _updateObjectsAfterProductionMethodChange = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee16(oldProductionMethod, newProductionMethod) {
+      var _updateObjectsAfterProductionMethodChange = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee16(oldProductionMethod, newProductionMethod) {
         var _getDesignDataForSele2, canvasData, objects, newObjects, designArea;
-        return _regenerator().w(function (_context16) {
-          while (1) switch (_context16.n) {
+        return _regeneratorRuntime().wrap(function _callee16$(_context16) {
+          while (1) switch (_context16.prev = _context16.next) {
             case 0:
               _getDesignDataForSele2 = (0, _Selectors.getDesignDataForSelectedDesignArea)(_ServiceLocator.Services.store.state), canvasData = _getDesignDataForSele2.canvasData;
               if (canvasData) {
-                _context16.n = 1;
+                _context16.next = 3;
                 break;
               }
-              return _context16.a(2);
-            case 1:
+              return _context16.abrupt("return");
+            case 3:
               objects = canvasData.objects;
               newObjects = (0, _Modifiers.applyProductionMethodChangeToCanvasObjects)(newProductionMethod, oldProductionMethod, objects);
               if (!(newObjects === objects)) {
-                _context16.n = 2;
+                _context16.next = 7;
                 break;
               }
-              return _context16.a(2);
-            case 2:
+              return _context16.abrupt("return");
+            case 7:
               this.setCanvasData(_objectSpread(_objectSpread({}, canvasData), {}, {
                 objects: newObjects
               }));
               designArea = (0, _Selectors.getSelectedDesignArea)(_ServiceLocator.Services.store.state);
-              _context16.n = 3;
+              _context16.next = 11;
               return this.updateCanvasDataFromState([designArea]);
-            case 3:
-              return _context16.a(2);
+            case 11:
+            case "end":
+              return _context16.stop();
           }
         }, _callee16, this);
       }));
@@ -1606,17 +1635,17 @@ var DesignDataService = exports["default"] = /*#__PURE__*/function () {
   }, {
     key: "setDesignProductionMethod",
     value: function () {
-      var _setDesignProductionMethod2 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee17(identifier) {
-        var state, designData, selectedDesignProduction, bulkNameSelected, fontSizeMin, smallestFontSize, oldDesignProductionMethod, _t5, _t6, _t7, _t8, _t9;
-        return _regenerator().w(function (_context17) {
-          while (1) switch (_context17.p = _context17.n) {
+      var _setDesignProductionMethod2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee17(identifier) {
+        var state, designData, selectedDesignProduction, bulkNameSelected, fontSizeMin, smallestFontSize, oldDesignProductionMethod;
+        return _regeneratorRuntime().wrap(function _callee17$(_context17) {
+          while (1) switch (_context17.prev = _context17.next) {
             case 0:
               if (this.checkDesignElementRestrictions(identifier)) {
-                _context17.n = 1;
+                _context17.next = 2;
                 break;
               }
-              return _context17.a(2);
-            case 1:
+              return _context17.abrupt("return");
+            case 2:
               this.clearSelectionOnCurrentDesignArea();
               // check if the selected design production method has a higher minimum font size
               // than any of the text elements on the canvas
@@ -1625,66 +1654,66 @@ var DesignDataService = exports["default"] = /*#__PURE__*/function () {
               selectedDesignProduction = (0, _Selectors.getDesignProductionMethodByIdentifier)(state, identifier);
               bulkNameSelected = (0, _Selectors.hasSelectedBulkName)(designData);
               if (isWidget(location.pathname)) {
-                _context17.n = 14;
+                _context17.next = 44;
                 break;
               }
               fontSizeMin = (0, _Selectors.getFontSizeMin)(state, identifier);
               smallestFontSize = (0, _Selectors.findSmallestFontSizeInCanvasData)(designData.canvasData);
-              _context17.p = 2;
-              _t5 = smallestFontSize < fontSizeMin;
-              if (!_t5) {
-                _context17.n = 3;
+              _context17.prev = 10;
+              _context17.t0 = smallestFontSize < fontSizeMin;
+              if (!_context17.t0) {
+                _context17.next = 15;
                 break;
               }
-              _context17.n = 3;
+              _context17.next = 15;
               return _ServiceLocator.Services.store.dispatch((0, _Actions.showMinFontSizeConfirm)(fontSizeMin));
-            case 3:
-              _context17.n = 5;
+            case 15:
+              _context17.next = 20;
               break;
-            case 4:
-              _context17.p = 4;
-              _t6 = _context17.v;
-              return _context17.a(2);
-            case 5:
-              _context17.p = 5;
-              _context17.n = 6;
+            case 17:
+              _context17.prev = 17;
+              _context17.t1 = _context17["catch"](10);
+              return _context17.abrupt("return");
+            case 20:
+              _context17.prev = 20;
+              _context17.next = 23;
               return this.checkColorUsageForDesignProductionMethod(identifier);
-            case 6:
-              _context17.n = 7;
+            case 23:
+              _context17.next = 25;
               return this.vectorizeSingleImageAndShowEditDialog(identifier);
-            case 7:
-              _context17.n = 8;
+            case 25:
+              _context17.next = 27;
               return this.restoreVectorizedImages(identifier);
-            case 8:
-              _context17.n = 11;
+            case 27:
+              _context17.next = 34;
               break;
-            case 9:
-              _context17.p = 9;
-              _t7 = _context17.v;
-              if (!(0, _Actions5.isConfirmResult)(_t7)) {
-                _context17.n = 10;
+            case 29:
+              _context17.prev = 29;
+              _context17.t2 = _context17["catch"](20);
+              if (!(0, _Actions5.isConfirmResult)(_context17.t2)) {
+                _context17.next = 33;
                 break;
               }
-              return _context17.a(2);
-            case 10:
-              throw _t7;
-            case 11:
-              _context17.p = 11;
-              _t8 = bulkNameSelected && !selectedDesignProduction.allowBulkNames;
-              if (!_t8) {
-                _context17.n = 12;
+              return _context17.abrupt("return");
+            case 33:
+              throw _context17.t2;
+            case 34:
+              _context17.prev = 34;
+              _context17.t3 = bulkNameSelected && !selectedDesignProduction.allowBulkNames;
+              if (!_context17.t3) {
+                _context17.next = 39;
                 break;
               }
-              _context17.n = 12;
+              _context17.next = 39;
               return _ServiceLocator.Services.store.dispatch((0, _Actions.showProductionMethodChangeConfirm)());
-            case 12:
-              _context17.n = 14;
+            case 39:
+              _context17.next = 44;
               break;
-            case 13:
-              _context17.p = 13;
-              _t9 = _context17.v;
-              return _context17.a(2);
-            case 14:
+            case 41:
+              _context17.prev = 41;
+              _context17.t4 = _context17["catch"](34);
+              return _context17.abrupt("return");
+            case 44:
               oldDesignProductionMethod = (0, _Selectors.getSelectedDesignProductionMethod)(state);
               _ServiceLocator.Services.store.dispatch((0, _Actions.setDesignProductionMethod)(identifier));
               if ((0, _Selectors.isCanvasUpdateRequired)((0, _Selectors.getSelectedDesignArea)(state), selectedDesignProduction)) {
@@ -1695,12 +1724,13 @@ var DesignDataService = exports["default"] = /*#__PURE__*/function () {
                 this.removeBulkNameItems(designData);
                 !(0, _Selectors.isBulkNamesSelected)(_ServiceLocator.Services.store.state.configurator) && _ServiceLocator.Services.configurator.clearBulkNames();
               }
-              _context17.n = 15;
+              _context17.next = 51;
               return this.updateObjectsAfterProductionMethodChange(oldDesignProductionMethod, selectedDesignProduction);
-            case 15:
-              return _context17.a(2);
+            case 51:
+            case "end":
+              return _context17.stop();
           }
-        }, _callee17, this, [[11, 13], [5, 9], [2, 4]]);
+        }, _callee17, this, [[10, 17], [20, 29], [34, 41]]);
       }));
       function setDesignProductionMethod(_x18) {
         return _setDesignProductionMethod2.apply(this, arguments);
@@ -1747,10 +1777,10 @@ var DesignDataService = exports["default"] = /*#__PURE__*/function () {
   }, {
     key: "setColorAmount",
     value: function () {
-      var _setColorAmount2 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee18(maxColorCount) {
-        var currentColorCount, colorCount, _t0;
-        return _regenerator().w(function (_context18) {
-          while (1) switch (_context18.p = _context18.n) {
+      var _setColorAmount2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee18(maxColorCount) {
+        var currentColorCount, colorCount;
+        return _regeneratorRuntime().wrap(function _callee18$(_context18) {
+          while (1) switch (_context18.prev = _context18.next) {
             case 0:
               // check the current color usage before applying the selected color count
               // so if the color count is more than the selected maxColorCount the user can decide to
@@ -1759,25 +1789,26 @@ var DesignDataService = exports["default"] = /*#__PURE__*/function () {
               currentColorCount = (0, _Selectors.getSelectedDesignAreaProperties)(_ServiceLocator.Services.store.state).colorAmount;
               colorCount = (0, _Selectors.getColors)(_ServiceLocator.Services.store.state).length;
               if (!(maxColorCount && colorCount > maxColorCount && !isWidget(location.pathname) && (0, _configuration.getConf)('displayColorAmountWarnings', true))) {
-                _context18.n = 4;
+                _context18.next = 11;
                 break;
               }
-              _context18.p = 1;
-              _context18.n = 2;
+              _context18.prev = 3;
+              _context18.next = 6;
               return _ServiceLocator.Services.store.dispatch((0, _Actions.showMaxColorChangeConfirm)(colorCount, maxColorCount, currentColorCount));
-            case 2:
-              _context18.n = 4;
+            case 6:
+              _context18.next = 11;
               break;
-            case 3:
-              _context18.p = 3;
-              _t0 = _context18.v;
-              return _context18.a(2);
-            case 4:
+            case 8:
+              _context18.prev = 8;
+              _context18.t0 = _context18["catch"](3);
+              return _context18.abrupt("return");
+            case 11:
               _ServiceLocator.Services.store.dispatch((0, _Actions.setColorAmount)(maxColorCount));
-            case 5:
-              return _context18.a(2);
+            case 12:
+            case "end":
+              return _context18.stop();
           }
-        }, _callee18, null, [[1, 3]]);
+        }, _callee18, null, [[3, 8]]);
       }));
       function setColorAmount(_x19) {
         return _setColorAmount2.apply(this, arguments);
@@ -1791,42 +1822,43 @@ var DesignDataService = exports["default"] = /*#__PURE__*/function () {
      */
   }, {
     key: "updateVisualization",
-    value: (function () {
-      var _updateVisualization = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee19() {
+    value: function () {
+      var _updateVisualization = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee19() {
         var updateEventObject,
           isDesignAreaSelected,
           isDesignerOpen,
           isScreenshotEvent,
           drawingFunction,
           _args19 = arguments;
-        return _regenerator().w(function (_context19) {
-          while (1) switch (_context19.n) {
+        return _regeneratorRuntime().wrap(function _callee19$(_context19) {
+          while (1) switch (_context19.prev = _context19.next) {
             case 0:
               updateEventObject = _args19.length > 0 && _args19[0] !== undefined ? _args19[0] : {};
               if (_ServiceLocator.Services.visualization.isReadyToRender()) {
-                _context19.n = 1;
+                _context19.next = 3;
                 break;
               }
-              return _context19.a(2);
-            case 1:
+              return _context19.abrupt("return");
+            case 3:
               if (_ServiceLocator.Services.visualization.isReadyToRenderCustomDesign()) {
-                _context19.n = 2;
+                _context19.next = 6;
                 break;
               }
               _ServiceLocator.Services.visualization.render();
-              return _context19.a(2);
-            case 2:
+              return _context19.abrupt("return");
+            case 6:
               isDesignAreaSelected = !!(0, _Selectors.getSelectedDesignArea)(_ServiceLocator.Services.store.state).identifier;
               isDesignerOpen = isDesignAreaSelected && _ServiceLocator.Services.ui.isVisible('designer');
               isScreenshotEvent = (0, _get2["default"])(updateEventObject, 'data.screenshot');
               drawingFunction = isDesignerOpen && !isScreenshotEvent && !this.isInPreviewMode ? this.redrawEmptyAreas : this.redrawAllDesignAreas;
-              _context19.n = 3;
+              _context19.next = 12;
               return _ServiceLocator.Services.visualization.updateTexture({
                 updateEventObject: updateEventObject,
                 drawingFunction: drawingFunction.bind(this)
               });
-            case 3:
-              return _context19.a(2);
+            case 12:
+            case "end":
+              return _context19.stop();
           }
         }, _callee19, this);
       }));
@@ -1834,7 +1866,7 @@ var DesignDataService = exports["default"] = /*#__PURE__*/function () {
         return _updateVisualization.apply(this, arguments);
       }
       return updateVisualization;
-    }())
+    }()
   }, {
     key: "getFontSizeMin",
     value: function getFontSizeMin() {
@@ -1849,8 +1881,8 @@ var DesignDataService = exports["default"] = /*#__PURE__*/function () {
      */
   }, {
     key: "redrawAllDesignAreas",
-    value: (function () {
-      var _redrawAllDesignAreas = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee21(getDrawingContext, updateEventObject) {
+    value: function () {
+      var _redrawAllDesignAreas = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee21(getDrawingContext, updateEventObject) {
         var _this8 = this;
         var options,
           state,
@@ -1859,10 +1891,9 @@ var DesignDataService = exports["default"] = /*#__PURE__*/function () {
           variantIdentifier,
           effectEnabled,
           drawingFn,
-          _args22 = arguments,
-          _t11;
-        return _regenerator().w(function (_context22) {
-          while (1) switch (_context22.p = _context22.n) {
+          _args22 = arguments;
+        return _regeneratorRuntime().wrap(function _callee21$(_context22) {
+          while (1) switch (_context22.prev = _context22.next) {
             case 0:
               options = _args22.length > 2 && _args22[2] !== undefined ? _args22[2] : {};
               state = _ServiceLocator.Services.store.state;
@@ -1876,7 +1907,7 @@ var DesignDataService = exports["default"] = /*#__PURE__*/function () {
               variantIdentifier = (0, _get2["default"])(updateEventObject, 'data.variant', false);
               effectEnabled = !(0, _Selectors3.isDesignerProductPreviewMode)();
               drawingFn = /*#__PURE__*/function () {
-                var _ref17 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee20(textureCtx, getTextureBuilder) {
+                var _ref17 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee20(textureCtx, getTextureBuilder) {
                   var designAreas,
                     _getTextureBuilder,
                     getTextureImage,
@@ -1897,49 +1928,47 @@ var DesignDataService = exports["default"] = /*#__PURE__*/function () {
                     _iterator0,
                     _step0,
                     _loop,
-                    _args21 = arguments,
-                    _t1,
-                    _t10;
-                  return _regenerator().w(function (_context21) {
-                    while (1) switch (_context21.p = _context21.n) {
+                    _args21 = arguments;
+                  return _regeneratorRuntime().wrap(function _callee20$(_context21) {
+                    while (1) switch (_context21.prev = _context21.next) {
                       case 0:
                         designAreas = _args21.length > 2 && _args21[2] !== undefined ? _args21[2] : _this8.getDesignAreas();
                         _getTextureBuilder = getTextureBuilder(textureBuilderConfig), getTextureImage = _getTextureBuilder.getTextureImage, drawCanvasToArea = _getTextureBuilder.drawCanvasToArea, drawCanvasToAreaDirect = _getTextureBuilder.drawCanvasToAreaDirect, highlightDesignArea = _getTextureBuilder.highlightDesignArea, drawOn = _getTextureBuilder.drawOn, getParams = _getTextureBuilder.getParams;
                         if (getTextureImage()) {
-                          _context21.n = 1;
+                          _context21.next = 5;
                           break;
                         }
                         // eslint-disable-next-line no-console
                         console.warn('Texture image is missing!', designAreas);
-                        return _context21.a(2);
-                      case 1:
+                        return _context21.abrupt("return");
+                      case 5:
                         if (!showHighlight) {
-                          _context21.n = 13;
+                          _context21.next = 40;
                           break;
                         }
                         _iterator9 = _createForOfIteratorHelper(designAreas);
-                        _context21.p = 2;
+                        _context21.prev = 7;
                         _iterator9.s();
-                      case 3:
+                      case 9:
                         if ((_step9 = _iterator9.n()).done) {
-                          _context21.n = 10;
+                          _context21.next = 32;
                           break;
                         }
                         designArea = _step9.value;
                         canvas = _this8._getCanvas(_this8.getDesignAreaByIdentifier(designArea.identifier));
                         if (canvas) {
-                          _context21.n = 4;
+                          _context21.next = 14;
                           break;
                         }
-                        return _context21.a(3, 9);
-                      case 4:
-                        _context21.n = 5;
+                        return _context21.abrupt("continue", 30);
+                      case 14:
+                        _context21.next = 16;
                         return (0, _ObjectLock.requestLock)(canvas);
-                      case 5:
-                        releaseLock = _context21.v;
+                      case 16:
+                        releaseLock = _context21.sent;
                         maskHandler = canvas.getMaskHandler();
                         if (!((0, _Selectors.designAreaAppliesMask)(state, designArea) && maskHandler)) {
-                          _context21.n = 7;
+                          _context21.next = 28;
                           break;
                         }
                         restoreOutlineVisibility = maskHandler.toggleOutline(true, {
@@ -1952,55 +1981,55 @@ var DesignDataService = exports["default"] = /*#__PURE__*/function () {
                         });
                         restoreOutlineOnly = maskHandler.showOutlineOnly();
                         drawToContext = canvas.drawToContext.bind(canvas);
-                        _context21.n = 6;
+                        _context21.next = 24;
                         return drawCanvasToAreaDirect({
                           drawToContext: drawToContext,
                           designArea: designArea
                         });
-                      case 6:
+                      case 24:
                         restoreOutlineVisibility === null || restoreOutlineVisibility === void 0 || restoreOutlineVisibility();
                         restoreOutlineOnly === null || restoreOutlineOnly === void 0 || restoreOutlineOnly();
-                        _context21.n = 8;
+                        _context21.next = 29;
                         break;
-                      case 7:
+                      case 28:
                         highlightDesignArea(designArea);
-                      case 8:
+                      case 29:
                         releaseLock();
-                      case 9:
-                        _context21.n = 3;
+                      case 30:
+                        _context21.next = 9;
                         break;
-                      case 10:
-                        _context21.n = 12;
+                      case 32:
+                        _context21.next = 37;
                         break;
-                      case 11:
-                        _context21.p = 11;
-                        _t1 = _context21.v;
-                        _iterator9.e(_t1);
-                      case 12:
-                        _context21.p = 12;
+                      case 34:
+                        _context21.prev = 34;
+                        _context21.t0 = _context21["catch"](7);
+                        _iterator9.e(_context21.t0);
+                      case 37:
+                        _context21.prev = 37;
                         _iterator9.f();
-                        return _context21.f(12);
-                      case 13:
+                        return _context21.finish(37);
+                      case 40:
                         _iterator0 = _createForOfIteratorHelper(designAreas);
-                        _context21.p = 14;
-                        _loop = /*#__PURE__*/_regenerator().m(function _loop() {
+                        _context21.prev = 41;
+                        _loop = /*#__PURE__*/_regeneratorRuntime().mark(function _loop() {
                           var _canvas$getColorOverl, _canvas$getMaskHandle;
                           var designArea, canvas, releaseLock, selectedObject, restoreColorOverlayVisibility, restoreOutlineVisibility, drawToContext, getSvg;
-                          return _regenerator().w(function (_context20) {
-                            while (1) switch (_context20.n) {
+                          return _regeneratorRuntime().wrap(function _loop$(_context20) {
+                            while (1) switch (_context20.prev = _context20.next) {
                               case 0:
                                 designArea = _step0.value;
                                 canvas = _this8._getCanvas(_this8.getDesignAreaByIdentifier(designArea.identifier));
                                 if (canvas) {
-                                  _context20.n = 1;
+                                  _context20.next = 4;
                                   break;
                                 }
-                                return _context20.a(2, 1);
-                              case 1:
-                                _context20.n = 2;
+                                return _context20.abrupt("return", 1);
+                              case 4:
+                                _context20.next = 6;
                                 return (0, _ObjectLock.requestLock)(canvas);
-                              case 2:
-                                releaseLock = _context20.v;
+                              case 6:
+                                releaseLock = _context20.sent;
                                 selectedObject = (0, _get2["default"])(canvas, 'selectedObject');
                                 if (selectedObject) {
                                   selectedObject.selected = false;
@@ -2011,88 +2040,92 @@ var DesignDataService = exports["default"] = /*#__PURE__*/function () {
                                 getSvg = function getSvg() {
                                   return canvas.getScreenshot((0, _Selectors4.getFontMapping)(state));
                                 };
-                                _context20.n = 3;
+                                _context20.next = 15;
                                 return drawCanvasToArea(_objectSpread({
                                   drawToContext: drawToContext,
                                   designArea: designArea,
                                   getSvg: getSvg
                                 }, effectEnabled && (0, _Selectors.getVisualizationEffectWithOptions)(state, designArea, variantIdentifier)));
-                              case 3:
+                              case 15:
                                 restoreColorOverlayVisibility === null || restoreColorOverlayVisibility === void 0 || restoreColorOverlayVisibility();
                                 restoreOutlineVisibility === null || restoreOutlineVisibility === void 0 || restoreOutlineVisibility();
                                 releaseLock();
-                              case 4:
-                                return _context20.a(2);
+                              case 18:
+                              case "end":
+                                return _context20.stop();
                             }
                           }, _loop);
                         });
                         _iterator0.s();
-                      case 15:
+                      case 44:
                         if ((_step0 = _iterator0.n()).done) {
-                          _context21.n = 18;
+                          _context21.next = 50;
                           break;
                         }
-                        return _context21.d(_regeneratorValues(_loop()), 16);
-                      case 16:
-                        if (!_context21.v) {
-                          _context21.n = 17;
+                        return _context21.delegateYield(_loop(), "t1", 46);
+                      case 46:
+                        if (!_context21.t1) {
+                          _context21.next = 48;
                           break;
                         }
-                        return _context21.a(3, 17);
-                      case 17:
-                        _context21.n = 15;
+                        return _context21.abrupt("continue", 48);
+                      case 48:
+                        _context21.next = 44;
                         break;
-                      case 18:
-                        _context21.n = 20;
+                      case 50:
+                        _context21.next = 55;
                         break;
-                      case 19:
-                        _context21.p = 19;
-                        _t10 = _context21.v;
-                        _iterator0.e(_t10);
-                      case 20:
-                        _context21.p = 20;
+                      case 52:
+                        _context21.prev = 52;
+                        _context21.t2 = _context21["catch"](41);
+                        _iterator0.e(_context21.t2);
+                      case 55:
+                        _context21.prev = 55;
                         _iterator0.f();
-                        return _context21.f(20);
-                      case 21:
+                        return _context21.finish(55);
+                      case 58:
                         drawOn(textureCtx);
-                      case 22:
-                        return _context21.a(2);
+                      case 59:
+                      case "end":
+                        return _context21.stop();
                     }
-                  }, _callee20, null, [[14, 19, 20, 21], [2, 11, 12, 13]]);
+                  }, _callee20, null, [[7, 34, 37, 40], [41, 52, 55, 58]]);
                 }));
                 return function drawingFn(_x22, _x23) {
                   return _ref17.apply(this, arguments);
                 };
               }();
-              _context22.p = 1;
-              _context22.n = 2;
+              _context22.prev = 7;
+              _context22.next = 10;
               return getDrawingContext(drawingFn, true /* update alpha */, true /* clean up texture before drawing */);
-            case 2:
-              _context22.n = 4;
+            case 10:
+              _context22.next = 15;
               break;
-            case 3:
-              _context22.p = 3;
-              _t11 = _context22.v;
+            case 12:
+              _context22.prev = 12;
+              _context22.t0 = _context22["catch"](7);
               // eslint-disable-next-line no-console
-              console.warn('Could not get drawing context, texture update is skipped!', _t11.message);
-            case 4:
-              return _context22.a(2);
+              console.warn('Could not get drawing context, texture update is skipped!', _context22.t0.message);
+            case 15:
+            case "end":
+              return _context22.stop();
           }
-        }, _callee21, null, [[1, 3]]);
+        }, _callee21, null, [[7, 12]]);
       }));
       function redrawAllDesignAreas(_x20, _x21) {
         return _redrawAllDesignAreas.apply(this, arguments);
       }
       return redrawAllDesignAreas;
-    }())
+    }()
   }, {
     key: "redrawEmptyAreas",
     value: function redrawEmptyAreas(getDrawingContext) {
-      getDrawingContext(/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee22() {
-        return _regenerator().w(function (_context23) {
-          while (1) switch (_context23.n) {
+      getDrawingContext( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee22() {
+        return _regeneratorRuntime().wrap(function _callee22$(_context23) {
+          while (1) switch (_context23.prev = _context23.next) {
             case 0:
-              return _context23.a(2);
+            case "end":
+              return _context23.stop();
           }
         }, _callee22);
       })), true /* update alpha */, true /* clean up texture before drawing */);
@@ -2132,18 +2165,18 @@ var DesignDataService = exports["default"] = /*#__PURE__*/function () {
   }, {
     key: "getScreenshots",
     value: function () {
-      var _getScreenshots = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee24(fontMapping) {
+      var _getScreenshots = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee24(fontMapping) {
         var _this0 = this;
         var options,
           _options$screenshotFn,
           screenshotFn,
           _args25 = arguments;
-        return _regenerator().w(function (_context25) {
-          while (1) switch (_context25.n) {
+        return _regeneratorRuntime().wrap(function _callee24$(_context25) {
+          while (1) switch (_context25.prev = _context25.next) {
             case 0:
               options = _args25.length > 1 && _args25[1] !== undefined ? _args25[1] : {};
               _options$screenshotFn = options.screenshotFn, screenshotFn = _options$screenshotFn === void 0 ? 'getScreenshot' : _options$screenshotFn;
-              _context25.n = 1;
+              _context25.next = 4;
               return Promise.all(this.getDesignAreas().map(function (area) {
                 return {
                   id: area.identifier,
@@ -2152,30 +2185,33 @@ var DesignDataService = exports["default"] = /*#__PURE__*/function () {
               }).filter(function (_ref20) {
                 var canvas = _ref20.canvas;
                 return canvas && canvas[screenshotFn] && canvas.objects && canvas.objects.length > 0;
-              }).map(/*#__PURE__*/function () {
-                var _ref22 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee23(_ref21) {
+              }).map( /*#__PURE__*/function () {
+                var _ref22 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee23(_ref21) {
                   var _canvas$getMaskHandle2, _canvas$getColorOverl2;
-                  var id, canvas, releaseLock, restoreOutlineVisibility, restoreColorOverlayVisibility, result, _t12, _t13;
-                  return _regenerator().w(function (_context24) {
-                    while (1) switch (_context24.n) {
+                  var id, canvas, releaseLock, restoreOutlineVisibility, restoreColorOverlayVisibility, result;
+                  return _regeneratorRuntime().wrap(function _callee23$(_context24) {
+                    while (1) switch (_context24.prev = _context24.next) {
                       case 0:
                         id = _ref21.id, canvas = _ref21.canvas;
-                        _context24.n = 1;
+                        _context24.next = 3;
                         return (0, _ObjectLock.requestLock)(canvas);
-                      case 1:
-                        releaseLock = _context24.v;
+                      case 3:
+                        releaseLock = _context24.sent;
                         restoreOutlineVisibility = (_canvas$getMaskHandle2 = canvas.getMaskHandler()) === null || _canvas$getMaskHandle2 === void 0 ? void 0 : _canvas$getMaskHandle2.toggleOutline(false);
                         restoreColorOverlayVisibility = (_canvas$getColorOverl2 = canvas.getColorOverlay()) === null || _canvas$getColorOverl2 === void 0 ? void 0 : _canvas$getColorOverl2.toggle(false);
-                        _t12 = id;
-                        _context24.n = 2;
+                        _context24.t0 = id;
+                        _context24.next = 9;
                         return canvas[screenshotFn](fontMapping);
-                      case 2:
-                        _t13 = _context24.v;
-                        result = [_t12, _t13];
+                      case 9:
+                        _context24.t1 = _context24.sent;
+                        result = [_context24.t0, _context24.t1];
                         restoreOutlineVisibility === null || restoreOutlineVisibility === void 0 || restoreOutlineVisibility();
                         restoreColorOverlayVisibility === null || restoreColorOverlayVisibility === void 0 || restoreColorOverlayVisibility();
                         releaseLock();
-                        return _context24.a(2, result);
+                        return _context24.abrupt("return", result);
+                      case 15:
+                      case "end":
+                        return _context24.stop();
                     }
                   }, _callee23);
                 }));
@@ -2183,13 +2219,16 @@ var DesignDataService = exports["default"] = /*#__PURE__*/function () {
                   return _ref22.apply(this, arguments);
                 };
               }()));
-            case 1:
-              return _context25.a(2, _context25.v.reduce(function (screenShots, _ref23) {
+            case 4:
+              return _context25.abrupt("return", _context25.sent.reduce(function (screenShots, _ref23) {
                 var _ref24 = _slicedToArray(_ref23, 2),
                   id = _ref24[0],
                   screenshot = _ref24[1];
                 return _objectSpread(_objectSpread({}, screenShots), {}, _defineProperty({}, id, screenshot));
               }, {}));
+            case 5:
+            case "end":
+              return _context25.stop();
           }
         }, _callee24, this);
       }));
@@ -2201,16 +2240,19 @@ var DesignDataService = exports["default"] = /*#__PURE__*/function () {
   }, {
     key: "getScreenshotsOfElements",
     value: function () {
-      var _getScreenshotsOfElements = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee25(fontMapping) {
-        return _regenerator().w(function (_context26) {
-          while (1) switch (_context26.n) {
+      var _getScreenshotsOfElements = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee25(fontMapping) {
+        return _regeneratorRuntime().wrap(function _callee25$(_context26) {
+          while (1) switch (_context26.prev = _context26.next) {
             case 0:
-              _context26.n = 1;
+              _context26.next = 2;
               return this.getScreenshots(fontMapping, {
                 screenshotFn: 'getScreenshotsOfElements'
               });
-            case 1:
-              return _context26.a(2, _context26.v);
+            case 2:
+              return _context26.abrupt("return", _context26.sent);
+            case 3:
+            case "end":
+              return _context26.stop();
           }
         }, _callee25, this);
       }));
@@ -2287,24 +2329,24 @@ var DesignDataService = exports["default"] = /*#__PURE__*/function () {
   }, {
     key: "addSampleImageForDesignAreas",
     value: function () {
-      var _addSampleImageForDesignAreas = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee27(designAreaIdentifiers, active) {
+      var _addSampleImageForDesignAreas = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee27(designAreaIdentifiers, active) {
         var _this10 = this;
-        return _regenerator().w(function (_context28) {
-          while (1) switch (_context28.n) {
+        return _regeneratorRuntime().wrap(function _callee27$(_context28) {
+          while (1) switch (_context28.prev = _context28.next) {
             case 0:
-              _context28.n = 1;
-              return Promise.all(designAreaIdentifiers.map(/*#__PURE__*/function () {
-                var _ref25 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee26(designAreaIdentifier) {
+              _context28.next = 2;
+              return Promise.all(designAreaIdentifiers.map( /*#__PURE__*/function () {
+                var _ref25 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee26(designAreaIdentifier) {
                   var designArea, canvas, state, imageSrc, imageData, canvasDataJSON, designData, canvasData, objects;
-                  return _regenerator().w(function (_context27) {
-                    while (1) switch (_context27.n) {
+                  return _regeneratorRuntime().wrap(function _callee26$(_context27) {
+                    while (1) switch (_context27.prev = _context27.next) {
                       case 0:
                         designArea = _this10.getDesignAreaByIdentifier(designAreaIdentifier);
                         canvas = _this10._getCanvas(designArea);
                         state = _ServiceLocator.Services.store.state;
                         imageSrc = _designer_placeholder_logo["default"];
                         if (!active) {
-                          _context27.n = 2;
+                          _context27.next = 13;
                           break;
                         }
                         imageData = (0, _Modifiers2.createSVGImageData)({
@@ -2314,38 +2356,41 @@ var DesignDataService = exports["default"] = /*#__PURE__*/function () {
                           isPlaceHolderImage: true,
                           galleryImage: false
                         });
-                        _context27.n = 1;
+                        _context27.next = 8;
                         return _ServiceLocator.Services.designer.addImageFromUrl(canvas, (0, _Selectors2.getPreviewUrlFromImageData)(imageData.preview), imageData, {
                           enlargeImage: true
                         });
-                      case 1:
+                      case 8:
                         canvasDataJSON = _this10.calculateObjectPosition(canvas); // eslint-disable-next-line no-console
                         console.log("Sample image added to canvas: ".concat(designAreaIdentifier));
                         _this10.setCanvasData(canvasDataJSON, designAreaIdentifier);
-                        _context27.n = 4;
+                        _context27.next = 21;
                         break;
-                      case 2:
+                      case 13:
                         designData = (0, _Selectors.getDesignDataByDesignAreaIdentifier)(state, designAreaIdentifier);
                         canvasData = designData.canvasData;
                         if (canvasData) {
-                          _context27.n = 3;
+                          _context27.next = 17;
                           break;
                         }
-                        return _context27.a(2);
-                      case 3:
+                        return _context27.abrupt("return");
+                      case 17:
                         objects = canvasData ? canvasData.objects.filter(function (obj) {
                           return obj.type === 'Text';
                         }) : [];
                         _this10.setCanvasData(_objectSpread(_objectSpread({}, canvasData), {}, {
                           objects: objects
                         }), designAreaIdentifier);
-                        _context27.n = 4;
+                        _context27.next = 21;
                         return _this10.loadCanvasDataFromState([designArea]);
-                      case 4:
-                        return _context27.a(2, {
+                      case 21:
+                        return _context27.abrupt("return", {
                           canvas: canvas,
                           designAreaIdentifier: designAreaIdentifier
                         });
+                      case 22:
+                      case "end":
+                        return _context27.stop();
                     }
                   }, _callee26);
                 }));
@@ -2353,8 +2398,9 @@ var DesignDataService = exports["default"] = /*#__PURE__*/function () {
                   return _ref25.apply(this, arguments);
                 };
               }()));
-            case 1:
-              return _context28.a(2);
+            case 2:
+            case "end":
+              return _context28.stop();
           }
         }, _callee27);
       }));
@@ -2366,26 +2412,29 @@ var DesignDataService = exports["default"] = /*#__PURE__*/function () {
   }, {
     key: "addImageToDesignArea",
     value: function () {
-      var _addImageToDesignArea = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee28(designArea, imageData) {
+      var _addImageToDesignArea = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee28(designArea, imageData) {
         var canvas;
-        return _regenerator().w(function (_context29) {
-          while (1) switch (_context29.n) {
+        return _regeneratorRuntime().wrap(function _callee28$(_context29) {
+          while (1) switch (_context29.prev = _context29.next) {
             case 0:
               canvas = this._getCanvas(designArea);
               if (canvas) {
-                _context29.n = 1;
+                _context29.next = 3;
                 break;
               }
-              return _context29.a(2, false);
-            case 1:
-              _context29.n = 2;
+              return _context29.abrupt("return", false);
+            case 3:
+              _context29.next = 5;
               return _ServiceLocator.Services.designer.addImageFromUrl(canvas, (0, _Selectors2.getPreviewUrlFromImageData)(imageData.preview), imageData, {
                 enlargeImage: true,
                 scaleToHalf: false,
                 autoSelect: false
               });
-            case 2:
-              return _context29.a(2, _context29.v);
+            case 5:
+              return _context29.abrupt("return", _context29.sent);
+            case 6:
+            case "end":
+              return _context29.stop();
           }
         }, _callee28, this);
       }));
@@ -2460,69 +2509,70 @@ var DesignDataService = exports["default"] = /*#__PURE__*/function () {
   }, {
     key: "setImageAndTextColor",
     value: function () {
-      var _setImageAndTextColor = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee29(color) {
-        var designArea, designData, objects, hasmultipleObjects, canvas, isImageSelected, selectedImageIdentifier, _iterator10, _step10, object, image, operations, _t14;
-        return _regenerator().w(function (_context30) {
-          while (1) switch (_context30.p = _context30.n) {
+      var _setImageAndTextColor = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee29(color) {
+        var designArea, designData, objects, hasmultipleObjects, canvas, isImageSelected, selectedImageIdentifier, _iterator10, _step10, object, image, operations;
+        return _regeneratorRuntime().wrap(function _callee29$(_context30) {
+          while (1) switch (_context30.prev = _context30.next) {
             case 0:
               if (this.changeAllColorsNeeded()) {
-                _context30.n = 1;
+                _context30.next = 2;
                 break;
               }
-              return _context30.a(2);
-            case 1:
+              return _context30.abrupt("return");
+            case 2:
               designArea = (0, _Selectors.getSelectedDesignArea)(_ServiceLocator.Services.store.state);
               designData = (0, _Selectors.getDesignDataByDesignAreaIdentifier)(_ServiceLocator.Services.store.state, designArea.identifier);
               objects = (0, _get2["default"])(designData, 'canvasData.objects', []);
               hasmultipleObjects = objects.length > 1;
               if (hasmultipleObjects) {
-                _context30.n = 2;
+                _context30.next = 8;
                 break;
               }
-              return _context30.a(2);
-            case 2:
+              return _context30.abrupt("return");
+            case 8:
               canvas = this._getCanvas(designArea);
               isImageSelected = canvas.selectedObject && canvas.selectedObject.type === 'Image';
               selectedImageIdentifier = isImageSelected ? (0, _get2["default"])(_ServiceLocator.Services.store.state, 'imageGallery.selectedImage.identifier', null) : null;
               _ServiceLocator.Services.store.dispatch((0, _Actions.setDesignAreaTextsColor)(designArea.identifier, color));
               _iterator10 = _createForOfIteratorHelper(objects);
-              _context30.p = 3;
+              _context30.prev = 13;
               _iterator10.s();
-            case 4:
+            case 15:
               if ((_step10 = _iterator10.n()).done) {
-                _context30.n = 6;
+                _context30.next = 24;
                 break;
               }
               object = _step10.value;
               if (!(object.type === 'Image' && object.imageData.identifier !== selectedImageIdentifier)) {
-                _context30.n = 5;
+                _context30.next = 22;
                 break;
               }
               image = (0, _Selectors2.getUserImage)(_ServiceLocator.Services.store.state, object.imageData.identifier);
               operations = (0, _Modifiers.setColorOnOperations)(image.operations, color);
-              _context30.n = 5;
+              _context30.next = 22;
               return _ServiceLocator.Services.designData.editFile(operations, image);
-            case 5:
-              _context30.n = 4;
+            case 22:
+              _context30.next = 15;
               break;
-            case 6:
-              _context30.n = 8;
+            case 24:
+              _context30.next = 29;
               break;
-            case 7:
-              _context30.p = 7;
-              _t14 = _context30.v;
-              _iterator10.e(_t14);
-            case 8:
-              _context30.p = 8;
+            case 26:
+              _context30.prev = 26;
+              _context30.t0 = _context30["catch"](13);
+              _iterator10.e(_context30.t0);
+            case 29:
+              _context30.prev = 29;
               _iterator10.f();
-              return _context30.f(8);
-            case 9:
-              _context30.n = 10;
+              return _context30.finish(29);
+            case 32:
+              _context30.next = 34;
               return this.updateCanvasDataFromState([designArea]);
-            case 10:
-              return _context30.a(2);
+            case 34:
+            case "end":
+              return _context30.stop();
           }
-        }, _callee29, this, [[3, 7, 8, 9]]);
+        }, _callee29, this, [[13, 26, 29, 32]]);
       }));
       function setImageAndTextColor(_x32) {
         return _setImageAndTextColor.apply(this, arguments);
@@ -2532,17 +2582,20 @@ var DesignDataService = exports["default"] = /*#__PURE__*/function () {
   }, {
     key: "getGalleryImageColors",
     value: function () {
-      var _getGalleryImageColors = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee30(url) {
+      var _getGalleryImageColors = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee30(url) {
         var svgContent, designProductionMethod;
-        return _regenerator().w(function (_context31) {
-          while (1) switch (_context31.n) {
+        return _regeneratorRuntime().wrap(function _callee30$(_context31) {
+          while (1) switch (_context31.prev = _context31.next) {
             case 0:
-              _context31.n = 1;
+              _context31.next = 2;
               return getSvgContent(url, url.startsWith('http'));
-            case 1:
-              svgContent = _context31.v;
+            case 2:
+              svgContent = _context31.sent;
               designProductionMethod = (0, _Selectors.getSelectedDesignProductionMethod)(_ServiceLocator.Services.store.state);
-              return _context31.a(2, (0, _Modifiers.createVectorizeColorsMap)({}, getSvgColors(svgContent, designProductionMethod)));
+              return _context31.abrupt("return", (0, _Modifiers.createVectorizeColorsMap)({}, getSvgColors(svgContent, designProductionMethod)));
+            case 5:
+            case "end":
+              return _context31.stop();
           }
         }, _callee30);
       }));
@@ -2554,42 +2607,45 @@ var DesignDataService = exports["default"] = /*#__PURE__*/function () {
   }, {
     key: "getSVGImageSize",
     value: function () {
-      var _getSVGImageSize = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee31(url) {
+      var _getSVGImageSize = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee31(url) {
         var _svgContent$match, _svgContent$match2, _svgContent$match3, _svgTag$match;
         var svgContent, svgTag, width, height, viewBoxValues;
-        return _regenerator().w(function (_context32) {
-          while (1) switch (_context32.n) {
+        return _regeneratorRuntime().wrap(function _callee31$(_context32) {
+          while (1) switch (_context32.prev = _context32.next) {
             case 0:
-              _context32.n = 1;
+              _context32.next = 2;
               return getSvgContent(url, url.startsWith('http'));
-            case 1:
-              svgContent = _context32.v;
+            case 2:
+              svgContent = _context32.sent;
               svgTag = (_svgContent$match = svgContent.match(/<svg[^>]+>/)) === null || _svgContent$match === void 0 ? void 0 : _svgContent$match[0];
               width = (_svgContent$match2 = svgContent.match(/width="([^"]+)"/)) === null || _svgContent$match2 === void 0 ? void 0 : _svgContent$match2[1];
               height = (_svgContent$match3 = svgContent.match(/height="([^"]+)"/)) === null || _svgContent$match3 === void 0 ? void 0 : _svgContent$match3[1];
               if (!(width && height)) {
-                _context32.n = 2;
+                _context32.next = 8;
                 break;
               }
-              return _context32.a(2, {
+              return _context32.abrupt("return", {
                 width: parseFloat(width),
                 height: parseFloat(height)
               });
-            case 2:
+            case 8:
               viewBoxValues = (_svgTag$match = svgTag.match(/viewBox="([^"]+)"/)) === null || _svgTag$match === void 0 || (_svgTag$match = _svgTag$match[1]) === null || _svgTag$match === void 0 ? void 0 : _svgTag$match.split(' ');
               if (!(viewBoxValues.length === 4)) {
-                _context32.n = 3;
+                _context32.next = 11;
                 break;
               }
-              return _context32.a(2, {
+              return _context32.abrupt("return", {
                 width: parseFloat(viewBoxValues[2]),
                 height: parseFloat(viewBoxValues[3])
               });
-            case 3:
-              return _context32.a(2, {
+            case 11:
+              return _context32.abrupt("return", {
                 width: 300,
                 height: 300
               });
+            case 12:
+            case "end":
+              return _context32.stop();
           }
         }, _callee31);
       }));
@@ -2617,42 +2673,43 @@ var DesignDataService = exports["default"] = /*#__PURE__*/function () {
      */
   }, {
     key: "editFileQueued",
-    value: (function () {
-      var _editFileQueued = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee32(operations, image) {
+    value: function () {
+      var _editFileQueued = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee32(operations, image) {
         var options,
           releaseLock,
           _args33 = arguments;
-        return _regenerator().w(function (_context33) {
-          while (1) switch (_context33.p = _context33.n) {
+        return _regeneratorRuntime().wrap(function _callee32$(_context33) {
+          while (1) switch (_context33.prev = _context33.next) {
             case 0:
               options = _args33.length > 2 && _args33[2] !== undefined ? _args33[2] : {};
-              _context33.n = 1;
+              _context33.next = 3;
               return (0, _ObjectLock.requestLock)(this);
-            case 1:
-              releaseLock = _context33.v;
-              _context33.p = 2;
-              _context33.n = 3;
-              return this.editFile(operations, image, options);
             case 3:
-              return _context33.a(2, _context33.v);
-            case 4:
-              _context33.p = 4;
+              releaseLock = _context33.sent;
+              _context33.prev = 4;
+              _context33.next = 7;
+              return this.editFile(operations, image, options);
+            case 7:
+              return _context33.abrupt("return", _context33.sent);
+            case 8:
+              _context33.prev = 8;
               releaseLock();
-              return _context33.f(4);
-            case 5:
-              return _context33.a(2);
+              return _context33.finish(8);
+            case 11:
+            case "end":
+              return _context33.stop();
           }
-        }, _callee32, this, [[2,, 4, 5]]);
+        }, _callee32, this, [[4,, 8, 11]]);
       }));
       function editFileQueued(_x35, _x36) {
         return _editFileQueued.apply(this, arguments);
       }
       return editFileQueued;
-    }())
+    }()
   }, {
     key: "editFile",
     value: function () {
-      var _editFile = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee33(operations, image) {
+      var _editFile = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee33(operations, image) {
         var options,
           _options$immediateCom,
           immediateCommit,
@@ -2687,8 +2744,8 @@ var DesignDataService = exports["default"] = /*#__PURE__*/function () {
           numberOfAggregatedColors,
           numberOfColorsToRemove,
           _args34 = arguments;
-        return _regenerator().w(function (_context34) {
-          while (1) switch (_context34.n) {
+        return _regeneratorRuntime().wrap(function _callee33$(_context34) {
+          while (1) switch (_context34.prev = _context34.next) {
             case 0:
               options = _args34.length > 2 && _args34[2] !== undefined ? _args34[2] : {};
               // patch operations to keep other unchanged values
@@ -2709,7 +2766,7 @@ var DesignDataService = exports["default"] = /*#__PURE__*/function () {
                 displayColorPreview: displayColorPreview
               });
               if (!(!operationsMatching || !imageIsCompatible)) {
-                _context34.n = 3;
+                _context34.next = 29;
                 break;
               }
               if (!image.operations) {
@@ -2717,25 +2774,25 @@ var DesignDataService = exports["default"] = /*#__PURE__*/function () {
               }
               operations = makeOperationsCompatible(operations, compatibilityInfoHash, designProductionMethod.colorPalettes);
               if (!image.gallery) {
-                _context34.n = 1;
+                _context34.next = 18;
                 break;
               }
               operations = _objectSpread(_objectSpread({}, operations || {}), {}, {
                 vectorizeColorsMap: operations.vectorizeColorsMap
               });
-              _context34.n = 3;
+              _context34.next = 29;
               break;
-            case 1:
+            case 18:
               _getImageUsageInfo = (0, _Selectors2.getImageUsageInfo)(_ServiceLocator.Services.store.state, image.identifier), designAreas = _getImageUsageInfo.designAreas, count = _getImageUsageInfo.count;
               createCopy = !!(designAreas > 1 && image.compatibilityInfoHash && !imageIsCompatible) || !operationsMatching && count > (addMode ? 0 : 1);
               editData = (0, _Modifiers.getEditDataFromOperations)(image.fileName, operations, designProductionMethod);
               currentEditData = (0, _Modifiers.getEditDataFromOperations)(image.fileName, image.operations || {}, designProductionMethod);
               isBackendNeeded = createCopy || !(0, _isEqual["default"])(editData, currentEditData);
               if (!isBackendNeeded) {
-                _context34.n = 3;
+                _context34.next = 29;
                 break;
               }
-              _context34.n = 2;
+              _context34.next = 26;
               return _ServiceLocator.Services.store.dispatch((0, _Actions2.editImage)(_objectSpread(_objectSpread({}, editData), {}, {
                 createCopy: createCopy
               }), _objectSpread(_objectSpread({}, imageDataPatch), {}, {
@@ -2745,26 +2802,26 @@ var DesignDataService = exports["default"] = /*#__PURE__*/function () {
               }), {
                 immediateCommit: immediateCommit
               }));
-            case 2:
+            case 26:
               selectedImage = _ServiceLocator.Services.store.state.imageGallery.selectedImage;
               preview = (0, _get2["default"])(selectedImage, 'preview');
               imageIdentifier = (0, _get2["default"])(selectedImage, 'identifier');
-            case 3:
+            case 29:
               if (!(!preview || !preview.url)) {
-                _context34.n = 4;
+                _context34.next = 31;
                 break;
               }
               throw new Error('Preview image url is not specified!');
-            case 4:
+            case 31:
               if (!(0, _Selectors2.isEditableVectorImage)(preview)) {
-                _context34.n = 6;
+                _context34.next = 40;
                 break;
               }
               _designProductionMethod = (0, _Selectors.getSelectedDesignProductionMethod)(_ServiceLocator.Services.store.state);
-              _context34.n = 5;
+              _context34.next = 35;
               return getSvgContent(preview.url, preview.url.startsWith('http'), !operationsMatching);
-            case 5:
-              svgContent = _context34.v;
+            case 35:
+              svgContent = _context34.sent;
               svgColors = getSvgColors(svgContent, _designProductionMethod);
               vectorizeColorsMap = (0, _Modifiers.createVectorizeColorsMap)(operations.vectorizeColorsMap, svgColors);
               thresholdChanged = operations.vectorizeThreshold !== (0, _get2["default"])(image, 'operations.vectorizeThreshold', 0); // prepare initial values for the vectorize feature
@@ -2793,7 +2850,7 @@ var DesignDataService = exports["default"] = /*#__PURE__*/function () {
               } else {
                 operations.vectorizeColorsMap = vectorizeColorsMap;
               }
-            case 6:
+            case 40:
               _ServiceLocator.Services.store.dispatch((0, _Actions2.updateImage)(imageIdentifier, _objectSpread(_objectSpread({
                 operations: operations
               }, imageDataPatch), {}, {
@@ -2802,12 +2859,15 @@ var DesignDataService = exports["default"] = /*#__PURE__*/function () {
               if (immediateCommit) {
                 this.updateDesignAreaImagesWithSelectedImageData(image.identifier);
               }
-              return _context34.a(2, {
+              return _context34.abrupt("return", {
                 vectorizeColorsMap: operations.vectorizeColorsMap,
                 vectorizeThreshold: operations.vectorizeThreshold,
                 vectorizeMaxColorAmount: operations.vectorizeMaxColorAmount,
                 vectorizeOriginalColorsMap: operations.vectorizeOriginalColorsMap
               });
+            case 43:
+            case "end":
+              return _context34.stop();
           }
         }, _callee33, this);
       }));
@@ -2819,10 +2879,10 @@ var DesignDataService = exports["default"] = /*#__PURE__*/function () {
   }, {
     key: "resetEditedFile",
     value: function () {
-      var _resetEditedFile = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee34(image) {
+      var _resetEditedFile = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee34(image) {
         var state, _image, operations, vectorizeColorsMap, resetOperations, designProductionMethod;
-        return _regenerator().w(function (_context35) {
-          while (1) switch (_context35.n) {
+        return _regeneratorRuntime().wrap(function _callee34$(_context35) {
+          while (1) switch (_context35.prev = _context35.next) {
             case 0:
               state = _ServiceLocator.Services.store.state;
               if (!image) {
@@ -2841,10 +2901,13 @@ var DesignDataService = exports["default"] = /*#__PURE__*/function () {
                   vectorizeThreshold: null
                 });
               }
-              _context35.n = 1;
+              _context35.next = 7;
               return this.editFileQueued(resetOperations, image);
-            case 1:
-              return _context35.a(2, _context35.v);
+            case 7:
+              return _context35.abrupt("return", _context35.sent);
+            case 8:
+            case "end":
+              return _context35.stop();
           }
         }, _callee34, this);
       }));
@@ -2868,5 +2931,6 @@ var DesignDataService = exports["default"] = /*#__PURE__*/function () {
       }
     }
   }]);
+  return DesignDataService;
 }();
 _defineProperty(DesignDataService, "serviceName", 'DesignDataService');