@configuratorware/configurator-admingui 1.28.4 → 1.29.0

package/Screens/Creator/Components/CheckData/Constants.js

@@ -0,0 +1,58 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MESSAGE_DESIGNER_DESIGN_AREA_PRODUCTION_METHOD_NEUTRAL = exports.MESSAGE_DESIGNER_DESIGN_AREA_NEUTRAL = exports.MESSAGE_DESIGNER_DESIGN_AREAS_ERROR = exports.MESSAGE_DESIGNER_DESIGN_AREAS_NEUTRAL = exports.MESSAGE_DESIGNER_VIEWS_NOTICE = exports.MESSAGE_DESIGNER_VIEWS_NEUTRAL = exports.MESSAGE_CREATOR_RULE_NEUTRAL = exports.MESSAGE_CREATOR_DEFAULT_OPTION_NOTICE = exports.MESSAGE_CREATOR_DEFAULT_OPTION_NEUTRAL = exports.MESSAGE_CREATOR_DEFAULT_CONFIGURATION_ERROR = exports.MESSAGE_CREATOR_DEFAULT_CONFIGURATION_NEUTRAL = exports.MESSAGE_CREATOR_OPTION_NEUTRAL = exports.MESSAGE_CREATOR_COMPONENT_TITLE_NEUTRAL = exports.MESSAGE_CREATOR_COMPONENTS_ERROR = exports.MESSAGE_CREATOR_COMPONENTS_NEUTRAL = exports.MESSAGE_ITEM_VARIANTS_NEUTRAL = exports.MESSAGE_ITEM_CONFIGURATION_MODE_DESIGNER_NOTICE = exports.MESSAGE_ITEM_CONFIGURATION_MODE_DESIGNER_NEUTRAL = exports.MESSAGE_ITEM_CONFIGURATION_MODE_CREATOR_NOTICE = exports.MESSAGE_ITEM_CONFIGURATION_MODE_CREATOR_NEUTRAL = exports.MESSAGE_ITEM_TITLE_NEUTRAL = exports.MESSAGE_ITEM_TITLE_NOTICE = exports.TYPE_ERROR = exports.TYPE_NOTICE = exports.TYPE_NEUTRAL = void 0;
+// copied from configuratorapi/src/Structure/Frontend/DataCheck.php
+var TYPE_NEUTRAL = 'neutral';
+exports.TYPE_NEUTRAL = TYPE_NEUTRAL;
+var TYPE_NOTICE = 'notice';
+exports.TYPE_NOTICE = TYPE_NOTICE;
+var TYPE_ERROR = 'error';
+exports.TYPE_ERROR = TYPE_ERROR;
+var MESSAGE_ITEM_TITLE_NOTICE = "item_title_".concat(TYPE_NOTICE);
+exports.MESSAGE_ITEM_TITLE_NOTICE = MESSAGE_ITEM_TITLE_NOTICE;
+var MESSAGE_ITEM_TITLE_NEUTRAL = "item_title_".concat(TYPE_NEUTRAL);
+exports.MESSAGE_ITEM_TITLE_NEUTRAL = MESSAGE_ITEM_TITLE_NEUTRAL;
+var MESSAGE_ITEM_CONFIGURATION_MODE_CREATOR_NEUTRAL = "item_configuration_mode_creator_".concat(TYPE_NEUTRAL);
+exports.MESSAGE_ITEM_CONFIGURATION_MODE_CREATOR_NEUTRAL = MESSAGE_ITEM_CONFIGURATION_MODE_CREATOR_NEUTRAL;
+var MESSAGE_ITEM_CONFIGURATION_MODE_CREATOR_NOTICE = "item_configuration_mode_creator_".concat(TYPE_NOTICE);
+exports.MESSAGE_ITEM_CONFIGURATION_MODE_CREATOR_NOTICE = MESSAGE_ITEM_CONFIGURATION_MODE_CREATOR_NOTICE;
+var MESSAGE_ITEM_CONFIGURATION_MODE_DESIGNER_NEUTRAL = "item_configuration_mode_designer_".concat(TYPE_NEUTRAL);
+exports.MESSAGE_ITEM_CONFIGURATION_MODE_DESIGNER_NEUTRAL = MESSAGE_ITEM_CONFIGURATION_MODE_DESIGNER_NEUTRAL;
+var MESSAGE_ITEM_CONFIGURATION_MODE_DESIGNER_NOTICE = "item_configuration_mode_designer_".concat(TYPE_NOTICE);
+exports.MESSAGE_ITEM_CONFIGURATION_MODE_DESIGNER_NOTICE = MESSAGE_ITEM_CONFIGURATION_MODE_DESIGNER_NOTICE;
+var MESSAGE_ITEM_VARIANTS_NEUTRAL = "item_variants_".concat(TYPE_NEUTRAL);
+exports.MESSAGE_ITEM_VARIANTS_NEUTRAL = MESSAGE_ITEM_VARIANTS_NEUTRAL;
+var MESSAGE_CREATOR_COMPONENTS_NEUTRAL = "creator_component_".concat(TYPE_NEUTRAL);
+exports.MESSAGE_CREATOR_COMPONENTS_NEUTRAL = MESSAGE_CREATOR_COMPONENTS_NEUTRAL;
+var MESSAGE_CREATOR_COMPONENTS_ERROR = "creator_component_".concat(TYPE_ERROR);
+exports.MESSAGE_CREATOR_COMPONENTS_ERROR = MESSAGE_CREATOR_COMPONENTS_ERROR;
+var MESSAGE_CREATOR_COMPONENT_TITLE_NEUTRAL = "creator_component_title_".concat(TYPE_NEUTRAL);
+exports.MESSAGE_CREATOR_COMPONENT_TITLE_NEUTRAL = MESSAGE_CREATOR_COMPONENT_TITLE_NEUTRAL;
+var MESSAGE_CREATOR_OPTION_NEUTRAL = "creator_component_option_".concat(TYPE_NEUTRAL);
+exports.MESSAGE_CREATOR_OPTION_NEUTRAL = MESSAGE_CREATOR_OPTION_NEUTRAL;
+var MESSAGE_CREATOR_DEFAULT_CONFIGURATION_NEUTRAL = "creator_default_configuration_".concat(TYPE_NEUTRAL);
+exports.MESSAGE_CREATOR_DEFAULT_CONFIGURATION_NEUTRAL = MESSAGE_CREATOR_DEFAULT_CONFIGURATION_NEUTRAL;
+var MESSAGE_CREATOR_DEFAULT_CONFIGURATION_ERROR = "creator_default_configuration_".concat(TYPE_ERROR);
+exports.MESSAGE_CREATOR_DEFAULT_CONFIGURATION_ERROR = MESSAGE_CREATOR_DEFAULT_CONFIGURATION_ERROR;
+var MESSAGE_CREATOR_DEFAULT_OPTION_NEUTRAL = "creator_default_option_".concat(TYPE_NEUTRAL);
+exports.MESSAGE_CREATOR_DEFAULT_OPTION_NEUTRAL = MESSAGE_CREATOR_DEFAULT_OPTION_NEUTRAL;
+var MESSAGE_CREATOR_DEFAULT_OPTION_NOTICE = "creator_default_option_".concat(TYPE_NOTICE);
+exports.MESSAGE_CREATOR_DEFAULT_OPTION_NOTICE = MESSAGE_CREATOR_DEFAULT_OPTION_NOTICE;
+var MESSAGE_CREATOR_RULE_NEUTRAL = "creator_rule_".concat(TYPE_NEUTRAL);
+exports.MESSAGE_CREATOR_RULE_NEUTRAL = MESSAGE_CREATOR_RULE_NEUTRAL;
+var MESSAGE_DESIGNER_VIEWS_NEUTRAL = "designer_views_".concat(TYPE_NEUTRAL);
+exports.MESSAGE_DESIGNER_VIEWS_NEUTRAL = MESSAGE_DESIGNER_VIEWS_NEUTRAL;
+var MESSAGE_DESIGNER_VIEWS_NOTICE = "designer_views_".concat(TYPE_NOTICE);
+exports.MESSAGE_DESIGNER_VIEWS_NOTICE = MESSAGE_DESIGNER_VIEWS_NOTICE;
+var MESSAGE_DESIGNER_DESIGN_AREAS_NEUTRAL = "designer_design_areas_".concat(TYPE_NEUTRAL);
+exports.MESSAGE_DESIGNER_DESIGN_AREAS_NEUTRAL = MESSAGE_DESIGNER_DESIGN_AREAS_NEUTRAL;
+var MESSAGE_DESIGNER_DESIGN_AREAS_ERROR = "designer_design_areas_".concat(TYPE_ERROR);
+exports.MESSAGE_DESIGNER_DESIGN_AREAS_ERROR = MESSAGE_DESIGNER_DESIGN_AREAS_ERROR;
+"";
+var MESSAGE_DESIGNER_DESIGN_AREA_NEUTRAL = "designer_design_area_".concat(TYPE_NEUTRAL);
+exports.MESSAGE_DESIGNER_DESIGN_AREA_NEUTRAL = MESSAGE_DESIGNER_DESIGN_AREA_NEUTRAL;
+var MESSAGE_DESIGNER_DESIGN_AREA_PRODUCTION_METHOD_NEUTRAL = "designer_design_area_production_method_".concat(TYPE_NEUTRAL);
+exports.MESSAGE_DESIGNER_DESIGN_AREA_PRODUCTION_METHOD_NEUTRAL = MESSAGE_DESIGNER_DESIGN_AREA_PRODUCTION_METHOD_NEUTRAL;

