@configuratorware/configurator-admingui 1.28.4 → 1.29.0

package/Screens/Creator/Reducers/ConfigurationReducer.js

@@ -0,0 +1,338 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.baseConfigurationData = void 0;
+
+var _lodash = _interopRequireDefault(require("lodash"));
+
+var _ConfigurationActions = require("./ConfigurationActions");
+
+var _Reducer = require("../../../App/Reducers/Entity/Reducer");
+
+var _Helpers = require("../../../App/Reducers/Api/Helpers");
+
+var _FeatureReducers = require("../../../App/FeatureReducers");
+
+var _excluded = ["data"],
+    _excluded2 = ["is_mandatory", "is_multiselect"];
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+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 initialState = _objectSpread(_objectSpread({}, (0, _Reducer.getDefaultEntityState)({
+  id: null,
+  item: {},
+  selectableComponents: []
+}, {
+  source: 'items',
+  dependencies: [{
+    name: 'selectableComponents',
+    dataKey: 'selectableComponents',
+    source: 'optionclassifications',
+    // resolve api naming issues (properties of optionclassifications vs components)
+    transform: function transform(_ref) {
+      var data = _ref.data,
+          rest = _objectWithoutProperties(_ref, _excluded);
+
+      return _objectSpread({
+        data: data.map(function (_ref2) {
+          var isMandatory = _ref2.is_mandatory,
+              isMultiselect = _ref2.is_multiselect,
+              rest = _objectWithoutProperties(_ref2, _excluded2);
+
+          return _objectSpread(_objectSpread({}, rest), {}, {
+            isMandatory: !!isMandatory,
+            isMultiselect: !!isMultiselect
+          });
+        })
+      }, rest);
+    }
+  }, {
+    name: 'channels',
+    dataKey: 'channels',
+    source: 'channels'
+  }, {
+    name: 'settings',
+    dataKey: 'settingsForItem',
+    source: 'settings/1'
+  }]
+}, _ConfigurationActions.CONFIGURATION_DATA_KEY)), {}, {
+  showOptionSelectionDialog: false,
+  showOptionEditorDialog: false,
+  showOptionPriceEditorDialog: false,
+  selectedComponent: null,
+  selectedOption: null,
+  selectableOptions: undefined,
+  baseConfiguration: null,
+  baseConfigurationState: null,
+  showConfigurator: false,
+  showOpenDesignerPreviewError: false,
+  showOpenCreatorPreviewError: false
+});
+
+var baseConfigurationData = (0, _FeatureReducers.createFeatureReducer)(_ConfigurationActions.CONFIGURATION_REDUCER_NAME, function () {
+  var state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : initialState;
+  var action = arguments.length > 1 ? arguments[1] : undefined;
+
+  switch (action.type) {
+    case _ConfigurationActions.CONFIGURATION_SHOW_OPTION_SELECTION:
+      {
+        return _objectSpread(_objectSpread({}, state), {}, {
+          showOptionSelectionDialog: !!action.show,
+          selectedComponent: _lodash["default"].cloneDeep(action.component)
+        });
+      }
+
+    case _Helpers.RECEIVE_DATA:
+      {
+        if (action.key === _ConfigurationActions.CONFIGURATION_OPTIONS_KEY) {
+          //state = defaultEntityReducer(state, action, initialState);
+          var selectableOptions = action.data.data;
+          return _objectSpread(_objectSpread({}, state), {}, {
+            selectableOptions: _lodash["default"].sortBy(selectableOptions, ['sequencenumber'])
+          });
+        }
+
+        if (action.key === _ConfigurationActions.CONFIGURATION_BASE_CONFIGURATION_KEY) {
+          //state = defaultEntityReducer(state, action, initialState);
+          var baseConfiguration = action.data;
+
+          var optionclassifications = _lodash["default"].get(baseConfiguration, 'optionclassifications', []);
+
+          var selectedOptionsCount = _lodash["default"].reduce(optionclassifications, function (sum, oc) {
+            return sum + _lodash["default"].get(oc, 'selectedoptions.length', 0);
+          }, 0);
+
+          return _objectSpread(_objectSpread({}, state), {}, {
+            baseConfiguration: baseConfiguration,
+            baseConfigurationState: selectedOptionsCount > 0 ? 'ready' : 'no_options_selected'
+          });
+        }
+
+        if (action.key === _ConfigurationActions.CONFIGURATION_ADMIN_MODE_HASH_KEY) {
+          var adminModeHash = action.data.hash;
+          return _objectSpread(_objectSpread({}, state), {}, {
+            adminModeHash: adminModeHash
+          });
+        }
+
+        return state;
+      }
+
+    case _ConfigurationActions.CONFIGURATION_SET_OPTIONS:
+      {
+        var selectedComponent = _lodash["default"].cloneDeep(state.selectedComponent);
+
+        selectedComponent.selectableOptions = action.options;
+        return _objectSpread(_objectSpread({}, state), {}, {
+          selectedComponent: selectedComponent
+        });
+      }
+
+    case _ConfigurationActions.CONFIGURATION_COMMIT_OPTIONS:
+      {
+        var data = _lodash["default"].cloneDeep(state.data);
+
+        var ocIdx = _lodash["default"].findIndex(data.selectableComponents.value, {
+          identifier: state.selectedComponent.identifier
+        });
+
+        if (ocIdx !== -1) {
+          data.selectableComponents.value[ocIdx] = state.selectedComponent;
+        }
+
+        return _objectSpread(_objectSpread({}, state), {}, {
+          data: data,
+          showOptionSelectionDialog: false
+        });
+      }
+
+    case _ConfigurationActions.CONFIGURATION_SHOW_OPTION_EDITOR:
+      {
+        return _objectSpread(_objectSpread({}, state), {}, {
+          showOptionEditorDialog: !!action.show,
+          selectedComponent: _lodash["default"].cloneDeep(action.component),
+          selectedOption: _lodash["default"].cloneDeep(action.option)
+        });
+      }
+
+    case _ConfigurationActions.CONFIGURATION_SHOW_OPTION_PRICE_EDITOR:
+      {
+        return _objectSpread(_objectSpread({}, state), {}, {
+          showOptionPriceEditorDialog: !!action.show,
+          selectedComponent: _lodash["default"].cloneDeep(action.component),
+          selectedOption: _lodash["default"].cloneDeep(action.option)
+        });
+      }
+
+    case _ConfigurationActions.CONFIGURATION_SET_OPTION_DATA:
+      {
+        var selectedOption = _lodash["default"].cloneDeep(state.selectedOption);
+
+        selectedOption[action.fieldName] = action.value;
+        return _objectSpread(_objectSpread({}, state), {}, {
+          selectedOption: selectedOption
+        });
+      }
+
+    case _ConfigurationActions.CONFIGURATION_COMMIT_OPTION_DATA:
+      {
+        var _data = _lodash["default"].cloneDeep(state.data);
+
+        var oc = _lodash["default"].find(_data.selectableComponents.value, {
+          identifier: state.selectedComponent.identifier
+        });
+
+        if (oc) {
+          var oIdx = _lodash["default"].findIndex(oc.selectableOptions, {
+            identifier: state.selectedOption.identifier
+          });
+
+          if (oIdx !== -1) {
+            oc.selectableOptions[oIdx] = state.selectedOption;
+          }
+        }
+
+        return _objectSpread(_objectSpread({}, state), {}, {
+          data: _data,
+          showOptionEditorDialog: false,
+          showOptionPriceEditorDialog: false
+        });
+      }
+
+    case _ConfigurationActions.CONFIGURATION_SHOW_CONFIGURATOR:
+      {
+        return _objectSpread(_objectSpread({}, state), {}, {
+          showConfigurator: action.show
+        });
+      }
+
+    case _ConfigurationActions.CONFIGURATION_INVALIDATE_OPTIONS:
+      {
+        return _objectSpread(_objectSpread({}, state), {}, {
+          selectableOptions: undefined
+        });
+      }
+
+    case _ConfigurationActions.CONFIGURATION_LOAD_BASE_CONFIGURATION:
+      {
+        return _objectSpread(_objectSpread({}, state), {}, {
+          baseConfigurationState: 'loading'
+        });
+      }
+
+    case _ConfigurationActions.CONFIGURATION_SHOW_DESIGNER_PREVIEW_ERROR:
+      {
+        return _objectSpread(_objectSpread({}, state), {}, {
+          showOpenDesignerPreviewError: true
+        });
+      }
+
+    case _ConfigurationActions.CONFIGURATION_SHOW_CREATOR_PREVIEW_ERROR:
+      {
+        return _objectSpread(_objectSpread({}, state), {}, {
+          showOpenCreatorPreviewError: true
+        });
+      }
+
+    case _ConfigurationActions.CONFIGURATION_HIDE_DESIGNER_PREVIEW_ERROR:
+      {
+        return _objectSpread(_objectSpread({}, state), {}, {
+          showOpenDesignerPreviewError: false
+        });
+      }
+
+    case _ConfigurationActions.CONFIGURATION_HIDE_CREATOR_PREVIEW_ERROR:
+      {
+        return _objectSpread(_objectSpread({}, state), {}, {
+          showOpenCreatorPreviewError: false
+        });
+      }
+
+    case _ConfigurationActions.CONFIGURATION_SHOW_CONFIGURATOR_ADMIN_MODE:
+      {
+        return _objectSpread(_objectSpread({}, state), {}, {
+          showConfiguratorAdminMode: action.show
+        });
+      }
+
+    case _ConfigurationActions.CONFIGURATION_SET_OVERWRITE_COMPONENT_ORDER:
+      {
+        var overwriteComponentOrder = action.value;
+        var nextState = state;
+
+        if (!overwriteComponentOrder) {
+          // restore global ordering in optionclassification items
+          var _state = state,
+              _data3 = _state.data;
+          var selectableComponents = _data3.selectableComponents;
+          var _state2 = state,
+              sourceOptionclassifications = _state2.dataSources.selectableComponents.data;
+          var currentOptionclassifications = selectableComponents.value;
+          var originalOptionclassifications = currentOptionclassifications.map(function (oc) {
+            return _objectSpread(_objectSpread({}, oc), {}, {
+              sequencenumber: _lodash["default"].find(sourceOptionclassifications, {
+                id: oc.id
+              }).sequencenumber
+            });
+          });
+
+          var sortedOptionclassifications = _lodash["default"].sortBy(originalOptionclassifications, ['sequencenumber']);
+
+          nextState = _objectSpread(_objectSpread({}, state), {}, {
+            data: _objectSpread(_objectSpread({}, _data3), {}, {
+              selectableComponents: _objectSpread(_objectSpread({}, selectableComponents), {}, {
+                value: sortedOptionclassifications
+              })
+            })
+          });
+        }
+
+        var _nextState = nextState,
+            _data2 = _nextState.data;
+        var item = _data2.item;
+        var value = item.value;
+        return _objectSpread(_objectSpread({}, nextState), {}, {
+          data: _objectSpread(_objectSpread({}, _data2), {}, {
+            item: _objectSpread(_objectSpread({}, item), {}, {
+              value: _objectSpread(_objectSpread({}, value), {}, {
+                overwriteComponentOrder: overwriteComponentOrder
+              })
+            })
+          })
+        });
+      }
+
+    default:
+      state = (0, _Reducer.defaultEntityReducer)(state, action, initialState);
+
+      if (action.key === _ConfigurationActions.CONFIGURATION_BASE_CONFIGURATION_KEY) {
+        (0, _Helpers.handleNetworkErrorAction)(action, function () {
+          if (_lodash["default"].get(action, 'error.response.status') === 404) {
+            state = _objectSpread(_objectSpread({}, state), {}, {
+              baseConfigurationState: 'not_available'
+            });
+            return true;
+          }
+
+          return false;
+        });
+      }
+
+      return state;
+  }
+});
+exports.baseConfigurationData = baseConfigurationData;
+var _default = baseConfigurationData;
+exports["default"] = _default;

