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

package/filter/components/FilterPageContent/components/ResetButton/spec.js

@@ -1,29 +0,0 @@
-import React from 'react';
-import { shallow } from 'enzyme';
-import ResetButton from "./index";
-import { jsx as _jsx } from "react/jsx-runtime";
-const clickMock = jest.fn();
-jest.mock('@shopgate/engage/components');
-describe('Filter: <ResetButton />', () => {
-  it('should render as activated', () => {
-    const wrapper = shallow(/*#__PURE__*/_jsx(ResetButton, {
-      onClick: () => {}
-    }));
-    expect(wrapper).toMatchSnapshot();
-  });
-  it('should render as deactivated', () => {
-    const wrapper = shallow(/*#__PURE__*/_jsx(ResetButton, {
-      disabled: true,
-      onClick: () => {}
-    }));
-    expect(wrapper).toMatchSnapshot();
-  });
-  it('should handle clicks', () => {
-    const wrapper = shallow(/*#__PURE__*/_jsx(ResetButton, {
-      onClick: clickMock
-    }));
-    expect(wrapper).toMatchSnapshot();
-    wrapper.find('Button').simulate('click');
-    expect(clickMock).toHaveBeenCalled();
-  });
-});

package/filter/components/FilterPageContent/components/Selector/components/Selected/spec.js

@@ -1,26 +0,0 @@
-import React from 'react';
-import { render } from '@testing-library/react';
-import Selected from "./index";
-import { jsx as _jsx } from "react/jsx-runtime";
-const values = [{
-  id: 'foo',
-  label: 'fooLabel'
-}, {
-  id: 'bar',
-  label: 'barLabel'
-}];
-describe('Filter: <Selected />', () => {
-  it('should not render without selected', () => {
-    const wrapper = render(/*#__PURE__*/_jsx(Selected, {
-      values: values
-    }));
-    expect(wrapper.asFragment()).toMatchSnapshot();
-  });
-  it('should render with selected', () => {
-    const wrapper = render(/*#__PURE__*/_jsx(Selected, {
-      values: values,
-      selected: ['foo']
-    }));
-    expect(wrapper.asFragment()).toMatchSnapshot();
-  });
-});

package/filter/components/FilterPageContent/components/Selector/components/Toggle/spec.js

@@ -1,34 +0,0 @@
-import React from 'react';
-import { render } from '@testing-library/react';
-import Toggle from "./index";
-import { jsx as _jsx } from "react/jsx-runtime";
-describe('<Toggle />', () => {
-  it('should render without selected', () => {
-    const wrapper = render(/*#__PURE__*/_jsx(Toggle, {
-      label: "somelabel"
-    }));
-    expect(wrapper.asFragment()).toMatchSnapshot();
-  });
-  it('should render without selected as open', () => {
-    const wrapper = render(/*#__PURE__*/_jsx(Toggle, {
-      label: "somelabel",
-      open: true
-    }));
-    expect(wrapper.asFragment()).toMatchSnapshot();
-  });
-  it('should render with selected', () => {
-    const wrapper = render(/*#__PURE__*/_jsx(Toggle, {
-      label: "somelabel",
-      selected: "Some, Thing, Selected"
-    }));
-    expect(wrapper.asFragment()).toMatchSnapshot();
-  });
-  it('should render with selected as open', () => {
-    const wrapper = render(/*#__PURE__*/_jsx(Toggle, {
-      label: "somelabel",
-      selected: "Some, Thing, Selected",
-      open: true
-    }));
-    expect(wrapper.asFragment()).toMatchSnapshot();
-  });
-});

package/filter/components/FilterPageContent/components/Selector/components/ValueButton/index.js

