@configuratorware/configurator-frontendgui 1.28.3 → 1.29.1

package/App/Modules/Visualization/DefaultVisualizationProvider.js

@@ -0,0 +1,105 @@
+"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.DefaultVisualizationProvider = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _VisualizationProvider = require("redhotmagma-visualization/VisualizationProvider");
+
+var _AlignTargetProvider = require("redhotmagma-visualization/AlignTargetProvider");
+
+var _ServiceLocator = require("../../ServiceLocator");
+
+var _sendMessage = _interopRequireDefault(require("../../../Utils/Function/sendMessage"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+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 DefaultVisualizationProvider = /*#__PURE__*/function (_React$Component) {
+  _inherits(DefaultVisualizationProvider, _React$Component);
+
+  var _super = _createSuper(DefaultVisualizationProvider);
+
+  function DefaultVisualizationProvider() {
+    var _this;
+
+    _classCallCheck(this, DefaultVisualizationProvider);
+
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
+    _this = _super.call.apply(_super, [this].concat(args));
+
+    _defineProperty(_assertThisInitialized(_this), "state", {
+      visualization: null
+    });
+
+    _defineProperty(_assertThisInitialized(_this), "onComponentChange", function (_ref) {
+      var component = _ref.data.component;
+
+      _this.setState({
+        visualization: component
+      });
+    });
+
+    return _this;
+  }
+
+  _createClass(DefaultVisualizationProvider, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      var visualization = _ServiceLocator.Services.visualization.getComponent();
+
+      this.setState({
+        visualization: visualization
+      });
+      (0, _sendMessage["default"])(_ServiceLocator.Services.visualization, 'registerComponentChangeListener', this.onComponentChange);
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var children = this.props.children;
+      var visualization = this.state.visualization;
+      return /*#__PURE__*/_react["default"].createElement(_VisualizationProvider.VisualizationProvider, {
+        visualization: visualization
+      }, /*#__PURE__*/_react["default"].createElement(_AlignTargetProvider.AlignTargetProvider, null, children));
+    }
+  }]);
+
+  return DefaultVisualizationProvider;
+}(_react["default"].Component);
+
+exports.DefaultVisualizationProvider = DefaultVisualizationProvider;
+
+_defineProperty(DefaultVisualizationProvider, "propTypes", {
+  children: _propTypes["default"].oneOfType([_propTypes["default"].arrayOf(_propTypes["default"].node), _propTypes["default"].node])
+});

package/App/Modules/Visualization/DesignerAlignTarget.js

