@financial-times/n-conversion-forms 41.3.1 → 42.0.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.
Files changed (113) hide show
  1. package/.storybook/preview-body.html +3 -0
  2. package/.storybook/preview.js +2 -2
  3. package/.toolkitstate/ci.json +3 -3
  4. package/.toolkitstate/install.json +1 -1
  5. package/components/__snapshots__/accept-terms.spec.js.snap +107 -150
  6. package/components/__snapshots__/b2c-partnership-confirmation.spec.js.snap +36 -72
  7. package/components/__snapshots__/confirmation.spec.js.snap +71 -127
  8. package/components/__snapshots__/continue-reading.spec.js.snap +3 -3
  9. package/components/__snapshots__/customer-care.spec.js.snap +16 -24
  10. package/components/__snapshots__/debug.spec.js.snap +13 -7
  11. package/components/__snapshots__/deferred-billing-terms.spec.js.snap +12 -18
  12. package/components/__snapshots__/error-page.spec.js.snap +12 -18
  13. package/components/__snapshots__/fieldset.spec.js.snap +1 -1
  14. package/components/__snapshots__/ft-edit-registration-confirmation.spec.js.snap +5 -5
  15. package/components/__snapshots__/graduation-date.spec.js.snap +4 -6
  16. package/components/__snapshots__/industry.spec.js.snap +8 -706
  17. package/components/__snapshots__/licence-confirmation.spec.js.snap +17 -28
  18. package/components/__snapshots__/licence-header.spec.js.snap +1 -1
  19. package/components/__snapshots__/licence-sign-in.spec.js.snap +1 -1
  20. package/components/__snapshots__/loader.spec.js.snap +1 -1
  21. package/components/__snapshots__/package-change.spec.js.snap +16 -11
  22. package/components/__snapshots__/payment-term.spec.js.snap +40 -60
  23. package/components/__snapshots__/position.spec.js.snap +8 -262
  24. package/components/__snapshots__/registration-confirmation.spec.js.snap +9 -7
  25. package/components/__snapshots__/responsibility.spec.js.snap +8 -442
  26. package/components/__snapshots__/submit.spec.js.snap +6 -6
  27. package/components/accept-terms-business.jsx +2 -3
  28. package/components/accept-terms-business.spec.jsx +3 -1
  29. package/components/accept-terms-privacy-policy.jsx +2 -5
  30. package/components/accept-terms-privacy-policy.spec.js +1 -1
  31. package/components/accept-terms-subscription.jsx +7 -12
  32. package/components/accept-terms-subscription.spec.js +1 -1
  33. package/components/accept-terms.jsx +12 -20
  34. package/components/b2c-partnership-confirmation.jsx +3 -5
  35. package/components/confirmation.jsx +5 -9
  36. package/components/confirmation.stories.js +4 -6
  37. package/components/continue-reading.jsx +1 -1
  38. package/components/customer-care.jsx +4 -4
  39. package/components/debug.jsx +12 -12
  40. package/components/deferred-billing-terms.jsx +3 -6
  41. package/components/error-page.jsx +4 -4
  42. package/components/fieldset.jsx +1 -1
  43. package/components/ft-edit-registration-confirmation.jsx +2 -2
  44. package/components/graduation-date.jsx +2 -4
  45. package/components/index.js +0 -1
  46. package/components/industry.jsx +1 -3
  47. package/components/industry.spec.js +7 -2
  48. package/components/licence-confirmation.jsx +2 -3
  49. package/components/licence-confirmation.stories.js +1 -1
  50. package/components/licence-sign-in.jsx +1 -1
  51. package/components/loader.jsx +4 -1
  52. package/components/package-change.jsx +4 -5
  53. package/components/payment-term.jsx +3 -5
  54. package/components/position.jsx +1 -2
  55. package/components/position.spec.js +7 -2
  56. package/components/proceed-with-payment-link.jsx +8 -2
  57. package/components/proceed-with-payment-link.stories.js +1 -1
  58. package/components/registration-confirmation.jsx +5 -3
  59. package/components/responsibility.jsx +1 -2
  60. package/components/responsibility.spec.js +7 -2
  61. package/components/submit.jsx +1 -1
  62. package/components/subscription-confirmation-with-payment-link.jsx +1 -1
  63. package/dist/accept-terms-business.jsx +2 -3
  64. package/dist/accept-terms-business.spec.jsx +1 -1
  65. package/dist/accept-terms-privacy-policy.jsx +2 -5
  66. package/dist/accept-terms-subscription.jsx +7 -12
  67. package/dist/accept-terms.jsx +10 -20
  68. package/dist/b2c-partnership-confirmation.jsx +5 -7
  69. package/dist/confirmation.jsx +4 -7
  70. package/dist/continue-reading.jsx +1 -1
  71. package/dist/customer-care.jsx +3 -4
  72. package/dist/debug.jsx +6 -6
  73. package/dist/deferred-billing-terms.jsx +3 -6
  74. package/dist/error-page.jsx +3 -4
  75. package/dist/fieldset.jsx +1 -1
  76. package/dist/ft-edit-registration-confirmation.jsx +2 -2
  77. package/dist/graduation-date.jsx +6 -4
  78. package/dist/index.js +0 -7
  79. package/dist/industry.jsx +1 -3
  80. package/dist/licence-confirmation.jsx +3 -4
  81. package/dist/licence-sign-in.jsx +1 -1
  82. package/dist/loader.jsx +1 -1
  83. package/dist/package-change.jsx +5 -4
  84. package/dist/payment-term.jsx +6 -4
  85. package/dist/position.jsx +1 -2
  86. package/dist/proceed-with-payment-link.jsx +2 -2
  87. package/dist/registration-confirmation.jsx +7 -5
  88. package/dist/responsibility.jsx +1 -2
  89. package/dist/submit.jsx +1 -1
  90. package/dist/subscription-confirmation-with-payment-link.jsx +1 -1
  91. package/main.scss +132 -167
  92. package/package.json +3 -6
  93. package/styles/_shared.scss +125 -100
  94. package/styles/accept-terms.scss +6 -5
  95. package/styles/banner.scss +66 -60
  96. package/styles/confirmation.scss +50 -55
  97. package/styles/continue-reading.scss +56 -39
  98. package/styles/error.scss +1 -1
  99. package/styles/forms-additional-field-information.scss +8 -4
  100. package/styles/ft-edit-registration-confirmation.scss +228 -224
  101. package/styles/loader.scss +40 -45
  102. package/styles/package-change.scss +1 -4
  103. package/styles/payment-term.scss +108 -89
  104. package/styles/payment-type.scss +117 -112
  105. package/styles/proceed-with-payment-link.scss +32 -18
  106. package/styles/subscription-confirmation-with-payment-link.scss +64 -24
  107. package/components/__snapshots__/google-sign-in.spec.js.snap +0 -13
  108. package/components/google-sign-in.jsx +0 -21
  109. package/components/google-sign-in.spec.js +0 -14
  110. package/components/google-sign-in.stories.js +0 -13
  111. package/dist/google-sign-in.jsx +0 -24
  112. package/helpers/demographics.js +0 -606
  113. package/styles/google-sign-in.scss +0 -26
