@configuratorware/configurator-frontendgui 1.44.7 → 1.44.9

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

@@ -551,8 +551,9 @@ var AmountPrice = /*#__PURE__*/function (_React$Component) {
         showCallToAction = _this$props4.showCallToAction,
         showConfigurationModeSwitch = _this$props4.showConfigurationModeSwitch,
         ConfigurationModeSwitchComponent = _this$props4.ConfigurationModeSwitchComponent,
-        isCreator = _this$props4.isCreator;
-      var isMobile = (0, _isMobileDevice.isMobileDevice)();
+        isCreator = _this$props4.isCreator,
+        width = _this$props4.width;
+      var isMobile = (0, _isMobileDevice.isMobileDevice)() || width === 'xs';
       var boxStyle = boxed ? classes.card : classes.cardUnboxed;
       return /*#__PURE__*/_react["default"].createElement(_Card["default"], {
         className: (0, _clsx["default"])(boxStyle, (0, _customClassName["default"])('cta-box'))

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@configuratorware/configurator-frontendgui",
-  "version": "1.44.7",
+  "version": "1.44.9",
   "license": "UNLICENSED",
   "private": false,
   "main": "./index.js",
   "dependencies": {
     "@babel/polyfill": "^7.12.1",
-    "@configuratorware/scripts": "1.44.7",
+    "@configuratorware/scripts": "1.44.9",
     "@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.7",
-    "redhotmagma-visualization": "1.44.7",
+    "redhotmagma-graphics-editor": "1.44.9",
+    "redhotmagma-visualization": "1.44.9",
     "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

@@ -789,9 +789,10 @@ class AmountPrice extends React.Component {
             showConfigurationModeSwitch,
             ConfigurationModeSwitchComponent,
             isCreator,
+            width,
         } = this.props;
 
-        const isMobile = isMobileDevice();
+        const isMobile = isMobileDevice() || width === 'xs';
         const boxStyle = boxed ? classes.card : classes.cardUnboxed;
         return (
             <Card className={clsx(boxStyle, customClassName('cta-box'))}>