@configuratorware/configurator-admingui 1.54.3 → 1.55.2

package/App/Config/defaultConfig.js

@@ -44,6 +44,9 @@ var _default = exports["default"] = {
       name: 'options'
     }, {
       name: 'option_pools'
+    }, {
+      name: 'option_country_exclusions',
+      label: 'option_country_exclusion'
     }]
   }, {
     name: 'designeritems',

package/Components/ListColumnFilter.js

@@ -114,16 +114,21 @@ var ListColumnFilter = /*#__PURE__*/function (_React$Component) {
         filterable = _this$props.filterable,
         sortable = _this$props.sortable,
         name = _this$props.name,
-        classes = _this$props.classes;
+        classes = _this$props.classes,
+        labelTooltip = _this$props.labelTooltip;
       if (!_this.state.open) {
         var className = '';
         if (sortable && filterable) {
           className = classes.columnText;
         }
-        return /*#__PURE__*/_react["default"].createElement("span", {
+        var span = /*#__PURE__*/_react["default"].createElement("span", {
           className: className,
           onClick: filterable ? _this.onToggleFilter : undefined
         }, label);
+        return labelTooltip ? /*#__PURE__*/_react["default"].createElement(_Tooltip["default"], {
+          title: (0, _i18n.T)(labelTooltip),
+          enterDelay: 300
+        }, span) : span;
       }
       var id = "filter-".concat(name);
       switch (_lodash["default"].isObject(filterable) ? filterable.type : true) {

package/Screens/Designer/Containers/Edit.js

@@ -22,6 +22,9 @@ var _Designviews = _interopRequireDefault(require("../SubScreens/Designviews"));
 var _Visualization = _interopRequireDefault(require("../SubScreens/Visualization"));
 var _CheckData = _interopRequireDefault(require("../../Creator/Components/CheckData/CheckData"));
 var _Hint = _interopRequireDefault(require("../../../Components/Hint"));
+var _Switch = _interopRequireDefault(require("@material-ui/core/Switch"));
+var _FormControlLabel = _interopRequireDefault(require("@material-ui/core/FormControlLabel"));
+var _Tooltip = _interopRequireDefault(require("../../../UIComponents/Tooltip"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 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); }
@@ -77,7 +80,12 @@ var styles = function styles(theme) {
     buttonsAlignment: {
       justifyContent: 'flex-end',
       display: 'flex',
-      marginLeft: 'auto'
+      marginLeft: 'auto',
+      flexShrink: 0,
+      alignItems: 'stretch',
+      '& button': {
+        whiteSpace: 'nowrap'
+      }
     }
   };
 };
@@ -173,6 +181,7 @@ var DesignerForm = /*#__PURE__*/function (_Component) {
   }, {
     key: "render",
     value: function render() {
+      var _this2 = this;
       var _this$props2 = this.props,
         classes = _this$props2.classes,
         itemId = _this$props2.itemId,
@@ -188,7 +197,19 @@ var DesignerForm = /*#__PURE__*/function (_Component) {
         className: "itemEdit"
       }, /*#__PURE__*/_react["default"].createElement("div", {
         className: classes.itemStatusForm
-      }, /*#__PURE__*/_react["default"].createElement("div", {
+      }, /*#__PURE__*/_react["default"].createElement(_Tooltip["default"], {
+        title: (0, _i18n.T)('designDataMaintainedHint')
+      }, /*#__PURE__*/_react["default"].createElement(_FormControlLabel["default"], {
+        label: (0, _i18n.T)('designDataMaintained'),
+        labelPlacement: "start",
+        control: /*#__PURE__*/_react["default"].createElement(_Switch["default"], {
+          checked: !!_lodash["default"].get(item, 'designDataMaintained', false),
+          onChange: function onChange(e) {
+            return _this2.props.updateDesignDataMaintained(itemId, item.identifier, e.target.checked);
+          },
+          color: "primary"
+        })
+      })), /*#__PURE__*/_react["default"].createElement("div", {
         className: classes.buttonsAlignment
       }, /*#__PURE__*/_react["default"].createElement(_DesignDataTransfer["default"], {
         sourceItemId: itemId
@@ -274,6 +295,32 @@ var ConnectedDesignerForm = (0, _reactRedux.connect)(function (state) {
         return _updateSettings.apply(this, arguments);
       }
       return updateSettings;
+    }(),
+    updateDesignDataMaintained: function () {
+      var _updateDesignDataMaintained = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee2(itemId, identifier, value) {
+        return _regenerator().w(function (_context2) {
+          while (1) switch (_context2.n) {
+            case 0:
+              _context2.n = 1;
+              return (0, _Helpers.dispatchPostData)(dispatch)('DESIGN_DATA_MAINTAINED_KEY', 'items', {
+                id: itemId,
+                identifier: identifier,
+                designDataMaintained: value
+              });
+            case 1:
+              (0, _Helpers.dispatchFetchData)(dispatch)(VISUALIZATION_MODE_ITEM_KEY, {
+                url: "items/".concat(itemId)
+              });
+              dispatch((0, _Helpers.invalidateSource)(_Actions.DESIGNER_LIST_KEY));
+            case 2:
+              return _context2.a(2);
+          }
+        }, _callee2);
+      }));
+      function updateDesignDataMaintained(_x2, _x3, _x4) {
+        return _updateDesignDataMaintained.apply(this, arguments);
+      }
+      return updateDesignDataMaintained;
     }()
   };
 })(DesignerForm);

package/Screens/Designer/Containers/List.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 var _Actions = _interopRequireWildcard(require("../Reducers/Actions"));
+var _i18n = require("../../../App/i18n");
 var _DefaultConnectedList = _interopRequireDefault(require("../../../Components/DefaultConnectedList"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
@@ -21,6 +22,15 @@ var columns = [{
   sortable: true,
   filterKey: 'item.itemtext.title',
   sortKey: 'item.itemtext.title'
+}, {
+  name: 'designDataMaintained',
+  label: 'designDataMaintained',
+  labelTooltip: 'designDataMaintainedHint',
+  sortable: true,
+  sortKey: 'item.designDataMaintained',
+  renderValue: function renderValue(value) {
+    return value ? (0, _i18n.T)('designDataMaintainedYes') : (0, _i18n.T)('designDataMaintainedNo');
+  }
 }];
 var listParams = {
   entity: 'item',

package/Screens/Designer/Translations.js

@@ -21,7 +21,11 @@ require("../../App/i18n").use({
     },
     designer: {
       itemStatus: 'Status'
-    }
+    },
+    designDataMaintained: 'Data maintained',
+    designDataMaintainedHint: 'A manually settable indicator showing whether all necessary data has been maintained or not',
+    designDataMaintainedYes: 'Yes',
+    designDataMaintainedNo: 'No'
   },
   de: {
     designer_data: 'Produkt-Design-Einstellungen',
@@ -45,6 +49,10 @@ require("../../App/i18n").use({
     designer: {
       itemStatus: 'Status'
     },
+    designDataMaintained: 'Daten gepflegt',
+    designDataMaintainedHint: 'Manuell zu setzender Hinweis, der darauf hinweist, ob alle notwendigen Daten gepflegt wurden oder nicht',
+    designDataMaintainedYes: 'Ja',
+    designDataMaintainedNo: 'Nein',
     Hint: 'Hinweis',
     oneLineText: 'Texteingabe auf eine Zeile beschränken'
   }

package/Screens/Item/Components/ImportItemDialog.js

@@ -0,0 +1,262 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.IMPORT_OPTION_NAMES = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactRedux = require("react-redux");
+var _i18n = require("../../../App/i18n");
+var _Dialog = _interopRequireDefault(require("../../../UIComponents/Dialog"));
+var _FlatButton = _interopRequireDefault(require("../../../UIComponents/FlatButton"));
+var _IconButton = _interopRequireDefault(require("../../../UIComponents/IconButton"));
+var _Tooltip = _interopRequireDefault(require("../../../UIComponents/Tooltip"));
+var _CloudUpload = _interopRequireDefault(require("@material-ui/icons/CloudUpload"));
+var _Api = _interopRequireDefault(require("../../../App/Api"));
+var _hasCredentialFor = _interopRequireDefault(require("../../../App/Selectors/Credentials/hasCredentialFor"));
+var _Actions = require("../../../App/Reducers/Frame/Actions");
+var _Actions2 = require("../../../App/Reducers/Api/Actions");
+var _Actions3 = require("../Reducers/Actions");
+var _FormControlLabel = _interopRequireDefault(require("../../../UIComponents/FormControlLabel"));
+var _Checkbox = _interopRequireDefault(require("../../../UIComponents/Checkbox"));
+var _core = require("@material-ui/core");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t2 in e) "default" !== _t2 && {}.hasOwnProperty.call(e, _t2) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t2)) && (i.get || i.set) ? o(f, _t2, i) : f[_t2] = e[_t2]); return f; })(e, t); }
+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 _regenerator() { /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/babel/babel/blob/main/packages/babel-helpers/LICENSE */ var e, t, r = "function" == typeof Symbol ? Symbol : {}, n = r.iterator || "@@iterator", o = r.toStringTag || "@@toStringTag"; function i(r, n, o, i) { var c = n && n.prototype instanceof Generator ? n : Generator, u = Object.create(c.prototype); return _regeneratorDefine2(u, "_invoke", function (r, n, o) { var i, c, u, f = 0, p = o || [], y = !1, G = { p: 0, n: 0, v: e, a: d, f: d.bind(e, 4), d: function d(t, r) { return i = t, c = 0, u = e, G.n = r, a; } }; function d(r, n) { for (c = r, u = n, t = 0; !y && f && !o && t < p.length; t++) { var o, i = p[t], d = G.p, l = i[2]; r > 3 ? (o = l === n) && (u = i[(c = i[4]) ? 5 : (c = 3, 3)], i[4] = i[5] = e) : i[0] <= d && ((o = r < 2 && d < i[1]) ? (c = 0, G.v = n, G.n = i[1]) : d < l && (o = r < 3 || i[0] > n || n > l) && (i[4] = r, i[5] = n, G.n = l, c = 0)); } if (o || r > 1) return a; throw y = !0, n; } return function (o, p, l) { if (f > 1) throw TypeError("Generator is already running"); for (y && 1 === p && d(p, l), c = p, u = l; (t = c < 2 ? e : u) || !y;) { i || (c ? c < 3 ? (c > 1 && (G.n = -1), d(c, u)) : G.n = u : G.v = u); try { if (f = 2, i) { if (c || (o = "next"), t = i[o]) { if (!(t = t.call(i, u))) throw TypeError("iterator result is not an object"); if (!t.done) return t; u = t.value, c < 2 && (c = 0); } else 1 === c && (t = i["return"]) && t.call(i), c < 2 && (u = TypeError("The iterator does not provide a '" + o + "' method"), c = 1); i = e; } else if ((t = (y = G.n < 0) ? u : r.call(n, G)) !== a) break; } catch (t) { i = e, c = 1, u = t; } finally { f = 1; } } return { value: t, done: y }; }; }(r, o, i), !0), u; } var a = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} t = Object.getPrototypeOf; var c = [][n] ? t(t([][n]())) : (_regeneratorDefine2(t = {}, n, function () { return this; }), t), u = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(c); function f(e) { return Object.setPrototypeOf ? Object.setPrototypeOf(e, GeneratorFunctionPrototype) : (e.__proto__ = GeneratorFunctionPrototype, _regeneratorDefine2(e, o, "GeneratorFunction")), e.prototype = Object.create(u), e; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, _regeneratorDefine2(u, "constructor", GeneratorFunctionPrototype), _regeneratorDefine2(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = "GeneratorFunction", _regeneratorDefine2(GeneratorFunctionPrototype, o, "GeneratorFunction"), _regeneratorDefine2(u), _regeneratorDefine2(u, o, "Generator"), _regeneratorDefine2(u, n, function () { return this; }), _regeneratorDefine2(u, "toString", function () { return "[object Generator]"; }), (_regenerator = function _regenerator() { return { w: i, m: f }; })(); }
+function _regeneratorDefine2(e, r, n, t) { var i = Object.defineProperty; try { i({}, "", {}); } catch (e) { i = 0; } _regeneratorDefine2 = function _regeneratorDefine(e, r, n, t) { function o(r, n) { _regeneratorDefine2(e, r, function (e) { return this._invoke(r, n, e); }); } r ? i ? i(e, r, { value: n, enumerable: !t, configurable: !t, writable: !t }) : e[r] = n : (o("next", 0), o("throw", 1), o("return", 2)); }, _regeneratorDefine2(e, r, n, t); }
+function asyncGeneratorStep(n, t, e, r, o, a, c) { try { var i = n[a](c), u = i.value; } catch (n) { return void e(n); } i.done ? t(u) : Promise.resolve(u).then(r, o); }
+function _asyncToGenerator(n) { return function () { var t = this, e = arguments; return new Promise(function (r, o) { var a = n.apply(t, e); function _next(n) { asyncGeneratorStep(a, r, o, _next, _throw, "next", n); } function _throw(n) { asyncGeneratorStep(a, r, o, _next, _throw, "throw", n); } _next(void 0); }); }; }
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _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 _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+function 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(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+/** Option names and defaults matching configurator-api ImportOptions.php */
+var IMPORT_OPTION_NAMES = exports.IMPORT_OPTION_NAMES = ['deleteNonExistingItems', 'deleteNonExistingAttributeRelations', 'deleteNonExistingItemPrices', 'deleteNonExistingDesignAreas', 'deleteNonExistingDesignAreaVisualData', 'deleteNonExistingDesignAreaVisualDataImages', 'deleteNonExistingDesignAreaDesignProductionMethod', 'deleteNonExistingDesignAreaDesignProductionMethodPrices', 'deleteNonExistingDesignViewThumbnails', 'deleteNonExistingComponentRelations', 'deleteNonExistingVariants', 'deleteWriteProtectedAttributes', 'deleteNonExistingItemClassificationRelations', 'deleteNonExistingComponentThumbnails', 'deleteNonExistingOptionThumbnails', 'deleteNonExistingItemImages', 'overwriteItemImages'];
+
+/** Defaults from ImportOptions.php */
+var IMPORT_OPTION_DEFAULTS = {
+  deleteNonExistingItems: false,
+  deleteNonExistingAttributeRelations: true,
+  deleteNonExistingItemPrices: true,
+  deleteNonExistingDesignAreas: true,
+  deleteNonExistingDesignAreaVisualData: false,
+  deleteNonExistingDesignAreaVisualDataImages: false,
+  deleteNonExistingDesignAreaDesignProductionMethod: true,
+  deleteNonExistingDesignAreaDesignProductionMethodPrices: true,
+  deleteNonExistingDesignViewThumbnails: false,
+  deleteNonExistingComponentRelations: false,
+  deleteNonExistingVariants: false,
+  deleteWriteProtectedAttributes: false,
+  deleteNonExistingItemClassificationRelations: true,
+  deleteNonExistingComponentThumbnails: false,
+  deleteNonExistingOptionThumbnails: false,
+  deleteNonExistingItemImages: false,
+  overwriteItemImages: false
+};
+var getDefaultImportOptions = function getDefaultImportOptions() {
+  return _objectSpread({}, IMPORT_OPTION_DEFAULTS);
+};
+var ImportItemDialog = function ImportItemDialog(_ref) {
+  var loginData = _ref.loginData,
+    dispatchShowError = _ref.showErrorMessage,
+    dispatchShowInfo = _ref.showInfoMessage,
+    invalidateItemsList = _ref.invalidateItemsList;
+  var _useState = (0, _react.useState)(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    open = _useState2[0],
+    setOpen = _useState2[1];
+  var _useState3 = (0, _react.useState)(null),
+    _useState4 = _slicedToArray(_useState3, 2),
+    file = _useState4[0],
+    setFile = _useState4[1];
+  var _useState5 = (0, _react.useState)(null),
+    _useState6 = _slicedToArray(_useState5, 2),
+    fileError = _useState6[0],
+    setFileError = _useState6[1];
+  var _useState7 = (0, _react.useState)(getDefaultImportOptions()),
+    _useState8 = _slicedToArray(_useState7, 2),
+    importOptions = _useState8[0],
+    setImportOptions = _useState8[1];
+  var _useState9 = (0, _react.useState)(false),
+    _useState0 = _slicedToArray(_useState9, 2),
+    submitting = _useState0[0],
+    setSubmitting = _useState0[1];
+  var hasCredential = (0, _hasCredentialFor["default"])(loginData, 'item_import');
+  if (!hasCredential) {
+    return null;
+  }
+  var onFileChange = (0, _react.useCallback)(function (e) {
+    var chosenFile = e.target.files && e.target.files[0];
+    setFile(chosenFile || null);
+    setFileError(null);
+    if (!chosenFile) return;
+    var reader = new FileReader();
+    reader.onload = function () {
+      try {
+        var text = reader.result;
+        JSON.parse(text);
+        setFileError(null);
+      } catch (_unused) {
+        setFileError((0, _i18n.t)('item.import.invalidJson'));
+      }
+    };
+    reader.readAsText(chosenFile, 'UTF-8');
+  }, []);
+  var onOptionChange = (0, _react.useCallback)(function (name, checked) {
+    setImportOptions(function (prev) {
+      return _objectSpread(_objectSpread({}, prev), {}, _defineProperty({}, name, checked));
+    });
+  }, []);
+  var buildQueryParams = function buildQueryParams() {
+    var params = {};
+    IMPORT_OPTION_NAMES.forEach(function (name) {
+      params[name] = importOptions[name] ? 'true' : 'false';
+    });
+    return params;
+  };
+  var onSubmit = (0, _react.useCallback)(/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee() {
+    var formData, message, _t;
+    return _regenerator().w(function (_context) {
+      while (1) switch (_context.p = _context.n) {
+        case 0:
+          if (!(!file || fileError)) {
+            _context.n = 1;
+            break;
+          }
+          return _context.a(2);
+        case 1:
+          setSubmitting(true);
+          formData = new FormData();
+          formData.append('file', file);
+          _context.p = 2;
+          _context.n = 3;
+          return _Api["default"].request({
+            method: 'post',
+            url: 'import',
+            data: formData,
+            params: buildQueryParams()
+          });
+        case 3:
+          dispatchShowInfo((0, _i18n.t)('item.import.success'));
+          invalidateItemsList();
+          setOpen(false);
+          setFile(null);
+          setFileError(null);
+          setImportOptions(getDefaultImportOptions());
+          _context.n = 5;
+          break;
+        case 4:
+          _context.p = 4;
+          _t = _context.v;
+          message = _t.response && _t.response.data && typeof _t.response.data.message === 'string' ? _t.response.data.message : (0, _i18n.t)('item.import.error');
+          dispatchShowError(message);
+        case 5:
+          _context.p = 5;
+          setSubmitting(false);
+          return _context.f(5);
+        case 6:
+          return _context.a(2);
+      }
+    }, _callee, null, [[2, 4, 5, 6]]);
+  })), [file, fileError, importOptions, dispatchShowError, dispatchShowInfo, invalidateItemsList]);
+  var onClose = (0, _react.useCallback)(function () {
+    if (!submitting) {
+      setOpen(false);
+      setFileError(null);
+    }
+  }, [submitting]);
+  var canSubmit = file && !fileError && !submitting;
+  var title = (0, _i18n.t)('item.import.dialogTitle');
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_Tooltip["default"], {
+    title: title
+  }, /*#__PURE__*/_react["default"].createElement(_IconButton["default"], {
+    color: "primary",
+    onClick: function onClick() {
+      return setOpen(true);
+    }
+  }, /*#__PURE__*/_react["default"].createElement(_CloudUpload["default"], null))), /*#__PURE__*/_react["default"].createElement(_Dialog["default"], {
+    title: title,
+    open: open,
+    onClose: onClose,
+    actions: /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_FlatButton["default"], {
+      label: (0, _i18n.t)('cancel'),
+      onClick: onClose,
+      disabled: submitting
+    }), /*#__PURE__*/_react["default"].createElement(_FlatButton["default"], {
+      label: (0, _i18n.t)('item.import.submit'),
+      primary: true,
+      onClick: onSubmit,
+      disabled: !canSubmit
+    }))
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    style: {
+      display: 'flex',
+      flexDirection: 'column',
+      gap: 16,
+      minWidth: 420
+    }
+  }, /*#__PURE__*/_react["default"].createElement(_core.Typography, {
+    variant: "body2",
+    color: "textSecondary"
+  }, (0, _i18n.t)('item.import.fileHint')), /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("input", {
+    accept: ".txt,.json",
+    type: "file",
+    onChange: onFileChange,
+    "data-testid": "import-file-input"
+  }), file && /*#__PURE__*/_react["default"].createElement(_core.Typography, {
+    variant: "caption"
+  }, file.name), fileError && /*#__PURE__*/_react["default"].createElement(_core.Typography, {
+    variant: "body2",
+    color: "error"
+  }, fileError)), /*#__PURE__*/_react["default"].createElement(_core.Typography, {
+    variant: "subtitle2"
+  }, (0, _i18n.t)('item.import.optionsHeading')), /*#__PURE__*/_react["default"].createElement("div", {
+    style: {
+      maxHeight: 280,
+      overflowY: 'auto',
+      display: 'flex',
+      flexDirection: 'column',
+      gap: 8
+    }
+  }, IMPORT_OPTION_NAMES.map(function (name) {
+    return /*#__PURE__*/_react["default"].createElement(_FormControlLabel["default"], {
+      key: name,
+      control: /*#__PURE__*/_react["default"].createElement(_Checkbox["default"], {
+        checked: !!importOptions[name],
+        onChange: function onChange(e) {
+          return onOptionChange(name, e.target.checked);
+        },
+        color: "primary"
+      }),
+      label: (0, _i18n.t)("item.import.option.".concat(name))
+    });
+  })))));
+};
+var mapStateToProps = function mapStateToProps(_ref3) {
+  var loginData = _ref3.loginData;
+  return {
+    loginData: loginData
+  };
+};
+var mapDispatchToProps = function mapDispatchToProps(dispatch) {
+  return {
+    showErrorMessage: function showErrorMessage(msg) {
+      return dispatch((0, _Actions.showErrorMessage)(msg));
+    },
+    showInfoMessage: function showInfoMessage(msg) {
+      return dispatch((0, _Actions.showInfoMessage)(msg));
+    },
+    invalidateItemsList: function invalidateItemsList() {
+      return dispatch((0, _Actions2.invalidateSource)(_Actions3.ITEM_LIST_KEY));
+    }
+  };
+};
+var _default = exports["default"] = (0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)(ImportItemDialog);

