@automattic/jetpack-components 1.1.17 → 1.1.19

package/CHANGELOG.md

@@ -2,6 +2,17 @@
 
 ### This is a list detailing changes for the Jetpack RNA Components package releases.
 
+## [1.1.19] - 2025-08-13
+### Changed
+- Update package dependencies. [#44701]
+
+## [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.
@@ -1493,6 +1504,8 @@
 ### Changed
 - Update node version requirement to 14.16.1
 
+[1.1.19]: https://github.com/Automattic/jetpack-components/compare/1.1.18...1.1.19
+[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

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/boost-score-graph/tooltip.js

@@ -16,7 +16,7 @@ export const Tooltip = ({ period }) => {
     }
     return (_jsxs("div", { className: "jb-score-tooltip", children: [_jsx("div", { className: "jb-score-tooltip__date", children: date }), _jsxs("div", { className: "jb-score-tooltip__row", children: [_jsx("div", { className: "jb-score-tooltip__column", children: __('Overall score', 'jetpack-components') }), _jsx("div", { className: "jb-score-tooltip__column", children: scoreLetter })] }), _jsx("hr", {}), _jsxs("div", { className: "jb-score-tooltip__row", children: [_jsx("div", { className: "jb-score-tooltip__column", children: __('Desktop score', 'jetpack-components') }), _jsx("div", { className: "jb-score-tooltip__column", children: 
                         /* translators: %d is the score */
-                        sprintf(__('%d / 100', 'jetpack-components'), desktop_overall_score) })] }), typeof desktop_lcp === 'number' && (_jsxs("div", { className: "jb-score-tooltip__row jb-score-tooltip__row--secondary", children: [_jsx("div", { className: "jb-score-tooltip__column", children: __('Largest Contentful Paint', 'jetpack-components') }), _jsx("div", { className: "jb-score-tooltip__column", children: sprintf('%0.2fs', desktop_lcp) })] })), typeof desktop_tbt === 'number' && (_jsxs("div", { className: "jb-score-tooltip__row jb-score-tooltip__row--secondary", children: [_jsx("div", { className: "jb-score-tooltip__column", children: __('Total Blocking Time', 'jetpack-components') }), _jsx("div", { className: "jb-score-tooltip__column", children: sprintf('%0.2fs', desktop_tbt) })] })), typeof desktop_cls === 'number' && (_jsxs("div", { className: "jb-score-tooltip__row jb-score-tooltip__row--secondary", children: [_jsx("div", { className: "jb-score-tooltip__column", children: __('Cumulative Layout Shift', 'jetpack-components') }), _jsx("div", { className: "jb-score-tooltip__column", children: sprintf('%0.2f', desktop_cls) })] })), _jsx("hr", {}), _jsxs("div", { className: "jb-score-tooltip__row", children: [_jsx("div", { className: "jb-score-tooltip__column", children: __('Mobile score', 'jetpack-components') }), _jsx("div", { className: "jb-score-tooltip__column", children: 
+                        sprintf(__('%d / 100', 'jetpack-components'), desktop_overall_score) })] }), typeof desktop_lcp === 'number' && (_jsxs("div", { className: "jb-score-tooltip__row jb-score-tooltip__row--secondary", children: [_jsx("div", { className: "jb-score-tooltip__column", children: __('Largest Contentful Paint', 'jetpack-components') }), _jsx("div", { className: "jb-score-tooltip__column", children: sprintf('%.2fs', desktop_lcp) })] })), typeof desktop_tbt === 'number' && (_jsxs("div", { className: "jb-score-tooltip__row jb-score-tooltip__row--secondary", children: [_jsx("div", { className: "jb-score-tooltip__column", children: __('Total Blocking Time', 'jetpack-components') }), _jsx("div", { className: "jb-score-tooltip__column", children: sprintf('%.2fs', desktop_tbt) })] })), typeof desktop_cls === 'number' && (_jsxs("div", { className: "jb-score-tooltip__row jb-score-tooltip__row--secondary", children: [_jsx("div", { className: "jb-score-tooltip__column", children: __('Cumulative Layout Shift', 'jetpack-components') }), _jsx("div", { className: "jb-score-tooltip__column", children: sprintf('%.2f', desktop_cls) })] })), _jsx("hr", {}), _jsxs("div", { className: "jb-score-tooltip__row", children: [_jsx("div", { className: "jb-score-tooltip__column", children: __('Mobile score', 'jetpack-components') }), _jsx("div", { className: "jb-score-tooltip__column", children: 
                         /* translators: %d is the score */
-                        sprintf(__('%d / 100', 'jetpack-components'), mobile_overall_score) })] }), typeof mobile_lcp === 'number' && (_jsxs("div", { className: "jb-score-tooltip__row jb-score-tooltip__row--secondary", children: [_jsx("div", { className: "jb-score-tooltip__column", children: __('Largest Contentful Paint', 'jetpack-components') }), _jsx("div", { className: "jb-score-tooltip__column", children: sprintf('%0.2fs', mobile_lcp) })] })), typeof mobile_tbt === 'number' && (_jsxs("div", { className: "jb-score-tooltip__row jb-score-tooltip__row--secondary", children: [_jsx("div", { className: "jb-score-tooltip__column", children: __('Total Blocking Time', 'jetpack-components') }), _jsx("div", { className: "jb-score-tooltip__column", children: sprintf('%0.2fs', mobile_tbt) })] })), typeof mobile_cls === 'number' && (_jsxs("div", { className: "jb-score-tooltip__row jb-score-tooltip__row--secondary", children: [_jsx("div", { className: "jb-score-tooltip__column", children: __('Cumulative Layout Shift', 'jetpack-components') }), _jsx("div", { className: "jb-score-tooltip__column", children: sprintf('%0.2f', mobile_cls) })] })), _jsx("div", { className: "jb-score-tooltip__pointer" })] }));
+                        sprintf(__('%d / 100', 'jetpack-components'), mobile_overall_score) })] }), typeof mobile_lcp === 'number' && (_jsxs("div", { className: "jb-score-tooltip__row jb-score-tooltip__row--secondary", children: [_jsx("div", { className: "jb-score-tooltip__column", children: __('Largest Contentful Paint', 'jetpack-components') }), _jsx("div", { className: "jb-score-tooltip__column", children: sprintf('%.2fs', mobile_lcp) })] })), typeof mobile_tbt === 'number' && (_jsxs("div", { className: "jb-score-tooltip__row jb-score-tooltip__row--secondary", children: [_jsx("div", { className: "jb-score-tooltip__column", children: __('Total Blocking Time', 'jetpack-components') }), _jsx("div", { className: "jb-score-tooltip__column", children: sprintf('%.2fs', mobile_tbt) })] })), typeof mobile_cls === 'number' && (_jsxs("div", { className: "jb-score-tooltip__row jb-score-tooltip__row--secondary", children: [_jsx("div", { className: "jb-score-tooltip__column", children: __('Cumulative Layout Shift', 'jetpack-components') }), _jsx("div", { className: "jb-score-tooltip__column", children: sprintf('%.2f', mobile_cls) })] })), _jsx("div", { className: "jb-score-tooltip__pointer" })] }));
 };

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/boost-score-graph/tooltip.tsx

