@shopgate/engage 6.20.0-beta.1 → 6.20.0-beta.4

package/product/components/ProductGridPrice/index.js

@@ -3,4 +3,4 @@ import React,{Fragment}from'react';import PropTypes from'prop-types';import{Grid
  * renders a row with the current price and a strike price when present. As same as the price info.
  * @param {Object} price The price object of a product entity.
  * @return {JSX}
- */var ProductGridPrice=function ProductGridPrice(_ref){var price=_ref.price;return React.createElement(Fragment,null,React.createElement(Grid,{className:"".concat(styles.priceWrapper," engage__product__product-grid-price"),wrap:true},React.createElement(Grid.Item,{grow:1},React.createElement(Price,{currency:price.currency,discounted:!!price.discount,unitPrice:price.unitPrice,unitPriceMin:price.unitPriceMin})),price.msrp>0&&price.unitPrice!==price.msrp&&React.createElement(Grid.Item,null,React.createElement(PriceStriked,{className:styles.strikedPrice,value:price.msrp,currency:price.currency})),!price.msrp&&price.unitPriceStriked>0&&React.createElement(Grid.Item,null,React.createElement(PriceStriked,{className:styles.strikedPrice,value:price.unitPriceStriked,currency:price.currency}))),price.info&&React.createElement(Grid,null,React.createElement(Grid.Item,null,React.createElement(PriceInfo,{className:styles.basicPrice,text:price.info}))));};export default withPriceCalculation(ProductGridPrice);
+ */var ProductGridPrice=function ProductGridPrice(_ref){var price=_ref.price;return/*#__PURE__*/React.createElement(Fragment,null,/*#__PURE__*/React.createElement(Grid,{className:"".concat(styles.priceWrapper," engage__product__product-grid-price"),wrap:true},/*#__PURE__*/React.createElement(Grid.Item,{grow:1},/*#__PURE__*/React.createElement(Price,{currency:price.currency,discounted:!!price.discount,unitPrice:price.unitPrice,unitPriceMin:price.unitPriceMin})),price.msrp>0&&price.unitPrice!==price.msrp&&/*#__PURE__*/React.createElement(Grid.Item,null,/*#__PURE__*/React.createElement(PriceStriked,{className:styles.strikedPrice,value:price.msrp,currency:price.currency})),!price.msrp&&price.unitPriceStriked>0&&/*#__PURE__*/React.createElement(Grid.Item,null,/*#__PURE__*/React.createElement(PriceStriked,{className:styles.strikedPrice,value:price.unitPriceStriked,currency:price.currency}))),price.info&&/*#__PURE__*/React.createElement(Grid,null,/*#__PURE__*/React.createElement(Grid.Item,null,/*#__PURE__*/React.createElement(PriceInfo,{className:styles.basicPrice,text:price.info}))));};export default withPriceCalculation(ProductGridPrice);

package/product/components/ProductGridPrice/index.spec.js

@@ -1 +1 @@
-import React from'react';import PropTypes from'prop-types';import{mount}from'enzyme';import ProductGridPrice from"./index";jest.mock('@shopgate/engage/core/helpers/i18n',function(){return{i18n:{text:function text(input){return input;},price:function price(input){return input;},ready:true}};});var mockRenderOptions={context:{i18n:function i18n(){return{__:function __(input){return input;},_p:function _p(input){return input;}};}},childContextTypes:{i18n:PropTypes.func}};var mockPrice={currency:'EUR',msrp:0,discount:0,unitPrice:22.95,unitPriceMin:22.95,unitPriceStriked:0,info:'PriceInfoString'};var mockPriceStriked={currency:'EUR',msrp:0,discount:52,unitPrice:10.95,unitPriceMin:10.95,unitPriceStriked:22.95,info:''};var mockPriceMsrp={currency:'EUR',msrp:22.95,discount:52,unitPrice:10.95,unitPriceMin:10.95,unitPriceStriked:0,info:'PriceInfoString'};describe('<ProductGridPrice />',function(){it('should render without discounts',function(){var component=mount(React.createElement(ProductGridPrice,{price:mockPrice}),mockRenderOptions);var price=component.find('Price');var priceStriked=component.find('PriceStriked');var priceInfo=component.find('PriceInfo');expect(component).toMatchSnapshot();expect(price.exists()).toBe(true);expect(price.prop('currency')).toBe(mockPrice.currency);expect(price.prop('unitPrice')).toBe(mockPrice.unitPrice);expect(price.prop('unitPriceMin')).toBe(mockPrice.unitPriceMin);expect(price.prop('discounted')).toBe(false);expect(priceStriked.exists()).toBe(false);expect(priceInfo.exists()).toBe(true);expect(priceInfo.prop('text')).toBe(mockPrice.info);});it('should render with strike price',function(){var component=mount(React.createElement(ProductGridPrice,{price:mockPriceStriked}),mockRenderOptions);var price=component.find('Price');var priceStriked=component.find('PriceStriked');var priceInfo=component.find('PriceInfo');expect(component).toMatchSnapshot();expect(price.exists()).toBe(true);expect(price.prop('currency')).toBe(mockPriceStriked.currency);expect(price.prop('unitPrice')).toBe(mockPriceStriked.unitPrice);expect(price.prop('unitPriceMin')).toBe(mockPriceStriked.unitPriceMin);expect(price.prop('discounted')).toBe(true);expect(priceStriked.exists()).toBe(true);expect(priceStriked.prop('currency')).toBe(mockPriceStriked.currency);expect(priceStriked.prop('value')).toBe(mockPriceStriked.unitPriceStriked);expect(priceInfo.exists()).toBe(false);});it('should render with msrp',function(){var component=mount(React.createElement(ProductGridPrice,{price:mockPriceMsrp}),mockRenderOptions);var price=component.find('Price');var priceStriked=component.find('PriceStriked');var priceInfo=component.find('PriceInfo');expect(component).toMatchSnapshot();expect(price.exists()).toBe(true);expect(price.prop('currency')).toBe(mockPriceMsrp.currency);expect(price.prop('unitPrice')).toBe(mockPriceMsrp.unitPrice);expect(price.prop('unitPriceMin')).toBe(mockPriceMsrp.unitPriceMin);expect(price.prop('discounted')).toBe(true);expect(priceStriked.exists()).toBe(true);expect(priceStriked.prop('currency')).toBe(mockPriceMsrp.currency);expect(priceStriked.prop('value')).toBe(mockPriceMsrp.msrp);expect(priceInfo.exists()).toBe(true);expect(priceInfo.prop('text')).toBe(mockPriceMsrp.info);});});
+import React from'react';import PropTypes from'prop-types';import{mount}from'enzyme';import ProductGridPrice from"./index";jest.mock('@shopgate/engage/core/helpers/i18n',function(){return{i18n:{text:function text(input){return input;},price:function price(input){return input;},ready:true}};});var mockRenderOptions={context:{i18n:function i18n(){return{__:function __(input){return input;},_p:function _p(input){return input;}};}},childContextTypes:{i18n:PropTypes.func}};var mockPrice={currency:'EUR',msrp:0,discount:0,unitPrice:22.95,unitPriceMin:22.95,unitPriceStriked:0,info:'PriceInfoString'};var mockPriceStriked={currency:'EUR',msrp:0,discount:52,unitPrice:10.95,unitPriceMin:10.95,unitPriceStriked:22.95,info:''};var mockPriceMsrp={currency:'EUR',msrp:22.95,discount:52,unitPrice:10.95,unitPriceMin:10.95,unitPriceStriked:0,info:'PriceInfoString'};describe('<ProductGridPrice />',function(){it('should render without discounts',function(){var component=mount(/*#__PURE__*/React.createElement(ProductGridPrice,{price:mockPrice}),mockRenderOptions);var price=component.find('Price');var priceStriked=component.find('PriceStriked');var priceInfo=component.find('PriceInfo');expect(component).toMatchSnapshot();expect(price.exists()).toBe(true);expect(price.prop('currency')).toBe(mockPrice.currency);expect(price.prop('unitPrice')).toBe(mockPrice.unitPrice);expect(price.prop('unitPriceMin')).toBe(mockPrice.unitPriceMin);expect(price.prop('discounted')).toBe(false);expect(priceStriked.exists()).toBe(false);expect(priceInfo.exists()).toBe(true);expect(priceInfo.prop('text')).toBe(mockPrice.info);});it('should render with strike price',function(){var component=mount(/*#__PURE__*/React.createElement(ProductGridPrice,{price:mockPriceStriked}),mockRenderOptions);var price=component.find('Price');var priceStriked=component.find('PriceStriked');var priceInfo=component.find('PriceInfo');expect(component).toMatchSnapshot();expect(price.exists()).toBe(true);expect(price.prop('currency')).toBe(mockPriceStriked.currency);expect(price.prop('unitPrice')).toBe(mockPriceStriked.unitPrice);expect(price.prop('unitPriceMin')).toBe(mockPriceStriked.unitPriceMin);expect(price.prop('discounted')).toBe(true);expect(priceStriked.exists()).toBe(true);expect(priceStriked.prop('currency')).toBe(mockPriceStriked.currency);expect(priceStriked.prop('value')).toBe(mockPriceStriked.unitPriceStriked);expect(priceInfo.exists()).toBe(false);});it('should render with msrp',function(){var component=mount(/*#__PURE__*/React.createElement(ProductGridPrice,{price:mockPriceMsrp}),mockRenderOptions);var price=component.find('Price');var priceStriked=component.find('PriceStriked');var priceInfo=component.find('PriceInfo');expect(component).toMatchSnapshot();expect(price.exists()).toBe(true);expect(price.prop('currency')).toBe(mockPriceMsrp.currency);expect(price.prop('unitPrice')).toBe(mockPriceMsrp.unitPrice);expect(price.prop('unitPriceMin')).toBe(mockPriceMsrp.unitPriceMin);expect(price.prop('discounted')).toBe(true);expect(priceStriked.exists()).toBe(true);expect(priceStriked.prop('currency')).toBe(mockPriceMsrp.currency);expect(priceStriked.prop('value')).toBe(mockPriceMsrp.msrp);expect(priceInfo.exists()).toBe(true);expect(priceInfo.prop('text')).toBe(mockPriceMsrp.info);});});

package/product/components/ProductImage/index.js

@@ -1,14 +1,14 @@
-function _typeof(obj){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 _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 _slicedToArray(arr,i){return _arrayWithHoles(arr)||_iterableToArrayLimit(arr,i)||_nonIterableRest();}function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance");}function _iterableToArrayLimit(arr,i){var _arr=[];var _n=true;var _d=false;var _e=undefined;try{for(var _i=arr[Symbol.iterator](),_s;!(_n=(_s=_i.next()).done);_n=true){_arr.push(_s.value);if(i&&_arr.length===i)break;}}catch(err){_d=true;_e=err;}finally{try{if(!_n&&_i["return"]!=null)_i["return"]();}finally{if(_d)throw _e;}}return _arr;}function _arrayWithHoles(arr){if(Array.isArray(arr))return arr;}function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function");}}function _defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,descriptor.key,descriptor);}}function _createClass(Constructor,protoProps,staticProps){if(protoProps)_defineProperties(Constructor.prototype,protoProps);if(staticProps)_defineProperties(Constructor,staticProps);return Constructor;}function _possibleConstructorReturn(self,call){if(call&&(_typeof(call)==="object"||typeof call==="function")){return call;}return _assertThisInitialized(self);}function _getPrototypeOf(o){_getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(o){return o.__proto__||Object.getPrototypeOf(o);};return _getPrototypeOf(o);}function _assertThisInitialized(self){if(self===void 0){throw new ReferenceError("this hasn't been initialised - super() hasn't been called");}return self;}function _inherits(subClass,superClass){if(typeof superClass!=="function"&&superClass!==null){throw new TypeError("Super expression must either be null or a function");}subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,writable:true,configurable:true}});if(superClass)_setPrototypeOf(subClass,superClass);}function _setPrototypeOf(o,p){_setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(o,p){o.__proto__=p;return o;};return _setPrototypeOf(o,p);}function _defineProperty(obj,key,value){if(key in obj){Object.defineProperty(obj,key,{value:value,enumerable:true,configurable:true,writable:true});}else{obj[key]=value;}return obj;}import React,{Component}from'react';import PropTypes from'prop-types';import isEqual from'lodash/isEqual';import classnames from'classnames';import{logger}from'@shopgate/pwa-core';import appConfig,{themeConfig}from'@shopgate/pwa-common/helpers/config';import Image from'@shopgate/pwa-common/components/Image';import PlaceholderIcon from'@shopgate/pwa-ui-shared/icons/PlaceholderIcon';import SurroundPortals from'@shopgate/pwa-common/components/SurroundPortals';import{withWidgetSettings}from"../../../core/hocs/withWidgetSettings";import{PORTAL_PRODUCT_IMAGE}from"../../../components/constants";import styles from"./style";var colors=themeConfig.colors;/**
+function _typeof(obj){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(obj){return typeof obj;}:function(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj;},_typeof(obj);}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 _slicedToArray(arr,i){return _arrayWithHoles(arr)||_iterableToArrayLimit(arr,i)||_unsupportedIterableToArray(arr,i)||_nonIterableRest();}function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");}function _unsupportedIterableToArray(o,minLen){if(!o)return;if(typeof o==="string")return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);if(n==="Object"&&o.constructor)n=o.constructor.name;if(n==="Map"||n==="Set")return Array.from(o);if(n==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen);}function _arrayLikeToArray(arr,len){if(len==null||len>arr.length)len=arr.length;for(var i=0,arr2=new Array(len);i<len;i++){arr2[i]=arr[i];}return arr2;}function _iterableToArrayLimit(arr,i){var _i=arr==null?null:typeof Symbol!=="undefined"&&arr[Symbol.iterator]||arr["@@iterator"];if(_i==null)return;var _arr=[];var _n=true;var _d=false;var _s,_e;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done);_n=true){_arr.push(_s.value);if(i&&_arr.length===i)break;}}catch(err){_d=true;_e=err;}finally{try{if(!_n&&_i["return"]!=null)_i["return"]();}finally{if(_d)throw _e;}}return _arr;}function _arrayWithHoles(arr){if(Array.isArray(arr))return arr;}function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function");}}function _defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,descriptor.key,descriptor);}}function _createClass(Constructor,protoProps,staticProps){if(protoProps)_defineProperties(Constructor.prototype,protoProps);if(staticProps)_defineProperties(Constructor,staticProps);Object.defineProperty(Constructor,"prototype",{writable:false});return Constructor;}function _inherits(subClass,superClass){if(typeof superClass!=="function"&&superClass!==null){throw new TypeError("Super expression must either be null or a function");}subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,writable:true,configurable:true}});Object.defineProperty(subClass,"prototype",{writable:false});if(superClass)_setPrototypeOf(subClass,superClass);}function _setPrototypeOf(o,p){_setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(o,p){o.__proto__=p;return o;};return _setPrototypeOf(o,p);}function _createSuper(Derived){var hasNativeReflectConstruct=_isNativeReflectConstruct();return function _createSuperInternal(){var Super=_getPrototypeOf(Derived),result;if(hasNativeReflectConstruct){var NewTarget=_getPrototypeOf(this).constructor;result=Reflect.construct(Super,arguments,NewTarget);}else{result=Super.apply(this,arguments);}return _possibleConstructorReturn(this,result);};}function _possibleConstructorReturn(self,call){if(call&&(_typeof(call)==="object"||typeof call==="function")){return call;}else if(call!==void 0){throw new TypeError("Derived constructors may only return object or undefined");}return _assertThisInitialized(self);}function _assertThisInitialized(self){if(self===void 0){throw new ReferenceError("this hasn't been initialised - super() hasn't been called");}return self;}function _isNativeReflectConstruct(){if(typeof Reflect==="undefined"||!Reflect.construct)return false;if(Reflect.construct.sham)return false;if(typeof Proxy==="function")return true;try{Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));return true;}catch(e){return false;}}function _getPrototypeOf(o){_getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(o){return o.__proto__||Object.getPrototypeOf(o);};return _getPrototypeOf(o);}function _defineProperty(obj,key,value){if(key in obj){Object.defineProperty(obj,key,{value:value,enumerable:true,configurable:true,writable:true});}else{obj[key]=value;}return obj;}import React,{Component}from'react';import PropTypes from'prop-types';import isEqual from'lodash/isEqual';import classnames from'classnames';import{logger}from'@shopgate/pwa-core';import appConfig,{themeConfig}from'@shopgate/pwa-common/helpers/config';import Image from'@shopgate/pwa-common/components/Image';import PlaceholderIcon from'@shopgate/pwa-ui-shared/icons/PlaceholderIcon';import SurroundPortals from'@shopgate/pwa-common/components/SurroundPortals';import{withWidgetSettings}from"../../../core/hocs/withWidgetSettings";import{PORTAL_PRODUCT_IMAGE}from"../../../components/constants";import styles from"./style";var colors=themeConfig.colors;/**
  * The product image component.
  * This component will behave like the core Image component with the additional
  * feature of showing a placeholder in case no src property has been passed
  * or the given source image cannot be loaded.
- */var ProductImage=/*#__PURE__*/function(_Component){_inherits(ProductImage,_Component);/**
+ */var ProductImage=/*#__PURE__*/function(_Component){_inherits(ProductImage,_Component);var _super=_createSuper(ProductImage);/**
    * See Image component manual for detailed description about the component property types.
    */ /**
    * Component constructor
    * @param {Object} props The component properties
-   */function ProductImage(props){var _this;_classCallCheck(this,ProductImage);_this=_possibleConstructorReturn(this,_getPrototypeOf(ProductImage).call(this,props));_defineProperty(_assertThisInitialized(_this),"imageLoadingFailed",function(){_this.setState({showPlaceholder:true});});_defineProperty(_assertThisInitialized(_this),"getImageRatio",function(){if(_this.props.ratio){var _this$props$ratio=_slicedToArray(_this.props.ratio,2),x=_this$props$ratio[0],y=_this$props$ratio[1];return(y/x).toFixed(3);}var _this$props$resolutio=_this.props.resolutions[_this.props.resolutions.length-1],width=_this$props$resolutio.width,height=_this$props$resolutio.height;return(height/width).toFixed(3);});logger.assert(!props.srcmap,'Use of srcmap prop is deprecated. Use resolutions instead');var showPlaceholder=!props.src&&(props.srcmap===null||props.srcmap.length===0);_this.state={showPlaceholder:showPlaceholder};return _this;}/**
+   */function ProductImage(props){var _this;_classCallCheck(this,ProductImage);_this=_super.call(this,props);_defineProperty(_assertThisInitialized(_this),"imageLoadingFailed",function(){_this.setState({showPlaceholder:true});});_defineProperty(_assertThisInitialized(_this),"getImageRatio",function(){if(_this.props.ratio){var _this$props$ratio=_slicedToArray(_this.props.ratio,2),x=_this$props$ratio[0],y=_this$props$ratio[1];return(y/x).toFixed(3);}var _this$props$resolutio=_this.props.resolutions[_this.props.resolutions.length-1],width=_this$props$resolutio.width,height=_this$props$resolutio.height;return(height/width).toFixed(3);});logger.assert(!props.srcmap,'Use of srcmap prop is deprecated. Use resolutions instead');var showPlaceholder=!props.src&&(props.srcmap===null||props.srcmap.length===0);_this.state={showPlaceholder:showPlaceholder};return _this;}/**
    * Called when the component props change.
    * @param {Object} nextProps The new component properties
    */_createClass(ProductImage,[{key:"UNSAFE_componentWillReceiveProps",value:function UNSAFE_componentWillReceiveProps(nextProps){// Disable the placeholder to give the real image a new chance to load.
@@ -19,9 +19,9 @@ var showPlaceholder=!nextProps.src&&(!nextProps.srcmap||nextProps.srcmap.length=
    * @return {boolean} Update or not.
    */},{key:"shouldComponentUpdate",value:function shouldComponentUpdate(nextProps){return!isEqual(this.props,nextProps);}/**
    * Triggered when the image could not be loaded for some reason.
-   */},{key:"render",/**
+   */},{key:"render",value:/**
    * Renders the component.
    * @returns {JSX}
-   */value:function render(){var _this$props=this.props,noBackground=_this$props.noBackground,className=_this$props.className;var showInnerShadow=this.props.widgetSettings.showInnerShadow;if(typeof showInnerShadow==='undefined'){showInnerShadow=!appConfig.hideProductImageShadow;}if(this.state.showPlaceholder){var _classnames;// Image is not present or could not be loaded, show a placeholder.
-return React.createElement(SurroundPortals,{portalName:PORTAL_PRODUCT_IMAGE},React.createElement("div",{className:classnames(styles.placeholderContainer(this.getImageRatio()),(_classnames={},_defineProperty(_classnames,styles.innerShadow,showInnerShadow),_defineProperty(_classnames,className,!!className),_classnames)),"aria-hidden":this.props['aria-hidden']},React.createElement("div",{className:styles.placeholderContent,"data-test-id":"placeHolder"},React.createElement(PlaceholderIcon,{className:styles.placeholder}))));}// Return the actual image.
-return React.createElement(SurroundPortals,{portalName:PORTAL_PRODUCT_IMAGE},React.createElement("div",{"aria-hidden":this.props['aria-hidden'],className:"".concat(className," engage__product__product-image")},React.createElement(Image,_extends({},this.props,{className:showInnerShadow?styles.innerShadow:'',backgroundColor:noBackground?'transparent':colors.light,onError:this.imageLoadingFailed}))));}}]);return ProductImage;}(Component);_defineProperty(ProductImage,"defaultProps",{alt:null,animating:true,'aria-hidden':null,className:null,forcePlaceholder:false,highestResolutionLoaded:function highestResolutionLoaded(){},noBackground:false,ratio:null,resolutions:[{width:50,height:50,blur:2},{width:440,height:440}],src:null,srcmap:null,widgetSettings:{}});export{ProductImage as UnwrappedProductImage};export default withWidgetSettings(ProductImage,'@shopgate/engage/product/ProductImage');
+   */function render(){var _this$props=this.props,noBackground=_this$props.noBackground,className=_this$props.className;var showInnerShadow=this.props.widgetSettings.showInnerShadow;if(typeof showInnerShadow==='undefined'){showInnerShadow=!appConfig.hideProductImageShadow;}if(this.state.showPlaceholder){var _classnames;// Image is not present or could not be loaded, show a placeholder.
+return/*#__PURE__*/React.createElement(SurroundPortals,{portalName:PORTAL_PRODUCT_IMAGE},/*#__PURE__*/React.createElement("div",{className:classnames(styles.placeholderContainer(this.getImageRatio()),(_classnames={},_defineProperty(_classnames,styles.innerShadow,showInnerShadow),_defineProperty(_classnames,className,!!className),_classnames)),"aria-hidden":this.props['aria-hidden']},/*#__PURE__*/React.createElement("div",{className:styles.placeholderContent,"data-test-id":"placeHolder"},/*#__PURE__*/React.createElement(PlaceholderIcon,{className:styles.placeholder}))));}// Return the actual image.
+return/*#__PURE__*/React.createElement(SurroundPortals,{portalName:PORTAL_PRODUCT_IMAGE},/*#__PURE__*/React.createElement("div",{"aria-hidden":this.props['aria-hidden'],className:"".concat(className," engage__product__product-image")},/*#__PURE__*/React.createElement(Image,_extends({},this.props,{className:showInnerShadow?styles.innerShadow:'',backgroundColor:noBackground?'transparent':colors.light,onError:this.imageLoadingFailed}))));}}]);return ProductImage;}(Component);_defineProperty(ProductImage,"defaultProps",{alt:null,animating:true,'aria-hidden':null,className:null,forcePlaceholder:false,highestResolutionLoaded:function highestResolutionLoaded(){},noBackground:false,ratio:null,resolutions:[{width:50,height:50,blur:2},{width:440,height:440}],src:null,srcmap:null,widgetSettings:{}});export{ProductImage as UnwrappedProductImage};export default withWidgetSettings(ProductImage,'@shopgate/engage/product/ProductImage');

