@financial-times/n-conversion-forms 32.7.1 → 32.8.0

package/.toolkitstate/ci.json

@@ -1,6 +1,6 @@
 {
   "branch": "",
   "repo": "n-conversion-forms",
-  "version": "64c8238a85ab0f09e65f80fecba05df4495eee1f",
-  "tag": "v32.7.1"
+  "version": "4aafd13f98d9bf021c5e8be58ebe9d1c252e3060",
+  "tag": "v32.8.0"
 }

package/components/__snapshots__/confirmation.spec.js.snap

@@ -1,5 +1,59 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
+exports[`Confirmation renders appropriately if is 'Termed' subscription term type 1`] = `
+<div class="ncf ncf__wrapper">
+  <div class="ncf__center">
+    <div class="ncf__icon ncf__icon--tick ncf__icon--large">
+    </div>
+    <p class="ncf__paragraph--reduced-padding ncf__paragraph--subscription-confirmation">
+      You are now subscribed to:
+    </p>
+    <h1 class="ncf__header ncf__header--confirmation">
+    </h1>
+  </div>
+  <p class="ncf__paragraph">
+    We’ve sent confirmation to your email. Make sure you check your spam folder if you don’t receive it.
+  </p>
+  <p class="ncf__paragraph">
+    Here’s a summary of your  subscription:
+  </p>
+  <div class="ncf__headed-paragraph">
+    <h3 class="ncf__header">
+      Something not right?
+    </h3>
+    <p class="ncf__paragraph">
+      Go to your
+      <a class="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:+442077556248"
+         class="ncf__link ncf__link--external"
+      >
+        +44 (0) 207 755 6248
+      </a>
+      . Or contact us for additional support.
+    </p>
+  </div>
+  <p class="ncf__paragraph">
+    See our
+    <a class="ncf__link ncf__link--external"
+       href="http://help.ft.com/help/legal-privacy/terms-conditions/"
+       target="_top"
+       rel="noopener"
+    >
+      Terms &amp; Conditions
+    </a>
+    for details on how to cancel.
+  </p>
+</div>
+`;
+
 exports[`Confirmation renders appropriately if is B2C Partnership 1`] = `
 <div class="ncf ncf__wrapper">
   <div class="ncf__center">

package/components/confirmation.jsx

@@ -8,6 +8,7 @@ export function Confirmation({
 	isTrial = false,
 	isB2cPartnership = false,
 	b2cPartnershipCopy = [],
+	isTermedSubscriptionTermType = false,
 	offer = '',
 	email = EMAIL_DEFAULT_TEXT,
 	details = null,
@@ -116,8 +117,12 @@ export function Confirmation({
 				</p>
 			</div>
 			<p className="ncf__paragraph">
-				We will automatically renew your subscription using the payment method
-				provided unless you cancel before your renewal date. See our{' '}
+				{
+					!isTermedSubscriptionTermType
+						? 'We will automatically renew your subscription using the payment method provided unless you cancel before your renewal date. '
+						: ''
+				}
+				{'See our '}
 				<a
 					className="ncf__link ncf__link--external"
 					href="http://help.ft.com/help/legal-privacy/terms-conditions/"
@@ -125,10 +130,9 @@ export function Confirmation({
 					rel="noopener"
 				>
 					Terms &amp; Conditions
-				</a>{' '}
-				for details on how to cancel.
+				</a>
+				{' for details on how to cancel.'}
 			</p>
-
 			{nextActionBottom}
 		</div>
 	);
@@ -138,6 +142,7 @@ Confirmation.propTypes = {
 	isTrial: PropTypes.bool,
 	isB2cPartnership: PropTypes.bool,
 	b2cPartnershipCopy: PropTypes.array,
+	isTermedSubscriptionTermType: PropTypes.bool,
 	offer: PropTypes.string.isRequired,
 	email: PropTypes.string,
 	details: PropTypes.arrayOf(

package/components/confirmation.spec.js

@@ -29,6 +29,12 @@ describe('Confirmation', () => {
 		expect(Confirmation).toRenderCorrectly(props);
 	});
 
+	it("renders appropriately if is 'Termed' subscription term type", () => {
+		const props = { isTermedSubscriptionTermType: true };
+
+		expect(Confirmation).toRenderCorrectly(props);
+	});
+
 	it('renders with custom email', () => {
 		const props = { offer: OFFER_TEXT, email: 'test@example.com' };
 

package/components/confirmation.stories.js

@@ -64,3 +64,21 @@ Basic.args = {
 	nextActionBottom,
 	newsletterScheduleExplainer,
 };
+
+export const TermedSubscriptionTermType = (args) => <Confirmation {...args} />;
+TermedSubscriptionTermType.args = {
+	isTermedSubscriptionTermType: true,
+	offer: 'Single-term subscription',
+	details: [
+		{
+			title: 'End date',
+			data: 'February 2, 2024',
+		},
+		{
+			title: 'One-time payment',
+			data: 'GBP 19.00',
+		},
+	],
+	nextActionTop,
+	nextActionBottom,
+};

package/dist/confirmation.jsx

@@ -18,6 +18,8 @@ function Confirmation(_ref) {
     isB2cPartnership = _ref$isB2cPartnership === void 0 ? false : _ref$isB2cPartnership,
     _ref$b2cPartnershipCo = _ref.b2cPartnershipCopy,
     b2cPartnershipCopy = _ref$b2cPartnershipCo === void 0 ? [] : _ref$b2cPartnershipCo,
+    _ref$isTermedSubscrip = _ref.isTermedSubscriptionTermType,
+    isTermedSubscriptionTermType = _ref$isTermedSubscrip === void 0 ? false : _ref$isTermedSubscrip,
     _ref$offer = _ref.offer,
     offer = _ref$offer === void 0 ? '' : _ref$offer,
     _ref$email = _ref.email,
@@ -95,17 +97,18 @@ function Confirmation(_ref) {
     className: "ncf__link ncf__link--external"
   }, "+44 (0) 207 755 6248"), ". Or contact us for additional support.")), /*#__PURE__*/_react["default"].createElement("p", {
     className: "ncf__paragraph"
-  }, "We will automatically renew your subscription using the payment method provided unless you cancel before your renewal date. See our", ' ', /*#__PURE__*/_react["default"].createElement("a", {
+  }, !isTermedSubscriptionTermType ? 'We will automatically renew your subscription using the payment method provided unless you cancel before your renewal date. ' : '', 'See our ', /*#__PURE__*/_react["default"].createElement("a", {
     className: "ncf__link ncf__link--external",
     href: "http://help.ft.com/help/legal-privacy/terms-conditions/",
     target: "_top",
     rel: "noopener"
-  }, "Terms & Conditions"), ' ', "for details on how to cancel."), nextActionBottom);
+  }, "Terms & Conditions"), ' for details on how to cancel.'), nextActionBottom);
 }
 Confirmation.propTypes = {
   isTrial: _propTypes["default"].bool,
   isB2cPartnership: _propTypes["default"].bool,
   b2cPartnershipCopy: _propTypes["default"].array,
+  isTermedSubscriptionTermType: _propTypes["default"].bool,
   offer: _propTypes["default"].string.isRequired,
   email: _propTypes["default"].string,
   details: _propTypes["default"].arrayOf(_propTypes["default"].shape({

package/package.json

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