@shopgate/engage 7.32.0-beta.2 → 7.32.0-beta.20

package/product/components/Header/Tiers/spec.js

@@ -1,64 +0,0 @@
-import React from 'react';
-import { render } from '@testing-library/react';
-import Tiers from "./index";
-import { jsx as _jsx } from "react/jsx-runtime";
-jest.mock("./connector", () => cmp => cmp);
-describe('<Tiers />', () => {
-  describe('Rendering with data', () => {
-    it('should render tier prices when tier prices are available', () => {
-      const price = {
-        tiers: [{
-          from: 1,
-          to: 2,
-          unitPrice: 92.5
-        }, {
-          from: 3,
-          to: 5,
-          unitPrice: 77.5
-        }, {
-          from: 6,
-          to: null,
-          unitPrice: 68.5
-        }],
-        currency: 'USD'
-      };
-      const wrapper = render(/*#__PURE__*/_jsx(Tiers, {
-        price: price
-      }));
-      expect(wrapper.asFragment()).toMatchSnapshot();
-    });
-  });
-  describe('Rendering without data', () => {
-    it('should render nothing when price data are not available ({})', () => {
-      const wrapper = render(/*#__PURE__*/_jsx(Tiers, {
-        price: {}
-      }));
-      expect(wrapper).toBeEmptyRender();
-    });
-    it('should render nothing when price data are not available (null)', () => {
-      const wrapper = render(/*#__PURE__*/_jsx(Tiers, {
-        price: null
-      }));
-      expect(wrapper).toBeEmptyRender();
-    });
-    it('should render nothing when tier prices are empty ([])', () => {
-      const price = {
-        tiers: [],
-        currency: 'USD'
-      };
-      const wrapper = render(/*#__PURE__*/_jsx(Tiers, {
-        price: price
-      }));
-      expect(wrapper).toBeEmptyRender();
-    });
-    it('should render nothing when tier prices are not available (field missing)', () => {
-      const price = {
-        currency: 'USD'
-      };
-      const wrapper = render(/*#__PURE__*/_jsx(Tiers, {
-        price: price
-      }));
-      expect(wrapper).toBeEmptyRender();
-    });
-  });
-});

package/product/components/Media/helpers.d.ts

@@ -1,2 +0,0 @@
-export function buildMediaImageUrl(url: string, params?: Object): string;
-//# sourceMappingURL=helpers.d.ts.map

package/product/components/Media/helpers.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../../product/components/Media/helpers.js"],"names":[],"mappings":"AAsBO,wCAJI,MAAM,WACN,MAAM,GACJ,MAAM,CAiBlB"}

package/product/components/Options/components/Content/spec.js

@@ -1,73 +0,0 @@
-import React from 'react';
-import { mount, shallow } from 'enzyme';
-import { PickerUtilize as Picker } from '@shopgate/engage/components';
-import Options from "./index";
-import { jsx as _jsx } from "react/jsx-runtime";
-jest.mock('@shopgate/engage/components');
-jest.mock('@shopgate/engage/product/components', () => ({
-  PriceDifference: () => null
-}));
-jest.mock('@shopgate/engage/product/contexts', () => {
-  const ReactCopy = jest.requireActual('react');
-  return {
-    ProductContext: ReactCopy.createContext({
-      setOption: jest.fn(),
-      currency: 'EUR'
-    })
-  };
-});
-
-// Mock the redux connect() method instead of providing a fake store.
-jest.mock("./connector", () => obj => {
-  const newObj = obj;
-  const mockOptions = [{
-    id: 'test-id',
-    type: 'select',
-    label: 'label',
-    items: [{
-      currency: 'USD',
-      price: 10,
-      priceDifference: 0
-    }, {
-      currency: 'USD',
-      price: 10,
-      priceDifference: 0
-    }]
-  }];
-  newObj.defaultProps = {
-    options: mockOptions,
-    currentOptions: {}
-  };
-  return newObj;
-});
-describe('<Options />', () => {
-  const mockOptions = [{
-    id: 'test-id',
-    type: 'select',
-    label: 'label',
-    items: [{
-      currency: 'USD',
-      price: 10,
-      priceDifference: 0
-    }, {
-      currency: 'USD',
-      price: 10,
-      priceDifference: 0
-    }]
-  }];
-  describe('Given the component was mounted to the DOM', () => {
-    it('should match snapshot', () => {
-      const wrapper = shallow(/*#__PURE__*/_jsx(Options, {
-        currentOptions: {}
-      })).dive();
-      expect(wrapper).toMatchSnapshot();
-    });
-    it('should render correct number of options', () => {
-      const wrapper = mount(/*#__PURE__*/_jsx(Options, {
-        options: mockOptions
-      }));
-      const picker = wrapper.find(Picker);
-      expect(picker.length).toBe(mockOptions.length);
-    });
-  });
-});

