Moving currencyContext to currency package and updating references (#36959)

packages/js/components/changelog/update-refactor-currency-context

@@ -0,0 +1,4 @@
+Significance: minor
+Type: tweak
+
+Small tweak to update reference to currencyContext component.

packages/js/components/src/advanced-filters/number-filter.js

@@ -7,8 +7,7 @@ import { get, find, isArray } from 'lodash';
 import interpolateComponents from '@automattic/interpolate-components';
 import classnames from 'classnames';
 import { sprintf, __, _x } from '@wordpress/i18n';
-
-import CurrencyFactory from '@woocommerce/currency';
+import { CurrencyFactory } from '@woocommerce/currency';
 
 /**
  * Internal dependencies

packages/js/components/src/filters/index.js

@@ -7,7 +7,7 @@ import { find } from 'lodash';
 import PropTypes from 'prop-types';
 import { updateQueryString } from '@woocommerce/navigation';
 import { getDateParamsFromQuery, getCurrentDates } from '@woocommerce/date';
-import CurrencyFactory from '@woocommerce/currency';
+import { CurrencyFactory } from '@woocommerce/currency';
 
 /**
  * Internal dependencies

packages/js/currency/changelog/update-36395-move-product-fields

@@ -0,0 +1,4 @@
+Significance: minor
+Type: update
+
+Adding currencyContext component.

packages/js/currency/package.json

@@ -29,6 +29,7 @@
 		"@woocommerce/number": "workspace:*",
 		"@wordpress/deprecated": "^2.12.3",
 		"@wordpress/element": "^4.1.1",
+		"@wordpress/hooks": "^3.5.0",
 		"@wordpress/html-entities": "^3.3.1",
 		"@wordpress/i18n": "^3.20.0"
 	},

packages/js/currency/src/currency-context.js

@@ -3,14 +3,15 @@
  */
 import { createContext } from '@wordpress/element';
 import { applyFilters } from '@wordpress/hooks';
-import CurrencyFactory from '@woocommerce/currency';
+import { getSetting } from '@woocommerce/settings';
+
 /**
  * Internal dependencies
  */
-import { CURRENCY } from '~/utils/admin-settings';
+import { CurrencyFactory } from './index';
 
+const CURRENCY = getSetting( 'currency' );
 const appCurrency = CurrencyFactory( CURRENCY );
-
 export const getFilteredCurrencyInstance = ( query ) => {
 	const config = appCurrency.getCurrencyConfig();
 	/**

packages/js/currency/src/index.ts

@@ -0,0 +1,9 @@
+/**
+ * Internal dependencies
+ */
+import { CurrencyFactory } from './utils';
+
+export default CurrencyFactory;
+
+export * from './utils';
+export * from './currency-context';

packages/js/currency/src/utils.tsx

@@ -62,7 +62,7 @@ export type CountryInfo = {
  * @param {CurrencyConfig} currencySetting
  * @return {Object} currency object
  */
-const CurrencyFactory = function ( currencySetting?: CurrencyConfig ) {
+const CurrencyFactoryBase = function ( currencySetting?: CurrencyConfig ) {
 	let currency: Currency;
 
 	function stripTags( str: string ) {
@@ -272,7 +272,7 @@ const CurrencyFactory = function ( currencySetting?: CurrencyConfig ) {
 	};
 };
 
-export default CurrencyFactory;
+export const CurrencyFactory = CurrencyFactoryBase;
 
 /**
  * Returns currency data by country/region. Contains code, symbol, position, thousands separator, decimal separator, and precision.

plugins/woocommerce-admin/client/analytics/components/leaderboard/test/index.js

@@ -3,7 +3,7 @@
  */
 import { render } from '@testing-library/react';
 import { numberFormat } from '@woocommerce/number';
-import CurrencyFactory from '@woocommerce/currency';
+import { CurrencyFactory } from '@woocommerce/currency';
 
 /**
  * Internal dependencies

plugins/woocommerce-admin/client/analytics/components/report-chart/index.js

@@ -23,11 +23,11 @@ import {
 	getChartTypeForQuery,
 	getPreviousDate,
 } from '@woocommerce/date';
+import { CurrencyContext } from '@woocommerce/currency';
 
 /**
  * Internal dependencies
  */
-import { CurrencyContext } from '../../../lib/currency-context';
 import ReportError from '../report-error';
 import { getChartMode, getSelectedFilter, createDateFormatter } from './utils';
 

plugins/woocommerce-admin/client/analytics/components/report-filters/index.js

@@ -14,11 +14,11 @@ import {
 	isoDateFormat,
 } from '@woocommerce/date';
 import { recordEvent } from '@woocommerce/tracks';
+import { CurrencyContext } from '@woocommerce/currency';
 
 /**
  * Internal dependencies
  */
-import { CurrencyContext } from '../../../lib/currency-context';
 import { STORE_KEY as CES_STORE_KEY } from '../../../customer-effort-score-tracks/data/constants';
 import { LOCALE } from '~/utils/admin-settings';
 

plugins/woocommerce-admin/client/analytics/components/report-summary/index.js

@@ -16,12 +16,12 @@ import { calculateDelta, formatValue } from '@woocommerce/number';
 import { getSummaryNumbers, SETTINGS_STORE_NAME } from '@woocommerce/data';
 import { getDateParamsFromQuery } from '@woocommerce/date';
 import { recordEvent } from '@woocommerce/tracks';
+import { CurrencyContext } from '@woocommerce/currency';
 
 /**
  * Internal dependencies
  */
 import ReportError from '../report-error';
-import { CurrencyContext } from '../../../lib/currency-context';
 
 /**
  * Component to render summary numbers in reports.

plugins/woocommerce-admin/client/analytics/report/categories/table.js

@@ -10,13 +10,13 @@ import { getNewPath, getPersistedQuery } from '@woocommerce/navigation';
 import { Link } from '@woocommerce/components';
 import { formatValue } from '@woocommerce/number';
 import { ITEMS_STORE_NAME } from '@woocommerce/data';
+import { CurrencyContext } from '@woocommerce/currency';
 
 /**
  * Internal dependencies
  */
 import CategoryBreacrumbs from './breadcrumbs';
 import ReportTable from '../../components/report-table';
-import { CurrencyContext } from '../../../lib/currency-context';
 
 class CategoriesReportTable extends Component {
 	constructor( props ) {

plugins/woocommerce-admin/client/analytics/report/coupons/table.js

@@ -8,12 +8,12 @@ import { Date, Link } from '@woocommerce/components';
 import { getNewPath, getPersistedQuery } from '@woocommerce/navigation';
 import { formatValue } from '@woocommerce/number';
 import { defaultTableDateFormat } from '@woocommerce/date';
+import { CurrencyContext } from '@woocommerce/currency';
 
 /**
  * Internal dependencies
  */
 import ReportTable from '../../components/report-table';
-import { CurrencyContext } from '../../../lib/currency-context';
 import { getAdminSetting } from '~/utils/admin-settings';
 
 class CouponsReportTable extends Component {

plugins/woocommerce-admin/client/analytics/report/customers/table.js

@@ -10,12 +10,12 @@ import { formatValue } from '@woocommerce/number';
 import { getAdminLink } from '@woocommerce/settings';
 import { defaultTableDateFormat } from '@woocommerce/date';
 import { COUNTRIES_STORE_NAME } from '@woocommerce/data';
+import { CurrencyContext } from '@woocommerce/currency';
 
 /**
  * Internal dependencies
  */
 import ReportTable from '../../components/report-table';
-import { CurrencyContext } from '../../../lib/currency-context';
 import { getAdminSetting } from '~/utils/admin-settings';
 
 function CustomersReportTable( {

plugins/woocommerce-admin/client/analytics/report/downloads/table.js

@@ -12,12 +12,12 @@ import { formatValue } from '@woocommerce/number';
 import { getAdminLink } from '@woocommerce/settings';
 import { SETTINGS_STORE_NAME } from '@woocommerce/data';
 import { getCurrentDates, defaultTableDateFormat } from '@woocommerce/date';
+import { CurrencyContext } from '@woocommerce/currency';
 
 /**
  * Internal dependencies
  */
 import ReportTable from '../../components/report-table';
-import { CurrencyContext } from '../../../lib/currency-context';
 import { getAdminSetting } from '~/utils/admin-settings';
 
 class DownloadsReportTable extends Component {

plugins/woocommerce-admin/client/analytics/report/index.js

@@ -8,6 +8,10 @@ import PropTypes from 'prop-types';
 import { find } from 'lodash';
 import { getQuery, getSearchWords } from '@woocommerce/navigation';
 import { searchItemsByString, ITEMS_STORE_NAME } from '@woocommerce/data';
+import {
+	CurrencyContext,
+	getFilteredCurrencyInstance,
+} from '@woocommerce/currency';
 
 /**
  * Internal dependencies
@@ -15,10 +19,6 @@ import { searchItemsByString, ITEMS_STORE_NAME } from '@woocommerce/data';
 import './style.scss';
 import { NoMatch } from '~/layout/NoMatch';
 import ReportError from '../components/report-error';
-import {
-	CurrencyContext,
-	getFilteredCurrencyInstance,
-} from '../../lib/currency-context';
 import getReports from './get-reports';
 
 /**

plugins/woocommerce-admin/client/analytics/report/orders/table.js

@@ -8,13 +8,13 @@ import { Date, Link, OrderStatus, ViewMoreList } from '@woocommerce/components';
 import { formatValue } from '@woocommerce/number';
 import { getNewPath, getPersistedQuery } from '@woocommerce/navigation';
 import { defaultTableDateFormat } from '@woocommerce/date';
+import { CurrencyContext } from '@woocommerce/currency';
 
 /**
  * Internal dependencies
  */
 import ReportTable from '../../components/report-table';
 import { getAdminSetting } from '~/utils/admin-settings';
-import { CurrencyContext } from '../../../lib/currency-context';
 
 const capitalizeFirstLetter = ( expr ) =>
 	expr.charAt( 0 ).toUpperCase() + expr.slice( 1 );

plugins/woocommerce-admin/client/analytics/report/products/table.js

@@ -12,6 +12,7 @@ import { Link, Tag } from '@woocommerce/components';
 import { formatValue } from '@woocommerce/number';
 import { getAdminLink } from '@woocommerce/settings';
 import { ITEMS_STORE_NAME } from '@woocommerce/data';
+import { CurrencyContext } from '@woocommerce/currency';
 
 /**
  * Internal dependencies
@@ -19,7 +20,6 @@ import { ITEMS_STORE_NAME } from '@woocommerce/data';
 import CategoryBreacrumbs from '../categories/breadcrumbs';
 import { isLowStock } from './utils';
 import ReportTable from '../../components/report-table';
-import { CurrencyContext } from '../../../lib/currency-context';
 import { getAdminSetting } from '~/utils/admin-settings';
 
 import './style.scss';

plugins/woocommerce-admin/client/analytics/report/revenue/table.js

@@ -21,13 +21,13 @@ import {
 	getCurrentDates,
 } from '@woocommerce/date';
 import { stringify } from 'qs';
+import { CurrencyContext } from '@woocommerce/currency';
 
 /**
  * Internal dependencies
  */
 import ReportTable from '../../components/report-table';
 import { getAdminSetting } from '~/utils/admin-settings';
-import { CurrencyContext } from '../../../lib/currency-context';
 
 const EMPTY_ARRAY = [];
 

plugins/woocommerce-admin/client/analytics/report/stock/table.js

@@ -8,13 +8,13 @@ import { Link } from '@woocommerce/components';
 import { getNewPath, getPersistedQuery } from '@woocommerce/navigation';
 import { formatValue } from '@woocommerce/number';
 import { getAdminLink } from '@woocommerce/settings';
+import { CurrencyContext } from '@woocommerce/currency';
 
 /**
  * Internal dependencies
  */
 import ReportTable from '../../components/report-table';
 import { isLowStock } from './utils';
-import { CurrencyContext } from '../../../lib/currency-context';
 import { getAdminSetting } from '~/utils/admin-settings';
 
 const stockStatuses = getAdminSetting( 'stockStatuses', {} );

plugins/woocommerce-admin/client/analytics/report/taxes/table.js

@@ -7,14 +7,13 @@ import { map } from 'lodash';
 import { Link } from '@woocommerce/components';
 import { getNewPath, getPersistedQuery } from '@woocommerce/navigation';
 import { formatValue } from '@woocommerce/number';
+import { CurrencyContext } from '@woocommerce/currency';
 
 /**
  * Internal dependencies
  */
 import { getTaxCode } from './utils';
 import ReportTable from '../../components/report-table';
-import { CurrencyContext } from '../../../lib/currency-context';
-
 class TaxesReportTable extends Component {
 	constructor() {
 		super();

plugins/woocommerce-admin/client/analytics/report/variations/table.js

@@ -9,13 +9,13 @@ import { Link } from '@woocommerce/components';
 import { getNewPath, getPersistedQuery } from '@woocommerce/navigation';
 import { formatValue } from '@woocommerce/number';
 import { getAdminLink } from '@woocommerce/settings';
+import { CurrencyContext } from '@woocommerce/currency';
 
 /**
  * Internal dependencies
  */
 import ReportTable from '../../components/report-table';
 import { isLowStock } from '../products/utils';
-import { CurrencyContext } from '../../../lib/currency-context';
 import { getVariationName } from '../../../lib/async-requests';
 import { getAdminSetting } from '~/utils/admin-settings';
 

plugins/woocommerce-admin/client/dashboard/customizable.js

@@ -18,6 +18,10 @@ import {
 	isoDateFormat,
 } from '@woocommerce/date';
 import { recordEvent } from '@woocommerce/tracks';
+import {
+	CurrencyContext,
+	getFilteredCurrencyInstance,
+} from '@woocommerce/currency';
 
 /**
  * Internal dependencies
@@ -26,10 +30,6 @@ import './style.scss';
 import defaultSections from './default-sections';
 import Section from './section';
 import ReportFilters from '../analytics/components/report-filters';
-import {
-	CurrencyContext,
-	getFilteredCurrencyInstance,
-} from '../lib/currency-context';
 
 const DASHBOARD_FILTERS_FILTER = 'woocommerce_admin_dashboard_filters';
 

plugins/woocommerce-admin/client/dashboard/store-performance/index.js

@@ -17,12 +17,12 @@ import {
 } from '@woocommerce/components';
 import { getDateParamsFromQuery } from '@woocommerce/date';
 import { recordEvent } from '@woocommerce/tracks';
+import { CurrencyContext } from '@woocommerce/currency';
 
 /**
  * Internal dependencies
  */
 import './style.scss';
-import { CurrencyContext } from '../../lib/currency-context';
 import { getIndicatorData, getIndicatorValues } from './utils';
 import { getAdminSetting } from '~/utils/admin-settings';
 

plugins/woocommerce-admin/client/homescreen/activity-panel/orders/index.js

@@ -18,6 +18,7 @@ import { getNewPath } from '@woocommerce/navigation';
 import { getAdminLink } from '@woocommerce/settings';
 import { ORDERS_STORE_NAME, ITEMS_STORE_NAME } from '@woocommerce/data';
 import { recordEvent } from '@woocommerce/tracks';
+import { CurrencyContext } from '@woocommerce/currency';
 
 /**
  * Internal dependencies
@@ -28,7 +29,6 @@ import {
 } from '~/activity-panel/activity-card';
 import { getAdminSetting } from '~/utils/admin-settings';
 import { getCountryCode } from '~/dashboard/utils';
-import { CurrencyContext } from '~/lib/currency-context';
 import './style.scss';
 
 function recordOrderEvent( eventName ) {

plugins/woocommerce-admin/client/homescreen/activity-panel/reviews/index.js

@@ -22,6 +22,7 @@ import { getAdminLink } from '@woocommerce/settings';
 import { get, isNull } from 'lodash';
 import { REVIEWS_STORE_NAME } from '@woocommerce/data';
 import { recordEvent } from '@woocommerce/tracks';
+import { CurrencyContext } from '@woocommerce/currency';
 
 /**
  * Internal dependencies
@@ -32,7 +33,6 @@ import {
 	ActivityCardPlaceholder,
 } from '~/activity-panel/activity-card';
 import CheckmarkCircleIcon from './checkmark-circle-icon';
-import { CurrencyContext } from '../../../lib/currency-context';
 import sanitizeHTML from '../../../lib/sanitize-html';
 import { REVIEW_PAGE_LIMIT, unapprovedReviewsQuery } from './utils';
 

plugins/woocommerce-admin/client/homescreen/stats-overview/stats-list.js

@@ -11,11 +11,11 @@ import {
 } from '@woocommerce/components';
 import { getPersistedQuery } from '@woocommerce/navigation';
 import { recordEvent } from '@woocommerce/tracks';
+import { CurrencyContext } from '@woocommerce/currency';
 
 /**
  * Internal dependencies
  */
-import { CurrencyContext } from '../../lib/currency-context';
 import {
 	getIndicatorData,
 	getIndicatorValues,

plugins/woocommerce-admin/client/products/fields/variations/variations.tsx

@@ -22,10 +22,10 @@ import {
 } from '@woocommerce/components';
 import { getNewPath } from '@woocommerce/navigation';
 import { useContext, useState } from '@wordpress/element';
-import { useParams } from 'react-router-dom';
 import { useSelect, useDispatch } from '@wordpress/data';
 import classnames from 'classnames';
 import truncate from 'lodash/truncate';
+import { CurrencyContext } from '@woocommerce/currency';
 
 /**
  * Internal dependencies
@@ -34,7 +34,6 @@ import { PRODUCT_VARIATION_TITLE_LIMIT } from '~/products/constants';
 import useVariationsOrder from '~/products/hooks/use-variations-order';
 import HiddenIcon from '~/products/images/hidden-icon';
 import VisibleIcon from '~/products/images/visible-icon';
-import { CurrencyContext } from '../../../lib/currency-context';
 import './variations.scss';
 
 /**

plugins/woocommerce-admin/client/products/fills/pricing-section/pricing-field-list.tsx

@@ -9,6 +9,7 @@ import { useContext } from '@wordpress/element';
 import { Product, SETTINGS_STORE_NAME } from '@woocommerce/data';
 import { useSelect } from '@wordpress/data';
 import interpolateComponents from '@automattic/interpolate-components';
+import { CurrencyContext } from '@woocommerce/currency';
 import {
 	BaseControl,
 	// @ts-expect-error `__experimentalInputControl` does exist.
@@ -19,7 +20,6 @@ import {
  * Internal dependencies
  */
 import { CurrencyInputProps } from './pricing-section-fills';
-import { CurrencyContext } from '../../../lib/currency-context';
 import { ADMIN_URL } from '~/utils/admin-settings';
 
 type PricingListFieldProps = {

plugins/woocommerce-admin/client/products/fills/pricing-section/pricing-field-sale.tsx

@@ -16,6 +16,7 @@ import interpolateComponents from '@automattic/interpolate-components';
 import { format as formatDate } from '@wordpress/date';
 import { formatCurrencyDisplayValue } from '@woocommerce/product-editor';
 import moment from 'moment';
+import { CurrencyContext } from '@woocommerce/currency';
 import {
 	BaseControl,
 	// @ts-expect-error `__experimentalInputControl` does exist.
@@ -27,7 +28,6 @@ import {
  * Internal dependencies
  */
 import { CurrencyInputProps } from './pricing-section-fills';
-import { CurrencyContext } from '../../../lib/currency-context';
 
 type PricingListFieldProps = {
 	currencyInputProps: CurrencyInputProps;

plugins/woocommerce-admin/client/products/fills/pricing-section/pricing-section-fills.tsx

@@ -16,6 +16,7 @@ import { recordEvent } from '@woocommerce/tracks';
 import { Product } from '@woocommerce/data';
 import { useContext } from '@wordpress/element';
 import { Card, CardBody } from '@wordpress/components';
+import { CurrencyContext } from '@woocommerce/currency';
 
 /**
  * Internal dependencies
@@ -28,7 +29,6 @@ import {
 } from './index';
 import { useProductHelper } from '../../use-product-helper';
 import { PLUGIN_ID } from '../constants';
-import { CurrencyContext } from '../../../lib/currency-context';
 
 import './pricing-section.scss';
 

plugins/woocommerce-admin/client/products/use-product-helper.ts

@@ -20,11 +20,11 @@ import {
 	ProductVariation,
 } from '@woocommerce/data';
 import { recordEvent } from '@woocommerce/tracks';
+import { CurrencyContext } from '@woocommerce/currency';
 
 /**
  * Internal dependencies
  */
-import { CurrencyContext } from '../lib/currency-context';
 import {
 	NUMBERS_AND_DECIMAL_SEPARATOR,
 	ONLY_ONE_DECIMAL_SEPARATOR,

plugins/woocommerce-admin/client/profile-wizard/steps/business-details/flows/selective-bundle/index.js

@@ -25,11 +25,11 @@ import {
 import { getSetting } from '@woocommerce/settings';
 import { recordEvent } from '@woocommerce/tracks';
 import classnames from 'classnames';
+import { CurrencyContext } from '@woocommerce/currency';
 
 /**
  * Internal dependencies
  */
-import { CurrencyContext } from '~/lib/currency-context';
 import { createNoticesFromResponse } from '~/lib/notices';
 import { platformOptions } from '../../data/platform-options';
 import { employeeOptions } from '../../data/employee-options';

plugins/woocommerce-admin/client/profile-wizard/steps/store-details/index.js

@@ -26,6 +26,7 @@ import { recordEvent } from '@woocommerce/tracks';
 import { Text } from '@woocommerce/experimental';
 import { Icon, info } from '@wordpress/icons';
 import { isEmail } from '@wordpress/url';
+import { CurrencyContext } from '@woocommerce/currency';
 
 /**
  * Internal dependencies
@@ -36,7 +37,6 @@ import {
 	getStoreAddressValidator,
 } from '../../../dashboard/components/settings/general/store-address';
 import UsageModal from '../usage-modal';
-import { CurrencyContext } from '../../../lib/currency-context';
 import { getAdminSetting } from '~/utils/admin-settings';
 import './style.scss';
 

plugins/woocommerce-admin/client/tasks/fills/shipping/rates.js

@@ -10,11 +10,7 @@ import { Flag, Form, TextControlWithAffixes } from '@woocommerce/components';
 import { recordEvent } from '@woocommerce/tracks';
 import { Icon, globe } from '@wordpress/icons';
 import classnames from 'classnames';
-
-/**
- * Internal dependencies
- */
-import { CurrencyContext } from '../../../lib/currency-context';
+import { CurrencyContext } from '@woocommerce/currency';
 
 const ShippingRateIcon = ( { zone } ) => (
 	<div className="woocommerce-shipping-rate__icon">

plugins/woocommerce/changelog/update-refactor-currency-context

@@ -0,0 +1,4 @@
+Significance: minor
+Type: update
+
+Moving currencyContext to relevant package, and updating all references.

pnpm-lock.yaml

@@ -429,6 +429,7 @@ importers:
       '@woocommerce/number': workspace:*
       '@wordpress/deprecated': ^2.12.3
       '@wordpress/element': ^4.1.1
+      '@wordpress/hooks': ^3.5.0
       '@wordpress/html-entities': ^3.3.1
       '@wordpress/i18n': ^3.20.0
       eslint: ^8.32.0
@@ -441,6 +442,7 @@ importers:
       '@woocommerce/number': link:../number
       '@wordpress/deprecated': 2.12.3
       '@wordpress/element': 4.8.0
+      '@wordpress/hooks': 3.26.0
       '@wordpress/html-entities': 3.4.1
       '@wordpress/i18n': 3.20.0
     devDependencies:
@@ -3394,7 +3396,7 @@ packages:
     dependencies:
       '@babel/core': 7.12.9
       '@babel/helper-create-class-features-plugin': 7.17.6_@babel+core@7.12.9
-      '@babel/helper-plugin-utils': 7.18.9
+      '@babel/helper-plugin-utils': 7.19.0
     transitivePeerDependencies:
       - supports-color
     dev: true
@@ -3407,7 +3409,7 @@ packages:
     dependencies:
       '@babel/core': 7.16.12
       '@babel/helper-create-class-features-plugin': 7.17.6_@babel+core@7.16.12
-      '@babel/helper-plugin-utils': 7.18.9
+      '@babel/helper-plugin-utils': 7.19.0
     transitivePeerDependencies:
       - supports-color
     dev: false
@@ -4075,7 +4077,7 @@ packages:
     dependencies:
       '@babel/core': 7.12.9
       '@babel/helper-create-class-features-plugin': 7.17.6_@babel+core@7.12.9
-      '@babel/helper-plugin-utils': 7.18.9
+      '@babel/helper-plugin-utils': 7.19.0
     transitivePeerDependencies:
       - supports-color
     dev: true
@@ -4088,7 +4090,7 @@ packages:
     dependencies:
       '@babel/core': 7.16.12
       '@babel/helper-create-class-features-plugin': 7.17.6_@babel+core@7.16.12
-      '@babel/helper-plugin-utils': 7.18.9
+      '@babel/helper-plugin-utils': 7.19.0
     transitivePeerDependencies:
       - supports-color
     dev: false
@@ -4834,7 +4836,7 @@ packages:
     dependencies:
       '@babel/core': 7.12.9
       '@babel/helper-module-imports': 7.16.7
-      '@babel/helper-plugin-utils': 7.18.9
+      '@babel/helper-plugin-utils': 7.19.0
       '@babel/helper-remap-async-to-generator': 7.16.8
     transitivePeerDependencies:
       - supports-color
@@ -4848,7 +4850,7 @@ packages:
     dependencies:
       '@babel/core': 7.16.12
       '@babel/helper-module-imports': 7.16.7
-      '@babel/helper-plugin-utils': 7.18.9
+      '@babel/helper-plugin-utils': 7.19.0
       '@babel/helper-remap-async-to-generator': 7.16.8
     transitivePeerDependencies:
       - supports-color
@@ -14828,7 +14830,7 @@ packages:
       '@wordpress/deprecated': 3.19.0
       '@wordpress/dom': 3.19.0
       '@wordpress/element': 4.20.0
-      '@wordpress/hooks': 3.19.0
+      '@wordpress/hooks': 3.26.0
       '@wordpress/html-entities': 3.19.0
       '@wordpress/i18n': 4.19.0
       '@wordpress/icons': 9.10.0
@@ -14883,7 +14885,7 @@ packages:
       '@wordpress/deprecated': 3.19.0
       '@wordpress/dom': 3.19.0
       '@wordpress/element': 4.20.0
-      '@wordpress/hooks': 3.19.0
+      '@wordpress/hooks': 3.26.0
       '@wordpress/html-entities': 3.19.0
       '@wordpress/i18n': 4.19.0
       '@wordpress/icons': 9.10.0
@@ -14936,7 +14938,7 @@ packages:
       '@wordpress/deprecated': 3.19.0
       '@wordpress/dom': 3.19.0
       '@wordpress/element': 4.20.0
-      '@wordpress/hooks': 3.19.0
+      '@wordpress/hooks': 3.26.0
       '@wordpress/html-entities': 3.19.0
       '@wordpress/i18n': 4.19.0
       '@wordpress/is-shallow-equal': 4.19.0
@@ -15084,7 +15086,7 @@ packages:
       '@wordpress/dom': 3.19.0
       '@wordpress/element': 4.20.0
       '@wordpress/escape-html': 2.22.0
-      '@wordpress/hooks': 3.19.0
+      '@wordpress/hooks': 3.26.0
       '@wordpress/i18n': 4.19.0
       '@wordpress/icons': 9.10.0
       '@wordpress/is-shallow-equal': 4.19.0
@@ -15137,7 +15139,7 @@ packages:
       '@wordpress/dom': 3.4.1
       '@wordpress/element': 4.20.0
       '@wordpress/escape-html': 2.4.1
-      '@wordpress/hooks': 3.5.0
+      '@wordpress/hooks': 3.26.0
       '@wordpress/i18n': 4.4.1
       '@wordpress/icons': 8.0.1
       '@wordpress/is-shallow-equal': 4.4.1
@@ -15245,7 +15247,7 @@ packages:
       '@wordpress/dom': 3.4.1
       '@wordpress/element': 4.20.0
       '@wordpress/escape-html': 2.4.1
-      '@wordpress/hooks': 3.5.0
+      '@wordpress/hooks': 3.26.0
       '@wordpress/i18n': 4.4.1
       '@wordpress/icons': 8.0.1
       '@wordpress/is-shallow-equal': 4.4.1
@@ -15758,7 +15760,7 @@ packages:
     engines: {node: '>=12'}
     dependencies:
       '@babel/runtime': 7.17.7
-      '@wordpress/hooks': 3.5.0
+      '@wordpress/hooks': 3.26.0
     dev: false
 
   /@wordpress/dom-ready/2.13.2:
@@ -16115,12 +16117,6 @@ packages:
     dependencies:
       '@babel/runtime': 7.19.0
 
-  /@wordpress/hooks/3.19.0:
-    resolution: {integrity: sha512-iJNZnQ08ZFFlXpVBbSA2NuVMiKxGpNLQsDiwIuIzTmwWl8ZECYikuGC3vMCiG3xUz47JR5eGA5wN63kjkPm5bA==}
-    engines: {node: '>=12'}
-    dependencies:
-      '@babel/runtime': 7.19.0
-
   /@wordpress/hooks/3.2.2:
     resolution: {integrity: sha512-MlFWyu2ttJhmzDFBVWPRwZwIMqQdHFZTjFWFWm50NlzUzIJ3gEtNA95mHNtav1Fone24N+I2YkaYMNb6PEPTyA==}
     engines: {node: '>=12'}
@@ -16547,7 +16543,7 @@ packages:
       '@babel/runtime': 7.17.7
       '@wordpress/compose': 5.2.1_react@17.0.2
       '@wordpress/element': 4.20.0
-      '@wordpress/hooks': 3.5.0
+      '@wordpress/hooks': 3.26.0
       '@wordpress/icons': 8.1.0
       lodash: 4.17.21
       memize: 1.1.0
@@ -20857,7 +20853,7 @@ packages:
       postcss-value-parser: 4.2.0
       schema-utils: 2.7.1
       semver: 6.3.0
-      webpack: 5.70.0_webpack-cli@3.3.12
+      webpack: 5.70.0
 
   /css-loader/5.2.7_webpack@5.70.0:
     resolution: {integrity: sha512-Q7mOvpBNBG7YrVGMxRxcBJZFL75o+cH2abNASdibkj/fffYD8qWbInZrD0S9ccI6vZclF3DsHE7njGlLtaHbhg==}
@@ -27201,7 +27197,7 @@ packages:
       '@jest/test-result': 26.6.2
       '@jest/types': 26.6.2
       '@types/babel__traverse': 7.14.2
-      '@types/node': 17.0.21
+      '@types/node': 18.11.18
       chalk: 4.1.2
       co: 4.6.0
       dedent: 0.7.0
@@ -27753,7 +27749,7 @@ packages:
       '@jest/environment': 26.6.2
       '@jest/fake-timers': 26.6.2
       '@jest/types': 26.6.2
-      '@types/node': 17.0.21
+      '@types/node': 18.11.18
       jest-mock: 26.6.2
       jest-util: 26.6.2
     dev: true
@@ -36050,7 +36046,7 @@ packages:
       neo-async: 2.6.2
       schema-utils: 3.1.1
       semver: 7.3.5
-      webpack: 5.70.0_webpack-cli@3.3.12
+      webpack: 5.70.0
 
   /sass-loader/12.6.0_sass@1.49.9+webpack@5.70.0:
     resolution: {integrity: sha512-oLTaH0YCtX4cfnJZxKSLAyglED0naiYfNG1iXfU5w1LNZ+ukoA5DtyDIN5zmKVZwYNJP4KRc5Y3hkWga+7tYfA==}
@@ -37960,7 +37956,7 @@ packages:
       serialize-javascript: 6.0.0
       source-map: 0.6.1
       terser: 5.10.0_acorn@8.8.1
-      webpack: 5.70.0_webpack-cli@3.3.12
+      webpack: 5.70.0
     transitivePeerDependencies:
       - acorn