@configuratorware/configurator-admingui 1.31.1 → 1.31.4

package/App/Reducers/Api/Actions.js

@@ -5,7 +5,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.dismissRequest = exports.deleteData = exports.postData = exports.fetchDataIfNeeded = exports.fetchData = exports.expiredResponse = exports.deleteRequest = exports.postRequest = exports.networkError = exports.receiveData = exports.requestData = exports.invalidateSource = exports.EXPIRED_RESPONSE = exports.CANCEL_REQUEST = exports.DELETE_DATA = exports.POST_DATA = exports.HANDLED_NETWORK_ERROR = exports.NETWORK_ERROR = exports.INVALIDATE_SOURCE = exports.RECEIVE_DATA = exports.REQUEST_DATA = void 0;
+exports.dismissRequest = exports.deleteData = exports.postData = exports.fetchDataIfNeeded = exports.fetchData = exports.expiredResponse = exports.deleteRequest = exports.postRequest = exports.networkError = exports.receiveData = exports.requestData = exports.resetDidInvalidate = exports.invalidateSource = exports.RESET_DID_INVALIDATE = exports.EXPIRED_RESPONSE = exports.CANCEL_REQUEST = exports.DELETE_DATA = exports.POST_DATA = exports.HANDLED_NETWORK_ERROR = exports.NETWORK_ERROR = exports.INVALIDATE_SOURCE = exports.RECEIVE_DATA = exports.REQUEST_DATA = void 0;
 
 var _lodash = _interopRequireDefault(require("lodash"));
 
@@ -41,6 +41,8 @@ var CANCEL_REQUEST = 'CANCEL_REQUEST';
 exports.CANCEL_REQUEST = CANCEL_REQUEST;
 var EXPIRED_RESPONSE = 'EXPIRED_RESPONSE';
 exports.EXPIRED_RESPONSE = EXPIRED_RESPONSE;
