diff --git a/plugins/woocommerce-blocks/assets/js/blocks/reviews/edit-utils.js b/plugins/woocommerce-blocks/assets/js/blocks/reviews/edit-utils.js
index 08ebd295889..46770ba90b1 100644
--- a/plugins/woocommerce-blocks/assets/js/blocks/reviews/edit-utils.js
+++ b/plugins/woocommerce-blocks/assets/js/blocks/reviews/edit-utils.js
@@ -1,9 +1,8 @@
/**
* External dependencies
*/
-import { __, sprintf } from '@wordpress/i18n';
-import { Fragment, RawHTML } from '@wordpress/element';
-import { escapeHTML } from '@wordpress/escape-html';
+import { __ } from '@wordpress/i18n';
+import { __experimentalCreateInterpolateElement } from 'wordpress-element';
import {
Notice,
ToggleControl,
@@ -36,7 +35,7 @@ export const getBlockControls = ( editMode, setAttributes ) => (
export const getSharedReviewContentControls = ( attributes, setAttributes ) => {
return (
-
+ <>
{
className="wc-block-reviews__notice"
isDismissible={ false }
>
-
- { sprintf(
- escapeHTML(
- /* translators: A notice that links to WooCommerce settings. */
- __(
- 'Product rating is disabled in your %sstore settings%s.',
- 'woo-gutenberg-products-block'
- )
+ { __experimentalCreateInterpolateElement(
+ __(
+ 'Product rating is disabled in your store settings.',
+ 'woo-gutenberg-products-block'
+ ),
+ {
+ a: (
+ // eslint-disable-next-line jsx-a11y/anchor-has-content
+
),
- ``,
- ''
- ) }
-
+ }
+ ) }
) }
{
}
/>
{ attributes.showReviewImage && (
-
+ <>
{
className="wc-block-reviews__notice"
isDismissible={ false }
>
-
- { sprintf(
- escapeHTML(
- /* translators: A notice that links to WordPress settings. */
- __(
- 'Reviewer photo is disabled in your %ssite settings%s.',
- 'woo-gutenberg-products-block'
- )
+ { __experimentalCreateInterpolateElement(
+ __(
+ 'Reviewer photo is disabled in your site settings.',
+ 'woo-gutenberg-products-block'
+ ),
+ {
+ a: (
+ // eslint-disable-next-line jsx-a11y/anchor-has-content
+
),
- ``,
- ''
- ) }
-
+ }
+ ) }
) }
-
+ >
) }
-
+ >
);
};
@@ -165,7 +170,7 @@ export const getSharedReviewListControls = ( attributes, setAttributes ) => {
const maxPerPage = 20;
return (
-
+ <>
{
min={ minPerPage }
/>
) }
-
+ >
);
};
diff --git a/plugins/woocommerce-blocks/package-lock.json b/plugins/woocommerce-blocks/package-lock.json
index b6c382e9c51..98572f8dcc2 100644
--- a/plugins/woocommerce-blocks/package-lock.json
+++ b/plugins/woocommerce-blocks/package-lock.json
@@ -29642,6 +29642,28 @@
}
}
},
+ "wordpress-element": {
+ "version": "npm:@wordpress/element@2.11.0",
+ "resolved": "https://registry.npmjs.org/@wordpress/element/-/element-2.11.0.tgz",
+ "integrity": "sha512-56ZO8a+E7QEsYwiqS+3BQPSHrCPsOAIEz5smXzntb2f6BjvOKeA64pup40mdn1pNGexe06LBA8cjoZVdLBHB1w==",
+ "requires": {
+ "@babel/runtime": "^7.8.3",
+ "@wordpress/escape-html": "^1.7.0",
+ "lodash": "^4.17.15",
+ "react": "^16.9.0",
+ "react-dom": "^16.9.0"
+ },
+ "dependencies": {
+ "@wordpress/escape-html": {
+ "version": "1.7.0",
+ "resolved": "https://registry.npmjs.org/@wordpress/escape-html/-/escape-html-1.7.0.tgz",
+ "integrity": "sha512-xDOBo0P3Jnbdbb/UypsQaplsD2k4UXgd/EpKhMAKhDa2m20GxWWmEKW9IB3/5bS4Rh2YZjVM9WL4JyWPUo4hEA==",
+ "requires": {
+ "@babel/runtime": "^7.8.3"
+ }
+ }
+ }
+ },
"wordwrap": {
"version": "0.0.2",
"resolved": "https://registry.npmjs.org/wordwrap/-/wordwrap-0.0.2.tgz",
diff --git a/plugins/woocommerce-blocks/package.json b/plugins/woocommerce-blocks/package.json
index 924e99f6887..cec13f75fcb 100644
--- a/plugins/woocommerce-blocks/package.json
+++ b/plugins/woocommerce-blocks/package.json
@@ -146,7 +146,8 @@
"react-number-format": "4.3.1",
"trim-html": "0.1.9",
"use-debounce": "3.3.0",
- "wordpress-components": "npm:@wordpress/components@8.5.0"
+ "wordpress-components": "npm:@wordpress/components@8.5.0",
+ "wordpress-element": "npm:@wordpress/element@2.11.0"
},
"husky": {
"hooks": {