@configuratorware/configurator-admingui 1.48.13 → 1.49.1

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

@@ -102,18 +102,38 @@ var ImageTile = (0, _withStyles["default"])(function (theme) {
     uploadUrl = _ref.uploadUrl,
     removeUrl = _ref.removeUrl,
     onUpdate = _ref.onUpdate;
+  var _useState = (0, _react.useState)(0),
+    _useState2 = _slicedToArray(_useState, 2),
+    version = _useState2[0],
+    setVersion = _useState2[1];
+  var updateHandler = (0, _react.useCallback)( /*#__PURE__*/_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 onUpdate();
+        case 2:
+          setVersion(function (v) {
+            return v + 1;
+          });
+        case 3:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee);
+  })), [onUpdate]);
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: classes.imageTile
   }, expectedSrc ? /*#__PURE__*/_react["default"].createElement(_PathStructure["default"], {
     path: expectedSrc
   }) : /*#__PURE__*/_react["default"].createElement(_Image["default"], {
-    src: src
+    src: src && "".concat(src, "?v=").concat(version)
   }), uploadUrl && removeUrl && /*#__PURE__*/_react["default"].createElement(_ImageEditTools["default"], {
     className: classes.imageEditTools,
     deleteEnabled: !!src,
     uploadUrl: uploadUrl,
     removeUrl: removeUrl,
-    onUpdate: onUpdate
+    onUpdate: updateHandler
   }), /*#__PURE__*/_react["default"].createElement("div", {
     className: classes.imageLabel
   }, /*#__PURE__*/_react["default"].createElement("div", {
@@ -141,11 +161,11 @@ var ItemTile = (0, _withStyles["default"])(function (theme) {
     },
     titleSubtitle: {}
   };
-})(function (_ref2) {
-  var title = _ref2.title,
-    subTitle = _ref2.subTitle,
-    children = _ref2.children,
-    classes = _ref2.classes;
+})(function (_ref3) {
+  var title = _ref3.title,
+    subTitle = _ref3.subTitle,
+    children = _ref3.children,
+    classes = _ref3.classes;
   return /*#__PURE__*/_react["default"].createElement(_Paper["default"], {
     className: classes.root
   }, /*#__PURE__*/_react["default"].createElement("div", {
@@ -184,11 +204,11 @@ var TabTile = (0, _withStyles["default"])(function (theme) {
       top: -2
     }
   };
-})(function (_ref3) {
-  var title = _ref3.title,
-    onDeleteClick = _ref3.onDeleteClick,
-    children = _ref3.children,
-    classes = _ref3.classes;
+})(function (_ref4) {
+  var title = _ref4.title,
+    onDeleteClick = _ref4.onDeleteClick,
+    children = _ref4.children,
+    classes = _ref4.classes;
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: classes.root
   }, title && /*#__PURE__*/_react["default"].createElement("div", {
@@ -344,84 +364,84 @@ var VisualizationAndMediaData = exports.VisualizationAndMediaData = (0, _withSty
       zIndex: 9999
     }
   };
-})(function (_ref4) {
-  var enable2dTools = _ref4.enable2dTools,
-    item = _ref4.item,
-    itemId = _ref4.itemId,
-    loadData = _ref4.loadData,
-    saveView = _ref4.saveView,
-    updateView = _ref4.updateView,
-    removeView = _ref4.removeView,
-    classes = _ref4.classes;
-  var _useState = (0, _react.useState)(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    open = _useState2[0],
-    setOpen = _useState2[1];
-  var _useState3 = (0, _react.useState)({
+})(function (_ref5) {
+  var enable2dTools = _ref5.enable2dTools,
+    item = _ref5.item,
+    itemId = _ref5.itemId,
+    loadData = _ref5.loadData,
+    saveView = _ref5.saveView,
+    updateView = _ref5.updateView,
+    removeView = _ref5.removeView,
+    classes = _ref5.classes;
+  var _useState3 = (0, _react.useState)(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    open = _useState4[0],
+    setOpen = _useState4[1];
+  var _useState5 = (0, _react.useState)({
       viewMediaInfo: [],
       componentMediaInfo: [],
       possibleNamingIssues: []
     }),
-    _useState4 = _slicedToArray(_useState3, 2),
-    mediaEditData = _useState4[0],
-    setMediaEditData = _useState4[1];
-  var _useState5 = (0, _react.useState)(false),
     _useState6 = _slicedToArray(_useState5, 2),
-    loading = _useState6[0],
-    setLoading = _useState6[1];
+    mediaEditData = _useState6[0],
+    setMediaEditData = _useState6[1];
   var _useState7 = (0, _react.useState)(false),
     _useState8 = _slicedToArray(_useState7, 2),
-    loadingDialog = _useState8[0],
-    setLoadingDialog = _useState8[1];
-  var _useState9 = (0, _react.useState)(0),
+    loading = _useState8[0],
+    setLoading = _useState8[1];
+  var _useState9 = (0, _react.useState)(false),
     _useState10 = _slicedToArray(_useState9, 2),
-    editorMode = _useState10[0],
-    setEditorMode = _useState10[1];
-  var _useState11 = (0, _react.useState)(false),
+    loadingDialog = _useState10[0],
+    setLoadingDialog = _useState10[1];
+  var _useState11 = (0, _react.useState)(0),
     _useState12 = _slicedToArray(_useState11, 2),
-    selectedDesignView = _useState12[0],
-    setSelectedDesignView = _useState12[1];
+    editorMode = _useState12[0],
+    setEditorMode = _useState12[1];
   var _useState13 = (0, _react.useState)(false),
     _useState14 = _slicedToArray(_useState13, 2),
-    showAddView = _useState14[0],
-    setShowAddView = _useState14[1];
+    selectedDesignView = _useState14[0],
+    setSelectedDesignView = _useState14[1];
   var _useState15 = (0, _react.useState)(false),
     _useState16 = _slicedToArray(_useState15, 2),
-    idToDelete = _useState16[0],
-    setIdToDelete = _useState16[1];
+    showAddView = _useState16[0],
+    setShowAddView = _useState16[1];
+  var _useState17 = (0, _react.useState)(false),
+    _useState18 = _slicedToArray(_useState17, 2),
+    idToDelete = _useState18[0],
+    setIdToDelete = _useState18[1];
   var currentDesignViewIdentifier = selectedDesignView && selectedDesignView.identifier;
   var viewMediaInfo = mediaEditData.viewMediaInfo,
     componentMediaInfo = mediaEditData.componentMediaInfo,
     possibleNamingIssues = mediaEditData.possibleNamingIssues;
-  var _useState17 = (0, _react.useState)(viewMediaInfo),
-    _useState18 = _slicedToArray(_useState17, 2),
-    orderedViews = _useState18[0],
-    setOrderedViews = _useState18[1];
+  var _useState19 = (0, _react.useState)(viewMediaInfo),
+    _useState20 = _slicedToArray(_useState19, 2),
+    orderedViews = _useState20[0],
+    setOrderedViews = _useState20[1];
   var refreshData = /*#__PURE__*/function () {
-    var _ref5 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+    var _ref6 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
       var data;
-      return _regeneratorRuntime().wrap(function _callee$(_context) {
-        while (1) switch (_context.prev = _context.next) {
+      return _regeneratorRuntime().wrap(function _callee2$(_context2) {
+        while (1) switch (_context2.prev = _context2.next) {
           case 0:
-            _context.prev = 0;
+            _context2.prev = 0;
             setLoadingDialog(true);
-            _context.next = 4;
+            _context2.next = 4;
             return loadData(itemId);
           case 4:
-            data = _context.sent;
+            data = _context2.sent;
             setMediaEditData(data);
           case 6:
-            _context.prev = 6;
+            _context2.prev = 6;
             setLoadingDialog(false);
-            return _context.finish(6);
+            return _context2.finish(6);
           case 9:
           case "end":
-            return _context.stop();
+            return _context2.stop();
         }
-      }, _callee, null, [[0,, 6, 9]]);
+      }, _callee2, null, [[0,, 6, 9]]);
     }));
     return function refreshData() {
-      return _ref5.apply(this, arguments);
+      return _ref6.apply(this, arguments);
     };
   }();
   (0, _react.useEffect)(function () {
@@ -441,40 +461,40 @@ var VisualizationAndMediaData = exports.VisualizationAndMediaData = (0, _withSty
     }
   }, [viewMediaInfo, editorMode, selectedDesignView]);
   (0, _react.useEffect)(function () {
-    _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
-      return _regeneratorRuntime().wrap(function _callee2$(_context2) {
-        while (1) switch (_context2.prev = _context2.next) {
+    _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3() {
+      return _regeneratorRuntime().wrap(function _callee3$(_context3) {
+        while (1) switch (_context3.prev = _context3.next) {
           case 0:
             if (!open) {
-              _context2.next = 11;
+              _context3.next = 11;
               break;
             }
             setLoading(true);
-            _context2.prev = 2;
-            _context2.t0 = setMediaEditData;
-            _context2.next = 6;
+            _context3.prev = 2;
+            _context3.t0 = setMediaEditData;
+            _context3.next = 6;
             return loadData(itemId);
           case 6:
-            _context2.t1 = _context2.sent;
-            (0, _context2.t0)(_context2.t1);
+            _context3.t1 = _context3.sent;
+            (0, _context3.t0)(_context3.t1);
           case 8:
-            _context2.prev = 8;
+            _context3.prev = 8;
             setLoading(false);
-            return _context2.finish(8);
+            return _context3.finish(8);
           case 11:
           case "end":
-            return _context2.stop();
+            return _context3.stop();
         }
-      }, _callee2, null, [[2,, 8, 11]]);
+      }, _callee3, null, [[2,, 8, 11]]);
     }))();
   }, [open, loadData, setMediaEditData, itemId]);
   var handleViewSortEnd = /*#__PURE__*/function () {
-    var _ref8 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3(_ref7) {
+    var _ref9 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee4(_ref8) {
       var oldIndex, newIndex, views, refreshNeeded;
-      return _regeneratorRuntime().wrap(function _callee3$(_context3) {
-        while (1) switch (_context3.prev = _context3.next) {
+      return _regeneratorRuntime().wrap(function _callee4$(_context4) {
+        while (1) switch (_context4.prev = _context4.next) {
           case 0:
-            oldIndex = _ref7.oldIndex, newIndex = _ref7.newIndex;
+            oldIndex = _ref8.oldIndex, newIndex = _ref8.newIndex;
             views = (0, _arrayMove["default"])(orderedViews, oldIndex, newIndex).map(function (view, index) {
               return _objectSpread(_objectSpread({}, view), {}, {
                 sequenceNumber: (0, _padStart["default"])('' + (index + 1), 2, '0')
@@ -482,9 +502,9 @@ var VisualizationAndMediaData = exports.VisualizationAndMediaData = (0, _withSty
             });
             setOrderedViews(views);
             refreshNeeded = false;
-            _context3.prev = 4;
+            _context4.prev = 4;
             setLoadingDialog(true);
-            _context3.next = 8;
+            _context4.next = 8;
             return Promise.all(views.map(function (view) {
               if (view.sequenceNumber !== orderedViews.sequenceNumber) {
                 refreshNeeded = true;
@@ -494,28 +514,28 @@ var VisualizationAndMediaData = exports.VisualizationAndMediaData = (0, _withSty
               }
             }));
           case 8:
-            _context3.prev = 8;
+            _context4.prev = 8;
             if (!refreshNeeded) {
-              _context3.next = 14;
+              _context4.next = 14;
               break;
             }
-            _context3.next = 12;
+            _context4.next = 12;
             return refreshData();
           case 12:
-            _context3.next = 15;
+            _context4.next = 15;
             break;
           case 14:
             setLoadingDialog(false);
           case 15:
-            return _context3.finish(8);
+            return _context4.finish(8);
           case 16:
           case "end":
-            return _context3.stop();
+            return _context4.stop();
         }
-      }, _callee3, null, [[4,, 8, 16]]);
+      }, _callee4, null, [[4,, 8, 16]]);
     }));
     return function handleViewSortEnd(_x) {
-      return _ref8.apply(this, arguments);
+      return _ref9.apply(this, arguments);
     };
   }();
 
@@ -585,8 +605,8 @@ var VisualizationAndMediaData = exports.VisualizationAndMediaData = (0, _withSty
     helperClass: classes.sortable,
     value: currentDesignViewIdentifier || 0,
     onChange: function onChange(evt, value) {
-      return setSelectedDesignView(orderedViews.find(function (_ref9) {
-        var identifier = _ref9.identifier;
+      return setSelectedDesignView(orderedViews.find(function (_ref10) {
+        var identifier = _ref10.identifier;
         return identifier === value;
       }));
     },
@@ -607,11 +627,11 @@ var VisualizationAndMediaData = exports.VisualizationAndMediaData = (0, _withSty
           "aria-label": 'identifier',
           value: identifier,
           onChange: /*#__PURE__*/function () {
-            var _ref10 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee4(value) {
-              return _regeneratorRuntime().wrap(function _callee4$(_context4) {
-                while (1) switch (_context4.prev = _context4.next) {
+            var _ref11 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee5(value) {
+              return _regeneratorRuntime().wrap(function _callee5$(_context5) {
+                while (1) switch (_context5.prev = _context5.next) {
                   case 0:
-                    _context4.next = 2;
+                    _context5.next = 2;
                     return updateView({
                       id: id,
                       itemId: itemId,
@@ -619,20 +639,20 @@ var VisualizationAndMediaData = exports.VisualizationAndMediaData = (0, _withSty
                       identifier: value
                     });
                   case 2:
-                    _context4.t0 = setMediaEditData;
-                    _context4.next = 5;
+                    _context5.t0 = setMediaEditData;
+                    _context5.next = 5;
                     return loadData(itemId);
                   case 5:
-                    _context4.t1 = _context4.sent;
-                    (0, _context4.t0)(_context4.t1);
+                    _context5.t1 = _context5.sent;
+                    (0, _context5.t0)(_context5.t1);
                   case 7:
                   case "end":
-                    return _context4.stop();
+                    return _context5.stop();
                 }
-              }, _callee4);
+              }, _callee5);
             }));
             return function (_x2) {
-              return _ref10.apply(this, arguments);
+              return _ref11.apply(this, arguments);
             };
           }()
         }),
@@ -665,35 +685,35 @@ var VisualizationAndMediaData = exports.VisualizationAndMediaData = (0, _withSty
       return setShowAddView(false);
     },
     onSubmit: /*#__PURE__*/function () {
-      var _ref11 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee5(data) {
-        return _regeneratorRuntime().wrap(function _callee5$(_context5) {
-          while (1) switch (_context5.prev = _context5.next) {
+      var _ref12 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee6(data) {
+        return _regeneratorRuntime().wrap(function _callee6$(_context6) {
+          while (1) switch (_context6.prev = _context6.next) {
             case 0:
-              _context5.prev = 0;
-              _context5.next = 3;
+              _context6.prev = 0;
+              _context6.next = 3;
               return saveView(_objectSpread(_objectSpread({}, data), {}, {
                 itemId: itemId,
                 sequenceNumber: '999'
               }));
             case 3:
-              _context5.next = 8;
+              _context6.next = 8;
               break;
             case 5:
-              _context5.prev = 5;
-              _context5.t0 = _context5["catch"](0);
+              _context6.prev = 5;
+              _context6.t0 = _context6["catch"](0);
               // eslint-disable-next-line no-console
-              console.error(_context5.t0);
+              console.error(_context6.t0);
             case 8:
               refreshData();
               setShowAddView(false);
             case 10:
             case "end":
-              return _context5.stop();
+              return _context6.stop();
           }
-        }, _callee5, null, [[0, 5]]);
+        }, _callee6, null, [[0, 5]]);
       }));
       return function (_x3) {
-        return _ref11.apply(this, arguments);
+        return _ref12.apply(this, arguments);
       };
     }()
   }), /*#__PURE__*/_react["default"].createElement(_ConfirmDelete["default"], {
@@ -702,25 +722,25 @@ var VisualizationAndMediaData = exports.VisualizationAndMediaData = (0, _withSty
     onCancel: function onCancel() {
       return setIdToDelete(false);
     },
-    onConfirm: /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee6() {
-      return _regeneratorRuntime().wrap(function _callee6$(_context6) {
-        while (1) switch (_context6.prev = _context6.next) {
+    onConfirm: /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee7() {
+      return _regeneratorRuntime().wrap(function _callee7$(_context7) {
+        while (1) switch (_context7.prev = _context7.next) {
           case 0:
-            _context6.next = 2;
+            _context7.next = 2;
             return removeView(idToDelete);
           case 2:
             setIdToDelete(false);
-            _context6.t0 = setMediaEditData;
-            _context6.next = 6;
+            _context7.t0 = setMediaEditData;
+            _context7.next = 6;
             return loadData(itemId);
           case 6:
-            _context6.t1 = _context6.sent;
-            (0, _context6.t0)(_context6.t1);
+            _context7.t1 = _context7.sent;
+            (0, _context7.t0)(_context7.t1);
           case 8:
           case "end":
-            return _context6.stop();
+            return _context7.stop();
         }
-      }, _callee6);
+      }, _callee7);
     })),
     title: (0, _i18n.t)('visualizationAndMediaData.viewDeleteConfirm.title'),
     message: (0, _i18n.t)('visualizationAndMediaData.viewDeleteConfirm.message')
@@ -802,33 +822,33 @@ function mapStateToProps() {
 function mapDispatchToProps(dispatch) {
   return {
     loadData: function () {
-      var _loadData = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee7(id) {
+      var _loadData = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee8(id) {
         var _yield$Api$request, data;
-        return _regeneratorRuntime().wrap(function _callee7$(_context7) {
-          while (1) switch (_context7.prev = _context7.next) {
+        return _regeneratorRuntime().wrap(function _callee8$(_context8) {
+          while (1) switch (_context8.prev = _context8.next) {
             case 0:
-              _context7.prev = 0;
-              _context7.next = 3;
+              _context8.prev = 0;
+              _context8.next = 3;
               return _Api["default"].request("/mediainfo/".concat(id));
             case 3:
-              _yield$Api$request = _context7.sent;
+              _yield$Api$request = _context8.sent;
               data = _yield$Api$request.data;
-              return _context7.abrupt("return", _objectSpread(_objectSpread({
+              return _context8.abrupt("return", _objectSpread(_objectSpread({
                 componentMediaInfo: [],
                 possibleNamingIssues: []
               }, data), {}, {
                 viewMediaInfo: (0, _sortBy["default"])(data.viewMediaInfo, ['sequenceNumber'])
               }));
             case 8:
-              _context7.prev = 8;
-              _context7.t0 = _context7["catch"](0);
-              dispatch((0, _Actions.networkError)('mediainfo', 'mediainfo', _context7.t0));
-              throw _context7.t0;
+              _context8.prev = 8;
+              _context8.t0 = _context8["catch"](0);
+              dispatch((0, _Actions.networkError)('mediainfo', 'mediainfo', _context8.t0));
+              throw _context8.t0;
             case 12:
             case "end":
-              return _context7.stop();
+              return _context8.stop();
           }
-        }, _callee7, null, [[0, 8]]);
+        }, _callee8, null, [[0, 8]]);
       }));
       function loadData(_x4) {
         return _loadData.apply(this, arguments);
@@ -836,29 +856,29 @@ function mapDispatchToProps(dispatch) {
       return loadData;
     }(),
     saveView: function () {
-      var _saveView = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee8(data) {
-        return _regeneratorRuntime().wrap(function _callee8$(_context8) {
-          while (1) switch (_context8.prev = _context8.next) {
+      var _saveView = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee9(data) {
+        return _regeneratorRuntime().wrap(function _callee9$(_context9) {
+          while (1) switch (_context9.prev = _context9.next) {
             case 0:
-              _context8.prev = 0;
-              _context8.next = 3;
+              _context9.prev = 0;
+              _context9.next = 3;
               return _Api["default"].request({
                 method: 'post',
                 url: "/creator_views",
                 data: data
               });
             case 3:
-              return _context8.abrupt("return", _context8.sent);
+              return _context9.abrupt("return", _context9.sent);
             case 6:
-              _context8.prev = 6;
-              _context8.t0 = _context8["catch"](0);
-              dispatch((0, _Actions.networkError)('views', 'views', _context8.t0));
-              throw _context8.t0;
+              _context9.prev = 6;
+              _context9.t0 = _context9["catch"](0);
+              dispatch((0, _Actions.networkError)('views', 'views', _context9.t0));
+              throw _context9.t0;
             case 10:
             case "end":
-              return _context8.stop();
+              return _context9.stop();
           }
-        }, _callee8, null, [[0, 6]]);
+        }, _callee9, null, [[0, 6]]);
       }));
       function saveView(_x5) {
         return _saveView.apply(this, arguments);
@@ -866,29 +886,29 @@ function mapDispatchToProps(dispatch) {
       return saveView;
     }(),
     updateView: function () {
-      var _updateView = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee9(data) {
-        return _regeneratorRuntime().wrap(function _callee9$(_context9) {
-          while (1) switch (_context9.prev = _context9.next) {
+      var _updateView = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee10(data) {
+        return _regeneratorRuntime().wrap(function _callee10$(_context10) {
+          while (1) switch (_context10.prev = _context10.next) {
             case 0:
-              _context9.prev = 0;
-              _context9.next = 3;
+              _context10.prev = 0;
+              _context10.next = 3;
               return _Api["default"].request({
                 method: 'post',
                 url: "/creator_views",
                 data: data
               });
             case 3:
-              return _context9.abrupt("return", _context9.sent);
+              return _context10.abrupt("return", _context10.sent);
             case 6:
-              _context9.prev = 6;
-              _context9.t0 = _context9["catch"](0);
-              dispatch((0, _Actions.networkError)('views', 'views', _context9.t0));
-              throw _context9.t0;
+              _context10.prev = 6;
+              _context10.t0 = _context10["catch"](0);
+              dispatch((0, _Actions.networkError)('views', 'views', _context10.t0));
+              throw _context10.t0;
             case 10:
             case "end":
-              return _context9.stop();
+              return _context10.stop();
           }
-        }, _callee9, null, [[0, 6]]);
+        }, _callee10, null, [[0, 6]]);
       }));
       function updateView(_x6) {
         return _updateView.apply(this, arguments);
@@ -909,41 +929,41 @@ function mapDispatchToProps(dispatch) {
   };
 }
 var _default = exports["default"] = (0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)((0, _AsyncProps.withAsyncProps)( /*#__PURE__*/function () {
-  var _ref14 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee10(_ref13) {
+  var _ref15 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee11(_ref14) {
     var itemId, _item, item;
-    return _regeneratorRuntime().wrap(function _callee10$(_context10) {
-      while (1) switch (_context10.prev = _context10.next) {
+    return _regeneratorRuntime().wrap(function _callee11$(_context11) {
+      while (1) switch (_context11.prev = _context11.next) {
         case 0:
-          itemId = _ref13.itemId, _item = _ref13.item;
-          _context10.t0 = _item;
-          if (_context10.t0) {
-            _context10.next = 9;
+          itemId = _ref14.itemId, _item = _ref14.item;
+          _context11.t0 = _item;
+          if (_context11.t0) {
+            _context11.next = 9;
             break;
           }
-          _context10.t1 = itemId;
-          if (!_context10.t1) {
-            _context10.next = 8;
+          _context11.t1 = itemId;
+          if (!_context11.t1) {
+            _context11.next = 8;
             break;
           }
-          _context10.next = 7;
+          _context11.next = 7;
           return (0, _ApiCalls.loadItemById)(itemId);
         case 7:
-          _context10.t1 = _context10.sent;
+          _context11.t1 = _context11.sent;
         case 8:
-          _context10.t0 = _context10.t1;
+          _context11.t0 = _context11.t1;
         case 9:
-          item = _context10.t0;
-          return _context10.abrupt("return", {
+          item = _context11.t0;
+          return _context11.abrupt("return", {
             item: item
           });
         case 11:
         case "end":
-          return _context10.stop();
+          return _context11.stop();
       }
-    }, _callee10);
+    }, _callee11);
   }));
   return function (_x7) {
-    return _ref14.apply(this, arguments);
+    return _ref15.apply(this, arguments);
   };
 }(), ['itemIdentifier'], {
   renderError: function renderError() {
@@ -952,8 +972,8 @@ var _default = exports["default"] = (0, _reactRedux.connect)(mapStateToProps, ma
   renderLoading: function renderLoading() {
     return /*#__PURE__*/_react["default"].createElement(_CircularProgress["default"], null);
   }
-})((0, _RemappedProps.withRemappedProps)(function (_ref15) {
-  var item = _ref15.item;
+})((0, _RemappedProps.withRemappedProps)(function (_ref16) {
+  var item = _ref16.item;
   return {
     enable2dTools: ['2dVariant', '2dLayer'].indexOf((0, _get["default"])(item, 'visualizationMode.identifier')) !== -1
   };

package/package.json

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