package/Screens/Creator/Components/CheckData/Translations.js

@@ -0,0 +1,34 @@
+"use strict";
+
+var _Constants = require("./Constants");
+
+var _types, _messages, _types2, _messages2;
+
+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; }
+
+require("../../../../App/i18n").use({
+  en: {
+    dataCheck: {
+      buttonLabel: 'Check data',
+      dialogTitle: 'Data check results',
+      dataCheckFailed: 'Data check failed.',
+      item: 'Item data',
+      creator: 'creator data',
+      designer: 'designer data',
+      types: (_types = {}, _defineProperty(_types, _Constants.TYPE_NEUTRAL, ' '), _defineProperty(_types, _Constants.TYPE_NOTICE, 'NOTICE'), _defineProperty(_types, _Constants.TYPE_ERROR, 'ERROR'), _types),
+      messages: (_messages = {}, _defineProperty(_messages, _Constants.MESSAGE_ITEM_TITLE_NOTICE, 'Empty item title!'), _defineProperty(_messages, _Constants.MESSAGE_ITEM_TITLE_NEUTRAL, 'Item title set'), _defineProperty(_messages, _Constants.MESSAGE_ITEM_CONFIGURATION_MODE_CREATOR_NEUTRAL, 'Item is available in the creator'), _defineProperty(_messages, _Constants.MESSAGE_ITEM_CONFIGURATION_MODE_CREATOR_NOTICE, 'Item is not available in the creator'), _defineProperty(_messages, _Constants.MESSAGE_ITEM_CONFIGURATION_MODE_DESIGNER_NEUTRAL, 'Item is available in the designer'), _defineProperty(_messages, _Constants.MESSAGE_ITEM_CONFIGURATION_MODE_DESIGNER_NOTICE, 'Item is not available in the designer'), _defineProperty(_messages, _Constants.MESSAGE_ITEM_VARIANTS_NEUTRAL, '%{amount} variants set'), _defineProperty(_messages, _Constants.MESSAGE_CREATOR_COMPONENTS_NEUTRAL, '%{components_amount} components set:'), _defineProperty(_messages, _Constants.MESSAGE_CREATOR_COMPONENTS_ERROR, 'No components set!'), _defineProperty(_messages, _Constants.MESSAGE_CREATOR_COMPONENT_TITLE_NEUTRAL, '%{component_name}:'), _defineProperty(_messages, _Constants.MESSAGE_CREATOR_OPTION_NEUTRAL, '%{options_amount} options available:<br/>%{options}'), _defineProperty(_messages, _Constants.MESSAGE_CREATOR_DEFAULT_CONFIGURATION_NEUTRAL, 'Default configuration set:'), _defineProperty(_messages, _Constants.MESSAGE_CREATOR_DEFAULT_CONFIGURATION_ERROR, 'Default configuration not set!'), _defineProperty(_messages, _Constants.MESSAGE_CREATOR_DEFAULT_OPTION_NEUTRAL, '%{component_name}: %{option}'), _defineProperty(_messages, _Constants.MESSAGE_CREATOR_DEFAULT_OPTION_NOTICE, '%{component_name}: nothing'), _defineProperty(_messages, _Constants.MESSAGE_CREATOR_RULE_NEUTRAL, '%{amount} rules set'), _defineProperty(_messages, _Constants.MESSAGE_DESIGNER_VIEWS_NEUTRAL, '%{amount} views set'), _defineProperty(_messages, _Constants.MESSAGE_DESIGNER_VIEWS_NOTICE, 'No views set <br/>- will display in fallback mode'), _defineProperty(_messages, _Constants.MESSAGE_DESIGNER_DESIGN_AREAS_NEUTRAL, '%{amount} designareas set:'), _defineProperty(_messages, _Constants.MESSAGE_DESIGNER_DESIGN_AREAS_ERROR, 'No designareas set!'), _defineProperty(_messages, _Constants.MESSAGE_DESIGNER_DESIGN_AREA_NEUTRAL, '%{title}:'), _defineProperty(_messages, _Constants.MESSAGE_DESIGNER_DESIGN_AREA_PRODUCTION_METHOD_NEUTRAL, '%{title}'), _messages)
+    }
+  },
+  de: {
+    dataCheck: {
+      buttonLabel: 'Daten überprüfen',
+      dialogTitle: 'Datenprüfung',
+      dataCheckFailed: 'Datenprüfung fehlgeschlagen.',
+      item: 'Produktdaten',
+      creator: 'creator Daten',
+      designer: 'designer Daten',
+      types: (_types2 = {}, _defineProperty(_types2, _Constants.TYPE_NEUTRAL, ' '), _defineProperty(_types2, _Constants.TYPE_NOTICE, 'HINWEIS'), _defineProperty(_types2, _Constants.TYPE_ERROR, 'FEHLER'), _types2),
+      messages: (_messages2 = {}, _defineProperty(_messages2, _Constants.MESSAGE_ITEM_TITLE_NOTICE, 'Produkttitel ist nicht gepflegt'), _defineProperty(_messages2, _Constants.MESSAGE_ITEM_TITLE_NEUTRAL, 'Produkttitel ist gepflegt'), _defineProperty(_messages2, _Constants.MESSAGE_ITEM_CONFIGURATION_MODE_CREATOR_NEUTRAL, 'Produkt ist im creator verfügbar'), _defineProperty(_messages2, _Constants.MESSAGE_ITEM_CONFIGURATION_MODE_CREATOR_NOTICE, 'Produkt ist nicht im creator verfügbar'), _defineProperty(_messages2, _Constants.MESSAGE_ITEM_CONFIGURATION_MODE_DESIGNER_NEUTRAL, 'Produkt ist im designer verfügbar'), _defineProperty(_messages2, _Constants.MESSAGE_ITEM_CONFIGURATION_MODE_DESIGNER_NOTICE, 'Produkt ist nicht im designer verfügbar'), _defineProperty(_messages2, _Constants.MESSAGE_ITEM_VARIANTS_NEUTRAL, '%{amount} Varianten gepflegt'), _defineProperty(_messages2, _Constants.MESSAGE_CREATOR_COMPONENTS_NEUTRAL, '%{components_amount} Komponenten gepflegt:'), _defineProperty(_messages2, _Constants.MESSAGE_CREATOR_COMPONENTS_ERROR, 'Keine Komponenten gepflegt!'), _defineProperty(_messages2, _Constants.MESSAGE_CREATOR_COMPONENT_TITLE_NEUTRAL, '%{component_name}:'), _defineProperty(_messages2, _Constants.MESSAGE_CREATOR_OPTION_NEUTRAL, '%{options_amount}  Optionen verfügbar:<br/>%{options}'), _defineProperty(_messages2, _Constants.MESSAGE_CREATOR_DEFAULT_CONFIGURATION_NEUTRAL, 'Standardkonfiguration gepflegt:'), _defineProperty(_messages2, _Constants.MESSAGE_CREATOR_DEFAULT_CONFIGURATION_ERROR, 'Standardkonfiguration nicht gepflegt!'), _defineProperty(_messages2, _Constants.MESSAGE_CREATOR_DEFAULT_OPTION_NEUTRAL, '%{component_name}: %{option}'), _defineProperty(_messages2, _Constants.MESSAGE_CREATOR_DEFAULT_OPTION_NOTICE, '%{component_name}: nicht gepflegt'), _defineProperty(_messages2, _Constants.MESSAGE_CREATOR_RULE_NEUTRAL, '%{amount} Regeln gepflegt'), _defineProperty(_messages2, _Constants.MESSAGE_DESIGNER_VIEWS_NEUTRAL, '%{amount} Designansichten gepflegt'), _defineProperty(_messages2, _Constants.MESSAGE_DESIGNER_VIEWS_NOTICE, 'Keine Designansichten gepflegt <br/> - wird im Fallback Modus dargestellt'), _defineProperty(_messages2, _Constants.MESSAGE_DESIGNER_DESIGN_AREAS_NEUTRAL, '%{amount} Designflächen gepflegt:'), _defineProperty(_messages2, _Constants.MESSAGE_DESIGNER_DESIGN_AREAS_ERROR, 'Keine Designfläche gepflegt!'), _defineProperty(_messages2, _Constants.MESSAGE_DESIGNER_DESIGN_AREA_NEUTRAL, '%{title}:'), _defineProperty(_messages2, _Constants.MESSAGE_DESIGNER_DESIGN_AREA_PRODUCTION_METHOD_NEUTRAL, '%{title}'), _messages2)
+    }
+  }
+}, true);

