@configuratorware/configurator-frontendgui 1.30.3 → 1.31.0

package/App/Reducers/Configurator/Actions.js

@@ -3,7 +3,7 @@
 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.switchOptionArrays = 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.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;
 
 var apiActions = _interopRequireWildcard(require("../Actions"));
 
@@ -57,17 +57,9 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 
 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 _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); }
-
 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 _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 _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; }
+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); }
 
 function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
 
@@ -753,7 +745,7 @@ var fetchOptions = function fetchOptions(itemidentifier, optionclassification, c
 
 exports.fetchOptions = fetchOptions;
 
-var switchOptionsBasic = function switchOptionsBasic(configuration, switchedoptions) {
+var switchOptionsBasic = function switchOptionsBasic(configuration, switchedOptions) {
   var noCheck = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
   var config = {};
 
@@ -765,7 +757,7 @@ var switchOptionsBasic = function switchOptionsBasic(configuration, switchedopti
 
   return apiActions.postData('configuration/switchoption', {
     configuration: configuration,
-    switchedoptions: switchedoptions
+    switchedOptions: switchedOptions
   }, function (data) {
     return {
       // dummy receiver
@@ -777,65 +769,12 @@ var switchOptionsBasic = function switchOptionsBasic(configuration, switchedopti
 
 exports.switchOptionsBasic = switchOptionsBasic;
 
-var switchOptionArrays = function switchOptionArrays(configuration, switchOptionData) {
-  var noCheck = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
-  return function (dispatch) {
-    var switchedoptions = {};
-    var afterSwitch = [];
-
-    for (var componentIdentifier in switchOptionData) {
-      if ((0, _lodash.isArray)(switchOptionData[componentIdentifier])) {
-        var _switchOptionData$com = _toArray(switchOptionData[componentIdentifier]),
-            firstOption = _switchOptionData$com[0],
-            otherOptions = _switchOptionData$com.slice(1);
-
-        switchedoptions[componentIdentifier] = firstOption;
-
-        if (otherOptions.length > 0) {
-          var _iterator2 = _createForOfIteratorHelper(otherOptions),
-              _step2;
-
-          try {
-            for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
-              var optionData = _step2.value;
-              afterSwitch.push(_defineProperty({}, componentIdentifier, optionData));
-            }
-          } catch (err) {
-            _iterator2.e(err);
-          } finally {
-            _iterator2.f();
-          }
-        }
-      } else {
-        switchedoptions[componentIdentifier] = switchOptionData[componentIdentifier];
-      }
-    }
-
-    var p = dispatch(switchOptionsBasic(configuration, switchedoptions, noCheck));
-
-    var _loop = function _loop() {
-      var switchOption = _afterSwitch[_i];
-      p = p.then(function (action) {
-        return dispatch(switchOptionsBasic(action.data, switchOption, noCheck));
-      });
-    };
-
-    for (var _i = 0, _afterSwitch = afterSwitch; _i < _afterSwitch.length; _i++) {
-      _loop();
-    }
-
-    return p;
-  };
-};
-
-exports.switchOptionArrays = switchOptionArrays;
-
 var switchOptions = function switchOptions(configuration, switchOptionData) {
   var noCheck = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
   var refreshOptions = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
   var setChecked = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : false;
   return function (dispatch) {
-    return dispatch(switchOptionArrays(configuration, switchOptionData, noCheck)).then(function (action) {
+    return dispatch(switchOptionsBasic(configuration, switchOptionData, noCheck)).then(function (action) {
       var extraData = {
         switchOptionData: switchOptionData,
         noCheck: noCheck,
@@ -1060,12 +999,12 @@ var resolveConflicts = function resolveConflicts() {
     if ((0, _lodash.isArray)(incompatibilityCheckResults.check_results)) {
       dispatch(setCalculationEnabled(false)); // disable calculation while waiting for all options to be switched
 
-      var _iterator3 = _createForOfIteratorHelper(incompatibilityCheckResults.check_results),
-          _step3;
+      var _iterator2 = _createForOfIteratorHelper(incompatibilityCheckResults.check_results),
+          _step2;
 
       try {
-        for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
-          var result = _step3.value;
+        for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+          var result = _step2.value;
 
           if (result.status === false) {
             (function () {
@@ -1075,19 +1014,19 @@ var resolveConflicts = function resolveConflicts() {
               if (switchOptionsData) {
                 if (p) {
                   p = p.then(function (action) {
-                    return dispatch(switchOptionArrays(action.data, switchOptionsData, true));
+                    return dispatch(switchOptionsBasic(action.data, switchOptionsData, true));
                   });
                 } else {
-                  p = dispatch(switchOptionArrays(configuration, switchOptionsData, true));
+                  p = dispatch(switchOptionsBasic(configuration, switchOptionsData, true));
                 }
               }
             })();
           }
         }
       } catch (err) {
-        _iterator3.e(err);
+        _iterator2.e(err);
       } finally {
-        _iterator3.f();
+        _iterator2.f();
       }
 
       if (p) {
@@ -1160,26 +1099,26 @@ var selectMultipleOptions = function selectMultipleOptions(optionsList) {
     var configuration = (0, _Selectors.getConfiguration)((0, _Selectors.getConfigurator)(getState()));
     var switchOptionData = {};
 
-    var _iterator4 = _createForOfIteratorHelper(optionsList),
-        _step4;
+    var _iterator3 = _createForOfIteratorHelper(optionsList),
+        _step3;
 
     try {
-      for (_iterator4.s(); !(_step4 = _iterator4.n()).done;) {
-        var component = _step4.value;
+      for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
+        var component = _step3.value;
         switchOptionData[component.identifier] = component.selectedoptions.map(function (_ref5) {
           var identifier = _ref5.identifier,
               amount = _ref5.amount;
           return {
             identifier: identifier,
-            amount: amount || 1,
+            amount: typeof amount === 'undefined' ? 1 : amount,
             check_results: null
           };
         });
       }
     } catch (err) {
-      _iterator4.e(err);
+      _iterator3.e(err);
     } finally {
-      _iterator4.f();
+      _iterator3.f();
     }
 
     return dispatch(switchOptions(configuration, switchOptionData, false, false, true));

package/App/Screens/Configurator/ThemeProvider.js

@@ -267,7 +267,7 @@ var ThemeMixer = function ThemeMixer(_ref) {
       withTheme = _ref.withTheme,
       children = _ref.children;
   var themeMix = (0, _react.useMemo)(function () {
-    var theme = (0, _styles.createMuiTheme)(createThemeFromClientTheme(client && client.theme ? client.theme : {}, customTheme || {}));
+    var theme = (0, _styles.createTheme)(createThemeFromClientTheme(client && client.theme ? client.theme : {}, customTheme || {}));
 
     if (typeof withTheme === 'function') {
       withTheme(theme);

package/App/{Screens/Configurator/Containers/DesignApproval.js → Shared/Components/AcceptPrivacy/index.js}

@@ -9,13 +9,21 @@ exports["default"] = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
+var _styles = require("@material-ui/core/styles");
+
+var _i18n = require("../../../../Framework/i18n");
+
+var _withWidth = _interopRequireDefault(require("@material-ui/core/withWidth/withWidth"));
 
-var _Selectors = require("../../../Reducers/Configurator/Selectors");
+var _Grid = _interopRequireDefault(require("@material-ui/core/Grid/Grid"));
 
-var _DesignApproval = _interopRequireDefault(require("../Components/DesignApproval"));
+var _FormControlLabel = _interopRequireDefault(require("@material-ui/core/FormControlLabel"));
 
-var _ComponentContainer = require("../../../../Framework/ComponentContainer");
+var _Checkbox = _interopRequireDefault(require("@material-ui/core/Checkbox"));
+
+var _FormHelperText = _interopRequireDefault(require("@material-ui/core/FormHelperText"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
@@ -41,89 +49,88 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
 
 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 DesignApprovalContainer = /*#__PURE__*/function (_React$Component) {
-  _inherits(DesignApprovalContainer, _React$Component);
-
-  var _super = _createSuper(DesignApprovalContainer);
+var styles = function styles(theme) {
+  return {
+    checkboxLabel: _defineProperty({
+      fontSize: 15,
+      paddingLeft: 15,
+      paddingBottom: 12
+    }, theme.breakpoints.down('xs'), {
+      paddingLeft: 12
+    }),
+    checkbox: {
+      alignSelf: 'flex-start',
+      top: -10
+    },
+    formHelperText: {
+      marginLeft: 45,
+      marginBottom: 15
+    }
+  };
+};
 
-  function DesignApprovalContainer(props) {
-    var _this;
+var AcceptPrivacy = /*#__PURE__*/function (_React$Component) {
+  _inherits(AcceptPrivacy, _React$Component);
 
-    _classCallCheck(this, DesignApprovalContainer);
+  var _super = _createSuper(AcceptPrivacy);
 
-    _this = _super.call(this, props);
+  function AcceptPrivacy() {
+    _classCallCheck(this, AcceptPrivacy);
 
-    _defineProperty(_assertThisInitialized(_this), "handleApprovalChange", function (checked) {
-      _this.setState({
-        approval: {
-          checked: checked,
-          error: false
-        }
-      });
-    });
-
-    _this.state = {
-      approval: {
-        checked: false,
-        error: false
-      }
-    };
-    return _this;
+    return _super.apply(this, arguments);
   }
 
-  _createClass(DesignApprovalContainer, [{
-    key: "validate",
-    value: function validate() {
-      var checked = this.state.approval.checked;
-
-      if (checked) {
-        return true;
-      }
-
-      this.setState({
-        approval: {
-          checked: checked,
-          error: true
-        }
-      });
-      return false;
-    }
-  }, {
+  _createClass(AcceptPrivacy, [{
     key: "render",
     value: function render() {
-      var approval = this.state.approval;
       var _this$props = this.props,
-          termsAndConditionsLink = _this$props.termsAndConditionsLink,
-          DesignApprovalComponent = _this$props.DesignApprovalComponent;
-      return /*#__PURE__*/_react["default"].createElement(DesignApprovalComponent, {
-        checked: approval.checked,
-        error: approval.error,
-        link: termsAndConditionsLink,
-        onChange: this.handleApprovalChange
+          classes = _this$props.classes,
+          handleChangeCheckboxApproval = _this$props.handleChangeCheckboxApproval,
+          approval = _this$props.approval,
+          dataPrivacyLink = _this$props.dataPrivacyLink;
+      var privacyLink = "<a href=\"".concat(dataPrivacyLink, "\"\n                              target=\"_blank\">").concat((0, _i18n.t)('receiveOfferForm.privacyLinkLabel'), "</a>");
+      var privacyNotice = (0, _i18n.t)('receiveOfferForm.privacyNotice', {
+        privacyLink: privacyLink
       });
+      return /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
+        container: true
+      }, /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
+        item: true,
+        xs: 12
+      }, /*#__PURE__*/_react["default"].createElement(_FormControlLabel["default"], {
+        className: classes.checkboxLabel,
+        control: /*#__PURE__*/_react["default"].createElement(_Checkbox["default"], {
+          className: classes.checkbox,
+          name: "dataPrivacyAccepted",
+          checked: approval.value,
+          onChange: handleChangeCheckboxApproval,
+          color: "primary"
+        }),
+        label: /*#__PURE__*/_react["default"].createElement("span", {
+          dangerouslySetInnerHTML: {
+            __html: privacyNotice
+          }
+        })
+      }), approval.error && /*#__PURE__*/_react["default"].createElement(_FormHelperText["default"], {
+        error: true,
+        className: classes.formHelperText
+      }, (0, _i18n.t)('receiveOfferForm.selectionError'))));
     }
   }]);
 
-  return DesignApprovalContainer;
+  return AcceptPrivacy;
 }(_react["default"].Component);
 
-_defineProperty(DesignApprovalContainer, "propTypes", {
-  termsAndConditionsLink: _propTypes["default"].string,
-  DesignApprovalComponent: _propTypes["default"].func
+_defineProperty(AcceptPrivacy, "propTypes", {
+  classes: _propTypes["default"].object,
+  width: _propTypes["default"].string,
+  handleChangeCheckboxApproval: _propTypes["default"].func,
+  approval: _propTypes["default"].object,
+  dataPrivacyLink: _propTypes["default"].string
 });
 
-_defineProperty(DesignApprovalContainer, "defaultProps", {
-  DesignApprovalComponent: _DesignApproval["default"]
-});
-
-var mapStateToProps = function mapStateToProps(_ref) {
-  var configurator = _ref.configurator;
-  return {
-    Component: DesignApprovalContainer,
-    termsAndConditionsLink: (0, _Selectors.getClientTexts)(configurator).termsAndConditionsLink
-  };
-};
-
-var _default = (0, _ComponentContainer.containerConnect)(mapStateToProps);
+var _default = (0, _withWidth["default"])()((0, _styles.withStyles)(styles, {
+  name: 'AcceptPrivacy'
+})(AcceptPrivacy));
 
 exports["default"] = _default;

package/App/Shared/Components/AddToBasket/index.js

@@ -78,7 +78,7 @@ var styles = function styles(theme) {
       bottom: 90,
       fontSize: 15,
       right: 200,
-      color: '#ED1C29'
+      color: theme.palette.primary.main
     }, theme.breakpoints.down('xs'), {
       left: 15,
       whiteSpace: 'nowrap'

package/App/Shared/Components/AmountPrice/index.js

@@ -71,6 +71,8 @@ var _LoadingOverlay = _interopRequireDefault(require("../../../../Framework/Comp
 
 var _core = require("@material-ui/core");
 
+var _AcceptPrivacy = _interopRequireDefault(require("../AcceptPrivacy"));
+
 var _excluded = ["onTouchMove"],
     _excluded2 = ["wrapperClass", "renderPriceBox"];
 
@@ -346,7 +348,8 @@ var AmountPrice = /*#__PURE__*/function (_React$Component) {
         error: null
       },
       inView: true,
-      showErrors: false
+      showErrors: false,
+      dataPrivacyAccepted: false
     });
 
     _defineProperty(_assertThisInitialized(_this), "receiveOfferFormComponentRef", /*#__PURE__*/_react["default"].createRef());
@@ -388,6 +391,15 @@ var AmountPrice = /*#__PURE__*/function (_React$Component) {
           }
         });
       }
+
+      if (!_this.dataPrivacyApproved()) {
+        _this.setState({
+          dataPrivacyAccepted: {
+            value: false,
+            error: true
+          }
+        });
+      }
     });
 
     _defineProperty(_assertThisInitialized(_this), "requestHasErrors", function () {
@@ -396,7 +408,7 @@ var AmountPrice = /*#__PURE__*/function (_React$Component) {
           displayAcceptDesign = _this$props2.displayAcceptDesign;
       var designApproved = _this.state.approval.value;
 
-      if (bulkNameErrors && bulkNameErrors.length > 0 || displayAcceptDesign && !designApproved) {
+      if (bulkNameErrors && bulkNameErrors.length > 0 || displayAcceptDesign && !designApproved || !_this.dataPrivacyApproved()) {
         return true;
       }
 
@@ -413,6 +425,15 @@ var AmountPrice = /*#__PURE__*/function (_React$Component) {
       }
     });
 
+    _defineProperty(_assertThisInitialized(_this), "dataPrivacyApproved", function () {
+      var _this$props3 = _this.props,
+          showReceiveOfferForm = _this$props3.showReceiveOfferForm,
+          clientTexts = _this$props3.clientTexts;
+      var dataPrivacyLink = clientTexts.dataPrivacyLink;
+      var dataPrivacyApproved = _this.state.dataPrivacyAccepted.value;
+      return showReceiveOfferForm && dataPrivacyApproved && dataPrivacyLink;
+    });
+
     _defineProperty(_assertThisInitialized(_this), "handleTouchMove", function (evt) {
       var dialogContent = _this.dialogContentRef.current;
       evt.preventDefault();
@@ -554,18 +575,18 @@ var AmountPrice = /*#__PURE__*/function (_React$Component) {
     });
 
     _defineProperty(_assertThisInitialized(_this), "renderDefaultPriceBox", function () {
-      var _this$props3 = _this.props,
-          classes = _this$props3.classes,
-          amount = _this$props3.amount,
-          boxed = _this$props3.boxed,
-          priceFormatted = _this$props3.priceFormatted,
-          hidePrices = _this$props3.hidePrices,
-          hidePieces = _this$props3.hidePieces,
-          vatNotice = _this$props3.vatNotice,
-          showReceiveOfferForm = _this$props3.showReceiveOfferForm,
-          showCallToAction = _this$props3.showCallToAction,
-          showConfigurationModeSwitch = _this$props3.showConfigurationModeSwitch,
-          ConfigurationModeSwitchComponent = _this$props3.ConfigurationModeSwitchComponent;
+      var _this$props4 = _this.props,
+          classes = _this$props4.classes,
+          amount = _this$props4.amount,
+          boxed = _this$props4.boxed,
+          priceFormatted = _this$props4.priceFormatted,
+          hidePrices = _this$props4.hidePrices,
+          hidePieces = _this$props4.hidePieces,
+          vatNotice = _this$props4.vatNotice,
+          showReceiveOfferForm = _this$props4.showReceiveOfferForm,
+          showCallToAction = _this$props4.showCallToAction,
+          showConfigurationModeSwitch = _this$props4.showConfigurationModeSwitch,
+          ConfigurationModeSwitchComponent = _this$props4.ConfigurationModeSwitchComponent;
       var boxStyle = boxed ? classes.card : classes.cardUnboxed;
       return /*#__PURE__*/_react["default"].createElement(_Card["default"], {
         className: (0, _clsx["default"])(boxStyle, (0, _customClassName["default"])('cta-box'))
@@ -653,9 +674,9 @@ var AmountPrice = /*#__PURE__*/function (_React$Component) {
   _createClass(AmountPrice, [{
     key: "componentDidUpdate",
     value: function componentDidUpdate(prevProps, prevState) {
-      var _this$props4 = this.props,
-          error = _this$props4.error,
-          bulkNameErrors = _this$props4.bulkNameErrors;
+      var _this$props5 = this.props,
+          error = _this$props5.error,
+          bulkNameErrors = _this$props5.bulkNameErrors;
 
       if (error && !(0, _isEqual["default"])(error, prevProps.error) && this.dialogContentRef.current) {
         this.dialogContentRef.current.scrollTo(0, 0);
@@ -695,32 +716,35 @@ var AmountPrice = /*#__PURE__*/function (_React$Component) {
           approval = _this$state.approval,
           inView = _this$state.inView,
           showErrors = _this$state.showErrors,
-          bulkNameErrors = _this$state.bulkNameErrors;
-      var _this$props5 = this.props,
-          amount = _this$props5.amount,
-          priceList = _this$props5.priceList,
-          priceFormatted = _this$props5.priceFormatted,
-          onSelectableChanged = _this$props5.onSelectableChanged,
-          showProductVariants = _this$props5.showProductVariants,
-          ProductVariantComponent = _this$props5.ProductVariantComponent,
-          error = _this$props5.error,
-          width = _this$props5.width,
-          hidePrices = _this$props5.hidePrices,
-          title = _this$props5.title,
-          classes = _this$props5.classes,
-          showReceiveOfferForm = _this$props5.showReceiveOfferForm,
-          vatNotice = _this$props5.vatNotice,
-          clientTexts = _this$props5.clientTexts,
-          displayAcceptDesign = _this$props5.displayAcceptDesign,
-          notifications = _this$props5.notifications,
-          showCallToAction = _this$props5.showCallToAction,
-          ReceiveOfferFormComponent = _this$props5.ReceiveOfferFormComponent,
-          AcceptDesignComponent = _this$props5.AcceptDesignComponent,
-          PriceOverviewComponent = _this$props5.PriceOverviewComponent,
-          NotificationComponent = _this$props5.NotificationComponent,
-          PriceListComponent = _this$props5.PriceListComponent,
-          AddToCartComponent = _this$props5.AddToCartComponent;
-      var termsAndConditionsLink = clientTexts.termsAndConditionsLink;
+          bulkNameErrors = _this$state.bulkNameErrors,
+          dataPrivacyAccepted = _this$state.dataPrivacyAccepted;
+      var _this$props6 = this.props,
+          amount = _this$props6.amount,
+          priceList = _this$props6.priceList,
+          priceFormatted = _this$props6.priceFormatted,
+          onSelectableChanged = _this$props6.onSelectableChanged,
+          showProductVariants = _this$props6.showProductVariants,
+          ProductVariantComponent = _this$props6.ProductVariantComponent,
+          error = _this$props6.error,
+          width = _this$props6.width,
+          hidePrices = _this$props6.hidePrices,
+          title = _this$props6.title,
+          classes = _this$props6.classes,
+          showReceiveOfferForm = _this$props6.showReceiveOfferForm,
+          vatNotice = _this$props6.vatNotice,
+          clientTexts = _this$props6.clientTexts,
+          displayAcceptDesign = _this$props6.displayAcceptDesign,
+          notifications = _this$props6.notifications,
+          showCallToAction = _this$props6.showCallToAction,
+          ReceiveOfferFormComponent = _this$props6.ReceiveOfferFormComponent,
+          AcceptDesignComponent = _this$props6.AcceptDesignComponent,
+          PriceOverviewComponent = _this$props6.PriceOverviewComponent,
+          NotificationComponent = _this$props6.NotificationComponent,
+          PriceListComponent = _this$props6.PriceListComponent,
+          AddToCartComponent = _this$props6.AddToCartComponent,
+          AcceptPrivacyComponent = _this$props6.AcceptPrivacyComponent;
+      var termsAndConditionsLink = clientTexts.termsAndConditionsLink,
+          dataPrivacyLink = clientTexts.dataPrivacyLink;
       var mergedNotifications = _toConsumableArray(notifications) || [];
 
       if (showErrors && bulkNameErrors && bulkNameErrors.length > 0) {
@@ -785,6 +809,14 @@ var AmountPrice = /*#__PURE__*/function (_React$Component) {
           noteLabel: (0, _i18n.t)('amountPrice.notice'),
           handleChange: this.handleBasketNoticeChange
         }) : null,
+        acceptDataPrivacyComponent: showReceiveOfferForm && dataPrivacyLink ? /*#__PURE__*/_react["default"].createElement(AcceptPrivacyComponent, {
+          dataPrivacyLink: dataPrivacyLink,
+          displayAcceptDesign: true,
+          handleChangeCheckboxApproval: this.handleChange,
+          approval: dataPrivacyAccepted,
+          closeProductOverviewDialog: this.handleClose,
+          displayNote: false
+        }) : null,
         notificationComponent: mergedNotifications.map(function (_ref4, key) {
           var message = _ref4.message,
               level = _ref4.level,
@@ -839,10 +871,10 @@ var AmountPrice = /*#__PURE__*/function (_React$Component) {
   }, {
     key: "render",
     value: function render() {
-      var _this$props6 = this.props,
-          wrapperClass = _this$props6.wrapperClass,
-          renderPriceBox = _this$props6.renderPriceBox,
-          props = _objectWithoutProperties(_this$props6, _excluded2);
+      var _this$props7 = this.props,
+          wrapperClass = _this$props7.wrapperClass,
+          renderPriceBox = _this$props7.renderPriceBox,
+          props = _objectWithoutProperties(_this$props7, _excluded2);
 
       var showPriceOverview = this.state.showPriceOverview;
       var openPriceOverview = this.openPriceOverview,
@@ -899,7 +931,8 @@ _defineProperty(AmountPrice, "propTypes", {
   PriceListComponent: _propTypes["default"].elementType,
   AddToCartComponent: _propTypes["default"].elementType,
   renderPriceBox: _propTypes["default"].func,
-  userComment: _propTypes["default"].string
+  userComment: _propTypes["default"].string,
+  AcceptPrivacyComponent: _propTypes["default"].elementType
 });
 
 _defineProperty(AmountPrice, "defaultProps", {
@@ -915,7 +948,8 @@ _defineProperty(AmountPrice, "defaultProps", {
   PriceOverviewComponent: _PriceOverview["default"],
   NotificationComponent: _Notification["default"],
   PriceListComponent: _PriceList["default"],
-  AddToCartComponent: _AddToBasket["default"]
+  AddToCartComponent: _AddToBasket["default"],
+  AcceptPrivacyComponent: _AcceptPrivacy["default"]
 });
 
 var _default = (0, _withWidth["default"])()((0, _styles.withStyles)(styles, {

package/App/Shared/Components/PriceOverview/index.js

@@ -97,7 +97,8 @@ var PriceOverview = /*#__PURE__*/function (_React$Component) {
           receiveOfferFormComponent = _this$props.receiveOfferFormComponent,
           showReceiveOfferForm = _this$props.showReceiveOfferForm,
           amount = _this$props.amount,
-          acceptDesignComponent = _this$props.acceptDesignComponent;
+          acceptDesignComponent = _this$props.acceptDesignComponent,
+          acceptDataPrivacyComponent = _this$props.acceptDataPrivacyComponent;
       return /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
         item: true,
         xs: 12,
@@ -124,7 +125,7 @@ var PriceOverview = /*#__PURE__*/function (_React$Component) {
       }, /*#__PURE__*/_react["default"].createElement("b", null, contactData)), receiveOfferFormComponent), /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
         item: true,
         xs: 12
-      }, acceptDesignComponent, amount > 0 && /*#__PURE__*/_react["default"].createElement(_Divider["default"], null), priceListComponent), /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
+      }, acceptDesignComponent, acceptDataPrivacyComponent, amount > 0 && /*#__PURE__*/_react["default"].createElement(_Divider["default"], null), priceListComponent), /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
         item: true,
         xs: 12
       }, addToCartComponent && /*#__PURE__*/_react["default"].createElement(_Divider["default"], null), addToCartComponent)), !showReceiveOfferForm && /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
@@ -167,7 +168,8 @@ _defineProperty(PriceOverview, "propTypes", {
   receiveOfferFormComponent: _propTypes["default"].element,
   showReceiveOfferForm: _propTypes["default"].bool,
   amount: _propTypes["default"].number,
-  acceptDesignComponent: _propTypes["default"].element
+  acceptDesignComponent: _propTypes["default"].element,
+  acceptDataPrivacyComponent: _propTypes["default"].element
 });
 
 var _default = (0, _styles.withStyles)(styles, {