package/product/components/ProductImage/spec.js

@@ -1 +1 @@
-import React from'react';import{shallow}from'enzyme';import Image from'@shopgate/pwa-common/components/Image';import appConfig from'@shopgate/pwa-common/helpers/config';import PlaceholderIcon from'@shopgate/pwa-ui-shared/icons/PlaceholderIcon';import styles from"./style";import ProductImage from"./index";jest.unmock('@shopgate/pwa-core');jest.mock("../../../core/hocs/withWidgetSettings");jest.mock('@shopgate/pwa-common/helpers/config');describe('<ProductImage />',function(){it('should render a placeholder if no src prop is provided',function(){var wrapper=shallow(React.createElement(ProductImage,null)).dive();expect(wrapper).toMatchSnapshot();expect(wrapper.find(Image).length).toBe(0);expect(wrapper.find(PlaceholderIcon).length).toBe(1);});it('should render the image without a placeholder',function(){var wrapper=shallow(React.createElement(ProductImage,{src:"http://placehold.it/300x300"})).dive();expect(wrapper).toMatchSnapshot();expect(wrapper.find(Image).length).toBe(1);expect(wrapper.find(PlaceholderIcon).length).toBe(0);});it('should not apply an inner shadow to the placeholder if turned off via the app config',function(){jest.spyOn(appConfig,'hideProductImageShadow','get').mockReturnValue(true);var wrapper=shallow(React.createElement(ProductImage,null)).dive();expect(wrapper).toMatchSnapshot();expect(wrapper.find(".".concat(styles.innerShadow)).length).toBe(0);});it('should not apply an inner shadow to the image if turned off via the app config',function(){jest.spyOn(appConfig,'hideProductImageShadow','get').mockReturnValue(true);var wrapper=shallow(React.createElement(ProductImage,{src:"http://placehold.it/300x300"})).dive();expect(wrapper).toMatchSnapshot();expect(wrapper.find(".".concat(styles.innerShadow)).length).toBe(0);});it('should not apply an inner shadow to the placeholder if turned off via the widget settings',function(){var wrapper=shallow(React.createElement(ProductImage,{widgetSettings:{showInnerShadow:false}})).dive();expect(wrapper).toMatchSnapshot();expect(wrapper.find(".".concat(styles.innerShadow)).length).toBe(0);});it('should not apply an inner shadow to the image if turned off via the widget settings',function(){var wrapper=shallow(React.createElement(ProductImage,{src:"http://placehold.it/300x300",widgetSettings:{showInnerShadow:false}}));expect(wrapper).toMatchSnapshot();expect(wrapper.find(".".concat(styles.innerShadow)).length).toBe(0);});it('should apply an inner shadow to the placeholder if turned off via the widget settings',function(){var wrapper=shallow(React.createElement(ProductImage,{widgetSettings:{showInnerShadow:true}})).dive();expect(wrapper).toMatchSnapshot();expect(wrapper.find(".".concat(styles.innerShadow)).length).toBe(1);});it('should apply an inner shadow to the image if turned off via the widget settings',function(){var wrapper=shallow(React.createElement(ProductImage,{src:"http://placehold.it/300x300",widgetSettings:{showInnerShadow:true}})).dive();expect(wrapper).toMatchSnapshot();expect(wrapper.find(".".concat(styles.innerShadow)).length).toBe(1);});});
+import React from'react';import{shallow}from'enzyme';import Image from'@shopgate/pwa-common/components/Image';import appConfig from'@shopgate/pwa-common/helpers/config';import PlaceholderIcon from'@shopgate/pwa-ui-shared/icons/PlaceholderIcon';import styles from"./style";import ProductImage from"./index";jest.unmock('@shopgate/pwa-core');jest.mock("../../../core/hocs/withWidgetSettings");jest.mock('@shopgate/pwa-common/helpers/config');describe('<ProductImage />',function(){it('should render a placeholder if no src prop is provided',function(){var wrapper=shallow(/*#__PURE__*/React.createElement(ProductImage,null)).dive();expect(wrapper).toMatchSnapshot();expect(wrapper.find(Image).length).toBe(0);expect(wrapper.find(PlaceholderIcon).length).toBe(1);});it('should render the image without a placeholder',function(){var wrapper=shallow(/*#__PURE__*/React.createElement(ProductImage,{src:"http://placehold.it/300x300"})).dive();expect(wrapper).toMatchSnapshot();expect(wrapper.find(Image).length).toBe(1);expect(wrapper.find(PlaceholderIcon).length).toBe(0);});it('should not apply an inner shadow to the placeholder if turned off via the app config',function(){jest.spyOn(appConfig,'hideProductImageShadow','get').mockReturnValue(true);var wrapper=shallow(/*#__PURE__*/React.createElement(ProductImage,null)).dive();expect(wrapper).toMatchSnapshot();expect(wrapper.find(".".concat(styles.innerShadow)).length).toBe(0);});it('should not apply an inner shadow to the image if turned off via the app config',function(){jest.spyOn(appConfig,'hideProductImageShadow','get').mockReturnValue(true);var wrapper=shallow(/*#__PURE__*/React.createElement(ProductImage,{src:"http://placehold.it/300x300"})).dive();expect(wrapper).toMatchSnapshot();expect(wrapper.find(".".concat(styles.innerShadow)).length).toBe(0);});it('should not apply an inner shadow to the placeholder if turned off via the widget settings',function(){var wrapper=shallow(/*#__PURE__*/React.createElement(ProductImage,{widgetSettings:{showInnerShadow:false}})).dive();expect(wrapper).toMatchSnapshot();expect(wrapper.find(".".concat(styles.innerShadow)).length).toBe(0);});it('should not apply an inner shadow to the image if turned off via the widget settings',function(){var wrapper=shallow(/*#__PURE__*/React.createElement(ProductImage,{src:"http://placehold.it/300x300",widgetSettings:{showInnerShadow:false}}));expect(wrapper).toMatchSnapshot();expect(wrapper.find(".".concat(styles.innerShadow)).length).toBe(0);});it('should apply an inner shadow to the placeholder if turned off via the widget settings',function(){var wrapper=shallow(/*#__PURE__*/React.createElement(ProductImage,{widgetSettings:{showInnerShadow:true}})).dive();expect(wrapper).toMatchSnapshot();expect(wrapper.find(".".concat(styles.innerShadow)).length).toBe(1);});it('should apply an inner shadow to the image if turned off via the widget settings',function(){var wrapper=shallow(/*#__PURE__*/React.createElement(ProductImage,{src:"http://placehold.it/300x300",widgetSettings:{showInnerShadow:true}})).dive();expect(wrapper).toMatchSnapshot();expect(wrapper.find(".".concat(styles.innerShadow)).length).toBe(1);});});

