@financial-times/n-conversion-forms 30.1.0 → 31.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.
- package/.circleci/config.yml +97 -150
- package/.toolkitrc.yml +19 -0
- package/.toolkitstate/ci.json +6 -0
- package/README.md +2 -2
- package/jest.config.js +2 -0
- package/package.json +30 -16
- package/.circleci/shared-helpers/.github/settings.yml +0 -1
- package/.circleci/shared-helpers/CODEOWNERS +0 -3
- package/.circleci/shared-helpers/README.md +0 -72
- package/.circleci/shared-helpers/helper-check-service-ready +0 -37
- package/.circleci/shared-helpers/helper-configure-awscli +0 -20
- package/.circleci/shared-helpers/helper-generate-build-state-artifacts +0 -29
- package/.circleci/shared-helpers/helper-install-awscli +0 -14
- package/.circleci/shared-helpers/helper-install-puppeteer-deps +0 -25
- package/.circleci/shared-helpers/helper-npm-install-peer-deps +0 -40
- package/.circleci/shared-helpers/helper-npm-store-auth-token +0 -14
- package/.circleci/shared-helpers/helper-npm-update +0 -26
- package/.circleci/shared-helpers/helper-npm-version-and-publish-public +0 -19
- package/.circleci/shared-helpers/helper-publish-github-pages +0 -43
- package/.circleci/shared-helpers/helper-setup-heroku-cli +0 -46
- package/.circleci/shared-helpers/helper-setup-s3-upload +0 -17
- package/.circleci/shared-helpers/helper-upload-assets-to-s3 +0 -69
- package/.circleci/shared-helpers/helper.example +0 -13
- package/build-state/npm-shrinkwrap.json +0 -58461
- package/dist/accept-terms-business.js +0 -74
- package/dist/accept-terms-business.spec.js +0 -40
- package/dist/accept-terms-privacy-policy.js +0 -71
- package/dist/accept-terms-subscription.js +0 -150
- package/dist/accept-terms.js +0 -217
- package/dist/app-banner.js +0 -51
- package/dist/b2c-partnership-confirmation.js +0 -64
- package/dist/billing-city.js +0 -58
- package/dist/billing-country.js +0 -43
- package/dist/billing-postcode.js +0 -76
- package/dist/company-name.js +0 -78
- package/dist/confirmation.js +0 -117
- package/dist/continue-reading.js +0 -45
- package/dist/country.js +0 -106
- package/dist/customer-care.js +0 -52
- package/dist/debug.js +0 -50
- package/dist/decision-maker.js +0 -72
- package/dist/deferred-billing-terms.js +0 -112
- package/dist/delivery-address-map.js +0 -184
- package/dist/delivery-address-type.js +0 -74
- package/dist/delivery-address.js +0 -123
- package/dist/delivery-city.js +0 -70
- package/dist/delivery-county.js +0 -48
- package/dist/delivery-instructions.js +0 -123
- package/dist/delivery-option.js +0 -77
- package/dist/delivery-po-box.js +0 -75
- package/dist/delivery-postcode.js +0 -116
- package/dist/delivery-security-instructions.js +0 -72
- package/dist/delivery-start-date.js +0 -77
- package/dist/education-job-title.js +0 -67
- package/dist/email.js +0 -90
- package/dist/error-page.js +0 -45
- package/dist/fieldset.js +0 -58
- package/dist/first-name.js +0 -73
- package/dist/form.js +0 -29
- package/dist/google-sign-in.js +0 -24
- package/dist/graduation-date.js +0 -112
- package/dist/index.js +0 -432
- package/dist/industry.js +0 -81
- package/dist/job-title.js +0 -65
- package/dist/last-name.js +0 -73
- package/dist/licence-confirmation.js +0 -67
- package/dist/licence-header.js +0 -52
- package/dist/licence-sign-in.js +0 -36
- package/dist/licence-title.js +0 -46
- package/dist/lite-sub-confirmation.js +0 -118
- package/dist/loader.js +0 -54
- package/dist/message.js +0 -101
- package/dist/message.spec.js +0 -96
- package/dist/organisation.js +0 -73
- package/dist/package-change.js +0 -38
- package/dist/password.js +0 -95
- package/dist/payment-term.js +0 -328
- package/dist/payment-type.js +0 -213
- package/dist/personal-title.js +0 -94
- package/dist/phone.js +0 -85
- package/dist/position.js +0 -86
- package/dist/progress-indicator.js +0 -66
- package/dist/province.js +0 -80
- package/dist/registration-confirmation.js +0 -108
- package/dist/responsibility.js +0 -84
- package/dist/section.js +0 -20
- package/dist/seven-day-pass-experiment-confirmation.js +0 -93
- package/dist/state.js +0 -80
- package/dist/submit.js +0 -52
- package/dist/text-input.js +0 -78
- package/dist/trial-banner.js +0 -29
|
@@ -1,64 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
Object.defineProperty(exports, "__esModule", {
|
|
5
|
-
value: true
|
|
6
|
-
});
|
|
7
|
-
exports.B2CPartnershipConfirmation = B2CPartnershipConfirmation;
|
|
8
|
-
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
10
|
-
var productCodeMapping = {
|
|
11
|
-
P1: 'Standard',
|
|
12
|
-
P2: 'Premium',
|
|
13
|
-
EP: 'ePaper'
|
|
14
|
-
};
|
|
15
|
-
function B2CPartnershipConfirmation(_ref) {
|
|
16
|
-
var _ref$ctaElement = _ref.ctaElement,
|
|
17
|
-
ctaElement = _ref$ctaElement === void 0 ? null : _ref$ctaElement,
|
|
18
|
-
_ref$productCode = _ref.productCode,
|
|
19
|
-
productCode = _ref$productCode === void 0 ? null : _ref$productCode;
|
|
20
|
-
var readingLinkProps = {
|
|
21
|
-
href: '/',
|
|
22
|
-
className: 'ncf__link'
|
|
23
|
-
};
|
|
24
|
-
var customerCareProps = {
|
|
25
|
-
href: 'https://help.ft.com/',
|
|
26
|
-
className: 'ncf__link'
|
|
27
|
-
};
|
|
28
|
-
|
|
29
|
-
// Welcome to your Standard access
|
|
30
|
-
// Welcome to your Premium access
|
|
31
|
-
// Welcome to your ePaper access
|
|
32
|
-
// Welcome to your FT access (default)
|
|
33
|
-
var accessType = productCodeMapping[productCode === null || productCode === void 0 ? void 0 : productCode.toUpperCase()] || 'FT';
|
|
34
|
-
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
35
|
-
className: "ncf ncf__wrapper"
|
|
36
|
-
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
37
|
-
className: "ncf__center"
|
|
38
|
-
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
39
|
-
className: "ncf__icon ncf__icon--tick ncf__icon--large"
|
|
40
|
-
}), /*#__PURE__*/_react["default"].createElement("div", {
|
|
41
|
-
className: "ncf__paragraph"
|
|
42
|
-
}, /*#__PURE__*/_react["default"].createElement("h1", {
|
|
43
|
-
className: "ncf__header ncf__header--confirmation"
|
|
44
|
-
}, "Welcome to your ".concat(accessType, " access")))), /*#__PURE__*/_react["default"].createElement("p", {
|
|
45
|
-
className: "ncf__paragraph"
|
|
46
|
-
}, "Please check your email to confirm your account and set your password."), /*#__PURE__*/_react["default"].createElement("p", {
|
|
47
|
-
className: "ncf__paragraph"
|
|
48
|
-
}, "Explore the homepage & enjoy your unlimited access & exclusive content."), ctaElement || /*#__PURE__*/_react["default"].createElement("p", {
|
|
49
|
-
className: "ncf__paragraph ncf__center"
|
|
50
|
-
}, /*#__PURE__*/_react["default"].createElement("a", {
|
|
51
|
-
className: "ncf__button ncf__button--submit",
|
|
52
|
-
href: "/myft"
|
|
53
|
-
}, "Go to myFT")), /*#__PURE__*/_react["default"].createElement("p", {
|
|
54
|
-
className: "ncf__paragraph ncf__center"
|
|
55
|
-
}, /*#__PURE__*/_react["default"].createElement("a", readingLinkProps, "Start reading")), /*#__PURE__*/_react["default"].createElement("p", {
|
|
56
|
-
className: "ncf__paragraph"
|
|
57
|
-
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
58
|
-
className: "ncf__strong"
|
|
59
|
-
}, "Can we help?"), "For any queries about your Premium subscription please", ' ', /*#__PURE__*/_react["default"].createElement("a", customerCareProps, "contact Customer Care"), "."));
|
|
60
|
-
}
|
|
61
|
-
B2CPartnershipConfirmation.propTypes = {
|
|
62
|
-
ctaElement: _propTypes["default"].node,
|
|
63
|
-
productCode: _propTypes["default"].string
|
|
64
|
-
};
|
package/dist/billing-city.js
DELETED
|
@@ -1,58 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
Object.defineProperty(exports, "__esModule", {
|
|
5
|
-
value: true
|
|
6
|
-
});
|
|
7
|
-
exports.BillingCity = BillingCity;
|
|
8
|
-
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
10
|
-
var _classnames = _interopRequireDefault(require("classnames"));
|
|
11
|
-
function BillingCity(_ref) {
|
|
12
|
-
var _ref$hasError = _ref.hasError,
|
|
13
|
-
hasError = _ref$hasError === void 0 ? false : _ref$hasError,
|
|
14
|
-
_ref$value = _ref.value,
|
|
15
|
-
value = _ref$value === void 0 ? '' : _ref$value,
|
|
16
|
-
_ref$isDisabled = _ref.isDisabled,
|
|
17
|
-
isDisabled = _ref$isDisabled === void 0 ? false : _ref$isDisabled,
|
|
18
|
-
_ref$isHidden = _ref.isHidden,
|
|
19
|
-
isHidden = _ref$isHidden === void 0 ? false : _ref$isHidden;
|
|
20
|
-
var billingCityFieldClassNames = (0, _classnames["default"])(['o-forms-field', 'ncf__validation-error', {
|
|
21
|
-
ncf__hidden: isHidden
|
|
22
|
-
}]);
|
|
23
|
-
var inputWrapperClassName = (0, _classnames["default"])(['o-forms-input', 'o-forms-input--text', {
|
|
24
|
-
'o-forms-input--invalid': hasError
|
|
25
|
-
}]);
|
|
26
|
-
return /*#__PURE__*/_react["default"].createElement("label", {
|
|
27
|
-
id: "billingCityField",
|
|
28
|
-
className: billingCityFieldClassNames,
|
|
29
|
-
"data-validate": "required",
|
|
30
|
-
htmlFor: "billingCity"
|
|
31
|
-
}, /*#__PURE__*/_react["default"].createElement("span", {
|
|
32
|
-
className: "o-forms-title"
|
|
33
|
-
}, /*#__PURE__*/_react["default"].createElement("span", {
|
|
34
|
-
className: "o-forms-title__main"
|
|
35
|
-
}, "Billing city/town")), /*#__PURE__*/_react["default"].createElement("span", {
|
|
36
|
-
className: inputWrapperClassName
|
|
37
|
-
}, /*#__PURE__*/_react["default"].createElement("input", {
|
|
38
|
-
type: "text",
|
|
39
|
-
id: "billingCity",
|
|
40
|
-
name: "billingCity",
|
|
41
|
-
"data-trackable": "field-billingCity",
|
|
42
|
-
autoComplete: "address-level2",
|
|
43
|
-
placeholder: "e.g. Bath",
|
|
44
|
-
maxLength: 40,
|
|
45
|
-
"aria-required": "true",
|
|
46
|
-
required: true,
|
|
47
|
-
disabled: isDisabled,
|
|
48
|
-
defaultValue: value
|
|
49
|
-
}), /*#__PURE__*/_react["default"].createElement("span", {
|
|
50
|
-
className: "o-forms-input__error"
|
|
51
|
-
}, "Please enter a valid city or town")));
|
|
52
|
-
}
|
|
53
|
-
BillingCity.propTypes = {
|
|
54
|
-
hasError: _propTypes["default"].bool,
|
|
55
|
-
value: _propTypes["default"].string,
|
|
56
|
-
isDisabled: _propTypes["default"].bool,
|
|
57
|
-
isHidden: _propTypes["default"].bool
|
|
58
|
-
};
|
package/dist/billing-country.js
DELETED
|
@@ -1,43 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
Object.defineProperty(exports, "__esModule", {
|
|
5
|
-
value: true
|
|
6
|
-
});
|
|
7
|
-
exports.BillingCountry = BillingCountry;
|
|
8
|
-
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
10
|
-
var _country = require("./country");
|
|
11
|
-
function BillingCountry(_ref) {
|
|
12
|
-
var _ref$fieldId = _ref.fieldId,
|
|
13
|
-
fieldId = _ref$fieldId === void 0 ? 'billingCountryField' : _ref$fieldId,
|
|
14
|
-
_ref$filterList = _ref.filterList,
|
|
15
|
-
filterList = _ref$filterList === void 0 ? [] : _ref$filterList,
|
|
16
|
-
_ref$hasError = _ref.hasError,
|
|
17
|
-
hasError = _ref$hasError === void 0 ? false : _ref$hasError,
|
|
18
|
-
_ref$inputId = _ref.inputId,
|
|
19
|
-
inputId = _ref$inputId === void 0 ? 'billingCountry' : _ref$inputId,
|
|
20
|
-
_ref$isDisabled = _ref.isDisabled,
|
|
21
|
-
isDisabled = _ref$isDisabled === void 0 ? false : _ref$isDisabled,
|
|
22
|
-
value = _ref.value;
|
|
23
|
-
return /*#__PURE__*/_react["default"].createElement(_country.Country, {
|
|
24
|
-
dataTrackable: "field-billing-country",
|
|
25
|
-
fieldId: fieldId,
|
|
26
|
-
filterList: filterList,
|
|
27
|
-
hasError: hasError,
|
|
28
|
-
inputId: inputId,
|
|
29
|
-
isB2b: false,
|
|
30
|
-
isDisabled: isDisabled,
|
|
31
|
-
isPlaceholderDisabled: true,
|
|
32
|
-
label: "Billing Country",
|
|
33
|
-
value: value
|
|
34
|
-
});
|
|
35
|
-
}
|
|
36
|
-
BillingCountry.propTypes = {
|
|
37
|
-
fieldId: _propTypes["default"].string,
|
|
38
|
-
filterList: _propTypes["default"].arrayOf(_propTypes["default"].string),
|
|
39
|
-
hasError: _propTypes["default"].bool,
|
|
40
|
-
inputId: _propTypes["default"].string,
|
|
41
|
-
isDisabled: _propTypes["default"].bool,
|
|
42
|
-
value: _propTypes["default"].string
|
|
43
|
-
};
|
package/dist/billing-postcode.js
DELETED
|
@@ -1,76 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
Object.defineProperty(exports, "__esModule", {
|
|
5
|
-
value: true
|
|
6
|
-
});
|
|
7
|
-
exports.BillingPostcode = BillingPostcode;
|
|
8
|
-
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
10
|
-
var _classnames = _interopRequireDefault(require("classnames"));
|
|
11
|
-
function BillingPostcode(_ref) {
|
|
12
|
-
var postcodeReference = _ref.postcodeReference,
|
|
13
|
-
_ref$value = _ref.value,
|
|
14
|
-
value = _ref$value === void 0 ? '' : _ref$value,
|
|
15
|
-
_ref$pattern = _ref.pattern,
|
|
16
|
-
pattern = _ref$pattern === void 0 ? null : _ref$pattern,
|
|
17
|
-
_ref$isDisabled = _ref.isDisabled,
|
|
18
|
-
isDisabled = _ref$isDisabled === void 0 ? false : _ref$isDisabled,
|
|
19
|
-
_ref$hasError = _ref.hasError,
|
|
20
|
-
hasError = _ref$hasError === void 0 ? false : _ref$hasError,
|
|
21
|
-
_ref$isHidden = _ref.isHidden,
|
|
22
|
-
isHidden = _ref$isHidden === void 0 ? false : _ref$isHidden,
|
|
23
|
-
_ref$fieldId = _ref.fieldId,
|
|
24
|
-
fieldId = _ref$fieldId === void 0 ? 'billingPostcodeField' : _ref$fieldId,
|
|
25
|
-
_ref$inputId = _ref.inputId,
|
|
26
|
-
inputId = _ref$inputId === void 0 ? 'billingPostcode' : _ref$inputId,
|
|
27
|
-
_ref$inputName = _ref.inputName,
|
|
28
|
-
inputName = _ref$inputName === void 0 ? 'billingPostcode' : _ref$inputName;
|
|
29
|
-
var BillingPostcodeFieldClassNames = (0, _classnames["default"])(['o-forms-field', {
|
|
30
|
-
ncf__hidden: isHidden
|
|
31
|
-
}]);
|
|
32
|
-
var inputWrapperClassNames = (0, _classnames["default"])(['o-forms-input', 'o-forms-input--text', {
|
|
33
|
-
'o-forms-input--invalid': hasError
|
|
34
|
-
}]);
|
|
35
|
-
return /*#__PURE__*/_react["default"].createElement("label", {
|
|
36
|
-
id: fieldId,
|
|
37
|
-
className: BillingPostcodeFieldClassNames,
|
|
38
|
-
"data-validate": "required",
|
|
39
|
-
htmlFor: inputId
|
|
40
|
-
}, /*#__PURE__*/_react["default"].createElement("span", {
|
|
41
|
-
className: "o-forms-title"
|
|
42
|
-
}, /*#__PURE__*/_react["default"].createElement("span", {
|
|
43
|
-
className: "o-forms-title__main"
|
|
44
|
-
}, "Billing ", /*#__PURE__*/_react["default"].createElement("span", {
|
|
45
|
-
"data-reference": "postcode"
|
|
46
|
-
}, postcodeReference))), /*#__PURE__*/_react["default"].createElement("span", {
|
|
47
|
-
className: inputWrapperClassNames
|
|
48
|
-
}, /*#__PURE__*/_react["default"].createElement("input", {
|
|
49
|
-
type: "text",
|
|
50
|
-
id: inputId,
|
|
51
|
-
name: inputName,
|
|
52
|
-
defaultValue: value,
|
|
53
|
-
placeholder: "Enter your ".concat(postcodeReference),
|
|
54
|
-
autoComplete: "postal-code",
|
|
55
|
-
"data-trackable": "billing-postcode",
|
|
56
|
-
"aria-required": "true",
|
|
57
|
-
required: true,
|
|
58
|
-
pattern: pattern,
|
|
59
|
-
disabled: isDisabled
|
|
60
|
-
}), /*#__PURE__*/_react["default"].createElement("span", {
|
|
61
|
-
className: "o-forms-input__error"
|
|
62
|
-
}, "Please enter a valid", ' ', /*#__PURE__*/_react["default"].createElement("span", {
|
|
63
|
-
"data-reference": "postcode"
|
|
64
|
-
}, postcodeReference), ".")));
|
|
65
|
-
}
|
|
66
|
-
BillingPostcode.propTypes = {
|
|
67
|
-
postcodeReference: _propTypes["default"].string.isRequired,
|
|
68
|
-
value: _propTypes["default"].string,
|
|
69
|
-
pattern: _propTypes["default"].string,
|
|
70
|
-
isDisabled: _propTypes["default"].bool,
|
|
71
|
-
hasError: _propTypes["default"].bool,
|
|
72
|
-
isHidden: _propTypes["default"].bool,
|
|
73
|
-
fieldId: _propTypes["default"].string,
|
|
74
|
-
inputId: _propTypes["default"].string,
|
|
75
|
-
inputName: _propTypes["default"].string
|
|
76
|
-
};
|
package/dist/company-name.js
DELETED
|
@@ -1,78 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
Object.defineProperty(exports, "__esModule", {
|
|
5
|
-
value: true
|
|
6
|
-
});
|
|
7
|
-
exports.CompanyName = CompanyName;
|
|
8
|
-
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
10
|
-
var _classnames = _interopRequireDefault(require("classnames"));
|
|
11
|
-
function CompanyName(_ref) {
|
|
12
|
-
var _ref$fieldId = _ref.fieldId,
|
|
13
|
-
fieldId = _ref$fieldId === void 0 ? 'companyNameField' : _ref$fieldId,
|
|
14
|
-
_ref$hasError = _ref.hasError,
|
|
15
|
-
hasError = _ref$hasError === void 0 ? false : _ref$hasError,
|
|
16
|
-
_ref$inputId = _ref.inputId,
|
|
17
|
-
inputId = _ref$inputId === void 0 ? 'companyName' : _ref$inputId,
|
|
18
|
-
_ref$inputName = _ref.inputName,
|
|
19
|
-
inputName = _ref$inputName === void 0 ? 'company' : _ref$inputName,
|
|
20
|
-
_ref$value = _ref.value,
|
|
21
|
-
value = _ref$value === void 0 ? '' : _ref$value,
|
|
22
|
-
_ref$isDisabled = _ref.isDisabled,
|
|
23
|
-
isDisabled = _ref$isDisabled === void 0 ? false : _ref$isDisabled,
|
|
24
|
-
_ref$fieldLabel = _ref.fieldLabel,
|
|
25
|
-
fieldLabel = _ref$fieldLabel === void 0 ? 'Company name' : _ref$fieldLabel,
|
|
26
|
-
_ref$placeholder = _ref.placeholder,
|
|
27
|
-
placeholder = _ref$placeholder === void 0 ? 'Please enter your company name' : _ref$placeholder,
|
|
28
|
-
_ref$isRequired = _ref.isRequired,
|
|
29
|
-
isRequired = _ref$isRequired === void 0 ? true : _ref$isRequired,
|
|
30
|
-
_ref$isHidden = _ref.isHidden,
|
|
31
|
-
isHidden = _ref$isHidden === void 0 ? false : _ref$isHidden,
|
|
32
|
-
_ref$maxlength = _ref.maxlength,
|
|
33
|
-
maxlength = _ref$maxlength === void 0 ? 100 : _ref$maxlength;
|
|
34
|
-
var divClassNames = (0, _classnames["default"])(['o-forms-field', {
|
|
35
|
-
'o-forms-field--optional': !isRequired
|
|
36
|
-
}, {
|
|
37
|
-
ncf__hidden: isHidden
|
|
38
|
-
}]);
|
|
39
|
-
var inputWrapperClassNames = (0, _classnames["default"])(['o-forms-input', 'o-forms-input--text', {
|
|
40
|
-
'o-forms-input--invalid': hasError
|
|
41
|
-
}]);
|
|
42
|
-
var inputProps = {
|
|
43
|
-
type: 'text',
|
|
44
|
-
id: inputId,
|
|
45
|
-
name: inputName,
|
|
46
|
-
placeholder: placeholder,
|
|
47
|
-
autoComplete: 'organization',
|
|
48
|
-
'data-trackable': 'company-name',
|
|
49
|
-
'aria-required': isRequired,
|
|
50
|
-
required: isRequired,
|
|
51
|
-
disabled: isDisabled,
|
|
52
|
-
defaultValue: value,
|
|
53
|
-
maxlength: maxlength
|
|
54
|
-
};
|
|
55
|
-
return /*#__PURE__*/_react["default"].createElement("label", {
|
|
56
|
-
id: fieldId,
|
|
57
|
-
className: divClassNames,
|
|
58
|
-
"data-validate": "required",
|
|
59
|
-
htmlFor: inputProps.id
|
|
60
|
-
}, /*#__PURE__*/_react["default"].createElement("span", {
|
|
61
|
-
className: "o-forms-title"
|
|
62
|
-
}, /*#__PURE__*/_react["default"].createElement("span", {
|
|
63
|
-
className: "o-forms-title__main"
|
|
64
|
-
}, fieldLabel)), /*#__PURE__*/_react["default"].createElement("span", {
|
|
65
|
-
className: inputWrapperClassNames
|
|
66
|
-
}, /*#__PURE__*/_react["default"].createElement("input", inputProps), /*#__PURE__*/_react["default"].createElement("span", {
|
|
67
|
-
className: "o-forms-input__error"
|
|
68
|
-
}, "Please enter your company name.")));
|
|
69
|
-
}
|
|
70
|
-
CompanyName.propTypes = {
|
|
71
|
-
hasError: _propTypes["default"].bool,
|
|
72
|
-
value: _propTypes["default"].string,
|
|
73
|
-
isDisabled: _propTypes["default"].bool,
|
|
74
|
-
fieldLabel: _propTypes["default"].string,
|
|
75
|
-
isRequired: _propTypes["default"].bool,
|
|
76
|
-
isHidden: _propTypes["default"].bool,
|
|
77
|
-
maxlength: _propTypes["default"].number
|
|
78
|
-
};
|
package/dist/confirmation.js
DELETED
|
@@ -1,117 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
Object.defineProperty(exports, "__esModule", {
|
|
5
|
-
value: true
|
|
6
|
-
});
|
|
7
|
-
exports.Confirmation = Confirmation;
|
|
8
|
-
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
9
|
-
var _react = _interopRequireDefault(require("react"));
|
|
10
|
-
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
11
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
12
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
13
|
-
var EMAIL_DEFAULT_TEXT = 'your email';
|
|
14
|
-
function Confirmation(_ref) {
|
|
15
|
-
var _ref$isTrial = _ref.isTrial,
|
|
16
|
-
isTrial = _ref$isTrial === void 0 ? false : _ref$isTrial,
|
|
17
|
-
_ref$isB2cPartnership = _ref.isB2cPartnership,
|
|
18
|
-
isB2cPartnership = _ref$isB2cPartnership === void 0 ? false : _ref$isB2cPartnership,
|
|
19
|
-
_ref$b2cPartnershipCo = _ref.b2cPartnershipCopy,
|
|
20
|
-
b2cPartnershipCopy = _ref$b2cPartnershipCo === void 0 ? [] : _ref$b2cPartnershipCo,
|
|
21
|
-
_ref$offer = _ref.offer,
|
|
22
|
-
offer = _ref$offer === void 0 ? '' : _ref$offer,
|
|
23
|
-
_ref$email = _ref.email,
|
|
24
|
-
email = _ref$email === void 0 ? EMAIL_DEFAULT_TEXT : _ref$email,
|
|
25
|
-
_ref$details = _ref.details,
|
|
26
|
-
details = _ref$details === void 0 ? null : _ref$details,
|
|
27
|
-
_ref$directDebitManda = _ref.directDebitMandateUrl,
|
|
28
|
-
directDebitMandateUrl = _ref$directDebitManda === void 0 ? null : _ref$directDebitManda,
|
|
29
|
-
_ref$nextActionTop = _ref.nextActionTop,
|
|
30
|
-
nextActionTop = _ref$nextActionTop === void 0 ? null : _ref$nextActionTop,
|
|
31
|
-
_ref$nextActionBottom = _ref.nextActionBottom,
|
|
32
|
-
nextActionBottom = _ref$nextActionBottom === void 0 ? null : _ref$nextActionBottom;
|
|
33
|
-
var containerDivProps = _objectSpread({
|
|
34
|
-
className: 'ncf ncf__wrapper'
|
|
35
|
-
}, isTrial && {
|
|
36
|
-
'data-signup-is-trial': 'true'
|
|
37
|
-
});
|
|
38
|
-
var isB2cPartnershipCopyAvailable = isB2cPartnership && b2cPartnershipCopy.length > 0;
|
|
39
|
-
var detailElements = details && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("h2", {
|
|
40
|
-
className: "ncf__header2--afterline"
|
|
41
|
-
}, "Your billing details"), /*#__PURE__*/_react["default"].createElement("dl", {
|
|
42
|
-
className: "ncf__list"
|
|
43
|
-
}, details.map(function (detail, index) {
|
|
44
|
-
return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, {
|
|
45
|
-
key: index
|
|
46
|
-
}, /*#__PURE__*/_react["default"].createElement("dt", {
|
|
47
|
-
className: "ncf__list-title"
|
|
48
|
-
}, detail.title), /*#__PURE__*/_react["default"].createElement("dd", {
|
|
49
|
-
className: "ncf__list-data"
|
|
50
|
-
}, detail.data), detail.description && /*#__PURE__*/_react["default"].createElement("dd", {
|
|
51
|
-
className: "ncf__list-description"
|
|
52
|
-
}, detail.description));
|
|
53
|
-
})));
|
|
54
|
-
var directDebitMandateUrlElement = directDebitMandateUrl && /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("p", {
|
|
55
|
-
className: "ncf__paragraph--reduced-padding"
|
|
56
|
-
}, "Download your", ' ', /*#__PURE__*/_react["default"].createElement("a", {
|
|
57
|
-
href: directDebitMandateUrl,
|
|
58
|
-
"data-trackable": "dd-mandate-link",
|
|
59
|
-
id: "encryptedMandateLink"
|
|
60
|
-
}, "direct debit mandate"), /*#__PURE__*/_react["default"].createElement("i", {
|
|
61
|
-
className: "ncf__icon-download"
|
|
62
|
-
})));
|
|
63
|
-
return /*#__PURE__*/_react["default"].createElement("div", containerDivProps, /*#__PURE__*/_react["default"].createElement("div", {
|
|
64
|
-
className: "ncf__center"
|
|
65
|
-
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
66
|
-
className: "ncf__icon ncf__icon--tick ncf__icon--large"
|
|
67
|
-
}), /*#__PURE__*/_react["default"].createElement("p", {
|
|
68
|
-
className: "ncf__paragraph--reduced-padding ncf__paragraph--subscription-confirmation"
|
|
69
|
-
}, "You are now subscribed to:"), /*#__PURE__*/_react["default"].createElement("h1", {
|
|
70
|
-
className: "ncf__header ncf__header--confirmation"
|
|
71
|
-
}, offer)), nextActionTop, !isB2cPartnershipCopyAvailable && /*#__PURE__*/_react["default"].createElement("p", {
|
|
72
|
-
className: "ncf__paragraph"
|
|
73
|
-
}, "We\u2019ve sent confirmation to ", email, ". Make sure you check your spam folder if you don\u2019t receive it."), isB2cPartnershipCopyAvailable ? /*#__PURE__*/_react["default"].createElement("p", {
|
|
74
|
-
className: "ncf__paragraph"
|
|
75
|
-
}, b2cPartnershipCopy[0], /*#__PURE__*/_react["default"].createElement("span", {
|
|
76
|
-
className: "ncf__legend"
|
|
77
|
-
}, " ".concat(email, ". ")), b2cPartnershipCopy[1]) : '', /*#__PURE__*/_react["default"].createElement("p", {
|
|
78
|
-
className: "ncf__paragraph"
|
|
79
|
-
}, "Here\u2019s a summary of your ", offer, " subscription:"), detailElements, directDebitMandateUrlElement, /*#__PURE__*/_react["default"].createElement("div", {
|
|
80
|
-
className: "ncf__headed-paragraph"
|
|
81
|
-
}, /*#__PURE__*/_react["default"].createElement("h3", {
|
|
82
|
-
className: "ncf__header"
|
|
83
|
-
}, "Something not right?"), /*#__PURE__*/_react["default"].createElement("p", {
|
|
84
|
-
className: "ncf__paragraph"
|
|
85
|
-
}, "Go to your", ' ', /*#__PURE__*/_react["default"].createElement("a", {
|
|
86
|
-
className: "ncf__link ncf__link--external",
|
|
87
|
-
href: "https://www.ft.com/myaccount/personal-details",
|
|
88
|
-
target: "_blank",
|
|
89
|
-
rel: "noopener noreferrer",
|
|
90
|
-
"data-trackable": "yourAccount"
|
|
91
|
-
}, "account settings"), ' ', "to view or edit your account. If you need to get in touch call us on", ' ', /*#__PURE__*/_react["default"].createElement("a", {
|
|
92
|
-
href: "tel:+442077556248",
|
|
93
|
-
className: "ncf__link ncf__link--external"
|
|
94
|
-
}, "+44 (0) 207 755 6248"), ". Or contact us for additional support.")), /*#__PURE__*/_react["default"].createElement("p", {
|
|
95
|
-
className: "ncf__paragraph"
|
|
96
|
-
}, "We will automatically renew your subscription using the payment method provided unless you cancel before your renewal date. See our", ' ', /*#__PURE__*/_react["default"].createElement("a", {
|
|
97
|
-
className: "ncf__link ncf__link--external",
|
|
98
|
-
href: "http://help.ft.com/help/legal-privacy/terms-conditions/",
|
|
99
|
-
target: "_top",
|
|
100
|
-
rel: "noopener"
|
|
101
|
-
}, "Terms & Conditions"), ' ', "for details on how to cancel."), nextActionBottom);
|
|
102
|
-
}
|
|
103
|
-
Confirmation.propTypes = {
|
|
104
|
-
isTrial: _propTypes["default"].bool,
|
|
105
|
-
isB2cPartnership: _propTypes["default"].bool,
|
|
106
|
-
b2cPartnershipCopy: _propTypes["default"].array,
|
|
107
|
-
offer: _propTypes["default"].string.isRequired,
|
|
108
|
-
email: _propTypes["default"].string,
|
|
109
|
-
details: _propTypes["default"].arrayOf(_propTypes["default"].shape({
|
|
110
|
-
title: _propTypes["default"].string.isRequired,
|
|
111
|
-
data: _propTypes["default"].string.isRequired,
|
|
112
|
-
description: _propTypes["default"].string
|
|
113
|
-
})),
|
|
114
|
-
directDebitMandateUrl: _propTypes["default"].string,
|
|
115
|
-
nextActionTop: _propTypes["default"].node,
|
|
116
|
-
nextActionBottom: _propTypes["default"].node
|
|
117
|
-
};
|
package/dist/continue-reading.js
DELETED
|
@@ -1,45 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
Object.defineProperty(exports, "__esModule", {
|
|
5
|
-
value: true
|
|
6
|
-
});
|
|
7
|
-
exports.ContinueReading = ContinueReading;
|
|
8
|
-
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
9
|
-
var _react = _interopRequireDefault(require("react"));
|
|
10
|
-
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
11
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
12
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
13
|
-
function ContinueReading(_ref) {
|
|
14
|
-
var _ref$link = _ref.link,
|
|
15
|
-
link = _ref$link === void 0 ? null : _ref$link,
|
|
16
|
-
_ref$quote = _ref.quote,
|
|
17
|
-
quote = _ref$quote === void 0 ? '' : _ref$quote,
|
|
18
|
-
_ref$isEmbedded = _ref.isEmbedded,
|
|
19
|
-
isEmbedded = _ref$isEmbedded === void 0 ? false : _ref$isEmbedded;
|
|
20
|
-
var titleElement = link ? /*#__PURE__*/_react["default"].createElement("p", {
|
|
21
|
-
className: "ncf__continue-reading-title"
|
|
22
|
-
}, "You can now continue reading:") : /*#__PURE__*/_react["default"].createElement("p", {
|
|
23
|
-
className: "ncf__continue-reading-title"
|
|
24
|
-
}, "Become an FT subscriber to read:");
|
|
25
|
-
var aTagProps = _objectSpread(_objectSpread({
|
|
26
|
-
href: link
|
|
27
|
-
}, isEmbedded && {
|
|
28
|
-
target: '_top'
|
|
29
|
-
}), {}, {
|
|
30
|
-
className: 'ncf__button ncf__button--secondary'
|
|
31
|
-
});
|
|
32
|
-
var linkElement = link && /*#__PURE__*/_react["default"].createElement("p", {
|
|
33
|
-
className: "ncf__center"
|
|
34
|
-
}, /*#__PURE__*/_react["default"].createElement("a", aTagProps, "Continue reading"));
|
|
35
|
-
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
36
|
-
className: "ncf__continue-reading-wrapper"
|
|
37
|
-
}, titleElement, /*#__PURE__*/_react["default"].createElement("blockquote", {
|
|
38
|
-
className: "ncf__continue-reading-quote"
|
|
39
|
-
}, quote), linkElement);
|
|
40
|
-
}
|
|
41
|
-
ContinueReading.propTypes = {
|
|
42
|
-
link: _propTypes["default"].string,
|
|
43
|
-
quote: _propTypes["default"].string,
|
|
44
|
-
isEmbedded: _propTypes["default"].bool
|
|
45
|
-
};
|
package/dist/country.js
DELETED
|
@@ -1,106 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
Object.defineProperty(exports, "__esModule", {
|
|
5
|
-
value: true
|
|
6
|
-
});
|
|
7
|
-
exports.Country = Country;
|
|
8
|
-
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
10
|
-
var _classnames = _interopRequireDefault(require("classnames"));
|
|
11
|
-
var _countries = require("../utils/countries");
|
|
12
|
-
function Country(_ref) {
|
|
13
|
-
var additionalFieldInformation = _ref.additionalFieldInformation,
|
|
14
|
-
_ref$dataTrackable = _ref.dataTrackable,
|
|
15
|
-
dataTrackable = _ref$dataTrackable === void 0 ? 'field-country' : _ref$dataTrackable,
|
|
16
|
-
_ref$fieldId = _ref.fieldId,
|
|
17
|
-
fieldId = _ref$fieldId === void 0 ? 'countryField' : _ref$fieldId,
|
|
18
|
-
_ref$filterList = _ref.filterList,
|
|
19
|
-
filterList = _ref$filterList === void 0 ? [] : _ref$filterList,
|
|
20
|
-
_ref$hasError = _ref.hasError,
|
|
21
|
-
hasError = _ref$hasError === void 0 ? false : _ref$hasError,
|
|
22
|
-
_ref$inputId = _ref.inputId,
|
|
23
|
-
inputId = _ref$inputId === void 0 ? 'country' : _ref$inputId,
|
|
24
|
-
_ref$isB2b = _ref.isB2b,
|
|
25
|
-
isB2b = _ref$isB2b === void 0 ? false : _ref$isB2b,
|
|
26
|
-
_ref$isDisabled = _ref.isDisabled,
|
|
27
|
-
isDisabled = _ref$isDisabled === void 0 ? false : _ref$isDisabled,
|
|
28
|
-
_ref$isPlaceholderDis = _ref.isPlaceholderDisabled,
|
|
29
|
-
isPlaceholderDisabled = _ref$isPlaceholderDis === void 0 ? false : _ref$isPlaceholderDis,
|
|
30
|
-
value = _ref.value,
|
|
31
|
-
_ref$label = _ref.label,
|
|
32
|
-
label = _ref$label === void 0 ? "Country".concat(isB2b ? '/Region' : '') : _ref$label,
|
|
33
|
-
_ref$errorText = _ref.errorText,
|
|
34
|
-
errorText = _ref$errorText === void 0 ? "Please select your country".concat(isB2b ? '/region' : '') : _ref$errorText;
|
|
35
|
-
var selectWrapperClassName = (0, _classnames["default"])(['o-forms-input', 'o-forms-input--select', {
|
|
36
|
-
'o-forms-input--invalid': hasError
|
|
37
|
-
}]);
|
|
38
|
-
var selectProps = {
|
|
39
|
-
id: inputId,
|
|
40
|
-
'aria-required': true,
|
|
41
|
-
required: true,
|
|
42
|
-
name: inputId,
|
|
43
|
-
'data-trackable': dataTrackable,
|
|
44
|
-
disabled: isDisabled
|
|
45
|
-
};
|
|
46
|
-
var countries = (0, _countries.getCountries)({
|
|
47
|
-
filter: filterList,
|
|
48
|
-
value: value
|
|
49
|
-
});
|
|
50
|
-
var createOption = function createOption(country) {
|
|
51
|
-
return /*#__PURE__*/_react["default"].createElement("option", {
|
|
52
|
-
key: country.code,
|
|
53
|
-
value: country.code,
|
|
54
|
-
selected: country.selected
|
|
55
|
-
}, country.name);
|
|
56
|
-
};
|
|
57
|
-
var createOptGroup = function createOptGroup(country) {
|
|
58
|
-
return /*#__PURE__*/_react["default"].createElement("optgroup", {
|
|
59
|
-
key: country.label,
|
|
60
|
-
label: country.label
|
|
61
|
-
}, country.countries.map(function (country) {
|
|
62
|
-
return createOption(country);
|
|
63
|
-
}));
|
|
64
|
-
};
|
|
65
|
-
var createSelect = function createSelect(countries) {
|
|
66
|
-
return /*#__PURE__*/_react["default"].createElement("select", selectProps, /*#__PURE__*/_react["default"].createElement("option", {
|
|
67
|
-
value: "",
|
|
68
|
-
disabled: isPlaceholderDisabled
|
|
69
|
-
}, "Please select a country", isB2b ? '/region' : ''), countries.map(function (country) {
|
|
70
|
-
return country.label ? createOptGroup(country) : createOption(country);
|
|
71
|
-
}));
|
|
72
|
-
};
|
|
73
|
-
var fieldErrorClassNames = (0, _classnames["default"])(['o-forms-input__error', {
|
|
74
|
-
'additional-field-information__with-field-error': additionalFieldInformation
|
|
75
|
-
}]);
|
|
76
|
-
return /*#__PURE__*/_react["default"].createElement("label", {
|
|
77
|
-
id: fieldId,
|
|
78
|
-
className: "o-forms-field ncf__validation-error",
|
|
79
|
-
"data-validate": "required",
|
|
80
|
-
htmlFor: selectProps.id
|
|
81
|
-
}, /*#__PURE__*/_react["default"].createElement("span", {
|
|
82
|
-
className: "o-forms-title"
|
|
83
|
-
}, /*#__PURE__*/_react["default"].createElement("span", {
|
|
84
|
-
className: "o-forms-title__main"
|
|
85
|
-
}, label)), /*#__PURE__*/_react["default"].createElement("span", {
|
|
86
|
-
className: selectWrapperClassName
|
|
87
|
-
}, createSelect(countries), /*#__PURE__*/_react["default"].createElement("span", {
|
|
88
|
-
className: fieldErrorClassNames
|
|
89
|
-
}, errorText), additionalFieldInformation ? /*#__PURE__*/_react["default"].createElement("p", {
|
|
90
|
-
className: "additional-field-information"
|
|
91
|
-
}, additionalFieldInformation) : null));
|
|
92
|
-
}
|
|
93
|
-
Country.propTypes = {
|
|
94
|
-
additionalFieldInformation: _propTypes["default"].node,
|
|
95
|
-
dataTrackable: _propTypes["default"].string,
|
|
96
|
-
errorText: _propTypes["default"].string,
|
|
97
|
-
fieldId: _propTypes["default"].string,
|
|
98
|
-
filterList: _propTypes["default"].arrayOf(_propTypes["default"].string),
|
|
99
|
-
hasError: _propTypes["default"].bool,
|
|
100
|
-
inputId: _propTypes["default"].string,
|
|
101
|
-
isB2b: _propTypes["default"].bool,
|
|
102
|
-
isDisabled: _propTypes["default"].bool,
|
|
103
|
-
isPlaceholderDisabled: _propTypes["default"].bool,
|
|
104
|
-
label: _propTypes["default"].string,
|
|
105
|
-
value: _propTypes["default"].string
|
|
106
|
-
};
|
package/dist/customer-care.js
DELETED
|
@@ -1,52 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
Object.defineProperty(exports, "__esModule", {
|
|
5
|
-
value: true
|
|
6
|
-
});
|
|
7
|
-
exports.CustomerCare = CustomerCare;
|
|
8
|
-
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
10
|
-
var _classnames = _interopRequireDefault(require("classnames"));
|
|
11
|
-
var DEFAULT_HEADER_TEXT = 'Sorry, this is not available online';
|
|
12
|
-
var DEFAULT_MESSAGE_TEXT = 'Speak now to our Customer Care team to discuss your options';
|
|
13
|
-
function CustomerCare(_ref) {
|
|
14
|
-
var _ref$header = _ref.header,
|
|
15
|
-
header = _ref$header === void 0 ? DEFAULT_HEADER_TEXT : _ref$header,
|
|
16
|
-
_ref$isCompact = _ref.isCompact,
|
|
17
|
-
isCompact = _ref$isCompact === void 0 ? false : _ref$isCompact,
|
|
18
|
-
_ref$message = _ref.message,
|
|
19
|
-
message = _ref$message === void 0 ? DEFAULT_MESSAGE_TEXT : _ref$message;
|
|
20
|
-
var className = (0, _classnames["default"])(['ncf__wrapper', 'ncf__center', 'ncf__customer-care', {
|
|
21
|
-
'ncf__customer-care--compact': isCompact === true
|
|
22
|
-
}]);
|
|
23
|
-
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
24
|
-
className: className
|
|
25
|
-
}, (header || message) && /*#__PURE__*/_react["default"].createElement("div", {
|
|
26
|
-
className: "ncf__paragraph"
|
|
27
|
-
}, header && /*#__PURE__*/_react["default"].createElement("h1", {
|
|
28
|
-
className: "ncf__header"
|
|
29
|
-
}, header), message && /*#__PURE__*/_react["default"].createElement("p", {
|
|
30
|
-
id: "customer-care-message"
|
|
31
|
-
}, message)), /*#__PURE__*/_react["default"].createElement("div", {
|
|
32
|
-
className: "ncf__paragraph"
|
|
33
|
-
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
34
|
-
className: "ncf__icon ncf__icon--phone ncf__icon--large"
|
|
35
|
-
}), /*#__PURE__*/_react["default"].createElement("p", null, "International Toll Free Number"), /*#__PURE__*/_react["default"].createElement("p", {
|
|
36
|
-
className: "ncf__customer-care__phone"
|
|
37
|
-
}, /*#__PURE__*/_react["default"].createElement("a", {
|
|
38
|
-
id: "customer-care-international-number",
|
|
39
|
-
className: "ncf__header ncf__link",
|
|
40
|
-
href: "tel:+80007056477"
|
|
41
|
-
}, "+ 800 0705 6477"))), /*#__PURE__*/_react["default"].createElement("div", {
|
|
42
|
-
className: "ncf__paragraph"
|
|
43
|
-
}, /*#__PURE__*/_react["default"].createElement("a", {
|
|
44
|
-
className: "ncf__link",
|
|
45
|
-
href: "https://help.ft.com/help/contact-us/"
|
|
46
|
-
}, "Find a local phone number")));
|
|
47
|
-
}
|
|
48
|
-
CustomerCare.propTypes = {
|
|
49
|
-
header: _propTypes["default"].string,
|
|
50
|
-
isCompact: _propTypes["default"].bool,
|
|
51
|
-
message: _propTypes["default"].string
|
|
52
|
-
};
|