@configuratorware/configurator-frontendgui 1.30.1 → 1.31.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/App/Modules/Designer/Components/ImageColorPicker/ImageColorPicker.js +1 -2
- package/App/Modules/Designer/Utils/Transformers.js +1 -1
- package/App/Reducers/Configurator/Actions.js +20 -81
- package/App/Screens/Configurator/ThemeProvider.js +1 -1
- package/App/{Screens/Configurator/Containers/DesignApproval.js → Shared/Components/AcceptPrivacy/index.js} +78 -71
- package/App/Shared/Components/AddToBasket/index.js +1 -1
- package/App/Shared/Components/AmountPrice/index.js +83 -49
- package/App/Shared/Components/PriceOverview/index.js +5 -3
- package/App/Shared/Components/ReceiveOfferForm/index.js +9 -10
- package/App/configuration.js +1 -1
- package/package.json +4 -4
- package/public/translations/de_DE.json +4 -1
- package/public/translations/en_GB.json +4 -1
- package/src/App/Modules/Designer/Components/ImageColorPicker/ImageColorPicker.js +1 -3
- package/src/App/Modules/Designer/Utils/Transformers.js +1 -1
- package/src/App/Reducers/Configurator/Actions.js +6 -37
- package/src/App/Screens/Configurator/ThemeProvider.js +2 -2
- package/src/App/Shared/Components/AcceptPrivacy/index.js +78 -0
- package/src/App/Shared/Components/AddToBasket/index.js +1 -1
- package/src/App/Shared/Components/AmountPrice/index.js +48 -3
- package/src/App/Shared/Components/PriceOverview/index.js +3 -0
- package/src/App/Shared/Components/ReceiveOfferForm/__snapshots__/index.test.jsx.snap +64 -64
- package/src/App/Shared/Components/ReceiveOfferForm/index.js +9 -10
- package/src/App/configuration.js +1 -1
- package/App/Screens/Configurator/Components/DesignApproval/index.js +0 -76
- package/App/Screens/Configurator/Components/DesignApproval/index.story.js +0 -27
- package/App/Screens/Configurator/Components/DesignApproval/index.test.js +0 -31
- package/src/App/Screens/Configurator/Components/DesignApproval/__snapshots__/index.test.jsx.snap +0 -91
- package/src/App/Screens/Configurator/Components/DesignApproval/index.js +0 -54
- package/src/App/Screens/Configurator/Components/DesignApproval/index.story.js +0 -12
- package/src/App/Screens/Configurator/Components/DesignApproval/index.test.jsx +0 -17
- package/src/App/Screens/Configurator/Containers/DesignApproval.js +0 -76
|
@@ -3,20 +3,20 @@
|
|
|
3
3
|
exports[`renders correctly with approval 1`] = `
|
|
4
4
|
Array [
|
|
5
5
|
<div
|
|
6
|
-
class="MuiFormControl-root MuiTextField-root ReceiveOfferForm-MuiFormControlRoot-2 MuiFormControl-
|
|
6
|
+
class="MuiFormControl-root MuiTextField-root ReceiveOfferForm-MuiFormControlRoot-2 MuiFormControl-marginDense MuiFormControl-fullWidth"
|
|
7
7
|
>
|
|
8
8
|
<label
|
|
9
|
-
class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-outlined ReceiveOfferForm-outlinedLabel-4"
|
|
9
|
+
class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-marginDense MuiInputLabel-outlined ReceiveOfferForm-outlinedLabel-4"
|
|
10
10
|
data-shrink="false"
|
|
11
11
|
>
|
|
12
12
|
receiveOfferForm.email
|
|
13
13
|
</label>
|
|
14
14
|
<div
|
|
15
|
-
class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-fullWidth MuiInputBase-formControl"
|
|
15
|
+
class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-fullWidth MuiInputBase-formControl MuiInputBase-marginDense MuiOutlinedInput-marginDense"
|
|
16
16
|
>
|
|
17
17
|
<input
|
|
18
18
|
aria-invalid="false"
|
|
19
|
-
class="MuiInputBase-input MuiOutlinedInput-input ReceiveOfferForm-outlinedInput-3"
|
|
19
|
+
class="MuiInputBase-input MuiOutlinedInput-input ReceiveOfferForm-outlinedInput-3 MuiInputBase-inputMarginDense MuiOutlinedInput-inputMarginDense"
|
|
20
20
|
name="email"
|
|
21
21
|
type="text"
|
|
22
22
|
value=""
|
|
@@ -36,20 +36,20 @@ Array [
|
|
|
36
36
|
</div>
|
|
37
37
|
</div>,
|
|
38
38
|
<div
|
|
39
|
-
class="MuiFormControl-root MuiTextField-root MuiFormControl-
|
|
39
|
+
class="MuiFormControl-root MuiTextField-root MuiFormControl-marginDense MuiFormControl-fullWidth"
|
|
40
40
|
>
|
|
41
41
|
<label
|
|
42
|
-
class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-outlined ReceiveOfferForm-outlinedLabel-4"
|
|
42
|
+
class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-marginDense MuiInputLabel-outlined ReceiveOfferForm-outlinedLabel-4"
|
|
43
43
|
data-shrink="false"
|
|
44
44
|
>
|
|
45
45
|
receiveOfferForm.name
|
|
46
46
|
</label>
|
|
47
47
|
<div
|
|
48
|
-
class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-fullWidth MuiInputBase-formControl"
|
|
48
|
+
class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-fullWidth MuiInputBase-formControl MuiInputBase-marginDense MuiOutlinedInput-marginDense"
|
|
49
49
|
>
|
|
50
50
|
<input
|
|
51
51
|
aria-invalid="false"
|
|
52
|
-
class="MuiInputBase-input MuiOutlinedInput-input ReceiveOfferForm-outlinedInput-3"
|
|
52
|
+
class="MuiInputBase-input MuiOutlinedInput-input ReceiveOfferForm-outlinedInput-3 MuiInputBase-inputMarginDense MuiOutlinedInput-inputMarginDense"
|
|
53
53
|
name="name"
|
|
54
54
|
type="text"
|
|
55
55
|
value=""
|
|
@@ -69,20 +69,20 @@ Array [
|
|
|
69
69
|
</div>
|
|
70
70
|
</div>,
|
|
71
71
|
<div
|
|
72
|
-
class="MuiFormControl-root MuiTextField-root MuiFormControl-
|
|
72
|
+
class="MuiFormControl-root MuiTextField-root MuiFormControl-marginDense MuiFormControl-fullWidth"
|
|
73
73
|
>
|
|
74
74
|
<label
|
|
75
|
-
class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-outlined ReceiveOfferForm-outlinedLabel-4"
|
|
75
|
+
class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-marginDense MuiInputLabel-outlined ReceiveOfferForm-outlinedLabel-4"
|
|
76
76
|
data-shrink="false"
|
|
77
77
|
>
|
|
78
78
|
receiveOfferForm.company
|
|
79
79
|
</label>
|
|
80
80
|
<div
|
|
81
|
-
class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-fullWidth MuiInputBase-formControl"
|
|
81
|
+
class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-fullWidth MuiInputBase-formControl MuiInputBase-marginDense MuiOutlinedInput-marginDense"
|
|
82
82
|
>
|
|
83
83
|
<input
|
|
84
84
|
aria-invalid="false"
|
|
85
|
-
class="MuiInputBase-input MuiOutlinedInput-input ReceiveOfferForm-outlinedInput-3"
|
|
85
|
+
class="MuiInputBase-input MuiOutlinedInput-input ReceiveOfferForm-outlinedInput-3 MuiInputBase-inputMarginDense MuiOutlinedInput-inputMarginDense"
|
|
86
86
|
name="company"
|
|
87
87
|
type="text"
|
|
88
88
|
value=""
|
|
@@ -102,20 +102,20 @@ Array [
|
|
|
102
102
|
</div>
|
|
103
103
|
</div>,
|
|
104
104
|
<div
|
|
105
|
-
class="MuiFormControl-root MuiTextField-root MuiFormControl-
|
|
105
|
+
class="MuiFormControl-root MuiTextField-root MuiFormControl-marginDense MuiFormControl-fullWidth"
|
|
106
106
|
>
|
|
107
107
|
<label
|
|
108
|
-
class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-outlined ReceiveOfferForm-outlinedLabel-4"
|
|
108
|
+
class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-marginDense MuiInputLabel-outlined ReceiveOfferForm-outlinedLabel-4"
|
|
109
109
|
data-shrink="false"
|
|
110
110
|
>
|
|
111
111
|
receiveOfferForm.phonenumber
|
|
112
112
|
</label>
|
|
113
113
|
<div
|
|
114
|
-
class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-fullWidth MuiInputBase-formControl"
|
|
114
|
+
class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-fullWidth MuiInputBase-formControl MuiInputBase-marginDense MuiOutlinedInput-marginDense"
|
|
115
115
|
>
|
|
116
116
|
<input
|
|
117
117
|
aria-invalid="false"
|
|
118
|
-
class="MuiInputBase-input MuiOutlinedInput-input ReceiveOfferForm-outlinedInput-3"
|
|
118
|
+
class="MuiInputBase-input MuiOutlinedInput-input ReceiveOfferForm-outlinedInput-3 MuiInputBase-inputMarginDense MuiOutlinedInput-inputMarginDense"
|
|
119
119
|
name="phonenumber"
|
|
120
120
|
type="text"
|
|
121
121
|
value=""
|
|
@@ -141,20 +141,20 @@ Array [
|
|
|
141
141
|
class="MuiGrid-root ReceiveOfferForm-Grid-1 MuiGrid-item MuiGrid-grid-xs-12 MuiGrid-grid-sm-4"
|
|
142
142
|
>
|
|
143
143
|
<div
|
|
144
|
-
class="MuiFormControl-root MuiTextField-root MuiFormControl-
|
|
144
|
+
class="MuiFormControl-root MuiTextField-root MuiFormControl-marginDense MuiFormControl-fullWidth"
|
|
145
145
|
>
|
|
146
146
|
<label
|
|
147
|
-
class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-outlined ReceiveOfferForm-outlinedLabel-4"
|
|
147
|
+
class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-marginDense MuiInputLabel-outlined ReceiveOfferForm-outlinedLabel-4"
|
|
148
148
|
data-shrink="false"
|
|
149
149
|
>
|
|
150
150
|
receiveOfferForm.zip
|
|
151
151
|
</label>
|
|
152
152
|
<div
|
|
153
|
-
class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-fullWidth MuiInputBase-formControl"
|
|
153
|
+
class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-fullWidth MuiInputBase-formControl MuiInputBase-marginDense MuiOutlinedInput-marginDense"
|
|
154
154
|
>
|
|
155
155
|
<input
|
|
156
156
|
aria-invalid="false"
|
|
157
|
-
class="MuiInputBase-input MuiOutlinedInput-input ReceiveOfferForm-outlinedInput-3"
|
|
157
|
+
class="MuiInputBase-input MuiOutlinedInput-input ReceiveOfferForm-outlinedInput-3 MuiInputBase-inputMarginDense MuiOutlinedInput-inputMarginDense"
|
|
158
158
|
name="zip"
|
|
159
159
|
type="text"
|
|
160
160
|
value=""
|
|
@@ -178,20 +178,20 @@ Array [
|
|
|
178
178
|
class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-12 MuiGrid-grid-sm-8"
|
|
179
179
|
>
|
|
180
180
|
<div
|
|
181
|
-
class="MuiFormControl-root MuiTextField-root MuiFormControl-
|
|
181
|
+
class="MuiFormControl-root MuiTextField-root MuiFormControl-marginDense MuiFormControl-fullWidth"
|
|
182
182
|
>
|
|
183
183
|
<label
|
|
184
|
-
class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-outlined ReceiveOfferForm-outlinedLabel-4"
|
|
184
|
+
class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-marginDense MuiInputLabel-outlined ReceiveOfferForm-outlinedLabel-4"
|
|
185
185
|
data-shrink="false"
|
|
186
186
|
>
|
|
187
187
|
receiveOfferForm.city
|
|
188
188
|
</label>
|
|
189
189
|
<div
|
|
190
|
-
class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-fullWidth MuiInputBase-formControl"
|
|
190
|
+
class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-fullWidth MuiInputBase-formControl MuiInputBase-marginDense MuiOutlinedInput-marginDense"
|
|
191
191
|
>
|
|
192
192
|
<input
|
|
193
193
|
aria-invalid="false"
|
|
194
|
-
class="MuiInputBase-input MuiOutlinedInput-input ReceiveOfferForm-outlinedInput-3"
|
|
194
|
+
class="MuiInputBase-input MuiOutlinedInput-input ReceiveOfferForm-outlinedInput-3 MuiInputBase-inputMarginDense MuiOutlinedInput-inputMarginDense"
|
|
195
195
|
name="city"
|
|
196
196
|
type="text"
|
|
197
197
|
value=""
|
|
@@ -213,20 +213,20 @@ Array [
|
|
|
213
213
|
</div>
|
|
214
214
|
</div>,
|
|
215
215
|
<div
|
|
216
|
-
class="MuiFormControl-root MuiTextField-root MuiFormControl-
|
|
216
|
+
class="MuiFormControl-root MuiTextField-root MuiFormControl-marginDense MuiFormControl-fullWidth"
|
|
217
217
|
>
|
|
218
218
|
<label
|
|
219
|
-
class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-outlined ReceiveOfferForm-outlinedLabel-4"
|
|
219
|
+
class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-marginDense MuiInputLabel-outlined ReceiveOfferForm-outlinedLabel-4"
|
|
220
220
|
data-shrink="false"
|
|
221
221
|
>
|
|
222
222
|
receiveOfferForm.street
|
|
223
223
|
</label>
|
|
224
224
|
<div
|
|
225
|
-
class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-fullWidth MuiInputBase-formControl"
|
|
225
|
+
class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-fullWidth MuiInputBase-formControl MuiInputBase-marginDense MuiOutlinedInput-marginDense"
|
|
226
226
|
>
|
|
227
227
|
<input
|
|
228
228
|
aria-invalid="false"
|
|
229
|
-
class="MuiInputBase-input MuiOutlinedInput-input ReceiveOfferForm-outlinedInput-3"
|
|
229
|
+
class="MuiInputBase-input MuiOutlinedInput-input ReceiveOfferForm-outlinedInput-3 MuiInputBase-inputMarginDense MuiOutlinedInput-inputMarginDense"
|
|
230
230
|
name="street"
|
|
231
231
|
type="text"
|
|
232
232
|
value=""
|
|
@@ -246,20 +246,20 @@ Array [
|
|
|
246
246
|
</div>
|
|
247
247
|
</div>,
|
|
248
248
|
<div
|
|
249
|
-
class="MuiFormControl-root MuiTextField-root MuiFormControl-
|
|
249
|
+
class="MuiFormControl-root MuiTextField-root MuiFormControl-marginDense MuiFormControl-fullWidth"
|
|
250
250
|
>
|
|
251
251
|
<label
|
|
252
|
-
class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-outlined ReceiveOfferForm-outlinedLabel-4"
|
|
252
|
+
class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-marginDense MuiInputLabel-outlined ReceiveOfferForm-outlinedLabel-4"
|
|
253
253
|
data-shrink="false"
|
|
254
254
|
>
|
|
255
255
|
receiveOfferForm.country
|
|
256
256
|
</label>
|
|
257
257
|
<div
|
|
258
|
-
class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-fullWidth MuiInputBase-formControl"
|
|
258
|
+
class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-fullWidth MuiInputBase-formControl MuiInputBase-marginDense MuiOutlinedInput-marginDense"
|
|
259
259
|
>
|
|
260
260
|
<input
|
|
261
261
|
aria-invalid="false"
|
|
262
|
-
class="MuiInputBase-input MuiOutlinedInput-input ReceiveOfferForm-outlinedInput-3"
|
|
262
|
+
class="MuiInputBase-input MuiOutlinedInput-input ReceiveOfferForm-outlinedInput-3 MuiInputBase-inputMarginDense MuiOutlinedInput-inputMarginDense"
|
|
263
263
|
name="country"
|
|
264
264
|
type="text"
|
|
265
265
|
value=""
|
|
@@ -284,20 +284,20 @@ Array [
|
|
|
284
284
|
exports[`renders correctly without approval 1`] = `
|
|
285
285
|
Array [
|
|
286
286
|
<div
|
|
287
|
-
class="MuiFormControl-root MuiTextField-root ReceiveOfferForm-MuiFormControlRoot-2 MuiFormControl-
|
|
287
|
+
class="MuiFormControl-root MuiTextField-root ReceiveOfferForm-MuiFormControlRoot-2 MuiFormControl-marginDense MuiFormControl-fullWidth"
|
|
288
288
|
>
|
|
289
289
|
<label
|
|
290
|
-
class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-outlined ReceiveOfferForm-outlinedLabel-4"
|
|
290
|
+
class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-marginDense MuiInputLabel-outlined ReceiveOfferForm-outlinedLabel-4"
|
|
291
291
|
data-shrink="false"
|
|
292
292
|
>
|
|
293
293
|
receiveOfferForm.email
|
|
294
294
|
</label>
|
|
295
295
|
<div
|
|
296
|
-
class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-fullWidth MuiInputBase-formControl"
|
|
296
|
+
class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-fullWidth MuiInputBase-formControl MuiInputBase-marginDense MuiOutlinedInput-marginDense"
|
|
297
297
|
>
|
|
298
298
|
<input
|
|
299
299
|
aria-invalid="false"
|
|
300
|
-
class="MuiInputBase-input MuiOutlinedInput-input ReceiveOfferForm-outlinedInput-3"
|
|
300
|
+
class="MuiInputBase-input MuiOutlinedInput-input ReceiveOfferForm-outlinedInput-3 MuiInputBase-inputMarginDense MuiOutlinedInput-inputMarginDense"
|
|
301
301
|
name="email"
|
|
302
302
|
type="text"
|
|
303
303
|
value=""
|
|
@@ -317,20 +317,20 @@ Array [
|
|
|
317
317
|
</div>
|
|
318
318
|
</div>,
|
|
319
319
|
<div
|
|
320
|
-
class="MuiFormControl-root MuiTextField-root MuiFormControl-
|
|
320
|
+
class="MuiFormControl-root MuiTextField-root MuiFormControl-marginDense MuiFormControl-fullWidth"
|
|
321
321
|
>
|
|
322
322
|
<label
|
|
323
|
-
class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-outlined ReceiveOfferForm-outlinedLabel-4"
|
|
323
|
+
class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-marginDense MuiInputLabel-outlined ReceiveOfferForm-outlinedLabel-4"
|
|
324
324
|
data-shrink="false"
|
|
325
325
|
>
|
|
326
326
|
receiveOfferForm.name
|
|
327
327
|
</label>
|
|
328
328
|
<div
|
|
329
|
-
class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-fullWidth MuiInputBase-formControl"
|
|
329
|
+
class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-fullWidth MuiInputBase-formControl MuiInputBase-marginDense MuiOutlinedInput-marginDense"
|
|
330
330
|
>
|
|
331
331
|
<input
|
|
332
332
|
aria-invalid="false"
|
|
333
|
-
class="MuiInputBase-input MuiOutlinedInput-input ReceiveOfferForm-outlinedInput-3"
|
|
333
|
+
class="MuiInputBase-input MuiOutlinedInput-input ReceiveOfferForm-outlinedInput-3 MuiInputBase-inputMarginDense MuiOutlinedInput-inputMarginDense"
|
|
334
334
|
name="name"
|
|
335
335
|
type="text"
|
|
336
336
|
value=""
|
|
@@ -350,20 +350,20 @@ Array [
|
|
|
350
350
|
</div>
|
|
351
351
|
</div>,
|
|
352
352
|
<div
|
|
353
|
-
class="MuiFormControl-root MuiTextField-root MuiFormControl-
|
|
353
|
+
class="MuiFormControl-root MuiTextField-root MuiFormControl-marginDense MuiFormControl-fullWidth"
|
|
354
354
|
>
|
|
355
355
|
<label
|
|
356
|
-
class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-outlined ReceiveOfferForm-outlinedLabel-4"
|
|
356
|
+
class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-marginDense MuiInputLabel-outlined ReceiveOfferForm-outlinedLabel-4"
|
|
357
357
|
data-shrink="false"
|
|
358
358
|
>
|
|
359
359
|
receiveOfferForm.company
|
|
360
360
|
</label>
|
|
361
361
|
<div
|
|
362
|
-
class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-fullWidth MuiInputBase-formControl"
|
|
362
|
+
class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-fullWidth MuiInputBase-formControl MuiInputBase-marginDense MuiOutlinedInput-marginDense"
|
|
363
363
|
>
|
|
364
364
|
<input
|
|
365
365
|
aria-invalid="false"
|
|
366
|
-
class="MuiInputBase-input MuiOutlinedInput-input ReceiveOfferForm-outlinedInput-3"
|
|
366
|
+
class="MuiInputBase-input MuiOutlinedInput-input ReceiveOfferForm-outlinedInput-3 MuiInputBase-inputMarginDense MuiOutlinedInput-inputMarginDense"
|
|
367
367
|
name="company"
|
|
368
368
|
type="text"
|
|
369
369
|
value=""
|
|
@@ -383,20 +383,20 @@ Array [
|
|
|
383
383
|
</div>
|
|
384
384
|
</div>,
|
|
385
385
|
<div
|
|
386
|
-
class="MuiFormControl-root MuiTextField-root MuiFormControl-
|
|
386
|
+
class="MuiFormControl-root MuiTextField-root MuiFormControl-marginDense MuiFormControl-fullWidth"
|
|
387
387
|
>
|
|
388
388
|
<label
|
|
389
|
-
class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-outlined ReceiveOfferForm-outlinedLabel-4"
|
|
389
|
+
class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-marginDense MuiInputLabel-outlined ReceiveOfferForm-outlinedLabel-4"
|
|
390
390
|
data-shrink="false"
|
|
391
391
|
>
|
|
392
392
|
receiveOfferForm.phonenumber
|
|
393
393
|
</label>
|
|
394
394
|
<div
|
|
395
|
-
class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-fullWidth MuiInputBase-formControl"
|
|
395
|
+
class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-fullWidth MuiInputBase-formControl MuiInputBase-marginDense MuiOutlinedInput-marginDense"
|
|
396
396
|
>
|
|
397
397
|
<input
|
|
398
398
|
aria-invalid="false"
|
|
399
|
-
class="MuiInputBase-input MuiOutlinedInput-input ReceiveOfferForm-outlinedInput-3"
|
|
399
|
+
class="MuiInputBase-input MuiOutlinedInput-input ReceiveOfferForm-outlinedInput-3 MuiInputBase-inputMarginDense MuiOutlinedInput-inputMarginDense"
|
|
400
400
|
name="phonenumber"
|
|
401
401
|
type="text"
|
|
402
402
|
value=""
|
|
@@ -422,20 +422,20 @@ Array [
|
|
|
422
422
|
class="MuiGrid-root ReceiveOfferForm-Grid-1 MuiGrid-item MuiGrid-grid-xs-12 MuiGrid-grid-sm-4"
|
|
423
423
|
>
|
|
424
424
|
<div
|
|
425
|
-
class="MuiFormControl-root MuiTextField-root MuiFormControl-
|
|
425
|
+
class="MuiFormControl-root MuiTextField-root MuiFormControl-marginDense MuiFormControl-fullWidth"
|
|
426
426
|
>
|
|
427
427
|
<label
|
|
428
|
-
class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-outlined ReceiveOfferForm-outlinedLabel-4"
|
|
428
|
+
class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-marginDense MuiInputLabel-outlined ReceiveOfferForm-outlinedLabel-4"
|
|
429
429
|
data-shrink="false"
|
|
430
430
|
>
|
|
431
431
|
receiveOfferForm.zip
|
|
432
432
|
</label>
|
|
433
433
|
<div
|
|
434
|
-
class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-fullWidth MuiInputBase-formControl"
|
|
434
|
+
class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-fullWidth MuiInputBase-formControl MuiInputBase-marginDense MuiOutlinedInput-marginDense"
|
|
435
435
|
>
|
|
436
436
|
<input
|
|
437
437
|
aria-invalid="false"
|
|
438
|
-
class="MuiInputBase-input MuiOutlinedInput-input ReceiveOfferForm-outlinedInput-3"
|
|
438
|
+
class="MuiInputBase-input MuiOutlinedInput-input ReceiveOfferForm-outlinedInput-3 MuiInputBase-inputMarginDense MuiOutlinedInput-inputMarginDense"
|
|
439
439
|
name="zip"
|
|
440
440
|
type="text"
|
|
441
441
|
value=""
|
|
@@ -459,20 +459,20 @@ Array [
|
|
|
459
459
|
class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-12 MuiGrid-grid-sm-8"
|
|
460
460
|
>
|
|
461
461
|
<div
|
|
462
|
-
class="MuiFormControl-root MuiTextField-root MuiFormControl-
|
|
462
|
+
class="MuiFormControl-root MuiTextField-root MuiFormControl-marginDense MuiFormControl-fullWidth"
|
|
463
463
|
>
|
|
464
464
|
<label
|
|
465
|
-
class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-outlined ReceiveOfferForm-outlinedLabel-4"
|
|
465
|
+
class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-marginDense MuiInputLabel-outlined ReceiveOfferForm-outlinedLabel-4"
|
|
466
466
|
data-shrink="false"
|
|
467
467
|
>
|
|
468
468
|
receiveOfferForm.city
|
|
469
469
|
</label>
|
|
470
470
|
<div
|
|
471
|
-
class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-fullWidth MuiInputBase-formControl"
|
|
471
|
+
class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-fullWidth MuiInputBase-formControl MuiInputBase-marginDense MuiOutlinedInput-marginDense"
|
|
472
472
|
>
|
|
473
473
|
<input
|
|
474
474
|
aria-invalid="false"
|
|
475
|
-
class="MuiInputBase-input MuiOutlinedInput-input ReceiveOfferForm-outlinedInput-3"
|
|
475
|
+
class="MuiInputBase-input MuiOutlinedInput-input ReceiveOfferForm-outlinedInput-3 MuiInputBase-inputMarginDense MuiOutlinedInput-inputMarginDense"
|
|
476
476
|
name="city"
|
|
477
477
|
type="text"
|
|
478
478
|
value=""
|
|
@@ -494,20 +494,20 @@ Array [
|
|
|
494
494
|
</div>
|
|
495
495
|
</div>,
|
|
496
496
|
<div
|
|
497
|
-
class="MuiFormControl-root MuiTextField-root MuiFormControl-
|
|
497
|
+
class="MuiFormControl-root MuiTextField-root MuiFormControl-marginDense MuiFormControl-fullWidth"
|
|
498
498
|
>
|
|
499
499
|
<label
|
|
500
|
-
class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-outlined ReceiveOfferForm-outlinedLabel-4"
|
|
500
|
+
class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-marginDense MuiInputLabel-outlined ReceiveOfferForm-outlinedLabel-4"
|
|
501
501
|
data-shrink="false"
|
|
502
502
|
>
|
|
503
503
|
receiveOfferForm.street
|
|
504
504
|
</label>
|
|
505
505
|
<div
|
|
506
|
-
class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-fullWidth MuiInputBase-formControl"
|
|
506
|
+
class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-fullWidth MuiInputBase-formControl MuiInputBase-marginDense MuiOutlinedInput-marginDense"
|
|
507
507
|
>
|
|
508
508
|
<input
|
|
509
509
|
aria-invalid="false"
|
|
510
|
-
class="MuiInputBase-input MuiOutlinedInput-input ReceiveOfferForm-outlinedInput-3"
|
|
510
|
+
class="MuiInputBase-input MuiOutlinedInput-input ReceiveOfferForm-outlinedInput-3 MuiInputBase-inputMarginDense MuiOutlinedInput-inputMarginDense"
|
|
511
511
|
name="street"
|
|
512
512
|
type="text"
|
|
513
513
|
value=""
|
|
@@ -527,20 +527,20 @@ Array [
|
|
|
527
527
|
</div>
|
|
528
528
|
</div>,
|
|
529
529
|
<div
|
|
530
|
-
class="MuiFormControl-root MuiTextField-root MuiFormControl-
|
|
530
|
+
class="MuiFormControl-root MuiTextField-root MuiFormControl-marginDense MuiFormControl-fullWidth"
|
|
531
531
|
>
|
|
532
532
|
<label
|
|
533
|
-
class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-outlined ReceiveOfferForm-outlinedLabel-4"
|
|
533
|
+
class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-marginDense MuiInputLabel-outlined ReceiveOfferForm-outlinedLabel-4"
|
|
534
534
|
data-shrink="false"
|
|
535
535
|
>
|
|
536
536
|
receiveOfferForm.country
|
|
537
537
|
</label>
|
|
538
538
|
<div
|
|
539
|
-
class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-fullWidth MuiInputBase-formControl"
|
|
539
|
+
class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-fullWidth MuiInputBase-formControl MuiInputBase-marginDense MuiOutlinedInput-marginDense"
|
|
540
540
|
>
|
|
541
541
|
<input
|
|
542
542
|
aria-invalid="false"
|
|
543
|
-
class="MuiInputBase-input MuiOutlinedInput-input ReceiveOfferForm-outlinedInput-3"
|
|
543
|
+
class="MuiInputBase-input MuiOutlinedInput-input ReceiveOfferForm-outlinedInput-3 MuiInputBase-inputMarginDense MuiOutlinedInput-inputMarginDense"
|
|
544
544
|
name="country"
|
|
545
545
|
type="text"
|
|
546
546
|
value=""
|
|
@@ -16,7 +16,7 @@ const styles = theme => ({
|
|
|
16
16
|
marginTop: 0,
|
|
17
17
|
},
|
|
18
18
|
outlinedInput: {
|
|
19
|
-
padding:
|
|
19
|
+
padding: 10,
|
|
20
20
|
fontSize: 15,
|
|
21
21
|
[theme.breakpoints.down('xs')]: {
|
|
22
22
|
padding: 19,
|
|
@@ -91,7 +91,6 @@ class ReceiveOfferForm extends React.Component {
|
|
|
91
91
|
this.handleChange = this.handleChange.bind(this);
|
|
92
92
|
this.handleBlur = this.handleBlur.bind(this);
|
|
93
93
|
this.setInputRef = this.setInputRef.bind(this);
|
|
94
|
-
this.designApprovalRef = React.createRef();
|
|
95
94
|
}
|
|
96
95
|
|
|
97
96
|
setInputRef = ref => {
|
|
@@ -175,7 +174,7 @@ class ReceiveOfferForm extends React.Component {
|
|
|
175
174
|
onChange={this.handleChange}
|
|
176
175
|
onBlur={this.handleBlur}
|
|
177
176
|
label={t('receiveOfferForm.email')}
|
|
178
|
-
margin="
|
|
177
|
+
margin="dense"
|
|
179
178
|
variant="outlined"
|
|
180
179
|
fullWidth
|
|
181
180
|
error={!!email.error}
|
|
@@ -201,7 +200,7 @@ class ReceiveOfferForm extends React.Component {
|
|
|
201
200
|
onChange={this.handleChange}
|
|
202
201
|
onBlur={this.handleBlur}
|
|
203
202
|
label={t('receiveOfferForm.name')}
|
|
204
|
-
margin="
|
|
203
|
+
margin="dense"
|
|
205
204
|
variant="outlined"
|
|
206
205
|
fullWidth
|
|
207
206
|
error={!!name.error}
|
|
@@ -224,7 +223,7 @@ class ReceiveOfferForm extends React.Component {
|
|
|
224
223
|
onChange={this.handleChange}
|
|
225
224
|
onBlur={this.handleBlur}
|
|
226
225
|
label={t('receiveOfferForm.company')}
|
|
227
|
-
margin="
|
|
226
|
+
margin="dense"
|
|
228
227
|
variant="outlined"
|
|
229
228
|
fullWidth
|
|
230
229
|
error={!!company.error}
|
|
@@ -247,7 +246,7 @@ class ReceiveOfferForm extends React.Component {
|
|
|
247
246
|
onChange={this.handleChange}
|
|
248
247
|
onBlur={this.handleBlur}
|
|
249
248
|
label={t('receiveOfferForm.phonenumber')}
|
|
250
|
-
margin="
|
|
249
|
+
margin="dense"
|
|
251
250
|
variant="outlined"
|
|
252
251
|
fullWidth
|
|
253
252
|
error={!!phonenumber.error}
|
|
@@ -272,7 +271,7 @@ class ReceiveOfferForm extends React.Component {
|
|
|
272
271
|
onChange={this.handleChange}
|
|
273
272
|
onBlur={this.handleBlur}
|
|
274
273
|
label={t('receiveOfferForm.zip')}
|
|
275
|
-
margin="
|
|
274
|
+
margin="dense"
|
|
276
275
|
variant="outlined"
|
|
277
276
|
fullWidth
|
|
278
277
|
error={!!zip.error}
|
|
@@ -297,7 +296,7 @@ class ReceiveOfferForm extends React.Component {
|
|
|
297
296
|
onChange={this.handleChange}
|
|
298
297
|
onBlur={this.handleBlur}
|
|
299
298
|
label={t('receiveOfferForm.city')}
|
|
300
|
-
margin="
|
|
299
|
+
margin="dense"
|
|
301
300
|
variant="outlined"
|
|
302
301
|
fullWidth
|
|
303
302
|
error={!!city.error}
|
|
@@ -322,7 +321,7 @@ class ReceiveOfferForm extends React.Component {
|
|
|
322
321
|
onChange={this.handleChange}
|
|
323
322
|
onBlur={this.handleBlur}
|
|
324
323
|
label={t('receiveOfferForm.street')}
|
|
325
|
-
margin="
|
|
324
|
+
margin="dense"
|
|
326
325
|
variant="outlined"
|
|
327
326
|
fullWidth
|
|
328
327
|
error={!!street.error}
|
|
@@ -345,7 +344,7 @@ class ReceiveOfferForm extends React.Component {
|
|
|
345
344
|
onChange={this.handleChange}
|
|
346
345
|
onBlur={this.handleBlur}
|
|
347
346
|
label={t('receiveOfferForm.country')}
|
|
348
|
-
margin="
|
|
347
|
+
margin="dense"
|
|
349
348
|
variant="outlined"
|
|
350
349
|
fullWidth
|
|
351
350
|
error={!!country.error}
|
package/src/App/configuration.js
CHANGED
|
@@ -1,76 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports["default"] = void 0;
|
|
7
|
-
|
|
8
|
-
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
|
|
10
|
-
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
11
|
-
|
|
12
|
-
var _core = require("@material-ui/core");
|
|
13
|
-
|
|
14
|
-
var _FormControlLabel = _interopRequireDefault(require("@material-ui/core/FormControlLabel"));
|
|
15
|
-
|
|
16
|
-
var _Checkbox = _interopRequireDefault(require("@material-ui/core/Checkbox"));
|
|
17
|
-
|
|
18
|
-
var _FormHelperText = _interopRequireDefault(require("@material-ui/core/FormHelperText"));
|
|
19
|
-
|
|
20
|
-
var _i18n = require("../../../../../Framework/i18n");
|
|
21
|
-
|
|
22
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
23
|
-
|
|
24
|
-
var styles = function styles(theme) {
|
|
25
|
-
return {
|
|
26
|
-
link: {
|
|
27
|
-
'& a': {
|
|
28
|
-
color: theme.palette.primary.main
|
|
29
|
-
}
|
|
30
|
-
}
|
|
31
|
-
};
|
|
32
|
-
};
|
|
33
|
-
|
|
34
|
-
var DesignApproval = function DesignApproval(props) {
|
|
35
|
-
var handleChange = function handleChange(event) {
|
|
36
|
-
var onChange = props.onChange;
|
|
37
|
-
onChange(event.target.checked);
|
|
38
|
-
};
|
|
39
|
-
|
|
40
|
-
var classes = props.classes,
|
|
41
|
-
checked = props.checked,
|
|
42
|
-
error = props.error,
|
|
43
|
-
link = props.link;
|
|
44
|
-
return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_FormControlLabel["default"], {
|
|
45
|
-
control: /*#__PURE__*/_react["default"].createElement(_Checkbox["default"], {
|
|
46
|
-
name: "approval",
|
|
47
|
-
checked: checked,
|
|
48
|
-
onChange: handleChange,
|
|
49
|
-
color: "primary"
|
|
50
|
-
}),
|
|
51
|
-
label: /*#__PURE__*/_react["default"].createElement("div", {
|
|
52
|
-
className: classes.link,
|
|
53
|
-
dangerouslySetInnerHTML: {
|
|
54
|
-
__html: (0, _i18n.t)('receiveOfferForm.approval', {
|
|
55
|
-
link: link
|
|
56
|
-
})
|
|
57
|
-
}
|
|
58
|
-
})
|
|
59
|
-
}), error && /*#__PURE__*/_react["default"].createElement(_FormHelperText["default"], {
|
|
60
|
-
error: true
|
|
61
|
-
}, (0, _i18n.t)('receiveOfferForm.errors.notApproved')));
|
|
62
|
-
};
|
|
63
|
-
|
|
64
|
-
DesignApproval.propTypes = {
|
|
65
|
-
classes: _propTypes["default"].object,
|
|
66
|
-
onChange: _propTypes["default"].func,
|
|
67
|
-
checked: _propTypes["default"].bool,
|
|
68
|
-
error: _propTypes["default"].bool,
|
|
69
|
-
link: _propTypes["default"].string
|
|
70
|
-
};
|
|
71
|
-
|
|
72
|
-
var _default = (0, _core.withStyles)(styles, {
|
|
73
|
-
name: 'DesignApproval'
|
|
74
|
-
})(DesignApproval);
|
|
75
|
-
|
|
76
|
-
exports["default"] = _default;
|
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _react = _interopRequireDefault(require("react"));
|
|
4
|
-
|
|
5
|
-
var _noop = _interopRequireDefault(require("lodash/noop"));
|
|
6
|
-
|
|
7
|
-
var _react2 = require("@storybook/react");
|
|
8
|
-
|
|
9
|
-
var _index = _interopRequireDefault(require("./index"));
|
|
10
|
-
|
|
11
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
12
|
-
|
|
13
|
-
(0, _react2.storiesOf)('DesignApproval', module).add('without error', function () {
|
|
14
|
-
return /*#__PURE__*/_react["default"].createElement(_index["default"], {
|
|
15
|
-
checked: true,
|
|
16
|
-
error: false,
|
|
17
|
-
link: 'fakeLink',
|
|
18
|
-
onChange: _noop["default"]
|
|
19
|
-
});
|
|
20
|
-
}).add('with error', function () {
|
|
21
|
-
return /*#__PURE__*/_react["default"].createElement(_index["default"], {
|
|
22
|
-
checked: false,
|
|
23
|
-
error: true,
|
|
24
|
-
link: 'fakeLink',
|
|
25
|
-
onChange: _noop["default"]
|
|
26
|
-
});
|
|
27
|
-
});
|
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _react = _interopRequireDefault(require("react"));
|
|
4
|
-
|
|
5
|
-
var _noop = _interopRequireDefault(require("lodash/noop"));
|
|
6
|
-
|
|
7
|
-
var _enzyme = require("enzyme");
|
|
8
|
-
|
|
9
|
-
var _index = _interopRequireDefault(require("./index"));
|
|
10
|
-
|
|
11
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
12
|
-
|
|
13
|
-
/* eslint-env jest */
|
|
14
|
-
it('renders correctly without error', function () {
|
|
15
|
-
var tree = (0, _enzyme.render)( /*#__PURE__*/_react["default"].createElement(_index["default"], {
|
|
16
|
-
checked: true,
|
|
17
|
-
error: false,
|
|
18
|
-
link: 'fakeLink',
|
|
19
|
-
onChange: _noop["default"]
|
|
20
|
-
}));
|
|
21
|
-
expect(tree).toMatchSnapshot();
|
|
22
|
-
});
|
|
23
|
-
it('renders correctly with error', function () {
|
|
24
|
-
var tree = (0, _enzyme.render)( /*#__PURE__*/_react["default"].createElement(_index["default"], {
|
|
25
|
-
checked: false,
|
|
26
|
-
error: true,
|
|
27
|
-
link: 'fakeLink',
|
|
28
|
-
onChange: _noop["default"]
|
|
29
|
-
}));
|
|
30
|
-
expect(tree).toMatchSnapshot();
|
|
31
|
-
});
|