package/Screens/Creator/Components/ComponentEditor.js

@@ -0,0 +1,245 @@
+"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"] = exports.ComponentEditor = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _i18n = require("../../../App/i18n");
+
+var _DialogContent = _interopRequireDefault(require("@material-ui/core/DialogContent"));
+
+var _DialogActions = _interopRequireDefault(require("@material-ui/core/DialogActions"));
+
+var _RaisedButton = _interopRequireDefault(require("../../../UIComponents/RaisedButton"));
+
+var _FlatButton = _interopRequireDefault(require("../../../UIComponents/FlatButton"));
+
+var _Dialog = _interopRequireDefault(require("../../../UIComponents/Dialog"));
+
+var _ConfigurationActions = require("../Reducers/ConfigurationActions");
+
+var _get = _interopRequireDefault(require("lodash/get"));
+
+var _reactRedux = require("react-redux");
+
+var _Api = _interopRequireDefault(require("../../../App/Api"));
+
+var _MenuItem = _interopRequireDefault(require("../../../UIComponents/MenuItem"));
+
+var _SelectField = _interopRequireDefault(require("../../../UIComponents/SelectField"));
+
+var _Actions = require("../../../App/Reducers/Api/Actions");
+
+var _CircularProgress = _interopRequireDefault(require("@material-ui/core/CircularProgress"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
+
+function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
+
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+require("../../../App/i18n").use({
+  en: {
+    componentEditor: {
+      dialogTitle: 'Component settings: %{componentName}',
+      dialogInfo: 'This view will be selected automatically<br/> when selecting the component.',
+      fields: {
+        linkedView: 'Selected view',
+        linkedViewDefaultLabel: 'default view'
+      },
+      error: {
+        viewListNotAvailable: 'View list not available'
+      }
+    }
+  },
+  de: {
+    componentEditor: {
+      dialogTitle: 'Komponenteneinstellungen: %{componentName}',
+      dialogInfo: 'Diese Ansicht wird automatisch gewählt,<br/>wenn die Komponente selektiert wird.',
+      fields: {
+        linkedView: 'Ausgewählte Ansicht',
+        linkedViewDefaultLabel: 'Standardansicht'
+      },
+      error: {
+        viewListNotAvailable: 'Liste der Ansichten nicht verfügbar'
+      }
+    }
+  }
+});
+
+var ComponentEditor = function ComponentEditor(_ref) {
+  var component = _ref.component,
+      onChange = _ref.onChange,
+      onClose = _ref.onClose;
+
+  var _useState = (0, _react.useState)(null),
+      _useState2 = _slicedToArray(_useState, 2),
+      creatorViewList = _useState2[0],
+      setCreatorViewList = _useState2[1];
+
+  var _useState3 = (0, _react.useState)(null),
+      _useState4 = _slicedToArray(_useState3, 2),
+      creatorViewId = _useState4[0],
+      setCreatorViewId = _useState4[1];
+
+  var _useState5 = (0, _react.useState)(null),
+      _useState6 = _slicedToArray(_useState5, 2),
+      error = _useState6[0],
+      setError = _useState6[1];
+
+  var _useState7 = (0, _react.useState)(false),
+      _useState8 = _slicedToArray(_useState7, 2),
+      loading = _useState8[0],
+      setLoading = _useState8[1];
+
+  var itemId = (0, _reactRedux.useSelector)(function (state) {
+    return (0, _get["default"])(state, "".concat(_ConfigurationActions.CONFIGURATION_REDUCER_NAME, ".source.item.id"));
+  });
+  var dispatch = (0, _reactRedux.useDispatch)();
+  (0, _react.useEffect)(function () {
+    component && setCreatorViewId(component.creatorViewId);
+  }, [component]);
+  (0, _react.useEffect)(function () {
+    if (!itemId || !component) {
+      return;
+    }
+
+    setError(null);
+    setLoading(true);
+
+    var _Api$create = _Api["default"].create(),
+        request = _Api$create.request,
+        cancel = _Api$create.cancel;
+
+    _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
+      var result;
+      return regeneratorRuntime.wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              _context.prev = 0;
+              _context.next = 3;
+              return request({
+                method: 'get',
+                url: "/creator_views",
+                params: {
+                  filters: {
+                    'creatorview.item.id': itemId
+                  }
+                }
+              });
+
+            case 3:
+              result = _context.sent;
+              setCreatorViewList((0, _get["default"])(result, 'data.data'));
+              _context.next = 11;
+              break;
+
+            case 7:
+              _context.prev = 7;
+              _context.t0 = _context["catch"](0);
+              dispatch((0, _Actions.networkError)('creator_views', 'creator_views', _context.t0));
+              setError((0, _i18n.T)('componentEditor.error.viewListNotAvailable'));
+
+            case 11:
+              _context.prev = 11;
+              setLoading(false);
+              return _context.finish(11);
+
+            case 14:
+            case "end":
+              return _context.stop();
+          }
+        }
+      }, _callee, null, [[0, 7, 11, 14]]);
+    }))();
+
+    return cancel;
+  }, [itemId, dispatch, component]);
+
+  if (!component) {
+    return null;
+  }
+
+  var content = error || (loading ? /*#__PURE__*/_react["default"].createElement(_CircularProgress["default"], {
+    size: 24
+  }) : /*#__PURE__*/_react["default"].createElement("div", {
+    style: {
+      display: 'flex',
+      flexDirection: 'column'
+    }
+  }, (0, _i18n.T)('componentEditor.dialogInfo'), /*#__PURE__*/_react["default"].createElement(_SelectField["default"], {
+    onChange: function onChange(_ref3) {
+      var value = _ref3.target.value;
+      setCreatorViewId(value);
+    },
+    value: creatorViewId || 'default',
+    disableUnderline: true,
+    label: (0, _i18n.T)('componentEditor.fields.linkedView'),
+    style: {
+      minWidth: 200,
+      marginTop: 25,
+      fontSize: '1.2 em'
+    }
+  }, /*#__PURE__*/_react["default"].createElement(_MenuItem["default"], {
+    value: 'default'
+  }, (0, _i18n.T)('componentEditor.fields.linkedViewDefaultLabel')), creatorViewList && creatorViewList.map(function (option) {
+    return /*#__PURE__*/_react["default"].createElement(_MenuItem["default"], {
+      value: option.id,
+      key: option.id
+    }, option.identifier);
+  }))));
+  return /*#__PURE__*/_react["default"].createElement(_Dialog["default"], {
+    title: (0, _i18n.T)('componentEditor.dialogTitle', {
+      componentName: "".concat(component.title, " (").concat(component.identifier, ")")
+    }),
+    modal: 'true',
+    open: true,
+    onClose: onClose,
+    maxWidth: "lg"
+  }, /*#__PURE__*/_react["default"].createElement(_DialogContent["default"], null, content), /*#__PURE__*/_react["default"].createElement(_DialogActions["default"], null, !loading && !error && /*#__PURE__*/_react["default"].createElement(_RaisedButton["default"], {
+    label: (0, _i18n.T)('OK'),
+    primary: true,
+    onClick: function onClick() {
+      onChange(_objectSpread(_objectSpread({}, component), {}, {
+        creatorViewId: creatorViewId
+      }));
+      onClose();
+    }
+  }), /*#__PURE__*/_react["default"].createElement(_FlatButton["default"], {
+    label: (0, _i18n.T)('Cancel'),
+    primary: false,
+    onClick: onClose
+  })));
+};
+
+exports.ComponentEditor = ComponentEditor;
+var _default = ComponentEditor;
+exports["default"] = _default;

