@shopgate/engage 7.30.0-alpha.7 → 7.30.0-alpha.8

package/reviews/components/Reviews/components/List/index.js

@@ -1,5 +1,50 @@
-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 _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 _callSuper(_this,derived,args){function isNativeReflectConstruct(){if(typeof Reflect==="undefined"||!Reflect.construct)return false;if(Reflect.construct.sham)return false;if(typeof Proxy==="function")return true;try{return!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));}catch(e){return false;}}derived=_getPrototypeOf(derived);return _possibleConstructorReturn(_this,isNativeReflectConstruct()?Reflect.construct(derived,args||[],_getPrototypeOf(_this).constructor):derived.apply(_this,args));}function _possibleConstructorReturn(self,call){if(call&&(_typeof(call)==="object"||typeof call==="function")){return call;}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 _getPrototypeOf(o){_getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(o){return o.__proto__||Object.getPrototypeOf(o);};return _getPrototypeOf(o);}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,{PureComponent}from'react';import PropTypes from'prop-types';import{SurroundPortals}from'@shopgate/engage/components';import{PRODUCT_REVIEWS_ENTRY}from'@shopgate/engage/product';import Title from"./components/Title";import Rating from"./components/Rating";import Text from"./components/Text";import Info from"./components/Info";import styles from"./style";/**
+import React, { PureComponent } from 'react';
+import PropTypes from 'prop-types';
+import { SurroundPortals } from '@shopgate/engage/components';
+import { PRODUCT_REVIEWS_ENTRY } from '@shopgate/engage/product';
+import Title from "./components/Title";
+import Rating from "./components/Rating";
+import Text from "./components/Text";
+import Info from "./components/Info";
+import styles from "./style";
+
+/**
  * Review List Component.
- */var List=/*#__PURE__*/function(_PureComponent){function List(){_classCallCheck(this,List);return _callSuper(this,List,arguments);}_inherits(List,_PureComponent);return _createClass(List,[{key:"render",value:/**
+ */
+class List extends PureComponent {
+  /**
    * @returns {JSX}
-   */function render(){var reviews=this.props.reviews;if(!reviews||reviews.length===0){return null;}return React.createElement("ul",{className:"engage__reviews__list"},reviews.map(function(review){return React.createElement("li",{key:review.id,className:styles,"data-test-id":"reviewTitle: ".concat(review.title)},React.createElement(SurroundPortals,{portalName:PRODUCT_REVIEWS_ENTRY,portalProps:{review:review}},React.createElement(Title,{title:review.title}),React.createElement(Rating,{rate:review.rate}),React.createElement(Text,{review:review.review}),React.createElement(Info,{review:review})));}));}}]);}(PureComponent);_defineProperty(List,"defaultProps",{reviews:null});export default List;
+   */
+  render() {
+    const {
+      reviews
+    } = this.props;
+    if (!reviews || reviews.length === 0) {
+      return null;
+    }
+    return /*#__PURE__*/React.createElement("ul", {
+      className: "engage__reviews__list"
+    }, reviews.map(review => /*#__PURE__*/React.createElement("li", {
+      key: review.id,
+      className: styles,
+      "data-test-id": `reviewTitle: ${review.title}`
+    }, /*#__PURE__*/React.createElement(SurroundPortals, {
+      portalName: PRODUCT_REVIEWS_ENTRY,
+      portalProps: {
+        review
+      }
+    }, /*#__PURE__*/React.createElement(Title, {
+      title: review.title
+    }), /*#__PURE__*/React.createElement(Rating, {
+      rate: review.rate
+    }), /*#__PURE__*/React.createElement(Text, {
+      review: review.review
+    }), /*#__PURE__*/React.createElement(Info, {
+      review: review
+    })))));
+  }
+}
+List.defaultProps = {
+  reviews: null
+};
+export default List;

package/reviews/components/Reviews/components/List/spec.js

@@ -1 +1,68 @@
-import React from'react';import{mount}from'enzyme';import mockRenderOptions from'@shopgate/pwa-common/helpers/mocks/mockRenderOptions';import List from"./index";jest.mock('@shopgate/engage/components');describe('<List />',function(){var list=null;var reviews=[{id:'a',author:'',date:'2017-09-06T12:38:51.000Z',rate:100,title:'',review:'No Name and Title Lorem ipsum dolor sit amet, con… takimata sanctus est Lorem ipsum dolor sit amet.'},{id:'b',author:'username123',date:'2017-09-06T12:37:40.000Z',rate:40,title:'Test review 2 ',review:'Lorem ipsum dolor sit amet, consetetur sadipscing … takimata sanctus est Lorem ipsum dolor sit amet.'},{id:'c',author:'Carina Hoffmann',date:'2017-09-06T12:30:23.000Z',rate:60,title:'',review:'Test review'},{id:'d',author:'',date:'2017-09-06T12:30:23.000Z',rate:20,title:'',review:''}];beforeEach(function(){list=mount(React.createElement(List,{reviews:[]}),mockRenderOptions);});it('should not render when no reviews given',function(){expect(list).toMatchSnapshot();expect(list.find('Review').exists()).toBe(false);});it('should render list with reviews',function(){list.setProps({reviews:reviews});expect(list).toMatchSnapshot();expect(list.find('List > ul').exists()).toBe(true);list.find('Review').forEach(function(node,i){var ratingNode=node.find('Rating');expect(ratingNode.prop('rate')).toEqual(reviews[i].rate);expect(ratingNode.find('RatingStars').prop('value')).toEqual(reviews[i].rate);expect(node.find('Info').prop('review').date).toEqual(reviews[i].date);if(reviews[i].author){expect(node.find('Info').prop('review').author).toEqual(reviews[i].author);}if(reviews[i].title){expect(node.find('Title').prop('title')).toEqual(reviews[i].title);}if(reviews[i].review){expect(node.find('Text').prop('review')).toEqual(reviews[i].review);}});});});
+import React from 'react';
+import { mount } from 'enzyme';
+import mockRenderOptions from '@shopgate/pwa-common/helpers/mocks/mockRenderOptions';
+import List from "./index";
+jest.mock('@shopgate/engage/components');
+describe('<List />', () => {
+  let list = null;
+  const reviews = [{
+    id: 'a',
+    author: '',
+    date: '2017-09-06T12:38:51.000Z',
+    rate: 100,
+    title: '',
+    review: 'No Name and Title Lorem ipsum dolor sit amet, con… takimata sanctus est Lorem ipsum dolor sit amet.'
+  }, {
+    id: 'b',
+    author: 'username123',
+    date: '2017-09-06T12:37:40.000Z',
+    rate: 40,
+    title: 'Test review 2 ',
+    review: 'Lorem ipsum dolor sit amet, consetetur sadipscing … takimata sanctus est Lorem ipsum dolor sit amet.'
+  }, {
+    id: 'c',
+    author: 'Carina Hoffmann',
+    date: '2017-09-06T12:30:23.000Z',
+    rate: 60,
+    title: '',
+    review: 'Test review'
+  }, {
+    id: 'd',
+    author: '',
+    date: '2017-09-06T12:30:23.000Z',
+    rate: 20,
+    title: '',
+    review: ''
+  }];
+  beforeEach(() => {
+    list = mount(/*#__PURE__*/React.createElement(List, {
+      reviews: []
+    }), mockRenderOptions);
+  });
+  it('should not render when no reviews given', () => {
+    expect(list).toMatchSnapshot();
+    expect(list.find('Review').exists()).toBe(false);
+  });
+  it('should render list with reviews', () => {
+    list.setProps({
+      reviews
+    });
+    expect(list).toMatchSnapshot();
+    expect(list.find('List > ul').exists()).toBe(true);
+    list.find('Review').forEach((node, i) => {
+      const ratingNode = node.find('Rating');
+      expect(ratingNode.prop('rate')).toEqual(reviews[i].rate);
+      expect(ratingNode.find('RatingStars').prop('value')).toEqual(reviews[i].rate);
+      expect(node.find('Info').prop('review').date).toEqual(reviews[i].date);
+      if (reviews[i].author) {
+        expect(node.find('Info').prop('review').author).toEqual(reviews[i].author);
+      }
+      if (reviews[i].title) {
+        expect(node.find('Title').prop('title')).toEqual(reviews[i].title);
+      }
+      if (reviews[i].review) {
+        expect(node.find('Text').prop('review')).toEqual(reviews[i].review);
+      }
+    });
+  });
+});

package/reviews/components/Reviews/components/List/style.js

@@ -1 +1,11 @@
-import{css}from'glamor';import{themeConfig}from'@shopgate/pwa-common/helpers/config';var colors=themeConfig.colors,variables=themeConfig.variables;export default css({marginLeft:variables.gap.big,padding:"".concat(variables.gap.big,"px ").concat(variables.gap.big,"px ").concat(variables.gap.big,"px 0"),borderTop:"1px solid ".concat(colors.shade7)}).toString();
+import { css } from 'glamor';
+import { themeConfig } from '@shopgate/pwa-common/helpers/config';
+const {
+  colors,
+  variables
+} = themeConfig;
+export default css({
+  marginLeft: variables.gap.big,
+  padding: `${variables.gap.big}px ${variables.gap.big}px ${variables.gap.big}px 0`,
+  borderTop: `1px solid ${colors.shade7}`
+}).toString();

package/reviews/components/Reviews/components/RatingCount/index.js

@@ -1,4 +1,28 @@
-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 from'react';import PropTypes from'prop-types';import classNames from'classnames';import I18n from'@shopgate/pwa-common/components/I18n';import{greyStyle,prominentStyle}from"./style";/**
+import React from 'react';
+import PropTypes from 'prop-types';
+import classNames from 'classnames';
+import I18n from '@shopgate/pwa-common/components/I18n';
+import { greyStyle, prominentStyle } from "./style";
+
+/**
  * @param {Object} props The component props.
  * @returns {JSX}
- */var RatingCount=function RatingCount(props){if(!props.count){return null;}return React.createElement(I18n.Text,{string:"reviews.review_count",params:props,className:classNames(_defineProperty(_defineProperty({},greyStyle,true),prominentStyle,props.prominent),'engage__reviews__rating-count')});};RatingCount.defaultProps={count:null,prominent:false};export default RatingCount;
+ */
+const RatingCount = props => {
+  if (!props.count) {
+    return null;
+  }
+  return /*#__PURE__*/React.createElement(I18n.Text, {
+    string: "reviews.review_count",
+    params: props,
+    className: classNames({
+      [greyStyle]: true,
+      [prominentStyle]: props.prominent
+    }, 'engage__reviews__rating-count')
+  });
+};
+RatingCount.defaultProps = {
+  count: null,
+  prominent: false
+};
+export default RatingCount;

package/reviews/components/Reviews/components/RatingCount/spec.js

@@ -1 +1,17 @@
-import React from'react';import{mount}from'enzyme';import RatingCount from"./index";describe('<RatingCount>',function(){it('should render nothing when count is 0',function(){var rating=mount(React.createElement(RatingCount,{count:0}));expect(rating.find('span').exists()).toBe(false);});it('should render text when count is more than 0',function(){var rating=mount(React.createElement(RatingCount,{count:1}));expect(rating.find('span').exists()).toBe(true);});});
+import React from 'react';
+import { mount } from 'enzyme';
+import RatingCount from "./index";
+describe('<RatingCount>', () => {
+  it('should render nothing when count is 0', () => {
+    const rating = mount(/*#__PURE__*/React.createElement(RatingCount, {
+      count: 0
+    }));
+    expect(rating.find('span').exists()).toBe(false);
+  });
+  it('should render text when count is more than 0', () => {
+    const rating = mount(/*#__PURE__*/React.createElement(RatingCount, {
+      count: 1
+    }));
+    expect(rating.find('span').exists()).toBe(true);
+  });
+});

package/reviews/components/Reviews/components/RatingCount/style.js

@@ -1 +1,20 @@
-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{css}from'glamor';import{themeConfig}from'@shopgate/pwa-common/helpers/config';var colors=themeConfig.colors;var main={fontSize:12,margin:'0 0.5em',lineHeight:'2em'};var greyStyle=css(_extends({},main,{color:colors.shade3,fontSize:12})).toString();var prominentStyle=css(_extends({},main,{color:"var(--color-primary, ".concat(colors.primary,")")})).toString();export{greyStyle,prominentStyle};
+import { css } from 'glamor';
+import { themeConfig } from '@shopgate/pwa-common/helpers/config';
+const {
+  colors
+} = themeConfig;
+const main = {
+  fontSize: 12,
+  margin: '0 0.5em',
+  lineHeight: '2em'
+};
+const greyStyle = css({
+  ...main,
+  color: colors.shade3,
+  fontSize: 12
+}).toString();
+const prominentStyle = css({
+  ...main,
+  color: `var(--color-primary, ${colors.primary})`
+}).toString();
+export { greyStyle, prominentStyle };

package/reviews/components/Reviews/components/ReviewsInfo/index.js

@@ -1,4 +1,44 @@
-import React from'react';import{css}from'glamor';import classNames from'classnames';import appConfig from'@shopgate/pwa-common/helpers/config';import{Link}from'@shopgate/engage/components';var styles={root:css({textAlign:'center',marginTop:8,fontSize:'.875rem',fontWeight:300,lineHeight:1.5,padding:'0 1rem 1rem'}).toString(),link:css({textAlign:'center',fontWeight:600,marginTop:8}).toString()};var _appConfig$reviewsInf=appConfig.reviewsInfo,_appConfig$reviewsInf2=_appConfig$reviewsInf===void 0?{}:_appConfig$reviewsInf,text=_appConfig$reviewsInf2.text,linkText=_appConfig$reviewsInf2.linkText,linkUrl=_appConfig$reviewsInf2.linkUrl;/**
+import React from 'react';
+import { css } from 'glamor';
+import classNames from 'classnames';
+import appConfig from '@shopgate/pwa-common/helpers/config';
+import { Link } from '@shopgate/engage/components';
+const styles = {
+  root: css({
+    textAlign: 'center',
+    marginTop: 8,
+    fontSize: '.875rem',
+    fontWeight: 300,
+    lineHeight: 1.5,
+    padding: '0 1rem 1rem'
+  }).toString(),
+  link: css({
+    textAlign: 'center',
+    fontWeight: 600,
+    marginTop: 8
+  }).toString()
+};
+const {
+  reviewsInfo: {
+    text,
+    linkText,
+    linkUrl
+  } = {}
+} = appConfig;
+
+/**
  * The ReviewsInfo component
  * @returns {JSX.Element}
- */var ReviewsInfo=function ReviewsInfo(){if(!text){return null;}return React.createElement("div",{className:classNames(styles.root,'engage__reviews__review_info_text')},React.createElement("div",null,text,linkText&&linkUrl&&React.createElement(Link,{href:linkUrl,className:styles.link},linkText)));};export default ReviewsInfo;
+ */
+const ReviewsInfo = () => {
+  if (!text) {
+    return null;
+  }
+  return /*#__PURE__*/React.createElement("div", {
+    className: classNames(styles.root, 'engage__reviews__review_info_text')
+  }, /*#__PURE__*/React.createElement("div", null, text, linkText && linkUrl && /*#__PURE__*/React.createElement(Link, {
+    href: linkUrl,
+    className: styles.link
+  }, linkText)));
+};
+export default ReviewsInfo;

package/reviews/components/Reviews/connector.js

@@ -1,6 +1,18 @@
-import{connect}from'react-redux';import{getProductReviewsExcerpt}from'@shopgate/pwa-common-commerce/reviews/selectors';import{makeIsBaseProductActive}from'@shopgate/engage/product';/**
+import { connect } from 'react-redux';
+import { getProductReviewsExcerpt } from '@shopgate/pwa-common-commerce/reviews/selectors';
+import { makeIsBaseProductActive } from '@shopgate/engage/product';
+
+/**
  * Maps the contents of the state to the component props.
  * @param {Object} state The current application state.
  * @param {Object} props The component props.
  * @return {Object} The extended component props.
- */var makeMapStateToProps=function makeMapStateToProps(){var isBaseProductActive=makeIsBaseProductActive();return function(state,props){return{reviews:getProductReviewsExcerpt(state,props),productActive:isBaseProductActive(state,props)};};};export default connect(makeMapStateToProps);
+ */
+const makeMapStateToProps = () => {
+  const isBaseProductActive = makeIsBaseProductActive();
+  return (state, props) => ({
+    reviews: getProductReviewsExcerpt(state, props),
+    productActive: isBaseProductActive(state, props)
+  });
+};
+export default connect(makeMapStateToProps);

package/reviews/components/Reviews/index.js

@@ -1,6 +1,46 @@
-import React from'react';import PropTypes from'prop-types';import appConfig from'@shopgate/pwa-common/helpers/config';import{SurroundPortals}from'@shopgate/engage/components';import{PRODUCT_REVIEWS}from'@shopgate/engage/product';import List from"./components/List";import Header from"./components/Header";import AllReviewsLink from"./components/AllReviewsLink";import ReviewsInfo from"./components/ReviewsInfo";import styles from"./style";import connect from"./connector";/**
+import React from 'react';
+import PropTypes from 'prop-types';
+import appConfig from '@shopgate/pwa-common/helpers/config';
+import { SurroundPortals } from '@shopgate/engage/components';
+import { PRODUCT_REVIEWS } from '@shopgate/engage/product';
+import List from "./components/List";
+import Header from "./components/Header";
+import AllReviewsLink from "./components/AllReviewsLink";
+import ReviewsInfo from "./components/ReviewsInfo";
+import styles from "./style";
+import connect from "./connector";
+
+/**
  * @param {Object} props The component props.
  * @param {Object} props.productId The id of the product, the review belongs to.
  * @param {Array} props.reviews Reviews which should be shown in the product page.
  * @returns {JSX}
- */function Reviews(_ref){var productId=_ref.productId,productActive=_ref.productActive,reviews=_ref.reviews;return React.createElement(SurroundPortals,{portalName:PRODUCT_REVIEWS,portalProps:{productId:productId}},appConfig.hasReviews&&productActive&&React.createElement("div",{className:"".concat(styles.container," engage__reviews__reviews"),"data-test-id":"reviewSection"},React.createElement(Header,{productId:productId}),React.createElement(List,{productId:productId,reviews:reviews}),React.createElement(AllReviewsLink,{productId:productId}),React.createElement(ReviewsInfo,null)));}Reviews.defaultProps={productId:null,productActive:true,reviews:null};export default connect(Reviews);
+ */
+function Reviews({
+  productId,
+  productActive,
+  reviews
+}) {
+  return /*#__PURE__*/React.createElement(SurroundPortals, {
+    portalName: PRODUCT_REVIEWS,
+    portalProps: {
+      productId
+    }
+  }, appConfig.hasReviews && productActive && /*#__PURE__*/React.createElement("div", {
+    className: `${styles.container} engage__reviews__reviews`,
+    "data-test-id": "reviewSection"
+  }, /*#__PURE__*/React.createElement(Header, {
+    productId: productId
+  }), /*#__PURE__*/React.createElement(List, {
+    productId: productId,
+    reviews: reviews
+  }), /*#__PURE__*/React.createElement(AllReviewsLink, {
+    productId: productId
+  }), /*#__PURE__*/React.createElement(ReviewsInfo, null)));
+}
+Reviews.defaultProps = {
+  productId: null,
+  productActive: true,
+  reviews: null
+};
+export default connect(Reviews);

package/reviews/components/Reviews/mock.js

@@ -1,18 +1,94 @@
-var mockedProduct={productId:'foo',rating:{average:0,count:0}};var mockedProductWithRating={productId:'foo',rating:{average:50,count:4}};/**
+const mockedProduct = {
+  productId: 'foo',
+  rating: {
+    average: 0,
+    count: 0
+  }
+};
+const mockedProductWithRating = {
+  productId: 'foo',
+  rating: {
+    average: 50,
+    count: 4
+  }
+};
+
+/**
  * Creates mocked review object.
  * @param {string|number} id Anything that can be an id.
  * @return {Object}
- */export var mockReview=function mockReview(id){return{id:id,author:'',date:'2017-09-06T12:38:51.000Z',rate:100,title:'',review:'No Name and Title Lorem ipsum dolor sit amet, con… takimata sanctus est Lorem ipsum dolor sit amet.'};};/**
+ */
+export const mockReview = id => ({
+  id,
+  author: '',
+  date: '2017-09-06T12:38:51.000Z',
+  rate: 100,
+  title: '',
+  review: 'No Name and Title Lorem ipsum dolor sit amet, con… takimata sanctus est Lorem ipsum dolor sit amet.'
+});
+
+/**
  * Mocked state with 4 reviews.
  * @type {Object}
- */export var mockedStateWithAll={product:{productsById:{foo:{productData:mockedProductWithRating}}},reviews:{reviewsById:{1:mockReview(1),2:mockReview(2),3:mockReview(3),4:mockReview(4)},reviewsByProductId:{foo:{reviews:[1,2,3,4],totalReviewCount:4}}}};/**
+ */
+export const mockedStateWithAll = {
+  product: {
+    productsById: {
+      foo: {
+        productData: mockedProductWithRating
+      }
+    }
+  },
+  reviews: {
+    reviewsById: {
+      1: mockReview(1),
+      2: mockReview(2),
+      3: mockReview(3),
+      4: mockReview(4)
+    },
+    reviewsByProductId: {
+      foo: {
+        reviews: [1, 2, 3, 4],
+        totalReviewCount: 4
+      }
+    }
+  }
+};
+/**
  * Similar to mockedStateWithAll, but contains only two reviews.
  * @type {Object}
- */export var mockedStateWithTwoReviews=function(){// Must do deep clone here.
-var mockedState=JSON.parse(JSON.stringify(mockedStateWithAll));mockedState.reviews.reviewsByProductId.foo.reviews=mockedState.reviews.reviewsByProductId.foo.reviews.slice(0,2);mockedState.reviews.reviewsByProductId.foo.totalReviewCount=2;return mockedState;}();/**
+ */
+export const mockedStateWithTwoReviews = (() => {
+  // Must do deep clone here.
+  const mockedState = JSON.parse(JSON.stringify(mockedStateWithAll));
+  mockedState.reviews.reviewsByProductId.foo.reviews = mockedState.reviews.reviewsByProductId.foo.reviews.slice(0, 2);
+  mockedState.reviews.reviewsByProductId.foo.totalReviewCount = 2;
+  return mockedState;
+})();
+
+/**
  * Mocked state with product only. Reviews not fetched.
  * @type {Object}
- */export var mockedStateWithoutReview={product:{productsById:{foo:{productData:mockedProduct}}},reviews:{reviewsById:{},reviewsByProductId:{}}};/**
+ */
+export const mockedStateWithoutReview = {
+  product: {
+    productsById: {
+      foo: {
+        productData: mockedProduct
+      }
+    }
+  },
+  reviews: {
+    reviewsById: {},
+    reviewsByProductId: {}
+  }
+};
+/**
  * Mocked state without data.
  * @type {{product: {productsById: {}}}}
- */export var mockedStateProductEmpty={product:{productsById:{}}};
+ */
+export const mockedStateProductEmpty = {
+  product: {
+    productsById: {}
+  }
+};

package/reviews/components/Reviews/spec.js

@@ -1,8 +1,71 @@
-import React from'react';import{Provider}from'react-redux';import configureStore from'redux-mock-store';import{mount}from'enzyme';import mockRenderOptions from'@shopgate/pwa-common/helpers/mocks/mockRenderOptions';import{mockedStateWithAll,mockedStateWithoutReview,mockedStateWithTwoReviews}from'@shopgate/pwa-common-commerce/reviews/mock';import appConfig from'@shopgate/pwa-common/helpers/config';import Reviews from"./index";var mockedStore=configureStore();/**
+import React from 'react';
+import { Provider } from 'react-redux';
+import configureStore from 'redux-mock-store';
+import { mount } from 'enzyme';
+import mockRenderOptions from '@shopgate/pwa-common/helpers/mocks/mockRenderOptions';
+import { mockedStateWithAll, mockedStateWithoutReview, mockedStateWithTwoReviews } from '@shopgate/pwa-common-commerce/reviews/mock';
+import appConfig from '@shopgate/pwa-common/helpers/config';
+import Reviews from "./index";
+const mockedStore = configureStore();
+
+/**
  * @returns {JSX}
- */jest.mock("./components/Header",function(){return function Header(){return React.createElement("div",null);};});jest.mock('@shopgate/engage/product',function(){return{PRODUCT_REVIEWS:'product.reviews',makeIsBaseProductActive:jest.fn(function(){return function(){return true;};})};});jest.mock('@shopgate/engage/components');// Mock the getter of the hasReviews key inside the app config, so that we can turn it off later
-jest.resetModules();var hasReviewsGetter=jest.fn().mockReturnValue(true);Object.defineProperty(appConfig,'hasReviews',{get:hasReviewsGetter});/**
+ */
+jest.mock("./components/Header", () => function Header() {
+  return /*#__PURE__*/React.createElement("div", null);
+});
+jest.mock('@shopgate/engage/product', () => ({
+  PRODUCT_REVIEWS: 'product.reviews',
+  makeIsBaseProductActive: jest.fn(() => () => true)
+}));
+jest.mock('@shopgate/engage/components');
+
+// Mock the getter of the hasReviews key inside the app config, so that we can turn it off later
+jest.resetModules();
+const hasReviewsGetter = jest.fn().mockReturnValue(true);
+Object.defineProperty(appConfig, 'hasReviews', {
+  get: hasReviewsGetter
+});
+
+/**
  * Creates component with provided store state.
  * @param {Object} mockedState Mocked stage.
  * @return {ReactWrapper}
- */var createComponent=function createComponent(mockedState){return mount(React.createElement(Provider,{store:mockedStore(mockedState)},React.createElement(Reviews,{productId:"foo"})),mockRenderOptions);};describe('<Reviews />',function(){var component=null;it('should render when no reviews and rating given',function(){component=createComponent(mockedStateWithoutReview);expect(component).toMatchSnapshot();expect(component.find('Header').exists()).toBe(true);expect(component.find('List').exists()).toBe(true);expect(component.find('AllReviewsLink').exists()).toBe(true);});it('should render reviews, header and all reviews link',function(){component=createComponent(mockedStateWithAll);expect(component).toMatchSnapshot();expect(component.find('Header').exists()).toBe(true);expect(component.find('List').exists()).toBe(true);expect(component.find('AllReviewsLink').find('div').exists()).toBe(true);});it('should render reviews, header, but no all reviews link',function(){component=createComponent(mockedStateWithTwoReviews);expect(component).toMatchSnapshot();expect(component.find('Header').exists()).toBe(true);expect(component.find('List').exists()).toBe(true);expect(component.find('AllReviewsLink').find('div').exists()).toBe(false);});it('should not render when feature flag is off',function(){hasReviewsGetter.mockReturnValueOnce(false);component=createComponent(mockedStateWithAll);expect(component).toMatchSnapshot();expect(component.find('Header').exists()).toBe(false);expect(component.find('List').exists()).toBe(false);expect(component.find('AllReviewsLink').exists()).toBe(false);});});
+ */
+const createComponent = mockedState => mount(/*#__PURE__*/React.createElement(Provider, {
+  store: mockedStore(mockedState)
+}, /*#__PURE__*/React.createElement(Reviews, {
+  productId: "foo"
+})), mockRenderOptions);
+describe('<Reviews />', () => {
+  let component = null;
+  it('should render when no reviews and rating given', () => {
+    component = createComponent(mockedStateWithoutReview);
+    expect(component).toMatchSnapshot();
+    expect(component.find('Header').exists()).toBe(true);
+    expect(component.find('List').exists()).toBe(true);
+    expect(component.find('AllReviewsLink').exists()).toBe(true);
+  });
+  it('should render reviews, header and all reviews link', () => {
+    component = createComponent(mockedStateWithAll);
+    expect(component).toMatchSnapshot();
+    expect(component.find('Header').exists()).toBe(true);
+    expect(component.find('List').exists()).toBe(true);
+    expect(component.find('AllReviewsLink').find('div').exists()).toBe(true);
+  });
+  it('should render reviews, header, but no all reviews link', () => {
+    component = createComponent(mockedStateWithTwoReviews);
+    expect(component).toMatchSnapshot();
+    expect(component.find('Header').exists()).toBe(true);
+    expect(component.find('List').exists()).toBe(true);
+    expect(component.find('AllReviewsLink').find('div').exists()).toBe(false);
+  });
+  it('should not render when feature flag is off', () => {
+    hasReviewsGetter.mockReturnValueOnce(false);
+    component = createComponent(mockedStateWithAll);
+    expect(component).toMatchSnapshot();
+    expect(component.find('Header').exists()).toBe(false);
+    expect(component.find('List').exists()).toBe(false);
+    expect(component.find('AllReviewsLink').exists()).toBe(false);
+  });
+});

package/reviews/components/Reviews/style.js

@@ -1 +1,11 @@
-import{css}from'glamor';import{themeConfig}from'@shopgate/pwa-common/helpers/config';var variables=themeConfig.variables;var container=css({marginBottom:variables.gap.small});export default{container:container};
+import { css } from 'glamor';
+import { themeConfig } from '@shopgate/pwa-common/helpers/config';
+const {
+  variables
+} = themeConfig;
+const container = css({
+  marginBottom: variables.gap.small
+});
+export default {
+  container
+};

package/reviews/components/index.js

@@ -1 +1 @@
-export{default as Reviews}from"./Reviews";
+export { default as Reviews } from "./Reviews";

package/reviews/constants/index.js

@@ -1 +1,3 @@
-export*from'@shopgate/pwa-common-commerce/reviews/constants/index';export*from'@shopgate/pwa-common-commerce/reviews/constants/Pipelines';export*from'@shopgate/pwa-common-commerce/reviews/constants/Portals';
+export * from '@shopgate/pwa-common-commerce/reviews/constants/index';
+export * from '@shopgate/pwa-common-commerce/reviews/constants/Pipelines';
+export * from '@shopgate/pwa-common-commerce/reviews/constants/Portals';

package/reviews/index.js

@@ -1,3 +1,12 @@
-/** @module reviews */ // Not moved into a "mocks" folder with index.js, since folders with "*mocks*" are deleted during
+/** @module reviews */
+// Not moved into a "mocks" folder with index.js, since folders with "*mocks*" are deleted during
 // release before upload to github, which will cause errors because auf in invalid import.
-export*from'@shopgate/pwa-common-commerce/reviews/mock';/* eslint-disable import/export */export*from"./actions";export*from"./components";export*from"./constants";export*from"./selectors";export*from"./streams";/* eslint-enable import/export */
+export * from '@shopgate/pwa-common-commerce/reviews/mock';
+
+/* eslint-disable import/export */
+export * from "./actions";
+export * from "./components";
+export * from "./constants";
+export * from "./selectors";
+export * from "./streams";
+/* eslint-enable import/export */

package/reviews/selectors/index.js

@@ -1 +1 @@
-export*from'@shopgate/pwa-common-commerce/reviews/selectors';
+export * from '@shopgate/pwa-common-commerce/reviews/selectors';

package/reviews/streams/index.js

@@ -1 +1 @@
-export*from'@shopgate/pwa-common-commerce/reviews/streams';
+export * from '@shopgate/pwa-common-commerce/reviews/streams';

package/scanner/action-creators/index.js

@@ -1 +1,3 @@
-export{default as startScanner}from'@shopgate/pwa-common-commerce/scanner/action-creators/startScanner';export{default as successHandleScanner}from'@shopgate/pwa-common-commerce/scanner/action-creators/successHandleScanner';export{default as errorHandleScanner}from'@shopgate/pwa-common-commerce/scanner/action-creators/errorHandleScanner';
+export { default as startScanner } from '@shopgate/pwa-common-commerce/scanner/action-creators/startScanner';
+export { default as successHandleScanner } from '@shopgate/pwa-common-commerce/scanner/action-creators/successHandleScanner';
+export { default as errorHandleScanner } from '@shopgate/pwa-common-commerce/scanner/action-creators/errorHandleScanner';

package/scanner/actions/index.js

@@ -1 +1,4 @@
-export{default as handleBarCode}from'@shopgate/pwa-common-commerce/scanner/actions/handleBarCode';export{default as handleQrCode}from'@shopgate/pwa-common-commerce/scanner/actions/handleQrCode';export{default as handleSearch}from'@shopgate/pwa-common-commerce/scanner/actions/handleSearch';export{default as handleNoResults}from'@shopgate/pwa-common-commerce/scanner/actions/handleNoResults';
+export { default as handleBarCode } from '@shopgate/pwa-common-commerce/scanner/actions/handleBarCode';
+export { default as handleQrCode } from '@shopgate/pwa-common-commerce/scanner/actions/handleQrCode';
+export { default as handleSearch } from '@shopgate/pwa-common-commerce/scanner/actions/handleSearch';
+export { default as handleNoResults } from '@shopgate/pwa-common-commerce/scanner/actions/handleNoResults';

package/scanner/classes/index.js

@@ -1 +1 @@
-export{default as scanner}from'@shopgate/pwa-core/classes/Scanner';
+export { default as scanner } from '@shopgate/pwa-core/classes/Scanner';

package/scanner/constants/index.js

@@ -1 +1,3 @@
-export*from'@shopgate/pwa-common-commerce/scanner/constants';export*from'@shopgate/pwa-common-commerce/scanner/constants/Portals';export*from'@shopgate/pwa-core/constants/Scanner';
+export * from '@shopgate/pwa-common-commerce/scanner/constants';
+export * from '@shopgate/pwa-common-commerce/scanner/constants/Portals';
+export * from '@shopgate/pwa-core/constants/Scanner';

package/scanner/helpers/index.js

@@ -1 +1 @@
-export*from'@shopgate/pwa-common-commerce/scanner/helpers';
+export * from '@shopgate/pwa-common-commerce/scanner/helpers';

package/scanner/index.js

@@ -1 +1,10 @@
-/** @module scanner */ /* eslint-disable import/export */export*from"./actions";export*from"./action-creators";export*from"./classes";export*from"./constants";export*from"./helpers";export*from"./streams";/* eslint-enable import/export */
+/** @module scanner */
+
+/* eslint-disable import/export */
+export * from "./actions";
+export * from "./action-creators";
+export * from "./classes";
+export * from "./constants";
+export * from "./helpers";
+export * from "./streams";
+/* eslint-enable import/export */

package/scanner/streams/index.js

@@ -1 +1 @@
-export*from'@shopgate/pwa-common-commerce/scanner/streams';
+export * from '@shopgate/pwa-common-commerce/scanner/streams';

package/search/actions/index.js

@@ -1 +1,2 @@
-export{default as fetchSearchResults}from'@shopgate/pwa-common-commerce/search/actions/fetchSearchResults';export{default as fetchSearchSuggestions}from'@shopgate/pwa-common-commerce/search/actions/fetchSearchSuggestions';
+export { default as fetchSearchResults } from '@shopgate/pwa-common-commerce/search/actions/fetchSearchResults';
+export { default as fetchSearchSuggestions } from '@shopgate/pwa-common-commerce/search/actions/fetchSearchSuggestions';

package/search/constants/index.js

@@ -1 +1,3 @@
-export*from'@shopgate/pwa-common-commerce/search/constants/index';export*from'@shopgate/pwa-common-commerce/search/constants/Pipelines';export*from'@shopgate/pwa-common-commerce/search/constants/Portals';
+export * from '@shopgate/pwa-common-commerce/search/constants/index';
+export * from '@shopgate/pwa-common-commerce/search/constants/Pipelines';
+export * from '@shopgate/pwa-common-commerce/search/constants/Portals';