@financial-times/n-conversion-forms 27.7.1 → 28.0.0

package/utils/delivery-option-messages.js

@@ -64,7 +64,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: [
@@ -90,7 +90,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: [
@@ -184,7 +184,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 5 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 5 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],
@@ -194,7 +194,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],
@@ -214,7 +214,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],
@@ -233,18 +233,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 5 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 5 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, FTShippingZone, item) {
+function mailStrategy(productCode, option, FTShippingZone, item) {
 	return (
 		includesDeliveryFrequency(productCode, item) &&
 		item.distributorType === MAIL &&
@@ -252,7 +252,7 @@ function mailStrategy (productCode, option, FTShippingZone, item) {
 	);
 }
 
-function handDeliveryStrategy (productCode, option, FTShippingZone, item) {
+function handDeliveryStrategy(productCode, option, FTShippingZone, item) {
 	return (
 		includesDeliveryFrequency(productCode, item) &&
 		item.distributorType === HAND_DELIVERY &&
@@ -268,7 +268,7 @@ function handDeliveryStrategy (productCode, option, FTShippingZone, 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, FTShippingZone) {
+function findCustomDeliveryOption(productCode, option, FTShippingZone) {
 	let deliveryOption;
 
 	if (option.value === HAND_DELIVERY) {
@@ -287,7 +287,7 @@ function findCustomDeliveryOption (productCode, option, FTShippingZone) {
 	return deliveryOption;
 }
 
-function getDeliveryOption (productCode, option, FTShippingZone) {
+function getDeliveryOption(productCode, option, FTShippingZone) {
 	return FTShippingZone === UK_COUNTRY_CODE
 		? UKDeliveryOptions[option.value]
 		: findCustomDeliveryOption(productCode, option, FTShippingZone);

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 5 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 5 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 5 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 5 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(
@@ -135,7 +135,6 @@ describe('Find Custom Delivery Option', () => {
 	});
 
 	describe('Find CEMEA/APAC Delivery Option', () => {
-
 		it('returns CEMEA/APAC HD delivery option', () => {
 			stubOption.flightMarket = true;
 			stubOption.deliveryOnPublicationDate = false;
@@ -146,11 +145,7 @@ describe('Find Custom Delivery Option', () => {
 					'Enjoy the delivery of the newspaper to your home or office address. Please 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 the next delivery day. Please also be aware that your FT weekend will be delivered on Sunday.',
 			};
 
-			const deliveryOption = getDeliveryOption(
-				'N6D',
-				stubOption,
-				'CEMEA_V1'
-			);
+			const deliveryOption = getDeliveryOption('N6D', stubOption, 'CEMEA_V1');
 
 			expect(deliveryOption).toEqual(expected);
 		});
@@ -165,11 +160,7 @@ describe('Find Custom Delivery Option', () => {
 					'Enjoy delivery of the newspaper to your home or office address. Note this is a postal delivery - expect delivery after the day of publication. If you would prefer to read the newspaper on the day of publication, purchase an FT ePaper subscription, our digital replica of the each daily edition.',
 			};
 
-			const deliveryOption = getDeliveryOption(
-				'N6D',
-				stubOption,
-				'APAC'
-			);
+			const deliveryOption = getDeliveryOption('N6D', stubOption, 'APAC');
 
 			expect(deliveryOption).toEqual(expected);
 		});

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/delivery-start-date.spec.js

@@ -73,7 +73,7 @@ describe('DeliveryStartDate', () => {
 		let startDateUtil;
 		let startDateChangeResult;
 
-		async function setup () {
+		async function setup() {
 			global.fetch = jest.fn(() =>
 				Promise.resolve({
 					json: () =>
@@ -136,7 +136,8 @@ describe('DeliveryStartDate', () => {
 		});
 
 		it('displays an error and return false if the fetch call errors', async () => {
-			global.fetch = jest.fn(() => Promise.reject('API is down'));
+			const fetchError = new Error('API is down');
+			global.fetch = jest.fn(() => Promise.reject(fetchError));
 			startDateUtil = new DeliveryStartDate(document);
 
 			let startDateChangeResult =

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/email.spec.js

@@ -170,7 +170,8 @@ describe('Email', () => {
 		});
 
 		it('calls the onNotFound callback if the call to the url fails', async () => {
-			global.fetch = jest.fn(() => Promise.reject('API is down'));
+			const fetchError = new Error('API is down');
+			global.fetch = jest.fn(() => Promise.reject(fetchError));
 
 			emailElement.value = 'test@example.com';
 			await email.handleEmailExistsChange(url, onFound, onNotFound);

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 first input element required
 	 */
-	makeRequired () {
+	makeRequired() {
 		if (this.inputs && this.inputs.length) {
 			this.inputs[0].required = true;
 		}
@@ -81,7 +81,7 @@ class FormElement {
 	/**
 	 * Make first 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

@@ -1,7 +1,4 @@
-const {
-	Period,
-	Monthly,
-} = require('@financial-times/n-pricing');
+const { Period, Monthly } = require('@financial-times/n-pricing');
 
 /**
  * Utility for the `n-conversion-forms/partial/payment-term.html` partial
@@ -33,7 +30,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');
 		}
@@ -51,7 +48,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');
@@ -64,7 +61,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');
@@ -76,11 +73,11 @@ 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);
 	}
 
-	isValidPeriod (period) {
+	isValidPeriod(period) {
 		try {
 			// Period should throw an error if it is not properly provided
 			// in order to validate it, we just send in case type is string
@@ -89,9 +86,9 @@ class PaymentTerm {
 		} catch (e) {
 			return false;
 		}
-	};
+	}
 
-	getMontlyPriceFromPeriod (amount, currency, period) {
+	getMontlyPriceFromPeriod(amount, currency, period) {
 		const periodObj = new Period(period);
 		const monthlyPrice = periodObj.calculatePrice('P1M', amount);
 		return new Monthly({ value: monthlyPrice, currency }).getAmount('monthly');
@@ -101,7 +98,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];
@@ -126,9 +123,13 @@ class PaymentTerm {
 				trialPrice.innerHTML = update.trialPrice;
 			}
 			if (monthlyPrice) {
-				monthlyPrice.innerHTML = this.isValidPeriod(update.value) ?
-					this.getMontlyPriceFromPeriod(update.amount, update.currency, update.value) :
-					update.monthlyPrice;
+				monthlyPrice.innerHTML = this.isValidPeriod(update.value)
+					? this.getMontlyPriceFromPeriod(
+							update.amount,
+							update.currency,
+							update.value
+					  )
+					: update.monthlyPrice;
 			}
 		}
 	}