@financial-times/n-conversion-forms 37.2.2 → 37.3.0

package/.circleci/config.yml

@@ -5,7 +5,7 @@ orbs:
 executors:
   node:
     docker:
-      - image: cimg/node:18.17-browsers
+      - image: cimg/node:22.7-browsers
 jobs:
   checkout:
     docker:

package/.toolkitrc.yml

@@ -18,7 +18,7 @@ hooks:
     - RunStorybook
 options:
   "@dotcom-tool-kit/circleci":
-    nodeVersion: 18.17-browsers
+    nodeVersion: 22.7-browsers
   "@dotcom-tool-kit/babel":
     files: "components/{*.jsx,index.js}"
     outputPath: dist

package/.toolkitstate/ci.json

@@ -1,6 +1,6 @@
 {
   "branch": "",
   "repo": "n-conversion-forms",
-  "version": "c9dd25fe954591fd5d8e7167bdd51ff78d765bb3",
-  "tag": "v37.2.2"
+  "version": "a93af32641c5a2b8e2ed414046f5574052edf44a",
+  "tag": "v37.3.0"
 }

package/components/payment-term.jsx

@@ -190,6 +190,15 @@ export function PaymentTerm({
 		};
 
 		const createDiscount = () => {
+			// We need to display a specific text in the discount tile for H2 campaign offers.
+			// This is a TEMPORARY hack and will be removed once the campaign is over (Monday, October 28th).
+			// A ticket has been raised to deal with the clean-up: https://financialtimes.atlassian.net/browse/ACQ-2970.
+			if (option.specialOffer) {
+				return (
+					<span className="ncf__payment-term__discount">Special offer</span>
+				);
+			}
+
 			return (
 				option.discount && (
 					<span className="ncf__payment-term__discount">
@@ -245,7 +254,7 @@ export function PaymentTerm({
 											option.amount,
 											option.currency,
 											option.value
-									  )
+										)
 							)}
 							{nameMap['custom'].renewsText(getTimeFromPeriod(option.value))}
 						</div>
@@ -420,6 +429,7 @@ PaymentTerm.propTypes = {
 			title: PropTypes.string,
 			subTitle: PropTypes.string,
 			bestOffer: PropTypes.bool,
+			specialOffer: PropTypes.bool,
 			chargeOnText: PropTypes.string,
 			fulfilmentOption: PropTypes.string,
 		})

package/components/payment-term.stories.js

@@ -132,6 +132,17 @@ RenewOffers.args = {
 			selected: false,
 			chargeOnText: 'You will be charged on May 1, 2021',
 		},
+		{
+			title: 'Annual',
+			subTitle: '(Renews annually unless cancelled)',
+			price: '€ 150.00',
+			value: 150.0,
+			isTrial: false,
+			discount: '25%',
+			specialOffer: true,
+			selected: false,
+			chargeOnText: 'You will be charged on May 1, 2021',
+		},
 		{
 			title: '12 Month Subscription',
 			price: '€ 300.00',

package/dist/payment-term.jsx

@@ -185,6 +185,14 @@ function PaymentTerm(_ref) {
       defaultChecked: true
     });
     var createDiscount = function createDiscount() {
+      // We need to display a specific text in the discount tile for H2 campaign offers.
+      // This is a TEMPORARY hack and will be removed once the campaign is over (Monday, October 28th).
+      // A ticket has been raised to deal with the clean-up: https://financialtimes.atlassian.net/browse/ACQ-2970.
+      if (option.specialOffer) {
+        return /*#__PURE__*/_react["default"].createElement("span", {
+          className: "ncf__payment-term__discount"
+        }, "Special offer");
+      }
       return option.discount && /*#__PURE__*/_react["default"].createElement("span", {
         className: "ncf__payment-term__discount"
       }, option.bestOffer ? 'Best offer' : "Save ".concat(option.discount, " off RRP"));
@@ -306,6 +314,7 @@ PaymentTerm.propTypes = {
     title: _propTypes["default"].string,
     subTitle: _propTypes["default"].string,
     bestOffer: _propTypes["default"].bool,
+    specialOffer: _propTypes["default"].bool,
     chargeOnText: _propTypes["default"].string,
     fulfilmentOption: _propTypes["default"].string
   })),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@financial-times/n-conversion-forms",