package/product/components/ProductList/components/Item/index.js

@@ -2,4 +2,4 @@ import React,{Fragment}from'react';import PropTypes from'prop-types';import Grid
  * The Product List Item component.
  * @param {Object} props The component props.
  * @return {JSX}
- */var Item=function Item(_ref){var display=_ref.display,product=_ref.product;return React.createElement(Link,{tagName:"a",href:"".concat(ITEM_PATH,"/").concat(bin2hex(product.id)),className:"".concat(styles.container," engage__product__product-list__item"),itemProp:"item",itemScope:true,itemType:"http://schema.org/Product"},React.createElement(Grid,{className:styles.listItemContainer},React.createElement(Grid.Item,{shrink:0,className:styles.imageContainer},React.createElement(Portal,{name:portals.PRODUCT_ITEM_IMAGE_BEFORE,props:{productId:product.id}}),React.createElement(Portal,{name:portals.PRODUCT_ITEM_IMAGE,props:{productId:product.id}},React.createElement(Image,{itemProp:"image",src:product.featuredImageBaseUrl,alt:product.name})),React.createElement(Portal,{name:portals.PRODUCT_ITEM_IMAGE_AFTER,props:{productId:product.id}}),React.createElement(ProductBadges,{location:"productList",productId:product.id},!!product.price.discount&&React.createElement(Fragment,null,React.createElement(Portal,{name:portals.PRODUCT_ITEM_DISCOUNT_BEFORE,props:{productId:product.id}}),React.createElement(Portal,{name:portals.PRODUCT_ITEM_DISCOUNT,props:{productId:product.id}},React.createElement(DiscountBadge,{className:styles.discount,text:"-".concat(product.price.discount,"%")})),React.createElement(Portal,{name:portals.PRODUCT_ITEM_DISCOUNT_AFTER,props:{productId:product.id}})))),React.createElement(Grid.Item,{grow:4,className:styles.titleContainer},React.createElement(Fragment,null,React.createElement(Portal,{name:portals.PRODUCT_ITEM_NAME_BEFORE,props:{productId:product.id}}),React.createElement(Portal,{name:portals.PRODUCT_ITEM_NAME,props:{productId:product.id}},React.createElement("div",{itemProp:"name","data-test-id":"Productname: ".concat(product.name)},React.createElement(Ellipsis,null,product.name))),React.createElement(Portal,{name:portals.PRODUCT_ITEM_NAME_AFTER,props:{productId:product.id}})),(!display||display.manufacturer&&product.manufacturer)&&React.createElement(Fragment,null,React.createElement(Portal,{name:portals.PRODUCT_ITEM_MANUFACTURER_BEFORE,props:{productId:product.id}}),React.createElement(Portal,{name:portals.PRODUCT_ITEM_MANUFACTURER,props:{productId:product.id}},React.createElement(Manufacturer,{text:product.manufacturer,className:styles.manufacturer})),React.createElement(Portal,{name:portals.PRODUCT_ITEM_MANUFACTURER_AFTER,props:{productId:product.id}})),product.availability&&React.createElement(Fragment,null,React.createElement(Portal,{name:portals.PRODUCT_ITEM_AVAILABILITY_BEFORE,props:{productId:product.id}}),React.createElement(Portal,{name:portals.PRODUCT_ITEM_AVAILABILITY,props:{productId:product.id}},React.createElement(Availability,{className:styles.availability,text:product.availability.text,state:product.availability.state})),React.createElement(Portal,{name:portals.PRODUCT_ITEM_AVAILABILITY_AFTER,props:{productId:product.id}}))),(!display||display.price)&&React.createElement(Fragment,null,React.createElement(Portal,{name:portals.PRODUCT_ITEM_PRICE_BEFORE,props:{productId:product.id,location:'productList'}}),React.createElement(Portal,{name:portals.PRODUCT_ITEM_PRICE,props:{productId:product.id,location:'productList'}},React.createElement(Grid.Item,{grow:1,className:styles.priceContainer},React.createElement(Portal,{name:portals.PRODUCT_ITEM_PRICE_INSIDE_BEFORE,props:{productId:product.id}}),React.createElement(Price,{className:styles.price,currency:product.price.currency,discounted:!!product.price.discount,unitPrice:product.price.unitPrice,unitPriceMin:product.price.unitPriceMin}),product.price.msrp>0&&product.price.unitPrice!==product.price.msrp&&React.createElement(PriceStriked,{value:product.price.msrp,currency:product.price.currency,className:styles.priceStriked}),!product.price.msrp&&product.price.unitPriceStriked>0&&React.createElement(PriceStriked,{value:product.price.unitPriceStriked,currency:product.price.currency,className:styles.priceStriked}),product.price.info&&React.createElement(PriceInfo,{text:product.price.info,className:styles.priceInfo}),React.createElement(Portal,{name:portals.PRODUCT_ITEM_PRICE_INSIDE_AFTER,props:{productId:product.id}}))),React.createElement(Portal,{name:portals.PRODUCT_ITEM_PRICE_AFTER,props:{productId:product.id,location:'productList'}})),React.createElement(Grid.Item,{shrink:0,className:styles.favouriteContainer})));};Item.defaultProps={display:null};export default Item;
+ */var Item=function Item(_ref){var display=_ref.display,product=_ref.product;return/*#__PURE__*/React.createElement(Link,{tagName:"a",href:"".concat(ITEM_PATH,"/").concat(bin2hex(product.id)),className:"".concat(styles.container," engage__product__product-list__item"),itemProp:"item",itemScope:true,itemType:"http://schema.org/Product"},/*#__PURE__*/React.createElement(Grid,{className:styles.listItemContainer},/*#__PURE__*/React.createElement(Grid.Item,{shrink:0,className:styles.imageContainer},/*#__PURE__*/React.createElement(Portal,{name:portals.PRODUCT_ITEM_IMAGE_BEFORE,props:{productId:product.id}}),/*#__PURE__*/React.createElement(Portal,{name:portals.PRODUCT_ITEM_IMAGE,props:{productId:product.id}},/*#__PURE__*/React.createElement(Image,{itemProp:"image",src:product.featuredImageBaseUrl,alt:product.name})),/*#__PURE__*/React.createElement(Portal,{name:portals.PRODUCT_ITEM_IMAGE_AFTER,props:{productId:product.id}}),/*#__PURE__*/React.createElement(ProductBadges,{location:"productList",productId:product.id},!!product.price.discount&&/*#__PURE__*/React.createElement(Fragment,null,/*#__PURE__*/React.createElement(Portal,{name:portals.PRODUCT_ITEM_DISCOUNT_BEFORE,props:{productId:product.id}}),/*#__PURE__*/React.createElement(Portal,{name:portals.PRODUCT_ITEM_DISCOUNT,props:{productId:product.id}},/*#__PURE__*/React.createElement(DiscountBadge,{className:styles.discount,text:"-".concat(product.price.discount,"%")})),/*#__PURE__*/React.createElement(Portal,{name:portals.PRODUCT_ITEM_DISCOUNT_AFTER,props:{productId:product.id}})))),/*#__PURE__*/React.createElement(Grid.Item,{grow:4,className:styles.titleContainer},/*#__PURE__*/React.createElement(Fragment,null,/*#__PURE__*/React.createElement(Portal,{name:portals.PRODUCT_ITEM_NAME_BEFORE,props:{productId:product.id}}),/*#__PURE__*/React.createElement(Portal,{name:portals.PRODUCT_ITEM_NAME,props:{productId:product.id}},/*#__PURE__*/React.createElement("div",{itemProp:"name","data-test-id":"Productname: ".concat(product.name)},/*#__PURE__*/React.createElement(Ellipsis,null,product.name))),/*#__PURE__*/React.createElement(Portal,{name:portals.PRODUCT_ITEM_NAME_AFTER,props:{productId:product.id}})),(!display||display.manufacturer&&product.manufacturer)&&/*#__PURE__*/React.createElement(Fragment,null,/*#__PURE__*/React.createElement(Portal,{name:portals.PRODUCT_ITEM_MANUFACTURER_BEFORE,props:{productId:product.id}}),/*#__PURE__*/React.createElement(Portal,{name:portals.PRODUCT_ITEM_MANUFACTURER,props:{productId:product.id}},/*#__PURE__*/React.createElement(Manufacturer,{text:product.manufacturer,className:styles.manufacturer})),/*#__PURE__*/React.createElement(Portal,{name:portals.PRODUCT_ITEM_MANUFACTURER_AFTER,props:{productId:product.id}})),product.availability&&/*#__PURE__*/React.createElement(Fragment,null,/*#__PURE__*/React.createElement(Portal,{name:portals.PRODUCT_ITEM_AVAILABILITY_BEFORE,props:{productId:product.id}}),/*#__PURE__*/React.createElement(Portal,{name:portals.PRODUCT_ITEM_AVAILABILITY,props:{productId:product.id}},/*#__PURE__*/React.createElement(Availability,{className:styles.availability,text:product.availability.text,state:product.availability.state})),/*#__PURE__*/React.createElement(Portal,{name:portals.PRODUCT_ITEM_AVAILABILITY_AFTER,props:{productId:product.id}}))),(!display||display.price)&&/*#__PURE__*/React.createElement(Fragment,null,/*#__PURE__*/React.createElement(Portal,{name:portals.PRODUCT_ITEM_PRICE_BEFORE,props:{productId:product.id,location:'productList'}}),/*#__PURE__*/React.createElement(Portal,{name:portals.PRODUCT_ITEM_PRICE,props:{productId:product.id,location:'productList'}},/*#__PURE__*/React.createElement(Grid.Item,{grow:1,className:styles.priceContainer},/*#__PURE__*/React.createElement(Portal,{name:portals.PRODUCT_ITEM_PRICE_INSIDE_BEFORE,props:{productId:product.id}}),/*#__PURE__*/React.createElement(Price,{className:styles.price,currency:product.price.currency,discounted:!!product.price.discount,unitPrice:product.price.unitPrice,unitPriceMin:product.price.unitPriceMin}),product.price.msrp>0&&product.price.unitPrice!==product.price.msrp&&/*#__PURE__*/React.createElement(PriceStriked,{value:product.price.msrp,currency:product.price.currency,className:styles.priceStriked}),!product.price.msrp&&product.price.unitPriceStriked>0&&/*#__PURE__*/React.createElement(PriceStriked,{value:product.price.unitPriceStriked,currency:product.price.currency,className:styles.priceStriked}),product.price.info&&/*#__PURE__*/React.createElement(PriceInfo,{text:product.price.info,className:styles.priceInfo}),/*#__PURE__*/React.createElement(Portal,{name:portals.PRODUCT_ITEM_PRICE_INSIDE_AFTER,props:{productId:product.id}}))),/*#__PURE__*/React.createElement(Portal,{name:portals.PRODUCT_ITEM_PRICE_AFTER,props:{productId:product.id,location:'productList'}})),/*#__PURE__*/React.createElement(Grid.Item,{shrink:0,className:styles.favouriteContainer})));};Item.defaultProps={display:null};export default Item;

package/product/components/ProductList/components/Iterator/index.js

@@ -2,4 +2,4 @@ import React from'react';import PropTypes from'prop-types';import List from'@sho
  * The Product List Iterator component.
  * @param {Object} props The component props.
  * @return {JSX}
- */var Iterator=function Iterator(props){return React.createElement(List.Item,{key:props.id,itemProp:"itemListElement",itemScope:true,itemType:"http://schema.org/ListItem",className:styles.item},React.createElement(Portal,{name:portals.PRODUCT_ITEM_BEFORE,props:{productId:props.id}}),React.createElement(Portal,{name:portals.PRODUCT_ITEM,props:{productId:props.id}},React.createElement(Item,{product:props,display:props.display})),React.createElement(Portal,{name:portals.PRODUCT_ITEM_AFTER,props:{productId:props.id}}));};Iterator.defaultProps={display:null};export default Iterator;
+ */var Iterator=function Iterator(props){return/*#__PURE__*/React.createElement(List.Item,{key:props.id,itemProp:"itemListElement",itemScope:true,itemType:"http://schema.org/ListItem",className:styles.item},/*#__PURE__*/React.createElement(Portal,{name:portals.PRODUCT_ITEM_BEFORE,props:{productId:props.id}}),/*#__PURE__*/React.createElement(Portal,{name:portals.PRODUCT_ITEM,props:{productId:props.id}},/*#__PURE__*/React.createElement(Item,{product:props,display:props.display})),/*#__PURE__*/React.createElement(Portal,{name:portals.PRODUCT_ITEM_AFTER,props:{productId:props.id}}));};Iterator.defaultProps={display:null};export default Iterator;

package/product/components/ProductList/components/Layout/index.js

@@ -2,4 +2,4 @@ import React from'react';import PropTypes from'prop-types';import List from'@sho
  * The Product List Layout component.
  * @param {Object} props The component props.
  * @return {JSX}
- */var Layout=function Layout(_ref){var children=_ref.children;return React.createElement(List,{className:"".concat(styles.list," engage__product__product-list"),itemScope:true,itemType:"http://schema.org/ItemList","data-test-id":"productList"},children);};Layout.defaultProps={children:null};export default Layout;
+ */var Layout=function Layout(_ref){var children=_ref.children;return/*#__PURE__*/React.createElement(List,{className:"".concat(styles.list," engage__product__product-list"),itemScope:true,itemType:"http://schema.org/ItemList","data-test-id":"productList"},children);};Layout.defaultProps={children:null};export default Layout;

package/product/components/ProductList/index.js