package/product/components/Options/components/TextOption/components/OptionInfo/spec.js

@@ -1,72 +0,0 @@
-import React from 'react';
-import { render } from '@testing-library/react';
-import mockRenderOptions from '@shopgate/pwa-common/helpers/mocks/mockRenderOptions';
-import { I18n } from '@shopgate/engage/components';
-import { OptionInfo } from "./index";
-import { jsx as _jsx } from "react/jsx-runtime";
-const optionInfoText = 'Some Text';
-const optionInfoId = 'some-id';
-jest.mock('@shopgate/engage/components', () => {
-  const {
-    default: Grid
-  } = jest.requireActual('@shopgate/pwa-common/components/Grid');
-  const {
-    default: I18nComponent
-  } = jest.requireActual('@shopgate/pwa-common/components/I18n');
-  return {
-    Typography: ({
-      children
-    }) => children,
-    Grid,
-    I18n: I18nComponent
-  };
-});
-jest.mock('@shopgate/engage/product/contexts', () => ({
-  ProductContext: {
-    Consumer: ({
-      children
-    }) => children({
-      currency: 'EUR'
-    })
-  }
-}));
-const createComponent = props => render(/*#__PURE__*/_jsx(I18n.Provider, {
-  children: /*#__PURE__*/_jsx(OptionInfo, {
-    ...props
-  })
-}), mockRenderOptions);
-describe('<OptionInfo />', () => {
-  it('should not render when not required and no price', () => {
-    const wrapper = createComponent({
-      required: false,
-      label: '',
-      price: 0,
-      currency: 'EUR',
-      info: optionInfoText,
-      optionInfoId
-    });
-    expect(wrapper.container.firstChild).toBeNull();
-  });
-  it('should render required element', () => {
-    const wrapper = createComponent({
-      required: true,
-      label: '',
-      price: 0,
-      currency: 'EUR',
-      info: optionInfoText,
-      optionInfoId
-    });
-    expect(wrapper.container.firstChild).toMatchSnapshot();
-  });
-  it('should render price element', () => {
-    const wrapper = createComponent({
-      required: false,
-      label: 'Label',
-      price: 10,
-      currency: 'EUR',
-      info: optionInfoText,
-      optionInfoId
-    });
-    expect(wrapper.container.firstChild).toMatchSnapshot();
-  });
-});

package/product/components/ProductDiscountBadge/spec.js

@@ -1,58 +0,0 @@
-import React from 'react';
-import { render } from '@testing-library/react';
-import configureStore from 'redux-mock-store';
-import { Provider } from 'react-redux';
-import { useWidgetSettings } from '@shopgate/engage/core/hooks/useWidgetSettings';
-import { mockedProduct1, mockedStateWithDiscount, mockedStateWithoutDiscount } from "./mock";
-import ProductDiscountBadge from "./index";
-import { jsx as _jsx } from "react/jsx-runtime";
-jest.mock('@shopgate/engage/components');
-jest.mock('@shopgate/engage/core/hooks/useWidgetSettings', () => ({
-  useWidgetSettings: jest.fn()
-}));
-describe('<ProductDiscountBadge />', () => {
-  const mockedStore = configureStore();
-  beforeEach(() => {
-    useWidgetSettings.mockReturnValue({
-      pdp: {
-        show: true,
-        style: {
-          color: 'blue'
-        }
-      }
-    });
-  });
-
-  /**
-   * createComponent
-   * @param {Object} mockedState mockedState
-   * @return {*}
-   */
-  const createComponent = mockedState => {
-    const store = mockedStore(mockedState);
-    return render(/*#__PURE__*/_jsx(Provider, {
-      store: store,
-      children: /*#__PURE__*/_jsx(ProductDiscountBadge, {
-        productId: mockedProduct1.productId
-      })
-    }));
-  };
-  it('should render without discount', () => {
-    const wrapper = createComponent(mockedStateWithoutDiscount);
-    expect(wrapper.asFragment()).toMatchSnapshot();
-  });
-  it('should render with discount', () => {
-    const wrapper = createComponent(mockedStateWithDiscount);
-    expect(wrapper.asFragment()).toMatchSnapshot();
-  });
-  it('should not render with discount if widgetSetting is false', () => {
-    useWidgetSettings.mockReturnValue({
-      pdp: {
-        show: false,
-        style: {}
-      }
-    });
-    const wrapper = createComponent(mockedStateWithDiscount);
-    expect(wrapper.asFragment()).toMatchSnapshot();
-  });
-});

