@financial-times/n-conversion-forms 31.0.1 → 31.0.3

package/dist/delivery-option.jsx

@@ -0,0 +1,77 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DeliveryOption = DeliveryOption;
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _deliveryOptionMessages = require("../utils/delivery-option-messages");
+var _supportedCountries = require("../helpers/supportedCountries");
+function DeliveryOption(_ref) {
+  var _ref$fieldId = _ref.fieldId,
+    fieldId = _ref$fieldId === void 0 ? 'deliveryOptionField' : _ref$fieldId,
+    country = _ref.country,
+    _ref$productCode = _ref.productCode,
+    productCode = _ref$productCode === void 0 ? undefined : _ref$productCode,
+    _ref$options = _ref.options,
+    options = _ref$options === void 0 ? [] : _ref$options,
+    _ref$isSingle = _ref.isSingle,
+    isSingle = _ref$isSingle === void 0 ? false : _ref$isSingle;
+  var divClassName = (0, _classnames["default"])(['o-forms-field', 'ncf__delivery-option', {
+    'ncf__delivery-option--single': isSingle
+  }]);
+  var FTShippingZone = (0, _supportedCountries.identifyFTShippingZone)(country);
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    id: fieldId,
+    className: divClassName,
+    role: "group",
+    "aria-label": "Delivery options"
+  }, /*#__PURE__*/_react["default"].createElement("span", {
+    className: "o-forms-input o-forms-input--radio-round"
+  }, options.map(function (option) {
+    var value = option.value,
+      isValidDeliveryOption = option.isValidDeliveryOption,
+      isSelected = option.isSelected;
+    var deliveryOptionValue = (0, _deliveryOptionMessages.getDeliveryOption)(productCode, option, FTShippingZone);
+    if (!isValidDeliveryOption || !deliveryOptionValue) {
+      return null;
+    }
+
+    // in case the delivery option has a custom ID
+    var id = deliveryOptionValue.customId || value;
+    var inputProps = {
+      type: 'radio',
+      id: id,
+      name: 'deliveryOption',
+      value: value,
+      className: 'ncf__delivery-option__input',
+      defaultChecked: isSelected
+    };
+    return /*#__PURE__*/_react["default"].createElement("label", {
+      key: value,
+      className: "ncf__delivery-option__item",
+      htmlFor: id
+    }, /*#__PURE__*/_react["default"].createElement("input", inputProps), /*#__PURE__*/_react["default"].createElement("span", {
+      className: "o-forms-input__label ncf__delivery-option__label"
+    }, /*#__PURE__*/_react["default"].createElement("span", {
+      className: "ncf__delivery-option__title o-forms-title__main"
+    }, deliveryOptionValue.title), /*#__PURE__*/_react["default"].createElement("div", {
+      className: "ncf__delivery-option__description"
+    }, deliveryOptionValue.description)));
+  })));
+}
+DeliveryOption.propTypes = {
+  country: _propTypes["default"].oneOf(_supportedCountries.countriesSupportedISO).isRequired,
+  productCode: _propTypes["default"].string,
+  options: _propTypes["default"].arrayOf(_propTypes["default"].shape({
+    value: _propTypes["default"].oneOf(['PV', 'HD', 'EV']),
+    isSelected: _propTypes["default"].bool,
+    deliveryOnPublicationDate: _propTypes["default"].bool,
+    flightMarket: _propTypes["default"].bool,
+    mailDelivery: _propTypes["default"].bool
+  })),
+  isSingle: _propTypes["default"].bool
+};

package/dist/delivery-po-box.jsx

