@financial-times/n-conversion-forms 27.6.3 → 27.6.4

package/components/__snapshots__/delivery-address.spec.js.snap

@@ -196,7 +196,7 @@ exports[`DeliveryAddress renders with country different than default 1`] = `
              id="deliveryAddressLine3"
              name="deliveryAddressLine3"
              data-trackable="field-deliveryAddressLine3"
-             autocomplete="address-line3"
+             autocomplete="address-line2"
              placeholder="e.g Apt 2C / FL 10 / STE 50"
              maxlength="50"
              value
@@ -216,7 +216,7 @@ exports[`DeliveryAddress renders with country different than default 1`] = `
              id="deliveryAddressLine2"
              name="deliveryAddressLine2"
              data-trackable="field-deliveryAddressLine2"
-             autocomplete="address-line2"
+             autocomplete="address-line3"
              placeholder
              maxlength="50"
              value

package/components/delivery-address-map.jsx

@@ -1,14 +1,19 @@
 const React = require('react');
+import {
+	addressLine2AutoComplete,
+	addressLine3AutoComplete,
+} from '../helpers/constants';
 
-const addressTemplateGenerator = (addressLine1, addressLine2, addressLine3) => (<>
-	{' '}
-	{addressLine1}
-	{addressLine2}
-	{addressLine3}{' '}
-</>);
+const addressTemplateGenerator = (addressLine1, addressLine2, addressLine3) => (
+	<>
+		{addressLine1}
+		{addressLine2}
+		{addressLine3}
+	</>
+);
 
 const deliveryAddressMap = {
-	'home': {
+	home: {
 		addressLine1Placeholder: {
 			GBR: 'e.g. 10 Elm Street',
 			USA: 'e.g. 10 Elm St.',
@@ -16,7 +21,7 @@ const deliveryAddressMap = {
 			CEMEA_V1: 'Street and House Number',
 			CEMEA_V2: 'House Number and Street',
 			APAC: 'Street name',
-			ARE: 'PO Box 12345'
+			ARE: 'PO Box 12345',
 		},
 		addressLine2Placeholder: {
 			CEMEA_V1: 'Apt No./Floor/Building',
@@ -30,10 +35,20 @@ const deliveryAddressMap = {
 			CEMEA_V2: ' ',
 			APAC: 'District/County/Province/Ward',
 		},
-		addressLine1Title:{
+		addressLine1Title: {
 			ARE: 'PO Box',
 		},
-		addressLine3Title:  {
+		// Overrides auto-complete
+		addressLine2AutoComplete: {
+			USA: addressLine3AutoComplete,
+			CAN: addressLine3AutoComplete,
+		},
+		// Overrides auto-complete
+		addressLine3AutoComplete: {
+			USA: addressLine2AutoComplete,
+			CAN: addressLine2AutoComplete,
+		},
+		addressLine3Title: {
 			GBR: 'Address line 3',
 			USA: 'APT/FL/STE',
 			CAN: 'APT/FL/STE',
@@ -50,21 +65,27 @@ const deliveryAddressMap = {
 				GBR: addressTemplateGenerator(addressLine1, addressLine2, addressLine3),
 				USA: addressTemplateGenerator(addressLine1, addressLine3, addressLine2),
 				CAN: addressTemplateGenerator(addressLine1, addressLine3, addressLine2),
-
-				CEMEA_V1: addressTemplateGenerator(addressLine1, addressLine2, addressLine3),
-				CEMEA_V2: addressTemplateGenerator(addressLine1, addressLine2, addressLine3),
-				APAC: addressTemplateGenerator(addressLine1, addressLine2, addressLine3),
-				ARE:(
-					<>
-						{' '}
-						{addressLine1}{' '}
-					</>
-				)
+				CEMEA_V1: addressTemplateGenerator(
+					addressLine1,
+					addressLine2,
+					addressLine3
+				),
+				CEMEA_V2: addressTemplateGenerator(
+					addressLine1,
+					addressLine2,
+					addressLine3
+				),
+				APAC: addressTemplateGenerator(
+					addressLine1,
+					addressLine2,
+					addressLine3
+				),
+				ARE: <> {addressLine1} </>,
 			};
 			return addressLines[region];
-		}
+		},
 	},
-	'company': {
+	company: {
 		addressLine1Placeholder: {
 			GBR: 'e.g. 10 Elm Street',
 			USA: 'e.g. 10 Elm St.',
@@ -72,7 +93,7 @@ const deliveryAddressMap = {
 			CEMEA_V1: 'Street and House Number',
 			CEMEA_V2: 'House Number and Street',
 			APAC: 'Street name',
-			ARE: 'PO Box 12345'
+			ARE: 'PO Box 12345',
 		},
 		addressLine2Placeholder: {
 			CEMEA_V1: 'Apt No./Floor/Building/Department',
@@ -86,7 +107,7 @@ const deliveryAddressMap = {
 			CEMEA_V2: 'Department name/job title',
 			APAC: 'District/County/Province/Ward',
 		},
-		addressLine3Title:  {
+		addressLine3Title: {
 			GBR: 'Address line 3',
 			USA: 'APT/FL/STE',
 			CAN: 'APT/FL/STE',
@@ -97,8 +118,18 @@ const deliveryAddressMap = {
 			USA: 'Max. 6 characters. Please enter “Apartment 2C” as “Apt 2C”, “Floor 10 as FL 10”',
 			CAN: 'Max. 6 characters. Please enter “Apartment 2C” as “Apt 2C”, “Floor 10 as FL 10”',
 		},
-		addressLine1Title:{
-			'ARE': 'PO Box',
+		addressLine1Title: {
+			ARE: 'PO Box',
+		},
+		// Overrides auto-complete
+		addressLine2AutoComplete: {
+			USA: addressLine3AutoComplete,
+			CAN: addressLine3AutoComplete,
+		},
+		// Overrides auto-complete
+		addressLine3AutoComplete: {
+			USA: addressLine2AutoComplete,
+			CAN: addressLine2AutoComplete,
 		},
 		template: (addressLine1, addressLine2, addressLine3, region) => {
 			const addressLines = {
@@ -106,20 +137,27 @@ const deliveryAddressMap = {
 				USA: addressTemplateGenerator(addressLine1, addressLine3, addressLine2),
 				CAN: addressTemplateGenerator(addressLine1, addressLine3, addressLine2),
 
-				CEMEA_V1: addressTemplateGenerator(addressLine1, addressLine2, addressLine3),
-				CEMEA_V2: addressTemplateGenerator(addressLine1, addressLine2, addressLine3),
-				APAC: addressTemplateGenerator(addressLine1, addressLine2, addressLine3),
-				ARE:(
-					<>
-						{' '}
-						{addressLine1}{' '}
-					</>
-				)
+				CEMEA_V1: addressTemplateGenerator(
+					addressLine1,
+					addressLine2,
+					addressLine3
+				),
+				CEMEA_V2: addressTemplateGenerator(
+					addressLine1,
+					addressLine2,
+					addressLine3
+				),
+				APAC: addressTemplateGenerator(
+					addressLine1,
+					addressLine2,
+					addressLine3
+				),
+				ARE: <> {addressLine1} </>,
 			};
 			return addressLines[region];
-		}
+		},
 	},
-	'pobox': {
+	pobox: {
 		addressLine1Placeholder: {
 			GBR: 'e.g. 10 Elm Street',
 			USA: 'e.g. 10 Elm St.',
@@ -127,16 +165,24 @@ const deliveryAddressMap = {
 			CEMEA_V1: 'P.O. Box',
 			CEMEA_V2: 'P.O. Box',
 		},
-		addressLine2Placeholder: {
-		},
-		addressLine3Placeholder: {
-		},
-		addressLine1Title:{},
-		addressLine3Title:  {
+		addressLine2Placeholder: {},
+		addressLine3Placeholder: {},
+		addressLine1Title: {},
+		addressLine3Title: {
 			GBR: 'Address line 3',
 			USA: 'APT/FL/STE',
 			CAN: 'APT/FL/STE',
 		},
+		// Overrides auto-complete
+		addressLine2AutoComplete: {
+			USA: addressLine3AutoComplete,
+			CAN: addressLine3AutoComplete,
+		},
+		// Overrides auto-complete
+		addressLine3AutoComplete: {
+			USA: addressLine2AutoComplete,
+			CAN: addressLine2AutoComplete,
+		},
 		addressLine3Prompt: {
 			USA: 'Max. 6 characters. Please enter “Apartment 2C” as “Apt 2C”, “Floor 10 as FL 10”',
 			CAN: 'Max. 6 characters. Please enter “Apartment 2C” as “Apt 2C”, “Floor 10 as FL 10”',
@@ -147,21 +193,11 @@ const deliveryAddressMap = {
 				USA: addressTemplateGenerator(addressLine1, addressLine3, addressLine2),
 				CAN: addressTemplateGenerator(addressLine1, addressLine3, addressLine2),
 
-				CEMEA_V1: (
-					<>
-						{' '}
-						{addressLine1}{' '}
-					</>
-				),
-				CEMEA_V2:(
-					<>
-						{' '}
-						{addressLine1}{' '}
-					</>
-				)
+				CEMEA_V1: <> {addressLine1} </>,
+				CEMEA_V2: <> {addressLine1} </>,
 			};
 			return addressLines[region];
-		}
+		},
 	},
 };
 

package/components/delivery-address.jsx

@@ -2,7 +2,16 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import deliveryAddressMap from './delivery-address-map';
-import { identifyFTShippingZone, countriesSupportedISO } from '../helpers/supportedCountries';
+import {
+	addressLine1AutoComplete,
+	addressLine2AutoComplete,
+	addressLine3AutoComplete,
+} from '../helpers/constants';
+import {
+	identifyFTShippingZone,
+	countriesSupportedISO,
+} from '../helpers/supportedCountries';
+
 export function DeliveryAddress ({
 	fieldId = 'deliveryAddressFields',
 	hasError = false,
@@ -22,7 +31,6 @@ export function DeliveryAddress ({
 	]);
 	const FTShippingZone = identifyFTShippingZone(country);
 
-
 	const addressLine1 = (
 		<label
 			className="o-forms-field ncf__validation-error"
@@ -30,7 +38,8 @@ export function DeliveryAddress ({
 		>
 			<span className="o-forms-title">
 				<span className="o-forms-title__main">
-					{deliveryAddressMap[addressType].addressLine1Title[FTShippingZone] || 'Address line 1'}
+					{deliveryAddressMap[addressType].addressLine1Title[FTShippingZone] ||
+						'Address line 1'}
 				</span>
 			</span>
 			<span className={inputWrapperClassNames}>
@@ -39,8 +48,12 @@ export function DeliveryAddress ({
 					id="deliveryAddressLine1"
 					name="deliveryAddressLine1"
 					data-trackable="field-deliveryAddressLine1"
-					autoComplete="address-line1"
-					placeholder={deliveryAddressMap[addressType].addressLine1Placeholder[FTShippingZone]}
+					autoComplete={addressLine1AutoComplete}
+					placeholder={
+						deliveryAddressMap[addressType].addressLine1Placeholder[
+							FTShippingZone
+						]
+					}
 					maxLength={50}
 					aria-required="true"
 					required
@@ -68,8 +81,16 @@ export function DeliveryAddress ({
 					id="deliveryAddressLine2"
 					name="deliveryAddressLine2"
 					data-trackable="field-deliveryAddressLine2"
-					autoComplete="address-line2"
-					placeholder={deliveryAddressMap[addressType].addressLine2Placeholder[FTShippingZone] || ''}
+					autoComplete={
+						deliveryAddressMap[addressType].addressLine2AutoComplete[
+							FTShippingZone
+						] || addressLine2AutoComplete
+					}
+					placeholder={
+						deliveryAddressMap[addressType].addressLine2Placeholder[
+							FTShippingZone
+						] || ''
+					}
 					maxLength={50}
 					disabled={isDisabled}
 					defaultValue={line2}
@@ -97,8 +118,16 @@ export function DeliveryAddress ({
 					id="deliveryAddressLine3"
 					name="deliveryAddressLine3"
 					data-trackable="field-deliveryAddressLine3"
-					autoComplete="address-line3"
-					placeholder={deliveryAddressMap[addressType].addressLine3Placeholder[FTShippingZone] || 'e.g. Apt. 1'}
+					autoComplete={
+						deliveryAddressMap[addressType].addressLine3AutoComplete[
+							FTShippingZone
+						] || addressLine3AutoComplete
+					}
+					placeholder={
+						deliveryAddressMap[addressType].addressLine3Placeholder[
+							FTShippingZone
+						] || 'e.g. Apt. 1'
+					}
 					maxLength={50}
 					disabled={isDisabled}
 					defaultValue={line3}

package/dist/accept-terms.js

@@ -1,64 +1,54 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.AcceptTerms = AcceptTerms;
-
 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(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; }
-
 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; }
-
 var DEFAULT_AGE_RESTRICTION = '16';
-
 function AcceptTerms(_ref) {
   var _ref$isAuthFirstAccou = _ref.isAuthFirstAccount,
-      isAuthFirstAccount = _ref$isAuthFirstAccou === void 0 ? false : _ref$isAuthFirstAccou,
-      _ref$isAuthFirstPayme = _ref.isAuthFirstPayment,
-      isAuthFirstPayment = _ref$isAuthFirstPayme === void 0 ? false : _ref$isAuthFirstPayme,
-      _ref$hasError = _ref.hasError,
-      hasError = _ref$hasError === void 0 ? false : _ref$hasError,
-      _ref$isSignup = _ref.isSignup,
-      isSignup = _ref$isSignup === void 0 ? false : _ref$isSignup,
-      _ref$isRegister = _ref.isRegister,
-      isRegister = _ref$isRegister === void 0 ? false : _ref$isRegister,
-      _ref$isChecked = _ref.isChecked,
-      isChecked = _ref$isChecked === void 0 ? false : _ref$isChecked,
-      _ref$isB2b = _ref.isB2b,
-      isB2b = _ref$isB2b === void 0 ? false : _ref$isB2b,
-      _ref$isB2cPartnership = _ref.isB2cPartnership,
-      isB2cPartnership = _ref$isB2cPartnership === void 0 ? false : _ref$isB2cPartnership,
-      _ref$ageRestriction = _ref.ageRestriction,
-      ageRestriction = _ref$ageRestriction === void 0 ? DEFAULT_AGE_RESTRICTION : _ref$ageRestriction,
-      _ref$isEmbedded = _ref.isEmbedded,
-      isEmbedded = _ref$isEmbedded === void 0 ? false : _ref$isEmbedded,
-      _ref$isCorpSignup = _ref.isCorpSignup,
-      isCorpSignup = _ref$isCorpSignup === void 0 ? false : _ref$isCorpSignup,
-      _ref$isTrial = _ref.isTrial,
-      isTrial = _ref$isTrial === void 0 ? false : _ref$isTrial,
-      _ref$isTransition = _ref.isTransition,
-      isTransition = _ref$isTransition === void 0 ? false : _ref$isTransition,
-      _ref$transitionType = _ref.transitionType,
-      transitionType = _ref$transitionType === void 0 ? null : _ref$transitionType,
-      _ref$isPrintProduct = _ref.isPrintProduct,
-      isPrintProduct = _ref$isPrintProduct === void 0 ? false : _ref$isPrintProduct,
-      _ref$specialTerms = _ref.specialTerms,
-      specialTerms = _ref$specialTerms === void 0 ? null : _ref$specialTerms,
-      _ref$isSingleTerm = _ref.isSingleTerm,
-      isSingleTerm = _ref$isSingleTerm === void 0 ? false : _ref$isSingleTerm,
-      _ref$hideConfirmTerms = _ref.hideConfirmTermsAndConditions,
-      hideConfirmTermsAndConditions = _ref$hideConfirmTerms === void 0 ? false : _ref$hideConfirmTerms;
-
+    isAuthFirstAccount = _ref$isAuthFirstAccou === void 0 ? false : _ref$isAuthFirstAccou,
+    _ref$isAuthFirstPayme = _ref.isAuthFirstPayment,
+    isAuthFirstPayment = _ref$isAuthFirstPayme === void 0 ? false : _ref$isAuthFirstPayme,
+    _ref$hasError = _ref.hasError,
+    hasError = _ref$hasError === void 0 ? false : _ref$hasError,
+    _ref$isSignup = _ref.isSignup,
+    isSignup = _ref$isSignup === void 0 ? false : _ref$isSignup,
+    _ref$isRegister = _ref.isRegister,
+    isRegister = _ref$isRegister === void 0 ? false : _ref$isRegister,
+    _ref$isChecked = _ref.isChecked,
+    isChecked = _ref$isChecked === void 0 ? false : _ref$isChecked,
+    _ref$isB2b = _ref.isB2b,
+    isB2b = _ref$isB2b === void 0 ? false : _ref$isB2b,
+    _ref$isB2cPartnership = _ref.isB2cPartnership,
+    isB2cPartnership = _ref$isB2cPartnership === void 0 ? false : _ref$isB2cPartnership,
+    _ref$ageRestriction = _ref.ageRestriction,
+    ageRestriction = _ref$ageRestriction === void 0 ? DEFAULT_AGE_RESTRICTION : _ref$ageRestriction,
+    _ref$isEmbedded = _ref.isEmbedded,
+    isEmbedded = _ref$isEmbedded === void 0 ? false : _ref$isEmbedded,
+    _ref$isCorpSignup = _ref.isCorpSignup,
+    isCorpSignup = _ref$isCorpSignup === void 0 ? false : _ref$isCorpSignup,
+    _ref$isTrial = _ref.isTrial,
+    isTrial = _ref$isTrial === void 0 ? false : _ref$isTrial,
+    _ref$isTransition = _ref.isTransition,
+    isTransition = _ref$isTransition === void 0 ? false : _ref$isTransition,
+    _ref$transitionType = _ref.transitionType,
+    transitionType = _ref$transitionType === void 0 ? null : _ref$transitionType,
+    _ref$isPrintProduct = _ref.isPrintProduct,
+    isPrintProduct = _ref$isPrintProduct === void 0 ? false : _ref$isPrintProduct,
+    _ref$specialTerms = _ref.specialTerms,
+    specialTerms = _ref$specialTerms === void 0 ? null : _ref$specialTerms,
+    _ref$isSingleTerm = _ref.isSingleTerm,
+    isSingleTerm = _ref$isSingleTerm === void 0 ? false : _ref$isSingleTerm,
+    _ref$hideConfirmTerms = _ref.hideConfirmTermsAndConditions,
+    hideConfirmTermsAndConditions = _ref$hideConfirmTerms === void 0 ? false : _ref$hideConfirmTerms;
   var divProps = _objectSpread(_objectSpread({
     id: 'acceptTermsField',
     className: 'o-forms-field o-layout-typography ncf__validation-error',
@@ -68,11 +58,9 @@ function AcceptTerms(_ref) {
   }), isRegister && {
     'data-trackable': 'register-up-terms'
   });
-
   var labelClassName = (0, _classnames["default"])(['o-forms-input', 'o-forms-input--checkbox', {
     'o-forms-input--invalid': hasError
   }]);
-
   var inputProps = _objectSpread({
     id: 'termsAcceptance',
     type: 'checkbox',
@@ -84,7 +72,6 @@ function AcceptTerms(_ref) {
   }, isChecked && {
     defaultChecked: true
   });
-
   var authFirstStepTerms = /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("ul", {
     className: "o-typography-list ncf__accept-terms-list"
   }, /*#__PURE__*/_react["default"].createElement("li", null, /*#__PURE__*/_react["default"].createElement("span", {
@@ -115,7 +102,6 @@ function AcceptTerms(_ref) {
   }, "Terms & Conditions"), "."), /*#__PURE__*/_react["default"].createElement("p", {
     className: "o-forms-input__error"
   }, "Please accept our terms & conditions")));
-
   var registerTerms = /*#__PURE__*/_react["default"].createElement("label", {
     className: labelClassName,
     htmlFor: "termsAcceptance"
@@ -130,7 +116,6 @@ function AcceptTerms(_ref) {
   }, "Terms & Conditions"), "."), /*#__PURE__*/_react["default"].createElement("p", {
     className: "o-forms-input__error"
   }, "Please accept our terms & conditions"));
-
   var b2bTerms = isB2b ? /*#__PURE__*/_react["default"].createElement("li", null, /*#__PURE__*/_react["default"].createElement("span", {
     className: "terms-b2b"
   }, "By submitting this form, you indicate your consent to also being contacted by Financial Times by email, post, or phone about our other products, services or special offers unless you untick this box.")) : /*#__PURE__*/_react["default"].createElement("li", null, /*#__PURE__*/_react["default"].createElement("span", {
@@ -142,7 +127,6 @@ function AcceptTerms(_ref) {
     rel: "noopener noreferrer",
     "data-trackable": "terms-and-conditions"
   }, "Terms & Conditions"), "."));
-
   var corpSignupTerms = isCorpSignup && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("li", null, /*#__PURE__*/_react["default"].createElement("span", {
     className: "terms-corp-signup"
   }, "Your organisation\u2019s administrator(s) may view basic usage and profile data about your account and have the ability to set up myFT topic follows on your behalf.")), /*#__PURE__*/_react["default"].createElement("li", null, /*#__PURE__*/_react["default"].createElement("span", {
@@ -152,7 +136,6 @@ function AcceptTerms(_ref) {
   }, "myFT topics may be selected on your behalf by your company administrator or FT representative for you to follow. You can unfollow these topics or unsubscribe from the myFT digest through the Contact preferences section on myFT.")), isTrial && /*#__PURE__*/_react["default"].createElement("li", null, /*#__PURE__*/_react["default"].createElement("span", {
     className: "terms-corp-signup"
   }, "This trial is to demonstrate the value of a group subscription and we\u2019ll contact you during your trial.")));
-
   var transitionTerms = isTransition && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, !isSingleTerm && /*#__PURE__*/_react["default"].createElement("li", null, /*#__PURE__*/_react["default"].createElement("span", {
     className: "terms-transition"
   }, "I give consent for my chosen payment method to be charged automatically at the end of each subscription term until I cancel it by contacting", ' ', /*#__PURE__*/_react["default"].createElement("a", {
@@ -172,9 +155,7 @@ function AcceptTerms(_ref) {
     target: "_blank",
     rel: "noopener noreferrer"
   }, "Terms & Conditions"), ".")));
-
   var printSignupTermText = isTrial ? 'Credits for delivery suspension or delivery failure are not available during introductory offer periods.' : 'Credit for delivery suspensions is only available for hand-delivered subscriptions and is limited to a maximum of 24 issues per yearly subscription terms (4 issues per yearly FT Weekend subscription term).';
-
   var signupTerms = isSignup && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, isPrintProduct ? /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("li", null, /*#__PURE__*/_react["default"].createElement("span", {
     className: "terms-print"
   }, printSignupTermText)), /*#__PURE__*/_react["default"].createElement("li", null, /*#__PURE__*/_react["default"].createElement("span", {
@@ -203,7 +184,6 @@ function AcceptTerms(_ref) {
   }, "Terms & Conditions"), "."))), specialTerms && /*#__PURE__*/_react["default"].createElement("li", null, /*#__PURE__*/_react["default"].createElement("span", {
     className: "terms-special"
   }, specialTerms)));
-
   var b2cPartnershipTerms = /*#__PURE__*/_react["default"].createElement("label", {
     className: [labelClassName, 'checkbox-two-lines'].join(' ')
   }, /*#__PURE__*/_react["default"].createElement("input", inputProps), /*#__PURE__*/_react["default"].createElement("span", {
@@ -217,7 +197,6 @@ function AcceptTerms(_ref) {
   }, "Terms & Conditions"), "."), /*#__PURE__*/_react["default"].createElement("p", {
     className: "o-forms-input__error"
   }, "Please accept our terms & conditions"));
-
   return /*#__PURE__*/_react["default"].createElement("div", divProps, isB2cPartnership ? b2cPartnershipTerms : isRegister ? registerTerms : isAuthFirstAccount ? authFirstStepTerms : /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("ul", {
     className: "o-typography-list ncf__accept-terms-list"
   }, !isAuthFirstPayment && b2bTerms, corpSignupTerms, transitionTerms, signupTerms), /*#__PURE__*/_react["default"].createElement("label", {
@@ -229,7 +208,6 @@ function AcceptTerms(_ref) {
     className: "o-forms-input__error"
   }, "Please accept our terms & conditions"))));
 }
-
 AcceptTerms.propTypes = {
   hasError: _propTypes["default"].bool,
   isSignup: _propTypes["default"].bool,

package/dist/app-banner.js

@@ -1,14 +1,11 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.AppBanner = AppBanner;
-
 var _react = _interopRequireDefault(require("react"));
-
 function AppBanner() {
   return /*#__PURE__*/_react["default"].createElement("div", {
     id: "appBanner",

package/dist/b2c-partnership-confirmation.js

@@ -1,19 +1,15 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.B2CPartnershipConfirmation = B2CPartnershipConfirmation;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 function B2CPartnershipConfirmation(_ref) {
   var _ref$ctaElement = _ref.ctaElement,
-      ctaElement = _ref$ctaElement === void 0 ? null : _ref$ctaElement;
+    ctaElement = _ref$ctaElement === void 0 ? null : _ref$ctaElement;
   var readingLinkProps = {
     href: '/',
     className: 'ncf__link'
@@ -49,7 +45,6 @@ function B2CPartnershipConfirmation(_ref) {
     className: "ncf__strong"
   }, "Can we help?"), "For any queries about your Premium subscription please", ' ', /*#__PURE__*/_react["default"].createElement("a", customerCareProps, "contact Customer Care"), "."));
 }
-
 B2CPartnershipConfirmation.propTypes = {
   ctaElement: _propTypes["default"].node
 };

package/dist/billing-city.js

@@ -1,27 +1,22 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.BillingCity = BillingCity;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 function BillingCity(_ref) {
   var _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;
+    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;
   var billingCityFieldClassNames = (0, _classnames["default"])(['o-forms-field', 'ncf__validation-error', {
     ncf__hidden: isHidden
   }]);
@@ -55,7 +50,6 @@ function BillingCity(_ref) {
     className: "o-forms-input__error"
   }, "Please enter a valid city or town")));
 }
-
 BillingCity.propTypes = {
   hasError: _propTypes["default"].bool,
   value: _propTypes["default"].string,