@financial-times/n-conversion-forms 33.0.0 → 35.0.0

package/.toolkitstate/ci.json

@@ -1,6 +1,6 @@
 {
   "branch": "",
   "repo": "n-conversion-forms",
-  "version": "a095aefdcff4fca917872327a21f932adbf4b010",
-  "tag": "v33.0.0"
+  "version": "af7d875e1a63b1079d26119dff56571695dbb911",
+  "tag": "v35.0.0"
 }

package/components/index.js

@@ -54,7 +54,6 @@ export { Submit } from './submit';
 export { TrialBanner } from './trial-banner';
 export { EducationJobTitle } from './education-job-title';
 export { GraduationDate } from './graduation-date';
-export { LiteSubConfirmation } from './lite-sub-confirmation';
 export { GoogleSignIn } from './google-sign-in';
 export { TextInput } from './text-input';
 export { DeferredBillingTerms } from './deferred-billing-terms';

package/components/payment-term.jsx

@@ -9,8 +9,6 @@ export function PaymentTerm({
 	isPrintOrBundle = false,
 	isEpaper = false,
 	options = [],
-	isFixedTermOffer = false,
-	offerDisplayName,
 	showLegal = true,
 	largePrice = false,
 	optionsInARow = false,
@@ -133,15 +131,11 @@ export function PaymentTerm({
 				</React.Fragment>
 			),
 			monthlyPrice: () => {},
-			renewsText: (isFixedTermOffer) => {
-				const textToDisplay = isFixedTermOffer
-					? 'This subscription is for 3 months, charged monthly. You can cancel at anytime'
-					: 'Renews monthly unless cancelled';
-
-				return (
-					<p className="ncf__payment-term__renews-text">{textToDisplay}</p>
-				);
-			},
+			renewsText: () => (
+				<p className="ncf__payment-term__renews-text">
+					{'Renews monthly unless cancelled'}
+				</p>
+			),
 		},
 		custom: {
 			price: (price) => (
@@ -235,7 +229,7 @@ export function PaymentTerm({
 						<div className="ncf__payment-term__description">
 							{nameMap[option.name].price(option.price)}
 							{nameMap[option.name].monthlyPrice(option.monthlyPrice)}
-							{nameMap[option.name].renewsText(isFixedTermOffer)}
+							{nameMap[option.name].renewsText()}
 							{/* Remove this discount text temporarily in favour of monthly price */}
 							{/* <br />Save up to 25% when you pay annually */}
 						</div>
@@ -287,13 +281,9 @@ export function PaymentTerm({
 				return labelOverride;
 			}
 
-			const defaultTitle =
+			const title =
 				option.name && nameMap[option.name] ? nameMap[option.name].title : '';
 
-			const title = isFixedTermOffer
-				? `${offerDisplayName} - ${defaultTitle}`
-				: defaultTitle;
-
 			let termDisplayName = '';
 			if (showTrialCopyInTitle) {
 				const termName = option.displayName
@@ -363,7 +353,7 @@ export function PaymentTerm({
 
 			{showLegal && (
 				<div className="ncf__payment-term__legal">
-					{isTermedSubscriptionTermType || isFixedTermOffer ? (
+					{isTermedSubscriptionTermType ? (
 						<p>
 							Find out more about our cancellation policy in our{' '}
 							<a
@@ -434,9 +424,7 @@ PaymentTerm.propTypes = {
 			fulfilmentOption: PropTypes.string,
 		})
 	),
-	isFixedTermOffer: PropTypes.bool,
 	isTermedSubscriptionTermType: PropTypes.bool,
-	offerDisplayName: PropTypes.string,
 	showLegal: PropTypes.bool,
 	largePrice: PropTypes.bool,
 	optionsInARow: PropTypes.bool,

package/components/payment-term.spec.js

@@ -117,42 +117,6 @@ describe('PaymentTerm', () => {
 		});
 	});
 
-	describe('given isFixedTermOffer prop is set to true', () => {
-		const options = [
-			{
-				name: 'monthly',
-				price: '$5.00',
-				value: 'monthly',
-				monthlyPrice: '$5.00',
-			},
-		];
-		const wrapper = shallow(
-			<PaymentTerm
-				isFixedTermOffer={true}
-				options={options}
-				offerDisplayName="Mix & Match"
-			/>
-		);
-
-		it('does not include renewal text', () => {
-			expect(
-				wrapper.find('.ncf__payment-term__renews-text').text()
-			).not.toMatch(/Renews (annually|monthly|quarterly) unless cancelled/);
-		});
-
-		it('renders fixed term renewal text in English', () => {
-			expect(wrapper.find('.ncf__payment-term__renews-text').text()).toMatch(
-				/This subscription is for 3 months, charged monthly. You can cancel at anytime/
-			);
-		});
-
-		it('renders offer name on payment term title', () => {
-			expect(wrapper.find('.ncf__payment-term__title').text()).toMatch(
-				'Mix & Match - Monthly'
-			);
-		});
-	});
-
 	describe('given isTermedSubscriptionTermType is true', () => {
 		describe('options include duration expressed in weeks', () => {
 			const options = [

package/components/payment-term.stories.js

@@ -90,25 +90,6 @@ Basic.args = {
 	],
 };
 
-export const FixedTermOffer = (args) => (
-	<div className="ncf">
-		<Fieldset>
-			<PaymentTerm {...args} />
-		</Fieldset>
-	</div>
-);
-FixedTermOffer.args = {
-	options: [
-		{
-			name: 'monthly',
-			price: '$5.00',
-			value: 5.0,
-		},
-	],
-	isFixedTermOffer: true,
-	offerDisplayName: 'Mix & Match',
-};
-
 export const TermedSubscriptionTermType = (args) => (
 	<div className="ncf">
 		<Fieldset>

package/dist/index.js

@@ -243,12 +243,6 @@ Object.defineProperty(exports, "LicenceHeader", {
     return _licenceHeader.LicenceHeader;
   }
 });
-Object.defineProperty(exports, "LiteSubConfirmation", {
-  enumerable: true,
-  get: function get() {
-    return _liteSubConfirmation.LiteSubConfirmation;
-  }
-});
 Object.defineProperty(exports, "Loader", {
   enumerable: true,
   get: function get() {
@@ -419,7 +413,6 @@ var _submit = require("./submit");
 var _trialBanner = require("./trial-banner");
 var _educationJobTitle = require("./education-job-title");
 var _graduationDate = require("./graduation-date");
-var _liteSubConfirmation = require("./lite-sub-confirmation");
 var _googleSignIn = require("./google-sign-in");
 var _textInput = require("./text-input");
 var _deferredBillingTerms = require("./deferred-billing-terms");

package/dist/payment-term.jsx

@@ -23,9 +23,6 @@ function PaymentTerm(_ref) {
     isEpaper = _ref$isEpaper === void 0 ? false : _ref$isEpaper,
     _ref$options = _ref.options,
     options = _ref$options === void 0 ? [] : _ref$options,
-    _ref$isFixedTermOffer = _ref.isFixedTermOffer,
-    isFixedTermOffer = _ref$isFixedTermOffer === void 0 ? false : _ref$isFixedTermOffer,
-    offerDisplayName = _ref.offerDisplayName,
     _ref$showLegal = _ref.showLegal,
     showLegal = _ref$showLegal === void 0 ? true : _ref$showLegal,
     _ref$largePrice = _ref.largePrice,
@@ -142,11 +139,10 @@ function PaymentTerm(_ref) {
         }, price), " per month after the trial period.");
       },
       monthlyPrice: function monthlyPrice() {},
-      renewsText: function renewsText(isFixedTermOffer) {
-        var textToDisplay = isFixedTermOffer ? 'This subscription is for 3 months, charged monthly. You can cancel at anytime' : 'Renews monthly unless cancelled';
+      renewsText: function renewsText() {
         return /*#__PURE__*/_react["default"].createElement("p", {
           className: "ncf__payment-term__renews-text"
-        }, textToDisplay);
+        }, 'Renews monthly unless cancelled');
       }
     },
     custom: {
@@ -205,7 +201,7 @@ function PaymentTerm(_ref) {
         className: "ncf__payment-term__trial-price"
       }, option.trialPrice), /*#__PURE__*/_react["default"].createElement("br", null), nameMap[option.name] && nameMap[option.name].trialPrice(option.price)) : /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, nameMap[option.name] ? /*#__PURE__*/_react["default"].createElement("div", {
         className: "ncf__payment-term__description"
-      }, nameMap[option.name].price(option.price), nameMap[option.name].monthlyPrice(option.monthlyPrice), nameMap[option.name].renewsText(isFixedTermOffer)) :
+      }, nameMap[option.name].price(option.price), nameMap[option.name].monthlyPrice(option.monthlyPrice), nameMap[option.name].renewsText()) :
       // this should cover the cases different than annual, quarterly and monthly
       // for those containing period on option.value, render custom template, for the rest keep legacy render
       isValidPeriod(option.value) ? /*#__PURE__*/_react["default"].createElement("div", {
@@ -228,8 +224,7 @@ function PaymentTerm(_ref) {
       if (isTrialOfferAsNonTrialOverride && labelOverride) {
         return labelOverride;
       }
-      var defaultTitle = option.name && nameMap[option.name] ? nameMap[option.name].title : '';
-      var title = isFixedTermOffer ? "".concat(offerDisplayName, " - ").concat(defaultTitle) : defaultTitle;
+      var title = option.name && nameMap[option.name] ? nameMap[option.name].title : '';
       var termDisplayName = '';
       if (showTrialCopyInTitle) {
         var termName = option.displayName ? option.displayName : 'Premium Digital';
@@ -275,7 +270,7 @@ function PaymentTerm(_ref) {
     return createPaymentTerm(option);
   })), showLegal && /*#__PURE__*/_react["default"].createElement("div", {
     className: "ncf__payment-term__legal"
-  }, isTermedSubscriptionTermType || isFixedTermOffer ? /*#__PURE__*/_react["default"].createElement("p", null, "Find out more about our cancellation policy in our", ' ', /*#__PURE__*/_react["default"].createElement("a", {
+  }, isTermedSubscriptionTermType ? /*#__PURE__*/_react["default"].createElement("p", null, "Find out more about our cancellation policy in our", ' ', /*#__PURE__*/_react["default"].createElement("a", {
     className: "ncf__link--external",
     href: "https://help.ft.com/legal-privacy/terms-and-conditions/",
     title: "FT Legal Terms and Conditions help page",
@@ -314,9 +309,7 @@ PaymentTerm.propTypes = {
     chargeOnText: _propTypes["default"].string,
     fulfilmentOption: _propTypes["default"].string
   })),
-  isFixedTermOffer: _propTypes["default"].bool,
   isTermedSubscriptionTermType: _propTypes["default"].bool,
-  offerDisplayName: _propTypes["default"].string,
   showLegal: _propTypes["default"].bool,
   largePrice: _propTypes["default"].bool,
   optionsInARow: _propTypes["default"].bool,

package/main.scss

@@ -20,7 +20,6 @@
 @import './styles/forms-additional-field-information';
 @import './styles/error';
 @import './styles/graduation-date';
-@import './styles/lite-subs-confirmation';
 @import './styles/google-sign-in';
 @import './styles/confirmation';
 
@@ -448,7 +447,6 @@
 	@include ncfCustomerCarePanel();
 	@include ncfAcceptTermsList();
 	@include ncfGraduationDate();
-	@include ncfLiteSubsConfirmation();
 	@include ncfConfirmation();
 
 	&__hidden {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@financial-times/n-conversion-forms",
-  "version": "33.0.0",
+  "version": "35.0.0",
   "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": {

package/components/lite-sub-confirmation.jsx

@@ -1,150 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-
-const EMAIL_DEFAULT_TEXT = 'your email';
-const PREMIUM_OFFER = 'P2';
-
-const isPremium = (productCode) => productCode === PREMIUM_OFFER;
-
-const DetailsMobileView = ({ details }) => (
-	<dl className="ncf__list ncf__lite-sub__details ncf__lite-sub-confirmation--hidden-md ncf__lite-sub-confirmation--hidden-lg">
-		{details.map((detail, index) => (
-			<React.Fragment key={index}>
-				<dt className="ncf__list-title">{detail.title}</dt>
-				<dd className="ncf__list-data">{detail.data}</dd>
-			</React.Fragment>
-		))}
-	</dl>
-);
-
-export function LiteSubConfirmation({
-	productCode = '',
-	offerName = '',
-	subscriptionAmount = '',
-	email = EMAIL_DEFAULT_TEXT,
-	details = [],
-}) {
-	const detailElements = details && (
-		<React.Fragment>
-			<h2 className="ncf__header2--afterline">Your billing details</h2>
-			<dl className="ncf__list ncf__lite-sub-confirmation--hidden-sm">
-				{details.map((detail, index) => (
-					<React.Fragment key={index}>
-						<dt className="ncf__list-title">{detail.title}</dt>
-						<dd className="ncf__list-data">{detail.data}</dd>
-					</React.Fragment>
-				))}
-			</dl>
-			<DetailsMobileView details={details} />
-		</React.Fragment>
-	);
-
-	return (
-		<div className="ncf ncf__wrapper">
-			<div className="ncf__center">
-				<div className="ncf__icon ncf__icon--tick ncf__icon--large"></div>
-				<p className="ncf__paragraph--reduced-padding ncf__paragraph--subscription-confirmation">
-					You&apos;ve been upgraded to:
-				</p>
-				<h1 className="ncf__header ncf__header--confirmation">
-					{isPremium(productCode) ? 'Premium Digital' : 'Standard Digital'}
-				</h1>
-			</div>
-			<p className="ncf__paragraph">
-				Thank you for choosing to subscribe to <strong>{offerName}</strong>. We
-				are not quite ready to deliver this type of subscription, so we have
-				upgraded you to a {isPremium(productCode) ? 'Premium' : 'Digital'} 3
-				month subscription at no additional cost.
-			</p>
-			<p className="ncf__paragraph">
-				For {subscriptionAmount} a month, here&apos;s what your subscription
-				covers:
-			</p>
-			<ul className="ncf__unordered-list">
-				<li>
-					Access to stories from over 600 journalists in 50+ countries covering
-					markets, politics, business, tech and more
-				</li>
-				<li>
-					FirstFT: a daily newsletter with the global stories you need to know
-				</li>
-				<li>Share 10 articles per month with colleagues, family and friends</li>
-			</ul>
-			<p className="ncf__paragraph">
-				However, if you would like to cancel your subscription, please contact
-				our{' '}
-				<a
-					className="ncf__link ncf__link--external"
-					href="https://help.ft.com/contact/"
-					target="_blank"
-					rel="noopener noreferrer"
-				>
-					customer care team
-				</a>{' '}
-				and they will arrange this for you.
-			</p>
-			<p className="ncf__center">
-				<a
-					href="/"
-					className="ncf__button ncf__button--submit ncf__button--margin ncf__lite-sub-confirmation--lite-sub-cta"
-				>
-					Go to FT.com
-				</a>
-			</p>
-			<p className="ncf__paragraph">
-				We&apos;ve sent confirmation to {email}. Make sure you check your spam
-				folder if you don’t receive it.
-			</p>
-			<p className="ncf__paragraph">
-				Here&apos;s a summary of your{' '}
-				{isPremium(productCode) ? 'Premium Digital' : 'Standard Digital'}{' '}
-				subscription:
-			</p>
-
-			{detailElements}
-
-			<div className="ncf__headed-paragraph">
-				<h3 className="ncf__header">Something not right?</h3>
-				<p className="ncf__paragraph">
-					Go to your{' '}
-					<a
-						className="ncf__link ncf__link--external"
-						href="https://www.ft.com/myaccount/personal-details"
-						target="_blank"
-						rel="noopener noreferrer"
-						data-trackable="yourAccount"
-					>
-						account settings
-					</a>{' '}
-					to view or edit your account. If you need to get in touch call us on{' '}
-					<a href="tel:+18556852372" className="ncf__link ncf__link--external">
-						+1 855 685 2372
-					</a>
-					. Or{' '}
-					<a
-						className="ncf__link ncf__link--external"
-						href="https://help.ft.com/contact/"
-						target="_blank"
-						rel="noopener noreferrer"
-					>
-						contact us
-					</a>{' '}
-					for additional support.
-				</p>
-			</div>
-		</div>
-	);
-}
-
-LiteSubConfirmation.propTypes = {
-	offerName: PropTypes.string.isRequired,
-	subscriptionAmount: PropTypes.string.isRequired,
-	productCode: PropTypes.string,
-	email: PropTypes.string,
-	details: PropTypes.arrayOf(
-		PropTypes.shape({
-			title: PropTypes.string.isRequired,
-			data: PropTypes.string.isRequired,
-		})
-	),
-};

package/components/lite-sub-confirmation.stories.js

@@ -1,33 +0,0 @@
-import React from 'react';
-import { LiteSubConfirmation } from './lite-sub-confirmation';
-
-export default {
-	title: 'Light confirmation',
-	component: LiteSubConfirmation,
-	argTypes: {
-		details: { control: 'array' },
-		offerType: { control: 'string' },
-		offerName: { control: 'string' },
-	},
-};
-
-export const Basic = (args) => <LiteSubConfirmation {...args} />;
-Basic.args = {
-	offerType: 'Premium',
-	details: [
-		{
-			title: 'End Date',
-			data: 'September 3, 2021',
-		},
-		{
-			title: '3 monthly payments',
-			data: '$5.00 per month',
-		},
-		{
-			title: 'Payment method',
-			data: 'Credit / Debit Card',
-		},
-	],
-	offerName: 'Standard',
-	subscriptionAmount: '$5',
-};

package/dist/lite-sub-confirmation.jsx

@@ -1,118 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.LiteSubConfirmation = LiteSubConfirmation;
-var _react = _interopRequireDefault(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var EMAIL_DEFAULT_TEXT = 'your email';
-var PREMIUM_OFFER = 'P2';
-var isPremium = function isPremium(productCode) {
-  return productCode === PREMIUM_OFFER;
-};
-var DetailsMobileView = function DetailsMobileView(_ref) {
-  var details = _ref.details;
-  return /*#__PURE__*/_react["default"].createElement("dl", {
-    className: "ncf__list ncf__lite-sub__details ncf__lite-sub-confirmation--hidden-md ncf__lite-sub-confirmation--hidden-lg"
-  }, details.map(function (detail, index) {
-    return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, {
-      key: index
-    }, /*#__PURE__*/_react["default"].createElement("dt", {
-      className: "ncf__list-title"
-    }, detail.title), /*#__PURE__*/_react["default"].createElement("dd", {
-      className: "ncf__list-data"
-    }, detail.data));
-  }));
-};
-function LiteSubConfirmation(_ref2) {
-  var _ref2$productCode = _ref2.productCode,
-    productCode = _ref2$productCode === void 0 ? '' : _ref2$productCode,
-    _ref2$offerName = _ref2.offerName,
-    offerName = _ref2$offerName === void 0 ? '' : _ref2$offerName,
-    _ref2$subscriptionAmo = _ref2.subscriptionAmount,
-    subscriptionAmount = _ref2$subscriptionAmo === void 0 ? '' : _ref2$subscriptionAmo,
-    _ref2$email = _ref2.email,
-    email = _ref2$email === void 0 ? EMAIL_DEFAULT_TEXT : _ref2$email,
-    _ref2$details = _ref2.details,
-    details = _ref2$details === void 0 ? [] : _ref2$details;
-  var detailElements = details && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("h2", {
-    className: "ncf__header2--afterline"
-  }, "Your billing details"), /*#__PURE__*/_react["default"].createElement("dl", {
-    className: "ncf__list ncf__lite-sub-confirmation--hidden-sm"
-  }, details.map(function (detail, index) {
-    return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, {
-      key: index
-    }, /*#__PURE__*/_react["default"].createElement("dt", {
-      className: "ncf__list-title"
-    }, detail.title), /*#__PURE__*/_react["default"].createElement("dd", {
-      className: "ncf__list-data"
-    }, detail.data));
-  })), /*#__PURE__*/_react["default"].createElement(DetailsMobileView, {
-    details: details
-  }));
-  return /*#__PURE__*/_react["default"].createElement("div", {
-    className: "ncf ncf__wrapper"
-  }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: "ncf__center"
-  }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: "ncf__icon ncf__icon--tick ncf__icon--large"
-  }), /*#__PURE__*/_react["default"].createElement("p", {
-    className: "ncf__paragraph--reduced-padding ncf__paragraph--subscription-confirmation"
-  }, "You've been upgraded to:"), /*#__PURE__*/_react["default"].createElement("h1", {
-    className: "ncf__header ncf__header--confirmation"
-  }, isPremium(productCode) ? 'Premium Digital' : 'Standard Digital')), /*#__PURE__*/_react["default"].createElement("p", {
-    className: "ncf__paragraph"
-  }, "Thank you for choosing to subscribe to ", /*#__PURE__*/_react["default"].createElement("strong", null, offerName), ". We are not quite ready to deliver this type of subscription, so we have upgraded you to a ", isPremium(productCode) ? 'Premium' : 'Digital', " 3 month subscription at no additional cost."), /*#__PURE__*/_react["default"].createElement("p", {
-    className: "ncf__paragraph"
-  }, "For ", subscriptionAmount, " a month, here's what your subscription covers:"), /*#__PURE__*/_react["default"].createElement("ul", {
-    className: "ncf__unordered-list"
-  }, /*#__PURE__*/_react["default"].createElement("li", null, "Access to stories from over 600 journalists in 50+ countries covering markets, politics, business, tech and more"), /*#__PURE__*/_react["default"].createElement("li", null, "FirstFT: a daily newsletter with the global stories you need to know"), /*#__PURE__*/_react["default"].createElement("li", null, "Share 10 articles per month with colleagues, family and friends")), /*#__PURE__*/_react["default"].createElement("p", {
-    className: "ncf__paragraph"
-  }, "However, if you would like to cancel your subscription, please contact our", ' ', /*#__PURE__*/_react["default"].createElement("a", {
-    className: "ncf__link ncf__link--external",
-    href: "https://help.ft.com/contact/",
-    target: "_blank",
-    rel: "noopener noreferrer"
-  }, "customer care team"), ' ', "and they will arrange this for you."), /*#__PURE__*/_react["default"].createElement("p", {
-    className: "ncf__center"
-  }, /*#__PURE__*/_react["default"].createElement("a", {
-    href: "/",
-    className: "ncf__button ncf__button--submit ncf__button--margin ncf__lite-sub-confirmation--lite-sub-cta"
-  }, "Go to FT.com")), /*#__PURE__*/_react["default"].createElement("p", {
-    className: "ncf__paragraph"
-  }, "We've sent confirmation to ", email, ". Make sure you check your spam folder if you don\u2019t receive it."), /*#__PURE__*/_react["default"].createElement("p", {
-    className: "ncf__paragraph"
-  }, "Here's a summary of your", ' ', isPremium(productCode) ? 'Premium Digital' : 'Standard Digital', ' ', "subscription:"), detailElements, /*#__PURE__*/_react["default"].createElement("div", {
-    className: "ncf__headed-paragraph"
-  }, /*#__PURE__*/_react["default"].createElement("h3", {
-    className: "ncf__header"
-  }, "Something not right?"), /*#__PURE__*/_react["default"].createElement("p", {
-    className: "ncf__paragraph"
-  }, "Go to your", ' ', /*#__PURE__*/_react["default"].createElement("a", {
-    className: "ncf__link ncf__link--external",
-    href: "https://www.ft.com/myaccount/personal-details",
-    target: "_blank",
-    rel: "noopener noreferrer",
-    "data-trackable": "yourAccount"
-  }, "account settings"), ' ', "to view or edit your account. If you need to get in touch call us on", ' ', /*#__PURE__*/_react["default"].createElement("a", {
-    href: "tel:+18556852372",
-    className: "ncf__link ncf__link--external"
-  }, "+1 855 685 2372"), ". Or", ' ', /*#__PURE__*/_react["default"].createElement("a", {
-    className: "ncf__link ncf__link--external",
-    href: "https://help.ft.com/contact/",
-    target: "_blank",
-    rel: "noopener noreferrer"
-  }, "contact us"), ' ', "for additional support.")));
-}
-LiteSubConfirmation.propTypes = {
-  offerName: _propTypes["default"].string.isRequired,
-  subscriptionAmount: _propTypes["default"].string.isRequired,
-  productCode: _propTypes["default"].string,
-  email: _propTypes["default"].string,
-  details: _propTypes["default"].arrayOf(_propTypes["default"].shape({
-    title: _propTypes["default"].string.isRequired,
-    data: _propTypes["default"].string.isRequired
-  }))
-};

package/styles/_lite-subs-confirmation.scss

@@ -1,38 +0,0 @@
-@mixin ncfLiteSubsConfirmation() {
-	&__lite-sub-confirmation {
-		&--lite-sub-cta {
-			width: 240px;
-		}
-
-		&--hidden-sm {
-			@include oGridRespondTo($from: S, $until: M) {
-				display: none;
-			}
-		}
-
-		&--hidden-md,
-		&--hidden-lg {
-			@include oGridRespondTo($from: M) {
-				display: none !important; /* It is important to hide DetailsMobileView on medium and large screens. */
-			}
-		}
-	}
-
-	&__lite-sub__details {
-		display: inline;
-
-		&--description::before {
-			content: " ";
-		}
-
-		& .ncf__list-data {
-			width: 100%;
-			margin-top: 0;
-			margin-bottom: 0;
-		}
-
-		& .ncf__list-title {
-			margin-bottom: 0;
-		}
-	}
-}