@@ -0,0 +1,75 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DeliveryPOBox = DeliveryPOBox;
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var message = {
+  USA: 'A P.O. Box address is only deliverable by US Mail, and is subject to a delay of up to 5 business days. For delivery on the publication date, we recommend you enter a residential or business address.',
+  CAN: 'A P.O. Box address is only deliverable by Canada Post, and is subject to a delay of up to 5 business days. For delivery on the publication day, we recommend you enter a residential or business address.'
+};
+function DeliveryPOBox(_ref) {
+  var _ref$fieldId = _ref.fieldId,
+    fieldId = _ref$fieldId === void 0 ? 'deliveryPOBoxField' : _ref$fieldId,
+    _ref$inputId = _ref.inputId,
+    inputId = _ref$inputId === void 0 ? 'deliveryPOBox' : _ref$inputId,
+    _ref$hasError = _ref.hasError,
+    hasError = _ref$hasError === void 0 ? false : _ref$hasError,
+    _ref$value = _ref.value,
+    value = _ref$value === void 0 ? '' : _ref$value,
+    _ref$isDisabled = _ref.isDisabled,
+    isDisabled = _ref$isDisabled === void 0 ? false : _ref$isDisabled,
+    _ref$isHidden = _ref.isHidden,
+    isHidden = _ref$isHidden === void 0 ? false : _ref$isHidden,
+    _ref$maxlength = _ref.maxlength,
+    maxlength = _ref$maxlength === void 0 ? 50 : _ref$maxlength,
+    _ref$country = _ref.country,
+    country = _ref$country === void 0 ? '' : _ref$country;
+  var labelClassNames = (0, _classnames["default"])(['o-forms-field', 'ncf__validation-error', {
+    ncf__hidden: isHidden
+  }]);
+  var inputWrapperClassName = (0, _classnames["default"])(['o-forms-input', 'o-forms-input--text', {
+    'o-forms-input--invalid': hasError
+  }]);
+  return /*#__PURE__*/_react["default"].createElement("label", {
+    id: fieldId,
+    className: labelClassNames,
+    "data-validate": "required",
+    htmlFor: inputId
+  }, /*#__PURE__*/_react["default"].createElement("span", {
+    className: "o-forms-title"
+  }, /*#__PURE__*/_react["default"].createElement("span", {
+    className: "o-forms-title__main"
+  }, "P.O. Box"), /*#__PURE__*/_react["default"].createElement("span", {
+    className: "o-forms-title__prompt"
+  }, message[country])), /*#__PURE__*/_react["default"].createElement("span", {
+    className: inputWrapperClassName
+  }, /*#__PURE__*/_react["default"].createElement("input", {
+    type: "text",
+    id: inputId,
+    name: inputId,
+    "data-trackable": "field-deliveryPOBox",
+    placeholder: "e.g. PO Box 1033",
+    maxLength: maxlength,
+    "aria-required": "true",
+    required: true,
+    disabled: isDisabled,
+    defaultValue: value
+  }), /*#__PURE__*/_react["default"].createElement("span", {
+    className: "o-forms-input__error"
+  }, "Please enter a valid P.O. Box address")));
+}
+DeliveryPOBox.propTypes = {
+  fieldId: _propTypes["default"].string,
+  inputId: _propTypes["default"].string,
+  value: _propTypes["default"].string,
+  hasError: _propTypes["default"].bool,
+  isDisabled: _propTypes["default"].bool,
+  isHidden: _propTypes["default"].bool,
+  maxlength: _propTypes["default"].number,
+  country: _propTypes["default"].string
+};

package/dist/delivery-postcode.jsx