@@ -1,69 +0,0 @@
-import React, { memo, useMemo } from 'react';
-import PropTypes from 'prop-types';
-import { makeStyles } from '@shopgate/engage/styles';
-import { jsx as _jsx } from "react/jsx-runtime";
-const useStyles = makeStyles()(theme => {
-  const inactive = {
-    border: `1px solid ${theme.components.border.medium}`,
-    borderRadius: 2,
-    color: 'inherit',
-    height: 42,
-    marginLeft: 8,
-    marginBottom: 8,
-    maxWidth: '100%',
-    minWidth: 42,
-    outline: 0,
-    overflow: 'hidden',
-    padding: '0 8px',
-    textOverflow: 'ellipsis',
-    whiteSpace: 'nowrap',
-    transition: 'color 100ms cubic-bezier(0.25, 0.1, 0.25, 1), border-color 100ms cubic-bezier(0.25, 0.1, 0.25, 1)',
-    willChange: 'color, border-color'
-  };
-  return {
-    inactive,
-    active: {
-      ...inactive,
-      borderColor: theme.palette.secondary.main,
-      color: theme.palette.secondary.main
-    }
-  };
-});
-
-/**
- * The value button component.
- * @param {Object} props Props.
- * @returns {JSX.Element}
- */
-const ValueButton = ({
-  id,
-  isActive,
-  label,
-  onClick
-}) => {
-  const {
-    classes,
-    cx
-  } = useStyles();
-  const buttonClassName = useMemo(() => cx({
-    [classes.inactive]: !isActive,
-    [classes.active]: isActive
-  }), [classes.active, classes.inactive, isActive, cx]);
-  return /*#__PURE__*/_jsx("button", {
-    className: buttonClassName,
-    value: id,
-    onClick: onClick,
-    "data-test-id": id,
-    type: "button",
-    role: "checkbox",
-    "aria-checked": isActive,
-    children: label
-  });
-};
-ValueButton.defaultProps = {
-  id: null,
-  label: null,
-  isActive: false,
-  onClick() {}
-};
-export default /*#__PURE__*/memo(ValueButton);

package/filter/components/FilterPageContent/components/Selector/components/ValueButton/spec.js

@@ -1,32 +0,0 @@
-import React from 'react';
-import { shallow } from 'enzyme';
-import ValueButton from "./index";
-import { jsx as _jsx } from "react/jsx-runtime";
-const onClick = jest.fn();
-describe('<ValueButton />', () => {
-  it('should render as inactive', () => {
-    const wrapper = shallow(/*#__PURE__*/_jsx(ValueButton, {
-      id: "someid",
-      label: "somelabel"
-    }));
-    expect(wrapper).toMatchSnapshot();
-  });
-  it('should render as active', () => {
-    const wrapper = shallow(/*#__PURE__*/_jsx(ValueButton, {
-      id: "someid",
-      label: "somelabel",
-      isActive: true
-    }));
-    expect(wrapper).toMatchSnapshot();
-  });
-  it('should handle click event', () => {
-    const wrapper = shallow(/*#__PURE__*/_jsx(ValueButton, {
-      id: "someid",
-      label: "somelabel",
-      onClick: onClick
-    }));
-    wrapper.simulate('click');
-    expect(wrapper).toMatchSnapshot();
-    expect(onClick).toHaveBeenCalledTimes(1);
-  });
-});

package/filter/components/FilterPageContent/components/Selector/spec.js

@@ -1,33 +0,0 @@
-import React from 'react';
-import { render } from '@testing-library/react';
-import Selector from "./index";
-import { jsx as _jsx } from "react/jsx-runtime";
-jest.mock('@shopgate/engage/core', () => ({
-  hasWebBridge: () => false,
-  i18n: {
-    text: string => string
-  }
-}));
-jest.mock('@shopgate/engage/components');
-jest.mock('@shopgate/engage/filter', () => ({
-  FilterItem: ({
-    children
-  }) => children
-}));
-const values = [{
-  id: 'foo',
-  label: 'fooLabel'
-}, {
-  id: 'bar',
-  label: 'barLabel'
-}];
-describe('Filter: <Selector />', () => {
-  it('should render with minimum props', () => {
-    const wrapper = render(/*#__PURE__*/_jsx(Selector, {
-      id: "foo",
-      label: "bar",
-      values: values
-    }));
-    expect(wrapper.asFragment()).toMatchSnapshot();
-  });
-});

