@configuratorware/configurator-admingui 1.41.1 → 1.42.1

package/Screens/Designer/SubScreens/DesignAreas/Containers/FormProductionMethods.js

@@ -1,118 +1,66 @@
 "use strict";
 
-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); }
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _i18n = require("../../../../../App/i18n");
-
 var _lodash = _interopRequireDefault(require("lodash"));
-
 var _get = _interopRequireDefault(require("lodash/get"));
-
 var _withStyles = _interopRequireDefault(require("@material-ui/core/styles/withStyles"));
-
 var _Grid = _interopRequireDefault(require("@material-ui/core/Grid/Grid"));
-
 var _Checkbox = _interopRequireDefault(require("@material-ui/core/Checkbox/Checkbox"));
-
 var _TextField = _interopRequireDefault(require("@material-ui/core/TextField/TextField"));
-
 var _FormControlLabel = _interopRequireDefault(require("@material-ui/core/FormControlLabel/FormControlLabel"));
-
 var _DeleteIcon = _interopRequireDefault(require("../../../../../UIComponents/icons/DeleteIcon"));
-
 var _IconButton = _interopRequireDefault(require("../../../../../UIComponents/IconButton"));
-
 var _FormLabel = _interopRequireDefault(require("@material-ui/core/FormLabel/FormLabel"));
-
 var _ExpansionPanel = _interopRequireDefault(require("@material-ui/core/ExpansionPanel/ExpansionPanel"));
-
 var _ExpansionPanelSummary = _interopRequireDefault(require("@material-ui/core/ExpansionPanelSummary/ExpansionPanelSummary"));
-
 var _Typography = _interopRequireDefault(require("@material-ui/core/Typography/Typography"));
-
 var _ExpansionPanelDetails = _interopRequireDefault(require("@material-ui/core/ExpansionPanelDetails/ExpansionPanelDetails"));
-
 var _Dialog = _interopRequireDefault(require("@material-ui/core/Dialog"));
-
 var _Edit = _interopRequireDefault(require("@material-ui/icons/Edit"));
-
 var _ExpandMoreIcon = _interopRequireDefault(require("../../../../../UIComponents/icons/ExpandMoreIcon"));
-
 var _RaisedButton = _interopRequireDefault(require("../../../../../UIComponents/RaisedButton"));
-
 var _AddIcon = _interopRequireDefault(require("../../../../../UIComponents/icons/AddIcon"));
-
 var _TranslationFinder = _interopRequireDefault(require("../../../../../Components/TranslationFinder"));
-
 var _SelectField = _interopRequireDefault(require("../../../../../UIComponents/SelectField"));
-
 var _ColorPalettes = _interopRequireDefault(require("../Components/ColorPalettes"));
-
 var _ConnectedMaskEditorField = require("./ConnectedMaskEditorField");
-
 var _MenuItem = _interopRequireDefault(require("../../../../../UIComponents/MenuItem"));
-
 var _core = require("@material-ui/core");
-
 var _LocalizedPriceTextField = require("../../../../../Components/LocalizedPriceTextField");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
+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 _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 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 _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 _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 _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 _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 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 _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 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(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
-
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
-
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
-
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
-
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-
-function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
-
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
 function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
-
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
-
-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 _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+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); }
 var isEngravingEffect = function isEngravingEffect(designProductionMethod) {
   return 'engraving' === (0, _get["default"])(designProductionMethod, 'options.visualizationEffect');
 };