+var RESET_DID_INVALIDATE = 'RESET_DID_INVALIDATE';
+exports.RESET_DID_INVALIDATE = RESET_DID_INVALIDATE;
 
 var invalidateSource = function invalidateSource(key) {
   return {
@@ -51,6 +53,15 @@ var invalidateSource = function invalidateSource(key) {
 
 exports.invalidateSource = invalidateSource;
 
+var resetDidInvalidate = function resetDidInvalidate(key) {
+  return {
+    type: RESET_DID_INVALIDATE,
+    key: key
+  };
+};
+
+exports.resetDidInvalidate = resetDidInvalidate;
+
 var requestData = function requestData(source, key) {
   return {
     type: REQUEST_DATA,

package/App/Reducers/Api/Reducer.js

@@ -31,6 +31,11 @@ var data = function data() {
         data: null
       });
 
+    case _Actions.RESET_DID_INVALIDATE:
+      return _objectSpread(_objectSpread({}, state), {}, {
+        didInvalidate: false
+      });
+
     case _Actions.REQUEST_DATA:
       return _objectSpread(_objectSpread({}, state), {}, {
         isFetching: true,
@@ -97,6 +102,7 @@ var dataBySource = function dataBySource() {
     case _Actions.DELETE_DATA:
     case _Actions.CANCEL_REQUEST:
     case _Actions.EXPIRED_RESPONSE:
+    case _Actions.RESET_DID_INVALIDATE:
       return _objectSpread(_objectSpread({}, state), {}, _defineProperty({}, action.key, data(state[action.key], action)));
 
     default:

package/App/Reducers/Entity/Actions.js

@@ -49,12 +49,16 @@ var reportUnsavedEntity = function reportUnsavedEntity(reducerName, entityState,
 
 exports.reportUnsavedEntity = reportUnsavedEntity;
 
-var releaseUnsavedEntity = function releaseUnsavedEntity() {
+var releaseUnsavedEntity = function releaseUnsavedEntity(targetReducerName) {
   return function (dispatch, getState) {
     var state = getState();
     var entity = state.entity;
     var reducerName = entity.unsavedEntity.reducerName;
 
+    if (targetReducerName && targetReducerName !== reducerName) {
+      return;
+    }
+
     if (reducerName) {
       if (state[reducerName].showDetails) {
         dispatch({
@@ -555,7 +559,7 @@ var generateDefaultActions = function generateDefaultActions(listKey, dataKey, r
         // onDelete callback
         (0, _Helpers.dispatchDeleteData)(dispatch)(listKey, url, ids).then(function () {
           dispatch(hideDetails(false));
-          dispatch(releaseUnsavedEntity());
+          dispatch(releaseUnsavedEntity(reducerName));
           dispatch((0, _Helpers.invalidateSource)(listKey));
           dispatch(cancelDeleteEntitiesDialog());
           ctx.afterDelete && dispatch(ctx.afterDelete(ids));

package/Components/DefaultForm.js

@@ -63,9 +63,10 @@ var DefaultForm = /*#__PURE__*/function (_Component) {
           onCancel = _this$props.onCancel,
           onAction = _this$props.onAction,
           config = _this$props.config,
-          closeAfterSave = _this$props.closeAfterSave;
+          closeAfterSave = _this$props.closeAfterSave,
+          customPostData = _this$props.customPostData;
       var actionButtons = config.actionButtons;
-      var onSubmit = !closeAfterSave ? postData : function () {
+      var onSubmit = customPostData ? customPostData : !closeAfterSave ? postData : function () {
         return postData(true);
       };
       return entityState.isReady ? /*#__PURE__*/_react["default"].createElement(_Form["default"], {

package/Components/DefaultList.js

@@ -236,7 +236,7 @@ var DefaultList = /*#__PURE__*/function (_Component) {
   _createClass(DefaultList, [{
     key: "componentDidUpdate",
     value: function componentDidUpdate(prevProps) {
-      if (prevProps.selected !== this.props.selected) {
+      if (this.props.selected && !_lodash["default"].isEqual(prevProps.selected, this.props.selected)) {
         this.setState({
           selectedRows: this.props.selected
         });

package/Screens/Client/Containers/Edit.js

@@ -13,8 +13,6 @@ var _SimpleNestedData = _interopRequireDefault(require("../../../Components/Form
 
 var _DefaultConnectedForm = _interopRequireDefault(require("../../../Components/DefaultConnectedForm"));
 
-var _TextFields = _interopRequireDefault(require("../Components/TextFields"));
-
 var _ColorTextField = _interopRequireDefault(require("../Components/ColorTextField"));
 
 var _i18n = require("../../../App/i18n");
@@ -147,8 +145,21 @@ var formFields = [{
   }],
   dynamicDefaultLabel: false
 }, {
-  type: _TextFields["default"],
-  name: 'texts'
+  name: 'texts',
+  label: 'termsAndConditionsLink',
+  type: 'intl',
+  intl: {
+    name: 'termsAndConditionsLink',
+    type: 'text'
+  }
+}, {
+  name: 'texts',
+  label: 'dataPrivacyLink',
+  type: 'intl',
+  intl: {
+    name: 'dataPrivacyLink',
+    type: 'text'
+  }
 }, {
   name: 'channels',
   label: 'channels',

package/Screens/Client/Translations.js

@@ -6,6 +6,7 @@ require("../../App/i18n").use({
     Users: 'Users',
     'Theme - Highlight color': 'Theme - Highlight color',
     termsAndConditionsLink: 'Terms and conditions link',
+    dataPrivacyLink: 'Data privacy Link',
     themeColorError: 'Please enter a valid hex color (e.g. #0000ff)"',
     client: {
       addButtonLabel: 'Add Client',
@@ -22,7 +23,8 @@ require("../../App/i18n").use({
     Users: 'Benutzer',
     'Theme - Highlight color': 'Theme - Highlightfarbe',
     'Theme - Font': 'Theme - Font',
-    termsAndConditionsLink: 'Terms and conditions link',
+    termsAndConditionsLink: 'Link zu den Nutzungsbedingungen',
+    dataPrivacyLink: 'Link zu den Datenschutzbestimmungen',
     'Clientname / Shopname': 'Bezeichner/ Shopname',
     'E-mail (contact)': 'E-Mail (Kontakt)',
     'Street / no': 'Straße / Hausnummer',

package/Screens/ColorPalettes/Components/DefaultColorSwitch.js

@@ -72,7 +72,11 @@ var DefaultColorSwitch = /*#__PURE__*/function (_Component) {
     _this = _super.call.apply(_super, [this].concat(args));
 
     _defineProperty(_assertThisInitialized(_this), "onToggle", function (e) {
-      _this.props.setDefaultColor(_this.props.isDefaultColor ? null : _this.props.color);
+      var colorId = (0, _get["default"])(_this.props.color, 'id', null);
+
+      if (colorId) {
+        _this.props.setDefaultColor(_this.props.isDefaultColor ? null : _this.props.color);
+      }
     });
 
     return _this;
@@ -82,15 +86,21 @@ var DefaultColorSwitch = /*#__PURE__*/function (_Component) {
     key: "render",
     value: function render() {
       var classes = this.props.classes;
-      return /*#__PURE__*/_react["default"].createElement(_Switch["default"], {
-        classes: {
-          switchBase: classes.switchBase
-        },
-        checked: this.props.isDefaultColor,
-        onClick: this.onToggle,
-        name: "isDefaultColor",
-        color: "primary"
-      });
+      var colorId = (0, _get["default"])(this.props.color, 'id', null);
+
+      if (colorId) {
+        return /*#__PURE__*/_react["default"].createElement(_Switch["default"], {
+          classes: {
+            switchBase: classes.switchBase
+          },
+          checked: this.props.isDefaultColor,
+          onClick: this.onToggle,
+          name: "isDefaultColor",
+          color: "primary"
+        });
+      }
+
+      return null;
     }
   }]);
 
@@ -109,7 +119,7 @@ var mapStateToProps = function mapStateToProps(state, ownProps) {
   var colorId = (0, _get["default"])(ownProps.color, 'id', null);
   var defaultColorId = (0, _get["default"])(state, "".concat(_Actions.COLORPALETTES_REDUCER_NAME, ".data.defaultColor.value.id"), null);
   return {
-    isDefaultColor: colorId === defaultColorId
+    isDefaultColor: colorId === defaultColorId && colorId !== null && defaultColorId !== null
   };
 };
 

package/Screens/Creator/Components/VisualizationAndMediaData/Components/ImageEditTools.js

@@ -25,10 +25,14 @@ var _Api = _interopRequireDefault(require("../../../../../App/Api"));
 
 var _Actions = require("../../../../../App/Reducers/Api/Actions");
 
+var _Actions2 = require("../../../../../App/Reducers/Frame/Actions");
+
 var _reactRedux = require("react-redux");
 
 var _core = require("@material-ui/core");
 
+var _reactFileDrop = _interopRequireDefault(require("react-file-drop"));
+
 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); }
@@ -57,6 +61,14 @@ var ImageEditTools = (0, _withStyles["default"])({
   },
   fileInput: {
     display: 'none'
+  },
+  fileDrop: {
+    position: 'absolute',
+    top: 0,
+    left: '50%',
+    width: 150,
+    marginLeft: -75,
+    height: 100
   }
 })(function (_ref) {
   var classes = _ref.classes,
@@ -76,43 +88,54 @@ var ImageEditTools = (0, _withStyles["default"])({
 
   var uploadImage = /*#__PURE__*/function () {
     var _ref2 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee(image) {
-      var data;
+      var allowedFormats, data;
       return regeneratorRuntime.wrap(function _callee$(_context) {
         while (1) {
           switch (_context.prev = _context.next) {
             case 0:
+              allowedFormats = ['image/jpeg', 'image/jpg', 'image/png'];
+
               if (uploadUrl) {
-                _context.next = 2;
+                _context.next = 3;
                 break;
               }
 
               throw new Error('uploadUrl is not provided!');
 
-            case 2:
-              _context.prev = 2;
+            case 3:
+              if (!(allowedFormats.indexOf(image.type) === -1)) {
+                _context.next = 5;
+                break;
+              }
+
+              return _context.abrupt("return", dispatch((0, _Actions2.showErrorMessage)((0, _i18n.t)('visualizationAndMediaData.unsupportedFileTypeError'))));
+
+            case 5:
+              _context.prev = 5;
               data = new FormData();
               data.append('file', image);
-              _context.next = 7;
+              dispatch((0, _Actions2.cancelErrorMessage)());
+              _context.next = 11;
               return _Api["default"].request({
                 method: 'post',
                 url: uploadUrl,
                 data: data
               });
 
-            case 7:
+            case 11:
               return _context.abrupt("return", _context.sent);
 
-            case 10:
-              _context.prev = 10;
-              _context.t0 = _context["catch"](2);
+            case 14:
+              _context.prev = 14;
+              _context.t0 = _context["catch"](5);
               dispatch((0, _Actions.networkError)('image', 'image', _context.t0));
 
-            case 13:
+            case 17:
             case "end":
               return _context.stop();
           }
         }
-      }, _callee, null, [[2, 10]]);
+      }, _callee, null, [[5, 14]]);
     }));
 
     return function uploadImage(_x) {
@@ -162,7 +185,34 @@ var ImageEditTools = (0, _withStyles["default"])({
     };
   }();
 
-  return /*#__PURE__*/_react["default"].createElement("div", {
+  return /*#__PURE__*/_react["default"].createElement(_reactFileDrop["default"], {
+    className: classes.fileDrop,
+    onDrop: /*#__PURE__*/function () {
+      var _ref4 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee3(files) {
+        return regeneratorRuntime.wrap(function _callee3$(_context3) {
+          while (1) {
+            switch (_context3.prev = _context3.next) {
+              case 0:
+                _context3.next = 2;
+                return uploadImage(files[0]);
+
+              case 2:
+                onUpdate && onUpdate();
+
+              case 3:
+              case "end":
+                return _context3.stop();
+            }
+          }
+        }, _callee3);
+      }));
+
+      return function (_x2) {
+        return _ref4.apply(this, arguments);
+      };
+    }(),
+    multiple: false
+  }, /*#__PURE__*/_react["default"].createElement("div", {
     className: "".concat(classes.root, " ").concat(className)
   }, /*#__PURE__*/_react["default"].createElement("input", {
     ref: fileInputRef,
@@ -170,17 +220,17 @@ var ImageEditTools = (0, _withStyles["default"])({
     accept: "image/jpeg, image/png",
     className: classes.fileInput,
     onChange: /*#__PURE__*/function () {
-      var _ref4 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee3(evt) {
-        return regeneratorRuntime.wrap(function _callee3$(_context3) {
+      var _ref5 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee4(evt) {
+        return regeneratorRuntime.wrap(function _callee4$(_context4) {
           while (1) {
-            switch (_context3.prev = _context3.next) {
+            switch (_context4.prev = _context4.next) {
               case 0:
                 if (!evt.target.files.length) {
-                  _context3.next = 4;
+                  _context4.next = 4;
                   break;
                 }
 
-                _context3.next = 3;
+                _context4.next = 3;
                 return uploadImage(evt.target.files[0]);
 
               case 3:
@@ -188,14 +238,14 @@ var ImageEditTools = (0, _withStyles["default"])({
 
               case 4:
               case "end":
-                return _context3.stop();
+                return _context4.stop();
             }
           }
-        }, _callee3);
+        }, _callee4);
       }));
 
-      return function (_x2) {
-        return _ref4.apply(this, arguments);
+      return function (_x3) {
+        return _ref5.apply(this, arguments);
       };
     }()
   }), /*#__PURE__*/_react["default"].createElement("label", null, /*#__PURE__*/_react["default"].createElement(_core.Tooltip, {
@@ -215,12 +265,12 @@ var ImageEditTools = (0, _withStyles["default"])({
     onCancel: function onCancel() {
       return setShowDeleteConfirm(false);
     },
-    onConfirm: /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee4() {
-      return regeneratorRuntime.wrap(function _callee4$(_context4) {
+    onConfirm: /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee5() {
+      return regeneratorRuntime.wrap(function _callee5$(_context5) {
         while (1) {
-          switch (_context4.prev = _context4.next) {
+          switch (_context5.prev = _context5.next) {
             case 0:
-              _context4.next = 2;
+              _context5.next = 2;
               return removeImage();
 
             case 2:
@@ -229,14 +279,14 @@ var ImageEditTools = (0, _withStyles["default"])({
 
             case 4:
             case "end":
-              return _context4.stop();
+              return _context5.stop();
           }
         }
-      }, _callee4);
+      }, _callee5);
     })),
     title: (0, _i18n.t)('visualizationAndMediaData.imageDeleteConfirm.title'),
     message: (0, _i18n.t)('visualizationAndMediaData.imageDeleteConfirm.message')
-  }));
+  })));
 });
 var _default = ImageEditTools;
 exports["default"] = _default;

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

@@ -37,7 +37,8 @@ require("../../../../App/i18n").use({
       imageDeleteConfirm: {
         title: 'Delete image',
         message: 'Do you really want to delete this image?'
-      }
+      },
+      unsupportedFileTypeError: 'Unsupported file format'
     }
   },
   de: {
@@ -76,7 +77,8 @@ require("../../../../App/i18n").use({
       imageDeleteConfirm: {
         title: 'Bild löschen',
         message: 'Möchtest du dieses Bild wirklich löschen?'
-      }
+      },
+      unsupportedFileTypeError: 'Nicht unterstütztes Dateiformat'
     }
   }
 }, true);

package/Screens/CurrentClient/Containers/Edit.js

@@ -13,8 +13,6 @@ var _SimpleNestedData = _interopRequireDefault(require("../../../Components/Form
 
 var _DefaultConnectedForm = _interopRequireDefault(require("../../../Components/DefaultConnectedForm"));
 
-var _TextFields = _interopRequireDefault(require("../../Client/Components/TextFields"));
-
 var _withLoadAction = require("../../../Components/withLoadAction");
 
 var _i18n = require("../../../App/i18n");
@@ -110,8 +108,21 @@ var formFields = [{
   }],
   dynamicDefaultLabel: false
 }, {
-  type: _TextFields["default"],
-  name: 'texts'
+  name: 'texts',
+  label: 'termsAndConditionsLink',
+  type: 'intl',
+  intl: {
+    name: 'termsAndConditionsLink',
+    type: 'text'
+  }
+}, {
+  name: 'texts',
+  label: 'Title',
+  type: 'dataPrivacyLink',
+  intl: {
+    name: 'dataPrivacyLink',
+    type: 'text'
+  }
 }, {
   name: 'customCss',
   label: 'customCss',

package/Screens/CurrentClient/Reducers/Reducer.js

@@ -22,10 +22,7 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 var initialState = _objectSpread({}, (0, _Reducer.getDefaultEntityState)({
   id: null,
   texts: {
-    value: [],
-    constraints: {
-      presence: true
-    }
+    value: []
   },
   theme: {
     value: {},

package/Screens/DefaultClient/Containers/Edit.js

@@ -17,8 +17,6 @@ var _SimpleNestedData = _interopRequireDefault(require("../../../Components/Form
 
 var _i18n = require("../../../App/i18n");
 
-var _TextFields = _interopRequireDefault(require("../../Client/Components/TextFields"));
-
 var _PdfMarkdownField = _interopRequireDefault(require("../../Client/Components/PdfMarkdownField"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -123,8 +121,21 @@ var formFields = [{
     id: 'none'
   }]
 }, {
-  type: _TextFields["default"],
-  name: 'texts'
+  name: 'texts',
+  label: 'termsAndConditionsLink',
+  type: 'intl',
+  intl: {
+    name: 'termsAndConditionsLink',
+    type: 'text'
+  }
+}, {
+  name: 'texts',
+  label: 'dataPrivacyLink',
+  type: 'intl',
+  intl: {
+    name: 'dataPrivacyLink',
+    type: 'text'
+  }
 }, {
   name: 'customCss',
   label: 'customCss',

package/Screens/DefaultClient/Reducers/Reducer.js

@@ -32,10 +32,7 @@ var initialState = _objectSpread({}, (0, _Reducer.getDefaultEntityState)({
     value: {},
     schema: {
       highlightColor: {
-        value: '',
-        constraints: {
-          presence: true
-        }
+        value: ''
       },
       logo: {
         value: ''

package/Screens/Designer/Containers/List.js

@@ -40,7 +40,7 @@ var _default = (0, _DefaultConnectedList["default"])(columns, listParams, _Actio
 false, // skip remove entity
 {
   reducerName: _Actions.DESIGNER_REDUCER_NAME,
-  entityIdKey: 'item.value.id'
+  entityIdKey: 'id.value'
 });
 
 exports["default"] = _default;

package/Screens/Designer/SubScreens/Visualization/Containers/List.js

@@ -164,7 +164,7 @@ var VisualizationSettings = /*#__PURE__*/function (_React$Component) {
 
 _defineProperty(VisualizationSettings, "propTypes", {
   loadDetails: _propTypes["default"].func.isRequired,
-  steState: _propTypes["default"].func.isRequired,
+  setState: _propTypes["default"].func.isRequired,
   onDeleteItems: _propTypes["default"].func.isRequired
 });
 

package/Screens/Group/Reducers/Actions.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = exports.loadEntity = exports.hideDetails = exports.GROUPS_URL = exports.REDUCER_NAME = exports.DATA_KEY = exports.LIST_KEY = void 0;
+exports["default"] = exports.postData = exports.loadEntity = exports.hideDetails = exports.GROUPS_URL = exports.REDUCER_NAME = exports.DATA_KEY = exports.LIST_KEY = void 0;
 
 var _Actions = require("../../../App/Reducers/Entity/Actions");
 
@@ -17,7 +17,9 @@ var GROUPS_URL = 'groups';
 exports.GROUPS_URL = GROUPS_URL;
 var actions = (0, _Actions.generateDefaultActions)(LIST_KEY, DATA_KEY, REDUCER_NAME, GROUPS_URL);
 var hideDetails = actions.hideDetails,
-    loadEntity = actions.loadEntity;
+    loadEntity = actions.loadEntity,
+    postData = actions.postData;
+exports.postData = postData;
 exports.loadEntity = loadEntity;
 exports.hideDetails = hideDetails;
 var _default = actions;

package/Screens/Item/Components/Variants/VariantsEditor.js

@@ -27,6 +27,8 @@ var _Checkbox = _interopRequireDefault(require("@material-ui/core/Checkbox/Check
 
 var _TablePagination = _interopRequireDefault(require("@material-ui/core/TablePagination"));
 
+var _uniq = _interopRequireDefault(require("lodash/uniq"));
+
 var _ReduxListener = require("../../../../App/ReduxListener");
 
 var _i18n = require("../../../../App/i18n");
@@ -159,7 +161,7 @@ var getGroupsFromChildren = function getGroupsFromChildren(children) {
 
   return {
     groups: groups,
-    groupIdsInOrder: groupIdsInOrder
+    groupIdsInOrder: (0, _uniq["default"])(groupIdsInOrder)
   };
 };
 
@@ -330,7 +332,7 @@ var VariantsEditor = /*#__PURE__*/function (_Component) {
 
       _this.setState({
         groups: groups,
-        groupIdsInOrder: groupIdsInOrder
+        groupIdsInOrder: (0, _uniq["default"])(groupIdsInOrder)
       });
     });
 

package/Screens/Item/Components/Variants/VariantsEditorPopup.js

@@ -23,12 +23,18 @@ var GroupEntryActions = _interopRequireWildcard(require("../../../GroupEntry/Red
 
 var _i18n = require("../../../../App/i18n");
 
+var _Actions3 = require("../../../../App/Reducers/Api/Actions");
+
 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 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 _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); } }
@@ -72,6 +78,7 @@ var VariantsEditorPopup = /*#__PURE__*/function (_React$Component) {
         open: showGroupEditor,
         scroll: 'paper'
       }, /*#__PURE__*/_react["default"].createElement(_Edit["default"], {
+        customPostData: this.props.customPostData,
         onCancel: this.props.cancelGroup,
         closeAfterSave: true
       })), /*#__PURE__*/_react["default"].createElement(_Dialog["default"], {
@@ -106,6 +113,33 @@ var renderDispatchToProps = function renderDispatchToProps(dispatch) {
     cancelGroup: function cancelGroup() {
       dispatch(GroupActions.hideDetails(false));
     },
+    customPostData: function () {
+      var _customPostData = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
+        return regeneratorRuntime.wrap(function _callee$(_context) {
+          while (1) {
+            switch (_context.prev = _context.next) {
+              case 0:
+                _context.next = 2;
+                return dispatch(GroupActions.postData(true));
+
+              case 2:
+                // need to reset didInvalidate flag as it is set on save of group which is blocking to reloadList
+                dispatch((0, _Actions3.resetDidInvalidate)(GroupActions.GROUPS_URL));
+
+              case 3:
+              case "end":
+                return _context.stop();
+            }
+          }
+        }, _callee);
+      }));
+
+      function customPostData() {
+        return _customPostData.apply(this, arguments);
+      }
+
+      return customPostData;
+    }(),
     cancelGroupEntry: function cancelGroupEntry() {
       dispatch(GroupEntryActions.hideDetails(false));
     }