@configuratorware/configurator-frontendgui 1.41.2 → 1.42.2

package/Utils/Immutable/set.js

@@ -1,42 +1,28 @@
 "use strict";
 
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = exports.set = void 0;
-
+exports.set = exports["default"] = void 0;
 var _isArray = _interopRequireDefault(require("lodash/isArray"));
-
 var _isObject = _interopRequireDefault(require("lodash/isObject"));
-
 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; }
-
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
-
 function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
 function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
-
 function _toArray(arr) { return _arrayWithHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableRest(); }
-
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
-
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
 /**
  * Sets the given value at the given property path in the given data structure
  * It's similar to the lodash (underscore) set function, except that it does not directly modifies the
@@ -49,33 +35,24 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
  * @param {*} value
  * @returns {object}
  */
-var set = function set(obj, keys, value) {
+var set = exports.set = function set(obj, keys, value) {
   if (typeof keys === 'string') {
     return set(obj, keys.split('.'), value);
   }
-
   if (!(0, _isArray["default"])(keys)) {
     throw new TypeError('The keys argument must be a string or an array!');
   }
-
   if (keys.length === 0) {
     return value;
   }
-
   var _keys = _toArray(keys),
-      key = _keys[0],
-      nKeys = _keys.slice(1);
-
+    key = _keys[0],
+    nKeys = _keys.slice(1);
   if ((0, _isArray["default"])(obj)) {
     var res = _toConsumableArray(obj);
-
     res[key] = set(obj[key], nKeys, value);
     return res;
   }
-
   return _objectSpread(_objectSpread({}, (0, _isObject["default"])(obj) ? obj : {}), {}, _defineProperty({}, key, set((0, _get["default"])(obj, key), nKeys, value)));
 };
-
-exports.set = set;
-var _default = set;
-exports["default"] = _default;
+var _default = exports["default"] = set;

package/Utils/Math/conversions.js

@@ -4,10 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.mmsToPixels = void 0;
-
-var mmsToPixels = function mmsToPixels(mms) {
+var mmsToPixels = exports.mmsToPixels = function mmsToPixels(mms) {
   var dpi = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 300;
   return Math.ceil(mms / 25.4 * dpi);
-};
-
-exports.mmsToPixels = mmsToPixels;
+};

package/Utils/Math/isPositiveNumber.js

@@ -4,9 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.isPositiveNumber = void 0;
-
-var isPositiveNumber = function isPositiveNumber(number) {
+var isPositiveNumber = exports.isPositiveNumber = function isPositiveNumber(number) {
   return Boolean(number && number > 0 && isFinite(number));
-};
-
-exports.isPositiveNumber = isPositiveNumber;
+};

package/Utils/Redux/createActionWithGlobalState.js

@@ -4,20 +4,17 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.createActionWithGlobalState = void 0;
-
-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 createActionWithGlobalState = function createActionWithGlobalState(actionObject) {
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+var createActionWithGlobalState = exports.createActionWithGlobalState = function createActionWithGlobalState(actionObject) {
   return function (dispatch, getState) {
     var globalState = getState();
     return dispatch(_objectSpread(_objectSpread({}, actionObject), {}, {
       globalState: globalState
     }));
   };
-};
-
-exports.createActionWithGlobalState = createActionWithGlobalState;
+};

package/Utils/Styles/combineMediaQueries.js

@@ -4,21 +4,17 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.combineMediaQueriesWithAnd = void 0;
-
 /**
  * Combines multiple media queries into one
  * The parts of the created media query are separated by the 'and' logical operator
  * @param {...string} mediaQueries
  * @returns {string}
  */
-var combineMediaQueriesWithAnd = function combineMediaQueriesWithAnd() {
+var combineMediaQueriesWithAnd = exports.combineMediaQueriesWithAnd = function combineMediaQueriesWithAnd() {
   for (var _len = arguments.length, mediaQueries = new Array(_len), _key = 0; _key < _len; _key++) {
     mediaQueries[_key] = arguments[_key];
   }
-
   return "@media ".concat(mediaQueries.map(function (str) {
     return str.replace('@media ', '');
   }).join(' and '));
-};
-
-exports.combineMediaQueriesWithAnd = combineMediaQueriesWithAnd;
+};

package/Utils/Styles/createCheckerBoardBackground.js

@@ -4,15 +4,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.createCheckerBoardBackground = createCheckerBoardBackground;
-
 function createCheckerBoardBackground() {
   var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   var _options$darkColor = options.darkColor,
-      darkColor = _options$darkColor === void 0 ? 'rgba(0,0,0,0.15)' : _options$darkColor,
-      _options$lightColor = options.lightColor,
-      lightColor = _options$lightColor === void 0 ? 'transparent' : _options$lightColor,
-      _options$size = options.size,
-      size = _options$size === void 0 ? 24 : _options$size;
+    darkColor = _options$darkColor === void 0 ? 'rgba(0,0,0,0.15)' : _options$darkColor,
+    _options$lightColor = options.lightColor,
+    lightColor = _options$lightColor === void 0 ? 'transparent' : _options$lightColor,
+    _options$size = options.size,
+    size = _options$size === void 0 ? 24 : _options$size;
   var position = size / 2;
   return {
     backgroundImage: ["linear-gradient(45deg, ".concat(darkColor, " 25%, ").concat(lightColor, " 25%)"), "linear-gradient(-45deg, ".concat(darkColor, " 25%, ").concat(lightColor, " 25%)"), "linear-gradient(45deg, ".concat(lightColor, " 75%, ").concat(darkColor, " 75%)"), "linear-gradient(-45deg, ".concat(lightColor, " 75%, ").concat(darkColor, " 75%)")].join(', '),

package/Utils/Test/CallOrderChecker.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.CallOrderChecker = CallOrderChecker;
-
 /**
  * Creates a spy and stores its reference for later call order checking
  * @param {function} spy
@@ -12,7 +11,6 @@ exports.CallOrderChecker = CallOrderChecker;
  */
 function CallOrderChecker(spy) {
   var order = [];
-
   this.fn = function () {
     var fn = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : function () {};
     var wrapper = spy(function () {
@@ -21,7 +19,6 @@ function CallOrderChecker(spy) {
     });
     return wrapper;
   };
-
   this.precedes = function (fn1, fn2) {
     var fn1idx = order.indexOf(fn1);
     return fn1idx !== -1 && fn1idx < order.indexOf(fn2);

package/Utils/Test/createStoreProvider.js

@@ -4,17 +4,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.createStoreProvider = createStoreProvider;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _reactRedux = require("react-redux");
-
 var _Store = _interopRequireDefault(require("../../App/Store"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 /**
  * Creates a StoreProvider react component with the complete redux store (as in production)
  * Returns the StoreProvider and the store object to make possible to interact with it

package/Utils/Test/formDataToJSON.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.formDataToJSON = formDataToJSON;
-
 /**
  * Helper function that creates JSON object from the given FormData object
  * Note: this function was created only as a test helper

package/Utils/Test/mountWithState.js

@@ -4,18 +4,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = _default;
-
 var _react = _interopRequireDefault(require("react"));
-
-var _enzyme = require("enzyme");
-
+var _mount = _interopRequireDefault(require("enzyme/mount"));
 var _reactRedux = require("react-redux");
-
 var _reduxMockStore = _interopRequireDefault(require("redux-mock-store"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
 var mockStore = (0, _reduxMockStore["default"])();
+
 /**
  * Helper function to check the prop mappings in a connected component
  * It mounts the given component with the given state
@@ -24,13 +19,12 @@ var mockStore = (0, _reduxMockStore["default"])();
  * @param props
  * @returns {{store, wrapper: *}}
  */
-
 function _default(Component) {
   var state = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
   var props = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
   var store = mockStore(state);
   store.dispatch = jest.fn();
-  var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].createElement(_reactRedux.Provider, {
+  var wrapper = (0, _mount["default"])( /*#__PURE__*/_react["default"].createElement(_reactRedux.Provider, {
     store: store
   }, /*#__PURE__*/_react["default"].createElement(Component, props)));
   return {

package/index.js

@@ -1,8 +1,8 @@
 "use strict";
 
 var _App = require("./App");
-
 // trigger loading of the configuration data
-(0, _App.main)(); // initial render
+(0, _App.main)();
 
+// initial render
 (0, _App.render)();

package/package.json

@@ -1,24 +1,22 @@
 {
   "name": "@configuratorware/configurator-frontendgui",
-  "version": "1.41.2",
+  "version": "1.42.2",
   "license": "UNLICENSED",
   "private": false,
   "main": "./index.js",
   "dependencies": {
     "@babel/polyfill": "^7.12.1",
-    "@configuratorware/scripts": "1.41.2",
-    "@hot-loader/react-dom": "^17.0.1",
-    "@material-ui/core": "^4.12.2",
-    "@material-ui/icons": "^4.11.2",
-    "@material-ui/lab": "^4.0.0-alpha.60",
+    "@configuratorware/scripts": "1.42.2",
+    "@material-ui/core": "^4.12.4",
+    "@material-ui/icons": "^4.11.3",
+    "@material-ui/lab": "^4.0.0-alpha.61",
     "@tweenjs/tween.js": "^17.6.0",
-    "axios": "^0.21.1",
+    "axios": "^1.5.1",
     "clsx": "^1.1.1",
     "console-polyfill": "^0.3.0",
     "css-element-queries": "^1.2.3",
     "fontfaceobserver": "^2.1.0",
     "hyphenated-de": "^1.2.0",
-    "hyphenated-en-gb": "^1.2.0",
     "i18n": "^0.8.6",
     "loaders.css": "^0.1.2",
     "loadjs": "^3.6.1",
@@ -26,21 +24,20 @@
     "path-browserify": "^1.0.1",
     "prop-types": "^15.7.2",
     "qs": "^6.10.1",
-    "react": "^16.14.0",
+    "react": "^18.2.0",
     "react-custom-scrollbars": "^4.2.1",
-    "react-dom": "^16.14.0",
+    "react-dom": "^18.2.0",
     "react-file-drop": "^0.2.8",
-    "react-hot-loader": "^4.13.0",
     "react-hyphen": "^1.4.0",
     "react-intersection-observer": "^8.32.0",
     "react-redux": "^7.2.4",
     "react-redux-i18n": "^1.9.3",
-    "react-router": "^5.2.0",
-    "react-router-dom": "^5.2.0",
+    "react-router": "^5.3.4",
+    "react-router-dom": "^5.3.4",
     "react-swipeable": "^5.5.1",
     "react-zoom-pan-pinch": "^2.1.3",
-    "redhotmagma-graphics-editor": "1.41.2",
-    "redhotmagma-visualization": "1.41.2",
+    "redhotmagma-graphics-editor": "1.42.2",
+    "redhotmagma-visualization": "1.42.2",
     "redux": "^4.1.0",
     "redux-logger": "^3.0.6",
     "redux-persist": "^5.10.0",
@@ -52,30 +49,36 @@
     "uuid": "^3.4.0"
   },
   "peerDependencies": {
-    "@babel/plugin-proposal-class-properties": "^7.13.0",
-    "@babel/plugin-proposal-decorators": "^7.13.5",
+    "@babel/core": "^7.14.8",
+    "@babel/plugin-proposal-class-properties": "^7.14.5",
+    "@babel/plugin-proposal-decorators": "^7.14.5",
     "@babel/plugin-syntax-dynamic-import": "^7.8.3",
-    "@babel/preset-env": "^7.13.12",
-    "@babel/preset-react": "^7.13.13",
-    "@babel/preset-typescript": "^7.13.0",
+    "@babel/plugin-transform-modules-commonjs": "^7.14.5",
+    "@babel/preset-env": "^7.14.8",
+    "@babel/preset-react": "^7.14.5",
+    "@babel/preset-typescript": "^7.14.5",
     "babel-loader": "^8.2.2",
-    "babel-plugin-module-resolver": "^4.1.0",
-    "css-loader": "^5.2.0",
+    "babel-plugin-module-resolver": "^5.0.0",
+    "babel-plugin-transform-react-remove-prop-types": "^0.4.24",
+    "css-loader": "^5.2.7",
     "file-loader": "^6.2.0",
-    "mini-css-extract-plugin": "^1.4.0",
-    "node-sass": "^5.0.0",
-    "optimize-css-assets-webpack-plugin": "^5.0.4",
-    "resolve-url-loader": "^3.1.2",
-    "sass-loader": "^11.0.1",
-    "style-loader": "^2.0.0",
+    "mini-css-extract-plugin": "^2.7.6",
+    "node-sass": "^9.0.0",
+    "optimize-css-assets-webpack-plugin": "^6.0.1",
+    "resolve-url-loader": "^5.0.0",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "react-refresh": "^0.14.0",
+    "sass-loader": "^13.3.2",
+    "style-loader": "^3.3.3",
+    "terser-webpack-plugin": "^5.3.9",
     "url-loader": "^4.1.1",
-    "webpack": "^5.28.0",
-    "webpack-cli": "^4.6.0",
-    "webpack-dev-server": "^3.11.2"
+    "webpack": "^5.88.2",
+    "webpack-cli": "^5.1.4",
+    "webpack-dev-server": "^4.15.1"
   },
   "scripts": {
     "copy-public": "node ./scripts/cpPublic.js",
     "install": "npm run copy-public"
-  },
-  "readme": "# configurator-frontendgui\n\n## Setup for Development\n1. Follow the \"preparation\", \"install\" and \"start development\" steps in frontend/README.md\n1. Open the core app in the browser: http://localhost:3001/identifier:softshell_designer_2d\n1. 'hostsByNodeEnv.development' in src/App/configuration.js is configurable  \n    thus allowing to use e.g. your local api\n\n## Ready to build the artifacts\n- run `pnpm build` from project scope (does not build workspace dependencies automatically)\n- or run `pnpm build` from workspace root\n\n## Start storybook in project \n1. `pnpm run storybook`\n1. `storybook starts on http://localhost:9001/` \n\n## [Guidelines for automated testing](docs/TestingGuidelines.md)\n"
+  }
 }

package/public/translations/de_DE.json

@@ -173,7 +173,7 @@
   "calculationTypes": {
     "setup_cost": "Einrichtungskosten",
     "production_cost": "Produktionskosten",
-    "gallery_image": "Gallerie-Bild"
+    "gallery_image": "Galeriebild"
   },
   "calculationWidget": {
     "addImage": "Bild gewünscht",
@@ -468,33 +468,9 @@
       "maxTexts_0": "Im gewählten Produktionsverfahren sind keine Textelemente erlaubt. Bitte lösche alle Texte um das Produktionsverfahren zu wechseln."
     }
   },
-  "receiveOffersRequestMail": {
-    "subject": "Sie haben eine Angebotsanfrage über den Konfigurator erhalten.",
-    "configurationCode": "Konfiguration Code",
-    "emailAddress": "E-Mail",
-    "name": "Name",
-    "company": "Firma",
-    "phoneNumber": "Telefonnummer",
-    "zip": "PLZ",
-    "city": "Ort",
-    "street": "Straße",
-    "country": "Land",
-    "note": "Hinweis",
-    "productionData": "Produktionsdaten"
-  },
-  "offerRequestCustomerEmail": {
-    "subject": "Ihre Konfigurationsanfrage %{code}",
-    "greeting": "Sehr geehrte(r) %{name}",
-    "text1": "Vielen Dank für Ihre Anfrage.",
-    "text2": "Ihr Konfigurations-Code lautet: %{code}",
-    "text3": "Sie können Ihre Konfiguration unter folgendem Link aufrufen: %{shareUrl}",
-    "text4": "Wir werden Ihnen das Angebot innerhalb der nächsten 1-2 Werktage bearbeitet zukommen lassen.",
-    "text5": "Sollten sich Fragen oder Änderungen ergeben, lassen Sie es uns gerne wissen.",
-    "regards": "Mit freundlichen Grüßen",
-    "signature": ""
-  },
   "itemOverview": {
     "title": "Produktübersicht",
-    "customize": "Konfigurieren"
+    "customize": "Konfigurieren",
+    "noItems": "Keine verfügbaren Produkte"
   }
 }

package/public/translations/en_GB.json

@@ -467,33 +467,9 @@
       "maxTexts_0": "There are no text elements allowed for the selected production method. Please delete all texts to change the production method."
     }
   },
-  "receiveOffersRequestMail": {
-    "subject": "You have received an offer request via the configurator.",
-    "configurationCode": "Configuration code",
-    "emailAddress": "Email",
-    "name": "Name",
-    "company": "Company",
-    "phoneNumber": "Phone",
-    "zip": "Zip",
-    "city": "City",
-    "street": "Street",
-    "country": "Country",
-    "note": "Note",
-    "productionData": "Production data"
-  },
-  "offerRequestCustomerEmail": {
-    "subject": "Your configuration request %{code}",
-    "greeting": "Dear %{name}",
-    "text1": "Thank you for your inquiry.",
-    "text2": "Your configuration code is: %{code}",
-    "text3": "You can access your configuration under the following link:",
-    "text4": "We will send you our offer within the next 1-2 working days.",
-    "text5": "If you have any questions or changes, please let us know.",
-    "regards": "Best regards",
-    "signature": ""
-  },
   "itemOverview": {
     "title": "Item Overview",
-    "customize": "Customize"
+    "customize": "Customize",
+    "noItems": "No available items"
   }
 }

package/scripts/getDefaultWebpackConfig.js

@@ -38,14 +38,11 @@ function getConfig(mode, dirname) {
         const commonRules = [
             {
                 test: /\.[jt]sx?$/,
-                use: 'babel-loader',
-                include: [
-                    path.resolve('src'),
-                    // explicitly transpile problematic packages
-                    path.resolve('node_modules/hyphenated'),
-                    path.resolve('node_modules/three'),
-                    path.resolve('node_modules/opentype.js'),
-                ],
+                loader: 'babel-loader',
+                include: [path.resolve('src')],
+                options: {
+                    envName: mode === 'dev' ? 'development' : 'production',
+                },
             },
             {
                 test: /\.(png|jpg|gif)$/,
@@ -80,6 +77,8 @@ function getConfig(mode, dirname) {
 
         switch (mode) {
             case 'dev': {
+                const ReactRefreshPlugin = require('@pmmmwh/react-refresh-webpack-plugin');
+
                 const env = new webpack.DefinePlugin({
                     'process.env.FRONTENDGUI_VERSION': JSON.stringify(version),
                 });
@@ -90,9 +89,15 @@ function getConfig(mode, dirname) {
                     cache: true,
                     devtool: 'eval-cheap-module-source-map',
                     devServer: {
-                        hot: true,
-                        contentBase: BUILD_DIR,
-                        publicPath: '/',
+                        client: { overlay: false },
+                        hot: 'only',
+                        static: {
+                            directory: BUILD_DIR,
+                            publicPath: '/',
+                        },
+                        devMiddleware: {
+                            publicPath: '/',
+                        },
                         historyApiFallback: {
                             disableDotRule: true,
                         },
@@ -133,12 +138,11 @@ function getConfig(mode, dirname) {
                         'react/lib/ExecutionEnvironment': true,
                         'react/lib/ReactContext': true,
                     },
-                    plugins: [env, new webpack.HotModuleReplacementPlugin()],
+                    plugins: [env, new ReactRefreshPlugin()],
                     resolve: Object.assign({}, commonConfig.resolve, {
                         ...commonConfig.resolve,
                         alias: {
                             ...commonConfig.resolve.alias,
-                            'react-dom': path.resolve(dirname, 'node_modules/@hot-loader/react-dom'),
                         },
                     }),
                     optimization: {
@@ -207,7 +211,14 @@ function getConfig(mode, dirname) {
                             },
                         ].concat(commonRules),
                     },
-                    plugins: [env, extractSass],
+                    plugins: [
+                        env,
+                        extractSass,
+                        new webpack.IgnorePlugin({
+                            resourceRegExp: /^\.\/locale$/,
+                            contextRegExp: /moment$/,
+                        }),
+                    ],
                     optimization: {
                         minimizer: [minimizer],
                     },

package/src/App/Error/ProductionErrorPage/index.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import Typography from '@material-ui/core/Typography/Typography';
+import Typography from '@material-ui/core/Typography';
 import Button from '@material-ui/core/Button';
 
 import { T } from 'Framework/i18n';

package/src/App/Modules/Creator/Components/ConfigurationvariantItem/index.js

@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-import _ from 'lodash';
 import { T } from 'Framework/i18n';
-import { get } from 'lodash';
+import get from 'lodash/get';
 
 import './Styles.scss';
 import { getConf } from '../../../../configuration';
@@ -29,8 +28,8 @@ class ConfigurationvariantItem extends React.Component {
     };
 
     render() {
-        const title = _.get(this.props, 'item.title');
-        const description = _.get(this.props, 'item.description', '');
+        const title = get(this.props, 'item.title');
+        const description = get(this.props, 'item.description', '');
 
         return (
             <div

package/src/App/Modules/Creator/Components/ConfigurationvariantSelection/index.js

@@ -1,5 +1,6 @@
 import React from 'react';
-import { get, isArray } from 'lodash';
+import get from 'lodash/get';
+import isArray from 'lodash/isArray';
 import './Styles.scss';
 import PropTypes from 'prop-types';
 

package/src/App/Modules/Creator/Components/FastConfiguration/SelectableRow.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { makeStyles } from '@material-ui/core';
+import { makeStyles } from '@material-ui/core/styles';
 import ArrowDropDownIcon from '@material-ui/icons/ArrowDropDown';
 import Typography from '@material-ui/core/Typography';
 import PropTypes from 'prop-types';