package/components/__snapshots__/position.spec.js.snap CHANGED
@@ -22,71 +22,8 @@ exports[`Position can render a disable select 1`] = `
22
22
  <option value>
23
23
  Please select a job position
24
24
  </option>
25
- <option value="BU">
26
- Academic
27
- </option>
28
- <option value="AN">
29
- Analyst
30
- </option>
31
- <option value="AS">
32
- Associate
33
- </option>
34
- <option value="BR">
35
- Broker/Trader/Advisor
36
- </option>
37
- <option value="CL">
38
- C-Suite
39
- </option>
40
- <option value="CP">
41
- CEO/President/Chairperson
42
- </option>
43
- <option value="CS">
44
- Consultant
45
- </option>
46
- <option value="GI">
47
- Diplomat/Sen Govt Officer
48
- </option>
49
- <option value="DR">
50
- Director
51
- </option>
52
- <option value="OE">
53
- Executive Management
54
- </option>
55
- <option value="OP">
56
- Founder/Owner
57
- </option>
58
- <option value="IN">
59
- Intern/Trainee/Student
60
- </option>
61
- <option value="MA">
62
- Manager/Supervisor
63
- </option>
64
- <option value="MB">
65
- MBA Student
66
- </option>
67
- <option value="NW">
68
- Not working
69
- </option>
70
- <option value="OT">
71
- Other
72
- </option>
73
- <option value="PA">
74
- Partner/Principal
75
- </option>
76
- <option value="PO">
77
- Politician/Government Minister
78
- </option>
79
- <option value="PM">
80
- Programme/Project Manager
81
- </option>
82
- <option value="SM">
83
- Senior Manager/Dept Head
84
- </option>
85
- <option value="TS">
86
- Technical/Business Specialist
87
- </option>
88
- <option value="VP">
89
- Vice President
25
+ <option value="DUM">
26
+ Dummy description
90
27
  </option>
91
28
  </select>
92
29
  <span class="o-forms-input__error">
@@ -117,71 +54,8 @@ exports[`Position can render an error message 1`] = `
117
54
  <option value>
118
55
  Please select a job position
119
56
  </option>
