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

package/components/__snapshots__/accept-terms.spec.js.snap

@@ -10,19 +10,19 @@ exports[`AcceptTerms renders appropriately if a isAuthFirstAccount 1`] = `
       <span class="terms-auth-first-step">
         For more information about how we use your data, please refer to our
         <a class="ncf__link--external"
-           href="http://help.ft.com/help/legal-privacy/terms-conditions/"
+           href="https://help.ft.com/legal-privacy/privacy-policy/"
            target="_blank"
            rel="noopener noreferrer"
-           data-trackable="terms-and-conditions"
+           data-trackable="privacy-policy-info"
         >
           privacy
         </a>
         and 
         <a class="ncf__link--external"
-           href="http://help.ft.com/help/legal-privacy/terms-conditions/"
+           href="https://help.ft.com/legal-privacy/cookies/"
            target="_blank"
            rel="noopener noreferrer"
-           data-trackable="terms-and-conditions"
+           data-trackable="cookies-info"
         >
           cookie
         </a>

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

@@ -40,7 +40,7 @@ exports[`DeliveryOption renders with USA print offer 1`] = `
           Mail
         </span>
         <div class="ncf__delivery-option__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&#x27;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&#x27;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.
         </div>
       </span>
     </label>

package/components/__snapshots__/delivery-po-box.spec.js.snap

@@ -11,7 +11,7 @@ exports[`DeliveryPOBox renders with a custom props values 1`] = `
       P.O. Box
     </span>
     <span class="o-forms-title__prompt">
-      A P.O. Box address is only deliverable by US Mail, and is subject to a delay of up to 3 business days. For delivery on the publication date, we recommend you enter a residential or business address.
+      A P.O. Box address is only deliverable by US Mail, and is subject to a delay of up to 5 business days. For delivery on the publication date, we recommend you enter a residential or business address.
     </span>
   </span>
   <span class="o-forms-input o-forms-input--text o-forms-input--invalid">

package/components/__snapshots__/payment-type.spec.js.snap

@@ -67,6 +67,21 @@ exports[`PaymentType can initialise with the loader visible 1`] = `
         </span>
       </label>
     </div>
+    <div class="o-forms-input--radio-box__container ncf__payment-type ncf__payment-type--banktransfer ncf__hidden">
+      <label for="banktransfer">
+        <input type="radio"
+               name="paymentType"
+               value="banktransfer"
+               id="banktransfer"
+               aria-label="Bank Transfer"
+        >
+        <span class="o-forms-input__label"
+              aria-hidden="true"
+        >
+          Bank Transfer
+        </span>
+      </label>
+    </div>
   </div>
   <div class="o-forms-input__error">
     Please enter a valid payment type
@@ -143,6 +158,21 @@ exports[`PaymentType render with default props 1`] = `
         </span>
       </label>
     </div>
+    <div class="o-forms-input--radio-box__container ncf__payment-type ncf__payment-type--banktransfer ncf__hidden">
+      <label for="banktransfer">
+        <input type="radio"
+               name="paymentType"
+               value="banktransfer"
+               id="banktransfer"
+               aria-label="Bank Transfer"
+        >
+        <span class="o-forms-input__label"
+              aria-hidden="true"
+        >
+          Bank Transfer
+        </span>
+      </label>
+    </div>
   </div>
   <div class="o-forms-input__error">
     Please enter a valid payment type
@@ -219,6 +249,112 @@ exports[`PaymentType render with enableApplepay 1`] = `
         </span>
       </label>
     </div>
