@configuratorware/configurator-frontendgui 1.56.2 → 1.56.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (155) hide show
  1. package/App/Error/ErrorBoundary.js +8 -6
  2. package/App/Frame.js +8 -6
  3. package/App/Modules/Creator/Components/ConfigurationvariantItem/index.js +10 -8
  4. package/App/Modules/Creator/Components/ConfigurationvariantSelection/index.js +10 -8
  5. package/App/Modules/Creator/Components/CustomTitleEditor/index.js +10 -8
  6. package/App/Modules/Creator/Components/ExternalVisualization/index.js +9 -7
  7. package/App/Modules/Creator/Components/FastConfigurationRow/index.js +8 -6
  8. package/App/Modules/Creator/Components/FastConfigurationSelect/index.js +8 -6
  9. package/App/Modules/Creator/Components/FullScreenView/FullScreenView.js +11 -10
  10. package/App/Modules/Creator/Components/Incompatibility/OptionExclusionRule/index.js +8 -6
  11. package/App/Modules/Creator/Components/Incompatibility/OptionRule/index.js +8 -6
  12. package/App/Modules/Creator/Components/Incompatibility/RuleComponent.js +9 -7
  13. package/App/Modules/Creator/Components/Incompatibility/index.js +9 -8
  14. package/App/Modules/Creator/Components/Option/index.js +1 -0
  15. package/App/Modules/Creator/Components/OptionAmount/index.js +14 -6
  16. package/App/Modules/Creator/Components/Optiondetail/ZoomImage/index.js +7 -6
  17. package/App/Modules/Creator/Components/Optiondetail/index.js +17 -15
  18. package/App/Modules/Creator/Components/OptionsList/index.js +12 -11
  19. package/App/Modules/Creator/Components/Price/index.js +8 -6
  20. package/App/Modules/Creator/Components/ProductPart/index.js +8 -7
  21. package/App/Modules/Creator/Components/Tools/index.js +8 -6
  22. package/App/Modules/Creator/Layouts/DefaultLayout.js +30 -28
  23. package/App/Modules/Designer/Components/AddGalleryImage/index.js +11 -9
  24. package/App/Modules/Designer/Components/AddGalleryImage/index.story.js +4 -4
  25. package/App/Modules/Designer/Components/AddGalleryImage/index.test.js +6 -6
  26. package/App/Modules/Designer/Components/AddVisualElement/index.js +8 -6
  27. package/App/Modules/Designer/Components/AddVisualElement/index.test.js +3 -3
  28. package/App/Modules/Designer/Components/CloseDesignEditor/index.js +8 -6
  29. package/App/Modules/Designer/Components/CloseGraphicsEditorButton/index.js +5 -4
  30. package/App/Modules/Designer/Components/ColorPalettes/index.js +26 -21
  31. package/App/Modules/Designer/Components/ColorPalettes/index.test.js +3 -3
  32. package/App/Modules/Designer/Components/DesignAreaControlbox/index.js +23 -20
  33. package/App/Modules/Designer/Components/DesignAreaControlbox/index.test.js +7 -7
  34. package/App/Modules/Designer/Components/Dialog/index.js +13 -10
  35. package/App/Modules/Designer/Components/FeedbackNotice/index.js +9 -7
  36. package/App/Modules/Designer/Components/FeedbackNotice/index.test.js +1 -1
  37. package/App/Modules/Designer/Components/FullScreenView/FullScreenView.js +7 -6
  38. package/App/Modules/Designer/Components/ImageColorPicker/ImageColorPicker.js +12 -10
  39. package/App/Modules/Designer/Components/ImageColorize/index.js +39 -29
  40. package/App/Modules/Designer/Components/ImageControlbox/index.js +16 -13
  41. package/App/Modules/Designer/Components/ImageEditDialog/ImageThumbnail.js +24 -14
  42. package/App/Modules/Designer/Components/ImageEditDialog/ImageUpload.js +85 -69
  43. package/App/Modules/Designer/Components/ImageEditDialog/index.js +45 -42
  44. package/App/Modules/Designer/Components/ImageLibraryThumbnail/index.js +9 -7
  45. package/App/Modules/Designer/Components/ObjectTools/index.js +8 -6
  46. package/App/Modules/Designer/Components/Select/index.js +8 -6
  47. package/App/Modules/Designer/Components/TextControlbox/index.js +26 -21
  48. package/App/Modules/Designer/Components/TextControlbox/index.test.js +10 -10
  49. package/App/Modules/Designer/Containers/AddVisualElement.js +21 -11
  50. package/App/Modules/Designer/Containers/ImageEditDialog.js +173 -157
  51. package/App/Modules/Designer/Designer.js +7 -6
  52. package/App/Modules/Designer/Layouts/DefaultLayout.js +20 -17
  53. package/App/Modules/Designer/Layouts/PopupAreaProvider.js +18 -15
  54. package/App/Modules/Designer/Utils/Transformers.js +23 -13
  55. package/App/Modules/Designer/setupDesigner.js +27 -16
  56. package/App/Modules/Designer/withActiveCanvas.js +10 -8
  57. package/App/Modules/Visualization/AlignTargetContainer.js +1 -0
  58. package/App/Modules/Visualization/CreatorAlignTarget.js +12 -11
  59. package/App/Modules/Visualization/DefaultVisualizationProvider.js +10 -8
  60. package/App/Modules/Visualization/DesignerAlignTarget.js +10 -9
  61. package/App/Reducers/Actions.js +44 -36
  62. package/App/Reducers/Configurator/Actions.js +92 -78
  63. package/App/Reducers/Configurator/Selectors.js +5 -5
  64. package/App/Reducers/Confirm/Actions.js +16 -6
  65. package/App/Reducers/DesignArea/Selectors.js +2 -1
  66. package/App/Reducers/ImageGallery/Actions.js +31 -18
  67. package/App/Reducers/ImageGallery/Reducer.js +1 -0
  68. package/App/Reducers/ImageGallery/Selectors.js +1 -0
  69. package/App/Reducers/UI/Actions.js +40 -26
  70. package/App/Routing.js +8 -6
  71. package/App/Screens/Configurator/Components/AmountSelection/index.js +11 -9
  72. package/App/Screens/Configurator/Components/CalculationWidget/index.js +19 -17
  73. package/App/Screens/Configurator/Components/CalculationWidget/index.test.js +8 -8
  74. package/App/Screens/Configurator/Components/Confirm/index.js +8 -6
  75. package/App/Screens/Configurator/Components/Error/index.js +9 -7
  76. package/App/Screens/Configurator/Components/FullScreenView/index.js +24 -21
  77. package/App/Screens/Configurator/Components/FullScreenView/index.test.js +2 -2
  78. package/App/Screens/Configurator/Components/ItemTile/ItemTile.js +13 -5
  79. package/App/Screens/Configurator/Components/PreviewPortal/index.js +10 -8
  80. package/App/Screens/Configurator/Components/Thumbnail/index.js +27 -24
  81. package/App/Screens/Configurator/Components/Thumbnail/index.test.js +2 -2
  82. package/App/Screens/Configurator/Containers/AmountPrice.js +6 -5
  83. package/App/Screens/Configurator/Containers/ConfigurationModeSwitch.js +19 -10
  84. package/App/Screens/DesignerProductPreview/DesignerProductPreviewManager.js +88 -73
  85. package/App/Screens/DesignerProductPreview/Screen.js +21 -14
  86. package/App/Screens/ItemOverview/Components/ItemOverview.js +47 -32
  87. package/App/ServiceLocator.js +4 -2
  88. package/App/Services/AdminareaCommunicationService.js +24 -14
  89. package/App/Services/AnalyticsService.js +48 -47
  90. package/App/Services/ConfiguratorService.js +142 -121
  91. package/App/Services/DesignDataService.js +619 -555
  92. package/App/Services/DesignerService.js +100 -79
  93. package/App/Services/InteractionService.js +236 -210
  94. package/App/Services/UIService.js +10 -7
  95. package/App/Services/VisualizationService.js +104 -86
  96. package/App/Shared/Components/AcceptDesign/index.js +19 -16
  97. package/App/Shared/Components/AcceptPrivacy/index.js +8 -6
  98. package/App/Shared/Components/AddToBasket/index.js +8 -6
  99. package/App/Shared/Components/AlertDialog/index.js +9 -7
  100. package/App/Shared/Components/AmountInput/index.js +24 -21
  101. package/App/Shared/Components/AmountPrice/index.js +128 -115
  102. package/App/Shared/Components/AmountPrice/index.test.js +5 -5
  103. package/App/Shared/Components/BulkNames/index.js +8 -6
  104. package/App/Shared/Components/ConfigurationOverview/index.js +8 -6
  105. package/App/Shared/Components/InformationTag/InformationTag.js +11 -9
  106. package/App/Shared/Components/LicenseNotice/LicenseNotice.js +8 -6
  107. package/App/Shared/Components/LoadConfiguration/index.js +9 -7
  108. package/App/Shared/Components/Notification/index.js +8 -6
  109. package/App/Shared/Components/PdfDownload/index.js +25 -15
  110. package/App/Shared/Components/PriceList/index.js +16 -13
  111. package/App/Shared/Components/PriceOverview/index.js +13 -10
  112. package/App/Shared/Components/ProductVariant/index.js +25 -22
  113. package/App/Shared/Components/ProductVariant/index.story.js +1 -0
  114. package/App/Shared/Components/ReceiveOfferForm/index.js +12 -10
  115. package/App/Shared/Components/ReceiveOfferForm/index.test.js +2 -2
  116. package/App/Shared/Components/SaveConfiguration/index.js +32 -22
  117. package/App/Shared/Components/Stepper/index.js +10 -8
  118. package/App/Shared/Components/ToolbarList/index.js +11 -9
  119. package/App/Shared/Components/VariantChooser/index.js +13 -10
  120. package/App/Shared/Containers/BulkNames.js +15 -13
  121. package/App/Shared/Containers/Header/index.js +15 -7
  122. package/App/Shared/Containers/LoadConfiguration/LoadConfiguration.js +22 -15
  123. package/App/Shared/Containers/ProductVariant/ProductVariant.js +23 -15
  124. package/App/Translations.js +56 -40
  125. package/App/Utils/Request/lazyFetch.js +27 -19
  126. package/App/configuration.js +4 -0
  127. package/App/index.js +24 -14
  128. package/Framework/Api.js +2 -1
  129. package/Framework/ComponentContainer.js +14 -11
  130. package/Framework/Components/Carousel/index.js +13 -11
  131. package/Framework/Components/Dialog/index.js +35 -33
  132. package/Framework/Components/DialogSelect/index.js +19 -16
  133. package/Framework/Components/Input/index.js +12 -10
  134. package/Framework/CustomError.js +6 -5
  135. package/Framework/Helpers/TransitionDetect.js +2 -1
  136. package/Framework/Services/AbstractAdminareaCommunicationService.js +2 -1
  137. package/Framework/Services/AbstractAsyncService.js +2 -1
  138. package/Framework/Services/AbstractConfiguratorService.js +2 -1
  139. package/Framework/Services/AbstractInteractionService.js +2 -1
  140. package/Framework/Services/AbstractStoreService.js +2 -1
  141. package/Framework/Services/AbstractUIService.js +2 -1
  142. package/Framework/Services/AbstractVisualizationService.js +2 -1
  143. package/Framework/Services/AsyncService.js +8 -6
  144. package/Framework/Services/StoreService.js +27 -17
  145. package/Framework/bindDecorator.js +7 -6
  146. package/Framework/i18n.js +10 -8
  147. package/Shared/ErrorTypes/DeferredError.js +6 -5
  148. package/Shared/HOCs/ResizeDetect/ResizeDetect.js +11 -9
  149. package/Utils/Async/AsyncManager.js +30 -20
  150. package/Utils/Async/Deferred.js +4 -2
  151. package/Utils/Decorators/Observable.js +2 -1
  152. package/Utils/Dev/HOCs/withFilePicker.js +10 -8
  153. package/Utils/Immutable/set.js +6 -6
  154. package/Utils/Test/mountWithState.js +1 -1
  155. package/package.json +4 -4