package/filter/components/PriceSlider/components/Label/spec.js

@@ -1,26 +0,0 @@
-import React from 'react';
-import { render } from '@testing-library/react';
-import { I18n } from '@shopgate/engage/components';
-import Label from "./index";
-import { jsx as _jsx } from "react/jsx-runtime";
-jest.mock('@shopgate/engage/components');
-jest.mock('@shopgate/engage/core');
-beforeEach(() => {
-  I18n.Text = ({
-    children
-  }) => children;
-  I18n.Placeholder = ({
-    children
-  }) => children;
-});
-describe('PriceSlider: <Label />', () => {
-  it('should render', () => {
-    const wrapper = render(/*#__PURE__*/_jsx(Label, {
-      onChange: () => {},
-      priceLength: "5",
-      priceMax: 999,
-      priceMin: 25
-    }));
-    expect(wrapper.container.firstChild).toMatchSnapshot();
-  });
-});

package/filter/components/PriceSlider/spec.js

@@ -1,30 +0,0 @@
-import React from 'react';
-import { render } from '@testing-library/react';
-import PriceSlider from "./index";
-import { jsx as _jsx } from "react/jsx-runtime";
-jest.mock('@shopgate/engage/components');
-jest.mock("./components/Label", () => function MockLabel() {
-  return /*#__PURE__*/_jsx("div", {
-    "data-testid": "price-slider-label"
-  });
-});
-jest.mock('@shopgate/engage/filter', () => ({
-  FilterItem: ({
-    children
-  }) => children
-}));
-describe('Filter: <PriceSlider />', () => {
-  it('should render with default props', () => {
-    const wrapper = render(/*#__PURE__*/_jsx(PriceSlider, {
-      id: "foo"
-    }));
-    expect(wrapper.container.firstChild).toMatchSnapshot();
-  });
-  it('should render with custom props', () => {
-    const wrapper = render(/*#__PURE__*/_jsx(PriceSlider, {
-      id: "foo",
-      values: [5, 50]
-    }));
-    expect(wrapper.container.firstChild).toMatchSnapshot();
-  });
-});

package/locations/components/StoreFinder/StoreFinderGetDirectionsButton.connector.js

@@ -1,16 +0,0 @@
-import { connect } from 'react-redux';
-import { historyPush } from '@shopgate/pwa-common/actions/router/historyPush';
-
-/**
- * @param {Function} dispatch The redux dispatch function.
- * @return {Object} The extended component props.
- */
-const mapDispatchToProps = dispatch => ({
-  openMap: url => dispatch(historyPush({
-    pathname: url,
-    state: {
-      target: '_blank'
-    }
-  }))
-});
-export default connect(null, mapDispatchToProps);

package/locations/components/StoreFinder/StoreFinderGetDirectionsButton.js

@@ -1,52 +0,0 @@
-import React, { useMemo, useCallback } from 'react';
-import PropTypes from 'prop-types';
-import { i18n, generateGoogleMapsDirectionsUrl } from '@shopgate/engage/core';
-import { makeStyles } from '@shopgate/engage/styles';
-import { RippleButton } from '@shopgate/engage/components';
-import connect from "./StoreFinderGetDirectionsButton.connector";
-import { jsx as _jsx } from "react/jsx-runtime";
-const useStyles = makeStyles()(theme => ({
-  container: {},
-  button: {
-    width: '100%',
-    background: `${theme.palette.primary.main} !important`,
-    color: `${theme.palette.primary.contrastText} !important`,
-    fontSize: `${theme.typography.body2.fontSize} !important`
-  }
-}));
-
-/**
- * @param {Object} props The component props
- * @returns {JSX}
- */
-const StoreFinderGetDirectionsButton = ({
-  address,
-  openMap,
-  className
-}) => {
-  const {
-    classes,
-    cx
-  } = useStyles();
-  const url = useMemo(() => address && generateGoogleMapsDirectionsUrl(address), [address]);
-  const handleClick = useCallback(() => {
-    openMap(url);
-  }, [openMap, url]);
-  if (!address) {
-    return null;
-  }
-  return /*#__PURE__*/_jsx("div", {
-    className: cx(classes.container, className),
-    children: /*#__PURE__*/_jsx(RippleButton, {
-      onClick: handleClick,
-      className: classes.button,
-      children: i18n.text('locations.get_directions')
-    })
-  });
-};
-StoreFinderGetDirectionsButton.defaultProps = {
-  address: null,
-  openMap: () => {},
-  className: null
-};
-export default connect(StoreFinderGetDirectionsButton);

