@configuratorware/configurator-frontendgui 1.41.1 → 1.42.1

package/App/Screens/Configurator/DynamicComponents.js

@@ -4,37 +4,23 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.VisualizationContainer = exports.DesignerSelectionToolbox = exports.Designer = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-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 _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 _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; }
-
-var Designer = /*#__PURE__*/_react["default"].lazy(function () {
+var Designer = exports.Designer = /*#__PURE__*/_react["default"].lazy(function () {
   return Promise.resolve().then(function () {
-    return _interopRequireWildcard(require("../../Modules/Designer/Containers/Designer"));
+    return _interopRequireWildcard(require("../../Modules/Designer/Containers/Designer" /* webpackChunkName: "designer-component" */));
   });
 });
-
-exports.Designer = Designer;
-
-var DesignerSelectionToolbox = /*#__PURE__*/_react["default"].lazy(function () {
+var DesignerSelectionToolbox = exports.DesignerSelectionToolbox = /*#__PURE__*/_react["default"].lazy(function () {
   return Promise.resolve().then(function () {
-    return _interopRequireWildcard(require("../../Modules/Designer/Containers/DesignerSelectionToolbox"));
+    return _interopRequireWildcard(require("../../Modules/Designer/Containers/DesignerSelectionToolbox" /* webpackChunkName: "designer-toolbox-component" */));
   });
 });
-
-exports.DesignerSelectionToolbox = DesignerSelectionToolbox;
-
-var VisualizationContainer = /*#__PURE__*/_react["default"].lazy(function () {
+var VisualizationContainer = exports.VisualizationContainer = /*#__PURE__*/_react["default"].lazy(function () {
   return Promise.resolve().then(function () {
-    return _interopRequireWildcard(require("./Containers/Visualization"));
+    return _interopRequireWildcard(require("./Containers/Visualization" /* webpackChunkName: "visualization-component" */));
   });
-});
-
-exports.VisualizationContainer = VisualizationContainer;
+});

package/App/Screens/Configurator/Screen.js

@@ -1,131 +1,93 @@
 "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); }
-
+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.ConnectedConfiguratorScreen = exports.Configurator = void 0;
-
-var React = _interopRequireWildcard(require("react"));
-
-var _reactHotLoader = require("react-hot-loader");
-
+var _react = _interopRequireWildcard(require("react"));
+var React = _react;
 var _ComponentContainer = require("../../../Framework/ComponentContainer");
-
 var _Selectors = require("../../Reducers/Configurator/Selectors");
-
 var _Selectors2 = require("../../Reducers/DesignArea/Selectors");
-
 var uiActions = _interopRequireWildcard(require("../../Reducers/UI/Actions"));
-
 var _Error = _interopRequireDefault(require("../../Shared/Containers/Error"));
-
 var _ProductionErrorPage = _interopRequireDefault(require("../../Error/ProductionErrorPage"));
-
 var _AlertMessages = _interopRequireDefault(require("../../Shared/Containers/AlertMessages"));
-
 var _LandscapeInformation = _interopRequireDefault(require("./Components/LandscapeInformation"));
-
 var _Confirm = _interopRequireDefault(require("./Containers/Confirm"));
-
 var _SaveConfiguration = _interopRequireDefault(require("../../Shared/Containers/SaveConfiguration"));
-
 var _SendEmail = _interopRequireDefault(require("../../Shared/Containers/SendEmail"));
-
 var _PdfDownload = _interopRequireDefault(require("../../Shared/Containers/PdfDownload"));
-
 var _LoadConfiguration = _interopRequireDefault(require("../../Shared/Containers/LoadConfiguration"));
-
 var _FallbackVisualization = _interopRequireDefault(require("./Containers/FallbackVisualization"));
-
 var _LicenseNotice = _interopRequireDefault(require("../../Shared/Containers/LicenseNotice"));
-
 var _DefaultVisualizationProvider = require("../../Modules/Visualization/DefaultVisualizationProvider");
-
 var _ThemeProvider = _interopRequireDefault(require("./ThemeProvider"));
-
 var _Visualization = _interopRequireDefault(require("./Containers/Visualization"));
-
 var _FullScreenView = _interopRequireDefault(require("./Containers/FullScreenView"));
-
 var _GlobalLoader = _interopRequireDefault(require("../../Shared/Containers/GlobalLoader"));
-
 var _AmountPrice = _interopRequireDefault(require("./Containers/AmountPrice"));
-
 var _NoVisualization = _interopRequireDefault(require("./Components/NoVisualization/NoVisualization"));
-
 var _Selectors3 = require("../../Reducers/ConfigurationMode/Selectors");
-
 require("./Components/Styles.scss");
-
 var _ScreenPropTypes = _interopRequireDefault(require("./ScreenPropTypes"));
-
 var _configuration = require("../../configuration");
-
 var _DesignerScreen = require("../../Modules/Designer/DesignerScreen");
-
 var _CreatorScreen = require("../../Modules/Creator/CreatorScreen");
-
-var _core = require("@material-ui/core");
-
+var _useMediaQuery = _interopRequireDefault(require("@material-ui/core/useMediaQuery"));
 var _ServiceLocator = require("../../ServiceLocator");
-
+var _reactRouter = require("react-router");
 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 _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); }
 /**
  * Main Screen of the configurator
  */
-var Configurator = function Configurator(props) {
-  var imageOnly = (0, _core.useMediaQuery)('(min-aspect-ratio: 13/9) and (min-height: 280px) and (max-width: 950px)');
-  (0, React.useEffect)(function () {
+var Configurator = exports.Configurator = function Configurator(props) {
+  var imageOnly = (0, _useMediaQuery["default"])('(min-aspect-ratio: 13/9) and (min-height: 280px) and (max-width: 950px)');
+  (0, _react.useEffect)(function () {
     if (imageOnly) {
       _ServiceLocator.Services.visualization.enableDesignAreaInteraction(false);
     } else {
       _ServiceLocator.Services.visualization.initDesignAreaInteraction();
     }
   }, [imageOnly]);
+  var _useParams = (0, _reactRouter.useParams)(),
+    identifier = _useParams.identifier,
+    code = _useParams.code;
+  (0, _react.useEffect)(function () {
+    if (identifier && identifier !== props.loadIdentifier || code && code !== props.loadCode) {
+      _ServiceLocator.Services.configurator.initialize();
+    }
+  }, [identifier, code]);
   var fatalError = props.fatalError;
-
   if (fatalError) {
     return /*#__PURE__*/React.createElement(_ProductionErrorPage["default"], null);
   }
-
   var children = props.children;
-
   if (children instanceof Function) {
     return children(props);
   }
-
   var selectedConfigurationMode = props.selectedConfigurationMode,
-      CreatorScreen = props.CreatorScreen,
-      DesignerScreen = props.DesignerScreen;
-
+    CreatorScreen = props.CreatorScreen,
+    DesignerScreen = props.DesignerScreen;
   var ScreenComponent = {
     creator: CreatorScreen,
     designer: DesignerScreen
   }[selectedConfigurationMode] || function () {
     return null;
   };
-
   var ThemeProvider = props.ThemeProvider,
-      VisualizationProvider = props.VisualizationProvider,
-      customElements = props.customElements,
-      renderLandscapeInformation = props.renderLandscapeInformation;
+    VisualizationProvider = props.VisualizationProvider,
+    customElements = props.customElements,
+    renderLandscapeInformation = props.renderLandscapeInformation;
   return /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(VisualizationProvider, null, renderLandscapeInformation(), /*#__PURE__*/React.createElement(ScreenComponent, _extends({
     imageOnly: imageOnly
   }, props)), customElements.root));
 };
-
-exports.Configurator = Configurator;
-Configurator.propTypes = _ScreenPropTypes["default"]; // eslint-disable-next-line react/prop-types
-
+// eslint-disable-next-line react/prop-types
 var renderVisualization = function renderVisualization(_ref) {
   var fullScreenViewProps = _ref.fullScreenViewProps;
   return /*#__PURE__*/React.createElement(_FullScreenView["default"], fullScreenViewProps, /*#__PURE__*/React.createElement(React.Suspense, {
@@ -134,7 +96,6 @@ var renderVisualization = function renderVisualization(_ref) {
     BrokenComponent: _NoVisualization["default"]
   })));
 };
-
 Configurator.defaultProps = {
   // Render props
   renderLandscapeInformation: function renderLandscapeInformation() {
@@ -181,8 +142,6 @@ Configurator.defaultProps = {
   activeDesignArea: false,
   isPortraitMode: false
 };
-var ConfiguratorHot = (0, _reactHotLoader.hot)(module)(Configurator);
-
 var mapStateToProps = function mapStateToProps(state) {
   var activeDesignArea = (0, _Selectors2.isAnyDesignAreaSelected)(state);
   var fallbackMode = 'fallback' === (0, _Selectors.getCurrentVisualizationSettings)(state);
@@ -198,6 +157,9 @@ var mapStateToProps = function mapStateToProps(state) {
   var showAddToCartButton = state.ui.visibilityMap.addToCartButton;
   var showConfigurationVariantSelection = state.ui.visibilityMap.configurationvariantSelection;
   var visualizationOverlayMode = (0, _Selectors.visualizationModeCheck)(state).is2DOverlay();
+  var _state$configurator = state.configurator,
+    loadIdentifier = _state$configurator.loadIdentifier,
+    loadCode = _state$configurator.loadCode;
   var configuration = {
     showAddToCartButton: (0, _configuration.getConf)('showAddToCartButton'),
     editCustomTitle: (0, _configuration.getConf)('editCustomTitleBeforeSave'),
@@ -205,7 +167,7 @@ var mapStateToProps = function mapStateToProps(state) {
     showStartHere: (0, _configuration.getConf)('showStartHere')
   };
   return {
-    Component: ConfiguratorHot,
+    Component: Configurator,
     selectedConfigurationMode: selectedConfigurationMode,
     showConfigurationModeSwitch: showConfigurationModeSwitch,
     activeDesignArea: activeDesignArea,
@@ -219,10 +181,11 @@ var mapStateToProps = function mapStateToProps(state) {
     showAddToCartButton: showAddToCartButton,
     showConfigurationVariantSelection: showConfigurationVariantSelection,
     configuration: configuration,
-    visualizationOverlayMode: visualizationOverlayMode
+    visualizationOverlayMode: visualizationOverlayMode,
+    loadIdentifier: loadIdentifier,
+    loadCode: loadCode
   };
 };
-
 var mapDispatchToProps = function mapDispatchToProps(dispatch) {
   return {
     dispatchAction: function dispatchAction(action) {
@@ -233,6 +196,4 @@ var mapDispatchToProps = function mapDispatchToProps(dispatch) {
     }
   };
 };
-
-var ConnectedConfiguratorScreen = (0, _ComponentContainer.containerConnect)(mapStateToProps, mapDispatchToProps);
-exports.ConnectedConfiguratorScreen = ConnectedConfiguratorScreen;
+var ConnectedConfiguratorScreen = exports.ConnectedConfiguratorScreen = (0, _ComponentContainer.containerConnect)(mapStateToProps, mapDispatchToProps);

package/App/Screens/Configurator/ScreenPropTypes.js

@@ -4,12 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-var _default = {
+var _default = exports["default"] = {
   isPortraitMode: _propTypes["default"].bool,
   activeDesignArea: _propTypes["default"].bool,
   selectedDesignArea: _propTypes["default"].string,
@@ -41,5 +38,4 @@ var _default = {
   VisualizationProvider: _propTypes["default"].elementType.isRequired,
   FallbackVisualization: _propTypes["default"].elementType.isRequired,
   ThemeProvider: _propTypes["default"].elementType.isRequired
-};
-exports["default"] = _default;
+};

package/App/Screens/Configurator/ThemeProvider.js

@@ -1,38 +1,23 @@
 "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); }
-
+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.ConnectedThemeProvider = exports.ThemeMixer = void 0;
-
+exports["default"] = exports.ThemeMixer = exports.ConnectedThemeProvider = void 0;
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _reactRedux = require("react-redux");
-
 var _styles = require("@material-ui/core/styles");
-
 var _colors = require("@material-ui/core/colors");
-
 var _merge = _interopRequireDefault(require("lodash/merge"));
-
 var _cloneDeep = _interopRequireDefault(require("lodash/cloneDeep"));
-
 var _set = _interopRequireDefault(require("lodash/set"));
-
 var _Selectors = require("../../Reducers/Configurator/Selectors");
-
 var _configuration = require("../../configuration");
-
 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; }
-
 var darkTextColor = '#282828';
 var defaultTheme = {
   // this has to be added, see: https://material-ui.com/style/typography/#migration-to-typography-v2
@@ -229,21 +214,17 @@ var defaultTheme = {
     }
   }
 };
-
 var loadClientFont = function loadClientFont(fontName, url) {
   var clientFont = document.createElement('style');
   clientFont.appendChild(document.createTextNode('@font-face { font-family: "' + fontName + '"; src: url("' + url + '"); }, '));
   document.head.appendChild(clientFont);
 };
-
 var createThemeFromClientTheme = function createThemeFromClientTheme(clientTheme, customTheme) {
   var theme = {};
-
   if (clientTheme.highlightColor) {
     (0, _set["default"])(theme, 'palette.primary.main', clientTheme.highlightColor);
     (0, _set["default"])(theme, 'overrides.Designer-Editor.graphicsEditorContainer.borderColor', clientTheme.highlightColor);
   }
-
   if (clientTheme.font) {
     var host = (0, _configuration.getConf)('network.host');
     var fontUrl = host + clientTheme.font;
@@ -251,48 +232,33 @@ var createThemeFromClientTheme = function createThemeFromClientTheme(clientTheme
     loadClientFont(fontName, fontUrl);
     (0, _set["default"])(theme, 'typography.fontFamily', fontName);
   }
-
   return (0, _merge["default"])((0, _cloneDeep["default"])(defaultTheme), customTheme, theme);
 };
-
 var mapStateToProps = function mapStateToProps(state) {
   return {
     client: (0, _Selectors.getClient)(state.configurator)
   };
 };
-
-var ThemeMixer = function ThemeMixer(_ref) {
+var ThemeMixer = exports.ThemeMixer = function ThemeMixer(_ref) {
   var client = _ref.client,
-      customTheme = _ref.customTheme,
-      withTheme = _ref.withTheme,
-      children = _ref.children;
+    customTheme = _ref.customTheme,
+    withTheme = _ref.withTheme,
+    children = _ref.children;
   var themeMix = (0, _react.useMemo)(function () {
     var theme = (0, _styles.createTheme)(createThemeFromClientTheme(client && client.theme ? client.theme : {}, customTheme || {}));
-
     if (typeof withTheme === 'function') {
       withTheme(theme);
     }
-
     return theme;
   }, [client, customTheme, withTheme]);
   return /*#__PURE__*/_react["default"].createElement(_styles.MuiThemeProvider, {
     theme: themeMix
   }, children);
 };
-
-exports.ThemeMixer = ThemeMixer;
-ThemeMixer.propTypes = {
-  client: _propTypes["default"].object,
-  customTheme: _propTypes["default"].object,
-  withTheme: _propTypes["default"].func,
-  children: _propTypes["default"].node
-};
 ThemeMixer.defaultProps = {
   client: {},
   customTheme: {},
   withTheme: null
 };
-var ConnectedThemeProvider = (0, _reactRedux.connect)(mapStateToProps)(ThemeMixer);
-exports.ConnectedThemeProvider = ConnectedThemeProvider;
-var _default = ConnectedThemeProvider;
-exports["default"] = _default;
+var ConnectedThemeProvider = exports.ConnectedThemeProvider = (0, _reactRedux.connect)(mapStateToProps)(ThemeMixer);
+var _default = exports["default"] = ConnectedThemeProvider;

package/App/Screens/DesignerProductPreview/Constants.js

@@ -3,10 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.defaultClippingColor = exports.imageDataKey = exports.loaderKey = void 0;
-var loaderKey = 'designerProductPreviewScreenshotLoader';
-exports.loaderKey = loaderKey;
-var imageDataKey = 'designerProductPreviewImageData';
-exports.imageDataKey = imageDataKey;
-var defaultClippingColor = '#ffffff';
-exports.defaultClippingColor = defaultClippingColor;
+exports.loaderKey = exports.imageDataKey = exports.defaultClippingColor = void 0;
+var loaderKey = exports.loaderKey = 'designerProductPreviewScreenshotLoader';
+var imageDataKey = exports.imageDataKey = 'designerProductPreviewImageData';
+var defaultClippingColor = exports.defaultClippingColor = '#ffffff';