+    <div class="o-forms-input--radio-box__container ncf__payment-type ncf__payment-type--banktransfer ncf__hidden">
+      <label for="banktransfer">
+        <input type="radio"
+               name="paymentType"
+               value="banktransfer"
+               id="banktransfer"
+               aria-label="Bank Transfer"
+        >
+        <span class="o-forms-input__label"
+              aria-hidden="true"
+        >
+          Bank Transfer
+        </span>
+      </label>
+    </div>
+  </div>
+  <div class="o-forms-input__error">
+    Please enter a valid payment type
+  </div>
+</div>
+<div class="o-forms-field">
+</div>
+`;
+
+exports[`PaymentType render with enableBankTransfer 1`] = `
+<div class="ncf__security-seal">
+</div>
+<div id="paymentTypeField"
+     class="o-forms-field"
+>
+  <div class="o-forms-input o-forms-input--radio-box ncf__payment-type-selector">
+    <div class="o-forms-input--radio-box__container ncf__payment-type ncf__payment-type--creditcard ncf__hidden">
+      <label for="creditcard">
+        <input type="radio"
+               name="paymentType"
+               value="creditcard"
+               id="creditcard"
+               aria-label="Credit / Debit Card"
+        >
+        <span class="o-forms-input__label"
+              aria-hidden="true"
+        >
+          Credit / Debit Card
+        </span>
+      </label>
+    </div>
+    <div class="o-forms-input--radio-box__container ncf__payment-type ncf__payment-type--paypal ncf__hidden">
+      <label for="paypal">
+        <input type="radio"
+               name="paymentType"
+               value="paypal"
+               id="paypal"
+               aria-label="PayPal"
+        >
+        <span class="o-forms-input__label"
+              aria-hidden="true"
+        >
+          PayPal
+        </span>
+      </label>
+    </div>
+    <div class="o-forms-input--radio-box__container ncf__payment-type ncf__payment-type--directdebit ncf__hidden">
+      <label for="directdebit">
+        <input type="radio"
+               name="paymentType"
+               value="directdebit"
+               id="directdebit"
+               aria-label="Direct Debit"
+        >
+        <span class="o-forms-input__label"
+              aria-hidden="true"
+        >
+          Direct Debit
+        </span>
+      </label>
+    </div>
+    <div class="o-forms-input--radio-box__container ncf__payment-type ncf__payment-type--applepay ncf__hidden">
+      <label for="applepay">
+        <input type="radio"
+               name="paymentType"
+               value="applepay"
+               id="applepay"
+               aria-label="Apple Pay"
+        >
+        <span class="o-forms-input__label"
+              aria-hidden="true"
+        >
+          Apple Pay
+        </span>
+      </label>
+    </div>
+    <div class="o-forms-input--radio-box__container ncf__payment-type ncf__payment-type--banktransfer">
+      <label for="banktransfer">
+        <input type="radio"
+               name="paymentType"
+               value="banktransfer"
+               id="banktransfer"
+               aria-label="Bank Transfer"
+        >
+        <span class="o-forms-input__label"
+              aria-hidden="true"
+        >
+          Bank Transfer
+        </span>
+      </label>
+    </div>
   </div>
   <div class="o-forms-input__error">
     Please enter a valid payment type
@@ -295,6 +431,21 @@ exports[`PaymentType render with enableCreditcard 1`] = `
         </span>
       </label>
     </div>
+    <div class="o-forms-input--radio-box__container ncf__payment-type ncf__payment-type--banktransfer ncf__hidden">
+      <label for="banktransfer">
+        <input type="radio"
+               name="paymentType"
+               value="banktransfer"
+               id="banktransfer"
+               aria-label="Bank Transfer"
+        >
+        <span class="o-forms-input__label"
+              aria-hidden="true"
+        >
+          Bank Transfer
+        </span>
+      </label>
+    </div>
   </div>
   <div class="o-forms-input__error">
     Please enter a valid payment type
@@ -391,6 +542,21 @@ exports[`PaymentType render with enableDirectdebit 1`] = `
         </span>
       </label>
     </div>
+    <div class="o-forms-input--radio-box__container ncf__payment-type ncf__payment-type--banktransfer ncf__hidden">
+      <label for="banktransfer">
+        <input type="radio"
+               name="paymentType"
+               value="banktransfer"
+               id="banktransfer"
+               aria-label="Bank Transfer"
+        >
+        <span class="o-forms-input__label"
+              aria-hidden="true"
+        >
+          Bank Transfer
+        </span>
+      </label>
+    </div>
   </div>
   <div class="o-forms-input__error">
     Please enter a valid payment type
@@ -526,6 +692,21 @@ exports[`PaymentType render with enablePaypal 1`] = `
         </span>
       </label>
     </div>
+    <div class="o-forms-input--radio-box__container ncf__payment-type ncf__payment-type--banktransfer ncf__hidden">
+      <label for="banktransfer">
+        <input type="radio"
+               name="paymentType"
+               value="banktransfer"
+               id="banktransfer"
+               aria-label="Bank Transfer"
+        >
+        <span class="o-forms-input__label"
+              aria-hidden="true"
+        >
+          Bank Transfer
+        </span>
+      </label>
+    </div>
   </div>
   <div class="o-forms-input__error">
     Please enter a valid payment type
@@ -602,6 +783,21 @@ exports[`PaymentType render with isSingleTerm 1`] = `
         </span>
       </label>
     </div>
