diff --git a/.eslintrc b/.eslintrc
index 947e3acbed..fc74779bfb 100644
--- a/.eslintrc
+++ b/.eslintrc
@@ -1,11 +1,13 @@
{
"extends": [ "plugin:@wordpress/eslint-plugin/recommended" ],
"env": {
- "browser": true
+ "browser": true,
+ "jest": true
},
"globals": {
"wc": true,
- "jQuery": "readonly"
+ "jQuery": "readonly",
+ "ppcpSwitchSettingsUi": "readonly"
},
"rules": {
"no-console": ["error", { "allow": ["warn", "error"] }]
diff --git a/modules/ppcp-settings/resources/js/Components/ReusableComponents/DataStoreControl.js b/modules/ppcp-settings/resources/js/Components/ReusableComponents/DataStoreControl.js
index d336d458cc..51edc86b50 100644
--- a/modules/ppcp-settings/resources/js/Components/ReusableComponents/DataStoreControl.js
+++ b/modules/ppcp-settings/resources/js/Components/ReusableComponents/DataStoreControl.js
@@ -1,3 +1,4 @@
+/* eslint-disable no-undef, jsdoc/no-undefined-types */
import { useCallback, useEffect, useRef, useState } from '@wordpress/element';
import { debounce } from '../../../../../ppcp-blocks/resources/js/Helper/debounce';
@@ -7,11 +8,12 @@ import { debounce } from '../../../../../ppcp-blocks/resources/js/Helper/debounc
* A generic wrapper that adds debounced store updates to any controlled component.
*
* @param {Object} props
- * @param {React.ComponentType} props.control The controlled component to render
+ * @param {React.ComponentType} props.control The controlled component to render // eslint-disable-line jsdoc/no-undefined-types
* @param {string|number} props.value The controlled value
* @param {Function} props.onChange Change handler
* @param {number} [props.delay=300] Debounce delay in milliseconds
*/
+
const DataStoreControl = React.forwardRef(
(
{
diff --git a/modules/ppcp-settings/resources/js/Components/ReusableComponents/Icons/GenericIcon.js b/modules/ppcp-settings/resources/js/Components/ReusableComponents/Icons/GenericIcon.js
index 1b5e0a1840..65331f77c8 100644
--- a/modules/ppcp-settings/resources/js/Components/ReusableComponents/Icons/GenericIcon.js
+++ b/modules/ppcp-settings/resources/js/Components/ReusableComponents/Icons/GenericIcon.js
@@ -1,3 +1,4 @@
+// eslint-disable-next-line import/no-extraneous-dependencies
import React from 'react';
const GenericIcon = ( { imageName, className = '', alt = '' } ) => {
diff --git a/modules/ppcp-settings/resources/js/Components/ReusableComponents/PricingTitleBadge.js b/modules/ppcp-settings/resources/js/Components/ReusableComponents/PricingTitleBadge.js
index 1e5aba37c7..5fc60aebfa 100644
--- a/modules/ppcp-settings/resources/js/Components/ReusableComponents/PricingTitleBadge.js
+++ b/modules/ppcp-settings/resources/js/Components/ReusableComponents/PricingTitleBadge.js
@@ -36,6 +36,7 @@ const PricingTitleBadge = ( { item } ) => {
);
const label = sprintf(
+ // Translators: %1$s is the percentage, %2$s is the fixed amount.
__( 'from %1$s%% + %2$s', 'woocommerce-paypal-payments' ),
percentage,
fixedAmount
diff --git a/modules/ppcp-settings/resources/js/Components/ReusableComponents/SettingsBlocks/TodoSettingsBlock.js b/modules/ppcp-settings/resources/js/Components/ReusableComponents/SettingsBlocks/TodoSettingsBlock.js
index 806216f56a..0425f3b5d9 100644
--- a/modules/ppcp-settings/resources/js/Components/ReusableComponents/SettingsBlocks/TodoSettingsBlock.js
+++ b/modules/ppcp-settings/resources/js/Components/ReusableComponents/SettingsBlocks/TodoSettingsBlock.js
@@ -97,6 +97,7 @@ const TodoItem = ( {
onDismiss,
} ) => {
return (
+ // eslint-disable-next-line jsx-a11y/click-events-have-key-events,jsx-a11y/no-static-element-interactions
{
description:
,
},
{
- title: ownBrandOnly ? __(
- 'No thanks, I prefer to use a different provider for local payment methods',
- 'woocommerce-paypal-payments'
- ) : __(
- 'No thanks, I prefer to use a different provider for processing credit cards, digital wallets, and local payment methods',
- 'woocommerce-paypal-payments'
- ),
+ title: ownBrandOnly
+ ? __(
+ 'No thanks, I prefer to use a different provider for local payment methods',
+ 'woocommerce-paypal-payments'
+ )
+ : __(
+ 'No thanks, I prefer to use a different provider for processing credit cards, digital wallets, and local payment methods',
+ 'woocommerce-paypal-payments'
+ ),
value: false,
},
];
diff --git a/modules/ppcp-settings/resources/js/Components/Screens/Onboarding/Steps/StepProducts.js b/modules/ppcp-settings/resources/js/Components/Screens/Onboarding/Steps/StepProducts.js
index 5497787fb1..7512e5304f 100644
--- a/modules/ppcp-settings/resources/js/Components/Screens/Onboarding/Steps/StepProducts.js
+++ b/modules/ppcp-settings/resources/js/Components/Screens/Onboarding/Steps/StepProducts.js
@@ -1,3 +1,4 @@
+/* eslint-disable react-hooks/exhaustive-deps */
import { __, sprintf } from '@wordpress/i18n';
import { useEffect, useState } from '@wordpress/element';
@@ -38,7 +39,13 @@ const StepProducts = () => {
};
initChoices();
- }, [ canUseSubscriptions, optionState, products, setProducts ] );
+ }, [
+ canUseSubscriptions,
+ optionState,
+ isCasualSeller,
+ products,
+ setProducts,
+ ] );
const handleChange = ( key, checked ) => {
const getNewValue = () => {
diff --git a/modules/ppcp-settings/resources/js/Components/Screens/Onboarding/Steps/index.js b/modules/ppcp-settings/resources/js/Components/Screens/Onboarding/Steps/index.js
index 5d0790cf62..af167b3946 100644
--- a/modules/ppcp-settings/resources/js/Components/Screens/Onboarding/Steps/index.js
+++ b/modules/ppcp-settings/resources/js/Components/Screens/Onboarding/Steps/index.js
@@ -57,7 +57,9 @@ const filterSteps = ( steps, conditions ) => {
};
export const getSteps = ( flags ) => {
+ // eslint-disable-next-line react-hooks/rules-of-hooks
const { ownBrandOnly } = CommonHooks.useWooSettings();
+ // eslint-disable-next-line react-hooks/rules-of-hooks
const { isCasualSeller } = OnboardingHooks.useBusiness();
const steps = filterSteps( ALL_STEPS, [
diff --git a/modules/ppcp-settings/resources/js/Components/Screens/Settings/Components/Overview/pay-later-messaging.js b/modules/ppcp-settings/resources/js/Components/Screens/Settings/Components/Overview/pay-later-messaging.js
index 1354f9c576..10a35344cb 100644
--- a/modules/ppcp-settings/resources/js/Components/Screens/Settings/Components/Overview/pay-later-messaging.js
+++ b/modules/ppcp-settings/resources/js/Components/Screens/Settings/Components/Overview/pay-later-messaging.js
@@ -3,8 +3,9 @@ import { __, sprintf } from '@wordpress/i18n';
export const payLaterMessaging = {
US: {
description: sprintf(
+ // Translators: %1$s: URL for more information.
__(
- 'Your customers can already buy now and pay later with PayPal — add messaging to your site to let them know. PayPal’s Pay Later helps boost merchants\' conversion rates and increases cart sizes by 39%%.¹ You get paid in full up front.
More about Pay Later',
+ 'Your customers can already buy now and pay later with PayPal — add messaging to your site to let them know. PayPal’s Pay Later helps boost merchants\' conversion rates and increases cart sizes by 39%%.¹ You get paid in full up front.
More about Pay Later',
'woocommerce-paypal-payments'
),
'https://www.paypal.com/us/business/accept-payments/checkout/installments'
@@ -15,8 +16,9 @@ export const payLaterMessaging = {
},
GB: {
description: sprintf(
+ // Translators: %1$s: URL for more information.
__(
- 'Your customers can already buy now and pay later with PayPal — add messaging to your site to let them know. Pay in 3 gets a 216%% higher Average Order Value than a standard PayPal transaction.¹ There’s
no extra cost and you get paid up front.
More about Pay in 3',
+ 'Your customers can already buy now and pay later with PayPal — add messaging to your site to let them know. Pay in 3 gets a 216%% higher Average Order Value than a standard PayPal transaction.¹ There’s
no extra cost and you get paid up front.
More about Pay in 3',
'woocommerce-paypal-payments'
),
'https://www.paypal.com/uk/business/accept-payments/checkout/installments'
@@ -30,8 +32,9 @@ export const payLaterMessaging = {
},
FR: {
description: sprintf(
+ // Translators: %1$s: URL for more information.
__(
- 'Your customers can already buy now and pay later with PayPal — add messaging to your site to let them know. Pay in 4x gets a 65%% higher Average Order Value than a standard PayPal transaction.¹
There\'s no extra cost on top of your PayPal Checkout rate, and you get paid up front.
More about Pay in 4x',
+ 'Your customers can already buy now and pay later with PayPal — add messaging to your site to let them know. Pay in 4x gets a 65%% higher Average Order Value than a standard PayPal transaction.¹
There\'s no extra cost on top of your PayPal Checkout rate, and you get paid up front.
More about Pay in 4x',
'woocommerce-paypal-payments'
),
'https://www.paypal.com/fr/business/accept-payments/checkout/installments'
@@ -45,8 +48,9 @@ export const payLaterMessaging = {
},
AU: {
description: sprintf(
+ // Translators: %1$s: URL for more information.
__(
- 'Your customers can already buy now and pay later with PayPal — add messaging to your site to let them know. Pay in 4 gets more than a 100%% higher Average Order Value than a standard PayPal transaction.¹ There’s
no extra cost and you get paid up front.
More about Pay in 4',
+ 'Your customers can already buy now and pay later with PayPal — add messaging to your site to let them know. Pay in 4 gets more than a 100%% higher Average Order Value than a standard PayPal transaction.¹ There’s
no extra cost and you get paid up front.
More about Pay in 4',
'woocommerce-paypal-payments'
),
'https://www.paypal.com/au/business/accept-payments/checkout/installments'
@@ -60,8 +64,9 @@ export const payLaterMessaging = {
},
IT: {
description: sprintf(
+ // Translators: %1$s: URL for more information.
__(
- 'Your customers can already buy now and pay later with PayPal — add messaging to your site to let them know. Pay in 3 installments gets about a 275%% higher Average Order Value than a standard PayPal transaction.¹
There\'s no extra cost on top of your PayPal Checkout rate, and you get paid up front.
More about Pay in 3 installments',
+ 'Your customers can already buy now and pay later with PayPal — add messaging to your site to let them know. Pay in 3 installments gets about a 275%% higher Average Order Value than a standard PayPal transaction.¹
There\'s no extra cost on top of your PayPal Checkout rate, and you get paid up front.
More about Pay in 3 installments',
'woocommerce-paypal-payments'
),
'https://www.paypal.com/it/business/accept-payments/checkout/installments'
@@ -75,8 +80,9 @@ export const payLaterMessaging = {
},
ES: {
description: sprintf(
+ // Translators: %1$s: URL for more information.
__(
- 'Your customers can already buy now and pay later with PayPal — add messaging to your site to let them know. Pay in 3 installments gets about a 275%% higher Average Order Value than a standard PayPal transaction.¹
There\'s no extra cost on top of your PayPal Checkout rate, and you get paid up front.
More about Pay in 3 installments',
+ 'Your customers can already buy now and pay later with PayPal — add messaging to your site to let them know. Pay in 3 installments gets about a 275%% higher Average Order Value than a standard PayPal transaction.¹
There\'s no extra cost on top of your PayPal Checkout rate, and you get paid up front.
More about Pay in 3 installments',
'woocommerce-paypal-payments'
),
'https://www.paypal.com/es/business/accept-payments/checkout/installments'
@@ -90,8 +96,9 @@ export const payLaterMessaging = {
},
DE: {
description: sprintf(
+ // Translators: %1$s: URL for more information.
__(
- 'Your customers can already buy now and pay later with PayPal — add messaging to your site to let them know. When you offer your customers Pay Later options, 57%% will be more likely to buy from you again.¹
There\'s no extra cost and you get paid up front.
More about Pay Later',
+ 'Your customers can already buy now and pay later with PayPal — add messaging to your site to let them know. When you offer your customers Pay Later options, 57%% will be more likely to buy from you again.¹
There\'s no extra cost and you get paid up front.
More about Pay Later',
'woocommerce-paypal-payments'
),
'https://www.paypal.com/de/business/accept-payments/checkout/installments'
diff --git a/modules/ppcp-settings/resources/js/Components/Screens/Settings/Components/Payment/PaymentDependencyMessage.js b/modules/ppcp-settings/resources/js/Components/Screens/Settings/Components/Payment/PaymentDependencyMessage.js
index ef835569bd..7fd26b1130 100644
--- a/modules/ppcp-settings/resources/js/Components/Screens/Settings/Components/Payment/PaymentDependencyMessage.js
+++ b/modules/ppcp-settings/resources/js/Components/Screens/Settings/Components/Payment/PaymentDependencyMessage.js
@@ -22,6 +22,7 @@ const PaymentDependencyMessage = ( { parentId, parentName } ) => {
{
methodLink: (
+ { /* eslint-disable-next-line jsx-a11y/anchor-is-valid */ }
{
diff --git a/modules/ppcp-settings/resources/js/Components/Screens/Settings/Components/Payment/SettingDependencyMessage.js b/modules/ppcp-settings/resources/js/Components/Screens/Settings/Components/Payment/SettingDependencyMessage.js
index e824031e7f..72dc8d074f 100644
--- a/modules/ppcp-settings/resources/js/Components/Screens/Settings/Components/Payment/SettingDependencyMessage.js
+++ b/modules/ppcp-settings/resources/js/Components/Screens/Settings/Components/Payment/SettingDependencyMessage.js
@@ -36,6 +36,7 @@ const transformSectionId = ( sectionId ) => {
*/
const SettingLink = ( { settingName, sectionId } ) => (
+ { /* eslint-disable-next-line jsx-a11y/anchor-is-valid */ }
{
diff --git a/modules/ppcp-settings/resources/js/Components/Screens/Settings/Components/Settings/Blocks/ConnectionDetails.js b/modules/ppcp-settings/resources/js/Components/Screens/Settings/Components/Settings/Blocks/ConnectionDetails.js
index 351c061136..d36ee5eb86 100644
--- a/modules/ppcp-settings/resources/js/Components/Screens/Settings/Components/Settings/Blocks/ConnectionDetails.js
+++ b/modules/ppcp-settings/resources/js/Components/Screens/Settings/Components/Settings/Blocks/ConnectionDetails.js
@@ -73,6 +73,7 @@ const generateOptions = ( config, settings, updateFormValue ) => [
value: 'manual_connect',
label: __( 'Manual Connect', 'woocommerce-paypal-payments' ),
description: sprintf(
+ // translators: %s: Link to PayPal REST application documentation.
__(
'For advanced users: Connect a custom PayPal REST app for full control over your integration. For more information on creating a PayPal REST application, click here.',
'woocommerce-paypal-payments'
@@ -128,9 +129,10 @@ const generateOptions = ( config, settings, updateFormValue ) => [
const generateModeData = ( config, settings, updateFormValue ) => ( {
title: config.title,
description: config.description,
- connectTitle: __(
- `Connect ${ config.label } Account`, // TODO: Avoid variables inside __() translation literal.
- 'woocommerce-paypal-payments'
+ connectTitle: sprintf(
+ /* translators: %s: Account type (e.g., Sandbox, Live) */
+ __( 'Connect %s Account', 'woocommerce-paypal-payments' ),
+ config.label
),
connectDescription: config.connectDescription,
options: generateOptions( config, settings, updateFormValue ),
diff --git a/modules/ppcp-settings/resources/js/Components/Screens/Settings/Components/Settings/Blocks/OrderIntent.js b/modules/ppcp-settings/resources/js/Components/Screens/Settings/Components/Settings/Blocks/OrderIntent.js
index c67c8a768e..7837c2bb66 100644
--- a/modules/ppcp-settings/resources/js/Components/Screens/Settings/Components/Settings/Blocks/OrderIntent.js
+++ b/modules/ppcp-settings/resources/js/Components/Screens/Settings/Components/Settings/Blocks/OrderIntent.js
@@ -1,4 +1,5 @@
import { __ } from '@wordpress/i18n';
+// eslint-disable-next-line import/no-extraneous-dependencies
import { useEffect } from 'react';
import { ControlToggleButton } from '../../../../../ReusableComponents/Controls';
@@ -17,7 +18,11 @@ const OrderIntent = () => {
if ( ! authorizeOnly && captureVirtualOnlyOrders ) {
setCaptureVirtualOnlyOrders( false );
}
- }, [ authorizeOnly ] );
+ }, [
+ authorizeOnly,
+ captureVirtualOnlyOrders,
+ setCaptureVirtualOnlyOrders,
+ ] );
return (
{
Webhook Status documentation.',
'woocommerce-paypal-payments'
diff --git a/modules/ppcp-settings/resources/js/Components/Screens/Settings/Components/Settings/Parts/DisconnectButton.js b/modules/ppcp-settings/resources/js/Components/Screens/Settings/Components/Settings/Parts/DisconnectButton.js
index 83e014b841..9ad25bcf7a 100644
--- a/modules/ppcp-settings/resources/js/Components/Screens/Settings/Components/Settings/Parts/DisconnectButton.js
+++ b/modules/ppcp-settings/resources/js/Components/Screens/Settings/Components/Settings/Parts/DisconnectButton.js
@@ -24,7 +24,7 @@ const DisconnectButton = () => {
const handleConfirm = useCallback( async () => {
await disconnectMerchant( resetFlag );
goToPluginSettings();
- }, [ disconnectMerchant, resetFlag ] );
+ }, [ disconnectMerchant, goToPluginSettings, resetFlag ] );
const confirmationTitle = __(
'Disconnect from PayPal?',
diff --git a/modules/ppcp-settings/resources/js/Components/Screens/Settings/Tabs/TabPayLaterMessaging.js b/modules/ppcp-settings/resources/js/Components/Screens/Settings/Tabs/TabPayLaterMessaging.js
index 1a8a2c6249..f323623368 100644
--- a/modules/ppcp-settings/resources/js/Components/Screens/Settings/Tabs/TabPayLaterMessaging.js
+++ b/modules/ppcp-settings/resources/js/Components/Screens/Settings/Tabs/TabPayLaterMessaging.js
@@ -9,7 +9,7 @@ const TabPayLaterMessaging = () => {
setProduct,
setShop,
setHome,
- setCustom_placement,
+ setCustomPlacement,
} = PayLaterMessagingHooks.usePayLaterMessaging();
const PcpPayLaterConfigurator =
window.ppcpSettings?.PcpPayLaterConfigurator;
@@ -41,11 +41,20 @@ const TabPayLaterMessaging = () => {
setProduct( data.config.product );
setShop( data.config.shop );
setHome( data.config.home );
- setCustom_placement( data.config.custom_placement );
+ setCustomPlacement( data.config.custom_placement );
},
} );
}
- }, [ PcpPayLaterConfigurator, config ] );
+ }, [
+ PcpPayLaterConfigurator,
+ config,
+ setCart,
+ setCheckout,
+ setCustomPlacement,
+ setHome,
+ setProduct,
+ setShop,
+ ] );
return (
{
const [ product, setProduct ] = usePersistent( 'product' );
const [ shop, setShop ] = usePersistent( 'shop' );
const [ home, setHome ] = usePersistent( 'home' );
- const [ custom_placement, setCustom_placement ] =
+ const [ customPlacement, setCustomPlacement ] =
usePersistent( 'custom_placement' );
return {
@@ -44,8 +44,8 @@ const useHooks = () => {
setShop,
home,
setHome,
- custom_placement,
- setCustom_placement,
+ customPlacement,
+ setCustomPlacement,
};
};
@@ -66,8 +66,8 @@ export const usePayLaterMessaging = () => {
setShop,
home,
setHome,
- custom_placement,
- setCustom_placement,
+ customPlacement,
+ setCustomPlacement,
} = useHooks();
return {
@@ -77,13 +77,13 @@ export const usePayLaterMessaging = () => {
product,
shop,
home,
- custom_placement,
+ customPlacement,
},
setCart,
setCheckout,
setProduct,
setShop,
setHome,
- setCustom_placement,
+ setCustomPlacement,
};
};
diff --git a/modules/ppcp-settings/resources/js/data/pay-later-messaging/reducer.js b/modules/ppcp-settings/resources/js/data/pay-later-messaging/reducer.js
index 5843ef4005..ef1c3ad04e 100644
--- a/modules/ppcp-settings/resources/js/data/pay-later-messaging/reducer.js
+++ b/modules/ppcp-settings/resources/js/data/pay-later-messaging/reducer.js
@@ -24,7 +24,7 @@ const defaultPersistent = Object.freeze( {
product: {},
shop: {},
home: {},
- custom_placement: [],
+ customPlacement: [],
} );
// Reducer logic.
diff --git a/modules/ppcp-settings/resources/js/data/styling/hooks.js b/modules/ppcp-settings/resources/js/data/styling/hooks.js
index ecf999eaf5..092f8fc3b2 100644
--- a/modules/ppcp-settings/resources/js/data/styling/hooks.js
+++ b/modules/ppcp-settings/resources/js/data/styling/hooks.js
@@ -20,7 +20,6 @@ import {
STYLING_PAYMENT_METHODS,
STYLING_SHAPES,
} from './configuration';
-import { persistentData } from './selectors';
/**
* Single source of truth for access Redux details.
diff --git a/modules/ppcp-settings/resources/js/hooks/useHandleConnections.js b/modules/ppcp-settings/resources/js/hooks/useHandleConnections.js
index d174c26a73..861a2b332c 100644
--- a/modules/ppcp-settings/resources/js/hooks/useHandleConnections.js
+++ b/modules/ppcp-settings/resources/js/hooks/useHandleConnections.js
@@ -29,8 +29,10 @@ const ACTIVITIES = {
export const useHandleOnboardingButton = ( isSandbox ) => {
const { onboardingUrl } = isSandbox
- ? CommonHooks.useSandbox()
- : CommonHooks.useProduction();
+ ? // eslint-disable-next-line react-hooks/rules-of-hooks
+ CommonHooks.useSandbox()
+ : // eslint-disable-next-line react-hooks/rules-of-hooks
+ CommonHooks.useProduction();
const { ownBrandOnly } = CommonHooks.useWooSettings();
const { products, options } =
OnboardingHooks.useDetermineProducts( ownBrandOnly );
diff --git a/modules/ppcp-settings/resources/js/hooks/usePaymentGatewayRefresh.js b/modules/ppcp-settings/resources/js/hooks/usePaymentGatewayRefresh.js
index a14d395e79..3037d409e5 100644
--- a/modules/ppcp-settings/resources/js/hooks/usePaymentGatewayRefresh.js
+++ b/modules/ppcp-settings/resources/js/hooks/usePaymentGatewayRefresh.js
@@ -70,7 +70,7 @@ export const usePaymentGatewayRefresh = () => {
}
// Update Redux state to mark gateways as refreshed.
- const result = await refreshGateways();
+ await refreshGateways();
setRefreshCompleted( true );
return { success: true };
diff --git a/modules/ppcp-settings/resources/js/hooks/usePaymentGatewaySync.js b/modules/ppcp-settings/resources/js/hooks/usePaymentGatewaySync.js
index 69c64a07fe..4cd46399c1 100644
--- a/modules/ppcp-settings/resources/js/hooks/usePaymentGatewaySync.js
+++ b/modules/ppcp-settings/resources/js/hooks/usePaymentGatewaySync.js
@@ -19,8 +19,8 @@ export const usePaymentGatewaySync = () => {
const { isReady: merchantIsReady } = CommonHooks.useStore();
const [ isSyncing, setIsSyncing ] = useState( false );
- const [ syncCompleted, setSyncCompleted ] = useState( false );
- const [ syncError, setSyncError ] = useState( null );
+ const [ , setSyncCompleted ] = useState( false );
+ const [ , setSyncError ] = useState( null );
// Use a ref to track if we've initiated a sync during this session.
const syncAttemptedRef = useRef( false );
diff --git a/modules/ppcp-settings/resources/js/hooks/useSettingDependencyState.js b/modules/ppcp-settings/resources/js/hooks/useSettingDependencyState.js
index f7e57bb6c1..b8d1f8b109 100644
--- a/modules/ppcp-settings/resources/js/hooks/useSettingDependencyState.js
+++ b/modules/ppcp-settings/resources/js/hooks/useSettingDependencyState.js
@@ -32,7 +32,7 @@ const useSettingDependencyState = ( methods ) => {
if ( method.depends_on_settings.settings ) {
const settingsObj = method.depends_on_settings.settings;
- for ( const [ settingId, settingData ] of Object.entries(
+ for ( const [ , settingData ] of Object.entries(
settingsObj
) ) {
const requiredId = settingData.id;
diff --git a/modules/ppcp-settings/resources/js/index.js b/modules/ppcp-settings/resources/js/index.js
index f044642ba9..0bc2e8e9b2 100644
--- a/modules/ppcp-settings/resources/js/index.js
+++ b/modules/ppcp-settings/resources/js/index.js
@@ -1,4 +1,6 @@
+// eslint-disable-next-line import/no-extraneous-dependencies
import React from 'react';
+// eslint-disable-next-line import/no-extraneous-dependencies
import { createRoot } from 'react-dom/client';
import App from './Components/App';
diff --git a/modules/ppcp-settings/resources/js/switchSettingsUi.js b/modules/ppcp-settings/resources/js/switchSettingsUi.js
index 9304ceb30e..ffb99bbb3f 100644
--- a/modules/ppcp-settings/resources/js/switchSettingsUi.js
+++ b/modules/ppcp-settings/resources/js/switchSettingsUi.js
@@ -24,7 +24,7 @@ document.addEventListener( 'DOMContentLoaded', () => {
}
return response.json();
} )
- .then( ( data ) => {
+ .then( () => {
window.location.reload();
} )
.catch( ( error ) => {