@@ -0,0 +1,45 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DesignerAlignTarget = void 0;
+
+var _Containers = require("../Creator/Containers");
+
+var _withStyles = _interopRequireDefault(require("@material-ui/core/styles/withStyles"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+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 styles = function styles(theme) {
+  var _theme$orientation$po, _root;
+
+  return {
+    root: (_root = {
+      marginTop: 46
+    }, _defineProperty(_root, theme.breakpoints.down('xs'), {
+      maxHeight: 'calc(100% - 216px)'
+    }), _defineProperty(_root, theme.breakpoints.up('sm'), _defineProperty({}, theme.orientation.landscape, {
+      marginTop: 0,
+      maxHeight: 'calc(100% - 172px)'
+    })), _defineProperty(_root, theme.orientation.landscape, {
+      maxHeight: 'calc(100% - 136px)'
+    }), _defineProperty(_root, theme.orientation.portrait, (_theme$orientation$po = {
+      maxHeight: 'calc(100% - 216px)'
+    }, _defineProperty(_theme$orientation$po, theme.breakpoints.up('sm'), {
+      maxHeight: 'calc(100% - 216px)'
+    }), _defineProperty(_theme$orientation$po, theme.breakpoints.up('md'), {
+      maxHeight: 'calc(100% - 172px)',
+      marginTop: 0
+    }), _theme$orientation$po)), _defineProperty(_root, '@media (min-aspect-ratio: 13/9) and (min-height: 280px) and (max-width: 825px)', {
+      maxHeight: '100%'
+    }), _root)
+  };
+};
+
+var DesignerAlignTarget = (0, _withStyles["default"])(styles, {
+  name: 'DesignerAlignTarget'
+})(_Containers.AlignTargetContainer);
+exports.DesignerAlignTarget = DesignerAlignTarget;

package/App/Modules/Visualization/Utils/getFirstDataURLFromScreenshotsObj.js

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getFirstDataURLFromScreenshotsObj = getFirstDataURLFromScreenshotsObj;
+
+/**
+ * @param {object} obj
+ * @return {string}
+ */
+function getFirstDataURLFromScreenshotsObj(obj) {
+  var v = Object.values(obj || {})[0];
+
+  if (typeof v === 'string') {
+    return v;
+  }
+
+  return v ? getFirstDataURLFromScreenshotsObj(v) : '';
+}

package/App/Reducers/Actions.js

@@ -0,0 +1,297 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createDefaultReceiver = exports.postDataAsync = exports.fetchDataAsync = exports.asyncRequest = exports.postData = exports.fetchData = exports.postRequest = exports.REQUEST_ERROR = exports.RECEIVE_DATA = exports.CANCEL_REQUEST = exports.NETWORK_ERROR = exports.POST_DATA = exports.REQUEST_DATA = void 0;
+
+var _Api = _interopRequireWildcard(require("../../Framework/Api"));
+
+var _lodash = _interopRequireDefault(require("lodash"));
+
+var _AsyncManager = require("../../Utils/Async/AsyncManager");
+
+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 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 _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+var REQUEST_DATA = 'REQUEST_DATA';
+exports.REQUEST_DATA = REQUEST_DATA;
+var POST_DATA = 'POST_DATA';
+exports.POST_DATA = POST_DATA;
+var NETWORK_ERROR = 'NETWORK_ERROR';
+exports.NETWORK_ERROR = NETWORK_ERROR;
+var CANCEL_REQUEST = 'CANCEL_REQUEST';
+exports.CANCEL_REQUEST = CANCEL_REQUEST;
+var RECEIVE_DATA = 'RECEIVE_DATA';
+exports.RECEIVE_DATA = RECEIVE_DATA;
+var REQUEST_ERROR = 'REQUEST_ERROR';
+exports.REQUEST_ERROR = REQUEST_ERROR;
+
+var requestData = function requestData(source) {
+  return {
+    type: REQUEST_DATA,
+    source: source
+  };
+};
+
+var postRequest = function postRequest(source, data) {
+  return {
+    type: POST_DATA,
+    source: source,
+    data: data
+  };
+};
+
+exports.postRequest = postRequest;
+
+var networkError = function networkError(source, error) {
+  // it has to be logged because it can swallow different kind of errors
+  // eslint-disable-next-line no-console
+  console.error(error);
+  return {
+    type: NETWORK_ERROR,
+    source: source,
+    error: error,
+    receivedAt: Date.now()
+  };
+};
+
+var cancelRequest = function cancelRequest(source) {
+  return {
+    type: CANCEL_REQUEST,
+    source: source
+  };
+};
+
+var receiveData = function receiveData(source, data) {
+  return {
+    type: RECEIVE_DATA,
+    source: source,
+    data: data,
+    receivedAt: Date.now()
+  };
+};
+
+var requestError = function requestError(source, error) {
+  return {
+    type: REQUEST_ERROR,
+    source: source,
+    error: error,
+    receivedAt: Date.now()
+  };
+};
+
+var handleResponse = function handleResponse(source, request, receiver) {
+  var extraData = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};
+  return function (dispatch) {
+    return request.then(function (response) {
+      dispatch(receiveData(source, response.data));
+      return dispatch(receiver(response.data, extraData, response));
+    })["catch"](function (error) {
+      if (_lodash["default"].isObject(error.response)) {
+        if (error.response.status === 404) {
+          return dispatch(requestError(source, error));
+        }
+
+        if (_lodash["default"].isObject(error.response.data)) {
+          // request error (generated by the server)
+          dispatch(receiveData(source, error));
+          return dispatch(receiver(error.response.data, extraData, error.response));
+        }
+
+        if (error.response.status >= 400 && error.response.status < 500) {
+          return dispatch(requestError(source, error));
+        }
+      }
+
+      if ((0, _Api.isCancelError)(error)) {
+        return dispatch(cancelRequest(source));
+      } else {
+        return dispatch(networkError(source, error));
+      }
+    });
+  };
+};
+
+var fetchData = function fetchData(source, receiver) {
+  var extraData = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+  return function (dispatch) {
+    dispatch(requestData(source));
+    return dispatch(handleResponse(source, _Api["default"].request(source), receiver, extraData));
+  };
+};
+
+exports.fetchData = fetchData;
+
+var postData = function postData(source, data, receiver) {
+  var config = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};
+  var extraData = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : {};
+  return function (dispatch) {
+    dispatch(postRequest(source, data));
+    return dispatch(handleResponse(source, _Api["default"].request(_objectSpread({
+      url: source,
+      method: 'post',
+      data: data
+    }, config)), receiver, extraData));
+  };
+};
+
+exports.postData = postData;
+var defaultRequestManager = (0, _AsyncManager.createAsyncManager)(function () {
+  return _Api["default"].request.apply(_Api["default"], arguments);
+}, {
+  getKey: function getKey(sourceConfig) {
+    if (typeof sourceConfig === 'string') {
+      return sourceConfig;
+    } else if (_typeof(sourceConfig) === 'object' && sourceConfig.url) {
+      return sourceConfig.url;
+    } else {
+      throw new TypeError('The sourceConfig has to be a string or an object with a url property!');
+    }
+  }
+});
+
+var asyncRequest = function asyncRequest(source, receiver) {
+  var extraData = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+  var options = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};
+  return /*#__PURE__*/function () {
+    var _ref = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee(dispatch) {
+      var _options$requestManag, requestManager, _options$useLocalErro, useLocalErrorHandling, request, response;
+
+      return regeneratorRuntime.wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              _options$requestManag = options.requestManager, requestManager = _options$requestManag === void 0 ? defaultRequestManager : _options$requestManag, _options$useLocalErro = options.useLocalErrorHandling, useLocalErrorHandling = _options$useLocalErro === void 0 ? false : _options$useLocalErro;
+              request = requestManager.create(source);
+              _context.prev = 2;
+              _context.next = 5;
+              return request.call();
+
+            case 5:
+              response = _context.sent;
+              dispatch(receiveData(source, response.data));
+              return _context.abrupt("return", receiver ? dispatch(receiver(response.data, extraData, response)) : response);
+
+            case 10:
+              _context.prev = 10;
+              _context.t0 = _context["catch"](2);
+
+              if (!request.isOutdated()) {
+                _context.next = 14;
+                break;
+              }
+
+              return _context.abrupt("return");
+
+            case 14:
+              if (!useLocalErrorHandling) {
+                _context.next = 16;
+                break;
+              }
+
+              throw _context.t0;
+
+            case 16:
+              if (!_lodash["default"].isObject(_context.t0.response)) {
+                _context.next = 22;
+                break;
+              }
+
+              if (_context.t0.response.status === 404) {
+                dispatch(requestError(source, _context.t0));
+              }
+
+              if (!_lodash["default"].isObject(_context.t0.response.data)) {
+                _context.next = 21;
+                break;
+              }
+
+              // request error (generated by the server)
+              dispatch(receiveData(source, _context.t0));
+              return _context.abrupt("return", receiver ? dispatch(receiver(_context.t0.response.data, extraData, _context.t0.response)) : _context.t0.response);
+
+            case 21:
+              if (_context.t0.response.status >= 400 && _context.t0.response.status < 500) {
+                dispatch(requestError(source, _context.t0));
+              }
+
+            case 22:
+              if ((0, _Api.isCancelError)(_context.t0)) {
+                dispatch(cancelRequest(source));
+              } else {
+                dispatch(networkError(source, _context.t0));
+              }
+
+              throw _context.t0;
+
+            case 24:
+            case "end":
+              return _context.stop();
+          }
+        }
+      }, _callee, null, [[2, 10]]);
+    }));
+
+    return function (_x) {
+      return _ref.apply(this, arguments);
+    };
+  }();
+};
+
+exports.asyncRequest = asyncRequest;
+
+var fetchDataAsync = function fetchDataAsync(source, receiver) {
+  var extraData = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+  return function (dispatch) {
+    dispatch(requestData(source));
+    return dispatch(asyncRequest(source, receiver, extraData));
+  };
+};
+
+exports.fetchDataAsync = fetchDataAsync;
+
+var postDataAsync = function postDataAsync(source, data, receiver) {
+  var config = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};
+  var extraData = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : {};
+  var options = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : {};
+  return function (dispatch) {
+    dispatch(postRequest(source, data));
+    return dispatch(asyncRequest(_objectSpread({
+      url: source,
+      method: 'post',
+      data: data
+    }, config), receiver, extraData, options));
+  };
+};
+
+exports.postDataAsync = postDataAsync;
+
+var createDefaultReceiver = function createDefaultReceiver(actionType, actionProps) {
+  return function (data, extraData, response) {
+    return _objectSpread(_objectSpread({}, actionProps), {}, {
+      type: actionType,
+      data: data,
+      extraData: extraData,
+      response: response,
+      receivedAt: Date.now()
+    });
+  };
+};
+
+exports.createDefaultReceiver = createDefaultReceiver;