package/product/components/ProductGrid/components/Item/components/ItemDetails/spec.js

@@ -1,73 +0,0 @@
-import React from 'react';
-import { shallow } from 'enzyme';
-import { hasNewServices } from '@shopgate/engage/core/helpers';
-import { Availability } from '@shopgate/engage/components';
-import { StockInfoLists } from '@shopgate/engage/locations/components';
-import ItemDetails from "./index";
-import { jsx as _jsx } from "react/jsx-runtime";
-jest.mock('@shopgate/engage/product', () => ({
-  MapPriceHint: () => null,
-  OrderQuantityHint: () => null,
-  EffectivityDates: () => null,
-  Swatches: () => null,
-  AVAILABILITY_STATE_OK: 'AVAILABILITY_STATE_OK',
-  AVAILABILITY_STATE_ALERT: 'AVAILABILITY_STATE_ALERT',
-  getProductRoute: jest.fn(productId => `link-to-product/${productId}`)
-}));
-jest.mock('@shopgate/engage/locations/components', () => ({
-  StockInfoLists: () => null
-}));
-jest.mock('@shopgate/engage/core/helpers', () => ({
-  hasNewServices: jest.fn().mockReturnValue(false),
-  i18n: {
-    text: str => str
-  }
-}));
-jest.mock('@shopgate/engage/components');
-jest.mock('@shopgate/engage/core', () => ({
-  isIOSTheme: jest.fn().mockReturnValue(true),
-  hasWebBridge: jest.fn().mockReturnValue(false),
-  i18n: {
-    text: text => text
-  }
-}));
-jest.mock("../ItemName");
-jest.mock("../ItemPrice");
-describe('<ItemDetails />', () => {
-  const props = {
-    product: {
-      id: '1234',
-      name: 'Foo',
-      price: {}
-    }
-  };
-  const display = {
-    name: false,
-    price: false,
-    reviews: false
-  };
-  it('should render with minimal props', () => {
-    const wrapper = shallow(/*#__PURE__*/_jsx(ItemDetails, {
-      ...props
-    }));
-    expect(wrapper).toMatchSnapshot();
-    expect(wrapper.find(Availability).exists()).toBe(false);
-    expect(wrapper.find(StockInfoLists).exists()).toBe(false);
-  });
-  it('should render additional components with new services', () => {
-    hasNewServices.mockReturnValueOnce(true);
-    const wrapper = shallow(/*#__PURE__*/_jsx(ItemDetails, {
-      ...props
-    }));
-    expect(wrapper).toMatchSnapshot();
-    expect(wrapper.find(Availability).exists()).toBe(true);
-    expect(wrapper.find(StockInfoLists).exists()).toBe(true);
-  });
-  it('should not render with display props set', () => {
-    const wrapper = shallow(/*#__PURE__*/_jsx(ItemDetails, {
-      ...props,
-      display: display
-    }));
-    expect(wrapper).toBeEmptyRender();
-  });
-});

package/product/components/ProductGrid/components/Item/components/ItemFavoritesButton/spec.js