@@ -53,7 +53,7 @@ export const Tooltip: FunctionComponent = ( { period }: { period: Period } ) =>
 					<div className="jb-score-tooltip__column">
 						{ __( 'Largest Contentful Paint', 'jetpack-components' ) }
 					</div>
-					<div className="jb-score-tooltip__column">{ sprintf( '%0.2fs', desktop_lcp ) }</div>
+					<div className="jb-score-tooltip__column">{ sprintf( '%.2fs', desktop_lcp ) }</div>
 				</div>
 			) }
 			{ typeof desktop_tbt === 'number' && (
@@ -61,7 +61,7 @@ export const Tooltip: FunctionComponent = ( { period }: { period: Period } ) =>
 					<div className="jb-score-tooltip__column">
 						{ __( 'Total Blocking Time', 'jetpack-components' ) }
 					</div>
-					<div className="jb-score-tooltip__column">{ sprintf( '%0.2fs', desktop_tbt ) }</div>
+					<div className="jb-score-tooltip__column">{ sprintf( '%.2fs', desktop_tbt ) }</div>
 				</div>
 			) }
 			{ typeof desktop_cls === 'number' && (
@@ -69,7 +69,7 @@ export const Tooltip: FunctionComponent = ( { period }: { period: Period } ) =>
 					<div className="jb-score-tooltip__column">
 						{ __( 'Cumulative Layout Shift', 'jetpack-components' ) }
 					</div>
-					<div className="jb-score-tooltip__column">{ sprintf( '%0.2f', desktop_cls ) }</div>
+					<div className="jb-score-tooltip__column">{ sprintf( '%.2f', desktop_cls ) }</div>
 				</div>
 			) }
 			<hr />