package/App/Reducers/ConfigurationMode/Actions.js

@@ -0,0 +1,21 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.selectConfigurationMode = exports.actionTypes = exports.SELECT_CONFIGURATION_MODE = void 0;
+var SELECT_CONFIGURATION_MODE = 'SELECT_CONFIGURATION_MODE';
+exports.SELECT_CONFIGURATION_MODE = SELECT_CONFIGURATION_MODE;
+var actionTypes = {
+  SELECT_CONFIGURATION_MODE: SELECT_CONFIGURATION_MODE
+};
+exports.actionTypes = actionTypes;
+
+var selectConfigurationMode = function selectConfigurationMode(mode) {
+  return {
+    type: actionTypes.SELECT_CONFIGURATION_MODE,
+    mode: mode
+  };
+};
+
+exports.selectConfigurationMode = selectConfigurationMode;

package/App/Reducers/ConfigurationMode/Reducer.js

@@ -0,0 +1,80 @@
+"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"] = configurationModeReducer;
+
+var _get = _interopRequireDefault(require("lodash/get"));
+
+var _flow = _interopRequireDefault(require("lodash/flow"));
+
+var _configuration = require("../../configuration");
+
+var configuratorActionTypes = _interopRequireWildcard(require("../Configurator/Actions"));
+
+var _Actions2 = require("./Actions");
+
+var _Selectors = require("./Selectors");
+
+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 _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+var getFirstAvailableConfigurationModeIdentifier = (0, _flow["default"])(function (item) {
+  return (item.configurationModes || []).find(function (mode) {
+    return (0, _get["default"])(mode, 'itemStatus.item_available');
+  });
+}, function (mode) {
+  return mode ? mode.identifier : null;
+});
+var initialState = {
+  availableModes: (0, _Selectors.getConfigurationModes)(),
+  selectedMode: null,
+  licenses: []
+};
+
+function getPreselectedModeIfAvailable(availableModes) {
+  var selectedMode = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : (0, _configuration.getConf)('configurationMode');
+  return !!selectedMode && availableModes[selectedMode] && selectedMode;
+}
+
+function configurationModeReducer() {
+  var state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : initialState;
+  var action = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+
+  switch (action.type) {
+    case configuratorActionTypes.RECEIVE_CONFIGURATION:
+      {
+        var item = (0, _get["default"])(action, 'data.item', {});
+        var availableModes = (0, _Selectors.getConfigurationModes)(item);
+        var selectedMode = getPreselectedModeIfAvailable(availableModes) || ((0, _configuration.getConf)('adminMode') === 'defaultoptions' ? 'creator' : getFirstAvailableConfigurationModeIdentifier(item));
+        return _objectSpread(_objectSpread({}, state), {}, {
+          selectedMode: selectedMode,
+          availableModes: availableModes,
+          licenses: (0, _Selectors.getAvailableLicenses)(action.data)
+        });
+      }
+
+    case _Actions2.actionTypes.SELECT_CONFIGURATION_MODE:
+      {
+        var mode = action.mode;
+        return _objectSpread(_objectSpread({}, state), {}, {
+          selectedMode: state.availableModes[mode] ? mode : state.selectedMode
+        });
+      }
+
+    default:
+      return state;
+  }
+}