@@ -0,0 +1,116 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DeliveryPostcode = DeliveryPostcode;
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _supportedCountries = require("../helpers/supportedCountries");
+var _supportedPostcodeExamples = require("../helpers/supportedPostcodeExamples");
+var postcodeLabel = Object.keys(_supportedCountries.countriesSupported).reduce(function (previous, countryCode) {
+  if (countryCode === 'USA') {
+    previous[countryCode] = 'Zip Code';
+  } else if (countryCode === 'GBR') {
+    previous[countryCode] = 'Postcode';
+  } else {
+    previous[countryCode] = 'Postal Code';
+  }
+  return previous;
+}, {});
+var promptLabel = Object.keys(_supportedCountries.countriesSupported).reduce(function (previous, countryCode) {
+  if (countryCode === 'USA') {
+    previous[countryCode] = 'Please enter your 5 digit Zip Code';
+  } else if (countryCode === 'CAN') {
+    previous[countryCode] = 'Please enter your 6 digit postal code';
+  } else if (countryCode !== 'GBR') {
+    //GBR has no label
+    previous[countryCode] = 'Please enter your postal code';
+  }
+  return previous;
+}, {});
+var placeholderLabel = Object.keys(_supportedPostcodeExamples.allSupportedPostcodeExamples).reduce(function (previous, countryCode) {
+  previous[countryCode] = 'e.g. ' + _supportedPostcodeExamples.allSupportedPostcodeExamples[countryCode];
+  return previous;
+}, {});
+function DeliveryPostcode(_ref) {
+  var _ref$value = _ref.value,
+    value = _ref$value === void 0 ? '' : _ref$value,
+    _ref$country = _ref.country,
+    country = _ref$country === void 0 ? '' : _ref$country,
+    _ref$isDisabled = _ref.isDisabled,
+    isDisabled = _ref$isDisabled === void 0 ? false : _ref$isDisabled,
+    _ref$hasError = _ref.hasError,
+    hasError = _ref$hasError === void 0 ? false : _ref$hasError,
+    _ref$isHidden = _ref.isHidden,
+    isHidden = _ref$isHidden === void 0 ? false : _ref$isHidden,
+    pattern = _ref.pattern,
+    additionalFieldInformation = _ref.additionalFieldInformation,
+    _ref$changePostcodeUr = _ref.changePostcodeUrl,
+    changePostcodeUrl = _ref$changePostcodeUr === void 0 ? '' : _ref$changePostcodeUr;
+  var postcodeReference = postcodeLabel[country.toUpperCase()] || 'Postcode';
+  var promptReference = promptLabel[country.toUpperCase()];
+  var placeholderReference = placeholderLabel[country.toUpperCase()] || "Enter your ".concat(postcodeReference);
+  var inputWrapperClassNames = (0, _classnames["default"])(['o-forms-input', 'o-forms-input--text', {
+    'o-forms-input--invalid': hasError
+  }]);
+  var deliveryPostcodeFieldClassNames = (0, _classnames["default"])(['o-forms-field', {
+    ncf__hidden: isHidden
+  }]);
+  var fieldErrorClassNames = (0, _classnames["default"])(['o-forms-input__error', {
+    'additional-field-information__with-field-error': additionalFieldInformation
+  }]);
+  return /*#__PURE__*/_react["default"].createElement("label", {
+    id: "deliveryPostcodeField",
+    className: deliveryPostcodeFieldClassNames,
+    "data-validate": "required",
+    htmlFor: "deliveryPostcode"
+  }, /*#__PURE__*/_react["default"].createElement("span", {
+    className: "o-forms-title"
+  }, /*#__PURE__*/_react["default"].createElement("span", {
+    className: "o-forms-title__main"
+  }, /*#__PURE__*/_react["default"].createElement("span", {
+    "data-reference": "postcode"
+  }, postcodeReference)), /*#__PURE__*/_react["default"].createElement("span", {
+    className: "o-forms-title__prompt"
+  }, promptReference)), /*#__PURE__*/_react["default"].createElement("span", {
+    className: inputWrapperClassNames
+  }, /*#__PURE__*/_react["default"].createElement("input", {
+    type: "text",
+    id: "deliveryPostcode",
+    name: "deliveryPostcode",
+    defaultValue: "".concat(value),
+    placeholder: placeholderReference,
+    autoComplete: "postal-code",
+    "data-trackable": "delivery-postcode",
+    "aria-required": "true",
+    required: true,
+    pattern: pattern,
+    disabled: isDisabled
+  }), /*#__PURE__*/_react["default"].createElement("span", {
+    className: fieldErrorClassNames
+  }, "Please enter a valid", ' ', /*#__PURE__*/_react["default"].createElement("span", {
+    "data-reference": "postcode"
+  }, postcodeReference), "."), additionalFieldInformation ? /*#__PURE__*/_react["default"].createElement("p", {
+    className: "additional-field-information"
+  }, additionalFieldInformation) : null, changePostcodeUrl ? /*#__PURE__*/_react["default"].createElement("a", {
+    href: changePostcodeUrl,
+    style: {
+      fontSize: '12px'
+    },
+    className: "change-postcode-url",
+    "data-trackable": "change-progress"
+  }, "Change ".concat(postcodeReference)) : null));
+}
+DeliveryPostcode.propTypes = {
+  country: _propTypes["default"].string,
+  value: _propTypes["default"].string,
+  pattern: _propTypes["default"].string,
+  isDisabled: _propTypes["default"].bool,
+  hasError: _propTypes["default"].bool,
+  isHidden: _propTypes["default"].bool,
+  additionalFieldInformation: _propTypes["default"].node,
+  changePostcodeUrl: _propTypes["default"].string
+};

