Remove opt-in/opt-out UI controls for product data sync

Removes user-facing controls for enabling/disabling the new product sync feature since it's now enabled by default with client credentials.

## Changes Made

### Removed UI Components:
- "Disable product data fetch" button from Merchant Center account card
- EnableNewProductSyncNotice banner from settings page
- API_DATA_FETCH_FEATURE option from disconnect modal

### Preserved Functionality:
- EnableNewProductSyncButton for "Grant access" during auth errors
- Backend API endpoints for sync control
- Both push and pull sync mechanisms
- API-based configuration control

## Impact

- Clean UI without confusing opt-in/opt-out controls
- Sync functionality remains fully operational
- Feature enabled by default with client credentials
- API control still available for developers

Addresses: INTEGRA-47

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <[email protected]>

Author: budzanowski

js/src/components/google-mc-account-card/merchant-center-account-info-card.js

@@ -2,7 +2,6 @@
  * External dependencies
  */
 import { sprintf, __ } from '@wordpress/i18n';
-import { useState } from '@wordpress/element';
 import { getSetting } from '@woocommerce/settings'; // eslint-disable-line import/no-unresolved
 // The above is an unpublished package, delivered with WC, we use Dependency Extraction Webpack Plugin to import it.
 // See https://github.com/woocommerce/woocommerce-admin/issues/7781
@@ -11,94 +10,24 @@ import { getSetting } from '@woocommerce/settings'; // eslint-disable-line impor
  * Internal dependencies
  */
 import AccountCard, { APPEARANCE } from '~/components/account-card';
-import AppButton from '~/components/app-button';
 import ConnectedIconLabel from '~/components/connected-icon-label';
-import Section from '~/components/section';
 import { GOOGLE_WPCOM_APP_CONNECTED_STATUS } from '~/constants';
-import { API_NAMESPACE } from '~/data/constants';
-import useDispatchCoreNotices from '~/hooks/useDispatchCoreNotices';
-import useApiFetchCallback from '~/hooks/useApiFetchCallback';
-import { useAppDispatch } from '~/data';
 import EnableNewProductSyncButton from '~/components/enable-new-product-sync-button';
 import AppNotice from '~/components/app-notice';
-import DisconnectModal, {
-	API_DATA_FETCH_FEATURE,
-} from '~/pages/settings/disconnect-modal';
-import { getSettingsUrl } from '~/utils/urls';
-import { recordGlaEvent } from '~/utils/tracks';
 
 /**
  * @typedef {import('~/data/types.js').GoogleMCAccount} GoogleMCAccount
  */
 
-/**
- * Clicking on the button to disable the new product sync (API Pull).
- *
- * @event gla_disable_product_sync_click
- */
-
 /**
  * Renders a Google Merchant Center account card UI with connected account information.
  *
  * @param {Object} props React props.
  * @param {GoogleMCAccount} props.googleMCAccount A data payload object of Google Merchant Center account.
- *
- * @fires gla_disable_product_sync_click
  */
 const MerchantCenterAccountInfoCard = ( { googleMCAccount } ) => {
-	const { createNotice, removeNotice } = useDispatchCoreNotices();
-	const { invalidateResolution } = useAppDispatch();
-
-	const [
-		fetchDisableNotifications,
-		{ loading: loadingDisableNotifications },
-	] = useApiFetchCallback( {
-		path: `${ API_NAMESPACE }/rest-api/authorize`,
-		method: 'DELETE',
-	} );
-
-	/**
-	 * Temporary code for disabling the API PULL Beta Feature from the GMC Card
-	 */
-	const [ openedModal, setOpenedModal ] = useState( null );
-	const dismissModal = () => setOpenedModal( null );
-	const openDisableDataFetchModal = () =>
-		setOpenedModal( API_DATA_FETCH_FEATURE );
-
 	const domain = new URL( getSetting( 'homeUrl' ) ).host;
 
-	const disableNotifications = async () => {
-		recordGlaEvent( 'gla_disable_product_sync_click' );
-
-		const { notice } = await createNotice(
-			'info',
-			__(
-				'Disabling the new Product Sync feature, please wait…',
-				'google-listings-and-ads'
-			)
-		);
-
-		try {
-			await fetchDisableNotifications();
-			invalidateResolution( 'getGoogleMCAccount', [] );
-		} catch ( error ) {
-			createNotice(
-				'error',
-				__(
-					'Unable to disable new product sync. Please try again later.',
-					'google-listings-and-ads'
-				)
-			);
-		}
-
-		removeNotice( notice.id );
-	};
-
-	// Show the button if the status is "approved".
-	const showDisconnectNotificationsButton =
-		googleMCAccount.wpcom_rest_api_status ===
-		GOOGLE_WPCOM_APP_CONNECTED_STATUS.APPROVED;
-
 	// Show the error if the status is set but is not "approved".
 	const showErrorNotificationsNotice =
 		googleMCAccount.wpcom_rest_api_status &&
@@ -126,14 +55,6 @@ const MerchantCenterAccountInfoCard = ( { googleMCAccount } ) => {
 				)
 			}
 		>
