@financial-times/n-conversion-forms 27.6.3 → 27.7.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/build-state/npm-shrinkwrap.json +13111 -15001
- package/components/__snapshots__/accept-terms.spec.js.snap +4 -4
- package/components/__snapshots__/delivery-address.spec.js.snap +2 -2
- package/components/__snapshots__/delivery-option.spec.js.snap +1 -1
- package/components/__snapshots__/delivery-po-box.spec.js.snap +1 -1
- package/components/accept-terms.jsx +4 -4
- package/components/delivery-address-map.jsx +92 -56
- package/components/delivery-address.jsx +38 -9
- package/components/delivery-po-box.jsx +2 -2
- package/dist/accept-terms.js +39 -61
- package/dist/app-banner.js +0 -3
- package/dist/b2c-partnership-confirmation.js +1 -6
- package/dist/billing-city.js +7 -13
- package/dist/billing-country.js +10 -21
- package/dist/billing-postcode.js +16 -22
- package/dist/company-name.js +21 -27
- package/dist/confirmation.js +17 -31
- package/dist/continue-reading.js +5 -16
- package/dist/country.js +13 -24
- package/dist/customer-care.js +5 -12
- package/dist/debug.js +5 -10
- package/dist/decision-maker.js +3 -15
- package/dist/deferred-billing-terms.js +15 -28
- package/dist/delivery-address-map.js +40 -11
- package/dist/delivery-address-type.js +11 -17
- package/dist/delivery-address.js +21 -33
- package/dist/delivery-city.js +7 -14
- package/dist/delivery-county.js +5 -11
- package/dist/delivery-instructions.js +16 -30
- package/dist/delivery-option.js +12 -21
- package/dist/delivery-po-box.js +17 -24
- package/dist/delivery-postcode.js +13 -24
- package/dist/delivery-security-instructions.js +15 -26
- package/dist/delivery-start-date.js +13 -24
- package/dist/education-job-title.js +13 -19
- package/dist/email.js +27 -33
- package/dist/error-page.js +4 -9
- package/dist/fieldset.js +13 -24
- package/dist/first-name.js +18 -24
- package/dist/form.js +4 -9
- package/dist/google-sign-in.js +0 -5
- package/dist/graduation-date.js +9 -21
- package/dist/index.js +0 -57
- package/dist/industry.js +17 -25
- package/dist/job-title.js +13 -19
- package/dist/last-name.js +18 -24
- package/dist/licence-confirmation.js +13 -23
- package/dist/licence-header.js +11 -20
- package/dist/licence-sign-in.js +3 -11
- package/dist/licence-title.js +5 -14
- package/dist/lite-sub-confirmation.js +9 -19
- package/dist/loader.js +3 -14
- package/dist/message.js +15 -22
- package/dist/message.spec.js +0 -6
- package/dist/organisation.js +18 -24
- package/dist/package-change.js +2 -7
- package/dist/password.js +24 -30
- package/dist/payment-term.js +25 -51
- package/dist/payment-type.js +20 -42
- package/dist/personal-title.js +17 -24
- package/dist/phone.js +21 -27
- package/dist/position.js +19 -27
- package/dist/progress-indicator.js +3 -12
- package/dist/province.js +15 -23
- package/dist/registration-confirmation.js +5 -11
- package/dist/responsibility.js +19 -27
- package/dist/section.js +0 -5
- package/dist/state.js +15 -23
- package/dist/submit.js +11 -16
- package/dist/text-input.js +18 -24
- package/dist/trial-banner.js +1 -6
- package/helpers/constants.js +11 -2
- package/package.json +8 -8
- package/utils/delivery-option-messages.js +2 -2
- package/utils/delivery-option-messages.spec.js +2 -2
package/dist/payment-term.js
CHANGED
|
@@ -1,47 +1,37 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
7
|
exports.PaymentTerm = PaymentTerm;
|
|
9
|
-
|
|
10
8
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
11
|
-
|
|
12
9
|
var _react = _interopRequireDefault(require("react"));
|
|
13
|
-
|
|
14
10
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
15
|
-
|
|
16
11
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
17
|
-
|
|
18
12
|
var _nPricing = require("@financial-times/n-pricing");
|
|
19
|
-
|
|
20
13
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
|
|
21
|
-
|
|
22
14
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
|
23
|
-
|
|
24
15
|
function PaymentTerm(_ref) {
|
|
25
16
|
var _ref$fieldId = _ref.fieldId,
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
17
|
+
fieldId = _ref$fieldId === void 0 ? 'paymentTermField' : _ref$fieldId,
|
|
18
|
+
_ref$inputName = _ref.inputName,
|
|
19
|
+
inputName = _ref$inputName === void 0 ? 'paymentTerm' : _ref$inputName,
|
|
20
|
+
_ref$isPrintOrBundle = _ref.isPrintOrBundle,
|
|
21
|
+
isPrintOrBundle = _ref$isPrintOrBundle === void 0 ? false : _ref$isPrintOrBundle,
|
|
22
|
+
_ref$isEpaper = _ref.isEpaper,
|
|
23
|
+
isEpaper = _ref$isEpaper === void 0 ? false : _ref$isEpaper,
|
|
24
|
+
_ref$options = _ref.options,
|
|
25
|
+
options = _ref$options === void 0 ? [] : _ref$options,
|
|
26
|
+
_ref$isFixedTermOffer = _ref.isFixedTermOffer,
|
|
27
|
+
isFixedTermOffer = _ref$isFixedTermOffer === void 0 ? false : _ref$isFixedTermOffer,
|
|
28
|
+
offerDisplayName = _ref.offerDisplayName,
|
|
29
|
+
_ref$showLegal = _ref.showLegal,
|
|
30
|
+
showLegal = _ref$showLegal === void 0 ? true : _ref$showLegal,
|
|
31
|
+
_ref$largePrice = _ref.largePrice,
|
|
32
|
+
largePrice = _ref$largePrice === void 0 ? false : _ref$largePrice,
|
|
33
|
+
_ref$optionsInARow = _ref.optionsInARow,
|
|
34
|
+
optionsInARow = _ref$optionsInARow === void 0 ? false : _ref$optionsInARow;
|
|
45
35
|
/**
|
|
46
36
|
* Compute monthly price for given term name
|
|
47
37
|
* @param {number} amount price in number format
|
|
@@ -57,20 +47,18 @@ function PaymentTerm(_ref) {
|
|
|
57
47
|
currency: currency
|
|
58
48
|
}).getAmount('monthly');
|
|
59
49
|
};
|
|
50
|
+
|
|
60
51
|
/**
|
|
61
52
|
* returns period converted to time if found
|
|
62
53
|
* otherwise returns empty string to avoid show information not mapped
|
|
63
54
|
* @param {string} period PxY (yearly) or PxM (montly) where x is the amount of years/months
|
|
64
55
|
* @returns {string}
|
|
65
56
|
*/
|
|
66
|
-
|
|
67
|
-
|
|
68
57
|
var getTimeFromPeriod = function getTimeFromPeriod(period) {
|
|
69
58
|
var freq = period.substring(period.length - 1) === 'Y' ? 'years' : 'months';
|
|
70
59
|
var amount = period.substring(1, period.length - 1);
|
|
71
60
|
return period ? "".concat(amount, " ").concat(freq) : '';
|
|
72
61
|
};
|
|
73
|
-
|
|
74
62
|
var isValidPeriod = function isValidPeriod(period) {
|
|
75
63
|
try {
|
|
76
64
|
// Period should throw an error if it is not properly provided
|
|
@@ -81,7 +69,6 @@ function PaymentTerm(_ref) {
|
|
|
81
69
|
return false;
|
|
82
70
|
}
|
|
83
71
|
};
|
|
84
|
-
|
|
85
72
|
var nameMap = {
|
|
86
73
|
annual: {
|
|
87
74
|
title: 'Annual',
|
|
@@ -172,12 +159,10 @@ function PaymentTerm(_ref) {
|
|
|
172
159
|
}
|
|
173
160
|
}
|
|
174
161
|
};
|
|
175
|
-
|
|
176
162
|
var createPaymentTerm = function createPaymentTerm(option) {
|
|
177
163
|
var className = (0, _classnames["default"])(['ncf__payment-term__item', 'o-forms-input--radio-round', {
|
|
178
164
|
'ncf__payment-term__item--discount': option.discount
|
|
179
165
|
}]);
|
|
180
|
-
|
|
181
166
|
var props = _objectSpread({
|
|
182
167
|
type: 'radio',
|
|
183
168
|
id: option.value,
|
|
@@ -188,19 +173,16 @@ function PaymentTerm(_ref) {
|
|
|
188
173
|
}, option.selected && {
|
|
189
174
|
defaultChecked: true
|
|
190
175
|
});
|
|
191
|
-
|
|
192
176
|
var createDiscount = function createDiscount() {
|
|
193
177
|
return option.discount && /*#__PURE__*/_react["default"].createElement("span", {
|
|
194
178
|
className: "ncf__payment-term__discount"
|
|
195
179
|
}, option.bestOffer ? 'Best offer' : "Save ".concat(option.discount, " off RRP"));
|
|
196
180
|
};
|
|
197
|
-
|
|
198
181
|
var createB2cDiscountCopy = function createB2cDiscountCopy() {
|
|
199
182
|
return option.name === 'annual' && option.b2cPartnership && option.b2cDiscountCopy && /*#__PURE__*/_react["default"].createElement("span", {
|
|
200
183
|
className: "ncf__payment-term__discount"
|
|
201
184
|
}, option.b2cDiscountCopy);
|
|
202
185
|
};
|
|
203
|
-
|
|
204
186
|
var createDescription = function createDescription() {
|
|
205
187
|
return option.isTrial ? /*#__PURE__*/_react["default"].createElement("div", {
|
|
206
188
|
className: "ncf__payment-term__description"
|
|
@@ -208,7 +190,8 @@ function PaymentTerm(_ref) {
|
|
|
208
190
|
className: "ncf__payment-term__trial-price"
|
|
209
191
|
}, option.trialPrice), /*#__PURE__*/_react["default"].createElement("br", null), nameMap[option.name] && nameMap[option.name].trialPrice(option.price)) : /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, nameMap[option.name] ? /*#__PURE__*/_react["default"].createElement("div", {
|
|
210
192
|
className: "ncf__payment-term__description"
|
|
211
|
-
}, nameMap[option.name].price(option.price), nameMap[option.name].monthlyPrice(option.monthlyPrice), nameMap[option.name].renewsText(isFixedTermOffer)) :
|
|
193
|
+
}, nameMap[option.name].price(option.price), nameMap[option.name].monthlyPrice(option.monthlyPrice), nameMap[option.name].renewsText(isFixedTermOffer)) :
|
|
194
|
+
// this should cover the cases different than annual, quarterly and monthly
|
|
212
195
|
// for those containing period on option.value, render custom template, for the rest keep legacy render
|
|
213
196
|
isValidPeriod(option.value) ? /*#__PURE__*/_react["default"].createElement("div", {
|
|
214
197
|
className: "ncf__payment-term__description"
|
|
@@ -218,38 +201,31 @@ function PaymentTerm(_ref) {
|
|
|
218
201
|
className: "ncf__payment-term__charge-on-text"
|
|
219
202
|
}, option.chargeOnText)));
|
|
220
203
|
};
|
|
221
|
-
|
|
222
204
|
var getTermDisplayName = function getTermDisplayName() {
|
|
223
205
|
var showTrialCopyInTitle = option.isTrial && !isPrintOrBundle && !isEpaper;
|
|
224
206
|
var defaultTitle = option.name && nameMap[option.name] ? nameMap[option.name].title : '';
|
|
225
207
|
var title = isFixedTermOffer ? "".concat(offerDisplayName, " - ").concat(defaultTitle) : defaultTitle;
|
|
226
208
|
var termDisplayName = '';
|
|
227
|
-
|
|
228
209
|
if (showTrialCopyInTitle) {
|
|
229
210
|
var termName = option.displayName ? option.displayName : 'Premium Digital';
|
|
230
211
|
termDisplayName = "Trial: ".concat(termName, " - ");
|
|
231
212
|
}
|
|
232
|
-
|
|
233
213
|
var getTermPeriod = function getTermPeriod() {
|
|
234
214
|
// annual, quarterly and monthly
|
|
235
215
|
if (nameMap[option.name]) {
|
|
236
216
|
return title;
|
|
237
|
-
}
|
|
238
|
-
|
|
239
|
-
|
|
217
|
+
}
|
|
218
|
+
// custom offer with period provided
|
|
240
219
|
if (isValidPeriod(option.value)) {
|
|
241
220
|
return getTimeFromPeriod(option.value);
|
|
242
|
-
}
|
|
243
|
-
|
|
244
|
-
|
|
221
|
+
}
|
|
222
|
+
// custom legacy cases, where period is not provided
|
|
245
223
|
return option.title;
|
|
246
224
|
};
|
|
247
|
-
|
|
248
225
|
var termPeriod = getTermPeriod();
|
|
249
226
|
termDisplayName = "".concat(termDisplayName).concat(termPeriod, " ");
|
|
250
227
|
return termDisplayName;
|
|
251
228
|
};
|
|
252
|
-
|
|
253
229
|
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
254
230
|
key: option.value,
|
|
255
231
|
className: className
|
|
@@ -264,7 +240,6 @@ function PaymentTerm(_ref) {
|
|
|
264
240
|
className: "ncf__regular ncf__payment-term__sub-title"
|
|
265
241
|
}, option.subTitle)), createDescription()));
|
|
266
242
|
};
|
|
267
|
-
|
|
268
243
|
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
269
244
|
id: fieldId,
|
|
270
245
|
className: "o-forms__group ncf__payment-term"
|
|
@@ -288,7 +263,6 @@ function PaymentTerm(_ref) {
|
|
|
288
263
|
rel: "noopener noreferrer"
|
|
289
264
|
}, "Terms & Conditions"), "."))));
|
|
290
265
|
}
|
|
291
|
-
|
|
292
266
|
PaymentTerm.propTypes = {
|
|
293
267
|
fieldId: _propTypes["default"].string,
|
|
294
268
|
inputName: _propTypes["default"].string,
|
package/dist/payment-type.js
CHANGED
|
@@ -1,26 +1,17 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
7
|
exports.PaymentType = PaymentType;
|
|
9
|
-
|
|
10
8
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
11
|
-
|
|
12
9
|
var _react = _interopRequireDefault(require("react"));
|
|
13
|
-
|
|
14
10
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
15
|
-
|
|
16
11
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
17
|
-
|
|
18
12
|
var _loader = require("./loader");
|
|
19
|
-
|
|
20
13
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
|
|
21
|
-
|
|
22
14
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
|
23
|
-
|
|
24
15
|
var PaypalCustomerCareMessage = function PaypalCustomerCareMessage() {
|
|
25
16
|
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
26
17
|
className: "ncf__payment-type-paypal-message"
|
|
@@ -38,30 +29,28 @@ var PaypalCustomerCareMessage = function PaypalCustomerCareMessage() {
|
|
|
38
29
|
href: "https://help.ft.com"
|
|
39
30
|
}, "contact Customer Care"), ".")))));
|
|
40
31
|
};
|
|
41
|
-
|
|
42
32
|
function PaymentType(_ref) {
|
|
43
33
|
var _ref$enableApplepay = _ref.enableApplepay,
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
34
|
+
enableApplepay = _ref$enableApplepay === void 0 ? false : _ref$enableApplepay,
|
|
35
|
+
_ref$enableCreditcard = _ref.enableCreditcard,
|
|
36
|
+
enableCreditcard = _ref$enableCreditcard === void 0 ? false : _ref$enableCreditcard,
|
|
37
|
+
_ref$enableDirectdebi = _ref.enableDirectdebit,
|
|
38
|
+
enableDirectdebit = _ref$enableDirectdebi === void 0 ? false : _ref$enableDirectdebi,
|
|
39
|
+
_ref$enablePaypal = _ref.enablePaypal,
|
|
40
|
+
enablePaypal = _ref$enablePaypal === void 0 ? false : _ref$enablePaypal,
|
|
41
|
+
_ref$showLoaderOnInit = _ref.showLoaderOnInit,
|
|
42
|
+
showLoaderOnInit = _ref$showLoaderOnInit === void 0 ? false : _ref$showLoaderOnInit,
|
|
43
|
+
_ref$showPaypalCustom = _ref.showPaypalCustomerCareMessage,
|
|
44
|
+
showPaypalCustomerCareMessage = _ref$showPaypalCustom === void 0 ? false : _ref$showPaypalCustom,
|
|
45
|
+
_ref$fieldId = _ref.fieldId,
|
|
46
|
+
fieldId = _ref$fieldId === void 0 ? 'paymentTypeField' : _ref$fieldId,
|
|
47
|
+
_ref$inputId = _ref.inputId,
|
|
48
|
+
inputId = _ref$inputId === void 0 ? 'paymentType' : _ref$inputId,
|
|
49
|
+
value = _ref.value,
|
|
50
|
+
_ref$isSingleTerm = _ref.isSingleTerm,
|
|
51
|
+
isSingleTerm = _ref$isSingleTerm === void 0 ? false : _ref$isSingleTerm,
|
|
52
|
+
_ref$isSingleTermChec = _ref.isSingleTermChecked,
|
|
53
|
+
isSingleTermChecked = _ref$isSingleTermChec === void 0 ? false : _ref$isSingleTermChec;
|
|
65
54
|
var createSecuritySeal = function createSecuritySeal() {
|
|
66
55
|
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
67
56
|
className: "ncf__security-seal",
|
|
@@ -70,13 +59,11 @@ function PaymentType(_ref) {
|
|
|
70
59
|
}
|
|
71
60
|
});
|
|
72
61
|
};
|
|
73
|
-
|
|
74
62
|
var paymentTypeCreditCard = {
|
|
75
63
|
id: 'creditcard',
|
|
76
64
|
label: 'Credit / Debit Card',
|
|
77
65
|
hide: !enableCreditcard
|
|
78
66
|
};
|
|
79
|
-
|
|
80
67
|
var paymentTypePaypal = function paymentTypePaypal() {
|
|
81
68
|
if (showPaypalCustomerCareMessage) {
|
|
82
69
|
return PaypalCustomerCareMessage();
|
|
@@ -88,7 +75,6 @@ function PaymentType(_ref) {
|
|
|
88
75
|
};
|
|
89
76
|
}
|
|
90
77
|
};
|
|
91
|
-
|
|
92
78
|
var paymentTypeDirectDebit = {
|
|
93
79
|
id: 'directdebit',
|
|
94
80
|
label: 'Direct Debit',
|
|
@@ -99,7 +85,6 @@ function PaymentType(_ref) {
|
|
|
99
85
|
label: 'Apple Pay',
|
|
100
86
|
hide: !enableApplepay
|
|
101
87
|
};
|
|
102
|
-
|
|
103
88
|
var createPaymentTypes = function createPaymentTypes() {
|
|
104
89
|
var paymentTypes = [paymentTypeCreditCard, paymentTypePaypal(), paymentTypeDirectDebit, paymentTypeApplePay];
|
|
105
90
|
return paymentTypes.map(function (type) {
|
|
@@ -115,7 +100,6 @@ function PaymentType(_ref) {
|
|
|
115
100
|
}, value === type.id && {
|
|
116
101
|
defaultChecked: true
|
|
117
102
|
});
|
|
118
|
-
|
|
119
103
|
var className = (0, _classnames["default"])(['o-forms-input--radio-box__container', 'ncf__payment-type', "ncf__payment-type--".concat(type.id), {
|
|
120
104
|
ncf__hidden: type.hide
|
|
121
105
|
}]);
|
|
@@ -131,7 +115,6 @@ function PaymentType(_ref) {
|
|
|
131
115
|
}
|
|
132
116
|
});
|
|
133
117
|
};
|
|
134
|
-
|
|
135
118
|
var createDirectDebitPanel = function createDirectDebitPanel() {
|
|
136
119
|
return enableDirectdebit && /*#__PURE__*/_react["default"].createElement("div", {
|
|
137
120
|
className: "ncf__payment-type-panel ncf__payment-type-panel--directdebit ncf__hidden"
|
|
@@ -150,7 +133,6 @@ function PaymentType(_ref) {
|
|
|
150
133
|
className: "ncf__directdebit-guarantee-list o-expander__content"
|
|
151
134
|
}, /*#__PURE__*/_react["default"].createElement("li", null, "This Guarantee is offered by all banks and building societies that accept instructions to pay Direct Debits."), /*#__PURE__*/_react["default"].createElement("li", null, "If there are any changes to the amount, date or frequency of your Direct Debit GoCardless re: The Financial Times will notify you 3 working days in advance of your account being debited or as otherwise agreed. If you request GoCardless Ltd re: The Financial Times to collect a payment, confirmation of the amount and date will be given to you at the time of the request."), /*#__PURE__*/_react["default"].createElement("li", null, "If an error is made in the payment of your Direct Debit, by GoCardless Ltd re: The Financial Times or your bank or building society, you are entitled to a full and immediate refund of the amount paid from your bank or building society."), /*#__PURE__*/_react["default"].createElement("li", null, "If you receive a refund you are not entitled to, you must pay it back when GoCardless Ltd re: The Financial Times asks you to."), /*#__PURE__*/_react["default"].createElement("li", null, "You can cancel a Direct Debit at any time by simply contacting your bank or building society. Written confirmation may be required. Please also notify us."))));
|
|
152
135
|
};
|
|
153
|
-
|
|
154
136
|
var createZuoraPanel = function createZuoraPanel() {
|
|
155
137
|
return (enableDirectdebit || enableCreditcard) && /*#__PURE__*/_react["default"].createElement("div", {
|
|
156
138
|
className: "ncf__payment-type-panel ncf__payment-type-panel--creditcard ncf__payment-type-panel--directdebit ncf__hidden"
|
|
@@ -175,7 +157,6 @@ function PaymentType(_ref) {
|
|
|
175
157
|
src: "https://static.zuora.com/Resources/libs/hosted/1.3.1/zuora-min.js"
|
|
176
158
|
}));
|
|
177
159
|
};
|
|
178
|
-
|
|
179
160
|
var createLoaderOnInit = function createLoaderOnInit() {
|
|
180
161
|
return showLoaderOnInit && /*#__PURE__*/_react["default"].createElement(_loader.Loader, {
|
|
181
162
|
inElement: true,
|
|
@@ -183,7 +164,6 @@ function PaymentType(_ref) {
|
|
|
183
164
|
title: "Loading payment form..."
|
|
184
165
|
});
|
|
185
166
|
};
|
|
186
|
-
|
|
187
167
|
var inputCheckProps = _objectSpread({
|
|
188
168
|
id: 'payFasterNextTime',
|
|
189
169
|
type: 'checkbox',
|
|
@@ -194,7 +174,6 @@ function PaymentType(_ref) {
|
|
|
194
174
|
}, isSingleTermChecked && {
|
|
195
175
|
defaultChecked: true
|
|
196
176
|
});
|
|
197
|
-
|
|
198
177
|
return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, createSecuritySeal(), /*#__PURE__*/_react["default"].createElement("div", {
|
|
199
178
|
id: fieldId,
|
|
200
179
|
className: "o-forms-field"
|
|
@@ -211,7 +190,6 @@ function PaymentType(_ref) {
|
|
|
211
190
|
className: "o-forms-input__label"
|
|
212
191
|
}, "Use these details to pay faster next time")))));
|
|
213
192
|
}
|
|
214
|
-
|
|
215
193
|
PaymentType.propTypes = {
|
|
216
194
|
enableApplepay: _propTypes["default"].bool,
|
|
217
195
|
enableCreditcard: _propTypes["default"].bool,
|
package/dist/personal-title.js
CHANGED
|
@@ -1,19 +1,14 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
7
|
exports.PersonalTitle = PersonalTitle;
|
|
9
8
|
exports.defaultPersonalTitles = void 0;
|
|
10
|
-
|
|
11
9
|
var _react = _interopRequireDefault(require("react"));
|
|
12
|
-
|
|
13
10
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
14
|
-
|
|
15
11
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
16
|
-
|
|
17
12
|
var defaultPersonalTitles = [{
|
|
18
13
|
code: 'Mr',
|
|
19
14
|
description: 'Mr'
|
|
@@ -28,25 +23,24 @@ var defaultPersonalTitles = [{
|
|
|
28
23
|
description: 'Ms'
|
|
29
24
|
}];
|
|
30
25
|
exports.defaultPersonalTitles = defaultPersonalTitles;
|
|
31
|
-
|
|
32
26
|
function PersonalTitle(_ref) {
|
|
33
27
|
var value = _ref.value,
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
28
|
+
_ref$isDisabled = _ref.isDisabled,
|
|
29
|
+
isDisabled = _ref$isDisabled === void 0 ? false : _ref$isDisabled,
|
|
30
|
+
_ref$hasError = _ref.hasError,
|
|
31
|
+
hasError = _ref$hasError === void 0 ? false : _ref$hasError,
|
|
32
|
+
_ref$fieldId = _ref.fieldId,
|
|
33
|
+
fieldId = _ref$fieldId === void 0 ? 'titleField' : _ref$fieldId,
|
|
34
|
+
_ref$selectId = _ref.selectId,
|
|
35
|
+
selectId = _ref$selectId === void 0 ? 'title' : _ref$selectId,
|
|
36
|
+
_ref$selectName = _ref.selectName,
|
|
37
|
+
selectName = _ref$selectName === void 0 ? 'title' : _ref$selectName,
|
|
38
|
+
_ref$options = _ref.options,
|
|
39
|
+
options = _ref$options === void 0 ? defaultPersonalTitles : _ref$options,
|
|
40
|
+
_ref$fieldLabel = _ref.fieldLabel,
|
|
41
|
+
fieldLabel = _ref$fieldLabel === void 0 ? 'Title' : _ref$fieldLabel,
|
|
42
|
+
_ref$isRequired = _ref.isRequired,
|
|
43
|
+
isRequired = _ref$isRequired === void 0 ? true : _ref$isRequired;
|
|
50
44
|
var inputWrapperClassName = (0, _classnames["default"])(['o-forms-input', 'o-forms-input--select', {
|
|
51
45
|
'o-forms-input--invalid': hasError
|
|
52
46
|
}]);
|
|
@@ -75,7 +69,7 @@ function PersonalTitle(_ref) {
|
|
|
75
69
|
value: ""
|
|
76
70
|
}, "Please select a title"), options.map(function (_ref2) {
|
|
77
71
|
var code = _ref2.code,
|
|
78
|
-
|
|
72
|
+
description = _ref2.description;
|
|
79
73
|
return /*#__PURE__*/_react["default"].createElement("option", {
|
|
80
74
|
key: code,
|
|
81
75
|
value: code
|
|
@@ -84,7 +78,6 @@ function PersonalTitle(_ref) {
|
|
|
84
78
|
className: "o-forms-input__error"
|
|
85
79
|
}, "Please select your personal title")));
|
|
86
80
|
}
|
|
87
|
-
|
|
88
81
|
PersonalTitle.propTypes = {
|
|
89
82
|
value: _propTypes["default"].string,
|
|
90
83
|
isDisabled: _propTypes["default"].bool,
|
package/dist/phone.js
CHANGED
|
@@ -1,41 +1,36 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
7
|
exports.Phone = Phone;
|
|
9
|
-
|
|
10
8
|
var _react = _interopRequireDefault(require("react"));
|
|
11
|
-
|
|
12
9
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
13
|
-
|
|
14
10
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
15
|
-
|
|
16
11
|
function Phone(_ref) {
|
|
17
12
|
var _ref$hasError = _ref.hasError,
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
13
|
+
hasError = _ref$hasError === void 0 ? false : _ref$hasError,
|
|
14
|
+
_ref$isB2b = _ref.isB2b,
|
|
15
|
+
isB2b = _ref$isB2b === void 0 ? false : _ref$isB2b,
|
|
16
|
+
_ref$isDisabled = _ref.isDisabled,
|
|
17
|
+
isDisabled = _ref$isDisabled === void 0 ? false : _ref$isDisabled,
|
|
18
|
+
_ref$isRequired = _ref.isRequired,
|
|
19
|
+
isRequired = _ref$isRequired === void 0 ? true : _ref$isRequired,
|
|
20
|
+
_ref$value = _ref.value,
|
|
21
|
+
value = _ref$value === void 0 ? '' : _ref$value,
|
|
22
|
+
_ref$pattern = _ref.pattern,
|
|
23
|
+
pattern = _ref$pattern === void 0 ? '' : _ref$pattern,
|
|
24
|
+
_ref$fieldId = _ref.fieldId,
|
|
25
|
+
fieldId = _ref$fieldId === void 0 ? 'primaryTelephoneField' : _ref$fieldId,
|
|
26
|
+
_ref$inputId = _ref.inputId,
|
|
27
|
+
inputId = _ref$inputId === void 0 ? 'primaryTelephone' : _ref$inputId,
|
|
28
|
+
_ref$inputName = _ref.inputName,
|
|
29
|
+
inputName = _ref$inputName === void 0 ? 'primaryTelephone' : _ref$inputName,
|
|
30
|
+
_ref$dataTrackable = _ref.dataTrackable,
|
|
31
|
+
dataTrackable = _ref$dataTrackable === void 0 ? 'field-phone' : _ref$dataTrackable,
|
|
32
|
+
_ref$isEducationalLic = _ref.isEducationalLicence,
|
|
33
|
+
isEducationalLicence = _ref$isEducationalLic === void 0 ? false : _ref$isEducationalLic;
|
|
39
34
|
var labelText = isB2b && !isEducationalLicence ? 'Work phone number' : 'Phone number';
|
|
40
35
|
var descriptionId = 'phone-description';
|
|
41
36
|
var inputWrapperClassNames = (0, _classnames["default"])(['o-forms-input', 'o-forms-input--text', {
|
|
@@ -76,7 +71,6 @@ function Phone(_ref) {
|
|
|
76
71
|
className: "o-forms-input__error"
|
|
77
72
|
}, "This phone number is not valid")));
|
|
78
73
|
}
|
|
79
|
-
|
|
80
74
|
Phone.propTypes = {
|
|
81
75
|
hasError: _propTypes["default"].bool,
|
|
82
76
|
isB2b: _propTypes["default"].bool,
|
package/dist/position.js
CHANGED
|
@@ -1,43 +1,36 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
7
|
exports.Position = Position;
|
|
9
|
-
|
|
10
8
|
var _react = _interopRequireDefault(require("react"));
|
|
11
|
-
|
|
12
9
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
13
|
-
|
|
14
10
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
15
|
-
|
|
16
11
|
var _nCommonStaticData = require("n-common-static-data");
|
|
17
|
-
|
|
18
12
|
var B2CPositions = _nCommonStaticData.demographics.positions.positions;
|
|
19
13
|
var B2BPositions = _nCommonStaticData.b2b.demographics.positions.positions;
|
|
20
|
-
|
|
21
14
|
function Position(_ref) {
|
|
22
15
|
var value = _ref.value,
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
16
|
+
_ref$isDisabled = _ref.isDisabled,
|
|
17
|
+
isDisabled = _ref$isDisabled === void 0 ? false : _ref$isDisabled,
|
|
18
|
+
_ref$hasError = _ref.hasError,
|
|
19
|
+
hasError = _ref$hasError === void 0 ? false : _ref$hasError,
|
|
20
|
+
_ref$fieldId = _ref.fieldId,
|
|
21
|
+
fieldId = _ref$fieldId === void 0 ? 'positionField' : _ref$fieldId,
|
|
22
|
+
_ref$selectId = _ref.selectId,
|
|
23
|
+
selectId = _ref$selectId === void 0 ? 'position' : _ref$selectId,
|
|
24
|
+
_ref$selectName = _ref.selectName,
|
|
25
|
+
selectName = _ref$selectName === void 0 ? 'position' : _ref$selectName,
|
|
26
|
+
_ref$isB2B = _ref.isB2B,
|
|
27
|
+
isB2B = _ref$isB2B === void 0 ? false : _ref$isB2B,
|
|
28
|
+
_ref$options = _ref.options,
|
|
29
|
+
options = _ref$options === void 0 ? isB2B ? B2BPositions : B2CPositions : _ref$options,
|
|
30
|
+
_ref$isRequired = _ref.isRequired,
|
|
31
|
+
isRequired = _ref$isRequired === void 0 ? true : _ref$isRequired,
|
|
32
|
+
_ref$fieldLabel = _ref.fieldLabel,
|
|
33
|
+
fieldLabel = _ref$fieldLabel === void 0 ? 'What’s your job position?' : _ref$fieldLabel;
|
|
41
34
|
var inputWrapperClassNames = (0, _classnames["default"])(['o-forms-input', 'o-forms-input--select', {
|
|
42
35
|
'o-forms-input--invalid': hasError
|
|
43
36
|
}]);
|
|
@@ -67,7 +60,7 @@ function Position(_ref) {
|
|
|
67
60
|
value: ""
|
|
68
61
|
}, "Please select a job position"), options.map(function (_ref2) {
|
|
69
62
|
var code = _ref2.code,
|
|
70
|
-
|
|
63
|
+
description = _ref2.description;
|
|
71
64
|
return /*#__PURE__*/_react["default"].createElement("option", {
|
|
72
65
|
key: code,
|
|
73
66
|
value: code
|
|
@@ -76,7 +69,6 @@ function Position(_ref) {
|
|
|
76
69
|
className: "o-forms-input__error"
|
|
77
70
|
}, "Please select your position")));
|
|
78
71
|
}
|
|
79
|
-
|
|
80
72
|
Position.propTypes = {
|
|
81
73
|
value: _propTypes["default"].string,
|
|
82
74
|
isDisabled: _propTypes["default"].bool,
|
|
@@ -1,24 +1,18 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
7
|
exports.ProgressIndicator = ProgressIndicator;
|
|
9
|
-
|
|
10
8
|
var _react = _interopRequireDefault(require("react"));
|
|
11
|
-
|
|
12
9
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
13
|
-
|
|
14
10
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
15
|
-
|
|
16
11
|
function ProgressIndicator(_ref) {
|
|
17
12
|
var _ref$items = _ref.items,
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
13
|
+
items = _ref$items === void 0 ? [] : _ref$items,
|
|
14
|
+
_ref$disableLinks = _ref.disableLinks,
|
|
15
|
+
disableLinks = _ref$disableLinks === void 0 ? false : _ref$disableLinks;
|
|
22
16
|
function getElementsForComplete(item) {
|
|
23
17
|
return disableLinks ? /*#__PURE__*/_react["default"].createElement("span", {
|
|
24
18
|
className: "o-stepped-progress__step o-stepped-progress__step--complete"
|
|
@@ -38,7 +32,6 @@ function ProgressIndicator(_ref) {
|
|
|
38
32
|
className: "o-stepped-progress__status"
|
|
39
33
|
}, "(completed)")));
|
|
40
34
|
}
|
|
41
|
-
|
|
42
35
|
function getElementsForNonComplete(item) {
|
|
43
36
|
var nonCompleteDivClassName = (0, _classnames["default"])(['o-stepped-progress__step', {
|
|
44
37
|
'o-stepped-progress__step--current': item.isCurrent
|
|
@@ -51,7 +44,6 @@ function ProgressIndicator(_ref) {
|
|
|
51
44
|
className: "o-stepped-progress__status"
|
|
52
45
|
}, "(current step)")));
|
|
53
46
|
}
|
|
54
|
-
|
|
55
47
|
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
56
48
|
className: "ncf__stepped-progress o-stepped-progress",
|
|
57
49
|
"data-o-component": "o-stepped-progress"
|
|
@@ -63,7 +55,6 @@ function ProgressIndicator(_ref) {
|
|
|
63
55
|
}, item.isComplete ? getElementsForComplete(item) : getElementsForNonComplete(item));
|
|
64
56
|
})));
|
|
65
57
|
}
|
|
66
|
-
|
|
67
58
|
ProgressIndicator.propTypes = {
|
|
68
59
|
items: _propTypes["default"].arrayOf(_propTypes["default"].shape({
|
|
69
60
|
isComplete: _propTypes["default"].bool,
|