-
 var styles = function styles() {
   return {
     checkboxGrid: {
@@ -173,52 +121,39 @@ var styles = function styles() {
     }
   };
 };
-
 var FormProductionMethods = /*#__PURE__*/function (_React$Component) {
   _inherits(FormProductionMethods, _React$Component);
-
   var _super = _createSuper(FormProductionMethods);
-
   function FormProductionMethods(props) {
     var _this;
-
     _classCallCheck(this, FormProductionMethods);
-
     _this = _super.call(this, props);
-
     _defineProperty(_assertThisInitialized(_this), "onChange", function (key) {
       return function (e) {
         var data = _this.props.data;
         var value = e.target.value;
         var nextData = {};
-
         if (key === 'allowBulkNames' || key === 'isDefault' || key === 'designElementsLocked' || key === 'oneLineText') {
           value = e.target.checked;
         }
-
         if (key === 'defaultColors') {
           value = e.target.checked ? {} : null;
         }
-
         if (key === 'varyingDimensions') {
           var checked = !_this.state.checked;
-
           _this.setState({
             checked: checked
           });
-
           return !checked && _this.props.onChange(_objectSpread(_objectSpread({}, data), {}, {
             width: 0,
             height: 0
           }), _this.props.rowNumber);
         }
-
         if (key === 'id') {
           // skip if it's the same id
           if (data.id === value) {
             return;
           }
-
           var productionMethod = _lodash["default"].find(_this.props.editDesignProductionMethods, {
             id: value
           }) || {};
@@ -237,96 +172,74 @@ var FormProductionMethods = /*#__PURE__*/function (_React$Component) {
         } else {
           Object.assign(nextData, data, _defineProperty({}, key, value));
         }
-
         if (key === 'maxTexts') {
           if (value === '0' && data.maxImages !== null && Number(data.maxImages) === 0) {
             _this.setState({
               maxTextError: true
             });
-
             Object.assign(nextData, data, _defineProperty({}, key, ''));
           }
-
           if (value === '') {
             Object.assign(nextData, data, _defineProperty({}, key, null));
           }
-
           if (_this.state.maxTextError && (Number(value) > 0 || Number(data.maxImages) > 0)) {
             _this.setState({
               maxTextError: false
             });
           }
         }
-
         if (key === 'maxImages') {
           if (value === '0' && data.maxTexts !== null && Number(data.maxTexts) === 0) {
             _this.setState({
               maxImageError: true
             });
-
             Object.assign(nextData, data, _defineProperty({}, key, ''));
           }
-
           if (value === '') {
             Object.assign(nextData, data, _defineProperty({}, key, null));
           }
-
           if (_this.state.maxImageError && (Number(value) > 0 || Number(data.maxTexts) > 0)) {
             _this.setState({
               maxImageError: false
             });
           }
         }
-
         if (key === 'maxElements') {
           if (value === '') {
             Object.assign(nextData, data, _defineProperty({}, key, null));
           }
         }
-
         if (key === 'isDefault') {
           _this.props.setProductionMethodIsDefault(nextData.id, value);
-
           return;
         }
-
         _this.props.onChange(nextData, _this.props.rowNumber);
       };
     });
-
     _defineProperty(_assertThisInitialized(_this), "onChangeEngravingBackgroundColor", function (_ref) {
       var itemIdentifier = _ref.itemIdentifier;
       return function (_ref2) {
         var value = _ref2.target.value;
-
         var data = _lodash["default"].cloneDeep(_this.props.data);
-
         data.additionalData = _objectSpread(_objectSpread({}, data.additionalData), {}, {
           engravingBackgroundColors: _this.addOrReplaceEngravingBackgroundColor(itemIdentifier, value)
         });
-
         _this.props.onChange(data, _this.props.rowNumber);
       };
     });
-
     _defineProperty(_assertThisInitialized(_this), "onChangeCalculationTypesPrices", function (calculationTypeIdentifier, price, priceIndex, value) {
       var data = _lodash["default"].cloneDeep(_this.props.data);
-
       var calculationTypes = _lodash["default"].get(data, 'calculationTypes');
-
       var selectedType = _lodash["default"].find(calculationTypes, {
         identifier: calculationTypeIdentifier
       });
-
       if (selectedType) {
         var changedCalculationType = _objectSpread(_objectSpread({}, data), {}, {
           calculationTypes: _this.addPrices(calculationTypeIdentifier, value, price, priceIndex)
         });
-
         _this.props.onChange(changedCalculationType);
       }
     });
-
     _defineProperty(_assertThisInitialized(_this), "onCollapseClick", function (key) {
       return function (event, expanded) {
         _this.setState({
@@ -334,96 +247,74 @@ var FormProductionMethods = /*#__PURE__*/function (_React$Component) {
         });
       };
     });
-
     _defineProperty(_assertThisInitialized(_this), "getProductionMethodLabel", function (productionMethod) {
       if (Array.isArray(productionMethod) && productionMethod.length === 0) {
         return undefined;
       }
-
       var title = productionMethod.title || productionMethod.translatedTitle || function () {
         var locale = _this.props.locale;
         return _lodash["default"].get(_lodash["default"].find(productionMethod.texts, {
           language: locale.replace('-', '_')
         }), 'title');
       }();
-
       return "".concat(title, " (").concat(productionMethod.identifier, ")");
     });
-
     _defineProperty(_assertThisInitialized(_this), "onProductionMethodChange", function (e) {
       _this.onChange('id')(e);
     });
-
     _defineProperty(_assertThisInitialized(_this), "onColorPalettesDialogClose", function () {
       _this.setState({
         openedVariantsDefaultColor: null
       });
     });
-
     _defineProperty(_assertThisInitialized(_this), "onDefaultColorEditClick", function (variantsDefaultColor) {
       _this.setState({
         openedVariantsDefaultColor: variantsDefaultColor
       });
     });
-
     _defineProperty(_assertThisInitialized(_this), "getColorFromVariantsDefaultColor", function (variantsDefaultColor) {
       if (variantsDefaultColor.colorPaletteIdentifier === null || variantsDefaultColor.colorIdentifier === null) {
         return null;
       }
-
       var colorPalette = _lodash["default"].find(_this.props.colorPalettes, {
         identifier: variantsDefaultColor.colorPaletteIdentifier
       });
-
       if (!colorPalette) {
         return null;
       }
-
       var color = _lodash["default"].find(colorPalette.colors, {
         identifier: variantsDefaultColor.colorIdentifier
       });
-
       return color ? color : null;
     });
-
     _defineProperty(_assertThisInitialized(_this), "onColorPalettesDialogSelectClick", function (value, colorIdentifier, colorPaletteIdentifier) {
       var openedVariantsDefaultColor = _this.state.openedVariantsDefaultColor;
       var data = _this.props.data;
-
       var newData = _objectSpread(_objectSpread({}, data), {}, {
         defaultColors: _objectSpread(_objectSpread({}, data.defaultColors), {}, _defineProperty({}, openedVariantsDefaultColor.variantIdentifier, _defineProperty({}, colorPaletteIdentifier, colorIdentifier)))
       });
-
       _this.props.onChange(newData, _this.props.rowNumber);
-
       _this.setState({
         openedVariantsDefaultColor: null
       });
     });
-
     _defineProperty(_assertThisInitialized(_this), "getVariantsDefaultColorTitle", function (variantsDefaultColor) {
       var color = _this.getColorFromVariantsDefaultColor(variantsDefaultColor);
-
       if (!color) {
         return '';
       }
-
       var language = (0, _i18n.getLocale)().replace('-', '_');
       return _lodash["default"].get(_lodash["default"].find(color.texts, {
         language: language
       }), 'title', color.identifier);
     });
-
     _defineProperty(_assertThisInitialized(_this), "getVariantsDefaultColorValue", function (variantsDefaultColor) {
       var color = _this.getColorFromVariantsDefaultColor(variantsDefaultColor);
-
       if (!color) {
         return '';
       }
-
       return '#' + color.hex_value;
     });
-
     _this.state = {
       checked: false,
       expanded: null,
@@ -433,47 +324,35 @@ var FormProductionMethods = /*#__PURE__*/function (_React$Component) {
     };
     return _this;
   }
-
   _createClass(FormProductionMethods, [{
     key: "addPrices",
     value: function addPrices(identifier, value, price, priceIndex) {
       var productionMethod = this.props.data;
-
       var currentValues = _lodash["default"].cloneDeep(_lodash["default"].get(productionMethod, 'calculationTypes', []));
-
       var item = _lodash["default"].find(currentValues, {
         identifier: identifier
       });
-
       if (item) {
         var prices = _lodash["default"].get(item, 'prices', []);
-
         var selectedPrice = prices[priceIndex];
-
         if (selectedPrice) {
           selectedPrice[price] = value;
         }
       }
-
       return currentValues;
     }
   }, {
     key: "onRemovePrices",
     value: function onRemovePrices(price, identifier) {
       var productionMethod = this.props.data;
-
       var newValues = _lodash["default"].cloneDeep(productionMethod);
-
       var calculationType = _lodash["default"].find(newValues.calculationTypes || [], {
         identifier: identifier
       });
-
       if (calculationType) {
-        var prices = _lodash["default"].get(calculationType, 'prices', []); //'remove' mutates the array
-
-
+        var prices = _lodash["default"].get(calculationType, 'prices', []);
+        //'remove' mutates the array
         _lodash["default"].remove(prices, price);
-
         this.props.onDelete(newValues);
       }
     }
@@ -481,34 +360,26 @@ var FormProductionMethods = /*#__PURE__*/function (_React$Component) {
     key: "onAddNewPrices",
     value: function onAddNewPrices(calculationTypeIdentifier, channelID) {
       var data = this.props.data;
-
       var calculationTypes = _lodash["default"].get(data, 'calculationTypes', []);
-
       var indexOfCalculationType = _lodash["default"].findIndex(calculationTypes, {
         identifier: calculationTypeIdentifier
       });
-
       if (indexOfCalculationType < -1) {
         return;
       }
-
       var oldCalculationType = calculationTypes[indexOfCalculationType];
-
       var modifiedCalculationType = _objectSpread(_objectSpread({}, oldCalculationType), {}, {
         prices: [].concat(_toConsumableArray(oldCalculationType.prices || []), [this.createPriceObject(channelID)])
       });
-
       var newCalculationTypes = _toConsumableArray(calculationTypes);
-
       newCalculationTypes.splice(indexOfCalculationType, 1, modifiedCalculationType);
-
       var newData = _objectSpread(_objectSpread({}, data), {}, {
         calculationTypes: newCalculationTypes
       });
-
       this.props.onChange(newData);
-    } // noinspection JSMethodCanBeStatic
+    }
 
+    // noinspection JSMethodCanBeStatic
   }, {
     key: "createPriceObject",
     value: function createPriceObject(channelID) {
@@ -525,13 +396,10 @@ var FormProductionMethods = /*#__PURE__*/function (_React$Component) {
     key: "addOrReplaceEngravingBackgroundColor",
     value: function addOrReplaceEngravingBackgroundColor(itemIdentifier, value) {
       var productionMethod = this.props.data;
-
       var currentValues = _lodash["default"].cloneDeep(_lodash["default"].get(productionMethod, 'additionalData.engravingBackgroundColors', []));
-
       var item = _lodash["default"].find(currentValues, {
         itemIdentifier: itemIdentifier
       });
-
       if (item) {
         item.colorHex = value;
       } else {
@@ -540,39 +408,31 @@ var FormProductionMethods = /*#__PURE__*/function (_React$Component) {
           colorHex: value
         });
       }
-
       return currentValues;
     }
   }, {
     key: "engravingBackgroundColors",
     value: function engravingBackgroundColors() {
       var _this$props = this.props,
-          extendedItem = _this$props.extendedItem,
-          productionMethod = _this$props.data;
-
+        extendedItem = _this$props.extendedItem,
+        productionMethod = _this$props.data;
       if (!extendedItem) {
         return [];
       }
-
       var currentValues = _lodash["default"].get(productionMethod, 'additionalData.engravingBackgroundColors', []);
-
       var availableItemIdentifiers = _lodash["default"].isArray(_lodash["default"].get(extendedItem, 'children')) && extendedItem.children.length > 0 ? extendedItem.children.map(function (_ref3) {
         var identifier = _ref3.identifier;
         return identifier;
       }) : [extendedItem.identifier];
       var result = [];
-
       var _iterator = _createForOfIteratorHelper(availableItemIdentifiers),
-          _step;
-
+        _step;
       try {
         for (_iterator.s(); !(_step = _iterator.n()).done;) {
           var identifier = _step.value;
-
           var item = _lodash["default"].find(currentValues, {
             itemIdentifier: identifier
           });
-
           result.push({
             itemIdentifier: identifier,
             colorHex: item ? item.colorHex : 'rgba(0, 0, 0, 0.5)'
@@ -583,18 +443,14 @@ var FormProductionMethods = /*#__PURE__*/function (_React$Component) {
       } finally {
         _iterator.f();
       }
-
       return result;
     }
   }, {
     key: "componentDidMount",
     value: function componentDidMount() {
       var productionMethod = this.props.data;
-
       var varyingDimensionsHeight = _lodash["default"].get(productionMethod, 'height');
-
       var varyingDimensionsWidth = _lodash["default"].get(productionMethod, 'width');
-
       if (varyingDimensionsWidth && varyingDimensionsWidth !== 0 || varyingDimensionsHeight && varyingDimensionsHeight !== 0) {
         this.setState({
           checked: true
@@ -604,21 +460,15 @@ var FormProductionMethods = /*#__PURE__*/function (_React$Component) {
           checked: false
         });
       }
-
       var editDesignProductionMethodId = _lodash["default"].get(this.props.editDesignProductionMethods, '[0].id');
-
       var editDesignProductionMethodIdentifier = _lodash["default"].get(this.props.editDesignProductionMethods, '[0].identifier');
-
       if (this.props.data.id === null) {
         var data = _lodash["default"].cloneDeep(this.props.data);
-
         data.id = editDesignProductionMethodId;
         data.identifier = editDesignProductionMethodIdentifier;
-
         var calculationTypes = _lodash["default"].get(_lodash["default"].find(this.props.editDesignProductionMethods, {
           id: data.id
         }), 'calculationTypes');
-
         if (editDesignProductionMethodIdentifier) {
           data.calculationTypes = calculationTypes.map(function (calculationType) {
             if (calculationType.prices === null) {
@@ -630,7 +480,6 @@ var FormProductionMethods = /*#__PURE__*/function (_React$Component) {
             }
           });
         }
-
         this.props.onChange(data, this.props.rowNumber);
       }
     }
@@ -638,13 +487,12 @@ var FormProductionMethods = /*#__PURE__*/function (_React$Component) {
     key: "renderMaskEditorField",
     value: function renderMaskEditorField() {
       var _this2 = this;
-
       var _this$props$data = this.props.data,
-          mask = _this$props$data.mask,
-          width = _this$props$data.width,
-          height = _this$props$data.height,
-          identifier = _this$props$data.identifier,
-          id = _this$props$data.id;
+        mask = _this$props$data.mask,
+        width = _this$props$data.width,
+        height = _this$props$data.height,
+        identifier = _this$props$data.identifier,
+        id = _this$props$data.id;
       var props = {
         width: width,
         height: height,
@@ -665,7 +513,6 @@ var FormProductionMethods = /*#__PURE__*/function (_React$Component) {
     key: "getErrorProps",
     value: function getErrorProps(field) {
       var error = _lodash["default"].get(this.props.schema, "".concat(field, ".error[").concat(this.props.rowNumber, "]"));
-
       return !error ? {} : {
         error: true,
         helperText: error
@@ -684,8 +531,8 @@ var FormProductionMethods = /*#__PURE__*/function (_React$Component) {
     key: "getPriceError",
     value: function getPriceError(calculationIndex, priceIndex) {
       var _this$props2 = this.props,
-          errors = _this$props2.errors,
-          classes = _this$props2.classes;
+        errors = _this$props2.errors,
+        classes = _this$props2.classes;
       var messages = errors.filter(function (_ref5) {
         var property = _ref5.property;
         return property.indexOf("calculationTypes[".concat(calculationIndex, "].prices[").concat(priceIndex, "]")) !== -1;
@@ -704,7 +551,6 @@ var FormProductionMethods = /*#__PURE__*/function (_React$Component) {
     key: "renderCalculationTypes",
     value: function renderCalculationTypes(productionMethod, channels) {
       var _this3 = this;
-
       var classes = this.props.classes;
       var calculationTypes = productionMethod && productionMethod.calculationTypes || [];
       return /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
@@ -812,7 +658,6 @@ var FormProductionMethods = /*#__PURE__*/function (_React$Component) {
                 id: "remove"
               }, /*#__PURE__*/_react["default"].createElement(_DeleteIcon["default"], null)))), /*#__PURE__*/_react["default"].createElement("div", null, _this3.getPriceError(calculationIndex, priceIndex)));
             }
-
             ;
           }), /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
             container: true
@@ -834,22 +679,19 @@ var FormProductionMethods = /*#__PURE__*/function (_React$Component) {
     key: "render",
     value: function render() {
       var _this4 = this;
-
       var _this$props3 = this.props,
-          onRemove = _this$props3.onRemove,
-          productionMethod = _this$props3.data,
-          classes = _this$props3.classes,
-          channels = _this$props3.channels,
-          colorPalettes = _this$props3.colorPalettes,
-          editDesignProductionMethods = _this$props3.editDesignProductionMethods,
-          variantsDefaultColors = _this$props3.variantsDefaultColors;
+        onRemove = _this$props3.onRemove,
+        productionMethod = _this$props3.data,
+        classes = _this$props3.classes,
+        channels = _this$props3.channels,
+        colorPalettes = _this$props3.colorPalettes,
+        editDesignProductionMethods = _this$props3.editDesignProductionMethods,
+        variantsDefaultColors = _this$props3.variantsDefaultColors;
       var _this$state = this.state,
-          checked = _this$state.checked,
-          openedVariantsDefaultColor = _this$state.openedVariantsDefaultColor;
+        checked = _this$state.checked,
+        openedVariantsDefaultColor = _this$state.openedVariantsDefaultColor;
       var engravingBackgroundColors = this.engravingBackgroundColors();
-
       var calculationTypes = _lodash["default"].get(productionMethod, 'calculationTypes');
-
       productionMethod.calculationTypes = calculationTypes && calculationTypes.map(function (calculationType) {
         if (calculationType.prices === null) {
           return _objectSpread(_objectSpread({}, calculationType), {}, {
@@ -1091,10 +933,8 @@ var FormProductionMethods = /*#__PURE__*/function (_React$Component) {
       }))));
     }
   }]);
-
   return FormProductionMethods;
 }(_react["default"].Component);
-
 _defineProperty(FormProductionMethods, "propTypes", {
   editDesignProductionMethods: _propTypes["default"].array,
   colorPalettes: _propTypes["default"].array,
@@ -1109,7 +949,4 @@ _defineProperty(FormProductionMethods, "propTypes", {
   setProductionMethodIsDefault: _propTypes["default"].func,
   extendedItem: _propTypes["default"].object
 });
-
-var _default = (0, _withStyles["default"])(styles)(FormProductionMethods);
-
-exports["default"] = _default;
+var _default = exports["default"] = (0, _withStyles["default"])(styles)(FormProductionMethods);