package/Screens/Item/Containers/List.js

@@ -12,6 +12,7 @@ var _DefaultConnectedList = _interopRequireDefault(require("../../../Components/
 var _ListItemStatusEditor = _interopRequireDefault(require("../Components/ListItemStatusEditor"));
 var _CopyCreatorItemDialog = _interopRequireDefault(require("../Components/CopyCreatorItemDialog"));
 var _ExportCreatorItemDialog = _interopRequireDefault(require("../Components/ExportCreatorItemDialog"));
+var _ImportItemDialog = _interopRequireDefault(require("../Components/ImportItemDialog"));
 var _excluded = ["listProps"];
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
@@ -85,7 +86,7 @@ var ItemList = function ItemList(_ref) {
   return /*#__PURE__*/_react["default"].createElement(ConnectedItemList, _extends({}, props, {
     listProps: _objectSpread({
       renderAction: function renderAction(props) {
-        return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_ListItemStatusEditor["default"], props), /*#__PURE__*/_react["default"].createElement(_CopyCreatorItemDialog["default"], props), /*#__PURE__*/_react["default"].createElement(_ExportCreatorItemDialog["default"], props));
+        return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_ListItemStatusEditor["default"], props), /*#__PURE__*/_react["default"].createElement(_CopyCreatorItemDialog["default"], props), /*#__PURE__*/_react["default"].createElement(_ExportCreatorItemDialog["default"], props), /*#__PURE__*/_react["default"].createElement(_ImportItemDialog["default"], props));
       }
     }, listProps)
   }));