@@ -1,33 +0,0 @@
-import React from 'react';
-import { render } from '@testing-library/react';
-import { combineReducers } from 'redux';
-import { Provider } from 'react-redux';
-import { createMockStore } from '@shopgate/pwa-common/store';
-import favorites from '@shopgate/pwa-common-commerce/favorites/reducers';
-import ItemFavoritesButton from "./index";
-import { jsx as _jsx } from "react/jsx-runtime";
-jest.mock('@shopgate/engage/components');
-const store = createMockStore(combineReducers({
-  favorites
-}));
-describe('<ItemFavoritesButton />', () => {
-  it('should not render when it\'s not a favorite', () => {
-    const wrapper = render(/*#__PURE__*/_jsx(Provider, {
-      store: store,
-      children: /*#__PURE__*/_jsx(ItemFavoritesButton, {
-        productId: "1234"
-      })
-    }));
-    expect(wrapper.container.firstChild).toMatchSnapshot();
-  });
-  it('should render if it\'s a favorite', () => {
-    const wrapper = render(/*#__PURE__*/_jsx(Provider, {
-      store: store,
-      children: /*#__PURE__*/_jsx(ItemFavoritesButton, {
-        productId: "1234",
-        isFavorite: true
-      })
-    }));
-    expect(wrapper.container.firstChild).toMatchSnapshot();
-  });
-});

package/product/components/ProductGrid/components/Item/components/ItemImage/spec.js

@@ -1,16 +0,0 @@
-import React from 'react';
-import { render } from '@testing-library/react';
-import ItemImage from "./index";
-import { jsx as _jsx } from "react/jsx-runtime";
-jest.mock('@shopgate/engage/components');
-jest.mock('@shopgate/engage/product');
-describe('<ItemImage />', () => {
-  it('should render', () => {
-    const wrapper = render(/*#__PURE__*/_jsx(ItemImage, {
-      productId: "1234",
-      imageUrl: "http://www.google.com",
-      name: "FooBar"
-    }));
-    expect(wrapper.asFragment()).toMatchSnapshot();
-  });
-});

package/product/components/ProductGrid/components/Item/components/ItemName/spec.js

@@ -1,21 +0,0 @@
-import React from 'react';
-import { render } from '@testing-library/react';
-import ItemName from "./index";
-import { jsx as _jsx } from "react/jsx-runtime";
-jest.mock('@shopgate/engage/product', () => ({
-  ProductName: () => null,
-  ProductRatingStars: () => null
-}));
-jest.mock('@shopgate/engage/components');
-const props = {
-  productId: '1234',
-  name: 'Foo'
-};
-describe('<ItemName />', () => {
-  it('should render with minimal props', () => {
-    const wrapper = render(/*#__PURE__*/_jsx(ItemName, {
-      ...props
-    }));
-    expect(wrapper.asFragment()).toMatchSnapshot();
-  });
-});

package/product/components/ProductGrid/components/Item/components/ItemPrice/spec.js

@@ -1,37 +0,0 @@
-import React from 'react';
-import { render } from '@testing-library/react';
-import ItemPrice from "./index";
-import { jsx as _jsx } from "react/jsx-runtime";
-jest.mock('@shopgate/engage/product', () => ({
-  ProductGridPrice: () => null
-}));
-jest.mock('@shopgate/engage/components');
-jest.mock('@shopgate/engage/category', () => ({
-  PRODUCT_ITEM_PRICE: 'PRODUCT_ITEM_PRICE',
-  PRODUCT_ITEM_PRICE_AFTER: 'PRODUCT_ITEM_PRICE_AFTER',
-  PRODUCT_ITEM_PRICE_BEFORE: 'PRODUCT_ITEM_PRICE_BEFORE'
-}));
-const props = {
-  product: {
-    id: '1234',
-    price: {}
-  }
-};
-const display = {
-  price: false
-};
-describe('<ItemPrice />', () => {
-  it('should render with minimal props', () => {
-    const wrapper = render(/*#__PURE__*/_jsx(ItemPrice, {
-      ...props
-    }));
-    expect(wrapper.asFragment()).toMatchSnapshot();
-  });
-  it('should not render with display props set', () => {
-    const wrapper = render(/*#__PURE__*/_jsx(ItemPrice, {
-      ...props,
-      display: display
-    }));
-    expect(wrapper).toBeEmptyRender();
-  });
-});

