@financial-times/n-conversion-forms 44.3.1 → 44.4.1
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 +3 -3
- package/components/__snapshots__/app-banner.spec.js.snap +2 -2
- package/components/__snapshots__/debug.spec.js.snap +2 -2
- package/components/__snapshots__/trial-banner.spec.js.snap +1 -1
- package/components/app-banner.jsx +2 -2
- package/components/debug.jsx +1 -1
- package/components/trial-banner.jsx +1 -1
- package/dist/app-banner.jsx +2 -2
- package/dist/debug.jsx +1 -1
- package/dist/trial-banner.jsx +1 -1
- package/package.json +1 -1
- package/styles/confirmation.scss +3 -3
- package/styles/ft-edit-registration-confirmation.scss +3 -3
- package/styles/payment-type.scss +4 -4
package/.toolkitstate/ci.json
CHANGED
|
@@ -7,7 +7,7 @@ exports[`AppBanner renders 1`] = `
|
|
|
7
7
|
<div class="ncf__app-banner-inner">
|
|
8
8
|
<div class="ncf__app-banner-image">
|
|
9
9
|
<img alt="FT app"
|
|
10
|
-
src="https://
|
|
10
|
+
src="https://images.ft.com/v3/image/raw/https%3A%2F%2Fft-next-assets-prod.s3-eu-west-1.amazonaws.com%2Fassets%2Fproduct%2Frepublishing-app-packshot-191107.png?source=n-conversion-forms"
|
|
11
11
|
>
|
|
12
12
|
</div>
|
|
13
13
|
<div class="ncf__app-banner-content">
|
|
@@ -39,7 +39,7 @@ exports[`AppBanner renders 1`] = `
|
|
|
39
39
|
role="link"
|
|
40
40
|
rel="noreferrer"
|
|
41
41
|
>
|
|
42
|
-
<img src="https://
|
|
42
|
+
<img src="https://images.ft.com/v3/image/raw/https%3A%2F%2Fwww.ft.com%2F__assets%2Fcreatives%2Ftour%2Fapps%2Fgoogle-play-badge-3x.png?source=n-conversion-forms"
|
|
43
43
|
height="35"
|
|
44
44
|
alt="Download on Google Play"
|
|
45
45
|
>
|
|
@@ -46,7 +46,7 @@ exports[`Debug renders with isTest 1`] = `
|
|
|
46
46
|
lastName: 'Test',
|
|
47
47
|
jobTitle: 'CEO',
|
|
48
48
|
organisation: 'ft-org',
|
|
49
|
-
password: '
|
|
49
|
+
password: 'testpassword123',
|
|
50
50
|
position: 'AS',
|
|
51
51
|
postCode: postcodeByCountry[COUNTRY_CODE],
|
|
52
52
|
primaryTelephone: '0987654321',
|
|
@@ -1498,7 +1498,7 @@ exports[`Debug renders with showHelpers 1`] = `
|
|
|
1498
1498
|
lastName: 'Test',
|
|
1499
1499
|
jobTitle: 'CEO',
|
|
1500
1500
|
organisation: 'ft-org',
|
|
1501
|
-
password: '
|
|
1501
|
+
password: 'testpassword123',
|
|
1502
1502
|
position: 'AS',
|
|
1503
1503
|
postCode: postcodeByCountry[COUNTRY_CODE],
|
|
1504
1504
|
primaryTelephone: '0987654321',
|
|
@@ -6,7 +6,7 @@ exports[`TrialBanner renders with default props 1`] = `
|
|
|
6
6
|
>
|
|
7
7
|
<p class="ncf__trial-banner-content">
|
|
8
8
|
Your free FT.com trial
|
|
9
|
-
<img src="https://
|
|
9
|
+
<img src="https://images.ft.com/v3/image/raw/https%3A%2F%2Fwww.ft.com%2F__assets%2Fcreatives%2Fb2b%2Fmacron-desktop-banner.png?source=n-conversion-forms&height=40"
|
|
10
10
|
alt="Emmanuel Macron"
|
|
11
11
|
class="ncf__trial-banner-img"
|
|
12
12
|
>
|
|
@@ -7,7 +7,7 @@ export function AppBanner() {
|
|
|
7
7
|
<div className="ncf__app-banner-image">
|
|
8
8
|
<img
|
|
9
9
|
alt="FT app"
|
|
10
|
-
src="https://
|
|
10
|
+
src="https://images.ft.com/v3/image/raw/https%3A%2F%2Fft-next-assets-prod.s3-eu-west-1.amazonaws.com%2Fassets%2Fproduct%2Frepublishing-app-packshot-191107.png?source=n-conversion-forms"
|
|
11
11
|
/>
|
|
12
12
|
</div>
|
|
13
13
|
<div className="ncf__app-banner-content">
|
|
@@ -38,7 +38,7 @@ export function AppBanner() {
|
|
|
38
38
|
rel="noreferrer"
|
|
39
39
|
>
|
|
40
40
|
<img
|
|
41
|
-
src="https://
|
|
41
|
+
src="https://images.ft.com/v3/image/raw/https%3A%2F%2Fwww.ft.com%2F__assets%2Fcreatives%2Ftour%2Fapps%2Fgoogle-play-badge-3x.png?source=n-conversion-forms"
|
|
42
42
|
height="35"
|
|
43
43
|
alt="Download on Google Play"
|
|
44
44
|
/>
|
package/components/debug.jsx
CHANGED
|
@@ -110,7 +110,7 @@ export function Debug({
|
|
|
110
110
|
lastName: 'Test',
|
|
111
111
|
jobTitle: 'CEO',
|
|
112
112
|
organisation: 'ft-org',
|
|
113
|
-
password: '
|
|
113
|
+
password: 'testpassword123',
|
|
114
114
|
position: 'AS',
|
|
115
115
|
postCode: postcodeByCountry[COUNTRY_CODE],
|
|
116
116
|
primaryTelephone: '0987654321',
|
|
@@ -15,7 +15,7 @@ export function TrialBanner({ trialDuration = '' }) {
|
|
|
15
15
|
<p className="ncf__trial-banner-content">
|
|
16
16
|
Your free {durationMessage}FT.com trial
|
|
17
17
|
<img
|
|
18
|
-
src="https://
|
|
18
|
+
src="https://images.ft.com/v3/image/raw/https%3A%2F%2Fwww.ft.com%2F__assets%2Fcreatives%2Fb2b%2Fmacron-desktop-banner.png?source=n-conversion-forms&height=40"
|
|
19
19
|
alt="Emmanuel Macron"
|
|
20
20
|
className="ncf__trial-banner-img"
|
|
21
21
|
/>
|
package/dist/app-banner.jsx
CHANGED
|
@@ -16,7 +16,7 @@ function AppBanner() {
|
|
|
16
16
|
className: "ncf__app-banner-image"
|
|
17
17
|
}, /*#__PURE__*/_react["default"].createElement("img", {
|
|
18
18
|
alt: "FT app",
|
|
19
|
-
src: "https://
|
|
19
|
+
src: "https://images.ft.com/v3/image/raw/https%3A%2F%2Fft-next-assets-prod.s3-eu-west-1.amazonaws.com%2Fassets%2Fproduct%2Frepublishing-app-packshot-191107.png?source=n-conversion-forms"
|
|
20
20
|
})), /*#__PURE__*/_react["default"].createElement("div", {
|
|
21
21
|
className: "ncf__app-banner-content"
|
|
22
22
|
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
@@ -44,7 +44,7 @@ function AppBanner() {
|
|
|
44
44
|
role: "link",
|
|
45
45
|
rel: "noreferrer"
|
|
46
46
|
}, /*#__PURE__*/_react["default"].createElement("img", {
|
|
47
|
-
src: "https://
|
|
47
|
+
src: "https://images.ft.com/v3/image/raw/https%3A%2F%2Fwww.ft.com%2F__assets%2Fcreatives%2Ftour%2Fapps%2Fgoogle-play-badge-3x.png?source=n-conversion-forms",
|
|
48
48
|
height: "35",
|
|
49
49
|
alt: "Download on Google Play"
|
|
50
50
|
}))))));
|
package/dist/debug.jsx
CHANGED
|
@@ -52,7 +52,7 @@ function Debug(_ref) {
|
|
|
52
52
|
__html: "".concat(isTest ? testEnvironment : productionEnvironment).concat(showHelpers ? helpers : '')
|
|
53
53
|
};
|
|
54
54
|
var javascript = {
|
|
55
|
-
__html: "\n\tvar FORM_SELECTOR = 'form.ncf';\n\tvar INPUT_SELECTOR = FORM_SELECTOR + ' input:not([type=\"checkbox\"]):not([type=\"radio\"])';\n\tvar SELECT_SELECTOR = FORM_SELECTOR + ' select';\n\tvar CHECKBOX_SELECTOR = FORM_SELECTOR + ' input[type=\"checkbox\"]';\n\tvar RADIO_SELECTOR = FORM_SELECTOR + ' input[type=\"radio\"]';\n\t// This env var gets set in production. We use this when creating email addresses in case any\n\t// get into production so Membership know who to come to about deleting them.\n\tvar SYSTEM_CODE = document.documentElement.getAttribute('data-next-app') || 'n-conversion-forms';\n\tvar COUNTRY_CODE = window.FT && window.FT.country || 'GBR';\n\n\tvar postcodeByCountry = ".concat(JSON.stringify(_supportedPostcodeExamples.allSupportedPostcodeExamples), ";\n\n\tvar debugData = {\n\t\tbillingCity: 'London',\n\t\tbillingCountry: COUNTRY_CODE,\n\t\tbillingPostcode: postcodeByCountry[COUNTRY_CODE],\n\t\tcountry: COUNTRY_CODE,\n\t\tdeliveryAddressLine1: 'delivery test1',\n\t\tdeliveryAddressLine2: 'delivery test2',\n\t\tdeliveryAddressLine3: 'APT 2C',\n\t\tdeliveryCity: 'delivery city',\n\t\tdeliveryCounty: 'delivery county',\n\t\tdeliveryPostcode: postcodeByCountry[COUNTRY_CODE],\n\t\temail: SYSTEM_CODE + '-' + Date.now() + '@ftqa.org',\n\t\tfirstName: 'Test',\n\t\tindustry: 'DEF',\n\t\tlastName: 'Test',\n\t\tjobTitle: 'CEO',\n\t\torganisation: 'ft-org',\n\t\tpassword: '
|
|
55
|
+
__html: "\n\tvar FORM_SELECTOR = 'form.ncf';\n\tvar INPUT_SELECTOR = FORM_SELECTOR + ' input:not([type=\"checkbox\"]):not([type=\"radio\"])';\n\tvar SELECT_SELECTOR = FORM_SELECTOR + ' select';\n\tvar CHECKBOX_SELECTOR = FORM_SELECTOR + ' input[type=\"checkbox\"]';\n\tvar RADIO_SELECTOR = FORM_SELECTOR + ' input[type=\"radio\"]';\n\t// This env var gets set in production. We use this when creating email addresses in case any\n\t// get into production so Membership know who to come to about deleting them.\n\tvar SYSTEM_CODE = document.documentElement.getAttribute('data-next-app') || 'n-conversion-forms';\n\tvar COUNTRY_CODE = window.FT && window.FT.country || 'GBR';\n\n\tvar postcodeByCountry = ".concat(JSON.stringify(_supportedPostcodeExamples.allSupportedPostcodeExamples), ";\n\n\tvar debugData = {\n\t\tbillingCity: 'London',\n\t\tbillingCountry: COUNTRY_CODE,\n\t\tbillingPostcode: postcodeByCountry[COUNTRY_CODE],\n\t\tcountry: COUNTRY_CODE,\n\t\tdeliveryAddressLine1: 'delivery test1',\n\t\tdeliveryAddressLine2: 'delivery test2',\n\t\tdeliveryAddressLine3: 'APT 2C',\n\t\tdeliveryCity: 'delivery city',\n\t\tdeliveryCounty: 'delivery county',\n\t\tdeliveryPostcode: postcodeByCountry[COUNTRY_CODE],\n\t\temail: SYSTEM_CODE + '-' + Date.now() + '@ftqa.org',\n\t\tfirstName: 'Test',\n\t\tindustry: 'DEF',\n\t\tlastName: 'Test',\n\t\tjobTitle: 'CEO',\n\t\torganisation: 'ft-org',\n\t\tpassword: 'testpassword123',\n\t\tposition: 'AS',\n\t\tpostCode: postcodeByCountry[COUNTRY_CODE],\n\t\tprimaryTelephone: '0987654321',\n\t\tresponsibility: 'ADL',\n\t\tukVisaWorldpay: '4111111111111111',\n\t\tusAmex: '378282246310005',\n\t\tusVisaWorldpay: '4112344112344113',\n\t\tcheckoutVisa: '4242424242424242',\n\t\tcheckout3dsChallenge: 'Checkout1!',\n\t\tchaseVisa: '4011361100000010',\n\t\tverificationEmail: SYSTEM_CODE + '-' + Date.now() + '@ftqa.org',\n\t\tyearOfBirth: 1999\n\t};\n\n\tfunction logout () {\n\t\tconst options = {\n\t\t\tmode: 'no-cors',\n\t\t\tcredentials: 'include'\n\t\t};\n\t\tfetch('https://www.ft.com/logout', options).then(function () {\n\t\t\twindow.location.reload();\n\t\t});\n\t}\n\n\tfunction fillForm () {\n\t\tvar changeEvent = document.createEvent('HTMLEvents');\n\t\tchangeEvent.initEvent('change', false, true);\n\n\t\tvar inputs = document.querySelectorAll(INPUT_SELECTOR + ', ' + SELECT_SELECTOR);\n\t\tinputs.forEach(function (input) {\n\t\t\tif (!/hidden/i.test(input.type) && input.disabled === false) {\n\t\t\t\tvar value = debugData[input.name];\n\t\t\t\tinput.value = value;\n\t\t\t\tinput.dispatchEvent(changeEvent);\n\t\t\t}\n\t\t});\n\t\tvar checkboxes = document.querySelectorAll(CHECKBOX_SELECTOR + ', ' + RADIO_SELECTOR);\n\t\tcheckboxes.forEach(function (checkbox) {\n\t\t\tcheckbox.checked = true;\n\t\t\tcheckbox.dispatchEvent(changeEvent);\n\t\t});\n\t}\n\n\tfunction submitForm () {\n\t\tdocument.querySelector(FORM_SELECTOR).submit();\n\t}\n\n\tfunction copyToClipboard (name) {\n\t\tvar string = debugData[name];\n\t\tvar textarea = document.createElement('textarea');\n\t\ttextarea.value = string;\n\t\tdocument.body.appendChild(textarea);\n\t\ttextarea.select();\n\t\tdocument.execCommand('copy');\n\t\tdocument.body.removeChild(textarea);\n\t}\n\n\tfunction setTestEnvironment (state) {\n\t\tvar flags = document.cookie.match('(^|[^;]+)\\\\s*next-flags\\\\s*=\\\\s*([^;]+)').pop();\n\t\tvar flag = 'conversionSandbox%3A';\n\t\tflags = flags.replace(flag + 'on', '');\n\t\tflags = flags.replace(flag + 'off', '');\n\t\tdocument.cookie = 'next-flags=' + flags + '%2C' + flag + state + '; path=/; domain=.ft.com;';\n\t\twindow.location.reload();\n\t}\n\t\n\tfunction reloadWithSelectedCountry () {\n\t\tvar countryBox = document.getElementById(\"ncf-country\");\n\t\tvar selectedValue = countryBox.options[countryBox.selectedIndex].value;\n\t\tif (selectedValue) {\n\t\t\tconst url = new URL(window.location);\n\t\t\turl.searchParams.set(\"countryCode\", selectedValue);\n\t\t\thistory.pushState({}, \"\", url);\n\t\t\twindow.location.reload();\n\t\t}\n\t}\n\t")
|
|
56
56
|
};
|
|
57
57
|
var style = {
|
|
58
58
|
__html: "\n\t.ncf__debug-panel {\n\t\tposition: absolute;\n\t\tbackground-color: #262a33;\n\t\tcolor: #ffffff;\n\t\tbottom: 0;\n\t\tleft: 0;\n\t\twidth: 100%;\n\t\tpadding: 10px;\n\t\tposition: fixed;\n\t\tz-index: 1000;\n\t\topacity: 0.8;\n\t}\n\t.o3-button--secondary.o3-button.ncf__debug-button--test {\n\t\tbackground-color: #008040;\n\t}\n\t.o3-button--secondary.o3-button.ncf__debug-button--production {\n\t\tbackground-color: #990000;\n\t}\n\t.ncf__button--debug {\n\t\tpadding: 0px 5px;\n\t}\n\t"
|
package/dist/trial-banner.jsx
CHANGED
|
@@ -19,7 +19,7 @@ function TrialBanner(_ref) {
|
|
|
19
19
|
}, /*#__PURE__*/_react["default"].createElement("p", {
|
|
20
20
|
className: "ncf__trial-banner-content"
|
|
21
21
|
}, "Your free ", durationMessage, "FT.com trial", /*#__PURE__*/_react["default"].createElement("img", {
|
|
22
|
-
src: "https://
|
|
22
|
+
src: "https://images.ft.com/v3/image/raw/https%3A%2F%2Fwww.ft.com%2F__assets%2Fcreatives%2Fb2b%2Fmacron-desktop-banner.png?source=n-conversion-forms&height=40",
|
|
23
23
|
alt: "Emmanuel Macron",
|
|
24
24
|
className: "ncf__trial-banner-img"
|
|
25
25
|
})));
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@financial-times/n-conversion-forms",
|
|
3
|
-
"version": "44.
|
|
3
|
+
"version": "44.4.1",
|
|
4
4
|
"description": "Containing jsx components and styles for forms included on Accounts and Acquisition apps (next-signup, next-profile, next-retention, etc).",
|
|
5
5
|
"main": "./dist/index.js",
|
|
6
6
|
"scripts": {
|
package/styles/confirmation.scss
CHANGED
|
@@ -209,17 +209,17 @@
|
|
|
209
209
|
margin-left: 0.5rem;
|
|
210
210
|
height: 1rem;
|
|
211
211
|
width: 3rem;
|
|
212
|
-
background-image: url('https://
|
|
212
|
+
background-image: url('https://images.ft.com/v3/image/raw/ftlogo-v1%3Abrand-myft?format=svg&source=n-conversion-forms&tint=33302E,33302E&width=28&height=16');
|
|
213
213
|
}
|
|
214
214
|
|
|
215
215
|
.ncf-icon--android::before {
|
|
216
216
|
height: 40px;
|
|
217
217
|
width: 136px;
|
|
218
|
-
background-image: url('https://
|
|
218
|
+
background-image: url('https://images.ft.com/v3/image/raw/app-badge-v1%3Aandroid?source=n-conversion-forms');
|
|
219
219
|
}
|
|
220
220
|
|
|
221
221
|
.ncf-icon--apple::before {
|
|
222
222
|
height: 40px;
|
|
223
223
|
width: 136px;
|
|
224
|
-
background-image: url('https://
|
|
224
|
+
background-image: url('https://images.ft.com/v3/image/raw/app-badge-v1%3Aapple?format=svg&source=n-conversion-forms');
|
|
225
225
|
}
|
|
@@ -235,17 +235,17 @@
|
|
|
235
235
|
margin-left: 0.5rem;
|
|
236
236
|
height: 1rem;
|
|
237
237
|
width: 3rem;
|
|
238
|
-
background-image: url('https://
|
|
238
|
+
background-image: url('https://images.ft.com/v3/image/raw/ftlogo-v1%3Abrand-myft?format=svg&source=n-conversion-forms&tint=33302E,33302E&width=28&height=16');
|
|
239
239
|
}
|
|
240
240
|
|
|
241
241
|
.ncf-icon--android::before {
|
|
242
242
|
height: 40px;
|
|
243
243
|
width: 136px;
|
|
244
|
-
background-image: url('https://
|
|
244
|
+
background-image: url('https://images.ft.com/v3/image/raw/app-badge-v1%3Aandroid?source=n-conversion-forms');
|
|
245
245
|
}
|
|
246
246
|
|
|
247
247
|
.ncf-icon--apple::before {
|
|
248
248
|
height: 40px;
|
|
249
249
|
width: 136px;
|
|
250
|
-
background-image: url('https://
|
|
250
|
+
background-image: url('https://images.ft.com/v3/image/raw/app-badge-v1%3Aapple?format=svg&source=n-conversion-forms');
|
|
251
251
|
}
|
package/styles/payment-type.scss
CHANGED
|
@@ -14,12 +14,12 @@
|
|
|
14
14
|
// #2
|
|
15
15
|
[type='radio']+.o-forms-input__label {
|
|
16
16
|
@include buttonImageOverriding();
|
|
17
|
-
background-image: url('https://
|
|
17
|
+
background-image: url('https://images.ft.com/v3/image/raw/https%3A%2F%2Fwww.ft.com%2F__assets%2Fcreatives%2Fthird-party%2Fpp-logo-100px.png?width=300&source=n-conversion-forms&fit=scale-down');
|
|
18
18
|
}
|
|
19
19
|
|
|
20
20
|
[type='radio']:checked+.o-forms-input__label {
|
|
21
21
|
@include buttonImageOverriding();
|
|
22
|
-
background-image: url('https://
|
|
22
|
+
background-image: url('https://images.ft.com/v3/image/raw/https%3A%2F%2Fwww.ft.com%2F__assets%2Fcreatives%2Fthird-party%2Fpp-logo-white.png?width=300&source=n-conversion-forms&fit=scale-down');
|
|
23
23
|
}
|
|
24
24
|
}
|
|
25
25
|
|
|
@@ -28,12 +28,12 @@
|
|
|
28
28
|
// #2
|
|
29
29
|
[type='radio']+.o-forms-input__label {
|
|
30
30
|
@include buttonImageOverriding();
|
|
31
|
-
background-image: url('https://
|
|
31
|
+
background-image: url('https://images.ft.com/v3/image/raw/https%3A%2F%2Fwww.ft.com%2F__assets%2Fcreatives%2Fthird-party%2Fdirect_debit.png?width=300&source=n-conversion-forms&fit=scale-down');
|
|
32
32
|
}
|
|
33
33
|
|
|
34
34
|
[type='radio']:checked+.o-forms-input__label {
|
|
35
35
|
@include buttonImageOverriding();
|
|
36
|
-
background-image: url('https://
|
|
36
|
+
background-image: url('https://images.ft.com/v3/image/raw/https%3A%2F%2Fwww.ft.com%2F__assets%2Fcreatives%2Fthird-party%2Fdirect_debit-white.png?width=300&source=n-conversion-forms&fit=scale-down');
|
|
37
37
|
}
|
|
38
38
|
}
|
|
39
39
|
|