-  "version": "37.2.2",
+  "version": "37.3.0",
   "description": "Containing jsx components and styles for forms included on Accounts and Acquisition apps (next-signup, next-profile, next-retention, etc).",
   "main": "./dist/index.js",
   "scripts": {
@@ -26,25 +26,25 @@
   "homepage": "https://github.com/Financial-Times/n-conversion-forms#readme",
   "dependencies": {
     "@babel/runtime": "^7.23.9",
-    "@financial-times/n-pricing": "7.1.0",
+    "@financial-times/n-pricing": "8.0.0",
     "classnames": "2.5.1",
     "fetchres": "1.7.2",
     "lodash.get": "4.4.2",
-    "n-common-static-data": "github:Financial-Times/n-common-static-data#v2.4.0"
+    "n-common-static-data": "github:Financial-Times/n-common-static-data#v3.0.0"
   },
   "devDependencies": {
     "@babel/core": "^7.23.9",
     "@babel/plugin-transform-runtime": "^7.23.9",
     "@babel/preset-env": "^7.23.9",
     "@babel/preset-react": "^7.23.3",
-    "@dotcom-tool-kit/babel": "3.1.6",
-    "@dotcom-tool-kit/component": "4.1.3",
-    "@dotcom-tool-kit/eslint": "3.2.1",
-    "@dotcom-tool-kit/frontend-app": "3.2.4",
-    "@dotcom-tool-kit/jest": "3.4.0",
-    "@dotcom-tool-kit/lint-staged-npm": "3.2.0",
-    "@dotcom-tool-kit/logger": "3.4.0",
-    "@dotcom-tool-kit/prettier": "3.2.0",
+    "@dotcom-tool-kit/babel": "3.2.1",
+    "@dotcom-tool-kit/component": "4.1.5",
+    "@dotcom-tool-kit/eslint": "3.2.2",
+    "@dotcom-tool-kit/frontend-app": "3.2.6",
+    "@dotcom-tool-kit/jest": "3.4.1",
+    "@dotcom-tool-kit/lint-staged-npm": "3.2.1",
+    "@dotcom-tool-kit/logger": "3.4.1",
+    "@dotcom-tool-kit/prettier": "3.2.1",
     "@financial-times/eslint-config-next": "7.1.0",
     "@financial-times/jest-browser-resolver": "^1.0.2",
     "@snyk/protect": "1.1278.0",
@@ -54,7 +54,7 @@
     "@storybook/react-webpack5": "^7.6.13",
     "@sucrase/jest-plugin": "^3.0.0",
     "check-engines": "^1.6.0",
-    "dotcom-tool-kit": "3.5.0",
+    "dotcom-tool-kit": "3.5.2",
     "enzyme": "^3.11.0",
     "enzyme-adapter-react-16": "^1.15.7",
     "eslint-config-prettier": "^9.1.0",
@@ -81,8 +81,11 @@
     "webpack-cli": "^5.1.4"
   },
   "engines": {
-    "node": "18.x",
-    "npm": "7.x || 8.x || 9.x"
+    "node": "18.x || 20.x || 22.x",
+    "npm": "8.x || 9.x || 10.x"
+  },
+  "volta": {
+    "node": "22.7.0"
   },
   "lint-staged": {
     "**/*.{js,jsx,json,scss}": "dotcom-tool-kit format:staged test:staged --"
@@ -109,8 +112,5 @@
     "@financial-times/o-social-follow": "^1.0.0",
     "@financial-times/o-stepped-progress": "^4.0.2",
     "@financial-times/o-typography": "^7.3.1"
-  },
-  "volta": {
-    "node": "18.17.0"
   }
 }