@@ -89,7 +89,7 @@ export const Tooltip: FunctionComponent = ( { period }: { period: Period } ) =>
 					<div className="jb-score-tooltip__column">
 						{ __( 'Largest Contentful Paint', 'jetpack-components' ) }
 					</div>
-					<div className="jb-score-tooltip__column">{ sprintf( '%0.2fs', mobile_lcp ) }</div>
+					<div className="jb-score-tooltip__column">{ sprintf( '%.2fs', mobile_lcp ) }</div>
 				</div>
 			) }
 			{ typeof mobile_tbt === 'number' && (
@@ -97,7 +97,7 @@ export const Tooltip: FunctionComponent = ( { period }: { period: Period } ) =>
 					<div className="jb-score-tooltip__column">
 						{ __( 'Total Blocking Time', 'jetpack-components' ) }
 					</div>
-					<div className="jb-score-tooltip__column">{ sprintf( '%0.2fs', mobile_tbt ) }</div>
+					<div className="jb-score-tooltip__column">{ sprintf( '%.2fs', mobile_tbt ) }</div>
 				</div>
 			) }
 			{ typeof mobile_cls === 'number' && (
@@ -105,7 +105,7 @@ export const Tooltip: FunctionComponent = ( { period }: { period: Period } ) =>
 					<div className="jb-score-tooltip__column">
 						{ __( 'Cumulative Layout Shift', 'jetpack-components' ) }
 					</div>
-					<div className="jb-score-tooltip__column">{ sprintf( '%0.2f', mobile_cls ) }</div>
+					<div className="jb-score-tooltip__column">{ sprintf( '%.2f', mobile_cls ) }</div>
 				</div>
 			) }
 			<div className="jb-score-tooltip__pointer"></div>

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,6 +1,6 @@
 {
 	"name": "@automattic/jetpack-components",
-	"version": "1.1.17",
+	"version": "1.1.19",
 	"description": "Jetpack Components Package",
 	"homepage": "https://github.com/Automattic/jetpack/tree/HEAD/projects/js-packages/components/#readme",
 	"bugs": {
@@ -41,20 +41,20 @@
 	],
 	"dependencies": {
 		"@automattic/format-currency": "1.0.1",
-		"@automattic/jetpack-api": "^1.0.6",
-		"@automattic/jetpack-boost-score-api": "^1.0.8",
+		"@automattic/jetpack-api": "^1.0.8",
+		"@automattic/jetpack-boost-score-api": "^1.0.10",
 		"@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.28.0",
+		"@wordpress/components": "30.1.0",
+		"@wordpress/compose": "7.28.0",
+		"@wordpress/data": "10.28.0",
+		"@wordpress/date": "5.28.0",
+		"@wordpress/element": "6.28.0",
+		"@wordpress/i18n": "6.1.0",
+		"@wordpress/icons": "10.28.0",
+		"@wordpress/notices": "5.28.0",
 		"clsx": "2.1.1",
 		"prop-types": "^15.7.2",
 		"qrcode.react": "4.2.0",
@@ -64,7 +64,7 @@
 		"uplot-react": "1.1.4"
 	},
 	"devDependencies": {
-		"@automattic/jetpack-base-styles": "^1.0.6",
+		"@automattic/jetpack-base-styles": "^1.0.8",
 		"@babel/core": "7.28.0",
 		"@babel/preset-react": "7.27.1",
 		"@jest/globals": "30.0.4",