@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.
Files changed (75) hide show
  1. package/build-state/npm-shrinkwrap.json +13111 -15001
  2. package/components/__snapshots__/accept-terms.spec.js.snap +4 -4
  3. package/components/__snapshots__/delivery-address.spec.js.snap +2 -2
  4. package/components/__snapshots__/delivery-option.spec.js.snap +1 -1
  5. package/components/__snapshots__/delivery-po-box.spec.js.snap +1 -1
  6. package/components/accept-terms.jsx +4 -4
  7. package/components/delivery-address-map.jsx +92 -56
  8. package/components/delivery-address.jsx +38 -9
  9. package/components/delivery-po-box.jsx +2 -2
  10. package/dist/accept-terms.js +39 -61
  11. package/dist/app-banner.js +0 -3
  12. package/dist/b2c-partnership-confirmation.js +1 -6
  13. package/dist/billing-city.js +7 -13
  14. package/dist/billing-country.js +10 -21
  15. package/dist/billing-postcode.js +16 -22
  16. package/dist/company-name.js +21 -27
  17. package/dist/confirmation.js +17 -31
  18. package/dist/continue-reading.js +5 -16
  19. package/dist/country.js +13 -24
  20. package/dist/customer-care.js +5 -12
  21. package/dist/debug.js +5 -10
  22. package/dist/decision-maker.js +3 -15
  23. package/dist/deferred-billing-terms.js +15 -28
  24. package/dist/delivery-address-map.js +40 -11
  25. package/dist/delivery-address-type.js +11 -17
  26. package/dist/delivery-address.js +21 -33
  27. package/dist/delivery-city.js +7 -14
  28. package/dist/delivery-county.js +5 -11
  29. package/dist/delivery-instructions.js +16 -30
  30. package/dist/delivery-option.js +12 -21
  31. package/dist/delivery-po-box.js +17 -24
  32. package/dist/delivery-postcode.js +13 -24
  33. package/dist/delivery-security-instructions.js +15 -26
  34. package/dist/delivery-start-date.js +13 -24
  35. package/dist/education-job-title.js +13 -19
  36. package/dist/email.js +27 -33
  37. package/dist/error-page.js +4 -9
  38. package/dist/fieldset.js +13 -24
  39. package/dist/first-name.js +18 -24
  40. package/dist/form.js +4 -9
  41. package/dist/google-sign-in.js +0 -5
  42. package/dist/graduation-date.js +9 -21
  43. package/dist/index.js +0 -57
  44. package/dist/industry.js +17 -25
  45. package/dist/job-title.js +13 -19
  46. package/dist/last-name.js +18 -24
  47. package/dist/licence-confirmation.js +13 -23
  48. package/dist/licence-header.js +11 -20
  49. package/dist/licence-sign-in.js +3 -11
  50. package/dist/licence-title.js +5 -14
  51. package/dist/lite-sub-confirmation.js +9 -19
  52. package/dist/loader.js +3 -14
  53. package/dist/message.js +15 -22
  54. package/dist/message.spec.js +0 -6
  55. package/dist/organisation.js +18 -24
  56. package/dist/package-change.js +2 -7
  57. package/dist/password.js +24 -30
  58. package/dist/payment-term.js +25 -51
  59. package/dist/payment-type.js +20 -42
  60. package/dist/personal-title.js +17 -24
  61. package/dist/phone.js +21 -27
  62. package/dist/position.js +19 -27
  63. package/dist/progress-indicator.js +3 -12
  64. package/dist/province.js +15 -23
  65. package/dist/registration-confirmation.js +5 -11
  66. package/dist/responsibility.js +19 -27
  67. package/dist/section.js +0 -5
  68. package/dist/state.js +15 -23
  69. package/dist/submit.js +11 -16
  70. package/dist/text-input.js +18 -24
  71. package/dist/trial-banner.js +1 -6
  72. package/helpers/constants.js +11 -2
  73. package/package.json +8 -8
  74. package/utils/delivery-option-messages.js +2 -2
  75. package/utils/delivery-option-messages.spec.js +2 -2
