@configuratorware/configurator-admingui 1.28.0-beta.3 → 1.28.3

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

@@ -1,1100 +0,0 @@
-"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 _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 _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 _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 _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; }
-
-var isEngravingEffect = function isEngravingEffect(designProductionMethod) {
-  return 'engraving' === (0, _get["default"])(designProductionMethod, 'options.visualizationEffect');
-};
-
-var styles = function styles() {
-  return {
-    checkboxGrid: {
-      display: 'flex',
-      justifyContent: 'space-between'
-    },
-    engravingBackgroundColor: {
-      display: 'flex',
-      alignItems: 'baseline',
-      marginBottom: '1em'
-    },
-    inputAlign: {
-      textAlign: 'center'
-    },
-    TypographyFontWeight: {
-      fontWeight: 'bold'
-    },
-    FormLabel: {
-      padding: '20px 0 10px 0'
-    },
-    ExpansionPanelDetailRoot: {
-      display: 'block'
-    },
-    gridFormatting: {
-      display: 'flex'
-    },
-    inputText: {
-      height: '2em'
-    },
-    variantsDefaultColorBox: {
-      width: '2em',
-      height: '2em',
-      background: '#000',
-      "float": 'left',
-      marginRight: '1em',
-      border: '1px solid #999',
-      borderRadius: 3
-    },
-    varyingDimensionsInputWrapper: {
-      marginBottom: '1em'
-    },
-    validationError: {
-      color: 'red'
-    },
-    card: {
-      padding: '0 1em 0 1em',
-      margin: '1em 0 1em 0'
-    },
-    InputLabel: {
-      paddingRight: 8
-    },
-    inputWithLabel: {
-      display: 'flex',
-      flexDirection: 'column',
-      padding: '20px 0px',
-      alignItems: 'baseline'
-    }
-  };
-};
-
-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') {
-          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
-          }) || {};
-          var calculationTypes = _lodash["default"].get(productionMethod, 'calculationTypes') || [];
-          Object.assign(nextData, _lodash["default"].cloneDeep(productionMethod), {
-            calculationTypes: calculationTypes.map(function (calculationType) {
-              if (calculationType.prices === null) {
-                return _objectSpread(_objectSpread({}, calculationType), {}, {
-                  prices: []
-                });
-              } else {
-                return calculationType;
-              }
-            })
-          });
-        } 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({
-          expanded: expanded ? key : false
-        });
-      };
-    });
-
-    _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,
-      openedVariantsDefaultColor: null,
-      maxImageError: false,
-      maxTextError: false
-    };
-    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
-
-
-        _lodash["default"].remove(prices, price);
-
-        this.props.onDelete(newValues);
-      }
-    }
-  }, {
-    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
-
-  }, {
-    key: "createPriceObject",
-    value: function createPriceObject(channelID) {
-      return {
-        id: null,
-        channel: channelID,
-        colorAmountFrom: null,
-        amountFrom: null,
-        price: null,
-        priceNet: null
-      };
-    }
-  }, {
-    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 {
-        currentValues.push({
-          itemIdentifier: itemIdentifier,
-          colorHex: value
-        });
-      }
-
-      return currentValues;
-    }
-  }, {
-    key: "engravingBackgroundColors",
-    value: function engravingBackgroundColors() {
-      var _this$props = this.props,
-          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.map(function (_ref3) {
-        var identifier = _ref3.identifier;
-        return identifier;
-      }) : [extendedItem.identifier];
-      var result = [];
-
-      var _iterator = _createForOfIteratorHelper(availableItemIdentifiers),
-          _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)'
-          });
-        }
-      } catch (err) {
-        _iterator.e(err);
-      } 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
-        });
-      } else {
-        this.setState({
-          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) {
-              return _objectSpread(_objectSpread({}, calculationType), {}, {
-                prices: []
-              });
-            } else {
-              return calculationType;
-            }
-          });
-        }
-
-        this.props.onChange(data, this.props.rowNumber);
-      }
-    }
-  }, {
-    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;
-      var props = {
-        width: width,
-        height: height,
-        value: mask,
-        designProductionMethodIdentifier: identifier,
-        designProductionMethodId: id,
-        onChange: function onChange(name, data) {
-          return _this2.onChange('mask')({
-            target: {
-              value: data
-            }
-          });
-        }
-      };
-      return /*#__PURE__*/_react["default"].createElement(_ConnectedMaskEditorField.ProductionMethodMaskEditorField, props);
-    }
-  }, {
-    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
-      };
-    }
-  }, {
-    key: "isCalculationError",
-    value: function isCalculationError(calculationIndex) {
-      var errors = this.props.errors;
-      return errors.some(function (_ref4) {
-        var property = _ref4.property;
-        return property.indexOf("calculationTypes[".concat(calculationIndex, "]")) !== -1;
-      });
-    }
-  }, {
-    key: "getPriceError",
-    value: function getPriceError(calculationIndex, priceIndex) {
-      var _this$props2 = this.props,
-          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;
-      }).map(function (_ref6) {
-        var message = _ref6.message;
-        return message;
-      });
-      return messages.map(function (message) {
-        return /*#__PURE__*/_react["default"].createElement("div", {
-          key: message,
-          className: classes.validationError
-        }, (0, _i18n.t)("validation.designProductionMethod.calculationType.price.".concat(message)));
-      });
-    }
-  }, {
-    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"], {
-        container: true
-      }, /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
-        item: true,
-        xs: 12
-      }, calculationTypes.length > 0 && /*#__PURE__*/_react["default"].createElement(_FormLabel["default"], {
-        classes: {
-          root: classes.FormLabel
-        },
-        component: "legend"
-      }, (0, _i18n.t)('CalculationTypes')), calculationTypes.filter(function (calculationType) {
-        return calculationType.itemAmountDependent;
-      }).map(function (calculationType, calculationIndex) {
-        return /*#__PURE__*/_react["default"].createElement(_ExpansionPanel["default"], {
-          expanded: _this3.state.expanded === calculationType.identifier || _this3.isCalculationError(calculationIndex),
-          onChange: _this3.onCollapseClick(calculationType.identifier),
-          key: calculationType.identifier
-        }, /*#__PURE__*/_react["default"].createElement(_ExpansionPanelSummary["default"], {
-          expandIcon: /*#__PURE__*/_react["default"].createElement(_ExpandMoreIcon["default"], null)
-        }, /*#__PURE__*/_react["default"].createElement(_Typography["default"], null, productionMethod.id === null || !calculationType.title ? /*#__PURE__*/_react["default"].createElement(_TranslationFinder["default"], {
-          data: calculationType.texts,
-          property: "title",
-          fallback: calculationType.identifier
-        }) : calculationType.title)), /*#__PURE__*/_react["default"].createElement(_ExpansionPanelDetails["default"], {
-          classes: {
-            root: classes.ExpansionPanelDetailRoot
-          }
-        }, (channels || []).map(function (channel) {
-          return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, {
-            key: channel.identifier
-          }, /*#__PURE__*/_react["default"].createElement(_Typography["default"], {
-            className: classes.TypographyFontWeight
-          }, channel.identifier + '/' + channel.currency.symbol + '(' + channel.currency.iso + ')'), (calculationType.prices || []).filter(function (price) {
-            return parseInt(price.channel) === channel.id;
-          }).map(function (price, priceIndex) {
-            return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, {
-              key: priceIndex
-            }, /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
-              container: true
-            }, /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
-              item: true,
-              xs: 3
-            }, /*#__PURE__*/_react["default"].createElement(_TextField["default"], {
-              label: (0, _i18n.t)('colorAmountFrom'),
-              onChange: function onChange(e) {
-                _this3.onChangeCalculationTypesPrices(calculationType.identifier, 'colorAmountFrom', priceIndex, e.target.value);
-              },
-              value: price.colorAmountFrom || '',
-              type: "number",
-              InputProps: {
-                classes: {
-                  inputType: classes.inputText
-                }
-              }
-            })), /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
-              item: true,
-              xs: 3
-            }, /*#__PURE__*/_react["default"].createElement(_LocalizedPriceTextField.LocalizedPriceTextField, {
-              label: (0, _i18n.t)('Price'),
-              onChange: function onChange(name, value) {
-                _this3.onChangeCalculationTypesPrices(calculationType.identifier, 'price', priceIndex, value);
-              },
-              value: price.price,
-              inputProps: {
-                style: {
-                  height: '2em'
-                }
-              }
-            })), /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
-              item: true,
-              xs: 3
-            }, /*#__PURE__*/_react["default"].createElement(_LocalizedPriceTextField.LocalizedPriceTextField, {
-              label: (0, _i18n.t)('PriceNet'),
-              onChange: function onChange(name, value) {
-                _this3.onChangeCalculationTypesPrices(calculationType.identifier, 'priceNet', priceIndex, value);
-              },
-              value: price.priceNet,
-              inputProps: {
-                style: {
-                  height: '2em'
-                }
-              }
-            })), /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
-              item: true,
-              xs: 3,
-              className: classes.gridFormatting
-            }, /*#__PURE__*/_react["default"].createElement(_TextField["default"], {
-              label: (0, _i18n.t)('AmountFrom'),
-              onChange: function onChange(e) {
-                _this3.onChangeCalculationTypesPrices(calculationType.identifier, 'amountFrom', priceIndex, e.target.value);
-              },
-              value: price.amountFrom || '',
-              type: "number",
-              InputProps: {
-                classes: {
-                  inputType: classes.inputText
-                }
-              }
-            }), /*#__PURE__*/_react["default"].createElement(_IconButton["default"], {
-              label: (0, _i18n.t)('Remove'),
-              onClick: function onClick() {
-                return _this3.onRemovePrices(price, calculationType.identifier);
-              },
-              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
-          }, /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
-            item: true,
-            xs: 12
-          }, /*#__PURE__*/_react["default"].createElement("div", {
-            className: "action-buttons"
-          }, /*#__PURE__*/_react["default"].createElement(_RaisedButton["default"], {
-            primary: true,
-            onClick: function onClick() {
-              return _this3.onAddNewPrices(calculationType.identifier, channel.id);
-            }
-          }, /*#__PURE__*/_react["default"].createElement(_AddIcon["default"], null), (0, _i18n.T)('Add'))))));
-        })));
-      })));
-    }
-  }, {
-    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;
-      var _this$state = this.state,
-          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), {}, {
-            prices: []
-          });
-        } else {
-          return calculationType;
-        }
-      });
-      return /*#__PURE__*/_react["default"].createElement(_core.Card, {
-        className: classes.card
-      }, /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
-        container: true
-      }, /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
-        item: true,
-        xs: 12
-      }, /*#__PURE__*/_react["default"].createElement(_SelectField["default"], {
-        style: {
-          width: '100%'
-        },
-        onChange: this.onProductionMethodChange,
-        value: productionMethod.id
-      }, editDesignProductionMethods.map(function (productionMethod) {
-        return /*#__PURE__*/_react["default"].createElement(_MenuItem["default"], {
-          value: productionMethod.id,
-          key: productionMethod.id
-        }, _this4.getProductionMethodLabel(productionMethod));
-      })), /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
-        item: true,
-        xs: 12
-      }, isEngravingEffect(productionMethod) && engravingBackgroundColors.map(function (item) {
-        return /*#__PURE__*/_react["default"].createElement("div", {
-          key: item.itemIdentifier,
-          className: classes.engravingBackgroundColor
-        }, /*#__PURE__*/_react["default"].createElement(_FormLabel["default"], {
-          classes: {
-            root: classes.InputLabel
-          },
-          component: "legend"
-        }, item.itemIdentifier, ":"), /*#__PURE__*/_react["default"].createElement(_TextField["default"], {
-          key: item.itemIdentifier,
-          placeholder: (0, _i18n.t)('EngravingBackgroundColor'),
-          onChange: _this4.onChangeEngravingBackgroundColor(item),
-          value: item.colorHex,
-          style: styles.input,
-          className: classes.inputAlign
-        }));
-      }))), /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
-        item: true,
-        xs: 12,
-        className: classes.checkboxGrid
-      }, /*#__PURE__*/_react["default"].createElement(_FormControlLabel["default"], {
-        control: /*#__PURE__*/_react["default"].createElement(_Checkbox["default"], {
-          checked: checked,
-          onChange: this.onChange('varyingDimensions'),
-          value: (0, _i18n.t)('varyingDimensions'),
-          color: "primary"
-        }),
-        label: (0, _i18n.t)('varyingDimensions')
-      })), checked && /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
-        container: true
-      }, /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
-        item: true,
-        xs: 6
-      }, /*#__PURE__*/_react["default"].createElement(_TextField["default"], {
-        className: classes.varyingDimensionsInputWrapper,
-        label: (0, _i18n.t)('Width'),
-        onChange: this.onChange('width'),
-        value: productionMethod.width || '',
-        style: styles.input,
-        type: "number"
-      })), /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
-        item: true,
-        xs: 6
-      }, /*#__PURE__*/_react["default"].createElement(_TextField["default"], {
-        className: classes.varyingDimensionsInputWrapper,
-        label: (0, _i18n.t)('Height'),
-        onChange: this.onChange('height'),
-        value: productionMethod.height || '',
-        style: styles.input,
-        type: "number"
-      }))), /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
-        item: true,
-        xs: 12,
-        className: classes.checkboxGrid
-      }, /*#__PURE__*/_react["default"].createElement(_FormControlLabel["default"], {
-        control: /*#__PURE__*/_react["default"].createElement(_Checkbox["default"], {
-          checked: productionMethod.allowBulkNames,
-          onChange: this.onChange('allowBulkNames'),
-          value: 'allowBulkNames',
-          color: "primary"
-        }),
-        label: (0, _i18n.t)('allowBulkNames')
-      })), /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
-        item: true,
-        xs: 12,
-        className: classes.checkboxGrid
-      }, /*#__PURE__*/_react["default"].createElement(_FormControlLabel["default"], {
-        control: /*#__PURE__*/_react["default"].createElement(_Checkbox["default"], {
-          checked: productionMethod.isDefault === true,
-          onChange: this.onChange('isDefault'),
-          value: 'isDefault',
-          color: "primary"
-        }),
-        label: (0, _i18n.t)('isDefault')
-      })), /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
-        item: true,
-        xs: 12,
-        className: classes.checkboxGrid
-      }, /*#__PURE__*/_react["default"].createElement(_FormControlLabel["default"], {
-        control: /*#__PURE__*/_react["default"].createElement(_Checkbox["default"], {
-          checked: !!productionMethod.defaultColors,
-          onChange: this.onChange('defaultColors'),
-          value: 'varyingDefaultColors',
-          color: "primary"
-        }),
-        label: (0, _i18n.t)('varyingDefaultColors')
-      })), !!variantsDefaultColors.length && variantsDefaultColors.map(function (variantsDefaultColor, index) {
-        return /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
-          container: true,
-          key: index
-        }, /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
-          item: true,
-          xs: 6
-        }, /*#__PURE__*/_react["default"].createElement("p", null, variantsDefaultColor.variantTitle)), /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
-          item: true,
-          xs: 6
-        }, variantsDefaultColor.colorPaletteIdentifier && variantsDefaultColor.colorIdentifier && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("div", {
-          className: classes.variantsDefaultColorBox,
-          style: {
-            background: _this4.getVariantsDefaultColorValue(variantsDefaultColor)
-          }
-        }), /*#__PURE__*/_react["default"].createElement(_TextField["default"], {
-          value: _this4.getVariantsDefaultColorTitle(variantsDefaultColor),
-          style: styles.input,
-          disabled: true
-        })), /*#__PURE__*/_react["default"].createElement(_IconButton["default"], {
-          label: (0, _i18n.t)('Edit'),
-          onClick: function onClick() {
-            return _this4.onDefaultColorEditClick(variantsDefaultColor);
-          }
-        }, /*#__PURE__*/_react["default"].createElement(_Edit["default"], null))));
-      }), this.renderMaskEditorField(), /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
-        item: true,
-        xs: 12,
-        className: classes.checkboxGrid
-      }, /*#__PURE__*/_react["default"].createElement(_FormControlLabel["default"], {
-        control: /*#__PURE__*/_react["default"].createElement(_Checkbox["default"], {
-          checked: productionMethod.designElementsLocked,
-          onChange: this.onChange('designElementsLocked'),
-          value: (0, _i18n.t)('designElementsLocked'),
-          color: "primary"
-        }),
-        label: (0, _i18n.t)('designElementsLocked')
-      })), /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
-        item: true,
-        xs: 12,
-        className: classes.checkboxGrid
-      }, /*#__PURE__*/_react["default"].createElement(_TextField["default"], _extends({
-        label: (0, _i18n.t)('minimumOrderAmount'),
-        onChange: this.onChange('minimumOrderAmount'),
-        value: productionMethod.minimumOrderAmount || '',
-        style: styles.input,
-        type: "number"
-      }, this.getErrorProps('minimumOrderAmount')))), /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
-        item: true,
-        xs: 12,
-        className: classes.checkboxGrid
-      }, /*#__PURE__*/_react["default"].createElement("div", {
-        className: classes.inputWithLabel
-      }, /*#__PURE__*/_react["default"].createElement(_FormLabel["default"], {
-        component: "legend"
-      }, " ", (0, _i18n.t)('maxTextElements'), " "), /*#__PURE__*/_react["default"].createElement(_TextField["default"], _extends({
-        onChange: this.onChange('maxTexts'),
-        value: productionMethod.maxTexts,
-        type: "number",
-        error: this.state.maxTextError,
-        helperText: this.state.maxTextError ? (0, _i18n.T)('minElementsError') : ''
-      }, this.getErrorProps('maxTexts'))))), /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
-        item: true,
-        xs: 12,
-        className: classes.checkboxGrid
-      }, /*#__PURE__*/_react["default"].createElement("div", {
-        className: classes.inputWithLabel
-      }, /*#__PURE__*/_react["default"].createElement(_FormLabel["default"], {
-        component: "legend"
-      }, " ", (0, _i18n.t)('maxImageElements'), " "), /*#__PURE__*/_react["default"].createElement(_TextField["default"], _extends({
-        onChange: this.onChange('maxImages'),
-        value: productionMethod.maxImages,
-        type: "number",
-        error: this.state.maxImageError,
-        helperText: this.state.maxImageError ? (0, _i18n.T)('minElementsError') : ''
-      }, this.getErrorProps('maxImages'))))), /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
-        item: true,
-        xs: 12,
-        className: classes.checkboxGrid
-      }, /*#__PURE__*/_react["default"].createElement("div", {
-        className: classes.inputWithLabel
-      }, /*#__PURE__*/_react["default"].createElement(_FormLabel["default"], {
-        component: "legend"
-      }, " ", (0, _i18n.t)('maxTotalElements'), " "), /*#__PURE__*/_react["default"].createElement(_TextField["default"], _extends({
-        onChange: this.onChange('maxElements'),
-        value: productionMethod.maxElements || '',
-        type: "number"
-      }, this.getErrorProps('maxElements'))))), this.renderCalculationTypes(productionMethod, channels), /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
-        container: true,
-        justify: "flex-end"
-      }, /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
-        item: true,
-        xs: 12
-      }, /*#__PURE__*/_react["default"].createElement(_IconButton["default"], {
-        label: (0, _i18n.t)('Remove'),
-        onClick: function onClick() {
-          return onRemove(productionMethod);
-        },
-        id: "remove"
-      }, /*#__PURE__*/_react["default"].createElement(_DeleteIcon["default"], null)))), openedVariantsDefaultColor !== null && /*#__PURE__*/_react["default"].createElement(_Dialog["default"], {
-        open: true,
-        maxWidth: "xs",
-        fullWidth: true,
-        onClose: this.onColorPalettesDialogClose
-      }, /*#__PURE__*/_react["default"].createElement(_ColorPalettes["default"], {
-        selectedColor: this.getColorFromVariantsDefaultColor(openedVariantsDefaultColor),
-        colorSelectClick: this.onColorPalettesDialogSelectClick,
-        colorPalettes: colorPalettes,
-        closeColorPalettes: this.onColorPalettesDialogClose
-      }))));
-    }
-  }]);
-
-  return FormProductionMethods;
-}(_react["default"].Component);
-
-_defineProperty(FormProductionMethods, "propTypes", {
-  editDesignProductionMethods: _propTypes["default"].array,
-  colorPalettes: _propTypes["default"].array,
-  variantsDefaultColors: _propTypes["default"].array,
-  onChange: _propTypes["default"].func,
-  onRemove: _propTypes["default"].func,
-  data: _propTypes["default"].object,
-  classes: _propTypes["default"].object,
-  channels: _propTypes["default"].array,
-  rowNumber: _propTypes["default"].number,
-  errors: _propTypes["default"].array,
-  setProductionMethodIsDefault: _propTypes["default"].func,
-  extendedItem: _propTypes["default"].object
-});
-
-var _default = (0, _withStyles["default"])(styles)(FormProductionMethods);
-
-exports["default"] = _default;