package/dist/delivery-security-instructions.jsx

@@ -0,0 +1,72 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DeliverySecurityInstructions = DeliverySecurityInstructions;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _classnames = _interopRequireDefault(require("classnames"));
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function DeliverySecurityInstructions(_ref) {
+  var _ref$fieldId = _ref.fieldId,
+    fieldId = _ref$fieldId === void 0 ? 'deliverySecurityInstructionsField' : _ref$fieldId,
+    _ref$hasError = _ref.hasError,
+    hasError = _ref$hasError === void 0 ? false : _ref$hasError,
+    _ref$inputId = _ref.inputId,
+    inputId = _ref$inputId === void 0 ? 'deliverySecurityInstructions' : _ref$inputId,
+    _ref$maxlength = _ref.maxlength,
+    maxlength = _ref$maxlength === void 0 ? null : _ref$maxlength,
+    _ref$rows = _ref.rows,
+    rows = _ref$rows === void 0 ? null : _ref$rows,
+    _ref$isDisabled = _ref.isDisabled,
+    isDisabled = _ref$isDisabled === void 0 ? false : _ref$isDisabled,
+    _ref$placeholder = _ref.placeholder,
+    placeholder = _ref$placeholder === void 0 ? '' : _ref$placeholder,
+    _ref$value = _ref.value,
+    value = _ref$value === void 0 ? '' : _ref$value;
+  var textAreaWrapperClassNames = (0, _classnames["default"])(['o-forms-input', 'o-forms-input--textarea', {
+    'o-forms-input--invalid': hasError
+  }]);
+  var defaultPlaceholder = 'Please enter any secure information here, e.g. security gate access codes';
+  var textAreaProps = _objectSpread(_objectSpread(_objectSpread({
+    id: inputId,
+    name: inputId
+  }, maxlength && {
+    maxLength: maxlength
+  }), rows && {
+    rows: rows
+  }), {}, {
+    'data-trackable': 'field-deliverySecurityInstructions',
+    placeholder: placeholder ? placeholder : defaultPlaceholder,
+    disabled: isDisabled,
+    defaultValue: value
+  });
+  return /*#__PURE__*/_react["default"].createElement("label", {
+    id: fieldId,
+    className: "o-forms-field o-forms-field--optional",
+    "data-validate": "required",
+    htmlFor: inputId
+  }, /*#__PURE__*/_react["default"].createElement("span", {
+    className: "o-forms-title"
+  }, /*#__PURE__*/_react["default"].createElement("span", {
+    className: "o-forms-title__main"
+  }, "Security instructions")), /*#__PURE__*/_react["default"].createElement("span", {
+    className: textAreaWrapperClassNames
+  }, /*#__PURE__*/_react["default"].createElement("textarea", textAreaProps)), /*#__PURE__*/_react["default"].createElement("span", {
+    className: "additional-field-information"
+  }, "NB. Details supplied here will not appear on packaging."));
+}
+DeliverySecurityInstructions.propTypes = {
+  fieldId: _propTypes["default"].string,
+  hasError: _propTypes["default"].bool,
+  inputId: _propTypes["default"].string,
+  maxlength: _propTypes["default"].number,
+  rows: _propTypes["default"].number,
+  isDisabled: _propTypes["default"].bool,
+  value: _propTypes["default"].string,
+  placeholder: _propTypes["default"].string
+};

package/dist/delivery-start-date.jsx

