Upgrading packages related to ESlint (#4622)

* ESlint upgrade

* Changelog and readme entries

* Update readme.txt

Co-authored-by: daledupreez <[email protected]>

* Changelog entry update

* Update package.json

Co-authored-by: daledupreez <[email protected]>

* Update package.json

Co-authored-by: daledupreez <[email protected]>

* Update package.json

Co-authored-by: daledupreez <[email protected]>

* Fix CashApp unit test warning message

---------

Co-authored-by: daledupreez <[email protected]>
Co-authored-by: Anne Mirasol <[email protected]>

Author: 3 people

changelog.txt

@@ -1,6 +1,7 @@
 *** Changelog ***
 
 = 9.9.0 - xxxx-xx-xx =
+* Dev - Upgrades the ESLint packages and their related libraries
 * Dev - Upgrade the Prettier package and related libraries, and apply updated formatting rules
 * Dev - Extracts Optimized Checkout logic from card payment method into new WC_Stripe_UPE_Payment_Method_OC class
 * Fix - The availability of the Link payment method when the Optimized Checkout is enabled

client/blocks/credit-card/elements.js

@@ -1,12 +1,12 @@
-import { useState } from '@wordpress/element';
-import { __ } from '@wordpress/i18n';
 import {
 	CardElement,
 	CardNumberElement,
 	CardExpiryElement,
 	CardCvcElement,
 } from '@stripe/react-stripe-js';
 import { useElementOptions } from './use-element-options';
+import { useState } from '@wordpress/element';
+import { __ } from '@wordpress/i18n';
 
 /** @typedef {import('react')} React */
 

client/blocks/credit-card/index.js

@@ -1,8 +1,8 @@
-import { useEffect, useState } from '@wordpress/element';
-import { __ } from '@wordpress/i18n';
 import { ThreeDSecurePaymentHandler } from '../three-d-secure';
 import { StripeCreditCard, getStripeCreditCardIcons } from './payment-method';
 import { PAYMENT_METHOD_NAME } from './constants';
+import { __ } from '@wordpress/i18n';
+import { useEffect, useState } from '@wordpress/element';
 import { getBlocksConfiguration } from 'wcstripe/blocks/utils';
 import { loadStripe } from 'wcstripe/blocks/load-stripe';
 

client/blocks/credit-card/payment-method.js

@@ -1,7 +1,7 @@
-import { useState } from '@wordpress/element';
 import { Elements, useStripe } from '@stripe/react-stripe-js';
 import { useCheckoutSubscriptions } from './use-checkout-subscriptions';
 import { InlineCard, CardElements } from './elements';
+import { useState } from '@wordpress/element';
 import { getBlocksConfiguration } from 'wcstripe/blocks/utils';
 
 /**

client/blocks/credit-card/use-checkout-subscriptions.js

@@ -1,7 +1,7 @@
-import { useEffect, useCallback, useState } from '@wordpress/element';
 import { getErrorMessageForTypeAndCode } from '../../stripe-utils';
 import { usePaymentIntents } from '../three-d-secure';
 import { usePaymentProcessing } from './use-payment-processing';
+import { useEffect, useCallback, useState } from '@wordpress/element';
 
 /**
  * @typedef {import('@woocommerce/type-defs/registered-payment-method-props').EventRegistrationProps} EventRegistrationProps

client/blocks/credit-card/use-payment-processing.js

@@ -1,4 +1,3 @@
-import { useEffect } from '@wordpress/element';
 import {
 	CardElement,
 	CardNumberElement,
@@ -7,6 +6,7 @@ import {
 import { getErrorMessageForTypeAndCode } from '../../stripe-utils';
 import { errorTypes, PAYMENT_METHOD_CARD } from '../../stripe-utils/constants';
 import { PAYMENT_METHOD_NAME } from './constants';
+import { useEffect } from '@wordpress/element';
 import { getBlocksConfiguration } from 'wcstripe/blocks/utils';
 
 /**

client/blocks/express-checkout/hooks.js

@@ -1,6 +1,6 @@
+import { useStripe, useElements } from '@stripe/react-stripe-js';
 import { useCallback } from '@wordpress/element';
 import { __ } from '@wordpress/i18n';
-import { useStripe, useElements } from '@stripe/react-stripe-js';
 import {
 	onAbortPaymentHandler,
 	onCancelHandler,

client/blocks/payment-request/hooks.js

@@ -1,10 +1,10 @@
-import { useState, useEffect, useCallback } from '@wordpress/element';
 import {
 	shippingAddressChangeHandler,
 	shippingOptionChangeHandler,
 	paymentProcessingHandler,
 } from './event-handlers';
 import { displayLoginConfirmation } from './login-confirmation';
+import { useState, useEffect, useCallback } from '@wordpress/element';
 import {
 	getBlocksConfiguration,
 	createPaymentRequestUsingCart,

client/blocks/payment-request/index.js

@@ -1,7 +1,7 @@
-import { __ } from '@wordpress/i18n';
 import { PAYMENT_METHOD_NAME } from './constants';
 import { PaymentRequestExpress } from './payment-request-express';
 import { applePayImage } from './apple-pay-preview';
+import { __ } from '@wordpress/i18n';
 import { loadStripe } from 'wcstripe/blocks/load-stripe';
 import {
 	getBlocksConfiguration,

client/blocks/payment-request/payment-request-express.js

@@ -1,5 +1,3 @@
-import { useEffect } from '@wordpress/element';
-import { __ } from '@wordpress/i18n';
 import {
 	Elements,
 	PaymentRequestButtonElement,
@@ -15,6 +13,8 @@ import {
 	useOnClickHandler,
 	useCancelHandler,
 } from './hooks';
+import { __ } from '@wordpress/i18n';
+import { useEffect } from '@wordpress/element';
 import { getBlocksConfiguration } from 'wcstripe/blocks/utils';
 
 /**