package/Screens/Item/Translations.js

@@ -68,7 +68,36 @@ require("../../App/i18n").use({
       exportAsJson: 'As .json file containing the data for all selected products',
       exportAsZip: 'As .zip file containing a single .json file for each selected product',
       exportError: 'An error occurred while exporting the data!',
-      exportCreatorItemDialogDescription: 'Export data for product: '
+      exportCreatorItemDialogDescription: 'Export data for product: ',
+      "import": {
+        dialogTitle: 'Import items',
+        fileHint: 'Select a .txt or .json file containing valid JSON. The file content is validated before upload.',
+        invalidJson: 'The file does not contain valid JSON.',
+        optionsHeading: 'Import options',
+        priceChannel: 'Price channel (optional)',
+        submit: 'Import',
+        success: 'Import completed successfully.',
+        error: 'Import failed.',
+        option: {
+          deleteNonExistingItems: 'Delete non-existing items',
+          deleteNonExistingAttributeRelations: 'Delete non-existing attribute relations',
+          deleteNonExistingItemPrices: 'Delete non-existing item prices',
+          deleteNonExistingDesignAreas: 'Delete non-existing design areas',
+          deleteNonExistingDesignAreaVisualData: 'Delete non-existing design area visual data',
+          deleteNonExistingDesignAreaVisualDataImages: 'Delete non-existing design area visual data images',
+          deleteNonExistingDesignAreaDesignProductionMethod: 'Delete non-existing design area design production method',
+          deleteNonExistingDesignAreaDesignProductionMethodPrices: 'Delete non-existing design area design production method prices',
+          deleteNonExistingDesignViewThumbnails: 'Delete non-existing design view thumbnails',
+          deleteNonExistingComponentRelations: 'Delete non-existing component relations',
+          deleteNonExistingVariants: 'Delete non-existing variants',
+          deleteWriteProtectedAttributes: 'Delete write-protected attributes',
+          deleteNonExistingItemClassificationRelations: 'Delete non-existing item classification relations',
+          deleteNonExistingComponentThumbnails: 'Delete non-existing component thumbnails',
+          deleteNonExistingOptionThumbnails: 'Delete non-existing option thumbnails',
+          deleteNonExistingItemImages: 'Delete non-existing item images',
+          overwriteItemImages: 'Overwrite item images'
+        }
+      }
     },
     configuratorQuickView: {
       buttonText: 'Preview'
@@ -161,7 +190,36 @@ require("../../App/i18n").use({
       exportAsZip: 'Als .zip Datei mit einzelnen .json Dateien für jedes selektierte Produkt',
       "export": 'exportieren',
       exportError: 'Beim Speichern ist ein Fehler aufgetreten!',
-      exportCreatorItemDialogDescription: 'Daten für folgendes Produkt exportieren: '
+      exportCreatorItemDialogDescription: 'Daten für folgendes Produkt exportieren: ',
+      "import": {
+        dialogTitle: 'Produkte importieren',
+        fileHint: 'Wählen Sie eine .txt- oder .json-Datei mit gültigem JSON. Der Inhalt wird vor dem Upload geprüft.',
+        invalidJson: 'Die Datei enthält kein gültiges JSON.',
+        optionsHeading: 'Import-Optionen',
+        priceChannel: 'Preiskanal (optional)',
+        submit: 'Importieren',
+        success: 'Import erfolgreich abgeschlossen.',
+        error: 'Import fehlgeschlagen.',
+        option: {
+          deleteNonExistingItems: 'Nicht vorhandene Produkte löschen',
+          deleteNonExistingAttributeRelations: 'Nicht vorhandene Attributbeziehungen löschen',
+          deleteNonExistingItemPrices: 'Nicht vorhandene Produktpreise löschen',
+          deleteNonExistingDesignAreas: 'Nicht vorhandene Designbereiche löschen',
+          deleteNonExistingDesignAreaVisualData: 'Nicht vorhandene Designbereichs-Visualdaten löschen',
+          deleteNonExistingDesignAreaVisualDataImages: 'Nicht vorhandene Designbereichs-Visualdaten-Bilder löschen',
+          deleteNonExistingDesignAreaDesignProductionMethod: 'Nicht vorhandene Designbereichs-Produktionsmethode löschen',
+          deleteNonExistingDesignAreaDesignProductionMethodPrices: 'Nicht vorhandene Designbereichs-Produktionsmethodenpreise löschen',
+          deleteNonExistingDesignViewThumbnails: 'Nicht vorhandene Designansicht-Vorschaubilder löschen',
+          deleteNonExistingComponentRelations: 'Nicht vorhandene Komponentenbeziehungen löschen',
+          deleteNonExistingVariants: 'Nicht vorhandene Varianten löschen',
+          deleteWriteProtectedAttributes: 'Schreibgeschützte Attribute löschen',
+          deleteNonExistingItemClassificationRelations: 'Nicht vorhandene Produktkategorie-Beziehungen löschen',
+          deleteNonExistingComponentThumbnails: 'Nicht vorhandene Komponenten-Vorschaubilder löschen',
+          deleteNonExistingOptionThumbnails: 'Nicht vorhandene Optionen-Vorschaubilder löschen',
+          deleteNonExistingItemImages: 'Nicht vorhandene Produktbilder löschen',
+          overwriteItemImages: 'Produktbilder überschreiben'
+        }
+      }
     },
     configuratorQuickView: {
       buttonText: 'Vorschau'

package/Screens/OptionCountryExclusions/Screen.js

@@ -0,0 +1,213 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireWildcard(require("react"));
+require("./Translations");
+var _reactRedux = require("react-redux");
+var _lodash = require("lodash");
+var _i18n = require("../../App/i18n");
+var _GeneralFragments = require("../../Components/GeneralFragments");
+var _Hint = _interopRequireDefault(require("../../Components/Hint"));
+var _Table = require("../../UIComponents/Table");
+var _Checkbox = _interopRequireDefault(require("../../UIComponents/Checkbox"));
+var _CircularProgress = _interopRequireDefault(require("../../UIComponents/CircularProgress"));
+var _Tooltip = _interopRequireDefault(require("../../UIComponents/Tooltip"));
+var _Actions = require("../../App/Reducers/Api/Actions");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _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 _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+function _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); }
+var OPTIONS_KEY = 'option_country_exclusions_options';
+var COUNTRIES_KEY = 'option_country_exclusions_countries';
+var EXCLUSIONS_KEY = 'option_country_exclusions_exclusions';
+var EXCLUSIONS_LIST_KEY = 'option_country_exclusions_exclusions_list';
+function getList(dataSource) {
+  if (!dataSource || !dataSource.data) return [];
+  var data = dataSource.data;
+  return Array.isArray(data) ? data : data && data.data || [];
+}
+function getCountriesList(dataSource) {
+  if (!dataSource || !dataSource.data) return [];
+  var data = dataSource.data;
+  if (data && _typeof(data) === 'object' && !Array.isArray(data)) {
+    return Object.entries(data).map(function (_ref) {
+      var _ref2 = _slicedToArray(_ref, 2),
+        alpha2 = _ref2[0],
+        name = _ref2[1];
+      return {
+        alpha2: alpha2,
+        name: name || alpha2
+      };
+    });
+  }
+  return Array.isArray(data) ? data : data && data.data || [];
+}
+var OptionCountryExclusionsScreen = function OptionCountryExclusionsScreen(_ref3) {
+  var optionsSource = _ref3.optionsSource,
+    countriesSource = _ref3.countriesSource,
+    exclusionsSource = _ref3.exclusionsSource,
+    dispatch = _ref3.dispatch;
+  var _useState = (0, _react.useState)(function () {
+      return new Set();
+    }),
+    _useState2 = _slicedToArray(_useState, 2),
+    exclusionSet = _useState2[0],
+    setExclusionSet = _useState2[1];
+  var options = (0, _react.useMemo)(function () {
+    return getList(optionsSource);
+  }, [optionsSource]);
+  var countries = (0, _react.useMemo)(function () {
+    return getCountriesList(countriesSource);
+  }, [countriesSource]);
+  var exclusions = (0, _react.useMemo)(function () {
+    return getList(exclusionsSource);
+  }, [exclusionsSource]);
+  (0, _react.useEffect)(function () {
+    dispatch((0, _Actions.fetchDataIfNeeded)('options', OPTIONS_KEY));
+    dispatch((0, _Actions.fetchDataIfNeeded)('exclusioncountries', COUNTRIES_KEY));
+    dispatch((0, _Actions.fetchDataIfNeeded)('optioncountryexclusions', EXCLUSIONS_LIST_KEY));
+  }, []);
+  (0, _react.useEffect)(function () {
+    if (exclusions) {
+      var set = new Set();
+      exclusions.forEach(function (item) {
+        var optionId = (0, _lodash.get)(item, 'option.id');
+        var alpha2 = (0, _lodash.get)(item, 'country.alpha2');
+        if (optionId != null && alpha2) {
+          set.add("".concat(optionId, "-").concat(alpha2));
+        }
+      });
+      setExclusionSet(set);
+    }
+  }, [exclusions]);
+  var isFetching = (optionsSource === null || optionsSource === void 0 ? void 0 : optionsSource.isFetching) || (countriesSource === null || countriesSource === void 0 ? void 0 : countriesSource.isFetching) || (exclusionsSource === null || exclusionsSource === void 0 ? void 0 : exclusionsSource.isFetching);
+  var hasData = options.length > 0 || countries.length > 0;
+  var showLoader = isFetching && !hasData;
+  var showMatrix = hasData && !isFetching;
+  var isExcluded = function isExcluded(optionId, countryAlpha2) {
+    return exclusionSet.has("".concat(optionId, "-").concat(countryAlpha2));
+  };
+  var handleToggle = function handleToggle(optionId, countryAlpha2) {
+    var excluded = isExcluded(optionId, countryAlpha2);
+    var key = "".concat(optionId, "-").concat(countryAlpha2);
+    if (excluded) {
+      dispatch((0, _Actions.deleteData)('optioncountryexclusions', "".concat(optionId, "/").concat(countryAlpha2), EXCLUSIONS_KEY)).then(function () {
+        setExclusionSet(function (prev) {
+          var next = new Set(prev);
+          next["delete"](key);
+          return next;
+        });
+      });
+    } else {
+      dispatch((0, _Actions.postData)("optioncountryexclusions/".concat(optionId, "/").concat(countryAlpha2), {}, EXCLUSIONS_KEY)).then(function () {
+        setExclusionSet(function (prev) {
+          return new Set(prev).add(key);
+        });
+      });
+    }
+  };
+  if (showLoader) {
+    return /*#__PURE__*/_react["default"].createElement("div", {
+      className: "option-country-exclusions-screen",
+      style: {
+        padding: 24
+      }
+    }, /*#__PURE__*/_react["default"].createElement(_GeneralFragments.Headline, {
+      text: (0, _i18n.T)('option_country_exclusion')
+    }), /*#__PURE__*/_react["default"].createElement(_Hint["default"], {
+      hintText: (0, _i18n.T)('optionCountryExclusionHint')
+    }), /*#__PURE__*/_react["default"].createElement("div", {
+      style: {
+        display: 'flex',
+        alignItems: 'center',
+        gap: 16,
+        marginTop: 16
+      }
+    }, /*#__PURE__*/_react["default"].createElement(_CircularProgress["default"], {
+      size: 24
+    }), /*#__PURE__*/_react["default"].createElement("span", null, (0, _i18n.T)('Loading data'), "...")));
+  }
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "option-country-exclusions-screen",
+    style: {
+      padding: 24
+    }
+  }, /*#__PURE__*/_react["default"].createElement(_GeneralFragments.Headline, {
+    text: (0, _i18n.T)('option_country_exclusion')
+  }), /*#__PURE__*/_react["default"].createElement(_Hint["default"], {
+    hintText: (0, _i18n.T)('optionCountryExclusionHint')
+  }), showMatrix && /*#__PURE__*/_react["default"].createElement("div", {
+    style: {
+      overflowX: 'auto',
+      marginTop: 16
+    }
+  }, /*#__PURE__*/_react["default"].createElement(_Table.Table, null, /*#__PURE__*/_react["default"].createElement(_Table.TableHead, null, /*#__PURE__*/_react["default"].createElement(_Table.TableRow, null, /*#__PURE__*/_react["default"].createElement(_Table.TableHeadColumn, {
+    style: {
+      minWidth: 220
+    }
+  }, (0, _i18n.T)('optionCountryExclusionOptionLandLabel')), countries.map(function (country) {
+    var alpha2 = (0, _lodash.get)(country, 'alpha2');
+    var name = (0, _lodash.get)(country, 'name') || alpha2;
+    return /*#__PURE__*/_react["default"].createElement(_Table.TableHeadColumn, {
+      key: alpha2,
+      style: {
+        minWidth: 60,
+        textAlign: 'center'
+      }
+    }, /*#__PURE__*/_react["default"].createElement(_Tooltip["default"], {
+      title: name
+    }, /*#__PURE__*/_react["default"].createElement("span", null, alpha2)));
+  }))), /*#__PURE__*/_react["default"].createElement(_Table.TableBody, null, options.map(function (opt) {
+    var optionId = (0, _lodash.get)(opt, 'id');
+    var optionLabel = (0, _lodash.get)(opt, 'translated_title') || (0, _lodash.get)(opt, 'identifier');
+    if (opt.translated_title) {
+      optionLabel += " (".concat((0, _lodash.get)(opt, 'identifier'), ")");
+    }
+    return /*#__PURE__*/_react["default"].createElement(_Table.TableRow, {
+      key: opt.id
+    }, /*#__PURE__*/_react["default"].createElement(_Table.TableRowColumn, {
+      style: {
+        minWidth: 220
+      }
+    }, /*#__PURE__*/_react["default"].createElement("span", null, optionLabel)), countries.map(function (country) {
+      var alpha2 = (0, _lodash.get)(country, 'alpha2');
+      var checked = isExcluded(optionId, alpha2);
+      return /*#__PURE__*/_react["default"].createElement(_Table.TableRowColumn, {
+        key: alpha2,
+        style: {
+          textAlign: 'center'
+        }
+      }, /*#__PURE__*/_react["default"].createElement(_Checkbox["default"], {
+        checked: checked,
+        onChange: function onChange() {
+          return handleToggle(optionId, alpha2);
+        }
+      }));
+    }));
+  })))), !showMatrix && hasData && /*#__PURE__*/_react["default"].createElement("div", {
+    style: {
+      marginTop: 16
+    }
+  }, (0, _i18n.T)('Loading data'), "..."), !showLoader && !hasData && !isFetching && /*#__PURE__*/_react["default"].createElement("div", {
+    style: {
+      marginTop: 16
+    }
+  }, (0, _i18n.T)('There are no records')));
+};
+var mapStateToProps = function mapStateToProps(state) {
+  var dataBySource = (0, _lodash.get)(state, 'dataBySource', {});
+  return {
+    optionsSource: dataBySource[OPTIONS_KEY],
+    countriesSource: dataBySource[COUNTRIES_KEY],
+    exclusionsSource: dataBySource[EXCLUSIONS_LIST_KEY]
+  };
+};
+var _default = exports["default"] = (0, _reactRedux.connect)(mapStateToProps)(OptionCountryExclusionsScreen);

