@financial-times/n-conversion-forms 20.3.3 → 20.3.4

package/utils/company-name.js

@@ -1,7 +1,7 @@
 const FormElement = require('./form-element');
 
 class CompanyName extends FormElement {
-	constructor(document, fieldId = 'companyNameField') {
+	constructor (document, fieldId = 'companyNameField') {
 		super(document, `.ncf #${fieldId}`);
 	}
 }

package/utils/countries.js

@@ -7,7 +7,7 @@ const { countries } = require('n-common-static-data').billingCountries;
  * @param {array} options.filter Only returns countries within the filter list if supplied
  * @param {number} options.minimumToGroup Only show groupings if there are over this amount of countries
  */
-function getCountries({ value, filter = [], minimumToGroup = 20 } = {}) {
+function getCountries ({ value, filter = [], minimumToGroup = 20 } = {}) {
 	let data = countries;
 
 	// Only show countries in the filter
@@ -41,7 +41,7 @@ function getCountries({ value, filter = [], minimumToGroup = 20 } = {}) {
  * @param {string} options.alphabeticalLabel Label to use for all other countries
  * @return {array}
  */
-function groupCountries(
+function groupCountries (
 	countries,
 	{
 		minimumToShowGroups = 2,

package/utils/country.js

@@ -15,7 +15,7 @@ class Country {
 	 * @throws If the document not passed
 	 * @throws When the country element not found
 	 */
-	constructor(element) {
+	constructor (element) {
 		if (!element) {
 			throw new Error('Please supply a DOM element');
 		}
@@ -32,7 +32,7 @@ class Country {
 	 * Register an event listener
 	 * @param {Function} callback Called with event when changed
 	 */
-	onChange(callback = () => {}) {
+	onChange (callback = () => {}) {
 		return this.$country.addEventListener('change', callback);
 	}
 
@@ -41,7 +41,7 @@ class Country {
 	 * @return {String}
 	 * @throws If nothing has been selected
 	 */
-	getSelected() {
+	getSelected () {
 		const selected = this.$country.options[this.$country.selectedIndex];
 		if (!selected) {
 			throw new Error('No country has been selected');

package/utils/delivery-address-type.js

@@ -11,7 +11,7 @@ class DeliveryAdressType {
 	 * @throws If the document not passed
 	 * @throws When the country element not found
 	 */
-	constructor(element, fieldId = 'deliveryAddressTypeField') {
+	constructor (element, fieldId = 'deliveryAddressTypeField') {
 		if (!element) {
 			throw new Error('Please supply a DOM element');
 		}
@@ -29,7 +29,7 @@ class DeliveryAdressType {
 	 * @return {String}
 	 * @throws If nothing has been selected
 	 */
-	getSelected() {
+	getSelected () {
 		const checked = this.$deliveryAddressType.querySelector('input:checked');
 		if (!checked) {
 			throw new Error('No address type has been selected');
@@ -41,7 +41,7 @@ class DeliveryAdressType {
 	 * Register an event listener
 	 * @param {Function} callback Called with event when changed
 	 */
-	onChange(callback) {
+	onChange (callback) {
 		return (
 			typeof callback === 'function' &&
 			this.$deliveryAddressType.addEventListener('change', callback)

package/utils/delivery-address.js

@@ -1,7 +1,7 @@
 const FormElement = require('./form-element');
 
 class DeliveryAddress extends FormElement {
-	constructor(document, fieldId = 'deliveryAddressFields') {
+	constructor (document, fieldId = 'deliveryAddressFields') {
 		super(document, `.ncf #${fieldId}`);
 	}
 }

package/utils/delivery-instructions.js

@@ -1,7 +1,7 @@
 const FormElement = require('./form-element');
 
 class DeliveryInstructions extends FormElement {
-	constructor(document, fieldId = 'deliveryInstructionsField') {
+	constructor (document, fieldId = 'deliveryInstructionsField') {
 		super(document, `.ncf #${fieldId}`);
 	}
 }

package/utils/delivery-option-messages.js

@@ -62,7 +62,7 @@ const deliveryOptionMessages = [
 		country: [USA_COUNTRY_CODE, CAN_COUNTRY_CODE],
 		title: 'Hand delivery',
 		description:
-			"Enjoy delivery of the newspaper daily to your home or office address. \nPlease note: We fly the newspaper to your location which means delivery is subject to flight delays/cancellations outside of the FT's control. In those circumstances, your newspaper will be delivered on the next delivery day.",
+			'Enjoy delivery of the newspaper daily to your home or office address. \nPlease note: We fly the newspaper to your location which means delivery is subject to flight delays/cancellations outside of the FT\'s control. In those circumstances, your newspaper will be delivered on the next delivery day.',
 	},
 	{
 		deliveryFrequency: [
@@ -88,7 +88,7 @@ const deliveryOptionMessages = [
 		country: [USA_COUNTRY_CODE, CAN_COUNTRY_CODE],
 		title: 'Hand delivery',
 		description:
-			"Enjoy delivery of the newspaper daily to your home or office address. \nPlease note: We fly the newspaper to your location which means delivery is subject to flight delays/cancellations outside of the FT's control. In those circumstances, your newspaper will be delivered on the next delivery day. Please also be aware that your FT Weekend will be delivered on Sunday.",
+			'Enjoy delivery of the newspaper daily to your home or office address. \nPlease note: We fly the newspaper to your location which means delivery is subject to flight delays/cancellations outside of the FT\'s control. In those circumstances, your newspaper will be delivered on the next delivery day. Please also be aware that your FT Weekend will be delivered on Sunday.',
 	},
 	{
 		deliveryFrequency: [
@@ -113,7 +113,7 @@ const deliveryOptionMessages = [
 		title: 'Mail',
 		customId: 'ML',
 		description:
-			"We can only deliver the newspaper to your location by postal mail which means your delivery will arrive up to 3 business days after the date of publication and will not include the HTSI Magazine. We also fly the newspaper to your location which means delivery is subject to flight delays/cancellations outside the FT's control. If you prefer to read the printed content on the day of publication, please proceed to subscribe to the FT ePaper - a digital replica of the print edition.",
+			'We can only deliver the newspaper to your location by postal mail which means your delivery will arrive up to 3 business days after the date of publication and will not include the HTSI Magazine. We also fly the newspaper to your location which means delivery is subject to flight delays/cancellations outside the FT\'s control. If you prefer to read the printed content on the day of publication, please proceed to subscribe to the FT ePaper - a digital replica of the print edition.',
 	},
 	{
 		deliveryFrequency: [ONLY_WEEKEND_DELIVERY_FREQ],
@@ -123,7 +123,7 @@ const deliveryOptionMessages = [
 		country: [USA_COUNTRY_CODE, CAN_COUNTRY_CODE],
 		title: 'Hand delivery',
 		description:
-			"Enjoy delivery of the newspaper daily to your home or office address. \nPlease note: We fly the newspapers to your location which means delivery is subject to flight delays/cancellations outside of the FT's control. In those circumstances, your newspaper will be delivered the next delivery day.",
+			'Enjoy delivery of the newspaper daily to your home or office address. \nPlease note: We fly the newspapers to your location which means delivery is subject to flight delays/cancellations outside of the FT\'s control. In those circumstances, your newspaper will be delivered the next delivery day.',
 	},
 	{
 		deliveryFrequency: [ONLY_WEEKEND_DELIVERY_FREQ],
@@ -143,7 +143,7 @@ const deliveryOptionMessages = [
 		country: [USA_COUNTRY_CODE, CAN_COUNTRY_CODE],
 		title: 'Hand delivery',
 		description:
-			"Enjoy delivery of the newspaper daily to your home or office address. \nPlease note we fly the newspaper to your location which means delivery is subject to flight delays/cancellations outside of the FT's control. In those circumstances, your newspaper will be delivered on the next delivery day. Please also be aware that your FT Weekend will be delivered on Sunday.",
+			'Enjoy delivery of the newspaper daily to your home or office address. \nPlease note we fly the newspaper to your location which means delivery is subject to flight delays/cancellations outside of the FT\'s control. In those circumstances, your newspaper will be delivered on the next delivery day. Please also be aware that your FT Weekend will be delivered on Sunday.',
 	},
 	{
 		deliveryFrequency: [ONLY_WEEKEND_DELIVERY_FREQ],
@@ -162,18 +162,18 @@ const deliveryOptionMessages = [
 		title: 'Mail',
 		customId: 'ML',
 		description:
-			"We can only deliver the FT Weekend newspaper to your location by postal mail which means your delivery will arrive up to 3 business days after the date of publication and will not include the HTSI Magazine. We also fly the newspaper to your location which means delivery is subject to flight delays/cancellations outside the FT's control. If you prefer to read the printed content on the day of publication, please proceed to subscribe to the FT ePaper - a digital replica of the print edition.",
+			'We can only deliver the FT Weekend newspaper to your location by postal mail which means your delivery will arrive up to 3 business days after the date of publication and will not include the HTSI Magazine. We also fly the newspaper to your location which means delivery is subject to flight delays/cancellations outside the FT\'s control. If you prefer to read the printed content on the day of publication, please proceed to subscribe to the FT ePaper - a digital replica of the print edition.',
 	},
 ];
 
-function includesDeliveryFrequency(productCode = '', item) {
+function includesDeliveryFrequency (productCode = '', item) {
 	return item.deliveryFrequency.find((freq) => {
 		const productCodePattern = deliveryFrequencyProductsMapping[freq];
 		return productCode.includes(productCodePattern);
 	});
 }
 
-function mailStrategy(productCode, option, country, item) {
+function mailStrategy (productCode, option, country, item) {
 	return (
 		includesDeliveryFrequency(productCode, item) &&
 		item.distributorType === MAIL &&
@@ -181,7 +181,7 @@ function mailStrategy(productCode, option, country, item) {
 	);
 }
 
-function handDeliveryStrategy(productCode, option, country, item) {
+function handDeliveryStrategy (productCode, option, country, item) {
 	return (
 		includesDeliveryFrequency(productCode, item) &&
 		item.distributorType === HAND_DELIVERY &&
@@ -197,7 +197,7 @@ function handDeliveryStrategy(productCode, option, country, item) {
  * Both cases are represented by system option code 'HD', but differ on the mailDelivery property value.
  * If no message matchs, then undefined is returned.
  */
-function findCustomDeliveryOption(productCode, option, country) {
+function findCustomDeliveryOption (productCode, option, country) {
 	let deliveryOption;
 
 	if (option.value === HAND_DELIVERY) {
@@ -216,7 +216,7 @@ function findCustomDeliveryOption(productCode, option, country) {
 	return deliveryOption;
 }
 
-function getDeliveryOption(productCode, option, country) {
+function getDeliveryOption (productCode, option, country) {
 	return country === UK_COUNTRY_CODE
 		? UKDeliveryOptions[option.value]
 		: findCustomDeliveryOption(productCode, option, country);

package/utils/delivery-option-messages.spec.js

@@ -86,7 +86,7 @@ describe('Find Custom Delivery Option', () => {
 				title: 'Mail',
 				customId: 'ML',
 				description:
-					"We can only deliver the newspaper to your location by postal mail which means your delivery will arrive up to 3 business days after the date of publication and will not include the HTSI Magazine. We also fly the newspaper to your location which means delivery is subject to flight delays/cancellations outside the FT's control. If you prefer to read the printed content on the day of publication, please proceed to subscribe to the FT ePaper - a digital replica of the print edition.",
+					'We can only deliver the newspaper to your location by postal mail which means your delivery will arrive up to 3 business days after the date of publication and will not include the HTSI Magazine. We also fly the newspaper to your location which means delivery is subject to flight delays/cancellations outside the FT\'s control. If you prefer to read the printed content on the day of publication, please proceed to subscribe to the FT ePaper - a digital replica of the print edition.',
 			};
 
 			const deliveryOption = getDeliveryOption(
@@ -103,7 +103,7 @@ describe('Find Custom Delivery Option', () => {
 				title: 'Mail',
 				customId: 'ML',
 				description:
-					"We can only deliver the FT Weekend newspaper to your location by postal mail which means your delivery will arrive up to 3 business days after the date of publication and will not include the HTSI Magazine. We also fly the newspaper to your location which means delivery is subject to flight delays/cancellations outside the FT's control. If you prefer to read the printed content on the day of publication, please proceed to subscribe to the FT ePaper - a digital replica of the print edition.",
+					'We can only deliver the FT Weekend newspaper to your location by postal mail which means your delivery will arrive up to 3 business days after the date of publication and will not include the HTSI Magazine. We also fly the newspaper to your location which means delivery is subject to flight delays/cancellations outside the FT\'s control. If you prefer to read the printed content on the day of publication, please proceed to subscribe to the FT ePaper - a digital replica of the print edition.',
 			};
 
 			const deliveryOption = getDeliveryOption(

package/utils/delivery-option.js

@@ -9,7 +9,7 @@ class DeliveryOption {
 	 * @param {Element} element Usually the window.document
 	 * @throws If the element not passed
 	 */
-	constructor(element) {
+	constructor (element) {
 		if (!element) {
 			throw new Error('Please supply the DOM element');
 		}
@@ -27,7 +27,7 @@ class DeliveryOption {
 	 * Binds the given callback to the field's onchange event.
 	 * @param {Function} callback The callback function to call when a change event occurs.
 	 */
-	handleDeliveryOptionChange(callback) {
+	handleDeliveryOptionChange (callback) {
 		if (this.$form.elements['deliveryOption'].length === undefined) {
 			this.$form.elements['deliveryOption'].addEventListener(
 				'change',
@@ -43,7 +43,7 @@ class DeliveryOption {
 	/**
 	 * Hide a specific radio input item.
 	 */
-	hideItem(itemId) {
+	hideItem (itemId) {
 		const labelNodes = this.$form.querySelectorAll(
 			'.ncf__delivery-option__item'
 		);
@@ -56,7 +56,7 @@ class DeliveryOption {
 	/**
 	 * Show a specific radio input item.
 	 */
-	showItem(itemId) {
+	showItem (itemId) {
 		const labelNodes = this.$form.querySelectorAll(
 			'.ncf__delivery-option__item'
 		);
@@ -69,7 +69,7 @@ class DeliveryOption {
 	/**
 	 * Mark an input item as checked
 	 */
-	checkItem(itemId) {
+	checkItem (itemId) {
 		const inputNodes = this.$form.elements['deliveryOption'];
 		const item = Array.from(inputNodes).find((node) => node.id === itemId);
 		if (item) {

package/utils/delivery-po-box.js

@@ -1,7 +1,7 @@
 const FormElement = require('./form-element');
 
 class DeliveryPOBox extends FormElement {
-	constructor(document, fieldId = 'deliveryPOBoxField') {
+	constructor (document, fieldId = 'deliveryPOBoxField') {
 		super(document, `.ncf #${fieldId}`);
 	}
 }

package/utils/delivery-postcode.js

@@ -1,7 +1,7 @@
 const Postcode = require('./postcode');
 
 class DeliveryPostcode extends Postcode {
-	constructor(document) {
+	constructor (document) {
 		super(document, '.ncf #deliveryPostcodeField');
 	}
 }

package/utils/delivery-start-date.js

@@ -11,7 +11,7 @@ class DeliveryStartDate {
 	 * @param {Element} element Usually the window.document
 	 * @throws If the element not passed
 	 */
-	constructor(element) {
+	constructor (element) {
 		if (!element) {
 			throw new Error('Please supply the DOM element');
 		}
@@ -60,7 +60,7 @@ class DeliveryStartDate {
 	 * @returns {boolean} Whether or not the start date is valid.
 	 * @throws If there was an error calling the endpoint to check this.
 	 */
-	async handleDeliveryStartDateChange(url, getData) {
+	async handleDeliveryStartDateChange (url, getData) {
 		const isNewValue =
 			this.previousDeliveryDateValue !== this.$deliveryStartDate.value;
 		this.previousDeliveryDateValue = this.$deliveryStartDate.value;
@@ -103,14 +103,14 @@ class DeliveryStartDate {
 	/**
 	 * Enables the start date field
 	 */
-	enable() {
+	enable () {
 		this.$deliveryStartDate.removeAttribute('disabled');
 	}
 
 	/**
 	 * Disables the start date field
 	 */
-	disable() {
+	disable () {
 		this.$deliveryStartDate.setAttribute('disabled', 'true');
 	}
 }

package/utils/email.js

@@ -12,7 +12,7 @@ class Email {
 	 * @throws If the element not passed
 	 * @throws When the email element not found
 	 */
-	constructor(element) {
+	constructor (element) {
 		if (!element) {
 			throw new Error('Please supply the DOM element');
 		}
@@ -35,7 +35,7 @@ class Email {
 	/**
 	 * Check the values of the two fields and update error state accordingly.
 	 */
-	checkMatch() {
+	checkMatch () {
 		if (this.$emailConfirm.value) {
 			if (this.$email.value !== this.$emailConfirm.value) {
 				this.$emailConfirmField.classList.add('o-forms--error');
@@ -54,7 +54,7 @@ class Email {
 	 * @param {Function} onNotFound Callback function to run if email does *not* exist.
 	 * @returns {Function} The handler function so the caller can unregister it if they need.
 	 */
-	registerEmailExistsCheck(url, onFound, onNotFound) {
+	registerEmailExistsCheck (url, onFound, onNotFound) {
 		const handler = () => {
 			this.handleEmailExistsChange(url, onFound, onNotFound);
 		};
@@ -71,7 +71,7 @@ class Email {
 	 * @param {Function} onNotFound Function to call when not found
 	 * @return {Promise}
 	 */
-	handleEmailExistsChange(url, onFound, onNotFound) {
+	handleEmailExistsChange (url, onFound, onNotFound) {
 		if (this.$email.value) {
 			return fetch(url, {
 				method: 'POST',

package/utils/event-notifier.js

@@ -44,6 +44,6 @@ module.exports = {
 	},
 };
 
-function notifier(payload, windowObject) {
+function notifier (payload, windowObject) {
 	windowObject.postMessage(JSON.stringify(payload), '*');
 }

package/utils/form-element.js

@@ -10,7 +10,7 @@ class FormElement {
 	 * @param {object} document The global document object
 	 * @param {string} querySelector The selector for the main element used by this component.
 	 */
-	constructor(document, querySelector) {
+	constructor (document, querySelector) {
 		this.$document = document;
 
 		if (!this.$document) {
@@ -31,21 +31,21 @@ class FormElement {
 	/**
 	 * Hides the form element.
 	 */
-	hide() {
+	hide () {
 		this.$el.classList.add('ncf__hidden');
 	}
 
 	/**
 	 * Shows the form element.
 	 */
-	show() {
+	show () {
 		this.$el.classList.remove('ncf__hidden');
 	}
 
 	/**
 	 * Disable any inputs or selects inside form element
 	 */
-	disable() {
+	disable () {
 		for (let i = 0; i < this.inputs.length; i++) {
 			this.inputs[i].disabled = true;
 		}
@@ -54,7 +54,7 @@ class FormElement {
 	/**
 	 * Enable any inputs or selects inside form element
 	 */
-	enable() {
+	enable () {
 		for (let i = 0; i < this.inputs.length; i++) {
 			this.inputs[i].disabled = false;
 		}
@@ -64,14 +64,14 @@ class FormElement {
 	 * Get the value of the form element
 	 * Assumes the first input or select is what's required
 	 */
-	value() {
+	value () {
 		return this.$el.querySelector('input,select').value;
 	}
 
 	/**
 	 * Make firts input element required
 	 */
-	makeRequired() {
+	makeRequired () {
 		if (this.inputs && this.inputs.length) {
 			this.inputs[0].required = true;
 		}
@@ -81,7 +81,7 @@ class FormElement {
 	/**
 	 * Make firts input element not required (optional)
 	 */
-	makeOptional() {
+	makeOptional () {
 		if (this.inputs && this.inputs.length) {
 			this.inputs[0].required = false;
 		}

package/utils/loader.js

@@ -12,7 +12,7 @@ class Loader {
 	 * @throws If the document not passed
 	 * @throws When the loader element not found
 	 */
-	constructor(element) {
+	constructor (element) {
 		if (!element) {
 			throw new Error('Please supply a DOM element');
 		}
@@ -38,7 +38,7 @@ class Loader {
 	/**
 	 * Clear the content.
 	 */
-	clearContent() {
+	clearContent () {
 		this.$loaderContent.innerHTML = '';
 	}
 
@@ -48,7 +48,7 @@ class Loader {
 	 * @param {string} title The HTML markup/string containing the title of the message.
 	 * @param {string} content The HTML markup/string containing the main content of the message.
 	 */
-	setContent({ title, content }) {
+	setContent ({ title, content }) {
 		if (title) {
 			if (!this.$loaderContentTitle) {
 				this.$loaderContentTitle = document.createElement('div');
@@ -70,7 +70,7 @@ class Loader {
 	 *
 	 * @param {object} content The optional content to set *before* showing the loader.
 	 */
-	show(content) {
+	show (content) {
 		this._previouslyFocused = document.activeElement;
 
 		if (content) {
@@ -88,7 +88,7 @@ class Loader {
 	 *
 	 * @param {object} content The optional content to set *before* showing the loader.
 	 */
-	showAndPreventTabbing(content) {
+	showAndPreventTabbing (content) {
 		this.show(content);
 
 		this.element.addEventListener('keydown', this.interceptTab);
@@ -97,7 +97,7 @@ class Loader {
 	/**
 	 * Hide the loader
 	 */
-	hide() {
+	hide () {
 		this.$loader.classList.add(this.HIDDEN_CLASS);
 		this.$loader.classList.remove(this.VISIBLE_CLASS);
 		this.$loader.removeAttribute('tabindex');
@@ -114,7 +114,7 @@ class Loader {
 	 * Intercepts Tab key events that normally navigate through the content on the page.
 	 * @param {object} event The event object for the keypress.
 	 */
-	interceptTab(event) {
+	interceptTab (event) {
 		if (event.keyCode === 9) {
 			event.preventDefault();
 		}
@@ -125,7 +125,7 @@ class Loader {
 	 * @param {DOMElement} element Show loader over this
 	 * @param {Object} content Content for the loader in standard format
 	 */
-	showOnElement(element, content) {
+	showOnElement (element, content) {
 		const existingLoader = element.querySelector('.ncf__loader');
 		const loader = new DOMParser()
 			.parseFromString(this.template(content), 'text/html')
@@ -142,7 +142,7 @@ class Loader {
 	 * Remove loader from a given element
 	 * @param {DOMElement} element Loader inside
 	 */
-	removeFromElement(element) {
+	removeFromElement (element) {
 		element.querySelector('.ncf__loader').remove();
 	}
 
@@ -151,7 +151,7 @@ class Loader {
 	 * @param {String} title
 	 * @param {String} content
 	 */
-	template({ title = 'Loading', content = '' }) {
+	template ({ title = 'Loading', content = '' }) {
 		return `
 		<div class="ncf__loader is-visible ncf__loader--element"
 			role="dialog"

package/utils/password.js

@@ -13,7 +13,7 @@ class Password {
 	 * @throws If the document not passed
 	 * @throws When the password element not found
 	 */
-	constructor(element) {
+	constructor (element) {
 		if (!element) {
 			throw new Error('Please supply a DOM element');
 		}
@@ -34,7 +34,7 @@ class Password {
 	 * Toggle whether the password is shown in plain text or not
 	 * @param {Boolean} mask Pass false to show plain text
 	 */
-	toggleMask(mask) {
+	toggleMask (mask) {
 		this.$password.type = mask ? 'password' : 'text';
 	}
 }

package/utils/payment-term.js

@@ -28,7 +28,7 @@ class PaymentTerm {
 	 * @throws If the document not passed
 	 * @throws When the paymentTermField element not found
 	 */
-	constructor(element) {
+	constructor (element) {
 		if (!element) {
 			throw new Error('Please supply a DOM element');
 		}
@@ -46,7 +46,7 @@ class PaymentTerm {
 	 * @return {String}
 	 * @throws If nothing has been selected
 	 */
-	getSelected() {
+	getSelected () {
 		const checked = this.$paymentTerm.querySelector('input:checked');
 		if (!checked) {
 			throw new Error('No payment term has been selected');
@@ -59,7 +59,7 @@ class PaymentTerm {
 	 * @return {Number}
 	 * @throws If no payment term has been selected
 	 */
-	getBaseAmount() {
+	getBaseAmount () {
 		const checked = this.$paymentTerm.querySelector('input:checked');
 		if (!checked) {
 			throw new Error('No payment term has been selected');
@@ -71,7 +71,7 @@ class PaymentTerm {
 	 * Register on change an event listener
 	 * @param {Function} callback Called with event when changed
 	 */
-	onChange(callback = () => {}) {
+	onChange (callback = () => {}) {
 		return this.$paymentTerm.addEventListener('change', callback);
 	}
 
@@ -79,7 +79,7 @@ class PaymentTerm {
 	 * Update the payment term options
 	 * @param {Array} options Array of objects contain terms information
 	 */
-	updateOptions(options) {
+	updateOptions (options) {
 		const terms = this.$paymentTerm.querySelectorAll(ITEM_CLASS);
 		for (let i = 0; i < terms.length; i++) {
 			const term = terms[i];

package/utils/payment-type.js

@@ -16,7 +16,7 @@ class PaymentType {
 	 * @throws If the document not passed
 	 * @throws When the paymentTypeField element not found
 	 */
-	constructor(element) {
+	constructor (element) {
 		if (!element) {
 			throw new Error('Please supply a DOM element');
 		}
@@ -46,7 +46,7 @@ class PaymentType {
 	 * Hides and removes from the DOM the payment type given
 	 * @param {String} type Payment type to hide
 	 */
-	hide(type) {
+	hide (type) {
 		const container = this.$paymentType.querySelector(`#${type}`).parentElement
 			.parentElement;
 		container.classList.add('ncf__hidden');
@@ -57,7 +57,7 @@ class PaymentType {
 	 * cloning existing payment types
 	 * @param {String} type Payment type to show
 	 */
-	show(type) {
+	show (type) {
 		const container = this.$paymentType.querySelector(`#${type}`).parentElement
 			.parentElement;
 		container.classList.remove('ncf__hidden');
@@ -66,14 +66,14 @@ class PaymentType {
 	/**
 	 * Display an error message on the paymentType
 	 */
-	displayError() {
+	displayError () {
 		this.$paymentType.classList.add('o-forms-input--invalid');
 	}
 
 	/**
 	 * Remove an error from display
 	 */
-	removeError() {
+	removeError () {
 		this.$paymentType.classList.remove('o-forms-input--invalid');
 	}
 
@@ -81,7 +81,7 @@ class PaymentType {
 	 * Register on change an event listener
 	 * @param {Function} callback Called with event when changed
 	 */
-	onChange(callback = () => {}) {
+	onChange (callback = () => {}) {
 		return this.$paymentType.addEventListener('change', callback);
 	}
 
@@ -90,7 +90,7 @@ class PaymentType {
 	 * @return {String}
 	 * @throws If nothing has been selected
 	 */
-	getSelected() {
+	getSelected () {
 		const checked = this.$paymentType.querySelector('input:checked');
 		if (!checked) {
 			throw new Error('No payment type has been selected');
@@ -101,7 +101,7 @@ class PaymentType {
 	/**
 	 * Show the payment types panel
 	 */
-	showPanel() {
+	showPanel () {
 		const type = this.getSelected();
 		const content = this.$paymentType.querySelectorAll(
 			'.ncf__payment-type-panel'
@@ -116,19 +116,19 @@ class PaymentType {
 		}
 	}
 
-	static get CREDITCARD() {
+	static get CREDITCARD () {
 		return 'creditcard';
 	}
 
-	static get DIRECTDEBIT() {
+	static get DIRECTDEBIT () {
 		return 'directdebit';
 	}
 
-	static get PAYPAL() {
+	static get PAYPAL () {
 		return 'paypal';
 	}
 
-	static get APPLEPAY() {
+	static get APPLEPAY () {
 		return 'applepay';
 	}
 }