package/product/components/ProductGrid/spec.js

@@ -1,52 +0,0 @@
-import React from 'react';
-import { mount } from 'enzyme';
-import ProductGrid from '.';
-import { jsx as _jsx } from "react/jsx-runtime";
-global.console.error = jest.fn();
-jest.mock('@shopgate/engage/core', () => ({
-  hasWebBridge: jest.fn(() => false),
-  isIOSTheme: jest.fn(() => false),
-  withForwardedRef: jest.fn(),
-  withCurrentProduct: jest.fn(),
-  useWidgetSettings: jest.fn().mockReturnValue({})
-}));
-jest.mock('@shopgate/engage/components', () => {
-  const {
-    ViewContext
-  } = jest.requireActual('@shopgate/engage/components/View/context');
-  return {
-    ViewContext,
-    InfiniteContainer: () => null,
-    Grid: () => null
-  };
-});
-jest.mock("./components/Iterator", () => function Iterator() {
-  return null;
-});
-jest.mock('@shopgate/engage/product', () => ({
-  ProductListTypeProvider: ({
-    children
-  }) => children,
-  ProductListEntryProvider: ({
-    children
-  }) => children
-}));
-describe('<ProductGrid />', () => {
-  it('should render with the InfiniteContainer', () => {
-    const wrapper = mount(/*#__PURE__*/_jsx(ProductGrid, {
-      products: []
-    }));
-    expect(wrapper).toMatchSnapshot();
-    expect(wrapper.find('InfiniteContainer').exists()).toBe(true);
-    expect(wrapper.find('Layout').exists()).toBe(false);
-  });
-  it('should render the original layout', () => {
-    const wrapper = mount(/*#__PURE__*/_jsx(ProductGrid, {
-      infiniteLoad: false,
-      products: []
-    }));
-    expect(wrapper).toMatchSnapshot();
-    expect(wrapper.find('InfiniteContainer').exists()).toBe(false);
-    expect(wrapper.find('Layout').exists()).toBe(true);
-  });
-});

package/product/components/ProductImage/connector.js

@@ -1,12 +0,0 @@
-import { connect } from 'react-redux';
-import { getProductImagePlaceholder } from "../../../core";
-
-/**
- * Maps the current application state to the component props.
- * @param {Object} state The current application state.
- * @return {Object} The populated component props.
- */
-const mapStateToProps = state => ({
-  placeholderSrc: getProductImagePlaceholder(state)
-});
-export default connect(mapStateToProps);

package/product/components/ProductImage/spec.js

