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

package/dist/decision-maker.js

@@ -1,33 +1,24 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.DecisionMaker = DecisionMaker;
-
 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; }
-
 function DecisionMaker(_ref) {
   var _ref$hasError = _ref.hasError,
-      hasError = _ref$hasError === void 0 ? false : _ref$hasError,
-      _ref$value = _ref.value,
-      value = _ref$value === void 0 ? 'yes' : _ref$value;
+    hasError = _ref$hasError === void 0 ? false : _ref$hasError,
+    _ref$value = _ref.value,
+    value = _ref$value === void 0 ? 'yes' : _ref$value;
   var radioButtonsWrapperClassNames = (0, _classnames["default"])(['o-forms-input', 'o-forms-input--radio-box', 'o-forms-input--inline', {
     'o-forms-input--invalid': hasError
   }]);
-
   var decisionMakerYesInputProps = _objectSpread({
     type: 'radio',
     id: 'decisionMakerYes',
@@ -37,7 +28,6 @@ function DecisionMaker(_ref) {
   }, value === 'yes' && {
     defaultChecked: true
   });
-
   var decisionMakerNoInputProps = _objectSpread({
     type: 'radio',
     id: 'decisionMakerNo',
@@ -47,7 +37,6 @@ function DecisionMaker(_ref) {
   }, value === 'no' && {
     defaultChecked: true
   });
-
   return /*#__PURE__*/_react["default"].createElement("div", {
     id: "decisionMakerField",
     role: "group",
@@ -77,7 +66,6 @@ function DecisionMaker(_ref) {
     className: "o-forms-input__error"
   }, "Please select an option")));
 }
-
 DecisionMaker.propTypes = {
   hasError: _propTypes["default"].bool,
   value: _propTypes["default"].string

package/dist/deferred-billing-terms.js

@@ -1,47 +1,37 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.DeferredBillingTerms = DeferredBillingTerms;
-
 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 CONSENT_AGE = 16;
-
 function DeferredBillingTerms(_ref) {
   var _ref$isDeferredBillin = _ref.isDeferredBilling,
-      isDeferredBilling = _ref$isDeferredBillin === void 0 ? false : _ref$isDeferredBillin,
-      _ref$checkBoxTrackabl = _ref.checkBoxTrackableAttr,
-      checkBoxTrackableAttr = _ref$checkBoxTrackabl === void 0 ? 'field-terms' : _ref$checkBoxTrackabl,
-      _ref$trackableAttr = _ref.trackableAttr,
-      trackableAttr = _ref$trackableAttr === void 0 ? 'deferred-billing-terms' : _ref$trackableAttr,
-      _ref$errorMessage = _ref.errorMessage,
-      errorMessage = _ref$errorMessage === void 0 ? 'Please accept our terms &amp; conditions' : _ref$errorMessage,
-      _ref$inputId = _ref.inputId,
-      inputId = _ref$inputId === void 0 ? 'accept-deferred-billing-terms' : _ref$inputId,
-      _ref$fieldId = _ref.fieldId,
-      fieldId = _ref$fieldId === void 0 ? 'accept-deferred-terms' : _ref$fieldId,
-      _ref$isChecked = _ref.isChecked,
-      isChecked = _ref$isChecked === void 0 ? false : _ref$isChecked,
-      _ref$hasError = _ref.hasError,
-      hasError = _ref$hasError === void 0 ? false : _ref$hasError;
+    isDeferredBilling = _ref$isDeferredBillin === void 0 ? false : _ref$isDeferredBillin,
+    _ref$checkBoxTrackabl = _ref.checkBoxTrackableAttr,
+    checkBoxTrackableAttr = _ref$checkBoxTrackabl === void 0 ? 'field-terms' : _ref$checkBoxTrackabl,
+    _ref$trackableAttr = _ref.trackableAttr,
+    trackableAttr = _ref$trackableAttr === void 0 ? 'deferred-billing-terms' : _ref$trackableAttr,
+    _ref$errorMessage = _ref.errorMessage,
+    errorMessage = _ref$errorMessage === void 0 ? 'Please accept our terms &amp; conditions' : _ref$errorMessage,
+    _ref$inputId = _ref.inputId,
+    inputId = _ref$inputId === void 0 ? 'accept-deferred-billing-terms' : _ref$inputId,
+    _ref$fieldId = _ref.fieldId,
+    fieldId = _ref$fieldId === void 0 ? 'accept-deferred-terms' : _ref$fieldId,
+    _ref$isChecked = _ref.isChecked,
+    isChecked = _ref$isChecked === void 0 ? false : _ref$isChecked,
+    _ref$hasError = _ref.hasError,
+    hasError = _ref$hasError === void 0 ? false : _ref$hasError;
   var labelClassName = (0, _classnames["default"])(['o-forms-input', 'o-forms-input--checkbox', {
     'o-forms-input--invalid': hasError
   }]);
-
   var inputProps = _objectSpread({
     id: "".concat(inputId),
     type: 'checkbox',
@@ -53,7 +43,6 @@ function DeferredBillingTerms(_ref) {
   }, isChecked && {
     defaultChecked: true
   });
-
   var divProps = _objectSpread({
     id: 'acceptTermsField',
     className: 'o-forms-field o-layout-typography ncf__validation-error',
@@ -61,7 +50,6 @@ function DeferredBillingTerms(_ref) {
   }, isChecked && {
     'data-trackable': trackableAttr
   });
-
   return isDeferredBilling && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("p", {
     className: labelClassName
   }, /*#__PURE__*/_react["default"].createElement("span", {
@@ -113,7 +101,6 @@ function DeferredBillingTerms(_ref) {
     className: "o-forms-input__error"
   }, errorMessage))));
 }
-
 ;
 DeferredBillingTerms.propTypes = {
   hasError: _propTypes["default"].bool,

package/dist/delivery-address-map.js

@@ -1,13 +1,12 @@
 "use strict";
 
+var _constants = require("../helpers/constants");
 var React = require('react');
-
 var addressTemplateGenerator = function addressTemplateGenerator(addressLine1, addressLine2, addressLine3) {
-  return /*#__PURE__*/React.createElement(React.Fragment, null, ' ', addressLine1, addressLine2, addressLine3, ' ');
+  return /*#__PURE__*/React.createElement(React.Fragment, null, addressLine1, addressLine2, addressLine3);
 };
-
 var deliveryAddressMap = {
-  'home': {
+  home: {
     addressLine1Placeholder: {
       GBR: 'e.g. 10 Elm Street',
       USA: 'e.g. 10 Elm St.',
@@ -32,6 +31,16 @@ var deliveryAddressMap = {
     addressLine1Title: {
       ARE: 'PO Box'
     },
+    // Overrides auto-complete
+    addressLine2AutoComplete: {
+      USA: _constants.addressLine3AutoComplete,
+      CAN: _constants.addressLine3AutoComplete
+    },
+    // Overrides auto-complete
+    addressLine3AutoComplete: {
+      USA: _constants.addressLine2AutoComplete,
+      CAN: _constants.addressLine2AutoComplete
+    },
     addressLine3Title: {
       GBR: 'Address line 3',
       USA: 'APT/FL/STE',
@@ -52,12 +61,12 @@ var deliveryAddressMap = {
         CEMEA_V1: addressTemplateGenerator(addressLine1, addressLine2, addressLine3),
         CEMEA_V2: addressTemplateGenerator(addressLine1, addressLine2, addressLine3),
         APAC: addressTemplateGenerator(addressLine1, addressLine2, addressLine3),
-        ARE: /*#__PURE__*/React.createElement(React.Fragment, null, ' ', addressLine1, ' ')
+        ARE: /*#__PURE__*/React.createElement(React.Fragment, null, " ", addressLine1, " ")
       };
       return addressLines[region];
     }
   },
-  'company': {
+  company: {
     addressLine1Placeholder: {
       GBR: 'e.g. 10 Elm Street',
       USA: 'e.g. 10 Elm St.',
@@ -91,7 +100,17 @@ var deliveryAddressMap = {
       CAN: 'Max. 6 characters. Please enter “Apartment 2C” as “Apt 2C”, “Floor 10 as FL 10”'
     },
     addressLine1Title: {
-      'ARE': 'PO Box'
+      ARE: 'PO Box'
+    },
+    // Overrides auto-complete
+    addressLine2AutoComplete: {
+      USA: _constants.addressLine3AutoComplete,
+      CAN: _constants.addressLine3AutoComplete
+    },
+    // Overrides auto-complete
+    addressLine3AutoComplete: {
+      USA: _constants.addressLine2AutoComplete,
+      CAN: _constants.addressLine2AutoComplete
     },
     template: function template(addressLine1, addressLine2, addressLine3, region) {
       var addressLines = {
@@ -101,12 +120,12 @@ var deliveryAddressMap = {
         CEMEA_V1: addressTemplateGenerator(addressLine1, addressLine2, addressLine3),
         CEMEA_V2: addressTemplateGenerator(addressLine1, addressLine2, addressLine3),
         APAC: addressTemplateGenerator(addressLine1, addressLine2, addressLine3),
-        ARE: /*#__PURE__*/React.createElement(React.Fragment, null, ' ', addressLine1, ' ')
+        ARE: /*#__PURE__*/React.createElement(React.Fragment, null, " ", addressLine1, " ")
       };
       return addressLines[region];
     }
   },
-  'pobox': {
+  pobox: {
     addressLine1Placeholder: {
       GBR: 'e.g. 10 Elm Street',
       USA: 'e.g. 10 Elm St.',
@@ -122,6 +141,16 @@ var deliveryAddressMap = {
       USA: 'APT/FL/STE',
       CAN: 'APT/FL/STE'
     },
+    // Overrides auto-complete
+    addressLine2AutoComplete: {
+      USA: _constants.addressLine3AutoComplete,
+      CAN: _constants.addressLine3AutoComplete
+    },
+    // Overrides auto-complete
+    addressLine3AutoComplete: {
+      USA: _constants.addressLine2AutoComplete,
+      CAN: _constants.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”'
@@ -131,8 +160,8 @@ var deliveryAddressMap = {
         GBR: addressTemplateGenerator(addressLine1, addressLine2, addressLine3),
         USA: addressTemplateGenerator(addressLine1, addressLine3, addressLine2),
         CAN: addressTemplateGenerator(addressLine1, addressLine3, addressLine2),
-        CEMEA_V1: /*#__PURE__*/React.createElement(React.Fragment, null, ' ', addressLine1, ' '),
-        CEMEA_V2: /*#__PURE__*/React.createElement(React.Fragment, null, ' ', addressLine1, ' ')
+        CEMEA_V1: /*#__PURE__*/React.createElement(React.Fragment, null, " ", addressLine1, " "),
+        CEMEA_V2: /*#__PURE__*/React.createElement(React.Fragment, null, " ", addressLine1, " ")
       };
       return addressLines[region];
     }

package/dist/delivery-address-type.js

@@ -1,16 +1,12 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.DeliveryAddressType = DeliveryAddressType;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var addressTypes = [{
   id: 'home',
   label: 'Home Address'
@@ -21,20 +17,19 @@ var addressTypes = [{
   id: 'pobox',
   label: 'P.O. Box'
 }];
-
 function DeliveryAddressType(_ref) {
   var _ref$value = _ref.value,
-      value = _ref$value === void 0 ? 'home' : _ref$value,
-      _ref$fieldId = _ref.fieldId,
-      fieldId = _ref$fieldId === void 0 ? 'deliveryAddressTypeField' : _ref$fieldId,
-      _ref$inputName = _ref.inputName,
-      inputName = _ref$inputName === void 0 ? 'deliveryAddressType' : _ref$inputName,
-      _ref$options = _ref.options,
-      options = _ref$options === void 0 ? ['home', 'company', 'pobox'] : _ref$options,
-      _ref$editMode = _ref.editMode,
-      editMode = _ref$editMode === void 0 ? false : _ref$editMode,
-      _ref$titlePrompt = _ref.titlePrompt,
-      titlePrompt = _ref$titlePrompt === void 0 ? '' : _ref$titlePrompt;
+    value = _ref$value === void 0 ? 'home' : _ref$value,
+    _ref$fieldId = _ref.fieldId,
+    fieldId = _ref$fieldId === void 0 ? 'deliveryAddressTypeField' : _ref$fieldId,
+    _ref$inputName = _ref.inputName,
+    inputName = _ref$inputName === void 0 ? 'deliveryAddressType' : _ref$inputName,
+    _ref$options = _ref.options,
+    options = _ref$options === void 0 ? ['home', 'company', 'pobox'] : _ref$options,
+    _ref$editMode = _ref.editMode,
+    editMode = _ref$editMode === void 0 ? false : _ref$editMode,
+    _ref$titlePrompt = _ref.titlePrompt,
+    titlePrompt = _ref$titlePrompt === void 0 ? '' : _ref$titlePrompt;
   return /*#__PURE__*/_react["default"].createElement("div", {
     id: fieldId,
     className: "o-forms-field ncf__delivery-address-type",
@@ -70,7 +65,6 @@ function DeliveryAddressType(_ref) {
     }, type.label));
   })));
 }
-
 DeliveryAddressType.propTypes = {
   fieldId: _propTypes["default"].string,
   inputName: _propTypes["default"].string,

package/dist/delivery-address.js

@@ -1,41 +1,35 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.DeliveryAddress = DeliveryAddress;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _deliveryAddressMap = _interopRequireDefault(require("./delivery-address-map"));
-
+var _constants = require("../helpers/constants");
 var _supportedCountries = require("../helpers/supportedCountries");
-
 function DeliveryAddress(_ref) {
   var _ref$fieldId = _ref.fieldId,
-      fieldId = _ref$fieldId === void 0 ? 'deliveryAddressFields' : _ref$fieldId,
-      _ref$hasError = _ref.hasError,
-      hasError = _ref$hasError === void 0 ? false : _ref$hasError,
-      _ref$line = _ref.line1,
-      line1 = _ref$line === void 0 ? '' : _ref$line,
-      _ref$line2 = _ref.line2,
-      line2 = _ref$line2 === void 0 ? '' : _ref$line2,
-      _ref$line3 = _ref.line3,
-      line3 = _ref$line3 === void 0 ? '' : _ref$line3,
-      _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$country = _ref.country,
-      country = _ref$country === void 0 ? 'GBR' : _ref$country,
-      _ref$addressType = _ref.addressType,
-      addressType = _ref$addressType === void 0 ? 'home' : _ref$addressType;
+    fieldId = _ref$fieldId === void 0 ? 'deliveryAddressFields' : _ref$fieldId,
+    _ref$hasError = _ref.hasError,
+    hasError = _ref$hasError === void 0 ? false : _ref$hasError,
+    _ref$line = _ref.line1,
+    line1 = _ref$line === void 0 ? '' : _ref$line,
+    _ref$line2 = _ref.line2,
+    line2 = _ref$line2 === void 0 ? '' : _ref$line2,
+    _ref$line3 = _ref.line3,
+    line3 = _ref$line3 === void 0 ? '' : _ref$line3,
+    _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$country = _ref.country,
+    country = _ref$country === void 0 ? 'GBR' : _ref$country,
+    _ref$addressType = _ref.addressType,
+    addressType = _ref$addressType === void 0 ? 'home' : _ref$addressType;
   var divClassNames = (0, _classnames["default"])([{
     ncf__hidden: isHidden
   }]);
@@ -43,7 +37,6 @@ function DeliveryAddress(_ref) {
     'o-forms-input--invalid': hasError
   }]);
   var FTShippingZone = (0, _supportedCountries.identifyFTShippingZone)(country);
-
   var addressLine1 = /*#__PURE__*/_react["default"].createElement("label", {
     className: "o-forms-field ncf__validation-error",
     htmlFor: "deliveryAddressLine1"
@@ -58,7 +51,7 @@ function DeliveryAddress(_ref) {
     id: "deliveryAddressLine1",
     name: "deliveryAddressLine1",
     "data-trackable": "field-deliveryAddressLine1",
-    autoComplete: "address-line1",
+    autoComplete: _constants.addressLine1AutoComplete,
     placeholder: _deliveryAddressMap["default"][addressType].addressLine1Placeholder[FTShippingZone],
     maxLength: 50,
     "aria-required": "true",
@@ -68,7 +61,6 @@ function DeliveryAddress(_ref) {
   }), /*#__PURE__*/_react["default"].createElement("span", {
     className: "o-forms-input__error"
   }, "Please enter a valid address")));
-
   var addressLine2 = /*#__PURE__*/_react["default"].createElement("label", {
     className: "o-forms-field o-forms-field--optional",
     htmlFor: "deliveryAddressLine2"
@@ -83,13 +75,12 @@ function DeliveryAddress(_ref) {
     id: "deliveryAddressLine2",
     name: "deliveryAddressLine2",
     "data-trackable": "field-deliveryAddressLine2",
-    autoComplete: "address-line2",
+    autoComplete: _deliveryAddressMap["default"][addressType].addressLine2AutoComplete[FTShippingZone] || _constants.addressLine2AutoComplete,
     placeholder: _deliveryAddressMap["default"][addressType].addressLine2Placeholder[FTShippingZone] || '',
     maxLength: 50,
     disabled: isDisabled,
     defaultValue: line2
   })));
-
   var addressLine3 = /*#__PURE__*/_react["default"].createElement("label", {
     className: "o-forms-field o-forms-field--optional",
     htmlFor: "deliveryAddressLine3"
@@ -106,22 +97,19 @@ function DeliveryAddress(_ref) {
     id: "deliveryAddressLine3",
     name: "deliveryAddressLine3",
     "data-trackable": "field-deliveryAddressLine3",
-    autoComplete: "address-line3",
+    autoComplete: _deliveryAddressMap["default"][addressType].addressLine3AutoComplete[FTShippingZone] || _constants.addressLine3AutoComplete,
     placeholder: _deliveryAddressMap["default"][addressType].addressLine3Placeholder[FTShippingZone] || 'e.g. Apt. 1',
     maxLength: 50,
     disabled: isDisabled,
     defaultValue: line3
   })));
-
   var addressLines = _deliveryAddressMap["default"][addressType].template(addressLine1, addressLine2, addressLine3, FTShippingZone);
-
   return /*#__PURE__*/_react["default"].createElement("div", {
     id: fieldId,
     "data-validate": "required",
     className: divClassNames
   }, addressLines);
 }
-
 DeliveryAddress.propTypes = {
   fieldId: _propTypes["default"].string,
   hasError: _propTypes["default"].bool,

package/dist/delivery-city.js

@@ -1,29 +1,23 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.DeliveryCity = DeliveryCity;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _supportedCountries = require("../helpers/supportedCountries");
-
 function DeliveryCity(_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$country = _ref.country,
-      country = _ref$country === void 0 ? 'GBR' : _ref$country;
+    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$country = _ref.country,
+    country = _ref$country === void 0 ? 'GBR' : _ref$country;
   var inputWrapperClassName = (0, _classnames["default"])(['o-forms-input', 'o-forms-input--text', {
     'o-forms-input--invalid': hasError
   }]);
@@ -67,7 +61,6 @@ function DeliveryCity(_ref) {
     className: "o-forms-input__error"
   }, "Please enter a valid city or town")));
 }
-
 DeliveryCity.propTypes = {
   hasError: _propTypes["default"].bool,
   value: _propTypes["default"].string,

package/dist/delivery-county.js

@@ -1,25 +1,20 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.DeliveryCounty = DeliveryCounty;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 function DeliveryCounty(_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;
+    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;
   var inputWrapperClassName = (0, _classnames["default"])(['o-forms-input', 'o-forms-input--text', {
     'o-forms-input--invalid': hasError
   }]);
@@ -46,7 +41,6 @@ function DeliveryCounty(_ref) {
     defaultValue: value
   })));
 }
-
 DeliveryCounty.propTypes = {
   hasError: _propTypes["default"].bool,
   value: _propTypes["default"].string,

package/dist/delivery-instructions.js

@@ -1,26 +1,17 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.DeliveryInstructions = DeliveryInstructions;
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _supportedCountries = require("../helpers/supportedCountries");
-
 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 spanMessageByCountry = {
   GBR: /*#__PURE__*/_react["default"].createElement("span", {
     className: "o-forms-title__prompt"
@@ -63,25 +54,24 @@ var spanMessageByCountry = {
     href: "https://help.ft.com/contact/"
   }, "FT Customer Care"), "."))
 };
-
 function DeliveryInstructions(_ref) {
   var _ref$fieldId = _ref.fieldId,
-      fieldId = _ref$fieldId === void 0 ? 'deliveryInstructionsField' : _ref$fieldId,
-      _ref$hasError = _ref.hasError,
-      hasError = _ref$hasError === void 0 ? false : _ref$hasError,
-      _ref$inputId = _ref.inputId,
-      inputId = _ref$inputId === void 0 ? 'deliveryInstructions' : _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,
-      country = _ref.country;
+    fieldId = _ref$fieldId === void 0 ? 'deliveryInstructionsField' : _ref$fieldId,
+    _ref$hasError = _ref.hasError,
+    hasError = _ref$hasError === void 0 ? false : _ref$hasError,
+    _ref$inputId = _ref.inputId,
+    inputId = _ref$inputId === void 0 ? 'deliveryInstructions' : _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,
+    country = _ref.country;
   var textAreaWrapperClassNames = (0, _classnames["default"])(['o-forms-input', 'o-forms-input--textarea', {
     'o-forms-input--invalid': hasError
   }]);
@@ -94,7 +84,6 @@ function DeliveryInstructions(_ref) {
     USA: "Enter instructions ".concat(maxlength && "(Max. ".concat(maxlength, " characters)"), ":\n- Door colour, driveway signage\n- Cross street").concat(extraInstruction),
     CAN: "Enter instructions ".concat(maxlength && "(Max. ".concat(maxlength, " characters)"), ":\n- Door colour, driveway signage\n- Cross street").concat(extraInstruction)
   };
-
   var textAreaProps = _objectSpread(_objectSpread(_objectSpread({
     id: inputId,
     name: inputId
@@ -108,11 +97,9 @@ function DeliveryInstructions(_ref) {
     disabled: isDisabled,
     defaultValue: value
   });
-
   var deliveryInstructionsMessage = /*#__PURE__*/_react["default"].createElement("span", {
     className: "o-forms-title__prompt"
   }, "Special characters including punctuation cannot be used in the delivery instructions.");
-
   return /*#__PURE__*/_react["default"].createElement("label", {
     id: fieldId,
     className: "o-forms-field o-forms-field--optional",
@@ -126,7 +113,6 @@ function DeliveryInstructions(_ref) {
     className: textAreaWrapperClassNames
   }, /*#__PURE__*/_react["default"].createElement("textarea", textAreaProps)));
 }
-
 DeliveryInstructions.propTypes = {
   hasError: _propTypes["default"].bool,
   maxlength: _propTypes["default"].number,