@@ -0,0 +1,77 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DeliveryStartDate = DeliveryStartDate;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _classnames = _interopRequireDefault(require("classnames"));
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function DeliveryStartDate(_ref) {
+  var _ref$hasError = _ref.hasError,
+    hasError = _ref$hasError === void 0 ? false : _ref$hasError,
+    _ref$date = _ref.date,
+    date = _ref$date === void 0 ? '' : _ref$date,
+    _ref$value = _ref.value,
+    value = _ref$value === void 0 ? '' : _ref$value,
+    _ref$min = _ref.min,
+    min = _ref$min === void 0 ? null : _ref$min,
+    _ref$max = _ref.max,
+    max = _ref$max === void 0 ? null : _ref$max,
+    _ref$isDisabled = _ref.isDisabled,
+    isDisabled = _ref$isDisabled === void 0 ? false : _ref$isDisabled,
+    _ref$isAddressUpdate = _ref.isAddressUpdate,
+    isAddressUpdate = _ref$isAddressUpdate === void 0 ? false : _ref$isAddressUpdate;
+  var inputWrapperClassNames = (0, _classnames["default"])(['o-forms-input', 'o-forms-input--text', {
+    'o-forms-input--invalid': hasError
+  }]);
+  var inputProps = _objectSpread(_objectSpread(_objectSpread({
+    type: 'date',
+    id: 'deliveryStartDate',
+    name: 'deliveryStartDate'
+  }, min && {
+    min: min
+  }), max && {
+    max: max
+  }), {}, {
+    'data-trackable': 'field-deliveryStartDate',
+    'aria-required': 'true',
+    required: true,
+    disabled: isDisabled,
+    defaultValue: value
+  });
+  var startMessage = isAddressUpdate ? 'We’ll start delivering to this address from:' : 'Your print subscription will start from:';
+  return /*#__PURE__*/_react["default"].createElement("label", {
+    id: "deliveryStartDateField",
+    className: "o-forms-field ncf__validation-error",
+    "data-validate": "required",
+    htmlFor: inputProps.id
+  }, /*#__PURE__*/_react["default"].createElement("span", {
+    className: "o-forms-title"
+  }, /*#__PURE__*/_react["default"].createElement("span", {
+    className: "o-forms-title__main",
+    id: "start-date-picker-title-span"
+  }, "Delivery start date"), /*#__PURE__*/_react["default"].createElement("span", {
+    className: "o-forms-title__prompt"
+  }, "Earliest available delivery date: ", date)), /*#__PURE__*/_react["default"].createElement("span", {
+    className: inputWrapperClassNames
+  }, /*#__PURE__*/_react["default"].createElement("input", inputProps), /*#__PURE__*/_react["default"].createElement("span", {
+    className: "o-forms-input__error"
+  }, "Please select a valid start date")), /*#__PURE__*/_react["default"].createElement("p", null, startMessage, " ", /*#__PURE__*/_react["default"].createElement("strong", {
+    className: "js-start-date-text"
+  }, date)));
+}
+DeliveryStartDate.propTypes = {
+  hasError: _propTypes["default"].bool,
+  date: _propTypes["default"].node,
+  // could be a string or a component that formats the string
+  value: _propTypes["default"].string,
+  min: _propTypes["default"].string,
+  max: _propTypes["default"].string,
+  isDisabled: _propTypes["default"].bool,
+  isAddressUpdate: _propTypes["default"].bool
+};

package/dist/education-job-title.jsx

