@configuratorware/configurator-frontendgui 1.34.2 → 1.35.1

package/App/Modules/Creator/Components/Option/index.js

@@ -17,7 +17,11 @@ var _clsx = _interopRequireDefault(require("clsx"));
 
 var _Grid = _interopRequireDefault(require("@material-ui/core/Grid/Grid"));
 
-var _core = require("@material-ui/core");
+var _useMediaQuery = _interopRequireDefault(require("@material-ui/core/useMediaQuery"));
+
+var _Typography = _interopRequireDefault(require("@material-ui/core/Typography"));
+
+var _TextField = _interopRequireDefault(require("@material-ui/core/TextField"));
 
 var _BlockRounded = _interopRequireDefault(require("@material-ui/icons/BlockRounded"));
 
@@ -184,7 +188,8 @@ var styles = function styles(theme) {
       '& $text': {
         width: textWidthWithAmount
       }
-    }
+    },
+    optionTextInput: {}
   };
 };
 
@@ -197,6 +202,7 @@ var Option = function Option(_ref) {
       onClick = props.onClick,
       onSelect = props.onSelect,
       onToggle = props.onToggle,
+      onInputTextChange = props.onInputTextChange,
       option = props.option,
       optionclassification = props.optionclassification,
       selected = props.selected,
@@ -212,9 +218,16 @@ var Option = function Option(_ref) {
       imageAvailable = _useState2[0],
       setImageAvailable = _useState2[1];
 
+  var selectedoptions = optionclassification.selectedoptions;
+
+  var _useState3 = (0, _react.useState)((0, _lodash.get)((0, _lodash.find)(selectedoptions, ['identifier', option.identifier]), 'inputText', '')),
+      _useState4 = _slicedToArray(_useState3, 2),
+      inputText = _useState4[0],
+      setInputText = _useState4[1];
+
   var query = new URLSearchParams(location.search);
   var hidePrices = query.has('_hide_prices') && query.get('_hide_prices') === '1';
-  var smallerScreen = (0, _core.useMediaQuery)('(min-device-width : 300px) and (max-device-width : 340px)');
+  var smallerScreen = (0, _useMediaQuery["default"])('(min-device-width : 300px) and (max-device-width : 340px)');
   var thumbnail = (0, _lodash.get)(option, 'thumbnail', '');
   var detailImage = (0, _lodash.get)(option, 'detailImage');
   var optionIdentifier = (0, _lodash.get)(option, 'identifier', '');
@@ -222,6 +235,7 @@ var Option = function Option(_ref) {
   var resultStatus = (0, _lodash.get)(option, 'check_results.status', true);
   var optionIsMultiSelect = (0, _lodash.get)(option, 'is_multiselect', false);
   var optionAmount = (0, _lodash.get)(option, 'amount', 0);
+  var hasTextinput = (0, _lodash.get)(option, 'hasTextinput', false);
 
   var translations = _objectSpread(_objectSpread({}, (0, _i18n.t)('common')), (0, _i18n.t)('optionlistitem'));
 
@@ -265,7 +279,7 @@ var Option = function Option(_ref) {
     event.preventDefault();
     event.stopPropagation();
 
-    if (isEnabled()) {
+    if (isEnabled() && !(hasTextinput && selected)) {
       onOptionSelected();
       onClick();
     }
@@ -343,7 +357,7 @@ var Option = function Option(_ref) {
   var renderNotAvailableImage = function renderNotAvailableImage() {
     return /*#__PURE__*/_react["default"].createElement("div", {
       className: 'imageNotAvailableElement'
-    }, /*#__PURE__*/_react["default"].createElement(_core.Typography, {
+    }, /*#__PURE__*/_react["default"].createElement(_Typography["default"], {
       variant: 'caption'
     }, translations.imageNotAvailable));
   };
@@ -356,7 +370,7 @@ var Option = function Option(_ref) {
             className: classes.iconWithText
           }, /*#__PURE__*/_react["default"].createElement(_BlockRounded["default"], {
             className: classes.materialIcon
-          }), ' ', /*#__PURE__*/_react["default"].createElement(_core.Typography, {
+          }), ' ', /*#__PURE__*/_react["default"].createElement(_Typography["default"], {
             variant: 'body2'
           }, translations.notAvailable));
 
@@ -366,7 +380,7 @@ var Option = function Option(_ref) {
             onClick: onLateDeliveryClicked
           }, /*#__PURE__*/_react["default"].createElement(_RestoreRounded["default"], {
             className: classes.materialIcon
-          }), ' ', /*#__PURE__*/_react["default"].createElement(_core.Typography, {
+          }), ' ', /*#__PURE__*/_react["default"].createElement(_Typography["default"], {
             variant: 'body2'
           }, translations.lateDelivery)));
 
@@ -410,7 +424,7 @@ var Option = function Option(_ref) {
       onClick: onDetailsClicked
     }, /*#__PURE__*/_react["default"].createElement(_InfoRounded["default"], {
       className: (0, _clsx["default"])(classes.materialIcon, (0, _customClassName["default"])('rule-info-icon-option'))
-    }), /*#__PURE__*/_react["default"].createElement(_core.Typography, {
+    }), /*#__PURE__*/_react["default"].createElement(_Typography["default"], {
       variant: 'body2',
       className: classes.iconWithText
     }, translations.details))), resultStatus !== true && /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("a", {
@@ -418,7 +432,7 @@ var Option = function Option(_ref) {
       onClick: onIncompatibilityClicked
     }, /*#__PURE__*/_react["default"].createElement(_WarningRounded["default"], {
       className: (0, _clsx["default"])(classes.materialIcon, (0, _customClassName["default"])('rule-alert-icon-option'))
-    }), /*#__PURE__*/_react["default"].createElement(_core.Typography, {
+    }), /*#__PURE__*/_react["default"].createElement(_Typography["default"], {
       variant: 'body2'
     }, translations.incompatibility))), renderStockStatus(), renderOptionGroup());
   };