@@ -2,4 +2,4 @@ function _extends(){_extends=Object.assign||function(target){for(var i=1;i<argum
  * The Product List component.
  * @param {Object} props The component props.
  * @returns {JSX}
- */var ProductList=function ProductList(_ref){var flags=_ref.flags,infiniteLoad=_ref.infiniteLoad,handleGetProducts=_ref.handleGetProducts,products=_ref.products,totalProductCount=_ref.totalProductCount,requestHash=_ref.requestHash;if(!infiniteLoad){return React.createElement(Layout,null,products.map(function(product){return React.createElement(Iterator,_extends({display:flags,id:product.id,key:product.id},product));}));}return React.createElement(ViewContext.Consumer,null,function(_ref2){var getContentRef=_ref2.getContentRef;return React.createElement(InfiniteContainer,{containerRef:getContentRef(),wrapper:Layout,iterator:Iterator,loader:handleGetProducts,items:products,loadingIndicator:React.createElement(LoadingIndicator,null),totalItems:totalProductCount,initialLimit:10,limit:ITEMS_PER_LOAD,requestHash:requestHash});});};ProductList.defaultProps={flags:null,handleGetProducts:function handleGetProducts(){},infiniteLoad:true,products:null,requestHash:null,totalProductCount:null};export default ProductList;
+ */var ProductList=function ProductList(_ref){var flags=_ref.flags,infiniteLoad=_ref.infiniteLoad,handleGetProducts=_ref.handleGetProducts,products=_ref.products,totalProductCount=_ref.totalProductCount,requestHash=_ref.requestHash;if(!infiniteLoad){return/*#__PURE__*/React.createElement(Layout,null,products.map(function(product){return/*#__PURE__*/React.createElement(Iterator,_extends({display:flags,id:product.id,key:product.id},product));}));}return/*#__PURE__*/React.createElement(ViewContext.Consumer,null,function(_ref2){var getContentRef=_ref2.getContentRef;return/*#__PURE__*/React.createElement(InfiniteContainer,{containerRef:getContentRef(),wrapper:Layout,iterator:Iterator,loader:handleGetProducts,items:products,loadingIndicator:/*#__PURE__*/React.createElement(LoadingIndicator,null),totalItems:totalProductCount,initialLimit:10,limit:ITEMS_PER_LOAD,requestHash:requestHash});});};ProductList.defaultProps={flags:null,handleGetProducts:function handleGetProducts(){},infiniteLoad:true,products:null,requestHash:null,totalProductCount:null};export default ProductList;

package/product/components/ProductProperties/Content.js

@@ -2,7 +2,7 @@ import React from'react';import PropTypes from'prop-types';import{isBeta}from"..
  * @param {Object} props The component props.
  * @returns {JSX}
  */var Content=function Content(_ref){var properties=_ref.properties;if(!properties){return null;}var groups=getGroupsFromProperties(properties);// Display the simple properties if no groups exist or if not in beta mode.
-if(!isBeta()||!groups||groups.length===0){return React.createElement(Wrapper,null,React.createElement(Rows,{properties:properties}));}/*
+if(!isBeta()||!groups||groups.length===0){return/*#__PURE__*/React.createElement(Wrapper,null,/*#__PURE__*/React.createElement(Rows,{properties:properties}));}/*
     This feature is currently in BETA testing.
     It should only be used for approved BETA Client Projects
-  */return React.createElement("div",{className:"".concat(groupsContainer," engage__product__product-properties")},React.createElement(GroupedProperties,{properties:properties,groups:groups}));};Content.defaultProps={properties:null};export default Content;
+  */return/*#__PURE__*/React.createElement("div",{className:"".concat(groupsContainer," engage__product__product-properties")},/*#__PURE__*/React.createElement(GroupedProperties,{properties:properties,groups:groups}));};Content.defaultProps={properties:null};export default Content;

package/product/components/ProductProperties/Group.js

@@ -2,4 +2,4 @@ import React from'react';import PropTypes from'prop-types';import{subgroup}from"
  * Renders a product properties group header.
  * @param {Object} props The component props.
  * @return {JSX}
- */var Group=function Group(_ref){var group=_ref.group;return React.createElement("tr",null,React.createElement("td",{colSpan:"2",className:subgroup},group));};export default React.memo(Group);
+ */var Group=function Group(_ref){var group=_ref.group;return/*#__PURE__*/React.createElement("tr",null,/*#__PURE__*/React.createElement("td",{colSpan:"2",className:subgroup},group));};export default/*#__PURE__*/React.memo(Group);

package/product/components/ProductProperties/GroupedProperties.js

@@ -2,4 +2,4 @@ import React from'react';import PropTypes from'prop-types';import{Accordion}from
  * Renders the properties as groups.
  * @param {Object} props The component props.
  * @returns {JSX}
- */var GroupedProperties=function GroupedProperties(_ref){var properties=_ref.properties,groups=_ref.groups;return groups.map(function(group){return React.createElement("div",{key:group,className:accordion},React.createElement(Accordion,{renderLabel:function renderLabel(){return i18n.text("product.displayGroups.".concat(group));},testId:"product-properties-group-".concat(group)},React.createElement(Wrapper,{dense:true},React.createElement(Lists,{properties:properties.filter(function(property){return property.displayGroup===group;})}))));});};export default GroupedProperties;
+ */var GroupedProperties=function GroupedProperties(_ref){var properties=_ref.properties,groups=_ref.groups;return groups.map(function(group){return/*#__PURE__*/React.createElement("div",{key:group,className:accordion},/*#__PURE__*/React.createElement(Accordion,{renderLabel:function renderLabel(){return i18n.text("product.displayGroups.".concat(group));},testId:"product-properties-group-".concat(group)},/*#__PURE__*/React.createElement(Wrapper,{dense:true},/*#__PURE__*/React.createElement(Lists,{properties:properties.filter(function(property){return property.displayGroup===group;})}))));});};export default GroupedProperties;

package/product/components/ProductProperties/Lists.js

@@ -2,4 +2,4 @@ import React from'react';import PropTypes from'prop-types';import{getSubgroupsFr
  * Renders lists of properties that are eventually grouped.
  * @param {Object} props The component props.
  * @return {JSX}
- */var Lists=function Lists(_ref){var properties=_ref.properties;return React.createElement(React.Fragment,null,React.createElement(Rows,{properties:getPropertiesWithoutSubgroup(properties)}),getSubgroupsFromProperties(properties).map(function(group){return React.createElement(React.Fragment,{key:group},React.createElement(Group,{group:group}),React.createElement(Rows,{properties:getPropertiesBySubgroup(properties,group)}));}));};export default Lists;
+ */var Lists=function Lists(_ref){var properties=_ref.properties;return/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement(Rows,{properties:getPropertiesWithoutSubgroup(properties)}),getSubgroupsFromProperties(properties).map(function(group){return/*#__PURE__*/React.createElement(React.Fragment,{key:group},/*#__PURE__*/React.createElement(Group,{group:group}),/*#__PURE__*/React.createElement(Rows,{properties:getPropertiesBySubgroup(properties,group)}));}));};export default Lists;

package/product/components/ProductProperties/ProductProperties.js

@@ -2,4 +2,4 @@ import React from'react';import PropTypes from'prop-types';import{PRODUCT_PROPER
  * Renders the product properties.
  * @param {Object} props The component props.
  * @returns {JSX.Element}
- */var ProductProperties=function ProductProperties(_ref){var properties=_ref.properties;return React.createElement(SurroundPortals,{portalName:PRODUCT_PROPERTIES,portalProps:{properties:properties}},React.createElement(Content,{properties:properties}));};ProductProperties.defaultProps={properties:null};export default connect(ProductProperties);
+ */var ProductProperties=function ProductProperties(_ref){var properties=_ref.properties;return/*#__PURE__*/React.createElement(SurroundPortals,{portalName:PRODUCT_PROPERTIES,portalProps:{properties:properties}},/*#__PURE__*/React.createElement(Content,{properties:properties}));};ProductProperties.defaultProps={properties:null};export default connect(ProductProperties);

package/product/components/ProductProperties/Row.js

@@ -2,4 +2,4 @@ import React from'react';import PropTypes from'prop-types';import{tableCell}from
  * Renders a single properties row.
  * @param {Object} props The component props.
  * @return {JSX.Element}
- */var Row=function Row(_ref){var label=_ref.label,value=_ref.value;return React.createElement("tr",{key:"".concat(label).concat(value)},React.createElement("td",{className:tableCell},label),React.createElement("td",{className:tableCell,"data-test-id":"property: ".concat(value)},value));};export default React.memo(Row);
+ */var Row=function Row(_ref){var label=_ref.label,value=_ref.value;return/*#__PURE__*/React.createElement("tr",{key:"".concat(label).concat(value)},/*#__PURE__*/React.createElement("td",{className:tableCell},label),/*#__PURE__*/React.createElement("td",{className:tableCell,"data-test-id":"property: ".concat(value)},value));};export default/*#__PURE__*/React.memo(Row);

package/product/components/ProductProperties/Rows.js

@@ -2,4 +2,4 @@ import React from'react';import PropTypes from'prop-types';import Row from"./Row
  * Renders rows of product properties.
  * @param {Object} props The component props.
  * @returns {JSX.Element}
- */var Rows=function Rows(_ref){var properties=_ref.properties;return properties.map(function(_ref2){var value=_ref2.value,label=_ref2.label;return React.createElement(Row,{key:"".concat(label,"-").concat(value),label:label,value:value});});};export default React.memo(Rows);
+ */var Rows=function Rows(_ref){var properties=_ref.properties;return properties.map(function(_ref2){var value=_ref2.value,label=_ref2.label;return/*#__PURE__*/React.createElement(Row,{key:"".concat(label,"-").concat(value),label:label,value:value});});};export default/*#__PURE__*/React.memo(Rows);

package/product/components/ProductProperties/Wrapper.js

@@ -2,4 +2,4 @@ function _defineProperty(obj,key,value){if(key in obj){Object.defineProperty(obj
  * Renders the general properties wrapper table.
  * @param {Object} props The component props.
  * @returns {JSX.Element}
- */var Wrapper=function Wrapper(_ref){var _cxs;var children=_ref.children,dense=_ref.dense;return React.createElement("div",{className:cxs('engage__product__product-properties',(_cxs={},_defineProperty(_cxs,container,!dense),_defineProperty(_cxs,containerDense,dense),_cxs))},React.createElement("table",null,React.createElement("thead",null),React.createElement("tbody",null,children)));};Wrapper.defaultProps={dense:false};export default React.memo(Wrapper);
+ */var Wrapper=function Wrapper(_ref){var _cxs;var children=_ref.children,dense=_ref.dense;return/*#__PURE__*/React.createElement("div",{className:cxs('engage__product__product-properties',(_cxs={},_defineProperty(_cxs,container,!dense),_defineProperty(_cxs,containerDense,dense),_cxs))},/*#__PURE__*/React.createElement("table",null,/*#__PURE__*/React.createElement("thead",null),/*#__PURE__*/React.createElement("tbody",null,children)));};Wrapper.defaultProps={dense:false};export default/*#__PURE__*/React.memo(Wrapper);

package/product/components/ProductProperties/__tests__/Content.spec.js

@@ -1 +1 @@
-import React from'react';import{shallow}from'enzyme';import{isBeta}from"../../../../core";import Content from"../Content";jest.mock("../../../../core",function(){return{isBeta:jest.fn()};});jest.mock("../GroupedProperties",function(){return function GroupedProperties(){return'GroupedProperties';};});var properties=[{name:'test1',label:'Test 1',displayGroup:'Group 1'},{name:'test2',label:'Test 2',displayGroup:'Group 1'},{name:'test3',label:'Test 3',displayGroup:'Group 2'},{name:'test4',label:'Test 4',displayGroup:'Group 2'}];var propertiesSimple=[{name:'test1',label:'Test 1'}];describe('<Content />',function(){it('should not render if no props are passed',function(){var wrapper=shallow(React.createElement(Content,null));expect(wrapper.instance()).toEqual(null);expect(wrapper).toMatchSnapshot();});it('should render simple rows if not in beta',function(){isBeta.mockReturnValueOnce(false);var wrapper=shallow(React.createElement(Content,{properties:properties}));expect(wrapper.find('Wrapper').length).toEqual(1);expect(wrapper.find('Rows').length).toEqual(1);expect(wrapper).toMatchSnapshot();});it('should render simple rows of no groups could be found',function(){isBeta.mockReturnValueOnce(true);var wrapper=shallow(React.createElement(Content,{properties:propertiesSimple}));expect(wrapper.find('Wrapper').length).toEqual(1);expect(wrapper.find('Rows').length).toEqual(1);expect(wrapper).toMatchSnapshot();});it('should render grouped properties',function(){isBeta.mockReturnValueOnce(true);var wrapper=shallow(React.createElement(Content,{properties:properties}));expect(wrapper.find('GroupedProperties').length).toEqual(1);expect(wrapper.find('GroupedProperties').prop('groups')).toEqual(['Group 1','Group 2']);expect(wrapper).toMatchSnapshot();});});
+import React from'react';import{shallow}from'enzyme';import{isBeta}from"../../../../core";import Content from"../Content";jest.mock("../../../../core",function(){return{isBeta:jest.fn()};});jest.mock("../GroupedProperties",function(){return function GroupedProperties(){return'GroupedProperties';};});var properties=[{name:'test1',label:'Test 1',displayGroup:'Group 1'},{name:'test2',label:'Test 2',displayGroup:'Group 1'},{name:'test3',label:'Test 3',displayGroup:'Group 2'},{name:'test4',label:'Test 4',displayGroup:'Group 2'}];var propertiesSimple=[{name:'test1',label:'Test 1'}];describe('<Content />',function(){it('should not render if no props are passed',function(){var wrapper=shallow(/*#__PURE__*/React.createElement(Content,null));expect(wrapper.instance()).toEqual(null);expect(wrapper).toMatchSnapshot();});it('should render simple rows if not in beta',function(){isBeta.mockReturnValueOnce(false);var wrapper=shallow(/*#__PURE__*/React.createElement(Content,{properties:properties}));expect(wrapper.find('Wrapper').length).toEqual(1);expect(wrapper.find('Rows').length).toEqual(1);expect(wrapper).toMatchSnapshot();});it('should render simple rows of no groups could be found',function(){isBeta.mockReturnValueOnce(true);var wrapper=shallow(/*#__PURE__*/React.createElement(Content,{properties:propertiesSimple}));expect(wrapper.find('Wrapper').length).toEqual(1);expect(wrapper.find('Rows').length).toEqual(1);expect(wrapper).toMatchSnapshot();});it('should render grouped properties',function(){isBeta.mockReturnValueOnce(true);var wrapper=shallow(/*#__PURE__*/React.createElement(Content,{properties:properties}));expect(wrapper.find('GroupedProperties').length).toEqual(1);expect(wrapper.find('GroupedProperties').prop('groups')).toEqual(['Group 1','Group 2']);expect(wrapper).toMatchSnapshot();});});

package/product/components/ProductProperties/__tests__/Group.spec.js

@@ -1 +1 @@
-import React from'react';import{shallow}from'enzyme';import Group from"../Group";describe('<Group />',function(){it('should render a group title row',function(){var wrapper=shallow(React.createElement(Group,{group:"Test"}));expect(wrapper.find('tr').length).toEqual(1);expect(wrapper.find('td').length).toEqual(1);expect(wrapper.find('td').text()).toEqual('Test');expect(wrapper).toMatchSnapshot();});});
+import React from'react';import{shallow}from'enzyme';import Group from"../Group";describe('<Group />',function(){it('should render a group title row',function(){var wrapper=shallow(/*#__PURE__*/React.createElement(Group,{group:"Test"}));expect(wrapper.find('tr').length).toEqual(1);expect(wrapper.find('td').length).toEqual(1);expect(wrapper.find('td').text()).toEqual('Test');expect(wrapper).toMatchSnapshot();});});

package/product/components/ProductProperties/__tests__/GroupedProperties.spec.js

@@ -1 +1 @@
-import React from'react';import{shallow}from'enzyme';import GroupedProperties from"../GroupedProperties";var properties=[{name:'test1',label:'Test 1',displayGroup:'Group 1'},{name:'test2',label:'Test 2',displayGroup:'Group 1'},{name:'test3',label:'Test 3',displayGroup:'Group 2'},{name:'test4',label:'Test 4',displayGroup:'Group 2'}];var groups=['Group 1','Group 2'];describe('<GroupedProperties />',function(){it('should render as expected',function(){var wrapper=shallow(React.createElement(GroupedProperties,{properties:properties,groups:groups}));expect(wrapper.find('Wrapper').length).toEqual(2);expect(wrapper.find('Wrapper').at(0).prop('dense')).toEqual(true);expect(wrapper.find('Accordion').length).toEqual(2);expect(wrapper.find('Lists').length).toEqual(2);expect(wrapper).toMatchSnapshot();});});
+import React from'react';import{shallow}from'enzyme';import GroupedProperties from"../GroupedProperties";var properties=[{name:'test1',label:'Test 1',displayGroup:'Group 1'},{name:'test2',label:'Test 2',displayGroup:'Group 1'},{name:'test3',label:'Test 3',displayGroup:'Group 2'},{name:'test4',label:'Test 4',displayGroup:'Group 2'}];var groups=['Group 1','Group 2'];describe('<GroupedProperties />',function(){it('should render as expected',function(){var wrapper=shallow(/*#__PURE__*/React.createElement(GroupedProperties,{properties:properties,groups:groups}));expect(wrapper.find('Wrapper').length).toEqual(2);expect(wrapper.find('Wrapper').at(0).prop('dense')).toEqual(true);expect(wrapper.find('Accordion').length).toEqual(2);expect(wrapper.find('Lists').length).toEqual(2);expect(wrapper).toMatchSnapshot();});});

package/product/components/ProductProperties/__tests__/Lists.spec.js

@@ -1 +1 @@
-import React from'react';import{shallow}from'enzyme';import Lists from"../Lists";var propertiesNoSubs=[{name:'test1',label:'Test 1'},{name:'test2',label:'Test 2'}];var propertiesSubs=[{name:'test1',label:'Test 1',subDisplayGroup:'Test 1'},{name:'test2',label:'Test 2',subDisplayGroup:'Test 2'}];describe('<Lists />',function(){it('should only render simple rows',function(){var wrapper=shallow(React.createElement(Lists,{key:"1",properties:propertiesNoSubs}));expect(wrapper.find('Rows').length).toEqual(1);expect(wrapper.find('Group').length).toEqual(0);expect(wrapper).toMatchSnapshot();});it('should render groups only',function(){var wrapper=shallow(React.createElement(Lists,{key:"2",properties:propertiesSubs}));expect(wrapper.find('Rows').length).toEqual(3);expect(wrapper.find('Rows').at(0).prop('properties')).toEqual([]);expect(wrapper.find('Rows').at(1).prop('properties')).toEqual([{name:'test1',label:'Test 1',subDisplayGroup:'Test 1'}]);expect(wrapper.find('Rows').at(2).prop('properties')).toEqual([{name:'test2',label:'Test 2',subDisplayGroup:'Test 2'}]);expect(wrapper.find('Group').length).toEqual(2);expect(wrapper.find('Group').at(0).prop('group')).toEqual('Test 1');expect(wrapper.find('Group').at(1).prop('group')).toEqual('Test 2');});});
+import React from'react';import{shallow}from'enzyme';import Lists from"../Lists";var propertiesNoSubs=[{name:'test1',label:'Test 1'},{name:'test2',label:'Test 2'}];var propertiesSubs=[{name:'test1',label:'Test 1',subDisplayGroup:'Test 1'},{name:'test2',label:'Test 2',subDisplayGroup:'Test 2'}];describe('<Lists />',function(){it('should only render simple rows',function(){var wrapper=shallow(/*#__PURE__*/React.createElement(Lists,{key:"1",properties:propertiesNoSubs}));expect(wrapper.find('Rows').length).toEqual(1);expect(wrapper.find('Group').length).toEqual(0);expect(wrapper).toMatchSnapshot();});it('should render groups only',function(){var wrapper=shallow(/*#__PURE__*/React.createElement(Lists,{key:"2",properties:propertiesSubs}));expect(wrapper.find('Rows').length).toEqual(3);expect(wrapper.find('Rows').at(0).prop('properties')).toEqual([]);expect(wrapper.find('Rows').at(1).prop('properties')).toEqual([{name:'test1',label:'Test 1',subDisplayGroup:'Test 1'}]);expect(wrapper.find('Rows').at(2).prop('properties')).toEqual([{name:'test2',label:'Test 2',subDisplayGroup:'Test 2'}]);expect(wrapper.find('Group').length).toEqual(2);expect(wrapper.find('Group').at(0).prop('group')).toEqual('Test 1');expect(wrapper.find('Group').at(1).prop('group')).toEqual('Test 2');});});

package/product/components/ProductProperties/__tests__/ProductProperties.spec.js

@@ -1 +1 @@
-import React from'react';import{mount}from'enzyme';import configureStore from'redux-mock-store';import mockConsole from'jest-mock-console';import ProductProperties from"../ProductProperties";import{makeGetProductProperties}from"../../../selectors/product";var mockStore=configureStore();var store=mockStore({});jest.mock("../../../selectors/product",function(){return{makeGetProductProperties:jest.fn(function(){return jest.fn();})};});var properties=[{displayGroup:'test'}];describe('<ProductProperties />',function(){var restoreConsole;beforeEach(function(){restoreConsole=mockConsole();});afterEach(function(){restoreConsole();});it('should not render if no properties where passed',function(){makeGetProductProperties.mockReturnValueOnce(function(){return null;});var wrapper=mount(React.createElement(ProductProperties,{key:"1",store:store}));expect(wrapper.find('ProductProperties').instance()).toEqual(null);expect(wrapper).toMatchSnapshot();});it('should render if properties are passed',function(){makeGetProductProperties.mockReturnValueOnce(function(){return properties;});var wrapper=mount(React.createElement(ProductProperties,{key:"2",store:store}));expect(wrapper.find('Content').length).toEqual(1);expect(wrapper).toMatchSnapshot();});});
+import React from'react';import{mount}from'enzyme';import configureStore from'redux-mock-store';import mockConsole from'jest-mock-console';import ProductProperties from"../ProductProperties";import{makeGetProductProperties}from"../../../selectors/product";var mockStore=configureStore();var store=mockStore({});jest.mock("../../../selectors/product",function(){return{makeGetProductProperties:jest.fn(function(){return jest.fn();})};});var properties=[{displayGroup:'test'}];describe('<ProductProperties />',function(){var restoreConsole;beforeEach(function(){restoreConsole=mockConsole();});afterEach(function(){restoreConsole();});it('should not render if no properties where passed',function(){makeGetProductProperties.mockReturnValueOnce(function(){return null;});var wrapper=mount(/*#__PURE__*/React.createElement(ProductProperties,{key:"1",store:store}));expect(wrapper.find('ProductProperties').instance()).toEqual(null);expect(wrapper).toMatchSnapshot();});it('should render if properties are passed',function(){makeGetProductProperties.mockReturnValueOnce(function(){return properties;});var wrapper=mount(/*#__PURE__*/React.createElement(ProductProperties,{key:"2",store:store}));expect(wrapper.find('Content').length).toEqual(1);expect(wrapper).toMatchSnapshot();});});

package/product/components/ProductProperties/__tests__/Row.spec.js

@@ -1 +1 @@
-import React from'react';import{shallow}from'enzyme';import Row from"../Row";describe('<Row />',function(){it('should render as expected',function(){var wrapper=shallow(React.createElement(Row,{label:"TestLabel",value:"TestValue"}));expect(wrapper.find('td').at(0).text()).toEqual('TestLabel');expect(wrapper.find('td').at(1).text()).toEqual('TestValue');expect(wrapper).toMatchSnapshot();});});
+import React from'react';import{shallow}from'enzyme';import Row from"../Row";describe('<Row />',function(){it('should render as expected',function(){var wrapper=shallow(/*#__PURE__*/React.createElement(Row,{label:"TestLabel",value:"TestValue"}));expect(wrapper.find('td').at(0).text()).toEqual('TestLabel');expect(wrapper.find('td').at(1).text()).toEqual('TestValue');expect(wrapper).toMatchSnapshot();});});

package/product/components/ProductProperties/__tests__/Rows.spec.js

@@ -1 +1 @@
-import React from'react';import{shallow}from'enzyme';import Rows from"../Rows";var properties=[{label:'test1',value:'123'},{label:'test2',value:'456'},{label:'test3',value:'789'}];describe('<Rows />',function(){it('should render three rows of properties',function(){var wrapper=shallow(React.createElement(Rows,{properties:properties}));expect(wrapper.find('Row').length).toEqual(3);expect(wrapper).toMatchSnapshot();});});
+import React from'react';import{shallow}from'enzyme';import Rows from"../Rows";var properties=[{label:'test1',value:'123'},{label:'test2',value:'456'},{label:'test3',value:'789'}];describe('<Rows />',function(){it('should render three rows of properties',function(){var wrapper=shallow(/*#__PURE__*/React.createElement(Rows,{properties:properties}));expect(wrapper.find('Row').length).toEqual(3);expect(wrapper).toMatchSnapshot();});});

package/product/components/ProductProvider/index.js

@@ -1,4 +1,4 @@
 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);}import React,{useEffect}from'react';import PropTypes from'prop-types';import connect from"./connector";/**
  * The ProductProvider component.
  * @return {JSX}
- */var ProductProvider=function ProductProvider(_ref){var children=_ref.children,productId=_ref.productId,provideProduct=_ref.provideProduct,product=_ref.product;useEffect(function(){if(!product){provideProduct(productId);}},[provideProduct,product,productId]);var props={productId:productId,product:product};if(typeof children==='function'){return children(props);}return React.cloneElement(children,_extends({},props,{},children.props));};ProductProvider.defaultProps={product:null};export default connect(ProductProvider);
+ */var ProductProvider=function ProductProvider(_ref){var children=_ref.children,productId=_ref.productId,provideProduct=_ref.provideProduct,product=_ref.product;useEffect(function(){if(!product){provideProduct(productId);}},[provideProduct,product,productId]);var props={productId:productId,product:product};if(typeof children==='function'){return children(props);}return/*#__PURE__*/React.cloneElement(children,_extends({},props,children.props));};ProductProvider.defaultProps={product:null};export default connect(ProductProvider);

package/product/components/ProductSlider/index.js

@@ -1,4 +1,4 @@
 import React from'react';import PropTypes from'prop-types';import{useWidgetSettings}from'@shopgate/engage/core';import{Swiper}from'@shopgate/engage/components';import{Theme}from'@shopgate/pwa-common/context';import{container,items}from"./style";export var WIDGET_ID='@shopgate/engage/product/ProductSlider';/**
  * @param {Object} props The component props.
  * @returns {JSX}
- */function ProductSlider(props){var autoplay=props.autoplay,className=props.className,delay=props.delay,productIds=props.productIds,snap=props.snap;var widgetSettings=useWidgetSettings(WIDGET_ID)||{};var _ref=props.slidesPerView?props:widgetSettings,_ref$slidesPerView=_ref.slidesPerView,slidesPerView=_ref$slidesPerView===void 0?2.3:_ref$slidesPerView;return React.createElement(Theme,null,function(_ref2){var ProductCard=_ref2.ProductCard;var Item=props.item||ProductCard;return React.createElement(Swiper,{autoPlay:autoplay,className:"".concat(className," engage__product__product-slider"),controls:false,indicators:false,interval:delay,loop:false,freeMode:!snap,slidesPerView:slidesPerView},productIds.map(function(id){return React.createElement(Swiper.Item,{key:id,className:container},React.createElement(Item,{productId:id,style:items}));}));});}ProductSlider.defaultProps={autoplay:false,className:null,delay:10,item:null,slidesPerView:null,snap:false};export default ProductSlider;
+ */function ProductSlider(props){var autoplay=props.autoplay,className=props.className,delay=props.delay,productIds=props.productIds,snap=props.snap;var widgetSettings=useWidgetSettings(WIDGET_ID)||{};var _ref=props.slidesPerView?props:widgetSettings,_ref$slidesPerView=_ref.slidesPerView,slidesPerView=_ref$slidesPerView===void 0?2.3:_ref$slidesPerView;return/*#__PURE__*/React.createElement(Theme,null,function(_ref2){var ProductCard=_ref2.ProductCard;var Item=props.item||ProductCard;return/*#__PURE__*/React.createElement(Swiper,{autoPlay:autoplay,className:"".concat(className," engage__product__product-slider"),controls:false,indicators:false,interval:delay,loop:false,freeMode:!snap,slidesPerView:slidesPerView},productIds.map(function(id){return/*#__PURE__*/React.createElement(Swiper.Item,{key:id,className:container},/*#__PURE__*/React.createElement(Item,{productId:id,style:items}));}));});}ProductSlider.defaultProps={autoplay:false,className:null,delay:10,item:null,slidesPerView:null,snap:false};export default ProductSlider;

package/product/components/ProductSlider/spec.js

@@ -1 +1 @@
-/* eslint-disable require-jsdoc */import React from'react';import{shallow}from'enzyme';import ProductSlider from"./index";jest.mock('@shopgate/engage/core',function(){return{useWidgetSettings:jest.fn()};});jest.mock('@shopgate/engage/components',function(){var Swiper=function Swiper(_ref){var children=_ref.children;return children;};Swiper.Item=function(_ref2){var children=_ref2.children;return children;};Swiper.Item.displayName='Swiper.Item';return{Swiper:Swiper};});jest.mock('@shopgate/pwa-common/context',function(){var ProductCard=function ProductCard(props){return React.createElement(ProductCard,props);};return{Theme:function Theme(_ref3){var children=_ref3.children;return children({ProductCard:ProductCard});}};});describe('<ProductSlider />',function(){it('should match snapshot',function(){var wrapper=shallow(React.createElement(ProductSlider,{productIds:['prod1']})).dive();expect(wrapper).toMatchSnapshot();});});/* eslint-enable require-jsdoc */
+/* eslint-disable require-jsdoc */import React from'react';import{shallow}from'enzyme';import ProductSlider from"./index";jest.mock('@shopgate/engage/core',function(){return{useWidgetSettings:jest.fn()};});jest.mock('@shopgate/engage/components',function(){var Swiper=function Swiper(_ref){var children=_ref.children;return children;};Swiper.Item=function(_ref2){var children=_ref2.children;return children;};Swiper.Item.displayName='Swiper.Item';return{Swiper:Swiper};});jest.mock('@shopgate/pwa-common/context',function(){var ProductCard=function ProductCard(props){return/*#__PURE__*/React.createElement(ProductCard,props);};return{Theme:function Theme(_ref3){var children=_ref3.children;return children({ProductCard:ProductCard});}};});describe('<ProductSlider />',function(){it('should match snapshot',function(){var wrapper=shallow(/*#__PURE__*/React.createElement(ProductSlider,{productIds:['prod1']})).dive();expect(wrapper).toMatchSnapshot();});});/* eslint-enable require-jsdoc */

package/product/components/QuantityPicker/index.js

@@ -1,4 +1,4 @@
-function _slicedToArray(arr,i){return _arrayWithHoles(arr)||_iterableToArrayLimit(arr,i)||_nonIterableRest();}function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance");}function _iterableToArrayLimit(arr,i){var _arr=[];var _n=true;var _d=false;var _e=undefined;try{for(var _i=arr[Symbol.iterator](),_s;!(_n=(_s=_i.next()).done);_n=true){_arr.push(_s.value);if(i&&_arr.length===i)break;}}catch(err){_d=true;_e=err;}finally{try{if(!_n&&_i["return"]!=null)_i["return"]();}finally{if(_d)throw _e;}}return _arr;}function _arrayWithHoles(arr){if(Array.isArray(arr))return arr;}import React,{useState,useEffect}from'react';import PropTypes from'prop-types';import{css}from'glamor';import{useWidgetStyles}from"../../../core";import{I18n,SheetDrawer,SheetList}from"../../../components";import{getQuantityRange}from"./helpers";/**
+function _slicedToArray(arr,i){return _arrayWithHoles(arr)||_iterableToArrayLimit(arr,i)||_unsupportedIterableToArray(arr,i)||_nonIterableRest();}function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");}function _unsupportedIterableToArray(o,minLen){if(!o)return;if(typeof o==="string")return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);if(n==="Object"&&o.constructor)n=o.constructor.name;if(n==="Map"||n==="Set")return Array.from(o);if(n==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen);}function _arrayLikeToArray(arr,len){if(len==null||len>arr.length)len=arr.length;for(var i=0,arr2=new Array(len);i<len;i++){arr2[i]=arr[i];}return arr2;}function _iterableToArrayLimit(arr,i){var _i=arr==null?null:typeof Symbol!=="undefined"&&arr[Symbol.iterator]||arr["@@iterator"];if(_i==null)return;var _arr=[];var _n=true;var _d=false;var _s,_e;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done);_n=true){_arr.push(_s.value);if(i&&_arr.length===i)break;}}catch(err){_d=true;_e=err;}finally{try{if(!_n&&_i["return"]!=null)_i["return"]();}finally{if(_d)throw _e;}}return _arr;}function _arrayWithHoles(arr){if(Array.isArray(arr))return arr;}import React,{useState,useEffect}from'react';import PropTypes from'prop-types';import{css}from'glamor';import{useWidgetStyles}from"../../../core";import{I18n,SheetDrawer,SheetList}from"../../../components";import{getQuantityRange}from"./helpers";/**
  * The QuantityPicker component.
  * @returns {JSX}
  */var QuantityPicker=function QuantityPicker(_ref){var conditioner=_ref.conditioner,setQuantity=_ref.setQuantity,stock=_ref.stock;if(!stock){return null;}var _useState=useState(false),_useState2=_slicedToArray(_useState,2),opened=_useState2[0],setOpened=_useState2[1];var _useState3=useState(null),_useState4=_slicedToArray(_useState3,2),resolveValue=_useState4[0],setResolveValue=_useState4[1];var _useState5=useState(null),_useState6=_slicedToArray(_useState5,2),promiseResolve=_useState6[0],setPromiseResolve=_useState6[1];/**
@@ -15,4 +15,4 @@ setPromiseResolve(function(){return resolve;});// Open sheet
 setOpened(true);});};// Mount effect
 useEffect(function(){// Add most late conditioner
 conditioner.addConditioner('product-quantity',checkQuantity,100);},[conditioner]);// Update resolveValue effect
-useEffect(function(){if(resolveValue===null){return;}if(promiseResolve){promiseResolve(resolveValue);}setResolveValue(null);},[promiseResolve,resolveValue]);var _getQuantityRange=getQuantityRange(stock),min=_getQuantityRange.min,max=_getQuantityRange.max;var items=Array(max-min+1).fill(min).map(function(v,index){return String(v+index);});var styles=useWidgetStyles('@shopgate/engage/product/QuantityPicker');return React.createElement(SheetDrawer,{title:React.createElement(I18n.Text,{string:"product.quantity"}),isOpen:opened,onClose:handleCloseSheet,contentClassName:css(styles.sheet).toString()},React.createElement(SheetList,null,items.map(function(item){return React.createElement(SheetList.Item,{title:item,key:item,onClick:function onClick(){return handleSelectQuantity(parseInt(item,10));}});})));};QuantityPicker.defaultProps={stock:null};export default QuantityPicker;
+useEffect(function(){if(resolveValue===null){return;}if(promiseResolve){promiseResolve(resolveValue);}setResolveValue(null);},[promiseResolve,resolveValue]);var _getQuantityRange=getQuantityRange(stock),min=_getQuantityRange.min,max=_getQuantityRange.max;var items=Array(max-min+1).fill(min).map(function(v,index){return String(v+index);});var styles=useWidgetStyles('@shopgate/engage/product/QuantityPicker');return/*#__PURE__*/React.createElement(SheetDrawer,{title:/*#__PURE__*/React.createElement(I18n.Text,{string:"product.quantity"}),isOpen:opened,onClose:handleCloseSheet,contentClassName:css(styles.sheet).toString()},/*#__PURE__*/React.createElement(SheetList,null,items.map(function(item){return/*#__PURE__*/React.createElement(SheetList.Item,{title:item,key:item,onClick:function onClick(){return handleSelectQuantity(parseInt(item,10));}});})));};QuantityPicker.defaultProps={stock:null};export default QuantityPicker;

package/product/components/Rating/index.js

@@ -1,7 +1,7 @@
-function _typeof(obj){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);}import React,{Fragment,memo}from'react';import PropTypes from'prop-types';import Portal from'@shopgate/pwa-common/components/Portal';import{PRODUCT_RATING,PRODUCT_RATING_AFTER,PRODUCT_RATING_BEFORE}from'@shopgate/pwa-common-commerce/product/constants/Portals';import appConfig from'@shopgate/pwa-common/helpers/config';import RatingStars from'@shopgate/pwa-ui-shared/RatingStars';import RatingCount from'@shopgate/engage/reviews/components/Reviews/components/RatingCount';import{useWidgetSettings}from'@shopgate/engage/core';import{container}from"./style";import connect from"./connector";/**
+function _typeof(obj){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(obj){return typeof obj;}:function(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj;},_typeof(obj);}import React,{Fragment,memo}from'react';import PropTypes from'prop-types';import Portal from'@shopgate/pwa-common/components/Portal';import{PRODUCT_RATING,PRODUCT_RATING_AFTER,PRODUCT_RATING_BEFORE}from'@shopgate/pwa-common-commerce/product/constants/Portals';import appConfig from'@shopgate/pwa-common/helpers/config';import RatingStars from'@shopgate/pwa-ui-shared/RatingStars';import RatingCount from'@shopgate/engage/reviews/components/Reviews/components/RatingCount';import{container}from"./style";import connect from"./connector";/**
  * Scrolls page to reviews excerpt.
  */var scrollToRating=function scrollToRating(){var reviewsExcerpt=document.getElementById('reviewsExcerpt');if(_typeof(reviewsExcerpt)!=='object'||!reviewsExcerpt||!reviewsExcerpt.offsetTop||!reviewsExcerpt.closest||!reviewsExcerpt.closest('article')){return;}reviewsExcerpt.closest('article').scroll(0,reviewsExcerpt.offsetTop-30);};/**
  * The Rating component.
  * @param {Object} props The component props.
  * @return {JSX}
- */var Rating=function Rating(_ref){var rating=_ref.rating;var _useWidgetSettings=useWidgetSettings('@shopgate/engage/rating'),_useWidgetSettings$sh=_useWidgetSettings.showEmptyRatingStars,showEmptyRatingStars=_useWidgetSettings$sh===void 0?false:_useWidgetSettings$sh;var showRatings=showEmptyRatingStars?appConfig.hasReviews&&rating:appConfig.hasReviews&&rating&&rating.count;return React.createElement(Fragment,null,React.createElement(Portal,{name:PRODUCT_RATING_BEFORE}),React.createElement(Portal,{name:PRODUCT_RATING},showRatings&&React.createElement("div",{className:"".concat(container," engage__product__rating"),onClick:scrollToRating,role:"link","aria-hidden":true},React.createElement(RatingStars,{value:rating.average,display:"big"}),React.createElement(RatingCount,{count:rating.count,prominent:true}))),React.createElement(Portal,{name:PRODUCT_RATING_AFTER}));};Rating.defaultProps={rating:null};export default connect(memo(Rating));
+ */var Rating=function Rating(_ref){var rating=_ref.rating;return/*#__PURE__*/React.createElement(Fragment,null,/*#__PURE__*/React.createElement(Portal,{name:PRODUCT_RATING_BEFORE}),/*#__PURE__*/React.createElement(Portal,{name:PRODUCT_RATING},appConfig.hasReviews&&rating&&rating.count&&/*#__PURE__*/React.createElement("div",{className:"".concat(container," engage__product__rating"),onClick:scrollToRating,role:"link","aria-hidden":true},/*#__PURE__*/React.createElement(RatingStars,{value:rating.average,display:"big"}),/*#__PURE__*/React.createElement(RatingCount,{count:rating.count,prominent:true}))),/*#__PURE__*/React.createElement(Portal,{name:PRODUCT_RATING_AFTER}));};Rating.defaultProps={rating:null};export default connect(/*#__PURE__*/memo(Rating));

package/product/components/Rating/spec.js

@@ -2,4 +2,4 @@ import React from'react';import{Provider}from'react-redux';import configureStore
    * Makes component.
    * @param {Object} state State
    * @returns {Object}
-   */var getComponent=function getComponent(state){return mount(React.createElement(Provider,{store:mockedStore(state)},React.createElement(Rating,{productId:"foo"})),mockRenderOptions);};describe('Rendering',function(){it('should render rating when data is available',function(){var component=getComponent(mockedStateWithTwoReviews);expect(component).toMatchSnapshot();});it('should render nothing when data is not available',function(){var component=getComponent(mockedStateWithoutReview);expect(component.html()).toBe(null);});});describe('Scroll on click',function(){var scrollSpy=jest.fn();it('should scroll to reviews when clicked',function(){jest.spyOn(document,'getElementById').mockImplementation(getElementById(scrollSpy));var component=getComponent(mockedStateWithTwoReviews);component.simulate('click');expect(scrollSpy.mock.calls[0][0]).toBe(0);expect(scrollSpy.mock.calls[0][1]).toBe(70);expect(scrollSpy).toHaveBeenCalled();document.getElementById.mockReset();document.getElementById.mockRestore();});it('should do nothing when clicked but no reviews excerpt element',function(){jest.spyOn(document,'getElementById').mockImplementation(function(){return null;});var component=getComponent(mockedStateWithTwoReviews);component.simulate('click');expect(scrollSpy.mock.calls.length).toBe(1);document.getElementById.mockReset();document.getElementById.mockRestore();});});});
+   */var getComponent=function getComponent(state){return mount(/*#__PURE__*/React.createElement(Provider,{store:mockedStore(state)},/*#__PURE__*/React.createElement(Rating,{productId:"foo"})),mockRenderOptions);};describe('Rendering',function(){it('should render rating when data is available',function(){var component=getComponent(mockedStateWithTwoReviews);expect(component).toMatchSnapshot();});it('should render nothing when data is not available',function(){var component=getComponent(mockedStateWithoutReview);expect(component.html()).toBe('');});});describe('Scroll on click',function(){var scrollSpy=jest.fn();it('should scroll to reviews when clicked',function(){jest.spyOn(document,'getElementById').mockImplementation(getElementById(scrollSpy));var component=getComponent(mockedStateWithTwoReviews);component.simulate('click');expect(scrollSpy.mock.calls[0][0]).toBe(0);expect(scrollSpy.mock.calls[0][1]).toBe(70);expect(scrollSpy).toHaveBeenCalled();document.getElementById.mockReset();document.getElementById.mockRestore();});it('should do nothing when clicked but no reviews excerpt element',function(){jest.spyOn(document,'getElementById').mockImplementation(function(){return null;});var component=getComponent(mockedStateWithTwoReviews);component.simulate('click');expect(scrollSpy.mock.calls.length).toBe(1);document.getElementById.mockReset();document.getElementById.mockRestore();});});});