@@ -18,31 +18,32 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
18
18
  function _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
19
19
  function _defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o); } }
20
20
  function _createClass(e, r, t) { return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; }
21
- function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
21
+ function _inherits(t, e) { if ("function" != typeof e && null !== e) throw new TypeError("Super expression must either be null or a function"); t.prototype = Object.create(e && e.prototype, { constructor: { value: t, writable: !0, configurable: !0 } }), Object.defineProperty(t, "prototype", { writable: !1 }), e && _setPrototypeOf(t, e); }
22
+ function _setPrototypeOf(t, e) { return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, _setPrototypeOf(t, e); }
23
+ function _createSuper(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = _getPrototypeOf(t); if (r) { var s = _getPrototypeOf(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return _possibleConstructorReturn(this, e); }; }
22
24
  function _possibleConstructorReturn(t, e) { if (e && ("object" == _typeof(e) || "function" == typeof e)) return e; if (void 0 !== e) throw new TypeError("Derived constructors may only return object or undefined"); return _assertThisInitialized(t); }
23
25
  function _assertThisInitialized(e) { if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); return e; }
24
26
  function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
25
27
  function _getPrototypeOf(t) { return _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function (t) { return t.__proto__ || Object.getPrototypeOf(t); }, _getPrototypeOf(t); }
26
- function _inherits(t, e) { if ("function" != typeof e && null !== e) throw new TypeError("Super expression must either be null or a function"); t.prototype = Object.create(e && e.prototype, { constructor: { value: t, writable: !0, configurable: !0 } }), Object.defineProperty(t, "prototype", { writable: !1 }), e && _setPrototypeOf(t, e); }
27
- function _setPrototypeOf(t, e) { return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, _setPrototypeOf(t, e); }
28
28
  function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
29
29
  function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
30
30
  function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
31
31
  var Error = /*#__PURE__*/function (_React$Component) {
32
+ _inherits(Error, _React$Component);
33
+ var _super = _createSuper(Error);
32
34
  function Error() {
33
35
  var _this;
34
36
  _classCallCheck(this, Error);
35
37
  for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
36
38
  args[_key] = arguments[_key];
37
39
  }
38
- _this = _callSuper(this, Error, [].concat(args));
39
- _defineProperty(_this, "handleClose", function () {
40
+ _this = _super.call.apply(_super, [this].concat(args));
41
+ _defineProperty(_assertThisInitialized(_this), "handleClose", function () {
40
42
  _this.props.dismissError();
41
43
  });
42
44
  return _this;
43
45
  }
44
- _inherits(Error, _React$Component);
45
- return _createClass(Error, [{
46
+ _createClass(Error, [{
46
47
  key: "render",
47
48
  value: function render() {
48
49
  var message = this.props.message;
@@ -60,5 +61,6 @@ var Error = /*#__PURE__*/function (_React$Component) {
60
61
  }, (0, _i18n.t)('okButtonLabel'))));
61
62
  }
62
63
  }]);
64
+ return Error;
63
65
  }(_react["default"].Component);
64
66
  var _default = exports["default"] = Error;
@@ -30,17 +30,18 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
30
30
  function _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
31
31
  function _defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o); } }