package/Screens/Creator/Reducers/CreatorReducer.js

@@ -0,0 +1,42 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.creatorData = void 0;
+
+var _Actions = require("./Actions");
+
+var _Reducer = require("../../../App/Reducers/Entity/Reducer");
+
+var _FeatureReducers = require("../../../App/FeatureReducers");
+
+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 initialState = _objectSpread({}, (0, _Reducer.getDefaultEntityState)({
+  id: null,
+  identifier: '',
+  itemStatus: {},
+  visualizationMode: {}
+}, {
+  source: 'creatorData',
+  dependencies: [{
+    name: 'itemstatus',
+    dataKey: 'itemstatus',
+    source: 'itemstatus'
+  }]
+}, _Actions.CREATOR_DATA_KEY));
+
+var creatorData = (0, _FeatureReducers.createFeatureReducer)(_Actions.CREATOR_REDUCER_NAME, function () {
+  var state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : initialState;
+  var action = arguments.length > 1 ? arguments[1] : undefined;
+  state = (0, _Reducer.defaultEntityReducer)(state, action, initialState);
+  return state;
+});
+exports.creatorData = creatorData;
+var _default = creatorData;
+exports["default"] = _default;

package/Screens/Creator/Reducers/Rules/Actions.js

@@ -0,0 +1,134 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.setRuleType = exports.RULE_TYPES_KEY = exports.setItem = exports.SET_RULE_TYPE = exports.SET_ITEM = exports.OPTIONCLASSIFICATION_LIST_URL = exports.OPTIONCLASSIFICATION_LIST_KEY = exports.ATTRIBUTE_LIST_URL = exports.ATTRIBUTE_LIST_KEY = exports.OPTION_LIST_URL = exports.OPTION_LIST_KEY = exports.REDUCER_NAME = exports.DATA_KEY = exports.LIST_URL = exports.LIST_KEY = void 0;
+
+var _Actions = require("../../../../App/Reducers/Api/Actions");
+
+var _Actions2 = require("../../../../App/Reducers/Entity/Actions");
+
+var _Helpers = require("../../../../App/Reducers/Api/Helpers");
+
+var _Actions3 = require("../Actions");
+
+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 LIST_KEY = 'rules';
+exports.LIST_KEY = LIST_KEY;
+var LIST_URL = 'rules';
+exports.LIST_URL = LIST_URL;
+var DATA_KEY = 'rule';
+exports.DATA_KEY = DATA_KEY;
+var REDUCER_NAME = 'ruleData';
+exports.REDUCER_NAME = REDUCER_NAME;
+var OPTION_LIST_KEY = 'options';
+exports.OPTION_LIST_KEY = OPTION_LIST_KEY;
+var OPTION_LIST_URL = 'options';
+exports.OPTION_LIST_URL = OPTION_LIST_URL;
+var ATTRIBUTE_LIST_KEY = 'attributes';
+exports.ATTRIBUTE_LIST_KEY = ATTRIBUTE_LIST_KEY;
+var ATTRIBUTE_LIST_URL = 'attributes';
+exports.ATTRIBUTE_LIST_URL = ATTRIBUTE_LIST_URL;
+var OPTIONCLASSIFICATION_LIST_KEY = 'optionclassifications';
+exports.OPTIONCLASSIFICATION_LIST_KEY = OPTIONCLASSIFICATION_LIST_KEY;
+var OPTIONCLASSIFICATION_LIST_URL = 'optionclassifications';
+exports.OPTIONCLASSIFICATION_LIST_URL = OPTIONCLASSIFICATION_LIST_URL;
+var SET_ITEM = 'RULE/SET_ITEM';
+exports.SET_ITEM = SET_ITEM;
+var SET_RULE_TYPE = 'RULE/SET_RULE_TYPE';
+exports.SET_RULE_TYPE = SET_RULE_TYPE;
+
+var setItem = function setItem(item) {
+  return {
+    type: SET_ITEM,
+    item: item
+  };
+};
+
+exports.setItem = setItem;
+var actions = (0, _Actions2.generateDefaultActions)(LIST_KEY, DATA_KEY, REDUCER_NAME, LIST_URL);
+
+var invalidateList = function invalidateList() {
+  return function (dispatch, getState) {
+    var _getState = getState(),
+        entity = _getState.entity; // release only own entity to prevent release of the owner item entity
+
+
+    if (entity.unsavedEntity.reducerName === REDUCER_NAME) {
+      dispatch((0, _Actions2.releaseUnsavedEntity)());
+    }
+
+    dispatch((0, _Actions.invalidateSource)(LIST_KEY));
+  };
+};
+
+var listAction = function listAction(params) {
+  return function (dispatch, getState) {
+    var creatorData = getState()[_Actions3.CREATOR_REDUCER_NAME];
+
+    var identifier = creatorData.data.identifier.value;
+    dispatch(actions.listAction(_objectSpread(_objectSpread({}, params), {}, {
+      filters: _objectSpread(_objectSpread({}, params.filters), {}, {
+        'rule.item.identifier': identifier
+      })
+    })));
+  };
+};
+
+var createEntity = function createEntity() {
+  return function (dispatch, getState) {
+    var p = dispatch(actions.createEntity());
+    p.then(function () {
+      // set the item identifier after the new entity is initialized
+      var creatorData = getState()[_Actions3.CREATOR_REDUCER_NAME];
+
+      var id = creatorData.data.id.value;
+      dispatch(setItem(id));
+    });
+    return p;
+  };
+};
+
+var RULE_TYPES_KEY = 'ruletypes';
+exports.RULE_TYPES_KEY = RULE_TYPES_KEY;
+var RULE_TYPES_URL = 'ruletypes';
+
+var fetchRuleTypes = function fetchRuleTypes(params) {
+  return function (dispatch) {
+    var url = RULE_TYPES_URL;
+    return (0, _Helpers.dispatchFetchData)(dispatch)(RULE_TYPES_KEY, params ? {
+      url: url,
+      params: params
+    } : url);
+  };
+};
+
+var setRuleType = function setRuleType(ruleType) {
+  return {
+    type: SET_RULE_TYPE,
+    ruleType: ruleType
+  };
+};
+
+exports.setRuleType = setRuleType;
+
+var postData = function postData() {
+  return actions.postData(true);
+};
+
+var _default = _objectSpread(_objectSpread({}, actions), {}, {
+  postData: postData,
+  listAction: listAction,
+  invalidateList: invalidateList,
+  fetchRuleTypes: fetchRuleTypes,
+  createEntity: createEntity,
+  setRuleType: setRuleType
+});
+
+exports["default"] = _default;