@financial-times/n-conversion-forms 44.4.3 → 44.5.1

package/.toolkitstate/ci.json

@@ -1,7 +1,7 @@
 {
   "branch": "",
   "repo": "n-conversion-forms",
-  "version": "83abecced3df7a810373dfd78e74132d0b45f14a",
-  "tag": "v44.4.3",
-  "buildNumber": "17363"
+  "version": "55198eda97bab62183ef6417dc7f392fee563f2f",
+  "tag": "v44.5.1",
+  "buildNumber": "17481"
 }

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

@@ -27,7 +27,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
@@ -54,7 +54,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/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.price,
+									symbol: option.symbol,
+								}).getAmountFormatted()}
 							</span>
 							{option.chargeOnText && (
 								<p className="ncf__payment-term__charge-on-text">

package/components/payment-term.spec.js

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

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.price,
+        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.3",
+  "version": "44.5.1",
   "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": {