@automattic/jetpack-components 1.1.16 → 1.1.18

package/CHANGELOG.md

@@ -2,6 +2,17 @@
 
 ### This is a list detailing changes for the Jetpack RNA Components package releases.
 
+## [1.1.18] - 2025-08-11
+### Changed
+- Update package dependencies. [#44677]
+
+### Fixed
+- I18n: Improve context hints in comments for translators. [#44686]
+
+## [1.1.17] - 2025-08-04
+### Changed
+- Internal updates.
+
 ## [1.1.16] - 2025-07-30
 ### Changed
 - Internal updates.
@@ -1489,6 +1500,8 @@
 ### Changed
 - Update node version requirement to 14.16.1
 
+[1.1.18]: https://github.com/Automattic/jetpack-components/compare/1.1.17...1.1.18
+[1.1.17]: https://github.com/Automattic/jetpack-components/compare/1.1.16...1.1.17
 [1.1.16]: https://github.com/Automattic/jetpack-components/compare/1.1.15...1.1.16
 [1.1.15]: https://github.com/Automattic/jetpack-components/compare/1.1.14...1.1.15
 [1.1.14]: https://github.com/Automattic/jetpack-components/compare/1.1.13...1.1.14

package/build/components/admin-page/index.js

@@ -33,7 +33,7 @@ const AdminPage = ({ children, className, moduleName = __('Jetpack', 'jetpack-co
         catch (error) {
             // eslint-disable-next-line no-alert
             window.alert(sprintf(
-            /* translators: placeholder is an error message. */
+            /* translators: %s: an error message. */
             __('There was an error testing Jetpack. Error: %s', 'jetpack-components'), error.message));
         }
     }, []);

package/build/components/pricing-card/index.js

@@ -26,7 +26,7 @@ const PricingCard = ({ currencyCode = 'USD', priceDetails = __('/month, paid yea
     const currencyObjectBefore = getCurrencyObject(props.priceBefore, currencyCode);
     const currencyObjectAfter = getCurrencyObject(props.priceAfter, currencyCode);
     return (_jsxs("div", { className: "jp-components__pricing-card", children: [props.icon && (_jsx("div", { className: "jp-components__pricing-card__icon", children: 'string' === typeof props.icon ? (_jsx("img", { src: props.icon, alt: sprintf(
-                    /* translators: placeholder is a product name */
+                    /* translators: %s: the product name */
                     __('Icon for the product %s', 'jetpack-components'), props.title) })) : (props.icon) })), _jsx("h1", { className: "jp-components__pricing-card__title", children: props.title }), _jsxs("div", { className: "jp-components__pricing-card__pricing", children: [props.priceAfter === 0 && _jsx(LoadingPlaceholder, { width: "100%", height: 48 }), props.priceBefore !== props.priceAfter && props.priceAfter > 0 && (_jsxs("div", { className: "jp-components__pricing-card__price-before", children: [_jsx("span", { className: "jp-components__pricing-card__currency", children: currencyObjectBefore.symbol }), _jsx("span", { className: "jp-components__pricing-card__price", children: currencyObjectBefore.integer }), showPriceDecimals(currencyObjectBefore) && (_jsxs("span", { className: "jp-components__pricing-card__price-decimal", children: [' ', currencyObjectBefore.fraction] })), _jsx("div", { className: "jp-components__pricing-card__price-strikethrough" })] })), props.priceAfter > 0 && (_jsxs(_Fragment, { children: [_jsxs("div", { className: "jp-components__pricing-card__price-after", children: [_jsx("span", { className: "jp-components__pricing-card__currency", children: currencyObjectAfter.symbol }), _jsx("span", { className: "jp-components__pricing-card__price", children: currencyObjectAfter.integer }), showPriceDecimals(currencyObjectAfter) && (_jsx("span", { className: "jp-components__pricing-card__price-decimal", children: currencyObjectAfter.fraction }))] }), _jsx("span", { className: "jp-components__pricing-card__price-details", children: priceDetails })] }))] }), props.children && (_jsx("div", { className: "jp-components__pricing-card__extra-content-wrapper", children: props.children })), props.tosText && _jsx("div", { className: "jp-components__pricing-card__tos", children: props.tosText }), props.ctaText && (_jsxs(_Fragment, { children: [!props.tosText && (_jsx("div", { className: "jp-components__pricing-card__tos", children: _jsx(TermsOfService, { agreeButtonLabel: props.ctaText }) })), _jsx("div", { className: "jp-components__pricing-card__cta", children: _jsx(Button, { className: "jp-components__pricing-card__button", label: props.ctaText, onClick: props.onCtaClick, children: props.ctaText }) })] })), props.infoText && (_jsx("div", { className: "jp-components__pricing-card__info", children: props.infoText }))] }));
 };
 export default PricingCard;

package/build/components/pricing-table/index.js

@@ -16,7 +16,7 @@ const getItemLabels = (isComingSoon, isIncluded, featureNameLabel) => {
     if (isComingSoon) {
         return {
             lg: COMING_SOON_TEXT,
-            // translators: Name of the current feature
+            // translators: %s: Name of the current feature
             default: sprintf(__('%s coming soon', 'jetpack-components'), featureNameLabel),
         };
     }
@@ -25,7 +25,7 @@ const getItemLabels = (isComingSoon, isIncluded, featureNameLabel) => {
         default: isIncluded
             ? featureNameLabel
             : sprintf(
-            /* translators: Name of the current feature */
+            /* translators: %s: Name of the current feature */
             __('%s not included', 'jetpack-components'), featureNameLabel),
     };
 };

package/build/components/product-offer/index.js

@@ -20,7 +20,7 @@ const ProductOffer = ({ addProductUrl, buttonDisclaimer, buttonText = '', classN
     const { isFree, price, currency, offPrice } = pricing;
     const needsPurchase = !isFree && !hasRequiredPlan;
     const defautlButtonText = sprintf(
-    /* translators: placeholder is product name. */
+    /* translators: %s: the product name. */
     __('Add %s', 'jetpack-components'), title);
     return (_jsxs("div", { className: clsx(styles.wrapper, className, {
             [styles['is-bundle-card']]: isBundle,

package/components/admin-page/index.tsx

@@ -52,7 +52,7 @@ const AdminPage: FC< AdminPageProps > = ( {
 			// eslint-disable-next-line no-alert
 			window.alert(
 				sprintf(
-					/* translators: placeholder is an error message. */
+					/* translators: %s: an error message. */
 					__( 'There was an error testing Jetpack. Error: %s', 'jetpack-components' ),
 					error.message
 				)

package/components/pricing-card/index.tsx

@@ -43,7 +43,7 @@ const PricingCard: FC< PricingCardProps > = ( {
 						<img
 							src={ props.icon }
 							alt={ sprintf(
-								/* translators: placeholder is a product name */
+								/* translators: %s: the product name */
 								__( 'Icon for the product %s', 'jetpack-components' ),
 								props.title
 							) }

package/components/pricing-table/index.tsx

@@ -33,7 +33,7 @@ const getItemLabels = ( isComingSoon, isIncluded, featureNameLabel ) => {
 	if ( isComingSoon ) {
 		return {
 			lg: COMING_SOON_TEXT,
-			// translators: Name of the current feature
+			// translators: %s: Name of the current feature
 			default: sprintf( __( '%s coming soon', 'jetpack-components' ), featureNameLabel ),
 		};
 	}
@@ -43,7 +43,7 @@ const getItemLabels = ( isComingSoon, isIncluded, featureNameLabel ) => {
 		default: isIncluded
 			? featureNameLabel
 			: sprintf(
-					/* translators: Name of the current feature */
+					/* translators: %s: Name of the current feature */
 					__( '%s not included', 'jetpack-components' ),
 					featureNameLabel
 			  ),

package/components/product-offer/index.tsx

@@ -42,7 +42,7 @@ const ProductOffer: FC< ProductOfferProps > = ( {
 	const needsPurchase = ! isFree && ! hasRequiredPlan;
 
 	const defautlButtonText = sprintf(
-		/* translators: placeholder is product name. */
+		/* translators: %s: the product name. */
 		__( 'Add %s', 'jetpack-components' ),
 		title
 	);

package/package.json

@@ -1,44 +1,70 @@
 {
 	"name": "@automattic/jetpack-components",
-	"version": "1.1.16",
+	"version": "1.1.18",
 	"description": "Jetpack Components Package",
-	"author": "Automattic",
-	"license": "GPL-2.0-or-later",
 	"homepage": "https://github.com/Automattic/jetpack/tree/HEAD/projects/js-packages/components/#readme",
+	"bugs": {
+		"url": "https://github.com/Automattic/jetpack/labels/[JS Package] Components"
+	},
 	"repository": {
 		"type": "git",
 		"url": "https://github.com/Automattic/jetpack.git",
 		"directory": "projects/js-packages/components"
 	},
-	"bugs": {
-		"url": "https://github.com/Automattic/jetpack/labels/[JS Package] Components"
+	"license": "GPL-2.0-or-later",
+	"author": "Automattic",
+	"sideEffects": [
+		"*.css",
+		"*.scss"
+	],
+	"type": "module",
+	"exports": {
+		".": {
+			"types": "./build/index.d.ts",
+			"default": "./build/index.js"
+		},
+		"./tools/jp-redirect": {
+			"types": "./build/tools/jp-redirect/index.d.ts",
+			"default": "./build/tools/jp-redirect/index.js"
+		}
+	},
+	"scripts": {
+		"build": "pnpm run clean && pnpm run compile-ts",
+		"clean": "rm -rf build/",
+		"compile-ts": "tsc --pretty --project tsconfig.build.json",
+		"test": "NODE_OPTIONS=--experimental-vm-modules jest",
+		"test-coverage": "pnpm run test --coverage",
+		"typecheck": "tsc --noEmit"
 	},
+	"browserslist": [
+		"extends @wordpress/browserslist-config"
+	],
 	"dependencies": {
 		"@automattic/format-currency": "1.0.1",
-		"@automattic/jetpack-api": "^1.0.5",
-		"@automattic/jetpack-boost-score-api": "^1.0.7",
-		"@automattic/jetpack-script-data": "^0.5.0",
-		"@automattic/number-formatters": "^1.0.9",
+		"@automattic/jetpack-api": "^1.0.7",
+		"@automattic/jetpack-boost-score-api": "^1.0.9",
+		"@automattic/jetpack-script-data": "^0.5.1",
+		"@automattic/number-formatters": "^1.0.10",
 		"@babel/runtime": "^7",
-		"@wordpress/browserslist-config": "6.26.0",
-		"@wordpress/components": "29.12.0",
-		"@wordpress/compose": "7.26.0",
-		"@wordpress/data": "10.26.0",
-		"@wordpress/date": "5.26.0",
-		"@wordpress/element": "6.26.0",
-		"@wordpress/i18n": "5.26.0",
-		"@wordpress/icons": "10.26.0",
-		"@wordpress/notices": "5.26.0",
+		"@wordpress/browserslist-config": "6.27.0",
+		"@wordpress/components": "30.0.0",
+		"@wordpress/compose": "7.27.0",
+		"@wordpress/data": "10.27.0",
+		"@wordpress/date": "5.27.0",
+		"@wordpress/element": "6.27.0",
+		"@wordpress/i18n": "6.0.0",
+		"@wordpress/icons": "10.27.0",
+		"@wordpress/notices": "5.27.0",
 		"clsx": "2.1.1",
 		"prop-types": "^15.7.2",
 		"qrcode.react": "4.2.0",
 		"react-slider": "2.0.5",
-		"social-logos": "^3.2.7",
+		"social-logos": "^3.2.8",
 		"uplot": "1.6.31",
 		"uplot-react": "1.1.4"
 	},
 	"devDependencies": {
-		"@automattic/jetpack-base-styles": "^1.0.6",
+		"@automattic/jetpack-base-styles": "^1.0.7",
 		"@babel/core": "7.28.0",
 		"@babel/preset-react": "7.27.1",
 		"@jest/globals": "30.0.4",
@@ -65,31 +91,5 @@
 	"peerDependencies": {
 		"react": "^18.0.0",
 		"react-dom": "^18.0.0"
-	},
-	"type": "module",
-	"browserslist": [
-		"extends @wordpress/browserslist-config"
-	],
-	"exports": {
-		".": {
-			"types": "./build/index.d.ts",
-			"default": "./build/index.js"
-		},
-		"./tools/jp-redirect": {
-			"types": "./build/tools/jp-redirect/index.d.ts",
-			"default": "./build/tools/jp-redirect/index.js"
-		}
-	},
-	"sideEffects": [
-		"*.css",
-		"*.scss"
-	],
-	"scripts": {
-		"build": "pnpm run clean && pnpm run compile-ts",
-		"clean": "rm -rf build/",
-		"compile-ts": "tsc --pretty --project tsconfig.build.json",
-		"test": "NODE_OPTIONS=--experimental-vm-modules jest",
-		"test-coverage": "pnpm run test --coverage",
-		"typecheck": "tsc --noEmit"
 	}
 }