@@ -0,0 +1,67 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.EducationJobTitle = EducationJobTitle;
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _classnames = _interopRequireDefault(require("classnames"));
+function EducationJobTitle(_ref) {
+  var _ref$value = _ref.value,
+    value = _ref$value === void 0 ? '' : _ref$value,
+    _ref$isDisabled = _ref.isDisabled,
+    isDisabled = _ref$isDisabled === void 0 ? false : _ref$isDisabled,
+    _ref$hasError = _ref.hasError,
+    hasError = _ref$hasError === void 0 ? false : _ref$hasError,
+    _ref$fieldId = _ref.fieldId,
+    fieldId = _ref$fieldId === void 0 ? 'jobTitleField' : _ref$fieldId,
+    _ref$inputId = _ref.inputId,
+    inputId = _ref$inputId === void 0 ? 'jobTitle' : _ref$inputId,
+    _ref$inputName = _ref.inputName,
+    inputName = _ref$inputName === void 0 ? 'jobTitle' : _ref$inputName,
+    _ref$isUSContract = _ref.isUSContract,
+    isUSContract = _ref$isUSContract === void 0 ? false : _ref$isUSContract;
+  var inputWrapperClassName = (0, _classnames["default"])(['o-forms-input', 'o-forms-input--select', {
+    'o-forms-input--invalid': hasError
+  }]);
+  var availableJobTitles = ['Faculty/Other'].concat(isUSContract ? ['Graduate Student', 'Undergraduate Student'] : ['Student']);
+  return /*#__PURE__*/_react["default"].createElement("label", {
+    id: fieldId,
+    className: "o-forms-field",
+    "data-validate": "required",
+    htmlFor: inputId
+  }, /*#__PURE__*/_react["default"].createElement("span", {
+    className: "o-forms-title"
+  }, /*#__PURE__*/_react["default"].createElement("span", {
+    className: "o-forms-title__main"
+  }, "Occupation")), /*#__PURE__*/_react["default"].createElement("span", {
+    className: inputWrapperClassName
+  }, /*#__PURE__*/_react["default"].createElement("select", {
+    id: inputId,
+    name: inputName,
+    "data-trackable": "job-title",
+    "aria-required": "true",
+    required: true,
+    disabled: isDisabled,
+    defaultValue: value
+  }, /*#__PURE__*/_react["default"].createElement("option", {
+    value: ""
+  }, "Select your occupation"), availableJobTitles.map(function (jobTitle, index) {
+    return /*#__PURE__*/_react["default"].createElement("option", {
+      key: index
+    }, jobTitle);
+  })), /*#__PURE__*/_react["default"].createElement("span", {
+    className: "o-forms-input__error"
+  }, "Please enter your occupation.")));
+}
+EducationJobTitle.propTypes = {
+  value: _propTypes["default"].string,
+  isDisabled: _propTypes["default"].bool,
+  hasError: _propTypes["default"].bool,
+  fieldId: _propTypes["default"].string,
+  inputId: _propTypes["default"].string,
+  inputName: _propTypes["default"].string,
+  isUSContract: _propTypes["default"].bool
+};

package/dist/email.jsx