package/Screens/OptionCountryExclusions/Translations.js

@@ -0,0 +1,18 @@
+"use strict";
+
+require("../../App/i18n").use({
+  de: {
+    option_country_exclusion: 'Option-Land Ausschluss',
+    optionCountryExclusionCountryColumn: 'Land',
+    optionCountryExclusionOptionColumn: 'Option',
+    optionCountryExclusionOptionLandLabel: 'Option / Land',
+    optionCountryExclusionHint: 'Markierte Optionen werden im entsprechenden Land ausgeblendet.'
+  },
+  en: {
+    option_country_exclusion: 'Option-Country Exclusion',
+    optionCountryExclusionCountryColumn: 'Country',
+    optionCountryExclusionOptionColumn: 'Option',
+    optionCountryExclusionOptionLandLabel: 'Option / Country',
+    optionCountryExclusionHint: 'Checked options will be hidden in the corresponding country.'
+  }
+}, true);

package/Screens/OptionCountryExclusions/index.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _Screen = _interopRequireDefault(require("./Screen"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+var _default = exports["default"] = {
+  Screen: _Screen["default"],
+  credentials: ['option_country_exclusions']
+};

package/Screens/index.js

@@ -135,6 +135,9 @@ function importFeature(featureName) {
     case 'option_pools':
       module = require("./OptionPools");
       break;
+    case 'option_country_exclusions':
+      module = require("./OptionCountryExclusions");
+      break;
     case 'groups':
       module = require("./Group");
       break;

package/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@configuratorware/configurator-admingui",
-  "version": "1.54.3",
+  "version": "1.55.2",
   "license": "UNLICENSED",
   "private": false,
   "dependencies": {
     "@babel/polyfill": "^7.12.1",
-    "@configuratorware/scripts": "1.54.3",
+    "@configuratorware/scripts": "1.55.2",
     "@material-ui/core": "^3.9.4",
     "@material-ui/icons": "^3.0.2",
     "@tweenjs/tween.js": "^17.6.0",
@@ -29,7 +29,7 @@
     "react-redux-i18n": "^1.9.3",
     "react-router": "^3.2.6",
     "react-sortable-hoc": "^1.11.0",
-    "redhotmagma-visualization": "1.54.3",
+    "redhotmagma-visualization": "1.55.2",
     "redux": "^4.1.0",
     "redux-logger": "^3.0.6",
     "redux-persist": "^5.10.0",