package/product/components/RelationsSlider/RelationsSheet.js

@@ -1,4 +1,4 @@
-function _slicedToArray(arr,i){return _arrayWithHoles(arr)||_iterableToArrayLimit(arr,i)||_nonIterableRest();}function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance");}function _iterableToArrayLimit(arr,i){var _arr=[];var _n=true;var _d=false;var _e=undefined;try{for(var _i=arr[Symbol.iterator](),_s;!(_n=(_s=_i.next()).done);_n=true){_arr.push(_s.value);if(i&&_arr.length===i)break;}}catch(err){_d=true;_e=err;}finally{try{if(!_n&&_i["return"]!=null)_i["return"]();}finally{if(_d)throw _e;}}return _arr;}function _arrayWithHoles(arr){if(Array.isArray(arr))return arr;}import React,{useState,useCallback,Fragment,memo}from'react';import PropTypes from'prop-types';import{useWidgetSettings,useTheme}from"../../../core";import{SheetDrawer,I18n,Button}from"../../../components";import{WIDGET_ID}from"./constants";import{showMore,sheet}from"./style";import connect from"./RelationsSheet.connector";/**
+function _slicedToArray(arr,i){return _arrayWithHoles(arr)||_iterableToArrayLimit(arr,i)||_unsupportedIterableToArray(arr,i)||_nonIterableRest();}function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");}function _unsupportedIterableToArray(o,minLen){if(!o)return;if(typeof o==="string")return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);if(n==="Object"&&o.constructor)n=o.constructor.name;if(n==="Map"||n==="Set")return Array.from(o);if(n==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen);}function _arrayLikeToArray(arr,len){if(len==null||len>arr.length)len=arr.length;for(var i=0,arr2=new Array(len);i<len;i++){arr2[i]=arr[i];}return arr2;}function _iterableToArrayLimit(arr,i){var _i=arr==null?null:typeof Symbol!=="undefined"&&arr[Symbol.iterator]||arr["@@iterator"];if(_i==null)return;var _arr=[];var _n=true;var _d=false;var _s,_e;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done);_n=true){_arr.push(_s.value);if(i&&_arr.length===i)break;}}catch(err){_d=true;_e=err;}finally{try{if(!_n&&_i["return"]!=null)_i["return"]();}finally{if(_d)throw _e;}}return _arr;}function _arrayWithHoles(arr){if(Array.isArray(arr))return arr;}import React,{useState,useCallback,Fragment,memo}from'react';import PropTypes from'prop-types';import{useWidgetSettings,useTheme}from"../../../core";import{SheetDrawer,I18n,Button}from"../../../components";import{WIDGET_ID}from"./constants";import{showMore,sheet}from"./style";import connect from"./RelationsSheet.connector";/**
  * Shows a Sheet Drawer with all related products.
  * @returns {JSX}