120
- <option value="BU">
121
- Academic
122
- </option>
123
- <option value="AN">
124
- Analyst
125
- </option>
126
- <option value="AS">
127
- Associate
128
- </option>
129
- <option value="BR">
130
- Broker/Trader/Advisor
131
- </option>
132
- <option value="CL">
133
- C-Suite
134
- </option>
135
- <option value="CP">
136
- CEO/President/Chairperson
137
- </option>
138
- <option value="CS">
139
- Consultant
140
- </option>
141
- <option value="GI">
142
- Diplomat/Sen Govt Officer
143
- </option>
144
- <option value="DR">
145
- Director
146
- </option>
147
- <option value="OE">
148
- Executive Management
149
- </option>
150
- <option value="OP">
151
- Founder/Owner
152
- </option>
153
- <option value="IN">
154
- Intern/Trainee/Student
155
- </option>
156
- <option value="MA">
157
- Manager/Supervisor
158
- </option>
159
- <option value="MB">
160
- MBA Student
161
- </option>
162
- <option value="NW">
163
- Not working
164
- </option>
165
- <option value="OT">
166
- Other
167
- </option>
168
- <option value="PA">
169
- Partner/Principal
170
- </option>
171
- <option value="PO">
172
- Politician/Government Minister
173
- </option>
174
- <option value="PM">
175
- Programme/Project Manager
176
- </option>
177
- <option value="SM">
178
- Senior Manager/Dept Head
179
- </option>
180
- <option value="TS">
181
- Technical/Business Specialist
182
- </option>
183
- <option value="VP">
184
- Vice President
57
+ <option value="DUM">
58
+ Dummy description
185
59
  </option>
186
60
  </select>
187
61
  <span class="o-forms-input__error">
@@ -212,73 +86,8 @@ exports[`Position can render an initial selected value 1`] = `
212
86
  <option value>
213
87
  Please select a job position
214
88
  </option>
215
- <option value="BU">
216
- Academic
217
- </option>
218
- <option value="AN">
219
- Analyst
220
- </option>
221
- <option value="AS">
222
- Associate
223
- </option>
224
- <option value="BR">
225
- Broker/Trader/Advisor
226
- </option>
227
- <option value="CL">
228
- C-Suite
229
- </option>
230
- <option selected
231
- value="CP"
232
- >
233
- CEO/President/Chairperson
234
- </option>
235
- <option value="CS">
236
- Consultant
237
- </option>
238
- <option value="GI">
239
- Diplomat/Sen Govt Officer
240
- </option>
241
- <option value="DR">
242
- Director
243
- </option>
244
- <option value="OE">
245
- Executive Management
246
- </option>
247
- <option value="OP">
248
- Founder/Owner
249
- </option>
250
- <option value="IN">
251
- Intern/Trainee/Student
252
- </option>
253
- <option value="MA">
254
- Manager/Supervisor
255
- </option>
256
- <option value="MB">
257
- MBA Student
258
- </option>
259
- <option value="NW">
260
- Not working
261
- </option>
262
- <option value="OT">
263
- Other
264
- </option>
265
- <option value="PA">
266
- Partner/Principal
267
- </option>
268
- <option value="PO">
269
- Politician/Government Minister
270
- </option>
271
- <option value="PM">
272
- Programme/Project Manager
273
- </option>
274
- <option value="SM">
275
- Senior Manager/Dept Head
276
- </option>
277
- <option value="TS">
278
- Technical/Business Specialist
279
- </option>
280
- <option value="VP">
281
- Vice President
89
+ <option value="DUM">
90
+ Dummy description
282
91
  </option>
283
92
  </select>
284
93
  <span class="o-forms-input__error">
@@ -309,71 +118,8 @@ exports[`Position render a select with a label 1`] = `
309
118
  <option value>
310
119
  Please select a job position
311
120
  </option>
312
- <option value="BU">
313
- Academic
314
- </option>
315
- <option value="AN">
316
- Analyst
317
- </option>
318
- <option value="AS">
319
- Associate
320
- </option>
321
- <option value="BR">
322
- Broker/Trader/Advisor
323
- </option>
324
- <option value="CL">
325
- C-Suite
326
- </option>
327
- <option value="CP">
328
- CEO/President/Chairperson
329
- </option>
330
- <option value="CS">
331
- Consultant
332
- </option>
333
- <option value="GI">
334
- Diplomat/Sen Govt Officer
335
- </option>
336
- <option value="DR">
337
- Director
338
- </option>
339
- <option value="OE">
340
- Executive Management
341
- </option>
342
- <option value="OP">
343
- Founder/Owner
344
- </option>
345
- <option value="IN">
346
- Intern/Trainee/Student
347
- </option>
348
- <option value="MA">
349
- Manager/Supervisor
350
- </option>
351
- <option value="MB">
352
- MBA Student
353
- </option>
354
- <option value="NW">
355
- Not working
356
- </option>
357
- <option value="OT">
358
- Other
359
- </option>
360
- <option value="PA">
361
- Partner/Principal
362
- </option>
363
- <option value="PO">
364
- Politician/Government Minister
365
- </option>
366
- <option value="PM">
367
- Programme/Project Manager
368
- </option>
369
- <option value="SM">
370
- Senior Manager/Dept Head
371
- </option>
372
- <option value="TS">
373
- Technical/Business Specialist
374
- </option>
375
- <option value="VP">
376
- Vice President
121
+ <option value="DUM">
122
+ Dummy description
377
123
  </option>