package/Screens/Creator/Components/ConfiguratorQuickView.js

@@ -0,0 +1,102 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _reactRedux = require("react-redux");
+
+var _get = _interopRequireDefault(require("lodash/get"));
+
+var _ConfigurationActions = require("../Reducers/ConfigurationActions");
+
+var _ConfiguratorOverlay = _interopRequireDefault(require("../../../Components/GeneralFragments/ConfiguratorOverlay"));
+
+var _Actions = require("../Reducers/Actions");
+
+var _network = _interopRequireDefault(require("../../../App/Config/network"));
+
+var _i18n = require("../../../App/i18n");
+
+var _RaisedButton = _interopRequireDefault(require("../../../UIComponents/RaisedButton"));
+
+var _ShowPreviewErrorDialog = _interopRequireDefault(require("./ShowPreviewErrorDialog"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var mapStateToProps = function mapStateToProps(state) {
+  var i18n = state.i18n;
+  var creatorData = state[_Actions.CREATOR_REDUCER_NAME];
+  var identifier = !creatorData.isNew && (0, _get["default"])(creatorData, 'data.identifier.value');
+  var locale = i18n.locale.replace('-', '_');
+  var configurationData = state[_ConfigurationActions.CONFIGURATION_REDUCER_NAME];
+  var adminModeHash = configurationData.adminModeHash;
+  var itemId = (0, _get["default"])(state[_Actions.CREATOR_REDUCER_NAME], 'data.id.value');
+  var showOpenCreatorPreviewError = (0, _get["default"])(configurationData, 'showOpenCreatorPreviewError');
+  var params = new URLSearchParams({
+    _adminmode: 'quickView',
+    _configuration_mode: 'creator',
+    _hidevariantselection: 'true',
+    _deliverycountry: 'de',
+    _language: locale,
+    _admin_mode_hash: adminModeHash
+  });
+  var configuratorUrl = !!identifier && "".concat(_network["default"].configuratorBasePath, "identifier:").concat(identifier, "?").concat(params);
+  return {
+    show: state[_ConfigurationActions.CONFIGURATION_REDUCER_NAME].showConfiguratorAdminMode,
+    configuratorUrl: configuratorUrl,
+    itemId: itemId,
+    showOpenCreatorPreviewError: showOpenCreatorPreviewError
+  };
+};
+
+var mapDispatchToProps = function mapDispatchToProps(dispatch) {
+  return {
+    close: function close() {
+      return dispatch((0, _ConfigurationActions.showConfiguratorAdminMode)(false));
+    },
+    open: function open(itemId) {
+      return dispatch((0, _ConfigurationActions.showConfiguratorAdminMode)(true, 'creator', itemId));
+    },
+    hideOpenCreatorPreviewError: function hideOpenCreatorPreviewError() {
+      return dispatch((0, _ConfigurationActions.hideOpenCreatorPreviewError)());
+    }
+  };
+};
+
+var ConfiguratorQuickView = function ConfiguratorQuickView(_ref) {
+  var show = _ref.show,
+      open = _ref.open,
+      close = _ref.close,
+      configuratorUrl = _ref.configuratorUrl,
+      style = _ref.style,
+      className = _ref.className,
+      itemId = _ref.itemId,
+      showOpenCreatorPreviewError = _ref.showOpenCreatorPreviewError,
+      hideOpenCreatorPreviewError = _ref.hideOpenCreatorPreviewError;
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    style: style,
+    className: className
+  }, /*#__PURE__*/_react["default"].createElement(_RaisedButton["default"], {
+    label: (0, _i18n.T)('configuratorQuickView.buttonText'),
+    onClick: function onClick() {
+      return open(itemId);
+    },
+    disabled: !configuratorUrl
+  }), /*#__PURE__*/_react["default"].createElement(_ConfiguratorOverlay["default"], {
+    show: show,
+    configuratorUrl: configuratorUrl,
+    onClose: close
+  }), showOpenCreatorPreviewError && /*#__PURE__*/_react["default"].createElement(_ShowPreviewErrorDialog["default"], {
+    dialogTitle: (0, _i18n.T)('openPreviewError.title'),
+    open: showOpenCreatorPreviewError,
+    onClose: hideOpenCreatorPreviewError
+  }, /*#__PURE__*/_react["default"].createElement("p", null, (0, _i18n.T)('openPreviewError.openCreatorPreviewError'))));
+};
+
+var _default = (0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)(ConfiguratorQuickView);
+
+exports["default"] = _default;

