@configuratorware/configurator-frontendgui 1.41.1 → 1.42.1

package/App/Reducers/DesignArea/Selectors.js

@@ -44,6 +44,7 @@ var _exportNames = {
   designProductionMethodHasEmbroideryVisualizationEffect: true,
   designProductionMethodHasEngravingVisualizationEffect: true,
   getEngravingBackgroundColor: true,
+  getColorOverlayData: true,
   getVisualizationEffectWithOptions: true,
   getColorPalettes: true,
   getColors: true,
@@ -82,101 +83,87 @@ var _exportNames = {
   getImagesByDesignArea: true,
   isOneLineText: true
 };
-exports.getDesignProductionMethods = getDesignProductionMethods;
+exports.createColorData = exports.contentHasText = exports.calculateColorDistance = exports.areHashesCompatible = exports.areAllDesignAreasEmpty = void 0;
+exports.designProductionMethodHasEmbroideryVisualizationEffect = designProductionMethodHasEmbroideryVisualizationEffect;
+exports.designProductionMethodHasEngravingVisualizationEffect = designProductionMethodHasEngravingVisualizationEffect;
+exports.findSmallestFontSizeInCanvasData = findSmallestFontSizeInCanvasData;
+exports.get2DMaxZoom = get2DMaxZoom;
+exports.getActiveDesignAreas = getActiveDesignAreas;
+exports.getAvailableColorsForDesignProductionMethod = getAvailableColorsForDesignProductionMethod;
+exports.getCameraViewListForDesignAreaList = void 0;
+exports.getCanvasSizeFromDesignArea = getCanvasSizeFromDesignArea;
+exports.getCanvasSizeFromDesignProductionMethod = getCanvasSizeFromDesignProductionMethod;
+exports.getColorOverlayData = getColorOverlayData;
+exports.getColorPalettes = void 0;
+exports.getColors = getColors;
+exports.getColorsFromCanvasData = getColorsFromCanvasData;
+exports.getColorsFromCanvasDataWithPalette = getColorsFromCanvasDataWithPalette;
+exports.getColorsWithPalette = getColorsWithPalette;
+exports.getCurrentCanvasSize = getCurrentCanvasSize;
+exports.getDesignAreaPreSelection = exports.getDesignAreaImageCompatibilityInfo = exports.getDesignAreaIdentifierToOpen = exports.getDesignAreaFromSelectedDesignView = exports.getDesignAreaColorAmount = exports.getDefaultTextColor = exports.getDefaultDesignAreaIdentifierFromProductionMethod = exports.getDefaultColorsFromDesignProductionMethod = exports.getCurrentCompatibilityInfoHash = void 0;
 exports.getDesignDataByDesignAreaIdentifier = getDesignDataByDesignAreaIdentifier;
 exports.getDesignDataColorAmounts = getDesignDataColorAmounts;
-exports.getUsedColorsForDesignAreas = getUsedColorsForDesignAreas;
-exports.getAvailableColorsForDesignProductionMethod = getAvailableColorsForDesignProductionMethod;
-exports.getDesignDataUsedColors = getDesignDataUsedColors;
-exports.getPreviousEditedDesignAreaIdentifier = getPreviousEditedDesignAreaIdentifier;
-exports.getFirstEditedDesignAreafromDesignData = getFirstEditedDesignAreafromDesignData;
 exports.getDesignDataForFilteredDesignAreas = getDesignDataForFilteredDesignAreas;
 exports.getDesignDataForSelectedDesignArea = getDesignDataForSelectedDesignArea;
-exports.getSelectedDesignProductionMethod = getSelectedDesignProductionMethod;
-exports.isActiveBulkName = isActiveBulkName;
-exports.isBulkNamesSelected = isBulkNamesSelected;
-exports.isCanvasUpdateRequired = isCanvasUpdateRequired;
-exports.hasSelectedBulkName = hasSelectedBulkName;
-exports.getSelectedDesignProductionMethodIdentifier = getSelectedDesignProductionMethodIdentifier;
-exports.getSelectedDesignProductionMethodForDesignArea = getSelectedDesignProductionMethodForDesignArea;
+exports.getDesignDataUsedColors = getDesignDataUsedColors;
 exports.getDesignProductionMethodByIdentifier = getDesignProductionMethodByIdentifier;
-exports.getSelectedDesignAreaProperties = getSelectedDesignAreaProperties;
-exports.getActiveDesignAreas = getActiveDesignAreas;
+exports.getDesignProductionMethods = getDesignProductionMethods;
+exports.getDesignViewListForDesignAreas = void 0;
+exports.getElementLockState = getElementLockState;
+exports.getEngravingBackgroundColor = getEngravingBackgroundColor;
+exports.getFirstEditedDesignAreafromDesignData = getFirstEditedDesignAreafromDesignData;
+exports.getFontSizeMin = getFontSizeMin;
+exports.getMandatoryVectorizationForDesignProductionMethods = exports.getImagesByDesignArea = void 0;
+exports.getMaxUploadSize = getMaxUploadSize;
+exports.getPreviousEditedDesignAreaIdentifier = getPreviousEditedDesignAreaIdentifier;
 exports.getSelectedDesignArea = getSelectedDesignArea;
-exports.isAnyDesignAreaSelected = isAnyDesignAreaSelected;
-exports.isThereAFatalError = isThereAFatalError;
+exports.getSelectedDesignAreaProperties = getSelectedDesignAreaProperties;
+exports.getSelectedDesignProductionMethod = getSelectedDesignProductionMethod;
+exports.getSelectedDesignProductionMethodForDesignArea = getSelectedDesignProductionMethodForDesignArea;
+exports.getSelectedDesignProductionMethodIdentifier = getSelectedDesignProductionMethodIdentifier;
 exports.getSelectedViewName = getSelectedViewName;
-exports.isHighlighted = isHighlighted;
-exports.getMaxUploadSize = getMaxUploadSize;
-exports.get2DMaxZoom = get2DMaxZoom;
-exports.getCurrentCanvasSize = getCurrentCanvasSize;
-exports.getCanvasSizeFromDesignProductionMethod = getCanvasSizeFromDesignProductionMethod;
-exports.getCanvasSizeFromDesignArea = getCanvasSizeFromDesignArea;
-exports.getFontSizeMin = getFontSizeMin;
-exports.getElementLockState = getElementLockState;
-exports.hasEngravingBackgroundColor = hasEngravingBackgroundColor;
-exports.isColoringDisabled = isColoringDisabled;
+exports.getUsedColorsForDesignAreas = getUsedColorsForDesignAreas;
+exports.getVectorizedImageColor = exports.getVectorizeForDesignProductionMethods = void 0;
 exports.getVisualizationEffect = getVisualizationEffect;
-exports.designProductionMethodHasEmbroideryVisualizationEffect = designProductionMethodHasEmbroideryVisualizationEffect;
-exports.designProductionMethodHasEngravingVisualizationEffect = designProductionMethodHasEngravingVisualizationEffect;
-exports.getEngravingBackgroundColor = getEngravingBackgroundColor;
 exports.getVisualizationEffectWithOptions = getVisualizationEffectWithOptions;
-exports.getColors = getColors;
-exports.getColorsWithPalette = getColorsWithPalette;
-exports.getColorsFromCanvasData = getColorsFromCanvasData;
-exports.getColorsFromCanvasDataWithPalette = getColorsFromCanvasDataWithPalette;
-exports.findSmallestFontSizeInCanvasData = findSmallestFontSizeInCanvasData;
+exports.hasEngravingBackgroundColor = hasEngravingBackgroundColor;
+exports.hasPlaceHolderImagesForActiveDesignArea = exports.hasLastEditedDesignArea = void 0;
+exports.hasSelectedBulkName = hasSelectedBulkName;
+exports.hexToRgbNumbers = exports.hexToRgb = void 0;
+exports.isActiveBulkName = isActiveBulkName;
+exports.isAnyDesignAreaSelected = isAnyDesignAreaSelected;
+exports.isBulkNamesSelected = isBulkNamesSelected;
+exports.isCanvasUpdateRequired = isCanvasUpdateRequired;
+exports.isColoringDisabled = isColoringDisabled;
+exports.isHighlighted = isHighlighted;
 exports.isOneLineText = isOneLineText;
-exports.getImagesByDesignArea = exports.getMandatoryVectorizationForDesignProductionMethods = exports.getVectorizeForDesignProductionMethods = exports.isVectorizedLogoMandatory = exports.getDesignAreaColorAmount = exports.getDesignAreaPreSelection = exports.hasLastEditedDesignArea = exports.areAllDesignAreasEmpty = exports.getVectorizedImageColor = exports.areHashesCompatible = exports.getCurrentCompatibilityInfoHash = exports.getDesignAreaImageCompatibilityInfo = exports.contentHasText = exports.isPlaceholderContent = exports.getDefaultTextColor = exports.getDefaultColorsFromDesignProductionMethod = exports.getDefaultDesignAreaIdentifierFromProductionMethod = exports.getDesignAreaFromSelectedDesignView = exports.getDesignViewListForDesignAreas = exports.getCameraViewListForDesignAreaList = exports.parseColorData = exports.createColorData = exports.rgbObjToHex = exports.rgbString2hex = exports.rgbToHex = exports.calculateColorDistance = exports.hexToRgbNumbers = exports.hexToRgb = exports.isValidHex = exports.getColorPalettes = exports.hasPlaceHolderImagesForActiveDesignArea = exports.getDesignAreaIdentifierToOpen = void 0;
-
+exports.isPlaceholderContent = void 0;
+exports.isThereAFatalError = isThereAFatalError;
+exports.rgbToHex = exports.rgbString2hex = exports.rgbObjToHex = exports.parseColorData = exports.isVectorizedLogoMandatory = exports.isValidHex = void 0;
 var _get = _interopRequireDefault(require("lodash/get"));
-
 var _first = _interopRequireDefault(require("lodash/first"));
-
 var _find2 = _interopRequireDefault(require("lodash/find"));
-
 var _findKey = _interopRequireDefault(require("lodash/findKey"));
-
 var _uniq = _interopRequireDefault(require("lodash/uniq"));
-
 var _uniqWith = _interopRequireDefault(require("lodash/uniqWith"));
-
 var _isEmpty = _interopRequireDefault(require("lodash/isEmpty"));
-
 var _replace = _interopRequireDefault(require("lodash/replace"));
-
 var _isObject = _interopRequireDefault(require("lodash/isObject"));
-
 var _uniqBy = _interopRequireDefault(require("lodash/uniqBy"));
-
 var _cloneDeep = _interopRequireDefault(require("lodash/cloneDeep"));
-
 var _intersectionBy = _interopRequireDefault(require("lodash/intersectionBy"));
-
 var _isEqual = _interopRequireDefault(require("lodash/isEqual"));
-
 var _values = _interopRequireDefault(require("lodash/values"));
-
 var _createSelector = _interopRequireDefault(require("../../../Utils/Function/createSelector"));
-
 var _memoize = _interopRequireDefault(require("../../../Utils/Function/memoize"));
-
 var _configuration = require("../../configuration");
-
 var _DesignDataService = require("../../Services/DesignDataService");
-
 var _Selectors = require("../Configurator/Selectors");
-
 var _Transformers = require("../DesignView/Transformers");
-
 var _Selectors2 = require("../ImageGallery/Selectors");
-
 var _Transformers2 = require("./Transformers");
-
 var _Actions = require("../UI/Actions");
-
 var _MaskSelectors = require("./MaskSelectors");
-
 Object.keys(_MaskSelectors).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
@@ -188,117 +175,84 @@ Object.keys(_MaskSelectors).forEach(function (key) {
     }
   });
 });
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
 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(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
+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(arr) { if (Array.isArray(arr)) return arr; }
-
 function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
-
 function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
 function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
-
 function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
-
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e2) { throw _e2; }, 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 normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e3) { didErr = true; err = _e3; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
-
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+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 _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, 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 normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 function getDesignProductionMethods(state) {
   return (0, _get["default"])(state, 'designArea.selectedDesignArea.designProductionMethods');
 }
-
 function getDesignDataByDesignAreaIdentifier(_ref, designAreaIdentifier) {
   var configurator = _ref.configurator;
   var configuration = configurator.configuration;
   return (0, _get["default"])(configuration, "designdata.".concat(designAreaIdentifier), {});
 }
-
 function getDesignDataColorAmounts(_ref2) {
   var configurator = _ref2.configurator;
   var configuration = configurator.configuration;
   var designdata = (0, _get["default"])(configuration, 'designdata', {});
   var colorAmounts = {};
-
   for (var key in designdata) {
     if (!designdata.hasOwnProperty(key)) {
       continue;
     }
-
     colorAmounts[key] = designdata[key].colorAmount;
   }
-
   return colorAmounts;
 }
-
 function getUsedColorsForDesignAreas(state) {
   var designdata = (0, _get["default"])(state, 'configurator.configuration.designdata', {});
   var colors = [];
-
   for (var key in designdata) {
     if (!designdata.hasOwnProperty(key)) {
       continue;
     }
-
     if (!(0, _isEmpty["default"])(designdata[key].canvasData)) {
       var _iterator = _createForOfIteratorHelper(designdata[key].canvasData.objects),
-          _step;
-
+        _step;
       try {
         for (_iterator.s(); !(_step = _iterator.n()).done;) {
           var object = _step.value;
           var objectColors = void 0;
-
           if (object.type === 'Image') {
             objectColors = (0, _values["default"])((0, _get["default"])(object, 'imageData.operations.vectorizeColorsMap')) || [];
           } else if (object.type === 'Text') {
             objectColors = object.style.colors;
           }
-
           var _iterator2 = _createForOfIteratorHelper(objectColors),
-              _step2;
-
+            _step2;
           try {
             for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
               var colorObj = _step2.value;
-
               var color = _objectSpread({}, colorObj);
-
               var colorData = color.identifier;
-
               try {
                 colorData = JSON.parse(color.identifier);
               } catch (e) {
                 // eslint-disable-next-line no-console
                 console.error("failed to parse color data: ".concat(color.identifier));
               }
-
               if ((0, _isObject["default"])(colorData) && colorData.custom) {
                 continue;
               }
-
               if ((0, _isObject["default"])(colorData)) {
                 color.identifier = colorData.color;
                 color.palette = colorData.palette;
               }
-
               var isColorValueHex = isValidHex(color.value);
               color.hex_value = (0, _replace["default"])(isColorValueHex ? color.value : rgbString2hex(color.value), '#', '');
               colors.push(color);
@@ -316,21 +270,17 @@ function getUsedColorsForDesignAreas(state) {
       }
     }
   }
-
   return (0, _uniqBy["default"])(colors, 'identifier');
 }
-
 function getAvailableColorsForDesignProductionMethod(productionMethod) {
   var _ref4;
-
   if (!productionMethod || _typeof(productionMethod) !== 'object') {
     return [];
   }
-
   var colorPalettes = productionMethod.colorPalettes;
   var colorsArray = colorPalettes.map(function (_ref3) {
     var identifier = _ref3.identifier,
-        colors = _ref3.colors;
+      colors = _ref3.colors;
     return colors.map(function (color) {
       return _objectSpread(_objectSpread({}, color), {}, {
         paletteIdentifier: identifier
@@ -339,19 +289,16 @@ function getAvailableColorsForDesignProductionMethod(productionMethod) {
   });
   return (_ref4 = []).concat.apply(_ref4, _toConsumableArray(colorsArray));
 }
-
 function getDesignDataUsedColors(state) {
   var usedColors = getUsedColorsForDesignAreas(state);
   var prodMethodColors = getAvailableColorsForDesignProductionMethod(getSelectedDesignProductionMethod(state));
   return (0, _intersectionBy["default"])(usedColors, prodMethodColors, 'identifier');
 }
-
 function getPreviousEditedDesignAreaIdentifier(state) {
   var previousEditedDesignArea = state.designArea.previousEditedDesignArea;
   return previousEditedDesignArea.identifier;
 }
-
-var getDesignAreaIdentifierToOpen = function getDesignAreaIdentifierToOpen(state) {
+var getDesignAreaIdentifierToOpen = exports.getDesignAreaIdentifierToOpen = function getDesignAreaIdentifierToOpen(state) {
   var identifier = state.designArea.selectedDesignArea.identifier;
   var previousEditedDesignAreaIdentifier = getPreviousEditedDesignAreaIdentifier(state);
   var firstEditedDesignAreafromDesignData = getFirstEditedDesignAreafromDesignData(state);
@@ -359,9 +306,6 @@ var getDesignAreaIdentifierToOpen = function getDesignAreaIdentifierToOpen(state
   var defaultDesignAreaFromProductionMethod = getDefaultDesignAreaIdentifierFromProductionMethod(state);
   return identifier || previousEditedDesignAreaIdentifier || firstEditedDesignAreafromDesignData || designAreaFromSelectedDesignView || defaultDesignAreaFromProductionMethod || null;
 };
-
-exports.getDesignAreaIdentifierToOpen = getDesignAreaIdentifierToOpen;
-
 function getFirstEditedDesignAreafromDesignData(state) {
   var designdata = state.configurator.configuration.designdata;
   var editedDesignAreaIdentifier = (0, _findKey["default"])(designdata, function (_ref5) {
@@ -370,7 +314,6 @@ function getFirstEditedDesignAreafromDesignData(state) {
   });
   return editedDesignAreaIdentifier;
 }
-
 function getDesignDataForFilteredDesignAreas(state) {
   var filteredDesignAreas = state.designArea.filteredDesignAreas;
   var hasDesign = {};
@@ -379,17 +322,13 @@ function getDesignDataForFilteredDesignAreas(state) {
   });
   return hasDesign;
 }
-
 function getDesignDataForSelectedDesignArea(state) {
   var selectedDesignArea = (0, _get["default"])(state, 'designArea.selectedDesignArea');
-
   if (!selectedDesignArea) {
     return {};
   }
-
   return getDesignDataByDesignAreaIdentifier(state, selectedDesignArea.identifier);
 }
-
 function getSelectedDesignProductionMethod(state) {
   var designProductionMethods = getDesignProductionMethods(state);
   var designAreaData = getDesignDataForSelectedDesignArea(state);
@@ -398,26 +337,20 @@ function getSelectedDesignProductionMethod(state) {
     identifier: designProductionMethodIdentifier
   }) || (0, _first["default"])(designProductionMethods);
 }
-
 function isActiveBulkName(state) {
   var designArea = state.designArea;
   var designedAreas = (0, _get["default"])(designArea, 'filteredDesignAreas', []);
-
   var _iterator3 = _createForOfIteratorHelper(designedAreas),
-      _step3;
-
+    _step3;
   try {
     for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
       var da = _step3.value;
-
       if (da.designProductionMethods && da.designProductionMethods.length > 0) {
         var _iterator4 = _createForOfIteratorHelper(da.designProductionMethods),
-            _step4;
-
+          _step4;
         try {
           for (_iterator4.s(); !(_step4 = _iterator4.n()).done;) {
             var designProductionMethod = _step4.value;
-
             if (designProductionMethod.allowBulkNames) {
               return true;
             }
@@ -434,25 +367,19 @@ function isActiveBulkName(state) {
   } finally {
     _iterator3.f();
   }
-
   return false;
 }
-
 function isBulkNamesSelected(configuratorState) {
   var configuration = configuratorState.configuration;
   var designData = (0, _get["default"])(configuration, 'designdata', {}) || {};
-
   for (var _i = 0, _Object$values = Object.values(designData); _i < _Object$values.length; _i++) {
     var dd = _Object$values[_i];
-
     if (dd.canvasData && dd.canvasData.objects.length > 0) {
       var _iterator5 = _createForOfIteratorHelper(dd.canvasData.objects),
-          _step5;
-
+        _step5;
       try {
         for (_iterator5.s(); !(_step5 = _iterator5.n()).done;) {
           var object = _step5.value;
-
           if (object.isBulkName) {
             return true;
           }
@@ -464,64 +391,52 @@ function isBulkNamesSelected(configuratorState) {
       }
     }
   }
-
   return false;
 }
-
 function isCanvasUpdateRequired(_ref6, _ref7) {
   var position = _ref6.position;
   var width = _ref7.width,
-      height = _ref7.height;
+    height = _ref7.height;
   return position.width !== width || position.height !== height;
 }
-
 function hasSelectedBulkName(designArea) {
   var canvasDataObjs = (0, _get["default"])(designArea, 'canvasData.objects', []);
   return canvasDataObjs.filter(function (obj) {
     return obj.type === 'Text' && obj.isBulkName;
   }).length > 0;
 }
-
 function getSelectedDesignProductionMethodIdentifier(state) {
   var configuration = state.configurator.configuration,
-      selectedDesignArea = state.designArea.selectedDesignArea;
+    selectedDesignArea = state.designArea.selectedDesignArea;
   return (0, _get["default"])(configuration, "designdata.".concat(selectedDesignArea.identifier, ".designProductionMethodIdentifier"));
 }
-
 function getSelectedDesignProductionMethodForDesignArea(state, designArea) {
   var designProductionMethods = designArea.designProductionMethods;
   var designAreaData = getDesignDataByDesignAreaIdentifier(state, designArea.identifier);
-
   var _ref8 = designAreaData || {},
-      designProductionMethodIdentifier = _ref8.designProductionMethodIdentifier;
-
+    designProductionMethodIdentifier = _ref8.designProductionMethodIdentifier;
   return (0, _find2["default"])(designProductionMethods, {
     identifier: designProductionMethodIdentifier
   }) || (0, _find2["default"])(designProductionMethods, {
     isDefault: true
   }) || (0, _first["default"])(designProductionMethods);
 }
-
 function getDesignProductionMethodByIdentifier(state, identifier) {
   var designProductionMethods = getDesignProductionMethods(state);
   return (0, _find2["default"])(designProductionMethods, {
     identifier: identifier
   });
 }
-
 function getSelectedDesignAreaProperties(state) {
   var designArea = state.designArea;
   var filteredDesignAreas = designArea.filteredDesignAreas,
-      selectedDesignArea = designArea.selectedDesignArea;
-
+    selectedDesignArea = designArea.selectedDesignArea;
   if (!filteredDesignAreas || !selectedDesignArea) {
     return {};
   }
-
   if (!selectedDesignArea) {
     return {};
   }
-
   var designAreaData = getDesignDataForSelectedDesignArea(state);
   var colorAmount = designAreaData.colorAmount;
   var designProductionMethod = getSelectedDesignProductionMethod(state);
@@ -536,7 +451,6 @@ function getSelectedDesignAreaProperties(state) {
     selectedDesignArea: selectedDesignArea
   };
 }
-
 function getActiveDesignAreas(state) {
   var filteredDesignAreas = state.designArea.filteredDesignAreas;
   return filteredDesignAreas.reduce(function (obj, designArea) {
@@ -544,83 +458,70 @@ function getActiveDesignAreas(state) {
     return _objectSpread(_objectSpread({}, obj), {}, _defineProperty({}, designArea.identifier, (0, _get["default"])(designData, 'canvasData.objects.length', 0) > 0));
   }, {});
 }
-
 function getSelectedDesignArea(state) {
   return (0, _get["default"])(state, 'designArea.selectedDesignArea');
 }
-
 function isAnyDesignAreaSelected(state) {
   return Object.keys(getSelectedDesignArea(state)).length > 0;
 }
-
 function isIt500Error(_ref9) {
   var error = _ref9.ui.error;
   return error && error.response && error.response.status === 500;
 }
-
 function isConfigurationNotFound(_ref10) {
   var error = _ref10.ui.error;
   return error && error.source && error.response && error.response.status === 404 && ['loadbyitemidentifier', 'getconfigurationvariants'].indexOf((error.source.url || error.source).split('/')[1]) !== -1 || error && error.type === _Actions.CONFIGURATION_NOT_FOUND_ERROR;
 }
-
 function isThereAFatalError(state) {
   return isIt500Error(state) || isConfigurationNotFound(state);
 }
-
 function getSelectedViewName(designArea) {
-  return (0, _get["default"])(designArea, 'customData.selectedCameraView') || // used by the 3D camera positions
-  (0, _get["default"])(designArea, 'designView.identifier') || // used by the 2D design view associations
-  (0, _get["default"])(designArea, 'identifier') || // fallback to the design area identifier (currently no known use case)
+  return (0, _get["default"])(designArea, 'customData.selectedCameraView') ||
+  // used by the 3D camera positions
+  (0, _get["default"])(designArea, 'designView.identifier') ||
+  // used by the 2D design view associations
+  (0, _get["default"])(designArea, 'identifier') ||
+  // fallback to the design area identifier (currently no known use case)
   'default' // if no design area selected use the default view
   ;
 }
 
-var hasPlaceHolderImagesForActiveDesignArea = function hasPlaceHolderImagesForActiveDesignArea(state) {
+var hasPlaceHolderImagesForActiveDesignArea = exports.hasPlaceHolderImagesForActiveDesignArea = function hasPlaceHolderImagesForActiveDesignArea(state) {
   var designData = getDesignDataForSelectedDesignArea(state);
   var canvasObjects = (0, _get["default"])(designData, 'canvasData.objects') || null;
   return canvasObjects && !!canvasObjects.find(function (object) {
     return object.type === 'Image' && object.imageData.isPlaceHolderImage;
   });
 };
-
-exports.hasPlaceHolderImagesForActiveDesignArea = hasPlaceHolderImagesForActiveDesignArea;
-
 function isHighlighted(state) {
   return (0, _get["default"])(state, 'designArea.showHighlight') || false;
 }
-
 function getMaxUploadSize(state) {
   return (0, _get["default"])(state, 'designArea.uploadMaxSize') || 20000000;
 }
-
 function get2DMaxZoom(state) {
   return (0, _get["default"])(state, 'designArea.maxZoom2d') || 2.0;
 }
-
 var zeroSize = {
   width: 0,
   height: 0
 };
+
 /**
  * Returns the canvas size in mm-s
  * @param state
  * @param defaultSize
  * @returns {*}
  */
-
 function getCurrentCanvasSize(state) {
   var defaultSize = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : zeroSize;
-
   var _getSelectedDesignAre = getSelectedDesignAreaProperties(state),
-      designProductionMethod = _getSelectedDesignAre.designProductionMethod;
-
+    designProductionMethod = _getSelectedDesignAre.designProductionMethod;
   if (!designProductionMethod) {
     return defaultSize;
   }
-
   return getCanvasSizeFromDesignProductionMethod(designProductionMethod);
 }
-
 var memoizedCanvasSize = (0, _memoize["default"])(function (width, height, isMetric, dpi) {
   return {
     width: width,
@@ -629,133 +530,114 @@ var memoizedCanvasSize = (0, _memoize["default"])(function (width, height, isMet
     dpi: dpi
   };
 });
-
 function getCanvasSizeFromDesignProductionMethod(designProductionMethod) {
   var defaultSize = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : zeroSize;
   var width = designProductionMethod.width,
-      height = designProductionMethod.height,
-      dpi = designProductionMethod.dpi;
-
+    height = designProductionMethod.height,
+    dpi = designProductionMethod.dpi;
   if (!width || !height) {
     return defaultSize;
   }
-
   return memoizedCanvasSize(width, height, true, dpi || (0, _configuration.getConf)('designer.dpi', 300));
 }
-
 function getCanvasSizeFromDesignArea(state, designArea) {
   var defaultSize = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : zeroSize;
   var designProductionMethod = getSelectedDesignProductionMethodForDesignArea(state, designArea);
   return designProductionMethod ? getCanvasSizeFromDesignProductionMethod(designProductionMethod) : defaultSize;
 }
-
 function getFontSizeMin(state) {
   var designProductionMethodIdentifier = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
   var designProductionMethod = designProductionMethodIdentifier ? getDesignProductionMethodByIdentifier(state, designProductionMethodIdentifier) : getSelectedDesignProductionMethod(state);
   return Number((0, _get["default"])(designProductionMethod, 'options.minFontSize')) || 5;
 }
-
 function getElementLockState(state) {
   var designProductionMethodIdentifier = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
   var designProductionMethod = designProductionMethodIdentifier ? getDesignProductionMethodByIdentifier(state, designProductionMethodIdentifier) : getSelectedDesignProductionMethod(state);
   return (0, _get["default"])(designProductionMethod, 'designElementsLocked');
 }
-
 function hasEngravingBackgroundColor(state) {
   var designProductionMethodIdentifier = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
   var designProductionMethod = designProductionMethodIdentifier ? getDesignProductionMethodByIdentifier(state, designProductionMethodIdentifier) : getSelectedDesignProductionMethod(state);
   return designProductionMethodHasEngravingVisualizationEffect(designProductionMethod);
 }
-
 function isColoringDisabled(state) {
   var designProductionMethodIdentifier = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
   var designProductionMethod = designProductionMethodIdentifier ? getDesignProductionMethodByIdentifier(state, designProductionMethodIdentifier) : getSelectedDesignProductionMethod(state);
   var visualizationEffect = (0, _get["default"])(designProductionMethod, 'options.visualizationEffect', 'print');
   return ['engraving', 'embossing'].indexOf(visualizationEffect) !== -1;
 }
-
 function getVisualizationEffect(designProductionMethod) {
   return (0, _get["default"])(designProductionMethod, 'options.visualizationEffect', 'print');
 }
-
 function designProductionMethodHasEmbroideryVisualizationEffect(designProductionMethod) {
   return 'embroidery' === getVisualizationEffect(designProductionMethod);
 }
-
 function designProductionMethodHasEngravingVisualizationEffect(designProductionMethod) {
   return 'engraving' === getVisualizationEffect(designProductionMethod);
 }
-
 function getEngravingBackgroundColor(state, designProductionMethod) {
   var variantIdentifier = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
-
   var _designProductionMethod = designProductionMethod || getSelectedDesignProductionMethod(state) || {};
-
   var engravingBackgroundColors = _designProductionMethod.engravingBackgroundColors;
   return (0, _get["default"])((0, _find2["default"])(engravingBackgroundColors, {
     itemIdentifier: variantIdentifier || (0, _Selectors.getSelectedVariantIdentifier)((0, _Selectors.getConfigurator)(state))
   }), 'colorHex', 'rgba(0, 0, 0, 0.5)');
 }
-
+function getColorOverlayData(state, designArea) {
+  var variantIdentifier = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
+  var designProductionMethod = getSelectedDesignProductionMethodForDesignArea(state, designArea);
+  if (!designProductionMethodHasEngravingVisualizationEffect(designProductionMethod)) {
+    return null;
+  }
+  return {
+    color: getEngravingBackgroundColor(state, designArea, variantIdentifier)
+  };
+}
 function getVisualizationEffectWithOptions(state, designArea) {
   var variantIdentifier = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
   var designProductionMethod = getSelectedDesignProductionMethodForDesignArea(state, designArea);
   var effect = getVisualizationEffect(designProductionMethod);
-
   var effectOptions = _objectSpread({}, designProductionMethodHasEngravingVisualizationEffect(designProductionMethod) && {
     fillColor: getEngravingBackgroundColor(state, designProductionMethod, variantIdentifier)
   });
-
   return {
     effect: effect,
     effectOptions: effectOptions
   };
 }
-
-var getColorPalettes = (0, _createSelector["default"])(function (state) {
+var getColorPalettes = exports.getColorPalettes = (0, _createSelector["default"])(function (state) {
   var _getSelectedDesignAre2 = getSelectedDesignAreaProperties(state),
-      designProductionMethod = _getSelectedDesignAre2.designProductionMethod;
-
+    designProductionMethod = _getSelectedDesignAre2.designProductionMethod;
   return designProductionMethod;
 }, function (designProductionMethod) {
   return designProductionMethod ? designProductionMethod.colorPalettes : [];
 });
-exports.getColorPalettes = getColorPalettes;
-
 function getColors(state) {
   return getColorsFromCanvasData(getDesignDataForSelectedDesignArea(state).canvasData);
 }
-
 function getColorsWithPalette(state) {
   return getColorsFromCanvasDataWithPalette(getDesignDataForSelectedDesignArea(state).canvasData);
 }
-
-var isValidHex = function isValidHex(hex) {
+var isValidHex = exports.isValidHex = function isValidHex(hex) {
   return /^#([0-9A-F]{3}){1,2}$/i.test(hex);
 };
-
-exports.isValidHex = isValidHex;
-
-var hexToRgb = function hexToRgb(hex) {
+var hexToRgb = exports.hexToRgb = function hexToRgb(hex) {
   var stringify = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
   // Expand shorthand form (e.g. "03F") to full form (e.g. "0033FF")
   hex = hex.replace(/^#?([a-f\d])([a-f\d])([a-f\d])$/i, function (m, r, g, b) {
     return r + r + g + g + b + b;
   });
   var result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex);
-
   if (!result) {
     return null;
   }
-
   var _map = [1, 2, 3].map(function (i) {
-    return parseInt(result[i], 16);
-  }),
-      _map2 = _slicedToArray(_map, 3),
-      r = _map2[0],
-      g = _map2[1],
-      b = _map2[2];
-
+      return parseInt(result[i], 16);
+    }),
+    _map2 = _slicedToArray(_map, 3),
+    r = _map2[0],
+    g = _map2[1],
+    b = _map2[2];
   if (!stringify) {
     return {
       r: r,
@@ -763,82 +645,55 @@ var hexToRgb = function hexToRgb(hex) {
       b: b
     };
   }
-
   return "rgb(".concat(r, ", ").concat(g, ", ").concat(b, ")");
 };
-
-exports.hexToRgb = hexToRgb;
-
-var hexToRgbNumbers = function hexToRgbNumbers(hex) {
+var hexToRgbNumbers = exports.hexToRgbNumbers = function hexToRgbNumbers(hex) {
   var rgbAsString = hexToRgb(hex);
   return rgbAsString && rgbAsString.slice(4, rgbAsString.length - 1).split(',').map(function (numString) {
     return parseInt(numString);
   });
 };
-
-exports.hexToRgbNumbers = hexToRgbNumbers;
-
-var calculateColorDistance = function calculateColorDistance(firstColor, secondColor) {
+var calculateColorDistance = exports.calculateColorDistance = function calculateColorDistance(firstColor, secondColor) {
   var firstRgb = hexToRgbNumbers(firstColor);
   var secondRgb = hexToRgbNumbers(secondColor);
-
   if (!firstRgb || !secondRgb) {
     return null;
   }
-
   return firstRgb.map(function (color, index) {
     return Math.pow(color - secondRgb[index], 2);
   }).reduce(function (accumulator, value) {
     return accumulator + value;
   });
 };
-
-exports.calculateColorDistance = calculateColorDistance;
-
-var rgbToHex = function rgbToHex(r, g, b) {
+var rgbToHex = exports.rgbToHex = function rgbToHex(r, g, b) {
   if (r > 255 || g > 255 || b > 255) {
     throw new Error('Invalid color component');
   }
-
   var value = (r << 16 | g << 8 | b).toString(16);
   return '#' + ('000000' + value).slice(-6);
 };
-
-exports.rgbToHex = rgbToHex;
-
-var rgbString2hex = function rgbString2hex(rgb) {
+var rgbString2hex = exports.rgbString2hex = function rgbString2hex(rgb) {
   rgb = rgb.match(/^rgba?[\s+]?\([\s+]?(\d+)[\s+]?,[\s+]?(\d+)[\s+]?,[\s+]?(\d+)[\s+]?/i);
   return rgb && rgb.length === 4 ? '#' + ('0' + parseInt(rgb[1], 10).toString(16)).slice(-2) + ('0' + parseInt(rgb[2], 10).toString(16)).slice(-2) + ('0' + parseInt(rgb[3], 10).toString(16)).slice(-2) : '';
 };
-
-exports.rgbString2hex = rgbString2hex;
-
-var rgbObjToHex = function rgbObjToHex(_ref11) {
+var rgbObjToHex = exports.rgbObjToHex = function rgbObjToHex(_ref11) {
   var r = _ref11.r,
-      g = _ref11.g,
-      b = _ref11.b;
+    g = _ref11.g,
+    b = _ref11.b;
   return rgbToHex(r, g, b);
 };
-
-exports.rgbObjToHex = rgbObjToHex;
-
 function getColorsFromCanvasData(canvasData) {
   var objects = (0, _get["default"])(canvasData, 'objects', []);
   var colors = [];
-
   var _iterator6 = _createForOfIteratorHelper(objects),
-      _step6;
-
+    _step6;
   try {
     for (_iterator6.s(); !(_step6 = _iterator6.n()).done;) {
       var object = _step6.value;
-
       if (object.type === 'Text') {
         var objectColors = (0, _get["default"])(object, 'style.colors') || [];
-
         var _iterator7 = _createForOfIteratorHelper(objectColors),
-            _step7;
-
+          _step7;
         try {
           for (_iterator7.s(); !(_step7 = _iterator7.n()).done;) {
             var color = _step7.value;
@@ -851,7 +706,6 @@ function getColorsFromCanvasData(canvasData) {
         }
       } else if (object.type === 'Image') {
         var _objectColors = Object.values((0, _get["default"])(object, 'imageData.operations.vectorizeColorsMap') || {});
-
         for (var _i2 = 0, _objectColors2 = _objectColors; _i2 < _objectColors2.length; _i2++) {
           var _color = _objectColors2[_i2];
           colors.push(_color.value.startsWith('#') ? hexToRgb(_color.value) : _color.value);
@@ -863,27 +717,20 @@ function getColorsFromCanvasData(canvasData) {
   } finally {
     _iterator6.f();
   }
-
   return (0, _uniq["default"])(colors);
 }
-
 function getColorsFromCanvasDataWithPalette(canvasData) {
   var objects = (0, _get["default"])(canvasData, 'objects', []);
   var colors = [];
-
   var _iterator8 = _createForOfIteratorHelper(objects),
-      _step8;
-
+    _step8;
   try {
     for (_iterator8.s(); !(_step8 = _iterator8.n()).done;) {
       var object = _step8.value;
-
       if (object.type === 'Text') {
         var objectColors = (0, _get["default"])(object, 'style.colors') || [];
-
         var _iterator9 = _createForOfIteratorHelper(objectColors),
-            _step9;
-
+          _step9;
         try {
           for (_iterator9.s(); !(_step9 = _iterator9.n()).done;) {
             var color = _step9.value;
@@ -896,18 +743,14 @@ function getColorsFromCanvasDataWithPalette(canvasData) {
         }
       } else if (object.type === 'Image') {
         var _objectColors3 = (0, _cloneDeep["default"])(Object.values((0, _get["default"])(object, 'imageData.operations.vectorizeColorsMap') || {}));
-
         var _iterator10 = _createForOfIteratorHelper(_objectColors3),
-            _step10;
-
+          _step10;
         try {
           for (_iterator10.s(); !(_step10 = _iterator10.n()).done;) {
             var _color2 = _step10.value;
-
             if (_color2.value.startsWith('#')) {
               _color2.value = hexToRgb(_color2.value);
             }
-
             colors.push(_color2);
           }
         } catch (err) {
@@ -922,98 +765,79 @@ function getColorsFromCanvasDataWithPalette(canvasData) {
   } finally {
     _iterator8.f();
   }
-
   return (0, _uniqWith["default"])(colors, function (color1, color2) {
     return color1.identifier === color2.identifier && color1.value === color2.value;
   });
 }
-
 function findSmallestFontSizeInCanvasData(canvasData) {
   var objects = (0, _get["default"])(canvasData, 'objects', []);
   return Math.min.apply(0, objects.map(function (object) {
     return object.fontSize || Infinity;
   }));
 }
-
-var createColorData = function createColorData(identifier, paletteIdentifier, custom, value) {
+var createColorData = exports.createColorData = function createColorData(identifier, paletteIdentifier, custom, value) {
   var data = {
     color: identifier,
     palette: paletteIdentifier
   };
-
   if (custom) {
     data.custom = true;
   }
-
   return {
     identifier: JSON.stringify(data),
     value: value.toLowerCase()
   };
 };
-
-exports.createColorData = createColorData;
-
-var parseColorData = function parseColorData(jsonStr) {
+var parseColorData = exports.parseColorData = function parseColorData(jsonStr) {
   var colorData;
-
   try {
     colorData = JSON.parse(jsonStr);
   } catch (e) {
     // eslint-disable-next-line no-console
     console.error("failed to parse color data: ".concat(jsonStr));
   }
-
   return _objectSpread({
     palette: null,
     color: null
   }, colorData);
 };
-
-exports.parseColorData = parseColorData;
-
-var getCameraViewListForDesignAreaList = function getCameraViewListForDesignAreaList(filteredDesignAreas, designedAreas) {
-  return ['default'].concat(filteredDesignAreas // get the design area objects by their id
+var getCameraViewListForDesignAreaList = exports.getCameraViewListForDesignAreaList = function getCameraViewListForDesignAreaList(filteredDesignAreas, designedAreas) {
+  return ['default'].concat(filteredDesignAreas
+  // get the design area objects by their id
   .filter(function (designArea) {
     return designedAreas.indexOf(designArea.identifier) !== -1;
-  }) // get the camera view values
+  })
+  // get the camera view values
   .map(function (designArea) {
     return (0, _get["default"])(designArea, 'customData.selectedCameraView');
-  }) // remove empty values and duplicates
+  })
+  // remove empty values and duplicates
   .filter(function (viewName, index, arr) {
     return viewName && index === arr.indexOf(viewName);
-  }) // make them lower case
+  })
+  // make them lower case
   .map(function (viewName) {
     return viewName.toLowerCase();
   }));
 };
-
-exports.getCameraViewListForDesignAreaList = getCameraViewListForDesignAreaList;
-
-var getDesignViewListForDesignAreas = function getDesignViewListForDesignAreas(state, designAreas) {
+var getDesignViewListForDesignAreas = exports.getDesignViewListForDesignAreas = function getDesignViewListForDesignAreas(state, designAreas) {
   var designViews = state.designView.designViews,
-      designerAvailable = state.configurationMode.availableModes.designer;
-
+    designerAvailable = state.configurationMode.availableModes.designer;
   if (!designerAvailable) {
     return designViews;
   }
-
   var designViewList = [];
-
   var _iterator11 = _createForOfIteratorHelper(designViews),
-      _step11;
-
+    _step11;
   try {
     for (_iterator11.s(); !(_step11 = _iterator11.n()).done;) {
       var designView = _step11.value;
       var designAreaList = [];
-
       var _iterator12 = _createForOfIteratorHelper(designView.designAreas),
-          _step12;
-
+        _step12;
       try {
         for (_iterator12.s(); !(_step12 = _iterator12.n()).done;) {
           var designArea = _step12.value;
-
           if (!designAreas || designAreas.indexOf(designArea.identifier) !== -1) {
             designAreaList.push((0, _Transformers2.recalculateSingleDesignArea)(state, designArea));
           }
@@ -1023,7 +847,6 @@ var getDesignViewListForDesignAreas = function getDesignViewListForDesignAreas(s
       } finally {
         _iterator12.f();
       }
-
       if (designAreaList.length) {
         designViewList.push(_objectSpread(_objectSpread({}, designView), {}, {
           designAreas: designAreaList.sort(_Transformers.compareDesignAreasBySize)
@@ -1035,23 +858,15 @@ var getDesignViewListForDesignAreas = function getDesignViewListForDesignAreas(s
   } finally {
     _iterator11.f();
   }
-
   return designViewList;
 };
-
-exports.getDesignViewListForDesignAreas = getDesignViewListForDesignAreas;
-
-var getDesignAreaFromSelectedDesignView = function getDesignAreaFromSelectedDesignView(state) {
+var getDesignAreaFromSelectedDesignView = exports.getDesignAreaFromSelectedDesignView = function getDesignAreaFromSelectedDesignView(state) {
   var _find;
-
   var filteredDesignAreas = state.designArea.filteredDesignAreas,
-      selectedDesignView = state.designView.selectedDesignView;
+    selectedDesignView = state.designView.selectedDesignView;
   return (_find = (0, _find2["default"])(filteredDesignAreas, ['designView.identifier', selectedDesignView.identifier])) === null || _find === void 0 ? void 0 : _find.identifier;
 };
-
-exports.getDesignAreaFromSelectedDesignView = getDesignAreaFromSelectedDesignView;
-
-var getDefaultDesignAreaIdentifierFromProductionMethod = function getDefaultDesignAreaIdentifierFromProductionMethod(state) {
+var getDefaultDesignAreaIdentifierFromProductionMethod = exports.getDefaultDesignAreaIdentifierFromProductionMethod = function getDefaultDesignAreaIdentifierFromProductionMethod(state) {
   //return the first designArea with isDefault: true due to api call accepts multiple productionmethods to be default
   var filteredDesignAreas = state.designArea.filteredDesignAreas;
   var defaultDesignArea = filteredDesignAreas && filteredDesignAreas.find(function (designArea) {
@@ -1059,23 +874,16 @@ var getDefaultDesignAreaIdentifierFromProductionMethod = function getDefaultDesi
       return method.isDefault;
     });
   });
-
   if (defaultDesignArea) {
     return defaultDesignArea.identifier;
   } else {
     return null;
   }
 };
-
-exports.getDefaultDesignAreaIdentifierFromProductionMethod = getDefaultDesignAreaIdentifierFromProductionMethod;
-
-var getDefaultColorsFromDesignProductionMethod = function getDefaultColorsFromDesignProductionMethod(designProductionMethod) {
+var getDefaultColorsFromDesignProductionMethod = exports.getDefaultColorsFromDesignProductionMethod = function getDefaultColorsFromDesignProductionMethod(designProductionMethod) {
   return (0, _get["default"])(designProductionMethod, 'defaultColors') || {};
 };
-
-exports.getDefaultColorsFromDesignProductionMethod = getDefaultColorsFromDesignProductionMethod;
-
-var getDefaultTextColor = function getDefaultTextColor(state) {
+var getDefaultTextColor = exports.getDefaultTextColor = function getDefaultTextColor(state) {
   var colorIndex = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
   var colorPalettes = getColorPalettes(state);
   var defaultColor = {
@@ -1084,16 +892,13 @@ var getDefaultTextColor = function getDefaultTextColor(state) {
     custom: true,
     value: '#ff0000'
   };
-
   if (!colorPalettes.length) {
     return defaultColor;
   }
-
   if (colorIndex !== null) {
     if (colorPalettes[0].colors.length <= colorIndex) {
       return defaultColor;
     }
-
     return {
       identifier: colorPalettes[0].colors[colorIndex].identifier,
       paletteIdentifier: colorPalettes[0].identifier,
@@ -1101,21 +906,17 @@ var getDefaultTextColor = function getDefaultTextColor(state) {
       value: '#' + colorPalettes[0].colors[colorIndex].hex_value
     };
   }
-
   var designProductionMethod = getSelectedDesignProductionMethod(state);
   var defaultColors = getDefaultColorsFromDesignProductionMethod(designProductionMethod);
   var variantIdentifier = (0, _Selectors.getSelectedVariantIdentifier)((0, _Selectors.getConfigurator)(state));
-
   if (defaultColors && defaultColors[variantIdentifier]) {
     var colorPalette = (0, _find2["default"])(colorPalettes, {
       identifier: Object.keys(defaultColors[variantIdentifier])[0]
     });
-
     if (colorPalette) {
       var color = (0, _find2["default"])(colorPalette.colors, {
         identifier: defaultColors[variantIdentifier][colorPalette.identifier]
       });
-
       if (color) {
         return {
           identifier: color.identifier,
@@ -1126,12 +927,10 @@ var getDefaultTextColor = function getDefaultTextColor(state) {
       }
     }
   }
-
   var paletteDefaultColorIdentifier = (0, _get["default"])(colorPalettes[0], 'defaultColor.identifier', '');
   var paletteDefaultColor = (0, _find2["default"])(colorPalettes[0].colors, {
     identifier: paletteDefaultColorIdentifier
   });
-
   if (paletteDefaultColor) {
     return {
       identifier: paletteDefaultColor.identifier,
@@ -1140,7 +939,6 @@ var getDefaultTextColor = function getDefaultTextColor(state) {
       value: '#' + paletteDefaultColor.hex_value
     };
   }
-
   if (colorPalettes[0].colors.length) {
     return {
       identifier: colorPalettes[0].colors[0].identifier,
@@ -1149,27 +947,17 @@ var getDefaultTextColor = function getDefaultTextColor(state) {
       value: '#' + colorPalettes[0].colors[0].hex_value
     };
   }
-
   return defaultColor;
 };
-
-exports.getDefaultTextColor = getDefaultTextColor;
-
-var isPlaceholderContent = function isPlaceholderContent(content) {
+var isPlaceholderContent = exports.isPlaceholderContent = function isPlaceholderContent(content) {
   return content.indexOf('data-placeholder="true"') !== -1;
 };
-
-exports.isPlaceholderContent = isPlaceholderContent;
-
-var contentHasText = function contentHasText(content) {
+var contentHasText = exports.contentHasText = function contentHasText(content) {
   var div = document.createElement('div');
   div.innerHTML = content;
   return /\S/.test(div.textContent);
 };
-
-exports.contentHasText = contentHasText;
-
-var getDesignAreaImageCompatibilityInfo = function getDesignAreaImageCompatibilityInfo(designProductionMethod) {
+var getDesignAreaImageCompatibilityInfo = exports.getDesignAreaImageCompatibilityInfo = function getDesignAreaImageCompatibilityInfo(designProductionMethod) {
   var colorPalettes = ((0, _get["default"])(designProductionMethod, 'colorPalettes') || []).map(function (_ref12) {
     var identifier = _ref12.identifier;
     return identifier;
@@ -1184,26 +972,16 @@ var getDesignAreaImageCompatibilityInfo = function getDesignAreaImageCompatibili
     vectorizedLogoMandatory: vectorizedLogoMandatory
   };
 };
-
-exports.getDesignAreaImageCompatibilityInfo = getDesignAreaImageCompatibilityInfo;
-
-var getCurrentCompatibilityInfoHash = function getCurrentCompatibilityInfoHash(state) {
+var getCurrentCompatibilityInfoHash = exports.getCurrentCompatibilityInfoHash = function getCurrentCompatibilityInfoHash(state) {
   return getDesignAreaImageCompatibilityInfo(getSelectedDesignProductionMethod(state));
 };
-
-exports.getCurrentCompatibilityInfoHash = getCurrentCompatibilityInfoHash;
-
-var areHashesCompatible = function areHashesCompatible(storedHash, targetHash) {
+var areHashesCompatible = exports.areHashesCompatible = function areHashesCompatible(storedHash, targetHash) {
   return Boolean(!targetHash || storedHash && (0, _isEqual["default"])(storedHash.colorPalettes, targetHash.colorPalettes) && (!targetHash.vectorsRequired || storedHash.vectorsRequired) && (!targetHash.vectorizedLogoMandatory || storedHash.vectorizedLogoMandatory) && (!targetHash.maxColorAmount || storedHash.maxColorAmount <= targetHash.maxColorAmount));
 };
-
-exports.areHashesCompatible = areHashesCompatible;
-
-var getVectorizedImageColor = function getVectorizedImageColor(state) {
+var getVectorizedImageColor = exports.getVectorizedImageColor = function getVectorizedImageColor(state) {
   var selectedDesignProductionMethod = getSelectedDesignProductionMethod(state);
   var selectedImage = (0, _get["default"])(state, 'imageGallery.selectedImage', {});
   var reversedUserImages = (0, _get["default"])(state, 'imageGallery.userImages', []).slice().reverse();
-
   if (selectedImage && reversedUserImages.length > 0 && reversedUserImages.find(function (image) {
     return image.originalFileName === selectedImage.originalFileName;
   }) && selectedImage.originalFileName !== reversedUserImages[0].originalFileName) {
@@ -1215,19 +993,15 @@ var getVectorizedImageColor = function getVectorizedImageColor(state) {
     });
     reversedUserImages = [currentLastImage].concat(_toConsumableArray(imagesWithoutSelectedImage));
   }
-
   var _iterator13 = _createForOfIteratorHelper(reversedUserImages),
-      _step13;
-
+    _step13;
   try {
     for (_iterator13.s(); !(_step13 = _iterator13.n()).done;) {
       var image = _step13.value;
       var objectColors = (0, _values["default"])((0, _get["default"])(image, 'operations.vectorizeColorsMap'));
-
       if (!objectColors || !objectColors.length) {
         continue;
       }
-
       if ((0, _Selectors2.isImageCompatible)(state, image)) {
         return (0, _first["default"])(objectColors);
       } else {
@@ -1240,78 +1014,50 @@ var getVectorizedImageColor = function getVectorizedImageColor(state) {
   } finally {
     _iterator13.f();
   }
-
   return {};
 };
-
-exports.getVectorizedImageColor = getVectorizedImageColor;
-
-var areAllDesignAreasEmpty = function areAllDesignAreasEmpty(_ref13) {
+var areAllDesignAreasEmpty = exports.areAllDesignAreasEmpty = function areAllDesignAreasEmpty(_ref13) {
   var configuration = _ref13.configuration;
   var designdata = (0, _get["default"])(configuration, 'designdata', {});
-
   for (var key in designdata) {
     if (!designdata.hasOwnProperty(key)) {
       continue;
     }
-
     if (designdata[key].canvasData) {
       return false;
     }
   }
-
   return true;
 };
-
-exports.areAllDesignAreasEmpty = areAllDesignAreasEmpty;
-
-var hasLastEditedDesignArea = function hasLastEditedDesignArea(designArea) {
+var hasLastEditedDesignArea = exports.hasLastEditedDesignArea = function hasLastEditedDesignArea(designArea) {
   var lastSelectedDesignAreaIdentifier = (0, _get["default"])(designArea, 'lastSelectedDesignAreaIdentifier', {});
   var previousEditedDesignArea = (0, _get["default"])(designArea, 'previousEditedDesignArea', {});
   return !(0, _isEmpty["default"])(lastSelectedDesignAreaIdentifier) || !(0, _isEmpty["default"])(previousEditedDesignArea);
 };
-
-exports.hasLastEditedDesignArea = hasLastEditedDesignArea;
-
-var getDesignAreaPreSelection = function getDesignAreaPreSelection(identifier) {
+var getDesignAreaPreSelection = exports.getDesignAreaPreSelection = function getDesignAreaPreSelection(identifier) {
   var designerPreSelection = (0, _configuration.getConf)('designerPreSelection', {});
-
   if (!designerPreSelection.designAreas || !designerPreSelection.designAreas.length) {
     return {};
   }
-
   var preSelection = (0, _find2["default"])(designerPreSelection.designAreas, {
     identifier: identifier
   });
   return preSelection ? preSelection : {};
 };
-
-exports.getDesignAreaPreSelection = getDesignAreaPreSelection;
-
-var getDesignAreaColorAmount = function getDesignAreaColorAmount(maxColorAmount, preSelectionColorAmount) {
+var getDesignAreaColorAmount = exports.getDesignAreaColorAmount = function getDesignAreaColorAmount(maxColorAmount, preSelectionColorAmount) {
   var amount = maxColorAmount > 0 ? 1 : null;
-
   if (preSelectionColorAmount > 0) {
     amount = preSelectionColorAmount > maxColorAmount ? maxColorAmount : preSelectionColorAmount;
   }
-
   return amount;
 };
-
-exports.getDesignAreaColorAmount = getDesignAreaColorAmount;
-
-var isVectorizedLogoMandatory = function isVectorizedLogoMandatory(designProductionMethod) {
+var isVectorizedLogoMandatory = exports.isVectorizedLogoMandatory = function isVectorizedLogoMandatory(designProductionMethod) {
   var _designProductionMeth;
-
   return !!(designProductionMethod !== null && designProductionMethod !== void 0 && (_designProductionMeth = designProductionMethod.options) !== null && _designProductionMeth !== void 0 && _designProductionMeth.vectorizedLogoMandatory);
 };
-
-exports.isVectorizedLogoMandatory = isVectorizedLogoMandatory;
-
-var getVectorizeForDesignProductionMethods = function getVectorizeForDesignProductionMethods(state, designProductionMethodIdentifier) {
+var getVectorizeForDesignProductionMethods = exports.getVectorizeForDesignProductionMethods = function getVectorizeForDesignProductionMethods(state, designProductionMethodIdentifier) {
   var _getSelectedDesignAre3 = getSelectedDesignAreaProperties(state),
-      designProductionMethod = _getSelectedDesignAre3.designProductionMethod;
-
+    designProductionMethod = _getSelectedDesignAre3.designProductionMethod;
   var newProductionMethod = getDesignProductionMethodByIdentifier(state, designProductionMethodIdentifier);
   var currentVectorsRequired = !!(0, _get["default"])(designProductionMethod, 'options.vectorsRequired') && isVectorizedLogoMandatory(designProductionMethod);
   var newVectorsRequired = !!(0, _get["default"])(newProductionMethod, 'options.vectorsRequired') && isVectorizedLogoMandatory(newProductionMethod);
@@ -1320,13 +1066,9 @@ var getVectorizeForDesignProductionMethods = function getVectorizeForDesignProdu
     newVectorsRequired: newVectorsRequired
   };
 };
-
-exports.getVectorizeForDesignProductionMethods = getVectorizeForDesignProductionMethods;
-
-var getMandatoryVectorizationForDesignProductionMethods = function getMandatoryVectorizationForDesignProductionMethods(state, designProductionMethodIdentifier) {
+var getMandatoryVectorizationForDesignProductionMethods = exports.getMandatoryVectorizationForDesignProductionMethods = function getMandatoryVectorizationForDesignProductionMethods(state, designProductionMethodIdentifier) {
   var _getSelectedDesignAre4 = getSelectedDesignAreaProperties(state),
-      designProductionMethod = _getSelectedDesignAre4.designProductionMethod;
-
+    designProductionMethod = _getSelectedDesignAre4.designProductionMethod;
   var newProductionMethod = getDesignProductionMethodByIdentifier(state, designProductionMethodIdentifier);
   var currentVectorsMandatory = isVectorizedLogoMandatory(designProductionMethod);
   var newVectorsMandatory = isVectorizedLogoMandatory(newProductionMethod);
@@ -1335,23 +1077,16 @@ var getMandatoryVectorizationForDesignProductionMethods = function getMandatoryV
     newVectorsMandatory: newVectorsMandatory
   };
 };
-
-exports.getMandatoryVectorizationForDesignProductionMethods = getMandatoryVectorizationForDesignProductionMethods;
-
-var getImagesByDesignArea = function getImagesByDesignArea(state, designAreaIdentifier) {
+var getImagesByDesignArea = exports.getImagesByDesignArea = function getImagesByDesignArea(state, designAreaIdentifier) {
   if (!designAreaIdentifier) {
     designAreaIdentifier = getSelectedDesignArea(state).identifier;
   }
-
   var designData = getDesignDataByDesignAreaIdentifier(state, designAreaIdentifier);
   return (0, _get["default"])(designData, 'canvasData.objects', []).filter(function (_ref14) {
     var type = _ref14.type;
     return type === 'Image';
   });
 };
-
-exports.getImagesByDesignArea = getImagesByDesignArea;
-
 function isOneLineText(state) {
   return (0, _get["default"])(getSelectedDesignProductionMethod(state), 'oneLineText', false);
 }