@financial-times/n-conversion-forms 44.4.2 → 44.5.0

package/.toolkitstate/ci.json

@@ -1,7 +1,7 @@
 {
   "branch": "",
   "repo": "n-conversion-forms",
-  "version": "18c9354c1405982569dd5700f0878577de52746d",
-  "tag": "v44.4.2",
-  "buildNumber": "17030"
+  "version": "b5701ec726caa486c364874cd38b94dc91b23a04",
+  "tag": "v44.5.0",
+  "buildNumber": "17440"
 }

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

@@ -9,6 +9,7 @@ exports[`PaymentTerm When using custom options renders when not using an option
     <div class="ncf__payment-term__item o-forms-input--radio-round ncf__payment-term__item--discount">
       <input type="radio"
              id="270"
+             data-base-amount="270"
              name="paymentTerm"
              value="270"
              class="o-forms-input__radio o-forms-input__radio--right ncf__payment-term__input"
@@ -27,7 +28,7 @@ exports[`PaymentTerm When using custom options renders when not using an option
         </span>
         <div>
           <span class="ncf__payment-term__large-price">
-            € 270.00
+            €270.00
           </span>
           <p class="ncf__payment-term__charge-on-text">
             You will be charged on May 1, 2021
@@ -38,6 +39,7 @@ exports[`PaymentTerm When using custom options renders when not using an option
     <div class="ncf__payment-term__item o-forms-input--radio-round ncf__payment-term__item--discount">
       <input type="radio"
              id="300"
+             data-base-amount="300"
              name="paymentTerm"
              value="300"
              class="o-forms-input__radio o-forms-input__radio--right ncf__payment-term__input"
@@ -54,7 +56,7 @@ exports[`PaymentTerm When using custom options renders when not using an option
         </span>
         <div>
           <span class="ncf__payment-term__large-price">
-            € 300.00
+            €300.00
           </span>
           <p class="ncf__payment-term__charge-on-text">
             You will be charged on May 1, 2021

package/components/accept-terms-subscription-updated-ui.jsx

@@ -52,13 +52,13 @@ export function AcceptTermsSubscriptionUpdatedUI({
 				<li>
 					<span className="terms-updated-ui-transition terms-updated-ui-transition--end-of-term">
 						I consent to payment being taken at the end of each subscription
-						term until I cancel. By accepting, I am aware that my subscription
-						will renew on the date given. I understand and agree that I will
-						lose my statutory right to cancel within 14 days of accepting my
-						order, and that any notice to cancel will only take effect at the
-						end of my subscription period. Previously paid amounts are
-						non-refundable, except in the event of a fault in the provision of
-						services.
+						term until I cancel. By placing my order, I acknowledge that my
+						subscription will start on the date given above. I understand and
+						agree that I will lose my statutory right to cancel within 14 days
+						of accepting my order, and that any notice to cancel will only take
+						effect at the end of my subscription period. Previously paid amounts
+						are non-refundable, except in the event of a fault in the provision
+						of services.
 					</span>
 				</li>
 			)}

package/components/accept-terms-subscription-updated-ui.spec.js

@@ -36,7 +36,7 @@ describe('AcceptTermsSubscriptionUpdatedUI', () => {
 		);
 		expect(updatedUITransitionTerms.exists()).toBe(true);
 		expect(updatedUITransitionTerms.text()).toBe(
-			'I consent to payment being taken at the end of each subscription term until I cancel. By accepting, I am aware that my subscription will renew on the date given. I understand and agree that I will lose my statutory right to cancel within 14 days of accepting my order, and that any notice to cancel will only take effect at the end of my subscription period. Previously paid amounts are non-refundable, except in the event of a fault in the provision of services.'
+			'I consent to payment being taken at the end of each subscription term until I cancel. By placing my order, I acknowledge that my subscription will start on the date given above. I understand and agree that I will lose my statutory right to cancel within 14 days of accepting my order, and that any notice to cancel will only take effect at the end of my subscription period. Previously paid amounts are non-refundable, except in the event of a fault in the provision of services.'
 		);
 	});
 

package/components/payment-term.jsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
-import { Period, Monthly } from '@financial-times/n-pricing';
+import { Period, Monthly, Price } from '@financial-times/n-pricing';
 
 export function PaymentTerm({
 	fieldId = 'paymentTermField',
@@ -210,6 +210,7 @@ export function PaymentTerm({
 				)
 			);
 		};
+
 		const createDescription = () => {
 			return option.isTrial ? (
 				<div className="ncf__payment-term__description">
@@ -252,7 +253,10 @@ export function PaymentTerm({
 							<span
 								className={largePrice ? 'ncf__payment-term__large-price' : ''}
 							>
-								{option.price}
+								{new Price({
+									value: option.amount,
+									symbol: option.symbol,
+								}).getAmountFormatted()}
 							</span>
 							{option.chargeOnText && (
 								<p className="ncf__payment-term__charge-on-text">

package/components/payment-term.spec.js

@@ -265,6 +265,8 @@ describe('PaymentTerm', () => {
 						title: 'Annual',
 						subTitle: '(Renews annually unless cancelled)',
 						price: '€ 270.00',
+						symbol: '€',
+						amount: 270.0,
 						value: 270.0,
 						isTrial: false,
 						discount: '33%',
@@ -275,6 +277,8 @@ describe('PaymentTerm', () => {
 					{
 						title: '12 Month Subscription',
 						price: '€ 300.00',
+						symbol: '€',
+						amount: 300.0,
 						value: 300.0,
 						isTrial: false,
 						discount: '10%',

package/dist/accept-terms-subscription-updated-ui.jsx

@@ -37,7 +37,7 @@ function AcceptTermsSubscriptionUpdatedUI(_ref) {
     className: "terms-updated-ui-transition terms-updated-ui-transition--immediate"
   }, "I consent to payment being taken at the end of each subscription term until I cancel. I understand and agree that I will lose my statutory right to cancel within 14 days of accepting my order, and that any notice to cancel will only take effect at the end of my subscription period. Previously paid amounts are non-refundable, except in the event of a fault in the provision of services.")) : /*#__PURE__*/_react["default"].createElement("li", null, /*#__PURE__*/_react["default"].createElement("span", {
     className: "terms-updated-ui-transition terms-updated-ui-transition--end-of-term"
-  }, "I consent to payment being taken at the end of each subscription term until I cancel. By accepting, I am aware that my subscription will renew on the date given. I understand and agree that I will lose my statutory right to cancel within 14 days of accepting my order, and that any notice to cancel will only take effect at the end of my subscription period. Previously paid amounts are non-refundable, except in the event of a fault in the provision of services.")), /*#__PURE__*/_react["default"].createElement("li", null, /*#__PURE__*/_react["default"].createElement("span", {
+  }, "I consent to payment being taken at the end of each subscription term until I cancel. By placing my order, I acknowledge that my subscription will start on the date given above. I understand and agree that I will lose my statutory right to cancel within 14 days of accepting my order, and that any notice to cancel will only take effect at the end of my subscription period. Previously paid amounts are non-refundable, except in the event of a fault in the provision of services.")), /*#__PURE__*/_react["default"].createElement("li", null, /*#__PURE__*/_react["default"].createElement("span", {
     className: "terms-updated-ui-transition o3-type-body-base"
   }, "For more information, see our full", ' ', /*#__PURE__*/_react["default"].createElement("a", {
     href: "http://help.ft.com/help/legal-privacy/terms-conditions/",

package/dist/payment-term.jsx

@@ -204,7 +204,10 @@ function PaymentTerm(_ref) {
         className: "ncf__payment-term__description"
       }, nameMap['custom'].price(option.price), nameMap['custom'].monthlyPrice(option.monthlyPrice && option.monthlyPrice !== '0' ? Number(option.monthlyPrice) : getMonthlyPriceFromPeriod(option.amount, option.currency, option.value)), nameMap['custom'].renewsText(getTimeFromPeriod(option.value))) : /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("span", {
         className: largePrice ? 'ncf__payment-term__large-price' : ''
-      }, option.price), option.chargeOnText && /*#__PURE__*/_react["default"].createElement("p", {
+      }, new _nPricing.Price({
+        value: option.amount,
+        symbol: option.symbol
+      }).getAmountFormatted()), option.chargeOnText && /*#__PURE__*/_react["default"].createElement("p", {
         className: "ncf__payment-term__charge-on-text"
       }, option.chargeOnText)));
     };

package/package.json

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