@@ -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
- fieldId = _ref$fieldId === void 0 ? 'paymentTermField' : _ref$fieldId,
27
- _ref$inputName = _ref.inputName,
28
- inputName = _ref$inputName === void 0 ? 'paymentTerm' : _ref$inputName,
29
- _ref$isPrintOrBundle = _ref.isPrintOrBundle,
30
- isPrintOrBundle = _ref$isPrintOrBundle === void 0 ? false : _ref$isPrintOrBundle,
31
- _ref$isEpaper = _ref.isEpaper,
32
- isEpaper = _ref$isEpaper === void 0 ? false : _ref$isEpaper,
33
- _ref$options = _ref.options,
34
- options = _ref$options === void 0 ? [] : _ref$options,
35
- _ref$isFixedTermOffer = _ref.isFixedTermOffer,
36
- isFixedTermOffer = _ref$isFixedTermOffer === void 0 ? false : _ref$isFixedTermOffer,
37
- offerDisplayName = _ref.offerDisplayName,
38
- _ref$showLegal = _ref.showLegal,
39
- showLegal = _ref$showLegal === void 0 ? true : _ref$showLegal,
40
- _ref$largePrice = _ref.largePrice,
41
- largePrice = _ref$largePrice === void 0 ? false : _ref$largePrice,
42
- _ref$optionsInARow = _ref.optionsInARow,
43
- optionsInARow = _ref$optionsInARow === void 0 ? false : _ref$optionsInARow;
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)) : // this should cover the cases different than annual, quarterly and monthly
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
- } // custom offer with period provided
238
-
239
-
217
+ }
218
+ // custom offer with period provided
240
219
  if (isValidPeriod(option.value)) {
241
220
  return getTimeFromPeriod(option.value);
242
- } // custom legacy cases, where period is not provided
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,
@@ -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
- enableApplepay = _ref$enableApplepay === void 0 ? false : _ref$enableApplepay,
45
- _ref$enableCreditcard = _ref.enableCreditcard,
46
- enableCreditcard = _ref$enableCreditcard === void 0 ? false : _ref$enableCreditcard,
47
- _ref$enableDirectdebi = _ref.enableDirectdebit,
48
- enableDirectdebit = _ref$enableDirectdebi === void 0 ? false : _ref$enableDirectdebi,
49
- _ref$enablePaypal = _ref.enablePaypal,
50
- enablePaypal = _ref$enablePaypal === void 0 ? false : _ref$enablePaypal,
51
- _ref$showLoaderOnInit = _ref.showLoaderOnInit,
52
- showLoaderOnInit = _ref$showLoaderOnInit === void 0 ? false : _ref$showLoaderOnInit,
53
- _ref$showPaypalCustom = _ref.showPaypalCustomerCareMessage,
54
- showPaypalCustomerCareMessage = _ref$showPaypalCustom === void 0 ? false : _ref$showPaypalCustom,
55
- _ref$fieldId = _ref.fieldId,
56
- fieldId = _ref$fieldId === void 0 ? 'paymentTypeField' : _ref$fieldId,
57
- _ref$inputId = _ref.inputId,
58
- inputId = _ref$inputId === void 0 ? 'paymentType' : _ref$inputId,
59
- value = _ref.value,
60
- _ref$isSingleTerm = _ref.isSingleTerm,
61
- isSingleTerm = _ref$isSingleTerm === void 0 ? false : _ref$isSingleTerm,
62
- _ref$isSingleTermChec = _ref.isSingleTermChecked,
63
- isSingleTermChecked = _ref$isSingleTermChec === void 0 ? false : _ref$isSingleTermChec;
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,
@@ -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
- _ref$isDisabled = _ref.isDisabled,
35
- isDisabled = _ref$isDisabled === void 0 ? false : _ref$isDisabled,
36
- _ref$hasError = _ref.hasError,
37
- hasError = _ref$hasError === void 0 ? false : _ref$hasError,
38
- _ref$fieldId = _ref.fieldId,
39
- fieldId = _ref$fieldId === void 0 ? 'titleField' : _ref$fieldId,
40
- _ref$selectId = _ref.selectId,
41
- selectId = _ref$selectId === void 0 ? 'title' : _ref$selectId,
42
- _ref$selectName = _ref.selectName,
43
- selectName = _ref$selectName === void 0 ? 'title' : _ref$selectName,
44
- _ref$options = _ref.options,
45
- options = _ref$options === void 0 ? defaultPersonalTitles : _ref$options,
46
- _ref$fieldLabel = _ref.fieldLabel,
47
- fieldLabel = _ref$fieldLabel === void 0 ? 'Title' : _ref$fieldLabel,
48
- _ref$isRequired = _ref.isRequired,
49
- isRequired = _ref$isRequired === void 0 ? true : _ref$isRequired;
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
- description = _ref2.description;
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
- hasError = _ref$hasError === void 0 ? false : _ref$hasError,
19
- _ref$isB2b = _ref.isB2b,
20
- isB2b = _ref$isB2b === void 0 ? false : _ref$isB2b,
21
- _ref$isDisabled = _ref.isDisabled,
22
- isDisabled = _ref$isDisabled === void 0 ? false : _ref$isDisabled,
23
- _ref$isRequired = _ref.isRequired,
24
- isRequired = _ref$isRequired === void 0 ? true : _ref$isRequired,
25
- _ref$value = _ref.value,
26
- value = _ref$value === void 0 ? '' : _ref$value,
27
- _ref$pattern = _ref.pattern,
28
- pattern = _ref$pattern === void 0 ? '' : _ref$pattern,
29
- _ref$fieldId = _ref.fieldId,
30
- fieldId = _ref$fieldId === void 0 ? 'primaryTelephoneField' : _ref$fieldId,
31
- _ref$inputId = _ref.inputId,
32
- inputId = _ref$inputId === void 0 ? 'primaryTelephone' : _ref$inputId,
33
- _ref$inputName = _ref.inputName,
34
- inputName = _ref$inputName === void 0 ? 'primaryTelephone' : _ref$inputName,
35
- _ref$dataTrackable = _ref.dataTrackable,
36
- dataTrackable = _ref$dataTrackable === void 0 ? 'field-phone' : _ref$dataTrackable,
37
- _ref$isEducationalLic = _ref.isEducationalLicence,
38
- isEducationalLicence = _ref$isEducationalLic === void 0 ? false : _ref$isEducationalLic;
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
- _ref$isDisabled = _ref.isDisabled,
24
- isDisabled = _ref$isDisabled === void 0 ? false : _ref$isDisabled,
25
- _ref$hasError = _ref.hasError,
26
- hasError = _ref$hasError === void 0 ? false : _ref$hasError,
27
- _ref$fieldId = _ref.fieldId,
28
- fieldId = _ref$fieldId === void 0 ? 'positionField' : _ref$fieldId,
29
- _ref$selectId = _ref.selectId,
30
- selectId = _ref$selectId === void 0 ? 'position' : _ref$selectId,
31
- _ref$selectName = _ref.selectName,
32
- selectName = _ref$selectName === void 0 ? 'position' : _ref$selectName,
33
- _ref$isB2B = _ref.isB2B,
34
- isB2B = _ref$isB2B === void 0 ? false : _ref$isB2B,
35
- _ref$options = _ref.options,
36
- options = _ref$options === void 0 ? isB2B ? B2BPositions : B2CPositions : _ref$options,
37
- _ref$isRequired = _ref.isRequired,
38
- isRequired = _ref$isRequired === void 0 ? true : _ref$isRequired,
39
- _ref$fieldLabel = _ref.fieldLabel,
40
- fieldLabel = _ref$fieldLabel === void 0 ? 'What’s your job position?' : _ref$fieldLabel;
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
- description = _ref2.description;
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
- items = _ref$items === void 0 ? [] : _ref$items,
19
- _ref$disableLinks = _ref.disableLinks,
20
- disableLinks = _ref$disableLinks === void 0 ? false : _ref$disableLinks;
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,