package/product/collections/index.js

@@ -1 +0,0 @@
-export { default as productImageFormats } from '@shopgate/pwa-common-commerce/product/collections/ProductImageFormats';

package/product/components/EffectivityDates/constants.d.ts

@@ -1,3 +0,0 @@
-export const ALWAYS: "always";
-export const NEVER: "never";
-//# sourceMappingURL=constants.d.ts.map

package/product/components/EffectivityDates/constants.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../product/components/EffectivityDates/constants.js"],"names":[],"mappings":"AAAA,qBAAsB,QAAQ,CAAC;AAC/B,oBAAqB,OAAO,CAAC"}

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

@@ -1,6 +0,0 @@
-export function buildShowScheduledParams(): Object | {
-    showScheduled: string;
-};
-export function showScheduledLabel(startDate: Date, settings?: Object): boolean;
-export function showExpiringLabel(endDate: Date, settings?: Object): boolean;
-//# sourceMappingURL=helpers.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../../product/components/EffectivityDates/helpers.js"],"names":[],"mappings":"AAUO,4CAFM,MAAM,GAAC;IAAC,aAAa,EAAE,MAAM,CAAA;CAAC,CAuB1C;AAQM,8CAJI,IAAI,aACJ,MAAM,GACJ,OAAO,CA6BnB;AAQM,2CAJI,IAAI,aACJ,MAAM,GACJ,OAAO,CAyBnB"}

package/product/components/FilterBar/components/Content/components/FilterChips/connector.js

@@ -1,22 +0,0 @@
-import { connect } from 'react-redux';
-import { getCurrentPathname } from '@shopgate/engage/core';
-import { updateFilters } from '@shopgate/pwa-common-commerce/filter/action-creators';
-
-/**
- * Maps the contents of the state to the component props.
- * @param {Object} state The current application state.
- * @return {Object} The extended component props.
- */
-const mapStateToProps = state => ({
-  currentPathname: getCurrentPathname(state)
-});
-
-/**
- * @param {Function} dispatch The redux dispatch function.
- * @param {Object} props The components props.
- * @return {Object}
- */
-const mapDispatchToProps = {
-  updateFilters
-};
-export default connect(mapStateToProps, mapDispatchToProps);

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