@@ -1,87 +0,0 @@
-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 ProductImagePlaceholder from "./ProductImagePlaceholder";
-import ProductImage from "./index";
-import { jsx as _jsx } from "react/jsx-runtime";
-jest.unmock('@shopgate/pwa-core');
-jest.mock("../../../core/hocs/withWidgetSettings");
-jest.mock('@shopgate/pwa-common/helpers/config');
-jest.mock("./connector", () => Component => Component);
-jest.mock('@shopgate/engage/components', () => ({
-  Image: () => null
-}));
-describe('<ProductImage />', () => {
-  it('should render a placeholder if no src prop is provided', () => {
-    const wrapper = shallow(/*#__PURE__*/_jsx(ProductImage, {})).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', () => {
-    const wrapper = shallow(/*#__PURE__*/_jsx(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', () => {
-    jest.spyOn(appConfig, 'hideProductImageShadow', 'get').mockReturnValue(true);
-    const wrapper = shallow(/*#__PURE__*/_jsx(ProductImage, {
-      placeholderSrc: "http://placehold.it/300x300"
-    })).dive();
-    expect(wrapper).toMatchSnapshot();
-    expect(wrapper.find(ProductImagePlaceholder).prop('showInnerShadow')).toBe(false);
-  });
-  it('should not apply an inner shadow to the image if turned off via the app config', () => {
-    jest.spyOn(appConfig, 'hideProductImageShadow', 'get').mockReturnValue(true);
-    const wrapper = shallow(/*#__PURE__*/_jsx(ProductImage, {
-      src: "http://placehold.it/300x300"
-    })).dive();
-    expect(wrapper).toMatchSnapshot();
-    expect(wrapper.find(Image).prop('className')).toBe('');
-  });
-  it('should not apply an inner shadow to the placeholder if turned off via the widget settings', () => {
-    const wrapper = shallow(/*#__PURE__*/_jsx(ProductImage, {
-      placeholderSrc: "http://placehold.it/300x300",
-      widgetSettings: {
-        showInnerShadow: false
-      }
-    })).dive();
-    expect(wrapper).toMatchSnapshot();
-    expect(wrapper.find(ProductImagePlaceholder).prop('showInnerShadow')).toBe(false);
-  });
-  it('should not apply an inner shadow to the image if turned off via the widget settings', () => {
-    const wrapper = shallow(/*#__PURE__*/_jsx(ProductImage, {
-      src: "http://placehold.it/300x300",
-      widgetSettings: {
-        showInnerShadow: false
-      }
-    })).dive();
-    expect(wrapper).toMatchSnapshot();
-    expect(wrapper.find(Image).prop('className')).toBe('');
-  });
-  it('should apply an inner shadow to the placeholder if turned off via the widget settings', () => {
-    const wrapper = shallow(/*#__PURE__*/_jsx(ProductImage, {
-      widgetSettings: {
-        showInnerShadow: true
-      },
-      placeholderSrc: "http://placehold.it/300x300"
-    })).dive();
-    expect(wrapper).toMatchSnapshot();
-    expect(wrapper.find(ProductImagePlaceholder).prop('showInnerShadow')).toBe(true);
-  });
-  it('should apply an inner shadow to the image if turned off via the widget settings', () => {
-    const wrapper = shallow(/*#__PURE__*/_jsx(ProductImage, {
-      src: "http://placehold.it/300x300",
-      widgetSettings: {
-        showInnerShadow: true
-      }
-    })).dive();
-    expect(wrapper).toMatchSnapshot();
-    expect(wrapper.find(Image).prop('className')).toBeTruthy();
-  });
-});

package/product/components/ProductSlider/spec.js

@@ -1,37 +0,0 @@
-import React from 'react';
-import { render } from '@testing-library/react';
-import ProductSlider from "./index";
-import { jsx as _jsx } from "react/jsx-runtime";
-jest.mock('@shopgate/engage/core', () => ({
-  useWidgetSettings: jest.fn()
-}));
-jest.mock('@shopgate/engage/components', () => {
-  const Swiper = ({
-    children
-  }) => children;
-  Swiper.Item = ({
-    children
-  }) => children;
-  Swiper.Item.displayName = 'Swiper.Item';
-  return {
-    Swiper
-  };
-});
-jest.mock('@shopgate/engage/core/hooks', () => {
-  const ProductCard = () => /*#__PURE__*/_jsx("div", {
-    "data-testid": "product-card"
-  });
-  return {
-    useThemeComponents: () => ({
-      ProductCard
-    })
-  };
-});
-describe('<ProductSlider />', () => {
-  it('should match snapshot', () => {
-    const wrapper = render(/*#__PURE__*/_jsx(ProductSlider, {
-      productIds: ['prod1']
-    }));
-    expect(wrapper.container.firstChild).toMatchSnapshot();
-  });
-});

package/product/components/Rating/connector.js

@@ -1,26 +0,0 @@
-import { connect } from 'react-redux';
-import { getProductRating } from '@shopgate/pwa-common-commerce/product/selectors/product';
-
-/**
- * @param {Object} state The current application state.
- * @param {Object} props The component props.
- * @return {Object} The extended component props.
- */
-const mapStateToProps = (state, props) => ({
-  rating: getProductRating(state, props)
-});
-
-/**
- * @param {Object} next The next component props.
- * @param {Object} prev The previous component props.
- * @return {boolean}
- */
-const areStatePropsEqual = (next, prev) => {
-  if (!prev.rating && next.rating) {
-    return false;
-  }
-  return true;
-};
-export default connect(mapStateToProps, null, null, {
-  areStatePropsEqual
-});