32
32
  function _createClass(e, r, t) { return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; }
33
- function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
33
+ function _inherits(t, e) { if ("function" != typeof e && null !== e) throw new TypeError("Super expression must either be null or a function"); t.prototype = Object.create(e && e.prototype, { constructor: { value: t, writable: !0, configurable: !0 } }), Object.defineProperty(t, "prototype", { writable: !1 }), e && _setPrototypeOf(t, e); }
34
+ function _setPrototypeOf(t, e) { return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, _setPrototypeOf(t, e); }
35
+ function _createSuper(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = _getPrototypeOf(t); if (r) { var s = _getPrototypeOf(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return _possibleConstructorReturn(this, e); }; }
34
36
  function _possibleConstructorReturn(t, e) { if (e && ("object" == _typeof(e) || "function" == typeof e)) return e; if (void 0 !== e) throw new TypeError("Derived constructors may only return object or undefined"); return _assertThisInitialized(t); }
35
37
  function _assertThisInitialized(e) { if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); return e; }
36
38
  function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
37
39
  function _getPrototypeOf(t) { return _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function (t) { return t.__proto__ || Object.getPrototypeOf(t); }, _getPrototypeOf(t); }
38
- function _inherits(t, e) { if ("function" != typeof e && null !== e) throw new TypeError("Super expression must either be null or a function"); t.prototype = Object.create(e && e.prototype, { constructor: { value: t, writable: !0, configurable: !0 } }), Object.defineProperty(t, "prototype", { writable: !1 }), e && _setPrototypeOf(t, e); }
39
- function _setPrototypeOf(t, e) { return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, _setPrototypeOf(t, e); }
40
40
  function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
41
41
  function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
42
42
  function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
43
43
  var styles = function styles(theme) {
44
+ var _button, _thumbnailGrid, _buttonView;
44
45
  return {
45
46
  viewsContainer: {
46
47
  position: 'absolute',
@@ -50,17 +51,17 @@ var styles = function styles(theme) {
50
51
  display: 'flex;',
51
52
  justifyContent: 'center'
52
53
  },
53
- button: _defineProperty(_defineProperty({
54
+ button: (_button = {
54
55
  textTransform: 'none',
55
56
  left: 'calc(50%)',
56
57
  zIndex: 2,
57
58
  transform: 'translate(-50%, 0)',
58
59
  pointerEvents: 'all'
59
- }, theme.breakpoints.down('sm'), {
60
+ }, _defineProperty(_button, theme.breakpoints.down('sm'), {
60
61
  zIndex: 5
61
- }), '@media (min-aspect-ratio: 13/9) and (min-height: 280px) and (max-width: 950px)', {
62
+ }), _defineProperty(_button, '@media (min-aspect-ratio: 13/9) and (min-height: 280px) and (max-width: 950px)', {
62
63
  display: 'none'
63
- }),
64
+ }), _button),
64
65
  buttonBottom: {},
65
66
  buttonTop: {},
66
67
  buttonIcon: {
@@ -68,11 +69,11 @@ var styles = function styles(theme) {
68
69
  position: 'relative',
69
70
  top: -1
70
71
  },
71
- thumbnailGrid: _defineProperty(_defineProperty(_defineProperty({}, theme.breakpoints.between('xs', 'md'), {
72
+ thumbnailGrid: (_thumbnailGrid = {}, _defineProperty(_thumbnailGrid, theme.breakpoints.between('xs', 'md'), {
72
73
  width: 'calc(100% - 360px)',
73
74
  // subtract with right toolbar width
74
75
  maxWidth: 'calc(100% - 360px)'
75
- }), theme.breakpoints.up('md'), {
76
+ }), _defineProperty(_thumbnailGrid, theme.breakpoints.up('md'), {
76
77
  position: 'absolute',
77
78
  bottom: 0,
78
79
  left: 'calc(50% - 175px)',
@@ -80,23 +81,23 @@ var styles = function styles(theme) {
80
81
  width: 453,
81
82
  // 2 x 24 (arrow width) + 425 (carousel width)
82
83
  transform: 'translateX(-50%)'
83
- }), theme.breakpoints.down('xs'), {
84
+ }), _defineProperty(_thumbnailGrid, theme.breakpoints.down('xs'), {
84
85
  width: '100%',
85
86
  maxWidth: '100%',
86
87
  bottom: '-40px'
87
- }),
88
- buttonView: _defineProperty(_defineProperty({
88
+ }), _thumbnailGrid),
89
+ buttonView: (_buttonView = {
89
90
  textTransform: 'none',
90
91
  bottom: 35,
91
92
  position: 'absolute',
92
93
  left: 'calc(50% - 200px)'
93
- }, theme.breakpoints.down('xs'), {
94
+ }, _defineProperty(_buttonView, theme.breakpoints.down('xs'), {
94
95
  left: 'calc(50% - 75px)',
95
96
  bottom: 0,
96
97
  height: 56
97
- }), '@media (min-aspect-ratio: 13/9) and (min-height: 280px) and (max-width: 950px)', {
98
+ }), _defineProperty(_buttonView, '@media (min-aspect-ratio: 13/9) and (min-height: 280px) and (max-width: 950px)', {
98
99
  display: 'none'
99
- })
100
+ }), _buttonView)
100
101
  };
101
102
  };
102
103
  var PreviewButton = exports.PreviewButton = function PreviewButton(_ref) {
@@ -116,24 +117,26 @@ var PreviewButton = exports.PreviewButton = function PreviewButton(_ref) {
116
117
  }, (0, _i18n.t)('configurator.previewButton'))));
117
118
  };