@@ -427,13 +441,13 @@ var Option = function Option(_ref) {
     return /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
       item: true,
       xs: 12
-    }, /*#__PURE__*/_react["default"].createElement(_core.Typography, {
+    }, /*#__PURE__*/_react["default"].createElement(_Typography["default"], {
       component: 'div',
       className: classes.optionList,
       variant: 'body2'
     }, /*#__PURE__*/_react["default"].createElement("div", {
       className: classes.title
-    }, option.title), !hidePrices && /*#__PURE__*/_react["default"].createElement("div", {
+    }, option.title), hasTextinput && renderTextInput(), !hidePrices && /*#__PURE__*/_react["default"].createElement("div", {
       className: classes.price
     }, option.priceFormatted), smallerScreen && renderControls('horizontal'), option["abstract"] && /*#__PURE__*/_react["default"].createElement(_Markdown["default"], {
       className: classes.description
@@ -453,6 +467,21 @@ var Option = function Option(_ref) {
     }
   };
 
+  var handleTextInputChange = function handleTextInputChange(event) {
+    setInputText(event.target.value);
+    onInputTextChange(option.identifier, event.target.value);
+  };
+
+  var renderTextInput = function renderTextInput() {
+    return /*#__PURE__*/_react["default"].createElement(_TextField["default"], {
+      className: classes.optionTextInput,
+      label: '',
+      value: inputText,
+      onChange: handleTextInputChange,
+      disabled: !selected
+    });
+  };
+
   var getRootClassName = function getRootClassName() {
     return (0, _clsx["default"])(classes.root, selected && 'selected', (0, _customClassName["default"])('option'));
   };
@@ -511,6 +540,7 @@ Option.defaultProps = {
   onClick: function onClick() {},
   onSelect: function onSelect() {},
   onToggle: function onToggle() {},
+  onInputTextChange: function onInputTextChange() {},
   optionclassification: {},
   option: {},
   selected: false,
@@ -525,6 +555,7 @@ Option.propTypes = {
   onClick: _propTypes["default"].func,
   onSelect: _propTypes["default"].func,
   onToggle: _propTypes["default"].func,
+  onInputTextChange: _propTypes["default"].func,
   option: _propTypes["default"].object,
   optionclassification: _propTypes["default"].object,
   selected: _propTypes["default"].bool,

package/App/Modules/Creator/Components/OptionsList/index.js

@@ -94,7 +94,8 @@ var OptionsList = function OptionsList(_ref2) {
       viewStockInformation = props.viewStockInformation,
       LoadingComponent = props.LoadingComponent,
       OptionComponent = props.OptionComponent,
-      isAdminMode = props.isAdminMode;
+      isAdminMode = props.isAdminMode,
+      setOptionInputText = props.setOptionInputText;
   var classes = useStyles();
 
   var createOptions = function createOptions() {
@@ -143,6 +144,7 @@ var OptionsList = function OptionsList(_ref2) {
         viewDetails: viewDetails,
         viewStockInformation: viewStockInformation,
         onClick: onOptionClicked,
+        onInputTextChange: setOptionInputText,
         onToggle: onToggle,
         isAdminMode: isAdminMode
       });
@@ -205,6 +207,7 @@ OptionsList.propTypes = {
   onClose: _propTypes["default"].func,
   onSelect: _propTypes["default"].func,
   onToggle: _propTypes["default"].func,
+  setOptionInputText: _propTypes["default"].func,
   options: _propTypes["default"].array,
   optionclassification: _propTypes["default"].object,
   show: _propTypes["default"].bool,

package/App/Modules/Creator/Components/ProductPart/index.js

@@ -1,11 +1,13 @@
 "use strict";
 
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = exports.StyledProductPart = void 0;
 
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
@@ -25,6 +27,10 @@ var _styles = require("@material-ui/core/styles");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
 function _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 ProductPart = function ProductPart(_ref) {
@@ -35,9 +41,16 @@ var ProductPart = function ProductPart(_ref) {
       verticalMode = _ref.verticalMode,
       setAnchorRef = _ref.setAnchorRef,
       classes = _ref.classes,
-      optionListVisible = _ref.optionListVisible;
-  var selected = optionListVisible && (0, _get["default"])(selectedOption, 'identifier', null) === (0, _get["default"])(optionclassification, 'identifier', '');
+      optionListVisible = _ref.optionListVisible,
+      onCloseSelected = _ref.onCloseSelected;
+  var selected = (0, _get["default"])(selectedOption, 'identifier', null) === (0, _get["default"])(optionclassification, 'identifier', '');
+  var selectedAndVisible = optionListVisible && selected;
   var direction = verticalMode ? 'vertical' : 'horizontal';
+  (0, _react.useEffect)(function () {
+    if (!optionListVisible && selected) {
+      onCloseSelected(optionclassification);
+    }
+  }, [optionListVisible]);
 
   var displayImage = function displayImage() {
     var imageUrl = displaySwitchedOptions && selectedOption ? (0, _getImageUrl["default"])(selectedOption.thumbnail) : (0, _getImageUrl["default"])(optionclassification.thumbnail);
@@ -66,7 +79,7 @@ var ProductPart = function ProductPart(_ref) {
     className: (0, _clsx["default"])(classes.root, direction, (0, _customClassName["default"])('component')),
     ref: setAnchorRef
   }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: "".concat(classes.marker, " ").concat(direction, " ").concat(selected ? 'selected' : '')
+    className: "".concat(classes.marker, " ").concat(direction, " ").concat(selectedAndVisible ? 'selected' : '')
   }), /*#__PURE__*/_react["default"].createElement("div", {
     className: "".concat(classes.content, " ").concat(direction),
     onClick: onClick
@@ -91,7 +104,8 @@ ProductPart.propTypes = {
   verticalMode: _propTypes["default"].bool,
   setAnchorRef: _propTypes["default"].func,
   classes: _propTypes["default"].object,
-  optionListVisible: _propTypes["default"].bool
+  optionListVisible: _propTypes["default"].bool,
+  onCloseSelected: _propTypes["default"].func
 };
 var StyledProductPart = (0, _styles.withStyles)(function (theme) {
   var _root, _selected;

package/App/Modules/Creator/Components/ProductPartsList/index.js

@@ -90,7 +90,8 @@ var ProductPartsList = function ProductPartsList(_ref) {
       ProductPartComponent = _ref.ProductPartComponent,
       CallToActionComponent = _ref.CallToActionComponent,
       width = _ref.width,
-      optionListVisible = _ref.optionListVisible;
+      optionListVisible = _ref.optionListVisible,
+      onCloseSelectedPart = _ref.onCloseSelectedPart;
   var classes = useStyles();
 
   var _useState = (0, _react.useState)(null),
@@ -113,7 +114,8 @@ var ProductPartsList = function ProductPartsList(_ref) {
       optionclassification: option,
       selectedOption: selectedoptionclassification,
       verticalMode: vertical,
-      optionListVisible: optionListVisible
+      optionListVisible: optionListVisible,
+      onCloseSelected: onCloseSelectedPart
     }, refProps));
   })), showStartHere && width !== 'xs' && /*#__PURE__*/_react["default"].createElement(CallToActionComponent, {
     offsetDirection: vertical ? 'right' : 'top',
@@ -131,7 +133,8 @@ ProductPartsList.defaultProps = {
   selectedoptionclassification: {},
   showStartHere: false,
   vertical: true,
-  ProductPartComponent: _ProductPart["default"]
+  ProductPartComponent: _ProductPart["default"],
+  onCloseSelectedPart: function onCloseSelectedPart() {}
 };
 ProductPartsList.propTypes = {
   onSelect: _propTypes["default"].func,
@@ -143,7 +146,8 @@ ProductPartsList.propTypes = {
   ProductPartComponent: _propTypes["default"].elementType,
   CallToActionComponent: _propTypes["default"].elementType,
   width: _propTypes["default"].string,
-  optionListVisible: _propTypes["default"].bool
+  optionListVisible: _propTypes["default"].bool,
+  onCloseSelectedPart: _propTypes["default"].func
 };
 
 var _default = (0, _core.withWidth)({

package/App/Modules/Creator/Containers/InvalidConfigurationNotice/index.js

@@ -46,16 +46,19 @@ var getValidationErrors = function getValidationErrors(configuratorState) {
   return (0, _cached.getCached)('getValidationErrors', validation, optionclassifications && optionclassifications.length).use(function () {
     var errors = validation.validationErrors || validation.errors || {};
     return !optionclassifications ? [] : Object.entries(errors).map(function (_ref) {
+      var _optionclassification;
+
       var _ref2 = _slicedToArray(_ref, 2),
           key = _ref2[0],
           error = _ref2[1];
 
       return {
-        title: optionclassifications.find(function (_ref3) {
+        title: ((_optionclassification = optionclassifications.find(function (_ref3) {
           var identifier = _ref3.identifier;
           return identifier === key;
-        }).title,
-        errors: error.errors
+        })) === null || _optionclassification === void 0 ? void 0 : _optionclassification.title) || error.componentTitle,
+        errors: error.errors,
+        key: key
       };
     });
   });

package/App/Modules/Creator/Containers/OptionsList/index.js

@@ -15,6 +15,8 @@ var _OptionsList = _interopRequireDefault(require("../../Components/OptionsList"
 
 var _configuration = require("../../../../configuration");
 
+var _ServiceLocator = require("../../../../ServiceLocator");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 var mapStateToProps = function mapStateToProps(_ref) {
@@ -40,6 +42,9 @@ var mapDispatchToProps = function mapDispatchToProps(dispatch) {
     },
     onClose: function onClose() {
       return dispatch((0, _Actions2.setVisible)('optionlist', false));
+    },
+    setOptionInputText: function setOptionInputText(identifier, value) {
+      return _ServiceLocator.Services.configurator.setOptionInputText(identifier, value);
     }
   };
 };

package/App/Modules/Creator/Containers/ProductPartsList/index.js

@@ -15,6 +15,8 @@ var _CallToAction = _interopRequireDefault(require("../../../../Shared/Component
 
 var _memoize = _interopRequireDefault(require("../../../../../Utils/Function/memoize"));
 
+var _Actions = require("../../../../Reducers/Configurator/Actions");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 var removeHiddenComponents = (0, _memoize["default"])(function (components) {
@@ -41,8 +43,12 @@ var mapStateToProps = function mapStateToProps(_ref2) {
   };
 };
 
-var mapDispatchToProps = function mapDispatchToProps() {
-  return {};
+var mapDispatchToProps = function mapDispatchToProps(dispatch) {
+  return {
+    onCloseSelectedPart: function onCloseSelectedPart(optionClassification) {
+      return dispatch((0, _Actions.applyOptionInputText)(optionClassification));
+    }
+  };
 };
 
 var _default = (0, _ComponentContainer.containerConnect)(mapStateToProps, mapDispatchToProps);

package/App/Reducers/Configurator/Actions.js

@@ -3,12 +3,15 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.setSelectedCalculation = exports.switchSelectedAmount = exports.setComment = exports.deleteSelectedAmounts = exports.setSelectedAmounts = exports.deleteSelectedAmount = exports.clearBulkNames = exports.saveBulkNames = exports.setSelectedAmount = exports.loadDesignerData = exports.receiveDesignerData = exports.loadConfiguration = exports.viewOptionDetails = exports.selectMultipleOptions = exports.selectOption = exports.resolveConflicts = exports.loadInitialOptionclassification = exports.fetchInitialConfiguration = exports.setConflictingSwitchoptionData = exports.setOptionclassificationChecked = exports.setCalculationEnabled = exports.setSelectedVariantIdentifier = exports.setStockInformationOption = exports.setLoadIdentifier = exports.setLoadCode = exports.fetchInspirations = exports.fetchClientData = exports.fetchCodesnippets = exports.fetchConfigurationVariants = exports.validateConfiguration = exports.saveConfiguration = exports.fetchOptionDetails = exports.doCalculation = exports.switchOptions = exports.switchOptionsBasic = exports.fetchOptions = exports.fetchConfigurationByCodeAsync = exports.fetchConfigurationByCode = exports.fetchConfiguration = exports.inspectValidationResults = exports.inspectCheckResults = exports.setCustomTitle = exports.receiveInspirations = exports.receiveClientData = exports.fetchConfigurationForDesignerProductPreview = exports.receiveCodesnippets = exports.receiveConfigurationVariants = exports.receiveValidation = exports.receiveSavedConfiguration = exports.clearOptionDetails = exports.receiveOptionDetails = exports.skipNextAutoResolve = exports.setCalculationAutoResolveEnabled = exports.setCalculationErrorsResolved = exports.invalidateCalculation = exports.receiveCalculation = exports.receiveSwitchoptionsresult = exports.receiveOptions = exports.selectOptionclassification = exports.applyVariantAmountPreSelection = exports.setDefaultSelectedVariantIdentifier = exports.deleteMissingVariants = exports.receiveConfiguration = exports.DELETE_SELECTED_AMOUNTS = exports.SET_SELECTED_AMOUNTS = exports.SET_COMMENT = exports.SET_SELECTED_CALCULATION = exports.DELETE_SELECTED_AMOUNT = exports.CLEAR_BULKNAMES = exports.SAVE_BULKNAMES = exports.SWITCH_SELECTED_AMOUNT = exports.SET_SELECTED_AMOUNT = exports.SET_CONFLICTING_SWITCHOPTION_DATA = exports.SET_OPTIONCLASSIFICATION_CHECKED = exports.SET_CALCULATION_AUTO_RESOLVE_ENABLED = exports.SET_CALCULATION_ERRORS_RESOLVED = exports.SET_CALCULATION_ENABLED = exports.SET_SELECTED_VARIANT_IDENTIFIER = exports.SET_STOCK_INFORMATION_OPTION = exports.SET_LOAD_IDENTIFIER = exports.SET_LOAD_CODE = exports.SET_CUSTOM_TITLE = exports.RECEIVE_INSPIRATIONS = exports.RECEIVE_CLIENT_DATA = exports.RECEIVE_CODESNIPPETS = exports.RECEIVE_CONFIGURATIONVARIANTS = exports.RECEIVE_VALIDATION = exports.RECEIVE_SAVEDCONFIGURATION = exports.RECEIVE_OPTIONDETAILS = exports.INVALIDATE_CALCULATION = exports.RECEIVE_CALCULATION = exports.RECEIVE_SWITCHOPTIONSRESULT = exports.RECEIVE_OPTIONS = exports.SELECT_OPTIONCLASSIFICATION = exports.RECEIVE_DESIGNER_DATA = exports.RECEIVE_CONFIGURATION = void 0;
+exports.setOptionInputText = exports.setSelectedCalculation = exports.switchSelectedAmount = exports.setComment = exports.deleteSelectedAmounts = exports.setSelectedAmounts = exports.deleteSelectedAmount = exports.clearBulkNames = exports.saveBulkNames = exports.setSelectedAmount = exports.loadDesignerData = exports.receiveDesignerData = exports.loadConfiguration = exports.viewOptionDetails = exports.selectMultipleOptions = exports.applyOptionInputText = exports.selectOption = exports.resolveConflicts = exports.loadInitialOptionclassification = exports.fetchInitialConfiguration = exports.setConflictingSwitchoptionData = exports.setOptionclassificationChecked = exports.setCalculationEnabled = exports.setSelectedVariantIdentifier = exports.setStockInformationOption = exports.setLoadIdentifier = exports.setLoadCode = exports.fetchInspirations = exports.fetchClientData = exports.fetchCodesnippets = exports.fetchConfigurationVariants = exports.validateConfiguration = exports.saveConfiguration = exports.fetchOptionDetails = exports.doCalculation = exports.switchOptions = exports.switchOptionsBasic = exports.fetchOptions = exports.fetchConfigurationByCodeAsync = exports.fetchConfigurationByCode = exports.fetchConfiguration = exports.inspectValidationResults = exports.inspectCheckResults = exports.setCustomTitle = exports.receiveInspirations = exports.receiveClientData = exports.fetchConfigurationForDesignerProductPreview = exports.receiveCodesnippets = exports.receiveConfigurationVariants = exports.receiveValidation = exports.receiveSavedConfiguration = exports.clearOptionDetails = exports.receiveOptionDetails = exports.skipNextAutoResolve = exports.setCalculationAutoResolveEnabled = exports.setCalculationErrorsResolved = exports.invalidateCalculation = exports.receiveCalculation = exports.receiveSwitchoptionsresult = exports.receiveOptions = exports.selectOptionclassification = exports.applyVariantAmountPreSelection = exports.setDefaultSelectedVariantIdentifier = exports.deleteMissingVariants = exports.receiveConfiguration = exports.DELETE_SELECTED_AMOUNTS = exports.SET_SELECTED_AMOUNTS = exports.SET_COMMENT = exports.SET_SELECTED_CALCULATION = exports.DELETE_SELECTED_AMOUNT = exports.CLEAR_BULKNAMES = exports.SAVE_BULKNAMES = exports.SWITCH_SELECTED_AMOUNT = exports.RESET_OPTION_INPUT_TEXTS = exports.SET_OPTION_INPUT_TEXT = exports.SET_SELECTED_AMOUNT = exports.SET_CONFLICTING_SWITCHOPTION_DATA = exports.SET_OPTIONCLASSIFICATION_CHECKED = exports.SET_CALCULATION_AUTO_RESOLVE_ENABLED = exports.SET_CALCULATION_ERRORS_RESOLVED = exports.SET_CALCULATION_ENABLED = exports.SET_SELECTED_VARIANT_IDENTIFIER = exports.SET_STOCK_INFORMATION_OPTION = exports.SET_LOAD_IDENTIFIER = exports.SET_LOAD_CODE = exports.SET_CUSTOM_TITLE = exports.RECEIVE_INSPIRATIONS = exports.RECEIVE_CLIENT_DATA = exports.RECEIVE_CODESNIPPETS = exports.RECEIVE_CONFIGURATIONVARIANTS = exports.RECEIVE_VALIDATION = exports.RECEIVE_SAVEDCONFIGURATION = exports.RECEIVE_OPTIONDETAILS = exports.INVALIDATE_CALCULATION = exports.RECEIVE_CALCULATION = exports.RECEIVE_SWITCHOPTIONSRESULT = exports.RECEIVE_OPTIONS = exports.SELECT_OPTIONCLASSIFICATION = exports.RECEIVE_DESIGNER_DATA = exports.RECEIVE_CONFIGURATION = void 0;
+exports.resetOptionInputTexts = void 0;
 
 var apiActions = _interopRequireWildcard(require("../Actions"));
 
 var _lodash = require("lodash");
 
+var _find = _interopRequireDefault(require("lodash/find"));
+
 var _uniq = _interopRequireDefault(require("lodash/uniq"));
 
 var _i18n = require("../../../Framework/i18n");
@@ -121,6 +124,10 @@ var SET_CONFLICTING_SWITCHOPTION_DATA = 'SET_CONFLICTING_SWITCHOPTION_DATA';
 exports.SET_CONFLICTING_SWITCHOPTION_DATA = SET_CONFLICTING_SWITCHOPTION_DATA;
 var SET_SELECTED_AMOUNT = 'SET_SELECTED_AMOUNT';
 exports.SET_SELECTED_AMOUNT = SET_SELECTED_AMOUNT;
+var SET_OPTION_INPUT_TEXT = 'SET_OPTION_INPUT_TEXT';
+exports.SET_OPTION_INPUT_TEXT = SET_OPTION_INPUT_TEXT;
+var RESET_OPTION_INPUT_TEXTS = 'RESET_OPTION_INPUT_TEXTS';
+exports.RESET_OPTION_INPUT_TEXTS = RESET_OPTION_INPUT_TEXTS;
 var SWITCH_SELECTED_AMOUNT = 'SWITCH_SELECTED_AMOUNT';
 exports.SWITCH_SELECTED_AMOUNT = SWITCH_SELECTED_AMOUNT;
 var SAVE_BULKNAMES = 'SAVE_BULKNAMES';
@@ -895,7 +902,7 @@ exports.setCalculationEnabled = setCalculationEnabled;
 var setOptionclassificationChecked = function setOptionclassificationChecked(optionclassification) {
   return function (dispatch, getState) {
     if (_typeof(optionclassification) !== 'object') {
-      optionclassification = find(getState().configurator.configuration.optionclassifications, {
+      optionclassification = (0, _find["default"])(getState().configurator.configuration.optionclassifications, {
         identifier: optionclassification
       });
     }
@@ -1094,17 +1101,60 @@ var selectOption = function selectOption(option) {
 
 exports.selectOption = selectOption;
 
+var applyOptionInputText = function applyOptionInputText(optionClassification) {
+  return function (dispatch, getState) {
+    var switchOptionData = _defineProperty({}, optionClassification.identifier, []);
+
+    var _getState$configurato4 = getState().configurator,
+        configuration = _getState$configurato4.configuration,
+        optionInputTexts = _getState$configurato4.optionInputTexts;
+
+    if (!optionClassification.selectedoptions) {
+      return;
+    }
+
+    var _iterator3 = _createForOfIteratorHelper(optionClassification.selectedoptions),
+        _step3;
+
+    try {
+      for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
+        var selectedOption = _step3.value;
+        var inputText = (0, _lodash.get)((0, _find["default"])(optionInputTexts, ['optionIdentifier', selectedOption.identifier]), 'inputText', null);
+
+        if (inputText && inputText !== selectedOption.inputText) {
+          switchOptionData[optionClassification.identifier].push(_objectSpread(_objectSpread({}, selectedOption), {}, {
+            inputText: inputText,
+            check_results: null
+          }));
+        }
+      }
+    } catch (err) {
+      _iterator3.e(err);
+    } finally {
+      _iterator3.f();
+    }
+
+    dispatch(resetOptionInputTexts());
+
+    if (switchOptionData[optionClassification.identifier].length > 0) {
+      return dispatch(switchOptions(configuration, switchOptionData, false, true, true));
+    }
+  };
+};
+
+exports.applyOptionInputText = applyOptionInputText;
+
 var selectMultipleOptions = function selectMultipleOptions(optionsList) {
   return function (dispatch, getState) {
     var configuration = (0, _Selectors.getConfiguration)((0, _Selectors.getConfigurator)(getState()));
     var switchOptionData = {};
 
-    var _iterator3 = _createForOfIteratorHelper(optionsList),
-        _step3;
+    var _iterator4 = _createForOfIteratorHelper(optionsList),
+        _step4;
 
     try {
-      for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
-        var component = _step3.value;
+      for (_iterator4.s(); !(_step4 = _iterator4.n()).done;) {
+        var component = _step4.value;
         switchOptionData[component.identifier] = component.selectedoptions.map(function (_ref5) {
           var identifier = _ref5.identifier,
               amount = _ref5.amount;
@@ -1116,9 +1166,9 @@ var selectMultipleOptions = function selectMultipleOptions(optionsList) {
         });
       }
     } catch (err) {
-      _iterator3.e(err);
+      _iterator4.e(err);
     } finally {
-      _iterator3.f();
+      _iterator4.f();
     }
 
     return dispatch(switchOptions(configuration, switchOptionData, false, false, true));
@@ -1133,9 +1183,9 @@ var viewOptionDetails = function viewOptionDetails(option) {
       return;
     }
 
-    var _getState$configurato4 = getState().configurator,
-        configuration = _getState$configurato4.configuration,
-        optiondetails = _getState$configurato4.optiondetails;
+    var _getState$configurato5 = getState().configurator,
+        configuration = _getState$configurato5.configuration,
+        optiondetails = _getState$configurato5.optiondetails;
 
     if (optiondetails.identifier !== option.identifier) {
       dispatch(fetchOptionDetails(option.identifier, configuration));
@@ -1353,4 +1403,22 @@ var setSelectedCalculation = function setSelectedCalculation(identifier, value)
   };
 };
 
-exports.setSelectedCalculation = setSelectedCalculation;
+exports.setSelectedCalculation = setSelectedCalculation;
+
+var setOptionInputText = function setOptionInputText(identifier, value) {
+  return {
+    type: SET_OPTION_INPUT_TEXT,
+    identifier: identifier,
+    value: value
+  };
+};
+
+exports.setOptionInputText = setOptionInputText;
+
+var resetOptionInputTexts = function resetOptionInputTexts() {
+  return {
+    type: RESET_OPTION_INPUT_TEXTS
+  };
+};
+
+exports.resetOptionInputTexts = resetOptionInputTexts;

package/App/Reducers/Configurator/Reducer.js

@@ -20,6 +20,8 @@ var _lodash = _interopRequireDefault(require("lodash"));
 
 var _get = _interopRequireDefault(require("lodash/get"));
 
+var _findIndex = _interopRequireDefault(require("lodash/findIndex"));
+
 var _omit = _interopRequireDefault(require("lodash/omit"));
 
 var _forEach = _interopRequireDefault(require("lodash/forEach"));
@@ -71,7 +73,8 @@ var initialState = {
   checkedOptionclassifications: {},
   filteredOptionclassifications: [],
   selectedVariantIdentifier: null,
-  selectedAmountsUpdated: false
+  selectedAmountsUpdated: false,
+  optionInputTexts: []
 };
 
 function configurationHandler(state, action) {
@@ -571,6 +574,36 @@ function configurationModifierHandler(state, action) {
         return (0, _set["default"])(state, "configuration.customdata.userSelectedCalculation.".concat(action.identifier), action.value);
       }
 
+    case actionTypes.SET_OPTION_INPUT_TEXT:
+      {
+        var optionInputTexts = state.optionInputTexts;
+        var optionInputTextIndex = (0, _findIndex["default"])(optionInputTexts, ['optionIdentifier', action.identifier]);
+
+        if (optionInputTextIndex !== -1) {
+          optionInputTexts[optionInputTextIndex] = {
+            optionIdentifier: action.identifier,
+            inputText: action.value
+          };
+        } else if (optionInputTextIndex === -1 && action.value) {
+          optionInputTexts.push({
+            optionIdentifier: action.identifier,
+            inputText: action.value
+          });
+        }
+
+        return _objectSpread(_objectSpread({}, state), {}, {
+          optionInputTexts: optionInputTexts
+        });
+      }
+
+    case actionTypes.RESET_OPTION_INPUT_TEXTS:
+      {
+        var _optionInputTexts = [];
+        return _objectSpread(_objectSpread({}, state), {}, {
+          optionInputTexts: _optionInputTexts
+        });
+      }
+
     default:
       return state;
   }

package/App/Services/ConfiguratorService.js

@@ -1127,6 +1127,11 @@ var ConfiguratorService = /*#__PURE__*/function (_AbstractConfigurator) {
     value: function setSelectedVariantIdentifier(identifier) {
       return _ServiceLocator.Services.store.dispatch(configuratorActions.setSelectedVariantIdentifier(identifier));
     }
+  }, {
+    key: "setOptionInputText",
+    value: function setOptionInputText(identifier, value) {
+      return _ServiceLocator.Services.store.dispatch(configuratorActions.setOptionInputText(identifier, value));
+    }
     /**
      * A simple method for saving the configuration without any additional design data or screenshot
      * @param {string} saveType

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@configuratorware/configurator-frontendgui",
-  "version": "1.34.2",
+  "version": "1.35.1",
   "license": "UNLICENSED",
   "private": false,
   "main": "./index.js",
   "dependencies": {
     "@babel/polyfill": "^7.12.1",
-    "@configuratorware/scripts": "1.34.2",
+    "@configuratorware/scripts": "1.35.1",
     "@hot-loader/react-dom": "^17.0.1",
     "@material-ui/core": "^4.12.2",
     "@material-ui/icons": "^4.11.2",
@@ -39,8 +39,8 @@
     "react-router-dom": "^5.2.0",
     "react-swipeable": "^5.5.1",
     "react-zoom-pan-pinch": "^2.1.3",
-    "redhotmagma-graphics-editor": "1.34.2",
-    "redhotmagma-visualization": "1.34.2",
+    "redhotmagma-graphics-editor": "1.35.1",
+    "redhotmagma-visualization": "1.35.1",
     "redux": "^4.1.0",
     "redux-logger": "^3.0.6",
     "redux-persist": "^5.10.0",