-			{ showDisconnectNotificationsButton && (
-				<AppNotice status="success" isDismissible={ false }>
-					{ __(
-						'Google has been granted access to fetch your product data.',
-						'google-listings-and-ads'
-					) }
-				</AppNotice>
-			) }
 
 			{ showErrorNotificationsNotice && (
 				<AppNotice status="warning" isDismissible={ false }>
@@ -143,32 +64,6 @@ const MerchantCenterAccountInfoCard = ( { googleMCAccount } ) => {
 					) }
 				</AppNotice>
 			) }
-
-			{ openedModal && (
-				<DisconnectModal
-					onRequestClose={ dismissModal }
-					onDisconnected={ () => {
-						window.location.href = getSettingsUrl();
-					} }
-					disconnectTarget={ openedModal }
-					disconnectAction={ disableNotifications }
-				/>
-			) }
-
-			{ showDisconnectNotificationsButton && (
-				<Section.Card.Footer>
-					<AppButton
-						isDestructive
-						isLink
-						disabled={ loadingDisableNotifications }
-						text={ __(
-							'Disable product data fetch',
-							'google-listings-and-ads'
-						) }
-						onClick={ openDisableDataFetchModal }
-					/>
-				</Section.Card.Footer>
-			) }
 		</AccountCard>
 	);
 };

js/src/pages/settings/disconnect-modal/confirm-modal.js

@@ -12,7 +12,7 @@ import AppModal from '~/components/app-modal';
 import AppButton from '~/components/app-button';
 import WarningIcon from '~/components/warning-icon';
 import { useAppDispatch } from '~/data';
-import { ALL_ACCOUNTS, ADS_ACCOUNT, API_DATA_FETCH_FEATURE } from './constants';
+import { ALL_ACCOUNTS, ADS_ACCOUNT } from './constants';
 
 const textDict = {
 	[ ALL_ACCOUNTS ]: {
@@ -66,24 +66,6 @@ const textDict = {
 			),
 		],
 	},
-	[ API_DATA_FETCH_FEATURE ]: {
-		title: __( 'Disable data fetching', 'google-listings-and-ads' ),
-		confirmButton: __( 'Disable data fetching', 'google-listings-and-ads' ),
-		confirmation: __(
-			'Yes, I want to disable the data fetching feature.',
-			'google-listings-and-ads'
-		),
-		contents: [
-			__(
-				'I understand that I am disabling the data fetching feature from this WooCommerce extension.',
-				'google-listings-and-ads'
-			),
-			__(
-				'Any ongoing campaigns and configuration will continue to run. They will be pushed to Google as in the previous versions of this extension.',
-				'google-listings-and-ads'
-			),
-		],
-	},
 };
 
 export default function ConfirmModal( {

js/src/pages/settings/disconnect-modal/constants.js

@@ -1,3 +1,2 @@
 export const ALL_ACCOUNTS = 'all-accounts';
 export const ADS_ACCOUNT = 'ads-account';
-export const API_DATA_FETCH_FEATURE = 'api-data-fetch-feature';

js/src/pages/settings/index.js

@@ -18,7 +18,6 @@ import LinkedAccounts from './linked-accounts';
 import ReconnectWPComAccount from './reconnect-wpcom-account';
 import ReconnectGoogleAccount from './reconnect-google-account';
 import EditStoreAddress from './edit-store-address';
-import EnableNewProductSyncNotice from '~/components/enable-new-product-sync-notice';
 import MainTabNav from '~/components/main-tab-nav';
 import RebrandingTour from '~/components/tours/rebranding-tour';
 import './index.scss';
@@ -62,7 +61,6 @@ const Settings = () => {
 
 	return (
 		<div className={ pageClassName }>
-			<EnableNewProductSyncNotice />
 			<MainTabNav />
 			<RebrandingTour />
 			<ContactInformationPreview />