@@ -1,136 +0,0 @@
-import React from 'react';
-import ReactDOM from 'react-dom';
-import TestUtils from 'react-dom/test-utils';
-import { mount, shallow } from 'enzyme';
-import mockRenderOptions from '@shopgate/pwa-common/helpers/mocks/mockRenderOptions';
-import { FILTER_TYPE_MULTISELECT } from '@shopgate/pwa-common-commerce/filter/constants';
-import GridIcon from '@shopgate/pwa-ui-shared/icons/GridIcon';
-import ListIcon from '@shopgate/pwa-ui-shared/icons/ListIcon';
-// eslint-disable-next-line import/named
-import { UnwrappedContent as FilterBarContent } from "./index";
-import { jsx as _jsx } from "react/jsx-runtime";
-const activeFilters = {
-  Size: {
-    label: 'Size',
-    source: 'attributes',
-    type: FILTER_TYPE_MULTISELECT,
-    values: ['31']
-  }
-};
-describe.skip('<FilterBarContent />', () => {
-  it('should execute handleToggleViewMode callback when left button is clicked', () => {
-    const spy = jest.fn();
-    const wrapper = mount(/*#__PURE__*/_jsx(FilterBarContent, {
-      handleToggleViewMode: spy,
-      handleSortChange: () => {},
-      handleOpenFiltersView: () => {},
-      getFilters: () => {},
-      componentUpdated: () => {}
-    }), mockRenderOptions);
-    const button = wrapper.find('button').first();
-    const node = ReactDOM.findDOMNode(button.node); // eslint-disable-line react/no-find-dom-node
-    TestUtils.Simulate.click(node);
-    expect(spy).toHaveBeenCalledTimes(1);
-  });
-  it('should execute handleOpenFiltersView callback when right button is clicked', () => {
-    const spy = jest.fn();
-    const wrapper = mount(/*#__PURE__*/_jsx(FilterBarContent, {
-      handleToggleViewMode: () => {},
-      handleSortChange: () => {},
-      handleOpenFiltersView: spy,
-      getFilters: () => {},
-      componentUpdated: () => {}
-    }), mockRenderOptions);
-    const button = wrapper.find('button').last();
-    const node = ReactDOM.findDOMNode(button.node); // eslint-disable-line react/no-find-dom-node
-    TestUtils.Simulate.click(node);
-    expect(spy).toHaveBeenCalledTimes(1);
-  });
-  it('should render in grid view mode', () => {
-    const wrapper = mount(/*#__PURE__*/_jsx(FilterBarContent, {
-      handleToggleViewMode: () => {},
-      handleSortChange: () => {},
-      handleOpenFiltersView: () => {},
-      getFilters: () => {},
-      componentUpdated: () => {}
-    }), mockRenderOptions);
-    expect(wrapper).toMatchSnapshot();
-    expect(wrapper.find(GridIcon).length).toEqual(0);
-    expect(wrapper.find(ListIcon).length).toEqual(1);
-  });
-  it('should render in list view mode', () => {
-    const wrapper = mount(/*#__PURE__*/_jsx(FilterBarContent, {
-      handleToggleViewMode: () => {},
-      handleSortChange: () => {},
-      handleOpenFiltersView: () => {},
-      getFilters: () => {},
-      componentUpdated: () => {}
-    }), mockRenderOptions);
-    expect(wrapper).toMatchSnapshot();
-    expect(wrapper.find(GridIcon).length).toEqual(1);
-    expect(wrapper.find(ListIcon).length).toEqual(0);
-  });
-  describe('should call getFilters', () => {
-    let getFiltersSpy = null;
-    let filterBarWrapper = null;
-    let filterBarInstance = null;
-    beforeEach(() => {
-      getFiltersSpy = jest.fn();
-      filterBarWrapper = shallow(/*#__PURE__*/_jsx(FilterBarContent, {
-        handleToggleViewMode: () => {},
-        handleSortChange: () => {},
-        getFilters: getFiltersSpy,
-        componentUpdated: () => {}
-      }), mockRenderOptions);
-      filterBarInstance = filterBarWrapper.instance();
-    });
-    it('should call getFilters at componentDidMount', () => {
-      filterBarInstance.componentDidMount();
-      expect(getFiltersSpy).toHaveBeenCalledTimes(1);
-    });
-    it('should call getFilters at props.activeFilter changes', () => {
-      filterBarWrapper.setProps({
-        activeFilters
-      });
-      expect(getFiltersSpy).toHaveBeenCalledTimes(1);
-    });
-  });
-  describe('Given activeFilters are handled correctly', () => {
-    let filterBarWrapper = null;
-    beforeEach(() => {
-      filterBarWrapper = mount(/*#__PURE__*/_jsx(FilterBarContent, {
-        handleToggleViewMode: () => {},
-        handleSortChange: () => {},
-        getFilters: () => {},
-        activeFilters: activeFilters,
-        componentUpdated: () => {}
-      }), mockRenderOptions);
-    });
-    it('should render active filters', () => {
-      expect(filterBarWrapper).toMatchSnapshot();
-    });
-    it('should open active filters', () => {
-      const spy = jest.fn();
-      filterBarWrapper.setProps({
-        handleOpenFiltersView: spy
-      });
-
-      // Trigger a click on a active filter
-      filterBarWrapper.find('Chip').at(0).find('button').at(1).simulate('click');
-      expect(spy).toHaveBeenCalledTimes(1);
-    });
-    it('should remove active filter', () => {
-      const removeFilterSpy = jest.fn();
-      const commmitFilterSpy = jest.fn();
-      filterBarWrapper.setProps({
-        removeTemporaryFilter: removeFilterSpy,
-        commitTemporaryFilters: commmitFilterSpy
-      });
-
-      // Trigger a click on the "X"
-      filterBarWrapper.find('Chip').at(0).find('button').at(0).simulate('click');
-      expect(removeFilterSpy).toHaveBeenCalledWith(Object.keys(activeFilters)[0], 0);
-      expect(commmitFilterSpy).toHaveBeenCalledTimes(1);
-    });
-  });
-});

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

