@financial-times/n-conversion-forms 36.0.0 → 36.0.2
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/.toolkitstate/ci.json +2 -2
- package/components/__snapshots__/delivery-start-date.spec.js.snap +8 -8
- package/components/__snapshots__/ft-edit-registration-confirmation.spec.js.snap +45 -393
- package/components/delivery-start-date.jsx +1 -1
- package/components/ft-edit-registration-confirmation.jsx +10 -92
- package/dist/delivery-start-date.jsx +1 -1
- package/dist/ft-edit-registration-confirmation.jsx +7 -69
- package/package.json +5 -5
- package/styles/ft-edit-registration-confirmation.scss +1 -1
package/.toolkitstate/ci.json
CHANGED
|
@@ -30,7 +30,7 @@ exports[`DeliveryStartDate renders with a custom date 1`] = `
|
|
|
30
30
|
</span>
|
|
31
31
|
</span>
|
|
32
32
|
<p>
|
|
33
|
-
|
|
33
|
+
The first print edition you will receive is on:
|
|
34
34
|
<strong class="js-start-date-text">
|
|
35
35
|
5th November 2019
|
|
36
36
|
</strong>
|
|
@@ -68,7 +68,7 @@ exports[`DeliveryStartDate renders with a custom input max value 1`] = `
|
|
|
68
68
|
</span>
|
|
69
69
|
</span>
|
|
70
70
|
<p>
|
|
71
|
-
|
|
71
|
+
The first print edition you will receive is on:
|
|
72
72
|
<strong class="js-start-date-text">
|
|
73
73
|
2
|
|
74
74
|
</strong>
|
|
@@ -107,7 +107,7 @@ exports[`DeliveryStartDate renders with a custom input min value 1`] = `
|
|
|
107
107
|
</span>
|
|
108
108
|
</span>
|
|
109
109
|
<p>
|
|
110
|
-
|
|
110
|
+
The first print edition you will receive is on:
|
|
111
111
|
<strong class="js-start-date-text">
|
|
112
112
|
</strong>
|
|
113
113
|
</p>
|
|
@@ -144,7 +144,7 @@ exports[`DeliveryStartDate renders with a custom input value 1`] = `
|
|
|
144
144
|
</span>
|
|
145
145
|
</span>
|
|
146
146
|
<p>
|
|
147
|
-
|
|
147
|
+
The first print edition you will receive is on:
|
|
148
148
|
<strong class="js-start-date-text">
|
|
149
149
|
</strong>
|
|
150
150
|
</p>
|
|
@@ -182,7 +182,7 @@ exports[`DeliveryStartDate renders with a disabled input 1`] = `
|
|
|
182
182
|
</span>
|
|
183
183
|
</span>
|
|
184
184
|
<p>
|
|
185
|
-
|
|
185
|
+
The first print edition you will receive is on:
|
|
186
186
|
<strong class="js-start-date-text">
|
|
187
187
|
</strong>
|
|
188
188
|
</p>
|
|
@@ -219,7 +219,7 @@ exports[`DeliveryStartDate renders with an error 1`] = `
|
|
|
219
219
|
</span>
|
|
220
220
|
</span>
|
|
221
221
|
<p>
|
|
222
|
-
|
|
222
|
+
The first print edition you will receive is on:
|
|
223
223
|
<strong class="js-start-date-text">
|
|
224
224
|
</strong>
|
|
225
225
|
</p>
|
|
@@ -293,7 +293,7 @@ exports[`DeliveryStartDate renders with country different than default 1`] = `
|
|
|
293
293
|
</span>
|
|
294
294
|
</span>
|
|
295
295
|
<p>
|
|
296
|
-
|
|
296
|
+
The first print edition you will receive is on:
|
|
297
297
|
<strong class="js-start-date-text">
|
|
298
298
|
</strong>
|
|
299
299
|
</p>
|
|
@@ -330,7 +330,7 @@ exports[`DeliveryStartDate renders with default props 1`] = `
|
|
|
330
330
|
</span>
|
|
331
331
|
</span>
|
|
332
332
|
<p>
|
|
333
|
-
|
|
333
|
+
The first print edition you will receive is on:
|
|
334
334
|
<strong class="js-start-date-text">
|
|
335
335
|
</strong>
|
|
336
336
|
</p>
|
|
@@ -8,116 +8,29 @@ exports[`RegistrationConfirmation renders a continue reading button when an arti
|
|
|
8
8
|
<h1 class="ncf__header ncf__header--confirmation">
|
|
9
9
|
Success
|
|
10
10
|
</h1>
|
|
11
|
-
<p class="
|
|
11
|
+
<p class="ncf_confirmation--message">
|
|
12
12
|
Thank you for registering for FT Edit.
|
|
13
13
|
</p>
|
|
14
|
-
<p class="
|
|
15
|
-
Enjoy 30 days of great journalism. We’ve sent confirmation to
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
<div class="ncf__FT_Edit_confirmation--socials">
|
|
22
|
-
<b>
|
|
23
|
-
Breaking news alerts, direct to your lock screen
|
|
24
|
-
</b>
|
|
25
|
-
<p class="ncf__FT_Edit_confirmation--mobile">
|
|
26
|
-
Download our apps or follow us on our socials
|
|
27
|
-
</p>
|
|
28
|
-
<p class="ncf__FT_Edit_confirmation--desktop">
|
|
29
|
-
Find us in the app stores or follow us on our socials
|
|
30
|
-
</p>
|
|
31
|
-
<div class="ncf__FT_Edit_confirmation--badges">
|
|
32
|
-
<div class="o-social-follow"
|
|
33
|
-
aria-label="Follow on social media"
|
|
34
|
-
>
|
|
35
|
-
<a href="https://www.instagram.com/financialtimes"
|
|
36
|
-
class="o-social-follow-icon o-social-follow-icon--instagram"
|
|
37
|
-
target="_blank"
|
|
38
|
-
rel="noopener noreferrer"
|
|
39
|
-
data-trackable="register-social-instagram"
|
|
40
|
-
>
|
|
41
|
-
<span class="o-social-follow-icon__label">
|
|
42
|
-
on instagram
|
|
43
|
-
</span>
|
|
44
|
-
</a>
|
|
45
|
-
<a href="https://www.linkedin.com/company/financial-times"
|
|
46
|
-
class="o-social-follow-icon o-social-follow-icon--linkedin"
|
|
47
|
-
target="_blank"
|
|
48
|
-
rel="noopener noreferrer"
|
|
49
|
-
data-trackable="register-social-linkedin"
|
|
50
|
-
>
|
|
51
|
-
<span class="o-social-follow-icon__label">
|
|
52
|
-
on linkedin
|
|
53
|
-
</span>
|
|
54
|
-
</a>
|
|
55
|
-
<a href="https://twitter.com/FT"
|
|
56
|
-
class="o-social-follow-icon o-social-follow-icon--twitter"
|
|
57
|
-
target="_blank"
|
|
58
|
-
rel="noopener noreferrer"
|
|
59
|
-
data-trackable="register-social-twitter"
|
|
60
|
-
>
|
|
61
|
-
<span class="o-social-follow-icon__label">
|
|
62
|
-
on twitter
|
|
63
|
-
</span>
|
|
64
|
-
</a>
|
|
65
|
-
<a href="https://www.facebook.com/financialtimes"
|
|
66
|
-
class="o-social-follow-icon o-social-follow-icon--facebook"
|
|
67
|
-
target="_blank"
|
|
68
|
-
rel="noopener noreferrer"
|
|
69
|
-
data-trackable="register-social-facebook"
|
|
70
|
-
>
|
|
71
|
-
<span class="o-social-follow-icon__label">
|
|
72
|
-
on facebook
|
|
73
|
-
</span>
|
|
74
|
-
</a>
|
|
75
|
-
</div>
|
|
76
|
-
<div class="ncf__FT_Edit_confirmation--mobile ncf__FT_Edit_confirmation--app-badges"
|
|
77
|
-
aria-label="Download the app"
|
|
78
|
-
>
|
|
79
|
-
<a href="https://apps.apple.com/gb/app/ft-edit-by-the-financial-times/id1574510369"
|
|
80
|
-
class="ncf-icon ncf-icon--apple"
|
|
81
|
-
target="_blank"
|
|
82
|
-
rel="noopener noreferrer"
|
|
83
|
-
data-trackable="register-app-apple-ft-edit"
|
|
84
|
-
>
|
|
85
|
-
<span class="o-social-follow-icon__label">
|
|
86
|
-
on apple
|
|
87
|
-
</span>
|
|
88
|
-
</a>
|
|
89
|
-
</div>
|
|
14
|
+
<p class="ncf__confirmation--message margin-top-x4 ">
|
|
15
|
+
Enjoy 30 days of great journalism. We’ve sent confirmation to
|
|
16
|
+
<div>
|
|
17
|
+
<strong>
|
|
18
|
+
test@example.com
|
|
19
|
+
</strong>
|
|
20
|
+
.
|
|
90
21
|
</div>
|
|
91
|
-
</
|
|
92
|
-
<div class="ncf__FT_Edit_confirmation--alerts">
|
|
93
|
-
<b>
|
|
94
|
-
Set up email alerts in
|
|
95
|
-
<span aria-label="myFT"
|
|
96
|
-
class="ncf-icon ncf-icon--myft"
|
|
97
|
-
>
|
|
98
|
-
</span>
|
|
99
|
-
</b>
|
|
100
|
-
<p>
|
|
101
|
-
Choose the content you want to follow by personalising your alerts for the most important topics and additional newsletters
|
|
102
|
-
</p>
|
|
103
|
-
<a href="/myft"
|
|
104
|
-
class="margin-top-x4 ncf__button ncf__button--secondary"
|
|
105
|
-
data-trackable="register-personalise-my-alerts"
|
|
106
|
-
>
|
|
107
|
-
Personalise my alerts
|
|
108
|
-
</a>
|
|
109
|
-
</div>
|
|
22
|
+
</p>
|
|
110
23
|
</div>
|
|
111
24
|
<a href="/"
|
|
112
25
|
target="_parent"
|
|
113
|
-
class="
|
|
26
|
+
class=" ncf__confirmation--finish ncf__button ncf__button--submit"
|
|
114
27
|
data-trackable="register-finish-head-to-ft-edit-hub"
|
|
115
28
|
>
|
|
116
|
-
Explore
|
|
29
|
+
Explore FT Edit
|
|
117
30
|
</a>
|
|
118
31
|
<a href="https://www.ft.com/content/9141eee7-825a-41d7-913d-49e8c12e76db"
|
|
119
32
|
target="_parent"
|
|
120
|
-
class="
|
|
33
|
+
class=" ncf__confirmation--finish-article-read ncf__button ncf__button--secondary reduce-bottom-spacing"
|
|
121
34
|
data-trackable="register-finish-head-to-article"
|
|
122
35
|
>
|
|
123
36
|
Continue reading
|
|
@@ -133,112 +46,25 @@ exports[`RegistrationConfirmation renders an explore hub button always 1`] = `
|
|
|
133
46
|
<h1 class="ncf__header ncf__header--confirmation">
|
|
134
47
|
Success
|
|
135
48
|
</h1>
|
|
136
|
-
<p class="
|
|
49
|
+
<p class="ncf_confirmation--message">
|
|
137
50
|
Thank you for registering for FT Edit.
|
|
138
51
|
</p>
|
|
139
|
-
<p class="
|
|
140
|
-
Enjoy 30 days of great journalism. We’ve sent confirmation to
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
<div class="ncf__FT_Edit_confirmation--socials">
|
|
147
|
-
<b>
|
|
148
|
-
Breaking news alerts, direct to your lock screen
|
|
149
|
-
</b>
|
|
150
|
-
<p class="ncf__FT_Edit_confirmation--mobile">
|
|
151
|
-
Download our apps or follow us on our socials
|
|
152
|
-
</p>
|
|
153
|
-
<p class="ncf__FT_Edit_confirmation--desktop">
|
|
154
|
-
Find us in the app stores or follow us on our socials
|
|
155
|
-
</p>
|
|
156
|
-
<div class="ncf__FT_Edit_confirmation--badges">
|
|
157
|
-
<div class="o-social-follow"
|
|
158
|
-
aria-label="Follow on social media"
|
|
159
|
-
>
|
|
160
|
-
<a href="https://www.instagram.com/financialtimes"
|
|
161
|
-
class="o-social-follow-icon o-social-follow-icon--instagram"
|
|
162
|
-
target="_blank"
|
|
163
|
-
rel="noopener noreferrer"
|
|
164
|
-
data-trackable="register-social-instagram"
|
|
165
|
-
>
|
|
166
|
-
<span class="o-social-follow-icon__label">
|
|
167
|
-
on instagram
|
|
168
|
-
</span>
|
|
169
|
-
</a>
|
|
170
|
-
<a href="https://www.linkedin.com/company/financial-times"
|
|
171
|
-
class="o-social-follow-icon o-social-follow-icon--linkedin"
|
|
172
|
-
target="_blank"
|
|
173
|
-
rel="noopener noreferrer"
|
|
174
|
-
data-trackable="register-social-linkedin"
|
|
175
|
-
>
|
|
176
|
-
<span class="o-social-follow-icon__label">
|
|
177
|
-
on linkedin
|
|
178
|
-
</span>
|
|
179
|
-
</a>
|
|
180
|
-
<a href="https://twitter.com/FT"
|
|
181
|
-
class="o-social-follow-icon o-social-follow-icon--twitter"
|
|
182
|
-
target="_blank"
|
|
183
|
-
rel="noopener noreferrer"
|
|
184
|
-
data-trackable="register-social-twitter"
|
|
185
|
-
>
|
|
186
|
-
<span class="o-social-follow-icon__label">
|
|
187
|
-
on twitter
|
|
188
|
-
</span>
|
|
189
|
-
</a>
|
|
190
|
-
<a href="https://www.facebook.com/financialtimes"
|
|
191
|
-
class="o-social-follow-icon o-social-follow-icon--facebook"
|
|
192
|
-
target="_blank"
|
|
193
|
-
rel="noopener noreferrer"
|
|
194
|
-
data-trackable="register-social-facebook"
|
|
195
|
-
>
|
|
196
|
-
<span class="o-social-follow-icon__label">
|
|
197
|
-
on facebook
|
|
198
|
-
</span>
|
|
199
|
-
</a>
|
|
200
|
-
</div>
|
|
201
|
-
<div class="ncf__FT_Edit_confirmation--mobile ncf__FT_Edit_confirmation--app-badges"
|
|
202
|
-
aria-label="Download the app"
|
|
203
|
-
>
|
|
204
|
-
<a href="https://apps.apple.com/gb/app/ft-edit-by-the-financial-times/id1574510369"
|
|
205
|
-
class="ncf-icon ncf-icon--apple"
|
|
206
|
-
target="_blank"
|
|
207
|
-
rel="noopener noreferrer"
|
|
208
|
-
data-trackable="register-app-apple-ft-edit"
|
|
209
|
-
>
|
|
210
|
-
<span class="o-social-follow-icon__label">
|
|
211
|
-
on apple
|
|
212
|
-
</span>
|
|
213
|
-
</a>
|
|
214
|
-
</div>
|
|
52
|
+
<p class="ncf__confirmation--message margin-top-x4 ">
|
|
53
|
+
Enjoy 30 days of great journalism. We’ve sent confirmation to
|
|
54
|
+
<div>
|
|
55
|
+
<strong>
|
|
56
|
+
test@example.com
|
|
57
|
+
</strong>
|
|
58
|
+
.
|
|
215
59
|
</div>
|
|
216
|
-
</
|
|
217
|
-
<div class="ncf__FT_Edit_confirmation--alerts">
|
|
218
|
-
<b>
|
|
219
|
-
Set up email alerts in
|
|
220
|
-
<span aria-label="myFT"
|
|
221
|
-
class="ncf-icon ncf-icon--myft"
|
|
222
|
-
>
|
|
223
|
-
</span>
|
|
224
|
-
</b>
|
|
225
|
-
<p>
|
|
226
|
-
Choose the content you want to follow by personalising your alerts for the most important topics and additional newsletters
|
|
227
|
-
</p>
|
|
228
|
-
<a href="/myft"
|
|
229
|
-
class="margin-top-x4 ncf__button ncf__button--secondary"
|
|
230
|
-
data-trackable="register-personalise-my-alerts"
|
|
231
|
-
>
|
|
232
|
-
Personalise my alerts
|
|
233
|
-
</a>
|
|
234
|
-
</div>
|
|
60
|
+
</p>
|
|
235
61
|
</div>
|
|
236
62
|
<a href="http://thing-hub"
|
|
237
63
|
target="_parent"
|
|
238
|
-
class="
|
|
64
|
+
class=" ncf__confirmation--finish ncf__button ncf__button--submit"
|
|
239
65
|
data-trackable="register-finish-head-to-ft-edit-hub"
|
|
240
66
|
>
|
|
241
|
-
Explore
|
|
67
|
+
Explore FT Edit
|
|
242
68
|
</a>
|
|
243
69
|
</div>
|
|
244
70
|
`;
|
|
@@ -251,112 +77,25 @@ exports[`RegistrationConfirmation renders with a custom email 1`] = `
|
|
|
251
77
|
<h1 class="ncf__header ncf__header--confirmation">
|
|
252
78
|
Success
|
|
253
79
|
</h1>
|
|
254
|
-
<p class="
|
|
80
|
+
<p class="ncf_confirmation--message">
|
|
255
81
|
Thank you for registering for FT Edit.
|
|
256
82
|
</p>
|
|
257
|
-
<p class="
|
|
258
|
-
Enjoy 30 days of great journalism. We’ve sent confirmation to
|
|
259
|
-
|
|
260
|
-
|
|
261
|
-
|
|
262
|
-
|
|
263
|
-
|
|
264
|
-
<div class="ncf__FT_Edit_confirmation--socials">
|
|
265
|
-
<b>
|
|
266
|
-
Breaking news alerts, direct to your lock screen
|
|
267
|
-
</b>
|
|
268
|
-
<p class="ncf__FT_Edit_confirmation--mobile">
|
|
269
|
-
Download our apps or follow us on our socials
|
|
270
|
-
</p>
|
|
271
|
-
<p class="ncf__FT_Edit_confirmation--desktop">
|
|
272
|
-
Find us in the app stores or follow us on our socials
|
|
273
|
-
</p>
|
|
274
|
-
<div class="ncf__FT_Edit_confirmation--badges">
|
|
275
|
-
<div class="o-social-follow"
|
|
276
|
-
aria-label="Follow on social media"
|
|
277
|
-
>
|
|
278
|
-
<a href="https://www.instagram.com/financialtimes"
|
|
279
|
-
class="o-social-follow-icon o-social-follow-icon--instagram"
|
|
280
|
-
target="_blank"
|
|
281
|
-
rel="noopener noreferrer"
|
|
282
|
-
data-trackable="register-social-instagram"
|
|
283
|
-
>
|
|
284
|
-
<span class="o-social-follow-icon__label">
|
|
285
|
-
on instagram
|
|
286
|
-
</span>
|
|
287
|
-
</a>
|
|
288
|
-
<a href="https://www.linkedin.com/company/financial-times"
|
|
289
|
-
class="o-social-follow-icon o-social-follow-icon--linkedin"
|
|
290
|
-
target="_blank"
|
|
291
|
-
rel="noopener noreferrer"
|
|
292
|
-
data-trackable="register-social-linkedin"
|
|
293
|
-
>
|
|
294
|
-
<span class="o-social-follow-icon__label">
|
|
295
|
-
on linkedin
|
|
296
|
-
</span>
|
|
297
|
-
</a>
|
|
298
|
-
<a href="https://twitter.com/FT"
|
|
299
|
-
class="o-social-follow-icon o-social-follow-icon--twitter"
|
|
300
|
-
target="_blank"
|
|
301
|
-
rel="noopener noreferrer"
|
|
302
|
-
data-trackable="register-social-twitter"
|
|
303
|
-
>
|
|
304
|
-
<span class="o-social-follow-icon__label">
|
|
305
|
-
on twitter
|
|
306
|
-
</span>
|
|
307
|
-
</a>
|
|
308
|
-
<a href="https://www.facebook.com/financialtimes"
|
|
309
|
-
class="o-social-follow-icon o-social-follow-icon--facebook"
|
|
310
|
-
target="_blank"
|
|
311
|
-
rel="noopener noreferrer"
|
|
312
|
-
data-trackable="register-social-facebook"
|
|
313
|
-
>
|
|
314
|
-
<span class="o-social-follow-icon__label">
|
|
315
|
-
on facebook
|
|
316
|
-
</span>
|
|
317
|
-
</a>
|
|
318
|
-
</div>
|
|
319
|
-
<div class="ncf__FT_Edit_confirmation--mobile ncf__FT_Edit_confirmation--app-badges"
|
|
320
|
-
aria-label="Download the app"
|
|
321
|
-
>
|
|
322
|
-
<a href="https://apps.apple.com/gb/app/ft-edit-by-the-financial-times/id1574510369"
|
|
323
|
-
class="ncf-icon ncf-icon--apple"
|
|
324
|
-
target="_blank"
|
|
325
|
-
rel="noopener noreferrer"
|
|
326
|
-
data-trackable="register-app-apple-ft-edit"
|
|
327
|
-
>
|
|
328
|
-
<span class="o-social-follow-icon__label">
|
|
329
|
-
on apple
|
|
330
|
-
</span>
|
|
331
|
-
</a>
|
|
332
|
-
</div>
|
|
83
|
+
<p class="ncf__confirmation--message margin-top-x4 ">
|
|
84
|
+
Enjoy 30 days of great journalism. We’ve sent confirmation to
|
|
85
|
+
<div>
|
|
86
|
+
<strong>
|
|
87
|
+
test@example.com
|
|
88
|
+
</strong>
|
|
89
|
+
.
|
|
333
90
|
</div>
|
|
334
|
-
</
|
|
335
|
-
<div class="ncf__FT_Edit_confirmation--alerts">
|
|
336
|
-
<b>
|
|
337
|
-
Set up email alerts in
|
|
338
|
-
<span aria-label="myFT"
|
|
339
|
-
class="ncf-icon ncf-icon--myft"
|
|
340
|
-
>
|
|
341
|
-
</span>
|
|
342
|
-
</b>
|
|
343
|
-
<p>
|
|
344
|
-
Choose the content you want to follow by personalising your alerts for the most important topics and additional newsletters
|
|
345
|
-
</p>
|
|
346
|
-
<a href="/myft"
|
|
347
|
-
class="margin-top-x4 ncf__button ncf__button--secondary"
|
|
348
|
-
data-trackable="register-personalise-my-alerts"
|
|
349
|
-
>
|
|
350
|
-
Personalise my alerts
|
|
351
|
-
</a>
|
|
352
|
-
</div>
|
|
91
|
+
</p>
|
|
353
92
|
</div>
|
|
354
93
|
<a href="/"
|
|
355
94
|
target="_parent"
|
|
356
|
-
class="
|
|
95
|
+
class=" ncf__confirmation--finish ncf__button ncf__button--submit"
|
|
357
96
|
data-trackable="register-finish-head-to-ft-edit-hub"
|
|
358
97
|
>
|
|
359
|
-
Explore
|
|
98
|
+
Explore FT Edit
|
|
360
99
|
</a>
|
|
361
100
|
</div>
|
|
362
101
|
`;
|
|
@@ -369,112 +108,25 @@ exports[`RegistrationConfirmation renders with default props 1`] = `
|
|
|
369
108
|
<h1 class="ncf__header ncf__header--confirmation">
|
|
370
109
|
Success
|
|
371
110
|
</h1>
|
|
372
|
-
<p class="
|
|
111
|
+
<p class="ncf_confirmation--message">
|
|
373
112
|
Thank you for registering for FT Edit.
|
|
374
113
|
</p>
|
|
375
|
-
<p class="
|
|
376
|
-
Enjoy 30 days of great journalism. We’ve sent confirmation to
|
|
377
|
-
|
|
378
|
-
|
|
379
|
-
|
|
380
|
-
|
|
381
|
-
|
|
382
|
-
<div class="ncf__FT_Edit_confirmation--socials">
|
|
383
|
-
<b>
|
|
384
|
-
Breaking news alerts, direct to your lock screen
|
|
385
|
-
</b>
|
|
386
|
-
<p class="ncf__FT_Edit_confirmation--mobile">
|
|
387
|
-
Download our apps or follow us on our socials
|
|
388
|
-
</p>
|
|
389
|
-
<p class="ncf__FT_Edit_confirmation--desktop">
|
|
390
|
-
Find us in the app stores or follow us on our socials
|
|
391
|
-
</p>
|
|
392
|
-
<div class="ncf__FT_Edit_confirmation--badges">
|
|
393
|
-
<div class="o-social-follow"
|
|
394
|
-
aria-label="Follow on social media"
|
|
395
|
-
>
|
|
396
|
-
<a href="https://www.instagram.com/financialtimes"
|
|
397
|
-
class="o-social-follow-icon o-social-follow-icon--instagram"
|
|
398
|
-
target="_blank"
|
|
399
|
-
rel="noopener noreferrer"
|
|
400
|
-
data-trackable="register-social-instagram"
|
|
401
|
-
>
|
|
402
|
-
<span class="o-social-follow-icon__label">
|
|
403
|
-
on instagram
|
|
404
|
-
</span>
|
|
405
|
-
</a>
|
|
406
|
-
<a href="https://www.linkedin.com/company/financial-times"
|
|
407
|
-
class="o-social-follow-icon o-social-follow-icon--linkedin"
|
|
408
|
-
target="_blank"
|
|
409
|
-
rel="noopener noreferrer"
|
|
410
|
-
data-trackable="register-social-linkedin"
|
|
411
|
-
>
|
|
412
|
-
<span class="o-social-follow-icon__label">
|
|
413
|
-
on linkedin
|
|
414
|
-
</span>
|
|
415
|
-
</a>
|
|
416
|
-
<a href="https://twitter.com/FT"
|
|
417
|
-
class="o-social-follow-icon o-social-follow-icon--twitter"
|
|
418
|
-
target="_blank"
|
|
419
|
-
rel="noopener noreferrer"
|
|
420
|
-
data-trackable="register-social-twitter"
|
|
421
|
-
>
|
|
422
|
-
<span class="o-social-follow-icon__label">
|
|
423
|
-
on twitter
|
|
424
|
-
</span>
|
|
425
|
-
</a>
|
|
426
|
-
<a href="https://www.facebook.com/financialtimes"
|
|
427
|
-
class="o-social-follow-icon o-social-follow-icon--facebook"
|
|
428
|
-
target="_blank"
|
|
429
|
-
rel="noopener noreferrer"
|
|
430
|
-
data-trackable="register-social-facebook"
|
|
431
|
-
>
|
|
432
|
-
<span class="o-social-follow-icon__label">
|
|
433
|
-
on facebook
|
|
434
|
-
</span>
|
|
435
|
-
</a>
|
|
436
|
-
</div>
|
|
437
|
-
<div class="ncf__FT_Edit_confirmation--mobile ncf__FT_Edit_confirmation--app-badges"
|
|
438
|
-
aria-label="Download the app"
|
|
439
|
-
>
|
|
440
|
-
<a href="https://apps.apple.com/gb/app/ft-edit-by-the-financial-times/id1574510369"
|
|
441
|
-
class="ncf-icon ncf-icon--apple"
|
|
442
|
-
target="_blank"
|
|
443
|
-
rel="noopener noreferrer"
|
|
444
|
-
data-trackable="register-app-apple-ft-edit"
|
|
445
|
-
>
|
|
446
|
-
<span class="o-social-follow-icon__label">
|
|
447
|
-
on apple
|
|
448
|
-
</span>
|
|
449
|
-
</a>
|
|
450
|
-
</div>
|
|
114
|
+
<p class="ncf__confirmation--message margin-top-x4 ">
|
|
115
|
+
Enjoy 30 days of great journalism. We’ve sent confirmation to
|
|
116
|
+
<div>
|
|
117
|
+
<strong>
|
|
118
|
+
bob@gmail.com
|
|
119
|
+
</strong>
|
|
120
|
+
.
|
|
451
121
|
</div>
|
|
452
|
-
</
|
|
453
|
-
<div class="ncf__FT_Edit_confirmation--alerts">
|
|
454
|
-
<b>
|
|
455
|
-
Set up email alerts in
|
|
456
|
-
<span aria-label="myFT"
|
|
457
|
-
class="ncf-icon ncf-icon--myft"
|
|
458
|
-
>
|
|
459
|
-
</span>
|
|
460
|
-
</b>
|
|
461
|
-
<p>
|
|
462
|
-
Choose the content you want to follow by personalising your alerts for the most important topics and additional newsletters
|
|
463
|
-
</p>
|
|
464
|
-
<a href="/myft"
|
|
465
|
-
class="margin-top-x4 ncf__button ncf__button--secondary"
|
|
466
|
-
data-trackable="register-personalise-my-alerts"
|
|
467
|
-
>
|
|
468
|
-
Personalise my alerts
|
|
469
|
-
</a>
|
|
470
|
-
</div>
|
|
122
|
+
</p>
|
|
471
123
|
</div>
|
|
472
124
|
<a href="/"
|
|
473
125
|
target="_parent"
|
|
474
|
-
class="
|
|
126
|
+
class=" ncf__confirmation--finish ncf__button ncf__button--submit"
|
|
475
127
|
data-trackable="register-finish-head-to-ft-edit-hub"
|
|
476
128
|
>
|
|
477
|
-
Explore
|
|
129
|
+
Explore FT Edit
|
|
478
130
|
</a>
|
|
479
131
|
</div>
|
|
480
132
|
`;
|
|
@@ -32,7 +32,7 @@ export function DeliveryStartDate({
|
|
|
32
32
|
|
|
33
33
|
const startMessage = isAddressUpdate
|
|
34
34
|
? 'We’ll start delivering to this address from:'
|
|
35
|
-
: '
|
|
35
|
+
: 'The first print edition you will receive is on:';
|
|
36
36
|
|
|
37
37
|
return (
|
|
38
38
|
<label
|
|
@@ -6,26 +6,7 @@ import PropTypes from 'prop-types';
|
|
|
6
6
|
* next-subscribe. This can be removed after the trial. The trial is beginning May 2024, please
|
|
7
7
|
* reach out to light-apps channel if we dont reach out first, as to when this can be deleted.
|
|
8
8
|
*/
|
|
9
|
-
const EMAIL_DEFAULT_TEXT = '
|
|
10
|
-
|
|
11
|
-
const SOCIALS = [
|
|
12
|
-
{
|
|
13
|
-
name: 'instagram',
|
|
14
|
-
link: 'https://www.instagram.com/financialtimes',
|
|
15
|
-
},
|
|
16
|
-
{
|
|
17
|
-
name: 'linkedin',
|
|
18
|
-
link: 'https://www.linkedin.com/company/financial-times',
|
|
19
|
-
},
|
|
20
|
-
{
|
|
21
|
-
name: 'twitter',
|
|
22
|
-
link: 'https://twitter.com/FT',
|
|
23
|
-
},
|
|
24
|
-
{
|
|
25
|
-
name: 'facebook',
|
|
26
|
-
link: 'https://www.facebook.com/financialtimes',
|
|
27
|
-
},
|
|
28
|
-
];
|
|
9
|
+
const EMAIL_DEFAULT_TEXT = 'bob@gmail.com';
|
|
29
10
|
|
|
30
11
|
export function FTEditRegistrationConfirmation({
|
|
31
12
|
email = EMAIL_DEFAULT_TEXT,
|
|
@@ -37,94 +18,31 @@ export function FTEditRegistrationConfirmation({
|
|
|
37
18
|
<div className="ncf__center ncf__margin">
|
|
38
19
|
<div className="ncf__icon ncf__icon--tick ncf__icon--large"></div>
|
|
39
20
|
<h1 className="ncf__header ncf__header--confirmation">Success</h1>
|
|
40
|
-
<p className="
|
|
21
|
+
<p className="ncf_confirmation--message">
|
|
41
22
|
Thank you for registering for FT Edit.
|
|
42
23
|
</p>
|
|
43
|
-
<p className="
|
|
44
|
-
Enjoy 30 days of great journalism. We’ve sent confirmation to
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
<div className="ncf__divider-horizontal" />
|
|
49
|
-
|
|
50
|
-
<div className="ncf__FT_Edit_confirmation--links ncf__margin">
|
|
51
|
-
<div className="ncf__FT_Edit_confirmation--socials">
|
|
52
|
-
<b>Breaking news alerts, direct to your lock screen</b>
|
|
53
|
-
<p className="ncf__FT_Edit_confirmation--mobile">
|
|
54
|
-
Download our apps or follow us on our socials
|
|
55
|
-
</p>
|
|
56
|
-
<p className="ncf__FT_Edit_confirmation--desktop">
|
|
57
|
-
Find us in the app stores or follow us on our socials
|
|
58
|
-
</p>
|
|
59
|
-
<div className="ncf__FT_Edit_confirmation--badges">
|
|
60
|
-
<div
|
|
61
|
-
className="o-social-follow"
|
|
62
|
-
aria-label="Follow on social media"
|
|
63
|
-
>
|
|
64
|
-
{SOCIALS.map(({ name, link }) => (
|
|
65
|
-
<a
|
|
66
|
-
key={name}
|
|
67
|
-
href={link}
|
|
68
|
-
className={`o-social-follow-icon o-social-follow-icon--${name}`}
|
|
69
|
-
target="_blank"
|
|
70
|
-
rel="noopener noreferrer"
|
|
71
|
-
data-trackable={`register-social-${name}`}
|
|
72
|
-
>
|
|
73
|
-
<span className="o-social-follow-icon__label">on {name}</span>
|
|
74
|
-
</a>
|
|
75
|
-
))}
|
|
76
|
-
</div>
|
|
77
|
-
<div
|
|
78
|
-
className="ncf__FT_Edit_confirmation--mobile ncf__FT_Edit_confirmation--app-badges"
|
|
79
|
-
aria-label="Download the app"
|
|
80
|
-
>
|
|
81
|
-
<a
|
|
82
|
-
key="apple-ft-edit"
|
|
83
|
-
href="https://apps.apple.com/gb/app/ft-edit-by-the-financial-times/id1574510369"
|
|
84
|
-
className={`ncf-icon ncf-icon--apple`}
|
|
85
|
-
target="_blank"
|
|
86
|
-
rel="noopener noreferrer"
|
|
87
|
-
data-trackable={`register-app-apple-ft-edit`}
|
|
88
|
-
>
|
|
89
|
-
<span className="o-social-follow-icon__label">on apple</span>
|
|
90
|
-
</a>
|
|
91
|
-
</div>
|
|
24
|
+
<p className="ncf__confirmation--message margin-top-x4 ">
|
|
25
|
+
Enjoy 30 days of great journalism. We’ve sent confirmation to
|
|
26
|
+
<div>
|
|
27
|
+
<strong>{email}</strong>.
|
|
92
28
|
</div>
|
|
93
|
-
</
|
|
94
|
-
<div className="ncf__FT_Edit_confirmation--alerts">
|
|
95
|
-
<b>
|
|
96
|
-
Set up email alerts in
|
|
97
|
-
<span aria-label="myFT" className="ncf-icon ncf-icon--myft" />
|
|
98
|
-
</b>
|
|
99
|
-
|
|
100
|
-
<p>
|
|
101
|
-
Choose the content you want to follow by personalising your alerts
|
|
102
|
-
for the most important topics and additional newsletters
|
|
103
|
-
</p>
|
|
104
|
-
<a
|
|
105
|
-
href="/myft"
|
|
106
|
-
className="margin-top-x4 ncf__button ncf__button--secondary"
|
|
107
|
-
data-trackable="register-personalise-my-alerts"
|
|
108
|
-
>
|
|
109
|
-
Personalise my alerts
|
|
110
|
-
</a>
|
|
111
|
-
</div>
|
|
29
|
+
</p>
|
|
112
30
|
</div>
|
|
113
31
|
|
|
114
32
|
<a
|
|
115
33
|
href={hubUrl}
|
|
116
34
|
target="_parent"
|
|
117
|
-
className="
|
|
35
|
+
className=" ncf__confirmation--finish ncf__button ncf__button--submit"
|
|
118
36
|
data-trackable="register-finish-head-to-ft-edit-hub"
|
|
119
37
|
>
|
|
120
|
-
Explore
|
|
38
|
+
Explore FT Edit
|
|
121
39
|
</a>
|
|
122
40
|
|
|
123
41
|
{articleUrl && (
|
|
124
42
|
<a
|
|
125
43
|
href={articleUrl}
|
|
126
44
|
target="_parent"
|
|
127
|
-
className="
|
|
45
|
+
className=" ncf__confirmation--finish-article-read ncf__button ncf__button--secondary reduce-bottom-spacing"
|
|
128
46
|
data-trackable="register-finish-head-to-article"
|
|
129
47
|
>
|
|
130
48
|
Continue reading
|
|
@@ -44,7 +44,7 @@ function DeliveryStartDate(_ref) {
|
|
|
44
44
|
disabled: isDisabled,
|
|
45
45
|
defaultValue: value
|
|
46
46
|
});
|
|
47
|
-
var startMessage = isAddressUpdate ? 'We’ll start delivering to this address from:' : '
|
|
47
|
+
var startMessage = isAddressUpdate ? 'We’ll start delivering to this address from:' : 'The first print edition you will receive is on:';
|
|
48
48
|
return /*#__PURE__*/_react["default"].createElement("label", {
|
|
49
49
|
id: "deliveryStartDateField",
|
|
50
50
|
className: "o-forms-field ncf__validation-error",
|
|
@@ -12,20 +12,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
|
12
12
|
* next-subscribe. This can be removed after the trial. The trial is beginning May 2024, please
|
|
13
13
|
* reach out to light-apps channel if we dont reach out first, as to when this can be deleted.
|
|
14
14
|
*/
|
|
15
|
-
var EMAIL_DEFAULT_TEXT = '
|
|
16
|
-
var SOCIALS = [{
|
|
17
|
-
name: 'instagram',
|
|
18
|
-
link: 'https://www.instagram.com/financialtimes'
|
|
19
|
-
}, {
|
|
20
|
-
name: 'linkedin',
|
|
21
|
-
link: 'https://www.linkedin.com/company/financial-times'
|
|
22
|
-
}, {
|
|
23
|
-
name: 'twitter',
|
|
24
|
-
link: 'https://twitter.com/FT'
|
|
25
|
-
}, {
|
|
26
|
-
name: 'facebook',
|
|
27
|
-
link: 'https://www.facebook.com/financialtimes'
|
|
28
|
-
}];
|
|
15
|
+
var EMAIL_DEFAULT_TEXT = 'bob@gmail.com';
|
|
29
16
|
function FTEditRegistrationConfirmation(_ref) {
|
|
30
17
|
var _ref$email = _ref.email,
|
|
31
18
|
email = _ref$email === void 0 ? EMAIL_DEFAULT_TEXT : _ref$email,
|
|
@@ -42,67 +29,18 @@ function FTEditRegistrationConfirmation(_ref) {
|
|
|
42
29
|
}), /*#__PURE__*/_react["default"].createElement("h1", {
|
|
43
30
|
className: "ncf__header ncf__header--confirmation"
|
|
44
31
|
}, "Success"), /*#__PURE__*/_react["default"].createElement("p", {
|
|
45
|
-
className: "
|
|
32
|
+
className: "ncf_confirmation--message"
|
|
46
33
|
}, "Thank you for registering for FT Edit."), /*#__PURE__*/_react["default"].createElement("p", {
|
|
47
|
-
className: "
|
|
48
|
-
}, "Enjoy 30 days of great journalism. We\u2019ve sent confirmation to ", email, ".")), /*#__PURE__*/_react["default"].createElement("
|
|
49
|
-
className: "ncf__divider-horizontal"
|
|
50
|
-
}), /*#__PURE__*/_react["default"].createElement("div", {
|
|
51
|
-
className: "ncf__FT_Edit_confirmation--links ncf__margin"
|
|
52
|
-
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
53
|
-
className: "ncf__FT_Edit_confirmation--socials"
|
|
54
|
-
}, /*#__PURE__*/_react["default"].createElement("b", null, "Breaking news alerts, direct to your lock screen"), /*#__PURE__*/_react["default"].createElement("p", {
|
|
55
|
-
className: "ncf__FT_Edit_confirmation--mobile"
|
|
56
|
-
}, "Download our apps or follow us on our socials"), /*#__PURE__*/_react["default"].createElement("p", {
|
|
57
|
-
className: "ncf__FT_Edit_confirmation--desktop"
|
|
58
|
-
}, "Find us in the app stores or follow us on our socials"), /*#__PURE__*/_react["default"].createElement("div", {
|
|
59
|
-
className: "ncf__FT_Edit_confirmation--badges"
|
|
60
|
-
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
61
|
-
className: "o-social-follow",
|
|
62
|
-
"aria-label": "Follow on social media"
|
|
63
|
-
}, SOCIALS.map(function (_ref2) {
|
|
64
|
-
var name = _ref2.name,
|
|
65
|
-
link = _ref2.link;
|
|
66
|
-
return /*#__PURE__*/_react["default"].createElement("a", {
|
|
67
|
-
key: name,
|
|
68
|
-
href: link,
|
|
69
|
-
className: "o-social-follow-icon o-social-follow-icon--".concat(name),
|
|
70
|
-
target: "_blank",
|
|
71
|
-
rel: "noopener noreferrer",
|
|
72
|
-
"data-trackable": "register-social-".concat(name)
|
|
73
|
-
}, /*#__PURE__*/_react["default"].createElement("span", {
|
|
74
|
-
className: "o-social-follow-icon__label"
|
|
75
|
-
}, "on ", name));
|
|
76
|
-
})), /*#__PURE__*/_react["default"].createElement("div", {
|
|
77
|
-
className: "ncf__FT_Edit_confirmation--mobile ncf__FT_Edit_confirmation--app-badges",
|
|
78
|
-
"aria-label": "Download the app"
|
|
79
|
-
}, /*#__PURE__*/_react["default"].createElement("a", {
|
|
80
|
-
key: "apple-ft-edit",
|
|
81
|
-
href: "https://apps.apple.com/gb/app/ft-edit-by-the-financial-times/id1574510369",
|
|
82
|
-
className: "ncf-icon ncf-icon--apple",
|
|
83
|
-
target: "_blank",
|
|
84
|
-
rel: "noopener noreferrer",
|
|
85
|
-
"data-trackable": "register-app-apple-ft-edit"
|
|
86
|
-
}, /*#__PURE__*/_react["default"].createElement("span", {
|
|
87
|
-
className: "o-social-follow-icon__label"
|
|
88
|
-
}, "on apple"))))), /*#__PURE__*/_react["default"].createElement("div", {
|
|
89
|
-
className: "ncf__FT_Edit_confirmation--alerts"
|
|
90
|
-
}, /*#__PURE__*/_react["default"].createElement("b", null, "Set up email alerts in", /*#__PURE__*/_react["default"].createElement("span", {
|
|
91
|
-
"aria-label": "myFT",
|
|
92
|
-
className: "ncf-icon ncf-icon--myft"
|
|
93
|
-
})), /*#__PURE__*/_react["default"].createElement("p", null, "Choose the content you want to follow by personalising your alerts for the most important topics and additional newsletters"), /*#__PURE__*/_react["default"].createElement("a", {
|
|
94
|
-
href: "/myft",
|
|
95
|
-
className: "margin-top-x4 ncf__button ncf__button--secondary",
|
|
96
|
-
"data-trackable": "register-personalise-my-alerts"
|
|
97
|
-
}, "Personalise my alerts"))), /*#__PURE__*/_react["default"].createElement("a", {
|
|
34
|
+
className: "ncf__confirmation--message margin-top-x4 "
|
|
35
|
+
}, "Enjoy 30 days of great journalism. We\u2019ve sent confirmation to", /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("strong", null, email), "."))), /*#__PURE__*/_react["default"].createElement("a", {
|
|
98
36
|
href: hubUrl,
|
|
99
37
|
target: "_parent",
|
|
100
|
-
className: "
|
|
38
|
+
className: " ncf__confirmation--finish ncf__button ncf__button--submit",
|
|
101
39
|
"data-trackable": "register-finish-head-to-ft-edit-hub"
|
|
102
|
-
}, "Explore
|
|
40
|
+
}, "Explore FT Edit"), articleUrl && /*#__PURE__*/_react["default"].createElement("a", {
|
|
103
41
|
href: articleUrl,
|
|
104
42
|
target: "_parent",
|
|
105
|
-
className: "
|
|
43
|
+
className: " ncf__confirmation--finish-article-read ncf__button ncf__button--secondary reduce-bottom-spacing",
|
|
106
44
|
"data-trackable": "register-finish-head-to-article"
|
|
107
45
|
}, "Continue reading"));
|
|
108
46
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@financial-times/n-conversion-forms",
|
|
3
|
-
"version": "36.0.
|
|
3
|
+
"version": "36.0.2",
|
|
4
4
|
"description": "Containing jsx components and styles for forms included on Accounts and Acqusition apps (next-signup, next-profile, next-retention, etc).",
|
|
5
5
|
"main": "./dist/index.js",
|
|
6
6
|
"scripts": {
|
|
@@ -38,9 +38,9 @@
|
|
|
38
38
|
"@babel/preset-env": "^7.23.9",
|
|
39
39
|
"@babel/preset-react": "^7.23.3",
|
|
40
40
|
"@dotcom-tool-kit/babel": "3.1.6",
|
|
41
|
-
"@dotcom-tool-kit/component": "4.1.
|
|
42
|
-
"@dotcom-tool-kit/eslint": "3.2.
|
|
43
|
-
"@dotcom-tool-kit/frontend-app": "3.2.
|
|
41
|
+
"@dotcom-tool-kit/component": "4.1.3",
|
|
42
|
+
"@dotcom-tool-kit/eslint": "3.2.1",
|
|
43
|
+
"@dotcom-tool-kit/frontend-app": "3.2.4",
|
|
44
44
|
"@dotcom-tool-kit/jest": "3.4.0",
|
|
45
45
|
"@dotcom-tool-kit/lint-staged-npm": "3.2.0",
|
|
46
46
|
"@dotcom-tool-kit/logger": "3.4.0",
|
|
@@ -54,7 +54,7 @@
|
|
|
54
54
|
"@storybook/react-webpack5": "^7.6.13",
|
|
55
55
|
"@sucrase/jest-plugin": "^3.0.0",
|
|
56
56
|
"check-engines": "^1.6.0",
|
|
57
|
-
"dotcom-tool-kit": "3.
|
|
57
|
+
"dotcom-tool-kit": "3.5.0",
|
|
58
58
|
"enzyme": "^3.11.0",
|
|
59
59
|
"enzyme-adapter-react-16": "^1.15.7",
|
|
60
60
|
"eslint-config-prettier": "^9.1.0",
|