package/Screens/Creator/Components/OptionPriceEditor.js

@@ -0,0 +1,167 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.OptionPriceEditor = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _FlatButton = _interopRequireDefault(require("../../../UIComponents/FlatButton"));
+
+var _i18n = require("../../../App/i18n");
+
+var _Dialog = _interopRequireDefault(require("../../../UIComponents/Dialog"));
+
+var _Form = _interopRequireDefault(require("../../../Components/Form"));
+
+var _useDataSchema2 = require("../../../Components/FormHooks/useDataSchema");
+
+var _ConfigurationActions = require("../Reducers/ConfigurationActions");
+
+var _LocalizedPriceTextField = require("../../../Components/LocalizedPriceTextField");
+
+var _LocalizedPriceValue = _interopRequireDefault(require("../../../Components/LocalizedPriceValue"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+/**
+ * [EXAMPLE] using a generated form together with a data schema in a single module
+ */
+var deltaPriceDataSchema = {
+  deltaPrices: {
+    value: [],
+    schema: {
+      id: {
+        value: null
+      },
+      price: {
+        value: null
+      },
+      priceNet: {
+        value: null
+      },
+      channel: {
+        value: null
+      }
+    }
+  }
+};
+var priceEditorFormFields = [{
+  name: 'deltaPrices',
+  label: false,
+  type: 'dynSource',
+  sourceConfig: {
+    text: function text(_ref) {
+      var identifier = _ref.identifier,
+          currency = _ref.currency;
+      return "".concat(identifier, " / ").concat(currency.symbol, " (").concat(currency.iso, ")");
+    }
+  },
+  dynSource: {
+    type: 'tabs',
+    reducerName: _ConfigurationActions.CONFIGURATION_REDUCER_NAME,
+    dataSource: 'channels'
+  },
+  tabs: {
+    filterValues: function filterValues(channel, value) {
+      return +channel.id === +value.channel;
+    },
+    assignTabValue: function assignTabValue(tabValue, data) {
+      return data.channel = tabValue;
+    },
+    name: 'deltaPrices',
+    type: 'array',
+    layout: 'groups',
+    className: 'table',
+    array: {
+      columns: null,
+      addButtonLabel: 'constructionPatterns.pricePopup.addButtonLabel',
+      disableAdd: function disableAdd(_ref2) {
+        var value = _ref2.value;
+        // limit to one price item, since "amount from" is not available
+        return value.length > 0;
+      },
+      fields: [{
+        name: 'price',
+        label: 'Price',
+        type: _LocalizedPriceTextField.LocalizedPriceTextField,
+        renderValue: function renderValue(value) {
+          return /*#__PURE__*/_react["default"].createElement(_LocalizedPriceValue["default"], {
+            data: value
+          });
+        }
+      }, {
+        name: 'priceNet',
+        label: 'price Net',
+        type: _LocalizedPriceTextField.LocalizedPriceTextField,
+        renderValue: function renderValue(value) {
+          return /*#__PURE__*/_react["default"].createElement(_LocalizedPriceValue["default"], {
+            data: value
+          });
+        }
+      }]
+    }
+  }
+}];
+
+var OptionPriceEditor = function OptionPriceEditor(props) {
+  var selectedOption = props.selectedOption,
+      product = props.product,
+      selectedComponent = props.selectedComponent,
+      showOptionPriceEditorDialog = props.showOptionPriceEditorDialog;
+
+  var _useDataSchema = (0, _useDataSchema2.useDataSchema)({
+    dataSchema: deltaPriceDataSchema,
+    data: selectedOption
+  }),
+      currentData = _useDataSchema.currentData,
+      validate = _useDataSchema.validate;
+
+  var onCloseClick = function onCloseClick() {
+    props.showOptionPriceEditor(false);
+  };
+
+  var onChange = function onChange(name, value) {
+    props.setOptionData(name, value);
+  };
+
+  var onOkClick = function onOkClick() {
+    validate() && props.commitOptionData();
+  };
+
+  var actions = /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_FlatButton["default"], {
+    label: (0, _i18n.T)('Ok'),
+    primary: true,
+    onClick: onOkClick
+  }), /*#__PURE__*/_react["default"].createElement(_FlatButton["default"], {
+    label: (0, _i18n.T)('Cancel'),
+    primary: false,
+    onClick: onCloseClick
+  }));
+
+  var title = (0, _i18n.T)('constructionPatterns.pricePopup.title');
+
+  if (!selectedOption) {
+    return null;
+  }
+
+  return /*#__PURE__*/_react["default"].createElement(_Dialog["default"], {
+    title: title,
+    actions: actions,
+    modal: 'true',
+    open: showOptionPriceEditorDialog
+  }, /*#__PURE__*/_react["default"].createElement("div", null, (0, _i18n.T)('constructionPatterns.pricePopup.description', {
+    option: selectedOption.title,
+    component: selectedComponent.title,
+    product: product.translated_title
+  })), /*#__PURE__*/_react["default"].createElement(_Form["default"], {
+    formFields: priceEditorFormFields,
+    data: currentData,
+    onChange: onChange
+  }));
+};
+
+exports.OptionPriceEditor = OptionPriceEditor;
+var _default = OptionPriceEditor;
+exports["default"] = _default;