@configuratorware/configurator-frontendgui 1.44.8 → 1.44.10

package/App/Services/DesignDataService.js

@@ -1098,7 +1098,7 @@ var DesignDataService = exports["default"] = /*#__PURE__*/function () {
     key: "designAreaListChangeListener",
     value: function designAreaListChangeListener(filteredDesignAreas, prevDesignAreas) {
       // apply pre-selection only after loading the design areas
-      if (filteredDesignAreas.length && !prevDesignAreas.length) {
+      if (filteredDesignAreas.length && !(prevDesignAreas !== null && prevDesignAreas !== void 0 && prevDesignAreas.length)) {
         this.applyDesignAreaPreSelection(filteredDesignAreas);
       }
       _ServiceLocator.Services.visualization.updateDesignAreaList(filteredDesignAreas);

package/App/Services/VisualizationService.js

@@ -625,6 +625,9 @@ var VisualizationService = exports["default"] = /*#__PURE__*/function (_Abstract
     value: function restrictUserMovement() {
       var _this5 = this;
       var component = this.getComponent();
+      if (!component) {
+        return;
+      }
       var zoomHandler = function zoomHandler(_ref4) {
         var direction = _ref4.data.direction;
         if (direction === 'out') {

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

@@ -729,6 +729,13 @@ var AmountPrice = /*#__PURE__*/function (_React$Component) {
         optionclassifications: userConfiguration.optionclassifications
       }))));
     }
+  }, {
+    key: "renderDialogTitle",
+    value: function renderDialogTitle() {
+      return this.props.renderDialogTitle ? this.props.renderDialogTitle(this.props) : /*#__PURE__*/_react["default"].createElement(_Typography["default"], {
+        variant: "body1"
+      }, /*#__PURE__*/_react["default"].createElement("b", null, (0, _i18n.t)(this.props.showReceiveOfferForm ? 'receiveOfferForm.sendButton' : 'amountPrice.intoCart')));
+    }
   }, {
     key: "renderPriceOverview",
     value: function renderPriceOverview() {
@@ -801,9 +808,7 @@ var AmountPrice = /*#__PURE__*/function (_React$Component) {
         classes: {
           root: classes.dialogTitleRoot
         }
-      }, /*#__PURE__*/_react["default"].createElement(_Typography["default"], {
-        variant: "body1"
-      }, /*#__PURE__*/_react["default"].createElement("b", null, (0, _i18n.t)(showReceiveOfferForm ? 'receiveOfferForm.sendButton' : 'amountPrice.intoCart'))), /*#__PURE__*/_react["default"].createElement(_Icon["default"], {
+      }, this.renderDialogTitle(), /*#__PURE__*/_react["default"].createElement(_Icon["default"], {
         className: classes.closeIcon,
         onClick: this.handleClose.bind(this)
       }, "close")), /*#__PURE__*/_react["default"].createElement(_RootRef["default"], {

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@configuratorware/configurator-frontendgui",
-  "version": "1.44.8",
+  "version": "1.44.10",
   "license": "UNLICENSED",
   "private": false,
   "main": "./index.js",
   "dependencies": {
     "@babel/polyfill": "^7.12.1",
-    "@configuratorware/scripts": "1.44.8",
+    "@configuratorware/scripts": "1.44.10",
     "@material-ui/core": "^4.12.4",
     "@material-ui/icons": "^4.11.3",
     "@material-ui/lab": "^4.0.0-alpha.61",
@@ -36,8 +36,8 @@
     "react-router-dom": "^5.3.4",
     "react-swipeable": "^5.5.1",
     "react-zoom-pan-pinch": "^2.1.3",
-    "redhotmagma-graphics-editor": "1.44.8",
-    "redhotmagma-visualization": "1.44.8",
+    "redhotmagma-graphics-editor": "1.44.10",
+    "redhotmagma-visualization": "1.44.10",
     "redux": "^4.1.0",
     "redux-logger": "^3.0.6",
     "redux-persist": "^5.10.0",

package/src/App/Services/DesignDataService.js

@@ -809,7 +809,7 @@ export default class DesignDataService {
 
     designAreaListChangeListener(filteredDesignAreas, prevDesignAreas) {
         // apply pre-selection only after loading the design areas
-        if (filteredDesignAreas.length && !prevDesignAreas.length) {
+        if (filteredDesignAreas.length && !prevDesignAreas?.length) {
             this.applyDesignAreaPreSelection(filteredDesignAreas);
         }
 

package/src/App/Services/VisualizationService.js

@@ -442,6 +442,9 @@ export default class VisualizationService extends AbstractVisualizationService {
 
     restrictUserMovement() {
         const component = this.getComponent();
+        if (!component) {
+            return;
+        }
         const zoomHandler = ({ data: { direction } }) => {
             if (direction === 'out') {
                 this._removeRestrictedUserMovementZoomHandler &&

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

@@ -307,6 +307,7 @@ class AmountPrice extends React.Component {
         skipPriceOverview: PropTypes.bool,
         toggleGlobalLoader: PropTypes.func.isRequired,
         isCreator: PropTypes.bool,
+        renderDialogTitle: PropTypes.func,
     };
 
     static defaultProps = {
@@ -596,6 +597,22 @@ class AmountPrice extends React.Component {
         );
     }
 
+    renderDialogTitle() {
+        return this.props.renderDialogTitle ? (
+            this.props.renderDialogTitle(this.props)
+        ) : (
+            <Typography variant="body1">
+                <b>
+                    {t(
+                        this.props.showReceiveOfferForm
+                            ? 'receiveOfferForm.sendButton'
+                            : 'amountPrice.intoCart'
+                    )}
+                </b>
+            </Typography>
+        );
+    }
+
     renderPriceOverview() {
         const {
             notice,
@@ -665,11 +682,7 @@ class AmountPrice extends React.Component {
             >
                 <LoadingOverlay show={this.props.addToCartPopUpLoader} />
                 <DialogTitle classes={{ root: classes.dialogTitleRoot }}>
-                    <Typography variant="body1">
-                        <b>
-                            {t(showReceiveOfferForm ? 'receiveOfferForm.sendButton' : 'amountPrice.intoCart')}
-                        </b>
-                    </Typography>
+                    {this.renderDialogTitle()}
                     <Icon className={classes.closeIcon} onClick={this.handleClose.bind(this)}>
                         close
                     </Icon>