@configuratorware/configurator-frontendgui 1.31.0 → 1.31.1

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

@@ -0,0 +1,76 @@
+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);

package/src/App/Screens/Configurator/ThemeProvider.js

@@ -1,7 +1,7 @@
 import React, { useMemo } from 'react';
 import PropTypes from 'prop-types';
 import { connect } from 'react-redux';
-import { MuiThemeProvider, createTheme } from '@material-ui/core/styles';
+import { MuiThemeProvider, createMuiTheme } from '@material-ui/core/styles';
 import { grey } from '@material-ui/core/colors';
 import merge from 'lodash/merge';
 import cloneDeep from 'lodash/cloneDeep';
@@ -245,7 +245,7 @@ const mapStateToProps = state => ({
 
 export const ThemeMixer = ({ client, customTheme, withTheme, children }) => {
     const themeMix = useMemo(() => {
-        const theme = createTheme(
+        const theme = createMuiTheme(
             createThemeFromClientTheme(client && client.theme ? client.theme : {}, customTheme || {})
         );
         if (typeof withTheme === 'function') {

package/src/App/Shared/Components/AddToBasket/index.js

@@ -35,7 +35,7 @@ const styles = theme => ({
         bottom: 90,
         fontSize: 15,
         right: 200,
-        color: theme.palette.primary.main,
+        color: '#ED1C29',
         [theme.breakpoints.down('xs')]: {
             left: 15,
             whiteSpace: 'nowrap',

package/src/App/Shared/Components/AmountPrice/index.js

@@ -30,7 +30,6 @@ import ReceiveOfferForm from '../ReceiveOfferForm';
 import AcceptDesign from '../AcceptDesign';
 import LoadingOverlay from '../../../../Framework/Components/LoadingOverlay';
 import { debounce } from '@material-ui/core';
-import AcceptPrivacy from '../AcceptPrivacy';
 const styles = theme => ({
     contentPositioning: {
         paddingLeft: 32,
@@ -281,7 +280,6 @@ class AmountPrice extends React.Component {
         AddToCartComponent: PropTypes.elementType,
         renderPriceBox: PropTypes.func,
         userComment: PropTypes.string,
-        AcceptPrivacyComponent: PropTypes.elementType,
     };
 
     static defaultProps = {
@@ -298,7 +296,6 @@ class AmountPrice extends React.Component {
         NotificationComponent: Notification,
         PriceListComponent: PriceList,
         AddToCartComponent: AddToCart,
-        AcceptPrivacyComponent: AcceptPrivacy,
     };
 
     state = {
@@ -312,7 +309,6 @@ class AmountPrice extends React.Component {
         },
         inView: true,
         showErrors: false,
-        dataPrivacyAccepted: false,
     };
 
     componentDidUpdate(prevProps, prevState) {
@@ -352,7 +348,6 @@ class AmountPrice extends React.Component {
     verifyRequestErrors = () => {
         const { bulkNameErrors, displayAcceptDesign } = this.props;
         const designApproved = this.state.approval.value;
-
         if (bulkNameErrors && bulkNameErrors.length > 0) {
             this.setState({ showErrors: true });
             this.setState({ bulkNameErrors });
@@ -366,24 +361,12 @@ class AmountPrice extends React.Component {
                 },
             });
         }
-        if (!this.dataPrivacyApproved()) {
-            this.setState({
-                dataPrivacyAccepted: {
-                    value: false,
-                    error: true,
-                },
-            });
-        }
     };
 
     requestHasErrors = () => {
         const { bulkNameErrors, displayAcceptDesign } = this.props;
         const designApproved = this.state.approval.value;
-        if (
-            (bulkNameErrors && bulkNameErrors.length > 0) ||
-            (displayAcceptDesign && !designApproved) ||
-            !this.dataPrivacyApproved()
-        ) {
+        if ((bulkNameErrors && bulkNameErrors.length > 0) || (displayAcceptDesign && !designApproved)) {
             return true;
         }
         return false;
@@ -398,13 +381,6 @@ class AmountPrice extends React.Component {
         }
     };
 
-    dataPrivacyApproved = () => {
-        const { showReceiveOfferForm, clientTexts } = this.props;
-        const { dataPrivacyLink } = clientTexts;
-        const dataPrivacyApproved = this.state.dataPrivacyAccepted.value;
-        return showReceiveOfferForm && dataPrivacyApproved && dataPrivacyLink;
-    };
-
     handleTouchMove = (evt => {
         const dialogContent = this.dialogContentRef.current;
         evt.preventDefault();
@@ -483,15 +459,7 @@ class AmountPrice extends React.Component {
     };
 
     renderPriceOverview() {
-        const {
-            notice,
-            showPriceOverview,
-            approval,
-            inView,
-            showErrors,
-            bulkNameErrors,
-            dataPrivacyAccepted,
-        } = this.state;
+        const { notice, showPriceOverview, approval, inView, showErrors, bulkNameErrors } = this.state;
         const {
             amount,
             priceList,
@@ -516,10 +484,9 @@ class AmountPrice extends React.Component {
             NotificationComponent,
             PriceListComponent,
             AddToCartComponent,
-            AcceptPrivacyComponent,
         } = this.props;
 
-        const { termsAndConditionsLink, dataPrivacyLink } = clientTexts;
+        const { termsAndConditionsLink } = clientTexts;
         const mergedNotifications = [...notifications] || [];
 
         if (showErrors && bulkNameErrors && bulkNameErrors.length > 0) {
@@ -586,18 +553,6 @@ class AmountPrice extends React.Component {
                                     />
                                 ) : null
                             }
-                            acceptDataPrivacyComponent={
-                                showReceiveOfferForm && dataPrivacyLink ? (
-                                    <AcceptPrivacyComponent
-                                        dataPrivacyLink={dataPrivacyLink}
-                                        displayAcceptDesign={true}
-                                        handleChangeCheckboxApproval={this.handleChange}
-                                        approval={dataPrivacyAccepted}
-                                        closeProductOverviewDialog={this.handleClose}
-                                        displayNote={false}
-                                    />
-                                ) : null
-                            }
                             notificationComponent={mergedNotifications.map(
                                 ({ message, level, color }, key) => {
                                     return (

package/src/App/Shared/Components/PriceOverview/index.js

@@ -48,7 +48,6 @@ class PriceOverview extends React.Component {
         showReceiveOfferForm: PropTypes.bool,
         amount: PropTypes.number,
         acceptDesignComponent: PropTypes.element,
-        acceptDataPrivacyComponent: PropTypes.element,
     };
     render() {
         const {
@@ -64,7 +63,6 @@ class PriceOverview extends React.Component {
             showReceiveOfferForm,
             amount,
             acceptDesignComponent,
-            acceptDataPrivacyComponent,
         } = this.props;
 
         return (
@@ -89,7 +87,6 @@ class PriceOverview extends React.Component {
                                 </Grid>
                                 <Grid item xs={12}>
                                     {acceptDesignComponent}
-                                    {acceptDataPrivacyComponent}
                                     {amount > 0 && <Divider />}
                                     {priceListComponent}
                                 </Grid>

package/src/App/Shared/Components/ReceiveOfferForm/__snapshots__/index.test.jsx.snap

@@ -3,20 +3,20 @@
 exports[`renders correctly with approval 1`] = `
 Array [
   <div
-    class="MuiFormControl-root MuiTextField-root ReceiveOfferForm-MuiFormControlRoot-2 MuiFormControl-marginDense MuiFormControl-fullWidth"
+    class="MuiFormControl-root MuiTextField-root ReceiveOfferForm-MuiFormControlRoot-2 MuiFormControl-marginNormal MuiFormControl-fullWidth"
   >
     <label
-      class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-marginDense MuiInputLabel-outlined ReceiveOfferForm-outlinedLabel-4"
+      class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-outlined ReceiveOfferForm-outlinedLabel-4"
       data-shrink="false"
     >
       receiveOfferForm.email
     </label>
     <div
-      class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-fullWidth MuiInputBase-formControl MuiInputBase-marginDense MuiOutlinedInput-marginDense"
+      class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-fullWidth MuiInputBase-formControl"
     >
       <input
         aria-invalid="false"
-        class="MuiInputBase-input MuiOutlinedInput-input ReceiveOfferForm-outlinedInput-3 MuiInputBase-inputMarginDense MuiOutlinedInput-inputMarginDense"
+        class="MuiInputBase-input MuiOutlinedInput-input ReceiveOfferForm-outlinedInput-3"
         name="email"
         type="text"
         value=""
@@ -36,20 +36,20 @@ Array [
     </div>
   </div>,
   <div
-    class="MuiFormControl-root MuiTextField-root MuiFormControl-marginDense MuiFormControl-fullWidth"
+    class="MuiFormControl-root MuiTextField-root MuiFormControl-marginNormal MuiFormControl-fullWidth"
   >
     <label
-      class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-marginDense MuiInputLabel-outlined ReceiveOfferForm-outlinedLabel-4"
+      class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-outlined ReceiveOfferForm-outlinedLabel-4"
       data-shrink="false"
     >
       receiveOfferForm.name
     </label>
     <div
-      class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-fullWidth MuiInputBase-formControl MuiInputBase-marginDense MuiOutlinedInput-marginDense"
+      class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-fullWidth MuiInputBase-formControl"
     >
       <input
         aria-invalid="false"
-        class="MuiInputBase-input MuiOutlinedInput-input ReceiveOfferForm-outlinedInput-3 MuiInputBase-inputMarginDense MuiOutlinedInput-inputMarginDense"
+        class="MuiInputBase-input MuiOutlinedInput-input ReceiveOfferForm-outlinedInput-3"
         name="name"
         type="text"
         value=""
@@ -69,20 +69,20 @@ Array [
     </div>
   </div>,
   <div
-    class="MuiFormControl-root MuiTextField-root MuiFormControl-marginDense MuiFormControl-fullWidth"
+    class="MuiFormControl-root MuiTextField-root MuiFormControl-marginNormal MuiFormControl-fullWidth"
   >
     <label
-      class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-marginDense MuiInputLabel-outlined ReceiveOfferForm-outlinedLabel-4"
+      class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-outlined ReceiveOfferForm-outlinedLabel-4"
       data-shrink="false"
     >
       receiveOfferForm.company
     </label>
     <div
-      class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-fullWidth MuiInputBase-formControl MuiInputBase-marginDense MuiOutlinedInput-marginDense"
+      class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-fullWidth MuiInputBase-formControl"
     >
       <input
         aria-invalid="false"
-        class="MuiInputBase-input MuiOutlinedInput-input ReceiveOfferForm-outlinedInput-3 MuiInputBase-inputMarginDense MuiOutlinedInput-inputMarginDense"
+        class="MuiInputBase-input MuiOutlinedInput-input ReceiveOfferForm-outlinedInput-3"
         name="company"
         type="text"
         value=""
@@ -102,20 +102,20 @@ Array [
     </div>
   </div>,
   <div
-    class="MuiFormControl-root MuiTextField-root MuiFormControl-marginDense MuiFormControl-fullWidth"
+    class="MuiFormControl-root MuiTextField-root MuiFormControl-marginNormal MuiFormControl-fullWidth"
   >
     <label
-      class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-marginDense MuiInputLabel-outlined ReceiveOfferForm-outlinedLabel-4"
+      class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-outlined ReceiveOfferForm-outlinedLabel-4"
       data-shrink="false"
     >
       receiveOfferForm.phonenumber
     </label>
     <div
-      class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-fullWidth MuiInputBase-formControl MuiInputBase-marginDense MuiOutlinedInput-marginDense"
+      class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-fullWidth MuiInputBase-formControl"
     >
       <input
         aria-invalid="false"
-        class="MuiInputBase-input MuiOutlinedInput-input ReceiveOfferForm-outlinedInput-3 MuiInputBase-inputMarginDense MuiOutlinedInput-inputMarginDense"
+        class="MuiInputBase-input MuiOutlinedInput-input ReceiveOfferForm-outlinedInput-3"
         name="phonenumber"
         type="text"
         value=""
@@ -141,20 +141,20 @@ Array [
       class="MuiGrid-root ReceiveOfferForm-Grid-1 MuiGrid-item MuiGrid-grid-xs-12 MuiGrid-grid-sm-4"
     >
       <div
-        class="MuiFormControl-root MuiTextField-root MuiFormControl-marginDense MuiFormControl-fullWidth"
+        class="MuiFormControl-root MuiTextField-root MuiFormControl-marginNormal MuiFormControl-fullWidth"
       >
         <label
-          class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-marginDense MuiInputLabel-outlined ReceiveOfferForm-outlinedLabel-4"
+          class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-outlined ReceiveOfferForm-outlinedLabel-4"
           data-shrink="false"
         >
           receiveOfferForm.zip
         </label>
         <div
-          class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-fullWidth MuiInputBase-formControl MuiInputBase-marginDense MuiOutlinedInput-marginDense"
+          class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-fullWidth MuiInputBase-formControl"
         >
           <input
             aria-invalid="false"
-            class="MuiInputBase-input MuiOutlinedInput-input ReceiveOfferForm-outlinedInput-3 MuiInputBase-inputMarginDense MuiOutlinedInput-inputMarginDense"
+            class="MuiInputBase-input MuiOutlinedInput-input ReceiveOfferForm-outlinedInput-3"
             name="zip"
             type="text"
             value=""
@@ -178,20 +178,20 @@ Array [
       class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-12 MuiGrid-grid-sm-8"
     >
       <div
-        class="MuiFormControl-root MuiTextField-root MuiFormControl-marginDense MuiFormControl-fullWidth"
+        class="MuiFormControl-root MuiTextField-root MuiFormControl-marginNormal MuiFormControl-fullWidth"
       >
         <label
-          class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-marginDense MuiInputLabel-outlined ReceiveOfferForm-outlinedLabel-4"
+          class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-outlined ReceiveOfferForm-outlinedLabel-4"
           data-shrink="false"
         >
           receiveOfferForm.city
         </label>
         <div
-          class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-fullWidth MuiInputBase-formControl MuiInputBase-marginDense MuiOutlinedInput-marginDense"
+          class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-fullWidth MuiInputBase-formControl"
         >
           <input
             aria-invalid="false"
-            class="MuiInputBase-input MuiOutlinedInput-input ReceiveOfferForm-outlinedInput-3 MuiInputBase-inputMarginDense MuiOutlinedInput-inputMarginDense"
+            class="MuiInputBase-input MuiOutlinedInput-input ReceiveOfferForm-outlinedInput-3"
             name="city"
             type="text"
             value=""
@@ -213,20 +213,20 @@ Array [
     </div>
   </div>,
   <div
-    class="MuiFormControl-root MuiTextField-root MuiFormControl-marginDense MuiFormControl-fullWidth"
+    class="MuiFormControl-root MuiTextField-root MuiFormControl-marginNormal MuiFormControl-fullWidth"
   >
     <label
-      class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-marginDense MuiInputLabel-outlined ReceiveOfferForm-outlinedLabel-4"
+      class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-outlined ReceiveOfferForm-outlinedLabel-4"
       data-shrink="false"
     >
       receiveOfferForm.street
     </label>
     <div
-      class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-fullWidth MuiInputBase-formControl MuiInputBase-marginDense MuiOutlinedInput-marginDense"
+      class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-fullWidth MuiInputBase-formControl"
     >
       <input
         aria-invalid="false"
-        class="MuiInputBase-input MuiOutlinedInput-input ReceiveOfferForm-outlinedInput-3 MuiInputBase-inputMarginDense MuiOutlinedInput-inputMarginDense"
+        class="MuiInputBase-input MuiOutlinedInput-input ReceiveOfferForm-outlinedInput-3"
         name="street"
         type="text"
         value=""
@@ -246,20 +246,20 @@ Array [
     </div>
   </div>,
   <div
-    class="MuiFormControl-root MuiTextField-root MuiFormControl-marginDense MuiFormControl-fullWidth"
+    class="MuiFormControl-root MuiTextField-root MuiFormControl-marginNormal MuiFormControl-fullWidth"
   >
     <label
-      class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-marginDense MuiInputLabel-outlined ReceiveOfferForm-outlinedLabel-4"
+      class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-outlined ReceiveOfferForm-outlinedLabel-4"
       data-shrink="false"
     >
       receiveOfferForm.country
     </label>
     <div
-      class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-fullWidth MuiInputBase-formControl MuiInputBase-marginDense MuiOutlinedInput-marginDense"
+      class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-fullWidth MuiInputBase-formControl"
     >
       <input
         aria-invalid="false"
-        class="MuiInputBase-input MuiOutlinedInput-input ReceiveOfferForm-outlinedInput-3 MuiInputBase-inputMarginDense MuiOutlinedInput-inputMarginDense"
+        class="MuiInputBase-input MuiOutlinedInput-input ReceiveOfferForm-outlinedInput-3"
         name="country"
         type="text"
         value=""
@@ -284,20 +284,20 @@ Array [
 exports[`renders correctly without approval 1`] = `
 Array [
   <div
-    class="MuiFormControl-root MuiTextField-root ReceiveOfferForm-MuiFormControlRoot-2 MuiFormControl-marginDense MuiFormControl-fullWidth"
+    class="MuiFormControl-root MuiTextField-root ReceiveOfferForm-MuiFormControlRoot-2 MuiFormControl-marginNormal MuiFormControl-fullWidth"
   >
     <label
-      class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-marginDense MuiInputLabel-outlined ReceiveOfferForm-outlinedLabel-4"
+      class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-outlined ReceiveOfferForm-outlinedLabel-4"
       data-shrink="false"
     >
       receiveOfferForm.email
     </label>
     <div
-      class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-fullWidth MuiInputBase-formControl MuiInputBase-marginDense MuiOutlinedInput-marginDense"
+      class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-fullWidth MuiInputBase-formControl"
     >
       <input
         aria-invalid="false"
-        class="MuiInputBase-input MuiOutlinedInput-input ReceiveOfferForm-outlinedInput-3 MuiInputBase-inputMarginDense MuiOutlinedInput-inputMarginDense"
+        class="MuiInputBase-input MuiOutlinedInput-input ReceiveOfferForm-outlinedInput-3"
         name="email"
         type="text"
         value=""
@@ -317,20 +317,20 @@ Array [
     </div>
   </div>,
   <div
-    class="MuiFormControl-root MuiTextField-root MuiFormControl-marginDense MuiFormControl-fullWidth"
+    class="MuiFormControl-root MuiTextField-root MuiFormControl-marginNormal MuiFormControl-fullWidth"
   >
     <label
-      class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-marginDense MuiInputLabel-outlined ReceiveOfferForm-outlinedLabel-4"
+      class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-outlined ReceiveOfferForm-outlinedLabel-4"
       data-shrink="false"
     >
       receiveOfferForm.name
     </label>
     <div
-      class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-fullWidth MuiInputBase-formControl MuiInputBase-marginDense MuiOutlinedInput-marginDense"
+      class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-fullWidth MuiInputBase-formControl"
     >
       <input
         aria-invalid="false"
-        class="MuiInputBase-input MuiOutlinedInput-input ReceiveOfferForm-outlinedInput-3 MuiInputBase-inputMarginDense MuiOutlinedInput-inputMarginDense"
+        class="MuiInputBase-input MuiOutlinedInput-input ReceiveOfferForm-outlinedInput-3"
         name="name"
         type="text"
         value=""
@@ -350,20 +350,20 @@ Array [
     </div>
   </div>,
   <div
-    class="MuiFormControl-root MuiTextField-root MuiFormControl-marginDense MuiFormControl-fullWidth"
+    class="MuiFormControl-root MuiTextField-root MuiFormControl-marginNormal MuiFormControl-fullWidth"
   >
     <label
-      class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-marginDense MuiInputLabel-outlined ReceiveOfferForm-outlinedLabel-4"
+      class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-outlined ReceiveOfferForm-outlinedLabel-4"
       data-shrink="false"
     >
       receiveOfferForm.company
     </label>
     <div
-      class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-fullWidth MuiInputBase-formControl MuiInputBase-marginDense MuiOutlinedInput-marginDense"
+      class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-fullWidth MuiInputBase-formControl"
     >
       <input
         aria-invalid="false"
-        class="MuiInputBase-input MuiOutlinedInput-input ReceiveOfferForm-outlinedInput-3 MuiInputBase-inputMarginDense MuiOutlinedInput-inputMarginDense"
+        class="MuiInputBase-input MuiOutlinedInput-input ReceiveOfferForm-outlinedInput-3"
         name="company"
         type="text"
         value=""
@@ -383,20 +383,20 @@ Array [
     </div>
   </div>,
   <div
-    class="MuiFormControl-root MuiTextField-root MuiFormControl-marginDense MuiFormControl-fullWidth"
+    class="MuiFormControl-root MuiTextField-root MuiFormControl-marginNormal MuiFormControl-fullWidth"
   >
     <label
-      class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-marginDense MuiInputLabel-outlined ReceiveOfferForm-outlinedLabel-4"
+      class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-outlined ReceiveOfferForm-outlinedLabel-4"
       data-shrink="false"
     >
       receiveOfferForm.phonenumber
     </label>
     <div
-      class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-fullWidth MuiInputBase-formControl MuiInputBase-marginDense MuiOutlinedInput-marginDense"
+      class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-fullWidth MuiInputBase-formControl"
     >
       <input
         aria-invalid="false"
-        class="MuiInputBase-input MuiOutlinedInput-input ReceiveOfferForm-outlinedInput-3 MuiInputBase-inputMarginDense MuiOutlinedInput-inputMarginDense"
+        class="MuiInputBase-input MuiOutlinedInput-input ReceiveOfferForm-outlinedInput-3"
         name="phonenumber"
         type="text"
         value=""
@@ -422,20 +422,20 @@ Array [
       class="MuiGrid-root ReceiveOfferForm-Grid-1 MuiGrid-item MuiGrid-grid-xs-12 MuiGrid-grid-sm-4"
     >
       <div
-        class="MuiFormControl-root MuiTextField-root MuiFormControl-marginDense MuiFormControl-fullWidth"
+        class="MuiFormControl-root MuiTextField-root MuiFormControl-marginNormal MuiFormControl-fullWidth"
       >
         <label
-          class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-marginDense MuiInputLabel-outlined ReceiveOfferForm-outlinedLabel-4"
+          class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-outlined ReceiveOfferForm-outlinedLabel-4"
           data-shrink="false"
         >
           receiveOfferForm.zip
         </label>
         <div
-          class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-fullWidth MuiInputBase-formControl MuiInputBase-marginDense MuiOutlinedInput-marginDense"
+          class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-fullWidth MuiInputBase-formControl"
         >
           <input
             aria-invalid="false"
-            class="MuiInputBase-input MuiOutlinedInput-input ReceiveOfferForm-outlinedInput-3 MuiInputBase-inputMarginDense MuiOutlinedInput-inputMarginDense"
+            class="MuiInputBase-input MuiOutlinedInput-input ReceiveOfferForm-outlinedInput-3"
             name="zip"
             type="text"
             value=""
@@ -459,20 +459,20 @@ Array [
       class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-12 MuiGrid-grid-sm-8"
     >
       <div
-        class="MuiFormControl-root MuiTextField-root MuiFormControl-marginDense MuiFormControl-fullWidth"
+        class="MuiFormControl-root MuiTextField-root MuiFormControl-marginNormal MuiFormControl-fullWidth"
       >
         <label
-          class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-marginDense MuiInputLabel-outlined ReceiveOfferForm-outlinedLabel-4"
+          class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-outlined ReceiveOfferForm-outlinedLabel-4"
           data-shrink="false"
         >
           receiveOfferForm.city
         </label>
         <div
-          class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-fullWidth MuiInputBase-formControl MuiInputBase-marginDense MuiOutlinedInput-marginDense"
+          class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-fullWidth MuiInputBase-formControl"
         >
           <input
             aria-invalid="false"
-            class="MuiInputBase-input MuiOutlinedInput-input ReceiveOfferForm-outlinedInput-3 MuiInputBase-inputMarginDense MuiOutlinedInput-inputMarginDense"
+            class="MuiInputBase-input MuiOutlinedInput-input ReceiveOfferForm-outlinedInput-3"
             name="city"
             type="text"
             value=""
@@ -494,20 +494,20 @@ Array [
     </div>
   </div>,
   <div
-    class="MuiFormControl-root MuiTextField-root MuiFormControl-marginDense MuiFormControl-fullWidth"
+    class="MuiFormControl-root MuiTextField-root MuiFormControl-marginNormal MuiFormControl-fullWidth"
   >
     <label
-      class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-marginDense MuiInputLabel-outlined ReceiveOfferForm-outlinedLabel-4"
+      class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-outlined ReceiveOfferForm-outlinedLabel-4"
       data-shrink="false"
     >
       receiveOfferForm.street
     </label>
     <div
-      class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-fullWidth MuiInputBase-formControl MuiInputBase-marginDense MuiOutlinedInput-marginDense"
+      class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-fullWidth MuiInputBase-formControl"
     >
       <input
         aria-invalid="false"
-        class="MuiInputBase-input MuiOutlinedInput-input ReceiveOfferForm-outlinedInput-3 MuiInputBase-inputMarginDense MuiOutlinedInput-inputMarginDense"
+        class="MuiInputBase-input MuiOutlinedInput-input ReceiveOfferForm-outlinedInput-3"
         name="street"
         type="text"
         value=""
@@ -527,20 +527,20 @@ Array [
     </div>
   </div>,
   <div
-    class="MuiFormControl-root MuiTextField-root MuiFormControl-marginDense MuiFormControl-fullWidth"
+    class="MuiFormControl-root MuiTextField-root MuiFormControl-marginNormal MuiFormControl-fullWidth"
   >
     <label
-      class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-marginDense MuiInputLabel-outlined ReceiveOfferForm-outlinedLabel-4"
+      class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-outlined ReceiveOfferForm-outlinedLabel-4"
       data-shrink="false"
     >
       receiveOfferForm.country
     </label>
     <div
-      class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-fullWidth MuiInputBase-formControl MuiInputBase-marginDense MuiOutlinedInput-marginDense"
+      class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-fullWidth MuiInputBase-formControl"
     >
       <input
         aria-invalid="false"
-        class="MuiInputBase-input MuiOutlinedInput-input ReceiveOfferForm-outlinedInput-3 MuiInputBase-inputMarginDense MuiOutlinedInput-inputMarginDense"
+        class="MuiInputBase-input MuiOutlinedInput-input ReceiveOfferForm-outlinedInput-3"
         name="country"
         type="text"
         value=""