- */var RelationsSheet=memo(function(_ref){var products=_ref.products.products;var _useState=useState(false),_useState2=_slicedToArray(_useState,2),show=_useState2[0],setShow=_useState2[1];var _useWidgetSettings=useWidgetSettings(WIDGET_ID),headline=_useWidgetSettings.headline;var _useTheme=useTheme(),ProductGrid=_useTheme.ProductGrid;var handleOpen=useCallback(function(event){event.preventDefault();setShow(true);},[]);var handleClose=useCallback(function(){setShow(false);},[]);return React.createElement(Fragment,null,React.createElement(Button,{onClick:handleOpen,flat:true,className:showMore},React.createElement(I18n.Text,{string:"product.relations.showMore"})),React.createElement(SheetDrawer,{isOpen:show,title:headline,onClose:handleClose},React.createElement("div",{className:sheet},React.createElement(ProductGrid,{products:products,infiniteLoad:false}))));});RelationsSheet.defaultProps={products:{products:[],productCount:0}};export default connect(RelationsSheet);
+ */var RelationsSheet=/*#__PURE__*/memo(function(_ref){var products=_ref.products.products;var _useState=useState(false),_useState2=_slicedToArray(_useState,2),show=_useState2[0],setShow=_useState2[1];var _useWidgetSettings=useWidgetSettings(WIDGET_ID),headline=_useWidgetSettings.headline;var _useTheme=useTheme(),ProductGrid=_useTheme.ProductGrid;var handleOpen=useCallback(function(event){event.preventDefault();setShow(true);},[]);var handleClose=useCallback(function(){setShow(false);},[]);return/*#__PURE__*/React.createElement(Fragment,null,/*#__PURE__*/React.createElement(Button,{onClick:handleOpen,flat:true,className:showMore},/*#__PURE__*/React.createElement(I18n.Text,{string:"product.relations.showMore"})),/*#__PURE__*/React.createElement(SheetDrawer,{isOpen:show,title:headline,onClose:handleClose},/*#__PURE__*/React.createElement("div",{className:sheet},/*#__PURE__*/React.createElement(ProductGrid,{products:products,infiniteLoad:false}))));});RelationsSheet.defaultProps={products:{products:[],productCount:0}};export default connect(RelationsSheet);