118
119
  var FullScreenView = /*#__PURE__*/function (_React$Component) {
120
+ _inherits(FullScreenView, _React$Component);
121
+ var _super = _createSuper(FullScreenView);
119
122
  function FullScreenView() {
120
123
  var _this;
121
124
  _classCallCheck(this, FullScreenView);
122
125
  for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
123
126
  args[_key] = arguments[_key];
124
127
  }
125
- _this = _callSuper(this, FullScreenView, [].concat(args));
126
- _defineProperty(_this, "state", {
128
+ _this = _super.call.apply(_super, [this].concat(args));
129
+ _defineProperty(_assertThisInitialized(_this), "state", {
127
130
  previewOpen: false
128
131
  });
129
- _defineProperty(_this, "openPreview", function () {
132
+ _defineProperty(_assertThisInitialized(_this), "openPreview", function () {
130
133
  _this.setState({
131
134
  previewOpen: true
132
135
  }, function () {
133
136
  return _this.props.handleOpenPreview();
134
137
  });
135
138
  });
136
- _defineProperty(_this, "closePreview", function () {
139
+ _defineProperty(_assertThisInitialized(_this), "closePreview", function () {
137
140
  _this.setState({
138
141
  previewOpen: false
139
142
  }, function () {
@@ -142,8 +145,7 @@ var FullScreenView = /*#__PURE__*/function (_React$Component) {
142
145
  });
143
146
  return _this;
144
147
  }
145
- _inherits(FullScreenView, _React$Component);
146
- return _createClass(FullScreenView, [{
148
+ _createClass(FullScreenView, [{
147
149
  key: "render",
148
150
  value: function render() {
149
151
  var previewOpen = this.state.previewOpen;
@@ -197,6 +199,7 @@ var FullScreenView = /*#__PURE__*/function (_React$Component) {
197
199
  }))));
198
200
  }
199
201
  }]);
202
+ return FullScreenView;
200
203
  }(_react["default"].Component);
201
204
  _defineProperty(FullScreenView, "defaultProps", {
202
205
  showPreviewButton: true,
@@ -8,11 +8,11 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default":
8
8
 
9
9
  describe('Screens/Configurator/Components/FullScreenView', function () {
10
10
  it('renders correctly', function () {
11
- var tree = (0, _enzyme.render)(/*#__PURE__*/_react["default"].createElement(_index["default"], null));
11
+ var tree = (0, _enzyme.render)( /*#__PURE__*/_react["default"].createElement(_index["default"], null));
12
12
  expect(tree).toMatchSnapshot();
13
13
  });
14
14
  it('the rendered component contains the custom-css-views and custom-css-preview-button classes', function () {
15
- var wrapper = (0, _enzyme.mount)(/*#__PURE__*/_react["default"].createElement(_index["default"], {
15
+ var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].createElement(_index["default"], {
16
16
  showDesignViewList: true,
17
17
  showPreviewButton: true,
18
18
  ThumbnailComponent: function ThumbnailComponent() {
@@ -15,9 +15,16 @@ var _reactRouterDom = require("react-router-dom");
15
15
  var _CircularProgress = _interopRequireDefault(require("@material-ui/core/CircularProgress"));
16
16
  var _getImageUrl = _interopRequireDefault(require("../../../../Utils/getImageUrl"));
17
17
  function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
18
- function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
18
+ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t2 in e) "default" !== _t2 && {}.hasOwnProperty.call(e, _t2) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t2)) && (i.get || i.set) ? o(f, _t2, i) : f[_t2] = e[_t2]); return f; })(e, t); }
19
+ function _regeneratorRuntime() { "use strict"; var r = _regenerator(), e = r.m(_regeneratorRuntime), t = (Object.getPrototypeOf ? Object.getPrototypeOf(e) : e.__proto__).constructor; function n(r) { var e = "function" == typeof r && r.constructor; return !!e && (e === t || "GeneratorFunction" === (e.displayName || e.name)); } var o = { "throw": 1, "return": 2, "break": 3, "continue": 3 }; function a(r) { var e, t; return function (n) { e || (e = { stop: function stop() { return t(n.a, 2); }, "catch": function _catch() { return n.v; }, abrupt: function abrupt(r, e) { return t(n.a, o[r], e); }, delegateYield: function delegateYield(r, o, a) { return e.resultName = o, t(n.d, _regeneratorValues(r), a); }, finish: function finish(r) { return t(n.f, r); } }, t = function t(r, _t, o) { n.p = e.prev, n.n = e.next; try { return r(_t, o); } finally { e.next = n.n; } }), e.resultName && (e[e.resultName] = n.v, e.resultName = void 0), e.sent = n.v, e.next = n.n; try { return r.call(this, e); } finally { n.p = e.prev, n.n = e.next; } }; } return (_regeneratorRuntime = function _regeneratorRuntime() { return { wrap: function wrap(e, t, n, o) { return r.w(a(e), t, n, o && o.reverse()); }, isGeneratorFunction: n, mark: r.m, awrap: function awrap(r, e) { return new _OverloadYield(r, e); }, AsyncIterator: _regeneratorAsyncIterator, async: function async(r, e, t, o, u) { return (n(e) ? _regeneratorAsyncGen : _regeneratorAsync)(a(r), e, t, o, u); }, keys: _regeneratorKeys, values: _regeneratorValues }; })(); }
20
+ function _regeneratorValues(e) { if (null != e) { var t = e["function" == typeof Symbol && Symbol.iterator || "@@iterator"], r = 0; if (t) return t.call(e); if ("function" == typeof e.next) return e; if (!isNaN(e.length)) return { next: function next() { return e && r >= e.length && (e = void 0), { value: e && e[r++], done: !e }; } }; } throw new TypeError(_typeof(e) + " is not iterable"); }
21
+ function _regeneratorKeys(e) { var n = Object(e), r = []; for (var t in n) r.unshift(t); return function e() { for (; r.length;) if ((t = r.pop()) in n) return e.value = t, e.done = !1, e; return e.done = !0, e; }; }
22
+ function _regeneratorAsync(n, e, r, t, o) { var a = _regeneratorAsyncGen(n, e, r, t, o); return a.next().then(function (n) { return n.done ? n.value : a.next(); }); }
23
+ function _regeneratorAsyncGen(r, e, t, o, n) { return new _regeneratorAsyncIterator(_regenerator().w(r, e, t, o), n || Promise); }
24
+ function _regeneratorAsyncIterator(t, e) { function n(r, o, i, f) { try { var c = t[r](o), u = c.value; return u instanceof _OverloadYield ? e.resolve(u.v).then(function (t) { n("next", t, i, f); }, function (t) { n("throw", t, i, f); }) : e.resolve(u).then(function (t) { c.value = t, i(c); }, function (t) { return n("throw", t, i, f); }); } catch (t) { f(t); } } var r; this.next || (_regeneratorDefine2(_regeneratorAsyncIterator.prototype), _regeneratorDefine2(_regeneratorAsyncIterator.prototype, "function" == typeof Symbol && Symbol.asyncIterator || "@asyncIterator", function () { return this; })), _regeneratorDefine2(this, "_invoke", function (t, o, i) { function f() { return new e(function (e, r) { n(t, i, e, r); }); } return r = r ? r.then(f, f) : f(); }, !0); }
19
25
  function _regenerator() { /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/babel/babel/blob/main/packages/babel-helpers/LICENSE */ var e, t, r = "function" == typeof Symbol ? Symbol : {}, n = r.iterator || "@@iterator", o = r.toStringTag || "@@toStringTag"; function i(r, n, o, i) { var c = n && n.prototype instanceof Generator ? n : Generator, u = Object.create(c.prototype); return _regeneratorDefine2(u, "_invoke", function (r, n, o) { var i, c, u, f = 0, p = o || [], y = !1, G = { p: 0, n: 0, v: e, a: d, f: d.bind(e, 4), d: function d(t, r) { return i = t, c = 0, u = e, G.n = r, a; } }; function d(r, n) { for (c = r, u = n, t = 0; !y && f && !o && t < p.length; t++) { var o, i = p[t], d = G.p, l = i[2]; r > 3 ? (o = l === n) && (u = i[(c = i[4]) ? 5 : (c = 3, 3)], i[4] = i[5] = e) : i[0] <= d && ((o = r < 2 && d < i[1]) ? (c = 0, G.v = n, G.n = i[1]) : d < l && (o = r < 3 || i[0] > n || n > l) && (i[4] = r, i[5] = n, G.n = l, c = 0)); } if (o || r > 1) return a; throw y = !0, n; } return function (o, p, l) { if (f > 1) throw TypeError("Generator is already running"); for (y && 1 === p && d(p, l), c = p, u = l; (t = c < 2 ? e : u) || !y;) { i || (c ? c < 3 ? (c > 1 && (G.n = -1), d(c, u)) : G.n = u : G.v = u); try { if (f = 2, i) { if (c || (o = "next"), t = i[o]) { if (!(t = t.call(i, u))) throw TypeError("iterator result is not an object"); if (!t.done) return t; u = t.value, c < 2 && (c = 0); } else 1 === c && (t = i["return"]) && t.call(i), c < 2 && (u = TypeError("The iterator does not provide a '" + o + "' method"), c = 1); i = e; } else if ((t = (y = G.n < 0) ? u : r.call(n, G)) !== a) break; } catch (t) { i = e, c = 1, u = t; } finally { f = 1; } } return { value: t, done: y }; }; }(r, o, i), !0), u; } var a = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} t = Object.getPrototypeOf; var c = [][n] ? t(t([][n]())) : (_regeneratorDefine2(t = {}, n, function () { return this; }), t), u = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(c); function f(e) { return Object.setPrototypeOf ? Object.setPrototypeOf(e, GeneratorFunctionPrototype) : (e.__proto__ = GeneratorFunctionPrototype, _regeneratorDefine2(e, o, "GeneratorFunction")), e.prototype = Object.create(u), e; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, _regeneratorDefine2(u, "constructor", GeneratorFunctionPrototype), _regeneratorDefine2(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = "GeneratorFunction", _regeneratorDefine2(GeneratorFunctionPrototype, o, "GeneratorFunction"), _regeneratorDefine2(u), _regeneratorDefine2(u, o, "Generator"), _regeneratorDefine2(u, n, function () { return this; }), _regeneratorDefine2(u, "toString", function () { return "[object Generator]"; }), (_regenerator = function _regenerator() { return { w: i, m: f }; })(); }
20
26
  function _regeneratorDefine2(e, r, n, t) { var i = Object.defineProperty; try { i({}, "", {}); } catch (e) { i = 0; } _regeneratorDefine2 = function _regeneratorDefine(e, r, n, t) { function o(r, n) { _regeneratorDefine2(e, r, function (e) { return this._invoke(r, n, e); }); } r ? i ? i(e, r, { value: n, enumerable: !t, configurable: !t, writable: !t }) : e[r] = n : (o("next", 0), o("throw", 1), o("return", 2)); }, _regeneratorDefine2(e, r, n, t); }
27
+ function _OverloadYield(e, d) { this.v = e, this.k = d; }
21
28
  function asyncGeneratorStep(n, t, e, r, o, a, c) { try { var i = n[a](c), u = i.value; } catch (n) { return void e(n); } i.done ? t(u) : Promise.resolve(u).then(r, o); }
22
29
  function _asyncToGenerator(n) { return function () { var t = this, e = arguments; return new Promise(function (r, o) { var a = n.apply(t, e); function _next(n) { asyncGeneratorStep(a, r, o, _next, _throw, "next", n); } function _throw(n) { asyncGeneratorStep(a, r, o, _next, _throw, "throw", n); } _next(void 0); }); }; }
23
30
  function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
@@ -80,9 +87,9 @@ var ItemTile = function ItemTile(_ref) {
80
87
  loadState = _useState2[0],
81
88
  setLoadState = _useState2[1];
82
89
  var handleClick = /*#__PURE__*/function () {
83
- var _ref2 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee(link) {
84
- return _regenerator().w(function (_context) {
85
- while (1) switch (_context.n) {
90
+ var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(link) {
91
+ return _regeneratorRuntime().wrap(function _callee$(_context) {
92
+ while (1) switch (_context.prev = _context.next) {
86
93
  case 0:
87
94
  try {
88
95
  history.push(link);
@@ -90,7 +97,8 @@ var ItemTile = function ItemTile(_ref) {
90
97
  alert("could not load configuration: ".concat(linkTo));
91
98
  }
92
99
  case 1:
93
- return _context.a(2);
100
+ case "end":
101
+ return _context.stop();
94
102
  }
95
103
  }, _callee);
96
104
  }));
@@ -24,13 +24,13 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
24
24
  function _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
25
25
  function _defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o); } }
26
26
  function _createClass(e, r, t) { return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; }
27
- function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
27
+ function _inherits(t, e) { if ("function" != typeof e && null !== e) throw new TypeError("Super expression must either be null or a function"); t.prototype = Object.create(e && e.prototype, { constructor: { value: t, writable: !0, configurable: !0 } }), Object.defineProperty(t, "prototype", { writable: !1 }), e && _setPrototypeOf(t, e); }
28
+ function _setPrototypeOf(t, e) { return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, _setPrototypeOf(t, e); }
29
+ function _createSuper(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = _getPrototypeOf(t); if (r) { var s = _getPrototypeOf(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return _possibleConstructorReturn(this, e); }; }
28
30
  function _possibleConstructorReturn(t, e) { if (e && ("object" == _typeof(e) || "function" == typeof e)) return e; if (void 0 !== e) throw new TypeError("Derived constructors may only return object or undefined"); return _assertThisInitialized(t); }
29
31
  function _assertThisInitialized(e) { if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); return e; }
30
32
  function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
31
33
  function _getPrototypeOf(t) { return _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function (t) { return t.__proto__ || Object.getPrototypeOf(t); }, _getPrototypeOf(t); }
32
- function _inherits(t, e) { if ("function" != typeof e && null !== e) throw new TypeError("Super expression must either be null or a function"); t.prototype = Object.create(e && e.prototype, { constructor: { value: t, writable: !0, configurable: !0 } }), Object.defineProperty(t, "prototype", { writable: !1 }), e && _setPrototypeOf(t, e); }
33
- function _setPrototypeOf(t, e) { return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, _setPrototypeOf(t, e); }
34
34
  function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
35
35
  function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
36
36
  function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
@@ -108,15 +108,17 @@ var styles = function styles(theme) {
108
108
  };
109
109
  };
110
110
  var PreviewPortal = /*#__PURE__*/function (_React$Component) {
111
+ _inherits(PreviewPortal, _React$Component);
112
+ var _super = _createSuper(PreviewPortal);
111
113
  function PreviewPortal() {
112
114
  var _this;
113
115
  _classCallCheck(this, PreviewPortal);
114
116
  for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
115
117
  args[_key] = arguments[_key];
116
118
  }
117
- _this = _callSuper(this, PreviewPortal, [].concat(args));
118
- _defineProperty(_this, "wrapperRef", /*#__PURE__*/_react["default"].createRef());
119
- _defineProperty(_this, "onThumbnailClick", function () {
119
+ _this = _super.call.apply(_super, [this].concat(args));
120
+ _defineProperty(_assertThisInitialized(_this), "wrapperRef", /*#__PURE__*/_react["default"].createRef());
121
+ _defineProperty(_assertThisInitialized(_this), "onThumbnailClick", function () {
120
122
  return function (thumbnails, src, active) {
121
123
  if ((0, _isFunction["default"])(_this.props.thumbnailClick)) {
122
124
  _this.props.thumbnailClick(thumbnails, src, active);
@@ -125,8 +127,7 @@ var PreviewPortal = /*#__PURE__*/function (_React$Component) {
125
127
  });
126
128
  return _this;
127
129
  }
128
- _inherits(PreviewPortal, _React$Component);
129
- return _createClass(PreviewPortal, [{
130
+ _createClass(PreviewPortal, [{
130
131
  key: "componentDidMount",
131
132
  value: function componentDidMount() {
132
133
  this.props.alignTarget.add(this.wrapperRef.current);
@@ -183,6 +184,7 @@ var PreviewPortal = /*#__PURE__*/function (_React$Component) {
183
184
  }, "close"), /*#__PURE__*/_react["default"].createElement("b", null, (0, _i18n.t)('configurator.previewClose'))))));
184
185
  }
185
186
  }]);
187
+ return PreviewPortal;
186
188
  }(_react["default"].Component);
187
189
  var _default = exports["default"] = (0, _withWidth["default"])()((0, _styles.withStyles)(styles, {
188
190
  name: 'Portal'
@@ -22,29 +22,30 @@ function _extends() { return _extends = Object.assign ? Object.assign.bind() : f
22
22
  function _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
23
23
  function _defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o); } }
24
24
  function _createClass(e, r, t) { return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; }
25
- function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
25
+ function _inherits(t, e) { if ("function" != typeof e && null !== e) throw new TypeError("Super expression must either be null or a function"); t.prototype = Object.create(e && e.prototype, { constructor: { value: t, writable: !0, configurable: !0 } }), Object.defineProperty(t, "prototype", { writable: !1 }), e && _setPrototypeOf(t, e); }
26
+ function _setPrototypeOf(t, e) { return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, _setPrototypeOf(t, e); }
27
+ function _createSuper(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = _getPrototypeOf(t); if (r) { var s = _getPrototypeOf(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return _possibleConstructorReturn(this, e); }; }
26
28
  function _possibleConstructorReturn(t, e) { if (e && ("object" == _typeof(e) || "function" == typeof e)) return e; if (void 0 !== e) throw new TypeError("Derived constructors may only return object or undefined"); return _assertThisInitialized(t); }
27
29
  function _assertThisInitialized(e) { if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); return e; }
28
30
  function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
29
31
  function _getPrototypeOf(t) { return _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function (t) { return t.__proto__ || Object.getPrototypeOf(t); }, _getPrototypeOf(t); }
30
- function _inherits(t, e) { if ("function" != typeof e && null !== e) throw new TypeError("Super expression must either be null or a function"); t.prototype = Object.create(e && e.prototype, { constructor: { value: t, writable: !0, configurable: !0 } }), Object.defineProperty(t, "prototype", { writable: !1 }), e && _setPrototypeOf(t, e); }
31
- function _setPrototypeOf(t, e) { return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, _setPrototypeOf(t, e); }
32
32
  function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
33
33
  function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
34
34
  function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
35
35
  var styles = exports.styles = function styles(theme) {
36
+ var _thumbnailCarouselWra, _dots, _wrapContainer;
36
37
  return {
37
- thumbnailCarouselWrapper: _defineProperty(_defineProperty({
38
+ thumbnailCarouselWrapper: (_thumbnailCarouselWra = {
38
39
  display: 'flex',
39
40
  alignItems: 'center',
40
41
  justifyContent: 'center',
41
42
  paddingBottom: 16
42
- }, theme.breakpoints.down('xs'), {
43
+ }, _defineProperty(_thumbnailCarouselWra, theme.breakpoints.down('xs'), {
43
44
  paddingBottom: '0'
44
- }), theme.breakpoints.between('sm', 'md'), {
45
+ }), _defineProperty(_thumbnailCarouselWra, theme.breakpoints.between('sm', 'md'), {
45
46
  maxWidth: 300,
46
47
  margin: '0 auto'
47
- }),
48
+ }), _thumbnailCarouselWra),
48
49
  fullSizeCarouselWrapper: {
49
50
  width: '100%',
50
51
  minWidth: 90,
@@ -81,7 +82,7 @@ var styles = exports.styles = function styles(theme) {
81
82
  border: '1px solid #C4C4C4',
82
83
  borderRadius: '4px'
83
84
  },
84
- dots: _defineProperty(_defineProperty({
85
+ dots: (_dots = {
85
86
  position: 'inherit',
86
87
  textAlign: 'center',
87
88
  display: 'flex',
@@ -90,15 +91,15 @@ var styles = exports.styles = function styles(theme) {
90
91
  minHeight: 70,
91
92
  flexWrap: 'wrap',
92
93
  overflow: 'auto'
93
- }, theme.breakpoints.down('sm'), {
94
+ }, _defineProperty(_dots, theme.breakpoints.down('sm'), {
94
95
  textAlign: 'initial'
95
- }), theme.breakpoints.down('xs'), {
96
+ }), _defineProperty(_dots, theme.breakpoints.down('xs'), {
96
97
  maxHeight: 50,
97
98
  minHeight: 50,
98
99
  bottom: '0',
99
100
  textAlign: 'center',
100
101
  alignItems: 'center'
101
- }),
102
+ }), _dots),
102
103
  thumbnailImageContainer: {
103
104
  height: 75,
104
105
  width: 75,
@@ -110,18 +111,18 @@ var styles = exports.styles = function styles(theme) {
110
111
  height: 40,
111
112
  width: 40,
112
113
  marginRight: '8px',
113
- '&.wrap-container': _defineProperty(_defineProperty({
114
+ '&.wrap-container': (_wrapContainer = {
114
115
  marginRight: 0,
115
116
  height: 32,
116
117
  width: 32,
117
118
  marginTop: 8
118
- }, theme.breakpoints.down('sm'), {
119
+ }, _defineProperty(_wrapContainer, theme.breakpoints.down('sm'), {
119
120
  height: 20,
120
121
  width: 28,
121
122
  marginTop: 5
122
- }), '& > div', {
123
+ }), _defineProperty(_wrapContainer, '& > div', {
123
124
  margin: 0
124
- }),
125
+ }), _wrapContainer),
125
126
  '& > div': {
126
127
  textIndent: 1,
127
128
  color: '#FFFFFF',
@@ -149,27 +150,29 @@ var styles = exports.styles = function styles(theme) {
149
150
  };
150
151
  };
151
152
  var Thumbnail = /*#__PURE__*/function (_React$Component) {
153
+ _inherits(Thumbnail, _React$Component);
154
+ var _super = _createSuper(Thumbnail);
152
155
  function Thumbnail() {
153
156
  var _this;
154
157
  _classCallCheck(this, Thumbnail);
155
158
  for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
156
159
  args[_key] = arguments[_key];
157
160
  }
158
- _this = _callSuper(this, Thumbnail, [].concat(args));
159
- _defineProperty(_this, "state", {
161
+ _this = _super.call.apply(_super, [this].concat(args));
162
+ _defineProperty(_assertThisInitialized(_this), "state", {
160
163
  isScrollingAvailable: true,
161
164
  availableWidth: 0
162
165
  });
163
- _defineProperty(_this, "scrollbars", /*#__PURE__*/_react["default"].createRef());
164
- _defineProperty(_this, "thumbnailCarouselWrapperRef", /*#__PURE__*/_react["default"].createRef());
165
- _defineProperty(_this, "onThumbnailClick", function (thumbnails, thumbnail) {
166
+ _defineProperty(_assertThisInitialized(_this), "scrollbars", /*#__PURE__*/_react["default"].createRef());
167
+ _defineProperty(_assertThisInitialized(_this), "thumbnailCarouselWrapperRef", /*#__PURE__*/_react["default"].createRef());
168
+ _defineProperty(_assertThisInitialized(_this), "onThumbnailClick", function (thumbnails, thumbnail) {
166
169
  return function () {
167
170
  if ((0, _isFunction["default"])(_this.props.thumbnailChange)) {
168
171
  _this.props.thumbnailChange(thumbnails, thumbnail.thumbnailImage, !thumbnail.active);
169
172
  }
170
173
  };
171
174
  });
172
- _defineProperty(_this, "updateScrollingAvailable", function () {
175
+ _defineProperty(_assertThisInitialized(_this), "updateScrollingAvailable", function () {
173
176
  if (_this.scrollbars && _this.scrollbars.current !== null) {
174
177
  var _this$scrollbars$curr = _this.scrollbars.current.getValues(),
175
178
  scrollWidth = _this$scrollbars$curr.scrollWidth,
@@ -183,7 +186,7 @@ var Thumbnail = /*#__PURE__*/function (_React$Component) {
183
186
  }
184
187
  }
185
188
  });
186
- _defineProperty(_this, "onScrollStop", function () {
189
+ _defineProperty(_assertThisInitialized(_this), "onScrollStop", function () {
187
190
  if (_this.scrollbars && _this.scrollbars.current !== null) {
188
191
  var scrollLeftValue = _this.scrollbars.current.getScrollLeft();
189
192
  var scrollWidth = _this.scrollbars.current.getScrollWidth();
@@ -199,8 +202,7 @@ var Thumbnail = /*#__PURE__*/function (_React$Component) {
199
202
  });
200
203
  return _this;
201
204
  }
202
- _inherits(Thumbnail, _React$Component);
203
- return _createClass(Thumbnail, [{
205
+ _createClass(Thumbnail, [{
204
206
  key: "componentDidMount",
205
207
  value: function componentDidMount() {
206
208
  this.updateScrollingAvailable();
@@ -314,6 +316,7 @@ var Thumbnail = /*#__PURE__*/function (_React$Component) {
314
316
  }, "keyboard_arrow_right"));
315
317
  }
316
318
  }]);
319
+ return Thumbnail;
317
320
  }(_react["default"].Component);
318
321
  var VariantCarouselWithResizeDetectWrapper = (0, _ResizeDetect.withResizeDetectWrapper)((0, _withWidth["default"])({
319
322
  initialWidth: 'lg'
@@ -33,13 +33,13 @@ var thumbnailsDotMode = {
33
33
  }]
34
34
  };
35
35
  it('renders images correctly', function () {
36
- var tree = (0, _build.render)(/*#__PURE__*/_react["default"].createElement(_index["default"], {
36
+ var tree = (0, _build.render)( /*#__PURE__*/_react["default"].createElement(_index["default"], {
37
37
  thumbnails: thumbnails
38
38
  }));
39
39
  expect(tree).toMatchSnapshot();
40
40
  });
41
41
  it('renders dots correctly', function () {
42
- var tree = (0, _build.render)(/*#__PURE__*/_react["default"].createElement(_index["default"], {
42
+ var tree = (0, _build.render)( /*#__PURE__*/_react["default"].createElement(_index["default"], {
43
43
  thumbnails: thumbnailsDotMode
44
44
  }));
45
45
  expect(tree).toMatchSnapshot();
@@ -20,19 +20,20 @@ function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object
20
20
  function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
21
21
  function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
22
22
  var useStyles = exports.useStyles = (0, _styles.makeStyles)(function (theme) {
23
+ var _root;
23
24
  return {
24
- root: _defineProperty(_defineProperty(_defineProperty({
25
+ root: (_root = {
25
26
  bottom: 0,
26
27
  right: 0,
27
28
  position: 'absolute'
28
- }, theme.breakpoints.down('xs'), {
29
+ }, _defineProperty(_root, theme.breakpoints.down('xs'), {
29
30
  right: 0,
30
31
  left: 0
31
- }), theme.breakpoints.between('xs', 'sm'), {
32
+ }), _defineProperty(_root, theme.breakpoints.between('xs', 'sm'), {
32
33
  width: '100%'
33
- }), theme.breakpoints.between('sm', 'xl'), {
34
+ }), _defineProperty(_root, theme.breakpoints.between('sm', 'xl'), {
34
35
  width: '320px'
35
- })
36
+ }), _root)
36
37
  };
37
38
  }, {
38
39
  name: 'AmountPrice'
@@ -1,5 +1,6 @@
1
1
  "use strict";
2
2
 
3
+ 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); }
3
4
  Object.defineProperty(exports, "__esModule", {
4
5
  value: true
5
6
  });
@@ -11,8 +12,15 @@ var _Actions = require("../../../Reducers/ConfigurationMode/Actions");
11
12
  var _configuration = require("../../../configuration");
12
13
  var _ServiceLocator = require("../../../ServiceLocator");
13
14
  function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
15
+ function _regeneratorRuntime() { "use strict"; var r = _regenerator(), e = r.m(_regeneratorRuntime), t = (Object.getPrototypeOf ? Object.getPrototypeOf(e) : e.__proto__).constructor; function n(r) { var e = "function" == typeof r && r.constructor; return !!e && (e === t || "GeneratorFunction" === (e.displayName || e.name)); } var o = { "throw": 1, "return": 2, "break": 3, "continue": 3 }; function a(r) { var e, t; return function (n) { e || (e = { stop: function stop() { return t(n.a, 2); }, "catch": function _catch() { return n.v; }, abrupt: function abrupt(r, e) { return t(n.a, o[r], e); }, delegateYield: function delegateYield(r, o, a) { return e.resultName = o, t(n.d, _regeneratorValues(r), a); }, finish: function finish(r) { return t(n.f, r); } }, t = function t(r, _t, o) { n.p = e.prev, n.n = e.next; try { return r(_t, o); } finally { e.next = n.n; } }), e.resultName && (e[e.resultName] = n.v, e.resultName = void 0), e.sent = n.v, e.next = n.n; try { return r.call(this, e); } finally { n.p = e.prev, n.n = e.next; } }; } return (_regeneratorRuntime = function _regeneratorRuntime() { return { wrap: function wrap(e, t, n, o) { return r.w(a(e), t, n, o && o.reverse()); }, isGeneratorFunction: n, mark: r.m, awrap: function awrap(r, e) { return new _OverloadYield(r, e); }, AsyncIterator: _regeneratorAsyncIterator, async: function async(r, e, t, o, u) { return (n(e) ? _regeneratorAsyncGen : _regeneratorAsync)(a(r), e, t, o, u); }, keys: _regeneratorKeys, values: _regeneratorValues }; })(); }
16
+ function _regeneratorValues(e) { if (null != e) { var t = e["function" == typeof Symbol && Symbol.iterator || "@@iterator"], r = 0; if (t) return t.call(e); if ("function" == typeof e.next) return e; if (!isNaN(e.length)) return { next: function next() { return e && r >= e.length && (e = void 0), { value: e && e[r++], done: !e }; } }; } throw new TypeError(_typeof(e) + " is not iterable"); }
17
+ function _regeneratorKeys(e) { var n = Object(e), r = []; for (var t in n) r.unshift(t); return function e() { for (; r.length;) if ((t = r.pop()) in n) return e.value = t, e.done = !1, e; return e.done = !0, e; }; }
18
+ function _regeneratorAsync(n, e, r, t, o) { var a = _regeneratorAsyncGen(n, e, r, t, o); return a.next().then(function (n) { return n.done ? n.value : a.next(); }); }
19
+ function _regeneratorAsyncGen(r, e, t, o, n) { return new _regeneratorAsyncIterator(_regenerator().w(r, e, t, o), n || Promise); }
20
+ function _regeneratorAsyncIterator(t, e) { function n(r, o, i, f) { try { var c = t[r](o), u = c.value; return u instanceof _OverloadYield ? e.resolve(u.v).then(function (t) { n("next", t, i, f); }, function (t) { n("throw", t, i, f); }) : e.resolve(u).then(function (t) { c.value = t, i(c); }, function (t) { return n("throw", t, i, f); }); } catch (t) { f(t); } } var r; this.next || (_regeneratorDefine2(_regeneratorAsyncIterator.prototype), _regeneratorDefine2(_regeneratorAsyncIterator.prototype, "function" == typeof Symbol && Symbol.asyncIterator || "@asyncIterator", function () { return this; })), _regeneratorDefine2(this, "_invoke", function (t, o, i) { function f() { return new e(function (e, r) { n(t, i, e, r); }); } return r = r ? r.then(f, f) : f(); }, !0); }
14
21
  function _regenerator() { /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/babel/babel/blob/main/packages/babel-helpers/LICENSE */ var e, t, r = "function" == typeof Symbol ? Symbol : {}, n = r.iterator || "@@iterator", o = r.toStringTag || "@@toStringTag"; function i(r, n, o, i) { var c = n && n.prototype instanceof Generator ? n : Generator, u = Object.create(c.prototype); return _regeneratorDefine2(u, "_invoke", function (r, n, o) { var i, c, u, f = 0, p = o || [], y = !1, G = { p: 0, n: 0, v: e, a: d, f: d.bind(e, 4), d: function d(t, r) { return i = t, c = 0, u = e, G.n = r, a; } }; function d(r, n) { for (c = r, u = n, t = 0; !y && f && !o && t < p.length; t++) { var o, i = p[t], d = G.p, l = i[2]; r > 3 ? (o = l === n) && (u = i[(c = i[4]) ? 5 : (c = 3, 3)], i[4] = i[5] = e) : i[0] <= d && ((o = r < 2 && d < i[1]) ? (c = 0, G.v = n, G.n = i[1]) : d < l && (o = r < 3 || i[0] > n || n > l) && (i[4] = r, i[5] = n, G.n = l, c = 0)); } if (o || r > 1) return a; throw y = !0, n; } return function (o, p, l) { if (f > 1) throw TypeError("Generator is already running"); for (y && 1 === p && d(p, l), c = p, u = l; (t = c < 2 ? e : u) || !y;) { i || (c ? c < 3 ? (c > 1 && (G.n = -1), d(c, u)) : G.n = u : G.v = u); try { if (f = 2, i) { if (c || (o = "next"), t = i[o]) { if (!(t = t.call(i, u))) throw TypeError("iterator result is not an object"); if (!t.done) return t; u = t.value, c < 2 && (c = 0); } else 1 === c && (t = i["return"]) && t.call(i), c < 2 && (u = TypeError("The iterator does not provide a '" + o + "' method"), c = 1); i = e; } else if ((t = (y = G.n < 0) ? u : r.call(n, G)) !== a) break; } catch (t) { i = e, c = 1, u = t; } finally { f = 1; } } return { value: t, done: y }; }; }(r, o, i), !0), u; } var a = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} t = Object.getPrototypeOf; var c = [][n] ? t(t([][n]())) : (_regeneratorDefine2(t = {}, n, function () { return this; }), t), u = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(c); function f(e) { return Object.setPrototypeOf ? Object.setPrototypeOf(e, GeneratorFunctionPrototype) : (e.__proto__ = GeneratorFunctionPrototype, _regeneratorDefine2(e, o, "GeneratorFunction")), e.prototype = Object.create(u), e; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, _regeneratorDefine2(u, "constructor", GeneratorFunctionPrototype), _regeneratorDefine2(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = "GeneratorFunction", _regeneratorDefine2(GeneratorFunctionPrototype, o, "GeneratorFunction"), _regeneratorDefine2(u), _regeneratorDefine2(u, o, "Generator"), _regeneratorDefine2(u, n, function () { return this; }), _regeneratorDefine2(u, "toString", function () { return "[object Generator]"; }), (_regenerator = function _regenerator() { return { w: i, m: f }; })(); }
15
22
  function _regeneratorDefine2(e, r, n, t) { var i = Object.defineProperty; try { i({}, "", {}); } catch (e) { i = 0; } _regeneratorDefine2 = function _regeneratorDefine(e, r, n, t) { function o(r, n) { _regeneratorDefine2(e, r, function (e) { return this._invoke(r, n, e); }); } r ? i ? i(e, r, { value: n, enumerable: !t, configurable: !t, writable: !t }) : e[r] = n : (o("next", 0), o("throw", 1), o("return", 2)); }, _regeneratorDefine2(e, r, n, t); }
23
+ function _OverloadYield(e, d) { this.v = e, this.k = d; }
16
24
  function asyncGeneratorStep(n, t, e, r, o, a, c) { try { var i = n[a](c), u = i.value; } catch (n) { return void e(n); } i.done ? t(u) : Promise.resolve(u).then(r, o); }
17
25
  function _asyncToGenerator(n) { return function () { var t = this, e = arguments; return new Promise(function (r, o) { var a = n.apply(t, e); function _next(n) { asyncGeneratorStep(a, r, o, _next, _throw, "next", n); } function _throw(n) { asyncGeneratorStep(a, r, o, _next, _throw, "throw", n); } _next(void 0); }); }; }
18
26
  var mapStateToProps = function mapStateToProps(state) {
@@ -26,26 +34,27 @@ var mapStateToProps = function mapStateToProps(state) {
26
34
  var mapDispatchToProps = function mapDispatchToProps(dispatch) {
27
35
  return {
28
36
  onChange: function () {
29
- var _onChange = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee(mode) {
30
- return _regenerator().w(function (_context) {
31
- while (1) switch (_context.n) {
37
+ var _onChange = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(mode) {
38
+ return _regeneratorRuntime().wrap(function _callee$(_context) {
39
+ while (1) switch (_context.prev = _context.next) {
32
40
  case 0:
33
41
  if (!(mode === 'designer' && (0, _configuration.getConf)('validateBeforeCTA'))) {
34
- _context.n = 2;
42
+ _context.next = 6;
35
43
  break;
36
44
  }
37
- _context.n = 1;
45
+ _context.next = 3;
38
46
  return _ServiceLocator.Services.configurator.validateConfiguration();
39
- case 1:
47
+ case 3:
40
48
  if (_ServiceLocator.Services.store.state.configurator.validation.success) {
41
49
  dispatch((0, _Actions.selectConfigurationMode)(mode));
42
50
  }
43
- _context.n = 3;
51
+ _context.next = 7;
44
52
  break;
45
- case 2:
53
+ case 6:
46
54
  dispatch((0, _Actions.selectConfigurationMode)(mode));
47
- case 3:
48
- return _context.a(2);
55
+ case 7:
56
+ case "end":
57
+ return _context.stop();
49
58
  }
50
59
  }, _callee);
51
60
  }));