378
124
  </select>
379
125
  <span class="o-forms-input__error">
package/components/__snapshots__/registration-confirmation.spec.js.snap CHANGED
@@ -108,7 +108,7 @@ exports[`RegistrationConfirmation renders with a custom email 1`] = `
108
108
  Choose the content you want to follow by personalising your alerts for the most important topics and additional newsletters
109
109
  </p>
110
110
  <a href="/myft"
111
- class="margin-top-x4 ncf__button ncf__button--secondary"
111
+ class="margin-top-x4 ncf__button o3-button o3-button--secondary"
112
112
  data-trackable="register-personalise-my-alerts"
113
113
  >
114
114
  Personalise my alerts
@@ -117,7 +117,7 @@ exports[`RegistrationConfirmation renders with a custom email 1`] = `
117
117
  </div>
118
118
  <a href="/"
119
119
  target="_parent"
120
- class="ncf__confirmation--finish ncf__button ncf__button--submit"
120
+ class="ncf__confirmation--finish ncf__button o3-button o3-button--primary"
121
121
  data-trackable="register-finish"
122
122
  >
123
123
  Start reading
@@ -233,7 +233,7 @@ exports[`RegistrationConfirmation renders with default props 1`] = `
233
233
  Choose the content you want to follow by personalising your alerts for the most important topics and additional newsletters
234
234
  </p>
235
235
  <a href="/myft"
236
- class="margin-top-x4 ncf__button ncf__button--secondary"
236
+ class="margin-top-x4 ncf__button o3-button o3-button--secondary"
237
237
  data-trackable="register-personalise-my-alerts"
238
238
  >
239
239
  Personalise my alerts
@@ -242,7 +242,7 @@ exports[`RegistrationConfirmation renders with default props 1`] = `
242
242
  </div>
243
243
  <a href="/"
244
244
  target="_parent"
245
- class="ncf__confirmation--finish ncf__button ncf__button--submit"
245
+ class="ncf__confirmation--finish ncf__button o3-button o3-button--primary"
246
246
  data-trackable="register-finish"
247
247
  >
248
248
  Start reading
@@ -264,6 +264,7 @@ exports[`RegistrationConfirmation renders with subscription finder banner 1`] =
264
264
  </div>
265
265
  <div class="ncf__confirmation__professional-subscription-check-banner"
266
266
  data-trackable="professional-subscription-check-banner"
267
+ data-o3-brand="professional"
267
268
  >
268
269
  <div class="ncf__confirmation__professional-subscription-check-banner-header">
269
270
  <h2 class="ncf__confirmation__professional-subscription-check-banner-title">
@@ -289,8 +290,9 @@ exports[`RegistrationConfirmation renders with subscription finder banner 1`] =
289
290
  </li>
290
291
  </ul>
291
292
  <a href="https://example.com"
292
- class="ncf__button ncf__button--professional-inverse"
293
+ class="ncf__button o3-button o3-button--primary"
293
294
  data-trackable="professional-subscription-check-banner-request"
295
+ data-o3-theme="inverse"
294
296
  >
295
297
  Check if your organisation subscribes
296
298
  </a>
@@ -391,7 +393,7 @@ exports[`RegistrationConfirmation renders with subscription finder banner 1`] =
391
393
  Choose the content you want to follow by personalising your alerts for the most important topics and additional newsletters
392
394
  </p>
393
395
  <a href="/myft"
394
- class="margin-top-x4 ncf__button ncf__button--secondary"
396
+ class="margin-top-x4 ncf__button o3-button o3-button--secondary"
395
397
  data-trackable="register-personalise-my-alerts"
396
398
  >
397
399
  Personalise my alerts
@@ -400,7 +402,7 @@ exports[`RegistrationConfirmation renders with subscription finder banner 1`] =
400
402
  </div>
401
403
  <a href="/"
402
404
  target="_parent"
403
- class="ncf__confirmation--finish ncf__button ncf__button--submit"
405
+ class="ncf__confirmation--finish ncf__button o3-button o3-button--primary"
404
406
  data-trackable="register-finish"
405
407
  >
406
408
  Start reading