+    <div class="o-forms-input--radio-box__container ncf__payment-type ncf__payment-type--banktransfer ncf__hidden">
+      <label for="banktransfer">
+        <input type="radio"
+               name="paymentType"
+               value="banktransfer"
+               id="banktransfer"
+               aria-label="Bank Transfer"
+        >
+        <span class="o-forms-input__label"
+              aria-hidden="true"
+        >
+          Bank Transfer
+        </span>
+      </label>
+    </div>
   </div>
   <div class="o-forms-input__error">
     Please enter a valid payment type
@@ -691,6 +887,21 @@ exports[`PaymentType render with isSingleTermChecked 1`] = `
         </span>
       </label>
     </div>
+    <div class="o-forms-input--radio-box__container ncf__payment-type ncf__payment-type--banktransfer ncf__hidden">
+      <label for="banktransfer">
+        <input type="radio"
+               name="paymentType"
+               value="banktransfer"
+               id="banktransfer"
+               aria-label="Bank Transfer"
+        >
+        <span class="o-forms-input__label"
+              aria-hidden="true"
+        >
+          Bank Transfer
+        </span>
+      </label>
+    </div>
   </div>
   <div class="o-forms-input__error">
     Please enter a valid payment type
@@ -781,6 +992,21 @@ exports[`PaymentType render with value 1`] = `
         </span>
       </label>
     </div>
+    <div class="o-forms-input--radio-box__container ncf__payment-type ncf__payment-type--banktransfer ncf__hidden">
+      <label for="banktransfer">
+        <input type="radio"
+               name="paymentType"
+               value="banktransfer"
+               id="banktransfer"
+               aria-label="Bank Transfer"
+        >
+        <span class="o-forms-input__label"
+              aria-hidden="true"
+        >
+          Bank Transfer
+        </span>
+      </label>
+    </div>
   </div>
   <div class="o-forms-input__error">
     Please enter a valid payment type

package/components/accept-terms.jsx