package/App/Reducers/ConfigurationMode/Selectors.js

@@ -0,0 +1,84 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getAvailableLicenses = exports.isDesignerMode = exports.isConfigurationModeSwitchAvailable = exports.isConfigurationModeAvailable = exports.getConfigurationModeOptions = exports.getAvailableConfigurationModes = exports.getSelectedConfigurationMode = exports.getConfigurationModes = void 0;
+
+var _flow = _interopRequireDefault(require("lodash/flow"));
+
+var _isArray = _interopRequireDefault(require("lodash/isArray"));
+
+var _createSelector = _interopRequireDefault(require("../../../Utils/Function/createSelector"));
+
+var _get = _interopRequireDefault(require("lodash/get"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+var getConfigurationModes = function getConfigurationModes(item) {
+  var configurationModes = item && item.configurationModes;
+
+  if (!(0, _isArray["default"])(configurationModes)) {
+    return {};
+  }
+
+  return configurationModes.reduce(function (modeMap, mode) {
+    return (0, _get["default"])(mode, 'itemStatus.item_available', false) ? _objectSpread(_objectSpread({}, modeMap), {}, _defineProperty({}, mode.identifier, true)) : modeMap;
+  }, {});
+};
+
+exports.getConfigurationModes = getConfigurationModes;
+
+var getConfigurationModeState = function getConfigurationModeState(_ref) {
+  var configurationMode = _ref.configurationMode;
+  return configurationMode;
+};
+
+var getSelectedMode = function getSelectedMode(_ref2) {
+  var selectedMode = _ref2.selectedMode;
+  return selectedMode;
+};
+
+var getAvailableModes = function getAvailableModes(_ref3) {
+  var availableModes = _ref3.availableModes;
+  return availableModes;
+};
+
+var getSelectedConfigurationMode = (0, _flow["default"])(getConfigurationModeState, getSelectedMode);
+exports.getSelectedConfigurationMode = getSelectedConfigurationMode;
+var getAvailableConfigurationModes = (0, _flow["default"])(getConfigurationModeState, getAvailableModes);
+exports.getAvailableConfigurationModes = getAvailableConfigurationModes;
+var getConfigurationModeOptions = (0, _createSelector["default"])(getAvailableConfigurationModes, getSelectedConfigurationMode, function (availableModes, selectedMode) {
+  return Object.keys(availableModes).filter(function (mode) {
+    return mode !== selectedMode;
+  });
+});
+exports.getConfigurationModeOptions = getConfigurationModeOptions;
+var isConfigurationModeAvailable = (0, _createSelector["default"])(getAvailableConfigurationModes, function (modules) {
+  return Object.values(modules).length > 0;
+});
+exports.isConfigurationModeAvailable = isConfigurationModeAvailable;
+var isConfigurationModeSwitchAvailable = (0, _createSelector["default"])(getAvailableConfigurationModes, function (modules) {
+  return Object.values(modules).length > 1;
+});
+exports.isConfigurationModeSwitchAvailable = isConfigurationModeSwitchAvailable;
+
+var isDesignerMode = function isDesignerMode(modeStr) {
+  return modeStr === 'designer';
+};
+
+exports.isDesignerMode = isDesignerMode;
+
+var getAvailableLicenses = function getAvailableLicenses(data) {
+  return data && data.license && data.license.split('+').filter(function (a) {
+    return a;
+  }) || [];
+};
+
+exports.getAvailableLicenses = getAvailableLicenses;