@@ -1,36 +0,0 @@
-import React from 'react';
-import { Provider } from 'react-redux';
-import configureStore from 'redux-mock-store';
-import mockRenderOptions from '@shopgate/pwa-common/helpers/mocks/mockRenderOptions';
-import { render } from '@testing-library/react';
-import Shipping from "./index";
-import { mockedStoreWithShippingPrice, mockedStoreWithFreeShipping, mockedStoreWithUnknownShipping } from "./mock";
-import { jsx as _jsx } from "react/jsx-runtime";
-const mockedStore = configureStore();
-describe('Shipping label', () => {
-  /**
-   * Creates connected the component
-   * @param {Object} state The mocked redux state
-   * @return {ReactWrapper}
-   */
-  const createComponent = state => render(/*#__PURE__*/_jsx(Provider, {
-    store: mockedStore(state),
-    children: /*#__PURE__*/_jsx(Shipping, {
-      productId: "fakeId"
-    })
-  }), mockRenderOptions);
-  it('should render shipping price', () => {
-    const component = createComponent(mockedStoreWithShippingPrice);
-    expect(component.container.firstChild).toMatchSnapshot();
-    expect(component.container.textContent).toContain('shipping.cost');
-  });
-  it('should render free shipping', () => {
-    const component = createComponent(mockedStoreWithFreeShipping);
-    expect(component.container.firstChild).toMatchSnapshot();
-    expect(component.container.textContent).toContain('shipping.free');
-  });
-  it('should not render when shipping is unknown', () => {
-    const component = createComponent(mockedStoreWithUnknownShipping);
-    expect(component.container.firstChild).toBeNull();
-  });
-});

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

@@ -1,48 +0,0 @@
-import React from 'react';
-import { render } from '@testing-library/react';
-import Tier from "./index";
-import { jsx as _jsx } from "react/jsx-runtime";
-describe('<Tier />', () => {
-  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 tier = {
-        from: 3,
-        to: 5,
-        unitPrice: 77.5
-      };
-      const wrapper = render(/*#__PURE__*/_jsx(Tier, {
-        price: price,
-        tier: tier
-      }));
-      expect(wrapper.asFragment()).toMatchSnapshot();
-    });
-  });
-  describe('Rendering without data', () => {
-    it('should render nothing when tier from is less then 1', () => {
-      const tier = {
-        from: 1
-      };
-      const wrapper = render(/*#__PURE__*/_jsx(Tier, {
-        tier: tier,
-        price: {}
-      }));
-      expect(wrapper).toBeEmptyRender();
-    });
-  });
-});