@configuratorware/configurator-frontendgui 1.30.3 → 1.31.0

package/src/App/Screens/Configurator/Components/DesignApproval/__snapshots__/index.test.jsx.snap

@@ -1,91 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`renders correctly with error 1`] = `
-Array [
-  <label
-    class="MuiFormControlLabel-root"
-  >
-    <span
-      aria-disabled="false"
-      class="MuiButtonBase-root MuiIconButton-root PrivateSwitchBase-root-2 MuiCheckbox-root MuiCheckbox-colorPrimary MuiIconButton-colorPrimary"
-    >
-      <span
-        class="MuiIconButton-label"
-      >
-        <input
-          class="PrivateSwitchBase-input-5"
-          data-indeterminate="false"
-          name="approval"
-          type="checkbox"
-        />
-        <svg
-          aria-hidden="true"
-          class="MuiSvgIcon-root"
-          focusable="false"
-          viewBox="0 0 24 24"
-        >
-          <path
-            d="M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"
-          />
-        </svg>
-      </span>
-    </span>
-    <span
-      class="MuiTypography-root MuiFormControlLabel-label MuiTypography-body1"
-    >
-      <div
-        class="DesignApproval-link-1"
-      >
-        receiveOfferForm.approval
-      </div>
-    </span>
-  </label>,
-  <p
-    class="MuiFormHelperText-root Mui-error"
-  >
-    receiveOfferForm.errors.notApproved
-  </p>,
-]
-`;
-
-exports[`renders correctly without error 1`] = `
-<label
-  class="MuiFormControlLabel-root"
->
-  <span
-    aria-disabled="false"
-    class="MuiButtonBase-root MuiIconButton-root PrivateSwitchBase-root-2 MuiCheckbox-root MuiCheckbox-colorPrimary PrivateSwitchBase-checked-3 Mui-checked MuiIconButton-colorPrimary"
-  >
-    <span
-      class="MuiIconButton-label"
-    >
-      <input
-        checked=""
-        class="PrivateSwitchBase-input-5"
-        data-indeterminate="false"
-        name="approval"
-        type="checkbox"
-      />
-      <svg
-        aria-hidden="true"
-        class="MuiSvgIcon-root"
-        focusable="false"
-        viewBox="0 0 24 24"
-      >
-        <path
-          d="M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.11 0 2-.9 2-2V5c0-1.1-.89-2-2-2zm-9 14l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"
-        />
-      </svg>
-    </span>
-  </span>
-  <span
-    class="MuiTypography-root MuiFormControlLabel-label MuiTypography-body1"
-  >
-    <div
-      class="DesignApproval-link-1"
-    >
-      receiveOfferForm.approval
-    </div>
-  </span>
-</label>
-`;

package/src/App/Screens/Configurator/Components/DesignApproval/index.js

@@ -1,54 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import { withStyles } from '@material-ui/core';
-import FormControlLabel from '@material-ui/core/FormControlLabel';
-import Checkbox from '@material-ui/core/Checkbox';
-import FormHelperText from '@material-ui/core/FormHelperText';
-import { t } from 'Framework/i18n';
-
-const styles = theme => ({
-    link: {
-        '& a': {
-            color: theme.palette.primary.main,
-        },
-    },
-});
-
-const DesignApproval = props => {
-    const handleChange = event => {
-        const { onChange } = props;
-
-        onChange(event.target.checked);
-    };
-
-    const { classes, checked, error, link } = props;
-
-    return (
-        <React.Fragment>
-            <FormControlLabel
-                control={
-                    <Checkbox name="approval" checked={checked} onChange={handleChange} color="primary" />
-                }
-                label={
-                    <div
-                        className={classes.link}
-                        dangerouslySetInnerHTML={{ __html: t('receiveOfferForm.approval', { link }) }}
-                    />
-                }
-            />
-            {error && (
-                <FormHelperText error={true}>{t('receiveOfferForm.errors.notApproved')}</FormHelperText>
-            )}
-        </React.Fragment>
-    );
-};
-
-DesignApproval.propTypes = {
-    classes: PropTypes.object,
-    onChange: PropTypes.func,
-    checked: PropTypes.bool,
-    error: PropTypes.bool,
-    link: PropTypes.string,
-};
-
-export default withStyles(styles, { name: 'DesignApproval' })(DesignApproval);

package/src/App/Screens/Configurator/Components/DesignApproval/index.story.js

@@ -1,12 +0,0 @@
-import React from 'react';
-import noop from 'lodash/noop';
-import { storiesOf } from '@storybook/react';
-import DesignApproval from './index';
-
-storiesOf('DesignApproval', module)
-    .add('without error', () => (
-        <DesignApproval checked={true} error={false} link={'fakeLink'} onChange={noop} />
-    ))
-    .add('with error', () => (
-        <DesignApproval checked={false} error={true} link={'fakeLink'} onChange={noop} />
-    ));

package/src/App/Screens/Configurator/Components/DesignApproval/index.test.jsx

@@ -1,17 +0,0 @@
-/* eslint-env jest */
-import React from 'react';
-import noop from 'lodash/noop';
-import { render } from 'enzyme';
-import DesignApproval from './index';
-
-it('renders correctly without error', () => {
-    const tree = render(<DesignApproval checked={true} error={false} link={'fakeLink'} onChange={noop} />);
-
-    expect(tree).toMatchSnapshot();
-});
-
-it('renders correctly with error', () => {
-    const tree = render(<DesignApproval checked={false} error={true} link={'fakeLink'} onChange={noop} />);
-
-    expect(tree).toMatchSnapshot();
-});

package/src/App/Screens/Configurator/Containers/DesignApproval.js

@@ -1,76 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import { getClientTexts } from 'App/Reducers/Configurator/Selectors';
-import DesignApproval from '../Components/DesignApproval';
-import { containerConnect } from 'Framework/ComponentContainer';
-
-class DesignApprovalContainer extends React.Component {
-    static propTypes = {
-        termsAndConditionsLink: PropTypes.string,
-        DesignApprovalComponent: PropTypes.func,
-    };
-
-    static defaultProps = {
-        DesignApprovalComponent: DesignApproval,
-    };
-
-    constructor(props) {
-        super(props);
-
-        this.state = {
-            approval: {
-                checked: false,
-                error: false,
-            },
-        };
-    }
-
-    handleApprovalChange = checked => {
-        this.setState({
-            approval: {
-                checked,
-                error: false,
-            },
-        });
-    };
-
-    validate() {
-        const {
-            approval: { checked },
-        } = this.state;
-
-        if (checked) {
-            return true;
-        }
-
-        this.setState({
-            approval: {
-                checked,
-                error: true,
-            },
-        });
-
-        return false;
-    }
-
-    render() {
-        const { approval } = this.state;
-        const { termsAndConditionsLink, DesignApprovalComponent } = this.props;
-
-        return (
-            <DesignApprovalComponent
-                checked={approval.checked}
-                error={approval.error}
-                link={termsAndConditionsLink}
-                onChange={this.handleApprovalChange}
-            />
-        );
-    }
-}
-
-const mapStateToProps = ({ configurator }) => ({
-    Component: DesignApprovalContainer,
-    termsAndConditionsLink: getClientTexts(configurator).termsAndConditionsLink,
-});
-
-export default containerConnect(mapStateToProps);