@@ -22,6 +22,7 @@ export function AcceptTerms ({
 	isPrintProduct = false,
 	specialTerms = null,
 	isSingleTerm = false,
+	isDeferredBilling = false,
 	hideConfirmTermsAndConditions = false,
 }) {
 	const divProps = {
@@ -59,20 +60,20 @@ export function AcceptTerms ({
 							our{' '}
 							<a
 								className="ncf__link--external"
-								href="http://help.ft.com/help/legal-privacy/terms-conditions/"
+								href="https://help.ft.com/legal-privacy/privacy-policy/"
 								target="_blank"
 								rel="noopener noreferrer"
-								data-trackable="terms-and-conditions"
+								data-trackable="privacy-policy-info"
 							>
 								privacy
 							</a>{' '}
 							and&nbsp;
 							<a
 								className="ncf__link--external"
-								href="http://help.ft.com/help/legal-privacy/terms-conditions/"
+								href="https://help.ft.com/legal-privacy/cookies/"
 								target="_blank"
 								rel="noopener noreferrer"
-								data-trackable="terms-and-conditions"
+								data-trackable="cookies-info"
 							>
 								cookie
 							</a>{' '}
@@ -331,6 +332,15 @@ export function AcceptTerms ({
 		</>
 	);
 
+	const deferredBillingTerms = isDeferredBilling && (
+		<li>
+			<span className="terms-deferred">
+				Please note if you fail to make payment for your deferred billing plan within due
+				date your subscription will be automatically cancelled.
+			</span>
+		</li>
+	);
+
 	const b2cPartnershipTerms = (
 		<label className={[labelClassName, 'checkbox-two-lines'].join(' ')}>
 			<input {...inputProps} />
@@ -369,6 +379,7 @@ export function AcceptTerms ({
 						{corpSignupTerms}
 						{transitionTerms}
 						{signupTerms}
+						{deferredBillingTerms}
 					</ul>
 					<label className={labelClassName} htmlFor="termsAcceptance">
 						<input {...inputProps} />
@@ -401,5 +412,6 @@ AcceptTerms.propTypes = {
 	isPrintProduct: PropTypes.bool,
 	specialTerms: PropTypes.string,
 	isSingleTerm: PropTypes.bool,
+	isDeferredBilling: PropTypes.bool,
 	hideConfirmTermsAndConditions: PropTypes.bool,
 };

package/components/accept-terms.stories.js

@@ -27,6 +27,7 @@ export default {
 		isSingleTerm: { control: 'boolean' },
 		isNewDigitalBuyFlowConsent: { control: 'boolean' },
 		hideConfirmTermsAndConditions: { control: 'boolean' },
+		isDeferredBilling: { control: 'boolean' },
 	},
 };
 

package/components/delivery-po-box.jsx

@@ -3,8 +3,8 @@ import PropTypes from 'prop-types';
 import classNames from 'classnames';
 
 const message = {
-	USA: 'A P.O. Box address is only deliverable by US Mail, and is subject to a delay of up to 3 business days. For delivery on the publication date, we recommend you enter a residential or business address.',
-	CAN: 'A P.O. Box address is only deliverable by Canada Post, and is subject to a delay of up to 3 business days. For delivery on the publication day, we recommend you enter a residential or business address.',
+	USA: 'A P.O. Box address is only deliverable by US Mail, and is subject to a delay of up to 5 business days. For delivery on the publication date, we recommend you enter a residential or business address.',
+	CAN: 'A P.O. Box address is only deliverable by Canada Post, and is subject to a delay of up to 5 business days. For delivery on the publication day, we recommend you enter a residential or business address.',
 };
 
 export function DeliveryPOBox ({

package/components/payment-type.jsx

@@ -34,6 +34,7 @@ export function PaymentType ({
 	enableCreditcard = false,
 	enableDirectdebit = false,
 	enablePaypal = false,
+	enableBankTransfer = false,
 	showLoaderOnInit = false,
 	showPaypalCustomerCareMessage = false,
 	fieldId = 'paymentTypeField',
@@ -90,12 +91,19 @@ export function PaymentType ({
 		hide: !enableApplepay,
 	};
 
+	const paymentTypeBankTransfer = {
+		id: 'banktransfer',
+		label: 'Bank Transfer',
+		hide: !enableBankTransfer,
+	};
+
 	const createPaymentTypes = () => {
 		const paymentTypes = [
 			paymentTypeCreditCard,
 			paymentTypePaypal(),
 			paymentTypeDirectDebit,
 			paymentTypeApplePay,
+			paymentTypeBankTransfer
 		];
 		return paymentTypes.map((type) => {
 			if (type.id === undefined) {
@@ -273,6 +281,7 @@ PaymentType.propTypes = {
 	enableCreditcard: PropTypes.bool,
 	enableDirectdebit: PropTypes.bool,
 	enablePaypal: PropTypes.bool,
+	enableBankTransfer: PropTypes.bool,
 	showLoaderOnInit: PropTypes.bool,
 	showPaypalCustomerCareMessage: PropTypes.bool,
 	fieldId: PropTypes.string,

package/components/payment-type.spec.js

@@ -74,4 +74,12 @@ describe('PaymentType', () => {
 
 		expect(PaymentType).toRenderCorrectly(props);
 	});
+
+	it('render with enableBankTransfer', () => {
+		const props = {
+			enableBankTransfer: true,
+		};
+
+		expect(PaymentType).toRenderCorrectly(props);
+	});
 });

package/components/payment-type.stories.js

@@ -14,4 +14,5 @@ Basic.args = {
 	enableCreditcard: true,
 	enablePaypal: true,
 	showPaypalCustomerCareMessage: true,
+	enableBankTransfer: true,
 };

package/dist/accept-terms.js

@@ -47,6 +47,8 @@ function AcceptTerms(_ref) {
     specialTerms = _ref$specialTerms === void 0 ? null : _ref$specialTerms,
     _ref$isSingleTerm = _ref.isSingleTerm,
     isSingleTerm = _ref$isSingleTerm === void 0 ? false : _ref$isSingleTerm,
+    _ref$isDeferredBillin = _ref.isDeferredBilling,
+    isDeferredBilling = _ref$isDeferredBillin === void 0 ? false : _ref$isDeferredBillin,
     _ref$hideConfirmTerms = _ref.hideConfirmTermsAndConditions,
     hideConfirmTermsAndConditions = _ref$hideConfirmTerms === void 0 ? false : _ref$hideConfirmTerms;
   var divProps = _objectSpread(_objectSpread({
@@ -78,16 +80,16 @@ function AcceptTerms(_ref) {
     className: "terms-auth-first-step"
   }, "For more information about how we use your data, please refer to our", ' ', /*#__PURE__*/_react["default"].createElement("a", {
     className: "ncf__link--external",
-    href: "http://help.ft.com/help/legal-privacy/terms-conditions/",
+    href: "https://help.ft.com/legal-privacy/privacy-policy/",
     target: "_blank",
     rel: "noopener noreferrer",
-    "data-trackable": "terms-and-conditions"
+    "data-trackable": "privacy-policy-info"
   }, "privacy"), ' ', "and\xA0", /*#__PURE__*/_react["default"].createElement("a", {
     className: "ncf__link--external",
-    href: "http://help.ft.com/help/legal-privacy/terms-conditions/",
+    href: "https://help.ft.com/legal-privacy/cookies/",
     target: "_blank",
     rel: "noopener noreferrer",
-    "data-trackable": "terms-and-conditions"
+    "data-trackable": "cookies-info"
   }, "cookie"), ' ', "policies."))), !hideConfirmTermsAndConditions && /*#__PURE__*/_react["default"].createElement("label", {
     className: labelClassName,
     htmlFor: "termsAcceptance"
@@ -184,6 +186,9 @@ function AcceptTerms(_ref) {
   }, "Terms & Conditions"), "."))), specialTerms && /*#__PURE__*/_react["default"].createElement("li", null, /*#__PURE__*/_react["default"].createElement("span", {
     className: "terms-special"
   }, specialTerms)));
+  var deferredBillingTerms = isDeferredBilling && /*#__PURE__*/_react["default"].createElement("li", null, /*#__PURE__*/_react["default"].createElement("span", {
+    className: "terms-deferred"
+  }, "Please note if you fail to make payment for your deferred billing plan within due date your subscription will be automatically cancelled."));
   var b2cPartnershipTerms = /*#__PURE__*/_react["default"].createElement("label", {
     className: [labelClassName, 'checkbox-two-lines'].join(' ')
   }, /*#__PURE__*/_react["default"].createElement("input", inputProps), /*#__PURE__*/_react["default"].createElement("span", {
@@ -199,7 +204,7 @@ function AcceptTerms(_ref) {
   }, "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", {
+  }, !isAuthFirstPayment && b2bTerms, corpSignupTerms, transitionTerms, signupTerms, deferredBillingTerms), /*#__PURE__*/_react["default"].createElement("label", {
     className: labelClassName,
     htmlFor: "termsAcceptance"
   }, /*#__PURE__*/_react["default"].createElement("input", inputProps), /*#__PURE__*/_react["default"].createElement("span", {
@@ -224,5 +229,6 @@ AcceptTerms.propTypes = {
   isPrintProduct: _propTypes["default"].bool,
   specialTerms: _propTypes["default"].string,
   isSingleTerm: _propTypes["default"].bool,
+  isDeferredBilling: _propTypes["default"].bool,
   hideConfirmTermsAndConditions: _propTypes["default"].bool
 };

package/dist/delivery-po-box.js

@@ -9,8 +9,8 @@ var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var message = {
-  USA: 'A P.O. Box address is only deliverable by US Mail, and is subject to a delay of up to 3 business days. For delivery on the publication date, we recommend you enter a residential or business address.',
-  CAN: 'A P.O. Box address is only deliverable by Canada Post, and is subject to a delay of up to 3 business days. For delivery on the publication day, we recommend you enter a residential or business address.'
+  USA: 'A P.O. Box address is only deliverable by US Mail, and is subject to a delay of up to 5 business days. For delivery on the publication date, we recommend you enter a residential or business address.',
+  CAN: 'A P.O. Box address is only deliverable by Canada Post, and is subject to a delay of up to 5 business days. For delivery on the publication day, we recommend you enter a residential or business address.'
 };
 function DeliveryPOBox(_ref) {
   var _ref$fieldId = _ref.fieldId,

package/dist/payment-type.js

@@ -38,6 +38,8 @@ function PaymentType(_ref) {
     enableDirectdebit = _ref$enableDirectdebi === void 0 ? false : _ref$enableDirectdebi,
     _ref$enablePaypal = _ref.enablePaypal,
     enablePaypal = _ref$enablePaypal === void 0 ? false : _ref$enablePaypal,
+    _ref$enableBankTransf = _ref.enableBankTransfer,
+    enableBankTransfer = _ref$enableBankTransf === void 0 ? false : _ref$enableBankTransf,
     _ref$showLoaderOnInit = _ref.showLoaderOnInit,
     showLoaderOnInit = _ref$showLoaderOnInit === void 0 ? false : _ref$showLoaderOnInit,
     _ref$showPaypalCustom = _ref.showPaypalCustomerCareMessage,
@@ -85,8 +87,13 @@ function PaymentType(_ref) {
     label: 'Apple Pay',
     hide: !enableApplepay
   };
+  var paymentTypeBankTransfer = {
+    id: 'banktransfer',
+    label: 'Bank Transfer',
+    hide: !enableBankTransfer
+  };
   var createPaymentTypes = function createPaymentTypes() {
-    var paymentTypes = [paymentTypeCreditCard, paymentTypePaypal(), paymentTypeDirectDebit, paymentTypeApplePay];
+    var paymentTypes = [paymentTypeCreditCard, paymentTypePaypal(), paymentTypeDirectDebit, paymentTypeApplePay, paymentTypeBankTransfer];
     return paymentTypes.map(function (type) {
       if (type.id === undefined) {
         return type;
@@ -195,6 +202,7 @@ PaymentType.propTypes = {
   enableCreditcard: _propTypes["default"].bool,
   enableDirectdebit: _propTypes["default"].bool,
   enablePaypal: _propTypes["default"].bool,
+  enableBankTransfer: _propTypes["default"].bool,
   showLoaderOnInit: _propTypes["default"].bool,
   showPaypalCustomerCareMessage: _propTypes["default"].bool,
   fieldId: _propTypes["default"].string,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@financial-times/n-conversion-forms",
-  "version": "27.6.4",
+  "version": "27.7.1",
   "description": "Containing jsx components and styles for forms included on Accounts and Acqusition apps (next-signup, next-profile, next-retention, etc).",
   "main": "dist/index.js",
   "scripts": {
@@ -29,7 +29,8 @@
     "classnames": "2.3.1",
     "fetchres": "1.7.2",
     "lodash.get": "4.4.2",
-    "n-common-static-data": "github:Financial-Times/n-common-static-data#v1.7.1"
+    "n-common-static-data": "github:Financial-Times/n-common-static-data#v1.7.1",
+    "@financial-times/n-pricing": "5.6.1"
   },
   "devDependencies": {
     "@babel/cli": "^7.10.5",
@@ -40,10 +41,9 @@
     "@financial-times/eslint-config-next": "^3.0.0",
     "@financial-times/jest-browser-resolver": "^1.0.2",
     "@financial-times/n-gage": "^8.2.0",
-    "@financial-times/n-pricing": "5.5.0",
-    "@storybook/addon-a11y": "^6.0.10",
-    "@storybook/addon-essentials": "6.0.10",
-    "@storybook/react": "^6.0.10",
+    "@storybook/addon-a11y": "^6.5.13",
+    "@storybook/addon-essentials": "6.5.13",
+    "@storybook/react": "^6.5.13",
     "@sucrase/jest-plugin": "^2.0.0",
     "chai": "^4.2.0",
     "check-engines": "^1.5.0",
@@ -59,7 +59,6 @@
     "jsdom": "15.1.0",
     "lint-staged": "^11.2.6",
     "mocha": "5.1.1",
-    "node-sass": "^7.0.3",
     "pa11y-ci": "2.1.1",
     "postcss": "^7.0.32",
     "prettier": "2.4.1",
@@ -68,7 +67,8 @@
     "react": "16.14.0",
     "react-dom": "16.14.0",
     "react-is": "^16.13.1",
-    "sass-loader": "^13.1.0",
+    "sass": "^1.55.0",
+    "sass-loader": "^10.2.1",
     "sinon": "6.3.5",
     "snyk": "1.230.7"
   },

package/utils/delivery-option-messages.js

@@ -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 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 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],
@@ -233,7 +233,7 @@ 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 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.',
 	},
 ];