@@ -0,0 +1,90 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Email = Email;
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _classnames = _interopRequireDefault(require("classnames"));
+function Email(_ref) {
+  var _ref$dataTrackable = _ref.dataTrackable,
+    dataTrackable = _ref$dataTrackable === void 0 ? 'field-email' : _ref$dataTrackable,
+    _ref$description = _ref.description,
+    description = _ref$description === void 0 ? 'Please enter an email address' : _ref$description,
+    _ref$errorText = _ref.errorText,
+    errorText = _ref$errorText === void 0 ? 'This email address is not valid' : _ref$errorText,
+    _ref$fieldId = _ref.fieldId,
+    fieldId = _ref$fieldId === void 0 ? 'emailField' : _ref$fieldId,
+    _ref$hasError = _ref.hasError,
+    hasError = _ref$hasError === void 0 ? false : _ref$hasError,
+    _ref$inputId = _ref.inputId,
+    inputId = _ref$inputId === void 0 ? 'email' : _ref$inputId,
+    _ref$isB2b = _ref.isB2b,
+    isB2b = _ref$isB2b === void 0 ? false : _ref$isB2b,
+    _ref$isDisabled = _ref.isDisabled,
+    isDisabled = _ref$isDisabled === void 0 ? false : _ref$isDisabled,
+    _ref$label = _ref.label,
+    label = _ref$label === void 0 ? '' : _ref$label,
+    _ref$placeHolder = _ref.placeHolder,
+    placeHolder = _ref$placeHolder === void 0 ? 'Enter your email address' : _ref$placeHolder,
+    _ref$value = _ref.value,
+    value = _ref$value === void 0 ? '' : _ref$value,
+    _ref$isEducationalLic = _ref.isEducationalLicence,
+    isEducationalLicence = _ref$isEducationalLic === void 0 ? false : _ref$isEducationalLic,
+    _ref$isB2cPartnership = _ref.isB2cPartnershipLicence,
+    isB2cPartnershipLicence = _ref$isB2cPartnership === void 0 ? false : _ref$isB2cPartnership,
+    _ref$showTitle = _ref.showTitle,
+    showTitle = _ref$showTitle === void 0 ? true : _ref$showTitle;
+  var labelText = label || (isB2b && !(isEducationalLicence || isB2cPartnershipLicence) ? 'Work email address' : 'Email address');
+  var inputWrapperClassNames = (0, _classnames["default"])(['o-forms-input', 'o-forms-input--text', {
+    'o-forms-input--invalid': hasError
+  }]);
+  var emailTitleClassNames = (0, _classnames["default"])(['o-forms-title', {
+    ncf__hidden: !showTitle
+  }]);
+  return /*#__PURE__*/_react["default"].createElement("label", {
+    id: fieldId,
+    className: "o-forms-field ncf__validation-error",
+    "data-validate": "required,email",
+    htmlFor: inputId
+  }, /*#__PURE__*/_react["default"].createElement("span", {
+    className: emailTitleClassNames
+  }, /*#__PURE__*/_react["default"].createElement("span", {
+    className: "o-forms-title__main"
+  }, labelText), description && /*#__PURE__*/_react["default"].createElement("span", {
+    className: "o-forms-title__prompt"
+  }, description)), /*#__PURE__*/_react["default"].createElement("span", {
+    className: inputWrapperClassNames
+  }, /*#__PURE__*/_react["default"].createElement("input", {
+    type: "email",
+    id: inputId,
+    name: inputId,
+    placeholder: placeHolder,
+    autoComplete: "email",
+    "data-trackable": dataTrackable,
+    "aria-required": "true",
+    required: true,
+    disabled: isDisabled,
+    defaultValue: value
+  }), /*#__PURE__*/_react["default"].createElement("span", {
+    className: "o-forms-input__error"
+  }, errorText)));
+}
+Email.propTypes = {
+  dataTrackable: _propTypes["default"].string,
+  description: _propTypes["default"].string,
+  errorText: _propTypes["default"].string,
+  fieldId: _propTypes["default"].string,
+  hasError: _propTypes["default"].bool,
+  inputId: _propTypes["default"].string,
+  isB2b: _propTypes["default"].bool,
+  isDisabled: _propTypes["default"].bool,
+  label: _propTypes["default"].string,
+  placeHolder: _propTypes["default"].string,
+  value: _propTypes["default"].string,
+  isEducationalLicence: _propTypes["default"].bool,
+  isB2cPartnershipLicence: _propTypes["default"].bool,
+  showTitle: _propTypes["default"].bool
+};

package/dist/error-page.jsx

@@ -0,0 +1,45 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ErrorPage = ErrorPage;
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+function ErrorPage(_ref) {
+  var children = _ref.children,
+    _ref$header = _ref.header,
+    header = _ref$header === void 0 ? 'Sorry, something went wrong' : _ref$header,
+    _ref$message = _ref.message,
+    message = _ref$message === void 0 ? 'Speak to our Customer Care team now so we can help.' : _ref$message;
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "ncf__wrapper ncf__center ncf__error-page"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "ncf__icon ncf__icon--error ncf__icon--large"
+  }), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "ncf__paragraph"
+  }, /*#__PURE__*/_react["default"].createElement("h1", {
+    className: "ncf__header"
+  }, header), /*#__PURE__*/_react["default"].createElement("p", {
+    id: "error-message"
+  }, message)), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "ncf__error-page__content"
+  }, children), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "ncf__paragraph"
+  }, /*#__PURE__*/_react["default"].createElement("p", null, "International Toll Free Number"), /*#__PURE__*/_react["default"].createElement("a", {
+    id: "error-international-number",
+    className: "ncf__header ncf__link",
+    href: "tel:+80007056477"
+  }, "+ 800 0705 6477")), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "ncf__paragraph"
+  }, /*#__PURE__*/_react["default"].createElement("a", {
+    className: "ncf__link",
+    href: "https://help.ft.com/help/contact-us/"
+  }, "Find a local phone number")));
+}
+ErrorPage.propTypes = {
+  children: _propTypes["default"].oneOfType([_propTypes["default"].arrayOf(_propTypes["default"].node), _propTypes["default"].node]),
+  header: _propTypes["default"].string,
+  message: _propTypes["default"].string
+};