package/product/components/RelationsSlider/RelationsSlider.js

@@ -2,4 +2,4 @@ import React from'react';import PropTypes from'prop-types';import{useWidgetSetti
  * Renders the relations slider in the desired position on the Product Detail Page.
  * @param {string} desiredPosition The position the relations slider needs to render.
  * @returns {JSX}
- */var RelationsSlider=function RelationsSlider(_ref){var desiredPosition=_ref.desiredPosition;var _useWidgetSettings=useWidgetSettings(WIDGET_ID),type=_useWidgetSettings.type,position=_useWidgetSettings.position;var _useCurrentProduct=useCurrentProduct(),productId=_useCurrentProduct.productId;if(!type||position!==desiredPosition){return null;}return React.createElement(RelationsSliderContent,{productId:productId,type:type,max:10,limit:100});};RelationsSlider.defaultProps={desiredPosition:'header'};export default RelationsSlider;
+ */var RelationsSlider=function RelationsSlider(_ref){var desiredPosition=_ref.desiredPosition;var _useWidgetSettings=useWidgetSettings(WIDGET_ID),type=_useWidgetSettings.type,position=_useWidgetSettings.position;var _useCurrentProduct=useCurrentProduct(),productId=_useCurrentProduct.productId;if(!type||position!==desiredPosition){return null;}return/*#__PURE__*/React.createElement(RelationsSliderContent,{productId:productId,type:type,max:10,limit:100});};RelationsSlider.defaultProps={desiredPosition:'header'};export default RelationsSlider;

package/product/components/RelationsSlider/RelationsSliderContent.js

@@ -1,4 +1,4 @@
 import React,{useEffect,memo}from'react';import PropTypes from'prop-types';import{Swiper,Card}from'@shopgate/engage/components';import ProductCard from"../ProductCard";import RelationsSheet from"./RelationsSheet";import{useWidgetSettings,useCurrentProduct}from"../../../core";import connect from"./RelationsSlider.connector";import{WIDGET_ID}from"./constants";import*as styles from"./style";/**
  * @param {Object} props The component props.
  * @returns {JSX}
- */var RelationsSliderContent=memo(function(_ref){var _ref$products=_ref.products,products=_ref$products.products,productsCount=_ref$products.productsCount,getRelations=_ref.getRelations;var _useWidgetSettings=useWidgetSettings(WIDGET_ID),headline=_useWidgetSettings.headline,hidePrice=_useWidgetSettings.hidePrice,hideRating=_useWidgetSettings.hideRating,titleRows=_useWidgetSettings.titleRows,showMoreButton=_useWidgetSettings.showMoreButton,type=_useWidgetSettings.type,_useWidgetSettings$sl=_useWidgetSettings.slidesPerView,slidesPerView=_useWidgetSettings$sl===void 0?2.3:_useWidgetSettings$sl;var _useCurrentProduct=useCurrentProduct(),productId=_useCurrentProduct.productId;useEffect(function(){getRelations();},[getRelations]);if(products.length===0){return null;}return React.createElement("div",{className:styles.container},!!headline&&React.createElement("h3",{className:styles.headline},headline),!!showMoreButton&&productsCount>10&&React.createElement(RelationsSheet,{limit:100,productId:productId,type:type}),React.createElement(Swiper,{slidesPerView:slidesPerView,classNames:{container:styles.sliderContainer}},products.map(function(product){return React.createElement(Swiper.Item,{key:product.id},React.createElement(Card,{className:styles.card},React.createElement(ProductCard,{product:product,hidePrice:hidePrice,hideName:false,hideRating:hideRating,titleRows:titleRows})));})));});RelationsSliderContent.defaultProps={products:{products:[],productsCount:0}};export default connect(RelationsSliderContent);
+ */var RelationsSliderContent=/*#__PURE__*/memo(function(_ref){var _ref$products=_ref.products,products=_ref$products.products,productsCount=_ref$products.productsCount,getRelations=_ref.getRelations;var _useWidgetSettings=useWidgetSettings(WIDGET_ID),headline=_useWidgetSettings.headline,hidePrice=_useWidgetSettings.hidePrice,hideRating=_useWidgetSettings.hideRating,titleRows=_useWidgetSettings.titleRows,showMoreButton=_useWidgetSettings.showMoreButton,type=_useWidgetSettings.type,_useWidgetSettings$sl=_useWidgetSettings.slidesPerView,slidesPerView=_useWidgetSettings$sl===void 0?2.3:_useWidgetSettings$sl;var _useCurrentProduct=useCurrentProduct(),productId=_useCurrentProduct.productId;useEffect(function(){getRelations();},[getRelations]);if(products.length===0){return null;}return/*#__PURE__*/React.createElement("div",{className:styles.container},!!headline&&/*#__PURE__*/React.createElement("h3",{className:styles.headline},headline),!!showMoreButton&&productsCount>10&&/*#__PURE__*/React.createElement(RelationsSheet,{limit:100,productId:productId,type:type}),/*#__PURE__*/React.createElement(Swiper,{slidesPerView:slidesPerView,classNames:{container:styles.sliderContainer}},products.map(function(product){return/*#__PURE__*/React.createElement(Swiper.Item,{key:product.id},/*#__PURE__*/React.createElement(Card,{className:styles.card},/*#__PURE__*/React.createElement(ProductCard,{product:product,hidePrice:hidePrice,hideName:false,hideRating:hideRating,titleRows:titleRows})));})));});RelationsSliderContent.defaultProps={products:{products:[],productsCount:0}};export default connect(RelationsSliderContent);

package/product/components/Swatch/Swatch.js

@@ -2,4 +2,4 @@ import React,{memo}from'react';import PropTypes from'prop-types';import{css}from
  * The swatch component.
  * @param {Object} props The component props.
  * @returns {JSX}
- */var Swatch=function Swatch(_ref){var swatch=_ref.swatch;if(!swatch){return null;}var styles=useWidgetStyles(WIDGET_ID);var classNames={swatch:styles&&styles.swatch?css(styles.swatch).toString():null,item:styles&&styles.item?css(styles.item).toString():null,itemSelected:styles&&styles.itemSelected?css(styles.itemSelected).toString():null};return React.createElement(SwatchContent,{swatch:swatch,classNames:classNames});};Swatch.defaultProps={swatch:null};export default memo(Swatch);
+ */var Swatch=function Swatch(_ref){var swatch=_ref.swatch;if(!swatch){return null;}var styles=useWidgetStyles(WIDGET_ID);var classNames={swatch:styles&&styles.swatch?css(styles.swatch).toString():null,item:styles&&styles.item?css(styles.item).toString():null,itemSelected:styles&&styles.itemSelected?css(styles.itemSelected).toString():null};return/*#__PURE__*/React.createElement(SwatchContent,{swatch:swatch,classNames:classNames});};Swatch.defaultProps={swatch:null};export default/*#__PURE__*/memo(Swatch);

package/product/components/Swatch/SwatchContent.js

@@ -2,4 +2,4 @@ function _extends(){_extends=Object.assign||function(target){for(var i=1;i<argum
  * The swatch content component.
  * @param {Object} props The component props.
  * @returns {JSX}
- */var SwatchContent=function SwatchContent(_ref){var swatch=_ref.swatch,classNames=_ref.classNames,_onClick=_ref.onClick;if(!swatch){return null;}return React.createElement(SurroundPortals,{portalName:PRODUCT_SWATCH,portalProps:{swatch:swatch}},React.createElement("ul",{className:cls(swatchClass,_defineProperty({},classNames.swatch,!!classNames.swatch))},swatch.values.map(function(value){var _cls2;return React.createElement("li",{"aria-hidden":true,key:value.id,onClick:function onClick(){return _onClick(value.id);},className:cls(itemClass,(_cls2={},_defineProperty(_cls2,classNames.item,!!classNames.item),_defineProperty(_cls2,itemSelectedClass,!!value.selected),_defineProperty(_cls2,classNames.itemSelected,!!value.selected),_cls2)),style:_extends({},value.swatch.color&&{backgroundColor:value.swatch.color},{},value.swatch.imageUrl&&{backgroundImage:"url(".concat(value.swatch.imageUrl,")")})});})));};SwatchContent.defaultProps={classNames:{},swatch:null,onClick:noop};export default memo(SwatchContent);
+ */var SwatchContent=function SwatchContent(_ref){var swatch=_ref.swatch,classNames=_ref.classNames,_onClick=_ref.onClick;if(!swatch){return null;}return/*#__PURE__*/React.createElement(SurroundPortals,{portalName:PRODUCT_SWATCH,portalProps:{swatch:swatch}},/*#__PURE__*/React.createElement("ul",{className:cls(swatchClass,_defineProperty({},classNames.swatch,!!classNames.swatch))},swatch.values.map(function(value){var _cls2;return/*#__PURE__*/React.createElement("li",{"aria-hidden":true,key:value.id,onClick:function onClick(){return _onClick(value.id);},className:cls(itemClass,(_cls2={},_defineProperty(_cls2,classNames.item,!!classNames.item),_defineProperty(_cls2,itemSelectedClass,!!value.selected),_defineProperty(_cls2,classNames.itemSelected,!!value.selected),_cls2)),style:_extends({},value.swatch.color&&{backgroundColor:value.swatch.color},value.swatch.imageUrl&&{backgroundImage:"url(".concat(value.swatch.imageUrl,")")})});})));};SwatchContent.defaultProps={classNames:{},swatch:null,onClick:noop};export default/*#__PURE__*/memo(SwatchContent);

package/product/components/Swatch/VariantSwatch.js

@@ -2,4 +2,4 @@ import React,{memo}from'react';import PropTypes from'prop-types';import noop fro
  * The variant swatch component.
  * @param {Object} props The component props.
  * @returns {JSX}
- */var VariantSwatch=function VariantSwatch(_ref){var swatch=_ref.swatch,onClick=_ref.onClick;if(!swatch){return null;}var styles=useWidgetStyles(WIDGET_ID);var classNames={swatch:styles&&styles.swatch?css(styles.swatch).toString():null,item:styles&&styles.item?css(styles.item).toString():null,itemSelected:styles&&styles.itemSelected?css(styles.itemSelected).toString():null};return React.createElement(SwatchContent,{swatch:swatch,classNames:classNames,onClick:onClick});};VariantSwatch.defaultProps={swatch:null,onClick:noop};export default memo(VariantSwatch);
+ */var VariantSwatch=function VariantSwatch(_ref){var swatch=_ref.swatch,onClick=_ref.onClick;if(!swatch){return null;}var styles=useWidgetStyles(WIDGET_ID);var classNames={swatch:styles&&styles.swatch?css(styles.swatch).toString():null,item:styles&&styles.item?css(styles.item).toString():null,itemSelected:styles&&styles.itemSelected?css(styles.itemSelected).toString():null};return/*#__PURE__*/React.createElement(SwatchContent,{swatch:swatch,classNames:classNames,onClick:onClick});};VariantSwatch.defaultProps={swatch:null,onClick:noop};export default/*#__PURE__*/memo(VariantSwatch);

package/product/components/Swatches/Swatches.js

@@ -2,4 +2,4 @@ function _extends(){_extends=Object.assign||function(target){for(var i=1;i<argum
  * Renders only product swatches from a list of characteristics.
  * @param {Object} props The component props.
  * @returns {JSX}
- */var Swatches=function Swatches(_ref){var productId=_ref.productId,characteristics=_ref.characteristics;if(!isBeta()){return null;}if(!characteristics){return null;}var settings=useWidgetSettings(WIDGET_ID);var swatches=characteristics.filter(function(c){return c.swatch===true;});if(settings.filter&&settings.filter.length){swatches=swatches.filter(function(swatch){return settings.filter.includes(swatch.id);});}if(!swatches){return null;}if(settings.maxItemCount){swatches=swatches.map(function(swatch){return _extends({},swatch,{values:swatch.values.slice(0,settings.maxItemCount)});});}return React.createElement(SurroundPortals,{portalName:PRODUCT_SWATCHES,portalProps:{characteristics:characteristics}},React.createElement("div",{className:swatchesClass},swatches.map(function(swatch){return React.createElement(Swatch,{key:"".concat(productId,".").concat(swatch.id),swatch:swatch});})));};Swatches.defaultProps={characteristics:null};export default connect(memo(Swatches));
+ */var Swatches=function Swatches(_ref){var productId=_ref.productId,characteristics=_ref.characteristics;if(!isBeta()){return null;}if(!characteristics){return null;}var settings=useWidgetSettings(WIDGET_ID);var swatches=characteristics.filter(function(c){return c.swatch===true;});if(settings.filter&&settings.filter.length){swatches=swatches.filter(function(swatch){return settings.filter.includes(swatch.id);});}if(!swatches){return null;}if(settings.maxItemCount){swatches=swatches.map(function(swatch){return _extends({},swatch,{values:swatch.values.slice(0,settings.maxItemCount)});});}return/*#__PURE__*/React.createElement(SurroundPortals,{portalName:PRODUCT_SWATCHES,portalProps:{characteristics:characteristics}},/*#__PURE__*/React.createElement("div",{className:swatchesClass},swatches.map(function(swatch){return/*#__PURE__*/React.createElement(Swatch,{key:"".concat(productId,".").concat(swatch.id),swatch:swatch});})));};Swatches.defaultProps={characteristics:null};export default connect(/*#__PURE__*/memo(Swatches));

package/product/components/UnitQuantityPicker/ProductUnitQuantityPicker.js

@@ -6,4 +6,4 @@ import React,{useContext,useEffect,useMemo}from'react';import PropTypes from'pro
    * Validates an value based on minValue & maxValue and corrects it if necessary
    * @param {number} val The value to be tested / adjusted
    * @returns {number}
-   */var validateQuantity=function validateQuantity(val){if(minValue&&val<minValue)return minValue;if(maxValue&&val>maxValue)return maxValue;return val;};useEffect(function(){var validatedQuantity=validateQuantity(quantity);if(validatedQuantity!==quantity){setQuantity(validatedQuantity);}},[quantity,minValue,maxValue,validateQuantity,setQuantity]);if(!product){return null;}var unit=product.unit,hasCatchWeight=product.hasCatchWeight;var hasUnitWithDecimals=unit&&hasCatchWeight||false;return React.createElement(SurroundPortals,{portalName:PRODUCT_UNIT_QUANTITY_PICKER},React.createElement("div",{className:classNames(styles.root,className)},React.createElement("div",{className:styles.qtyWrapper},React.createElement(UnitQuantityPicker,{className:styles.qtyContainer,unit:hasUnitWithDecimals?unit:null,maxDecimals:hasUnitWithDecimals?2:0,incrementStep:hasUnitWithDecimals?0.25:1,decrementStep:hasUnitWithDecimals?0.25:1,onChange:setQuantity,value:quantity,disabled:disabled,minValue:minValue,maxValue:maxValue})),children&&React.createElement("div",null,children)));};ProductUnitQuantityPicker.defaultProps={disabled:false,product:null,stockInfo:null,children:null,className:null};export default withCurrentProduct(connect(ProductUnitQuantityPicker));
+   */var validateQuantity=function validateQuantity(val){if(minValue&&val<minValue)return minValue;if(maxValue&&val>maxValue)return maxValue;return val;};useEffect(function(){var validatedQuantity=validateQuantity(quantity);if(validatedQuantity!==quantity){setQuantity(validatedQuantity);}},[quantity,minValue,maxValue,validateQuantity,setQuantity]);if(!product){return null;}var unit=product.unit,hasCatchWeight=product.hasCatchWeight;var hasUnitWithDecimals=unit&&hasCatchWeight||false;return/*#__PURE__*/React.createElement(SurroundPortals,{portalName:PRODUCT_UNIT_QUANTITY_PICKER},/*#__PURE__*/React.createElement("div",{className:classNames(styles.root,className)},/*#__PURE__*/React.createElement("div",{className:styles.qtyWrapper},/*#__PURE__*/React.createElement(UnitQuantityPicker,{className:styles.qtyContainer,unit:hasUnitWithDecimals?unit:null,maxDecimals:hasUnitWithDecimals?2:0,incrementStep:hasUnitWithDecimals?0.25:1,decrementStep:hasUnitWithDecimals?0.25:1,onChange:setQuantity,value:quantity,disabled:disabled,minValue:minValue,maxValue:maxValue})),children&&/*#__PURE__*/React.createElement("div",null,children)));};ProductUnitQuantityPicker.defaultProps={disabled:false,product:null,stockInfo:null,children:null,className:null};export default withCurrentProduct(connect(ProductUnitQuantityPicker));

package/product/components/UnitQuantityPicker/UnitQuantityPicker.js

@@ -6,7 +6,7 @@ var defaultDimension=36;var styles={root:css({display:'flex',flexDirection:'row'
 fontSize:"".concat(Math.floor(defaultDimension/28*100),"%"),height:defaultDimension,lineHeight:"".concat(defaultDimension-1,"px")}).toString(),buttonNoRadiusLeft:css({' &&':{borderTopLeftRadius:0,borderBottomLeftRadius:0}}).toString(),buttonNoRadiusRight:css({' &&':{borderTopRightRadius:0,borderBottomRightRadius:0}}).toString(),disabled:css({' > div':{padding:0}}).toString(),quantityLabelWrapper:function quantityLabelWrapper(bgColor){return css({display:'flex',alignItems:'center',backgroundColor:bgColor,width:'100%',lineHeight:defaultDimension,height:defaultDimension}).toString();},quantityLabel:function quantityLabel(color){return css({fontSize:'16px',textAlign:'center',padding:'0',flex:1,marginRight:'8px',marginLeft:'-8px',color:color}).toString();}};/**
  * A Quantity Picker with unit support.
  * @returns {JSX}
- */var UnitQuantityPicker=function UnitQuantityPicker(_ref){var className=_ref.className,onChange=_ref.onChange,value=_ref.value,allowDecrement=_ref.allowDecrement,allowIncrement=_ref.allowIncrement,allowZero=_ref.allowZero,decrementStep=_ref.decrementStep,incrementStep=_ref.incrementStep,maxDecimals=_ref.maxDecimals,unit=_ref.unit,disabled=_ref.disabled,minValue=_ref.minValue,maxValue=_ref.maxValue,productProperty=_ref.productProperty;var _ref2=useWidgetSettings('@shopgate/engage/product/components/UnitQuantityPicker')||{},_ref2$buttonColor=_ref2.buttonColor,buttonColor=_ref2$buttonColor===void 0?colors.shade8:_ref2$buttonColor,_ref2$buttonBgColor=_ref2.buttonBgColor,buttonBgColor=_ref2$buttonBgColor===void 0?colors.primary:_ref2$buttonBgColor,_ref2$inputColor=_ref2.inputColor,inputColor=_ref2$inputColor===void 0?colors.dark:_ref2$inputColor,_ref2$inputBgColor=_ref2.inputBgColor,inputBgColor=_ref2$inputBgColor===void 0?colors.shade8:_ref2$inputBgColor,_ref2$showLabel=_ref2.showLabel,showLabel=_ref2$showLabel===void 0?true:_ref2$showLabel;var label=React.createElement(I18n.Text,{string:"product.sections.quantity"});if(productProperty&&productProperty.value&&productProperty.value!==''){label=productProperty.value;}var handleDecrement=useCallback(function(){var newValue=value-decrementStep;if(newValue<=0&&!allowZero||minValue&&newValue<minValue){newValue=value;}onChange(newValue);},[allowZero,decrementStep,minValue,onChange,value]);var handleIncrement=useCallback(function(){var newValue=value+incrementStep;if(maxValue&&newValue>maxValue){newValue=value;}onChange(newValue);},[incrementStep,maxValue,onChange,value]);useEffect(function(){if(minValue&&value<minValue){onChange(minValue);}if(maxValue&&value>maxValue){onChange(maxValue);}/* eslint-disable react-hooks/exhaustive-deps */},[]);/* eslint-enable react-hooks/exhaustive-deps */return React.createElement("div",{className:"".concat(styles.root," ").concat(className)},React.createElement(RippleButton,{rippleClassName:styles.buttonRipple,className:classNames(styles.button(buttonColor,buttonBgColor),styles.buttonNoRadiusRight,_defineProperty({},styles.disabled,disabled)),type:"secondary",disabled:!allowDecrement||disabled,onClick:handleDecrement,rippleSize:defaultDimension},"-"),React.createElement("div",{className:styles.quantityLabelWrapper(inputBgColor)},showLabel&&React.createElement("div",{"aria-hidden":true,className:styles.quantityLabel(inputColor)},label),React.createElement(QuantityInput,{className:styles.input(inputColor,inputBgColor,showLabel),value:value,onChange:onChange,maxDecimals:maxDecimals,unit:unit,disabled:disabled,minValue:minValue,maxValue:maxValue})),React.createElement(RippleButton,{type:"secondary",disabled:!allowIncrement||disabled,rippleClassName:styles.buttonRipple,className:classNames(styles.button(buttonColor,buttonBgColor),styles.buttonNoRadiusLeft,_defineProperty({},styles.disabled,disabled)),onClick:handleIncrement},"+"));};UnitQuantityPicker.defaultProps={className:'',allowZero:false,allowIncrement:true,allowDecrement:true,incrementStep:0.25,decrementStep:0.25,maxDecimals:2,unit:null,disabled:false,minValue:null,maxValue:null,productProperty:null};/**
+ */var UnitQuantityPicker=function UnitQuantityPicker(_ref){var className=_ref.className,onChange=_ref.onChange,value=_ref.value,allowDecrement=_ref.allowDecrement,allowIncrement=_ref.allowIncrement,allowZero=_ref.allowZero,decrementStep=_ref.decrementStep,incrementStep=_ref.incrementStep,maxDecimals=_ref.maxDecimals,unit=_ref.unit,disabled=_ref.disabled,minValue=_ref.minValue,maxValue=_ref.maxValue,productProperty=_ref.productProperty;var _ref2=useWidgetSettings('@shopgate/engage/product/components/UnitQuantityPicker')||{},_ref2$buttonColor=_ref2.buttonColor,buttonColor=_ref2$buttonColor===void 0?colors.shade8:_ref2$buttonColor,_ref2$buttonBgColor=_ref2.buttonBgColor,buttonBgColor=_ref2$buttonBgColor===void 0?colors.primary:_ref2$buttonBgColor,_ref2$inputColor=_ref2.inputColor,inputColor=_ref2$inputColor===void 0?colors.dark:_ref2$inputColor,_ref2$inputBgColor=_ref2.inputBgColor,inputBgColor=_ref2$inputBgColor===void 0?colors.shade8:_ref2$inputBgColor,_ref2$showLabel=_ref2.showLabel,showLabel=_ref2$showLabel===void 0?true:_ref2$showLabel;var label=/*#__PURE__*/React.createElement(I18n.Text,{string:"product.sections.quantity"});if(productProperty&&productProperty.value&&productProperty.value!==''){label=productProperty.value;}var handleDecrement=useCallback(function(){var newValue=value-decrementStep;if(newValue<=0&&!allowZero||minValue&&newValue<minValue){newValue=value;}onChange(newValue);},[allowZero,decrementStep,minValue,onChange,value]);var handleIncrement=useCallback(function(){var newValue=value+incrementStep;if(maxValue&&newValue>maxValue){newValue=value;}onChange(newValue);},[incrementStep,maxValue,onChange,value]);useEffect(function(){if(minValue&&value<minValue){onChange(minValue);}if(maxValue&&value>maxValue){onChange(maxValue);}/* eslint-disable react-hooks/exhaustive-deps */},[]);/* eslint-enable react-hooks/exhaustive-deps */return/*#__PURE__*/React.createElement("div",{className:"".concat(styles.root," ").concat(className)},/*#__PURE__*/React.createElement(RippleButton,{rippleClassName:styles.buttonRipple,className:classNames(styles.button(buttonColor,buttonBgColor),styles.buttonNoRadiusRight,_defineProperty({},styles.disabled,disabled)),type:"secondary",disabled:!allowDecrement||disabled,onClick:handleDecrement,rippleSize:defaultDimension},"-"),/*#__PURE__*/React.createElement("div",{className:styles.quantityLabelWrapper(inputBgColor)},showLabel&&/*#__PURE__*/React.createElement("div",{"aria-hidden":true,className:styles.quantityLabel(inputColor)},label),/*#__PURE__*/React.createElement(QuantityInput,{className:styles.input(inputColor,inputBgColor,showLabel),value:value,onChange:onChange,maxDecimals:maxDecimals,unit:unit,disabled:disabled,minValue:minValue,maxValue:maxValue})),/*#__PURE__*/React.createElement(RippleButton,{type:"secondary",disabled:!allowIncrement||disabled,rippleClassName:styles.buttonRipple,className:classNames(styles.button(buttonColor,buttonBgColor),styles.buttonNoRadiusLeft,_defineProperty({},styles.disabled,disabled)),onClick:handleIncrement},"+"));};UnitQuantityPicker.defaultProps={className:'',allowZero:false,allowIncrement:true,allowDecrement:true,incrementStep:0.25,decrementStep:0.25,maxDecimals:2,unit:null,disabled:false,minValue:null,maxValue:null,productProperty:null};/**
  * maps the state to props
  * @param {Object} state state object
  * @param {Object} props property object

package/product/components/UnitQuantityPicker/UnitQuantityPickerWithSection.js

@@ -1,4 +1,4 @@
 import React from'react';import{css}from'glamor';import PropTypes from'prop-types';import{themeConfig}from'@shopgate/engage';import{useWidgetSettings}from"../../../core";import{ProductUnitQuantityPicker}from"./index";import{OrderQuantityHint}from"../../index";import{Section}from"../../../a11y";var variables=themeConfig.variables;var styles={quantityPicker:css({display:'flex',flexDirection:'column',alignItems:'flex-start',padding:variables.gap.big}).toString(),quantityHint:css({marginBottom:-4,paddingLeft:16}).toString()};/**
  * A Quantity Picker with unit support.
  * @returns {JSX.Element}
- */var UnitQuantityPickerWithSection=function UnitQuantityPickerWithSection(_ref){var productId=_ref.productId,variantId=_ref.variantId;var _ref2=useWidgetSettings('@shopgate/engage/product/components/UnitQuantityPicker')||{},_ref2$show=_ref2.show,show=_ref2$show===void 0?false:_ref2$show;if(!show){return null;}return React.createElement(Section,{title:"product.sections.quantity"},React.createElement(ProductUnitQuantityPicker,{className:styles.quantityPicker},React.createElement(OrderQuantityHint,{productId:variantId||productId,className:styles.quantityHint})));};UnitQuantityPickerWithSection.defaultProps={productId:null,variantId:null};export default UnitQuantityPickerWithSection;
+ */var UnitQuantityPickerWithSection=function UnitQuantityPickerWithSection(_ref){var productId=_ref.productId,variantId=_ref.variantId;var _ref2=useWidgetSettings('@shopgate/engage/product/components/UnitQuantityPicker')||{},_ref2$show=_ref2.show,show=_ref2$show===void 0?false:_ref2$show;if(!show){return null;}return/*#__PURE__*/React.createElement(Section,{title:"product.sections.quantity"},/*#__PURE__*/React.createElement(ProductUnitQuantityPicker,{className:styles.quantityPicker},/*#__PURE__*/React.createElement(OrderQuantityHint,{productId:variantId||productId,className:styles.quantityHint})));};UnitQuantityPickerWithSection.defaultProps={productId:null,variantId:null};export default UnitQuantityPickerWithSection;

package/product/components/__mocks__/context.js

@@ -1 +1 @@
-import React from'react';import{Conditioner}from'@shopgate/pwa-core';export var defaultContext={productId:null,variantId:null,options:{},characteristics:{},setCharacteristic:jest.fn(),conditioner:new Conditioner()};var context;export var ProductContext={Provider:function Provider(props){/* eslint-disable react/prop-types */context=props.value||defaultContext;return React.createElement('div',null,props.children);/* eslint-enable react/prop-types */},Consumer:function Consumer(props){return props.children(context||defaultContext);}};
+import React from'react';import{Conditioner}from'@shopgate/pwa-core';export var defaultContext={productId:null,variantId:null,options:{},characteristics:{},setCharacteristic:jest.fn(),conditioner:new Conditioner()};var context;export var ProductContext={Provider:function Provider(props){/* eslint-disable react/prop-types */context=props.value||defaultContext;return/*#__PURE__*/React.createElement('div',null,props.children);/* eslint-enable react/prop-types */},Consumer:function Consumer(props){return props.children(context||defaultContext);}};

package/product/components/context.js

@@ -1 +1 @@
-import React from'react';export var ProductContext=React.createContext();
+import React from'react';export var ProductContext=/*#__PURE__*/React.createContext();