@automattic/data-stores 3.2.0 → 3.2.1

package/src/reader/queries/use-site-subscriptions-query.ts

@@ -1,38 +1,38 @@
+import {
+	adaptSiteSubscriptionsResponse,
+	type SiteSubscriptionsApiResponse,
+} from '@automattic/api-core';
+import { siteSubscriptionsQuery, getSiteSubscriptionsQueryKey } from '@automattic/api-queries';
 import { useInfiniteQuery } from '@tanstack/react-query';
+import { addQueryArgs } from '@wordpress/url';
 import { useMemo, useEffect, useCallback } from 'react';
 import { SiteSubscriptionsFilterBy, SiteSubscriptionsSortBy } from '../constants';
 import { useSiteSubscriptionsQueryProps } from '../contexts';
 import { callApi } from '../helpers';
-import { useCacheKey, useIsLoggedIn, useIsQueryEnabled } from '../hooks';
-import type { SiteSubscriptionsResponseItem } from '../types';
+import { useIsLoggedIn, useIsQueryEnabled } from '../hooks';
+import type { SiteSubscriptionItem } from '../types';
 
-export const siteSubscriptionsQueryKeyPrefix = [ 'read', 'site-subscriptions' ];
+export const siteSubscriptionsQueryKeyPrefix = [ ...getSiteSubscriptionsQueryKey() ];
 
-type SubscriptionManagerSiteSubscriptions = {
-	subscriptions: SiteSubscriptionsResponseItem[];
-	page: number;
-	total_subscriptions: number;
-};
-
-type SubscriptionManagerSiteSubscriptionsQueryProps = {
-	number?: number;
-};
+// Must match the page size the shared `siteSubscriptionsQuery` (in
+// `@automattic/api-queries`) assumes for next-page detection. That query reasons
+// about how much offset it has covered, so requesting a different page size here
+// would make pagination stop early or over-fetch. The value mirrors the server
+// cap (`PER_PAGE_MAX = 100`) on `/read/following/mine`.
+const SITE_SUBSCRIPTIONS_PAGE_SIZE = 100;
 
-const sortByDateSubscribed = (
-	a: SiteSubscriptionsResponseItem,
-	b: SiteSubscriptionsResponseItem
-) =>
+const sortByDateSubscribed = ( a: SiteSubscriptionItem, b: SiteSubscriptionItem ) =>
 	a.date_subscribed instanceof Date && b.date_subscribed instanceof Date
 		? b.date_subscribed.getTime() - a.date_subscribed.getTime()
 		: 0;
 
-const sortByLastUpdated = ( a: SiteSubscriptionsResponseItem, b: SiteSubscriptionsResponseItem ) =>
+const sortByLastUpdated = ( a: SiteSubscriptionItem, b: SiteSubscriptionItem ) =>
 	a.last_updated instanceof Date && b.last_updated instanceof Date
 		? b.last_updated.getTime() - a.last_updated.getTime()
 		: 0;
 
-const sortBySiteName = ( a: SiteSubscriptionsResponseItem, b: SiteSubscriptionsResponseItem ) =>
-	a.name.localeCompare( b.name );
+const sortBySiteName = ( a: SiteSubscriptionItem, b: SiteSubscriptionItem ) =>
+	( a.name ?? '' ).localeCompare( b.name ?? '' );
 
 const getSortFunction = ( sortTerm: SiteSubscriptionsSortBy ) => {
 	switch ( sortTerm ) {
@@ -47,42 +47,38 @@ const getSortFunction = ( sortTerm: SiteSubscriptionsSortBy ) => {
 	}
 };
 
-const useSiteSubscriptionsQuery = ( {
-	number = 100,
-}: SubscriptionManagerSiteSubscriptionsQueryProps = {} ) => {
+const useSiteSubscriptionsQuery = () => {
 	const { isLoggedIn } = useIsLoggedIn();
 	const enabled = useIsQueryEnabled();
-	const cacheKey = useCacheKey( siteSubscriptionsQueryKeyPrefix );
 	const { searchTerm, filterOption, sortTerm } = useSiteSubscriptionsQueryProps();
 
-	const { data, fetchNextPage, hasNextPage, isFetchingNextPage, isFetching, ...rest } =
-		useInfiniteQuery< SubscriptionManagerSiteSubscriptions >( {
-			queryKey: cacheKey,
-			queryFn: async ( { pageParam } ) => {
-				const data = await callApi< SubscriptionManagerSiteSubscriptions >( {
-					path: `/read/following/mine?number=${ number }&page=${ pageParam }`,
-					isLoggedIn,
-					apiVersion: '1.2',
-				} );
-
-				return {
-					...data,
-					subscriptions: data.subscriptions
-						? data.subscriptions.map( ( subscription ) => ( {
-								...subscription,
-								last_updated: new Date( subscription.last_updated ),
-								date_subscribed: new Date( subscription.date_subscribed ),
-						  } ) )
-						: [],
-				};
-			},
-			enabled,
-			initialPageParam: 1,
-			getNextPageParam: ( lastPage, pages ) => {
-				return lastPage.page * number < lastPage.total_subscriptions ? pages.length + 1 : undefined;
-			},
-			refetchOnWindowFocus: false,
-		} );
+	const query = useInfiniteQuery( {
+		...siteSubscriptionsQuery(),
+		queryFn: async ( { pageParam } ) => {
+			const response = await callApi< SiteSubscriptionsApiResponse >( {
+				path: addQueryArgs( '/read/following/mine', {
+					page: pageParam,
+					number: SITE_SUBSCRIPTIONS_PAGE_SIZE,
+					meta: '',
+				} ),
+				apiVersion: '1.2',
+				isLoggedIn,
+			} );
+
+			return adaptSiteSubscriptionsResponse( response );
+		},
+		enabled,
+	} );
+	const {
+		data,
+		error,
+		fetchNextPage,
+		hasNextPage,
+		isFetchingNextPage,
+		isFetching,
+		isLoading,
+		refetch,
+	} = query;
 
 	const nextPage = hasNextPage && ! isFetching && data ? data.pages.length + 1 : null;
 
@@ -93,7 +89,7 @@ const useSiteSubscriptionsQuery = ( {
 	}, [ nextPage, fetchNextPage ] );
 
 	const filterFunction = useCallback(
-		( item: SiteSubscriptionsResponseItem ) => {
+		( item: SiteSubscriptionItem ) => {
 			switch ( filterOption ) {
 				case SiteSubscriptionsFilterBy.Paid:
 					return item.is_paid_subscription;
@@ -114,7 +110,7 @@ const useSiteSubscriptionsQuery = ( {
 		const flattenedData = data?.pages?.map( ( page ) => page.subscriptions ).flat();
 
 		const searchTermLowerCase = searchTerm.toLowerCase();
-		const searchFilter = ( item: SiteSubscriptionsResponseItem ) => {
+		const searchFilter = ( item: SiteSubscriptionItem ) => {
 			if ( searchTerm === '' ) {
 				return true;
 			}
@@ -131,17 +127,19 @@ const useSiteSubscriptionsQuery = ( {
 				flattenedData
 					?.filter( ( item ) => item !== null && filterFunction( item ) && searchFilter( item ) )
 					.sort( sort ) ?? [],
-			totalCount: data?.pages?.[ 0 ]?.total_subscriptions ?? 0,
+			totalCount: data?.pages?.[ 0 ]?.totalCount ?? 0,
 		};
 		// eslint-disable-next-line react-hooks/exhaustive-deps
 	}, [ data?.pages, filterOption, searchTerm, sortTerm ] );
 
 	return {
 		data: resultData,
+		error,
 		isFetchingNextPage,
 		isFetching,
 		hasNextPage,
-		...rest,
+		isLoading,
+		refetch,
 	};
 };
 

package/src/reader/types/index.ts

@@ -1,4 +1,7 @@
 import { EmailDeliveryFrequency } from '../constants';
+import type { Railcar } from '@automattic/calypso-analytics';
+
+export type { SiteSubscriptionItem } from '@automattic/api-core';
 
 export type EmailFormatType = 'html' | 'text';
 
@@ -27,13 +30,6 @@ export type EmailSettingsAPIResponse = {
 	};
 };
 
-type SiteSubscriptionMeta = {
-	links: {
-		site: string;
-		feed: string;
-	};
-};
-
 export type SiteSubscriptionDeliveryMethods = {
 	email?: {
 		send_posts: boolean;
@@ -47,46 +43,6 @@ export type SiteSubscriptionDeliveryMethods = {
 	};
 };
 
-export type PagedQueryResult< TDataType, TKey extends string > = {
-	pages: {
-		[ K in TKey ]: TDataType[];
-	}[];
-	pageParams: number;
-};
-
-export type SiteSubscriptionsResponseItem = {
-	ID: string;
-	blog_ID: string;
-	feed_ID: string;
-	URL: string;
-	date_subscribed: Date;
-	delivery_methods: SiteSubscriptionDeliveryMethods;
-	name: string;
-	organization_id: number;
-	unseen_count: number;
-	last_updated: Date;
-	site_icon: string;
-	is_owner: boolean;
-	meta: SiteSubscriptionMeta;
-	is_wpforteams_site: boolean;
-	is_paid_subscription: boolean;
-	is_gift: boolean;
-	gift_id: number;
-	is_rss: boolean;
-	isDeleted: boolean;
-	resubscribed: boolean;
-};
-
-export type SiteSubscriptionPage = {
-	subscriptions: SiteSubscriptionsResponseItem[];
-	total_subscriptions: number;
-};
-
-export type SiteSubscriptionsPages = {
-	pageParams: [];
-	pages: SiteSubscriptionPage[];
-};
-
 export type PostSubscription = {
 	id: string;
 	blog_id: string;
@@ -166,7 +122,9 @@ export type SiteSubscriptionDetails< DateT = Date > = {
 };
 
 export type SiteSubscriptionPaymentDetails = {
-	is_gift: boolean;
+	is_comp: boolean;
+	/** @deprecated Legacy field from the API — plans with is_gift are filtered out. */
+	is_gift?: boolean;
 	ID: string;
 	site_id: string;
 	status: string;
@@ -202,3 +160,31 @@ export type SiteSubscriptionDetailsErrorResponse = ErrorResponse<
 export type SiteSubscriptionDetailsResponse< DateT = Date > =
 	| SiteSubscriptionDetails< DateT >
 	| SiteSubscriptionDetailsErrorResponse;
+
+export interface FeedItem {
+	ID: string;
+	URL: string;
+	blog_ID: string;
+	description: string;
+	feed_ID: string;
+	feed_URL: string;
+	image: string;
+	is_following: boolean;
+	last_checked: string;
+	last_update: string;
+	marked_for_refresh: boolean;
+	meta: {
+		links?: {
+			self: string;
+			[ key: string ]: string;
+		};
+	};
+	name: string;
+	next_refresh_time: string | null;
+	organization_id: number;
+	railcar?: Railcar;
+	subscribe_URL: string;
+	subscribers_count: number;
+	unseen_count: number;
+	subscription_id?: number; // Only present if the user is subscribed to the feed.
+}

package/src/shared-types.ts

@@ -18,3 +18,16 @@ declare global {
 		_currentSiteId: number;
 	}
 }
+
+export type Location = {
+	pathname: string;
+	search?: string;
+	hash?: string;
+	state?: unknown;
+	key?: string;
+};
+
+export interface APIFetchOptions {
+	global: boolean;
+	path: string;
+}

package/src/site/actions.ts

@@ -33,7 +33,7 @@ import type {
 } from './types';
 import type { WpcomClientCredentials } from '../shared-types';
 import type { RequestTemplate } from '../templates';
-import type { Design, DesignOptions } from '@automattic/design-picker/src/types'; // Import from a specific file directly to avoid the circular dependencies
+import type { Design, DesignOptions } from '@automattic/design-types';
 
 export function createActions( clientCreds: WpcomClientCredentials ) {
 	const fetchSite = () => ( {

package/src/site/queries/use-site-features.ts

@@ -1,5 +1,5 @@
 import { useQuery, type UseQueryResult } from '@tanstack/react-query';
-import wpcomRequest from 'wpcom-proxy-request';
+import wpcomRequest from '../../wpcom-request';
 import useQueryKeysFactory from './lib/use-query-keys-factory';
 import type { SiteFeatures } from '../types';
 

package/src/site/queries/use-site-media-storage.ts

@@ -1,5 +1,5 @@
 import { useQuery, type UseQueryResult } from '@tanstack/react-query';
-import wpcomRequest from 'wpcom-proxy-request';
+import wpcomRequest from '../../wpcom-request';
 import useQueryKeysFactory from './lib/use-query-keys-factory';
 import type { SiteMediaStorage, RawSiteMediaStorage } from '../types';
 

package/src/site/queries/use-site-user-query.ts

@@ -1,6 +1,6 @@
 import { useQuery } from '@tanstack/react-query';
-import wpcomRequest from 'wpcom-proxy-request';
 import { Member } from '../../users/types';
+import wpcomRequest from '../../wpcom-request';
 import useQueryKeysFactory from './lib/use-query-keys-factory';
 
 export function getUseSiteUserQueryOptions(

package/src/site/queries/use-site.ts

@@ -1,5 +1,5 @@
 import { useQuery, type UseQueryResult } from '@tanstack/react-query';
-import wpcomRequest from 'wpcom-proxy-request';
+import wpcomRequest from '../../wpcom-request';
 import useQueryKeysFactory from './lib/use-query-keys-factory';
 import type { SiteDetails } from '../types';
 

package/src/site/resolvers.ts

@@ -1,5 +1,5 @@
 // wpcomRequest is a temporary rename while we're working on migrating generators to thunks
-import wpcomRequest from 'wpcom-proxy-request';
+import wpcomRequest from '../wpcom-request';
 import type {
 	CurrentTheme,
 	SiteDetails,

package/src/site/selectors.ts

@@ -38,16 +38,16 @@ export const getSite: ( state: State, siteId: number | string ) => SiteDetails |
 };
 
 export const getSiteIdBySlug: ( _: State, slug: string ) => number | undefined = ( _, slug ) => {
-	return ( select( STORE_KEY ) as SiteSelect ).getSite( slug )?.ID;
+	return ( select( STORE_KEY ) as unknown as SiteSelect ).getSite( slug )?.ID;
 };
 
 export const getSiteTitle: ( _: State, siteId: number ) => string | undefined = ( _, siteId ) =>
-	( select( STORE_KEY ) as SiteSelect ).getSite( siteId )?.name;
+	( select( STORE_KEY ) as unknown as SiteSelect ).getSite( siteId )?.name;
 
 export const getSiteVerticalId: ( _: State, siteId: number ) => string | null | undefined = (
 	_,
 	siteId
-) => ( select( STORE_KEY ) as SiteSelect ).getSite( siteId )?.options?.site_vertical_id;
+) => ( select( STORE_KEY ) as unknown as SiteSelect ).getSite( siteId )?.options?.site_vertical_id;
 
 // @TODO: Return LaunchStatus instead of a boolean
 export const isSiteLaunched = ( state: State, siteId: number ) => {
@@ -60,7 +60,10 @@ export const isSiteLaunching = ( state: State, siteId: number ) => {
 };
 
 export const isSiteAtomic: ( _: State, siteId: number | string ) => boolean = ( state, siteId ) => {
-	return ( select( STORE_KEY ) as SiteSelect ).getSite( siteId )?.options?.is_wpcom_atomic === true;
+	return (
+		( select( STORE_KEY ) as unknown as SiteSelect ).getSite( siteId )?.options?.is_wpcom_atomic ===
+		true
+	);
 };
 
 export const isSiteWPForTeams: ( _: State, siteId: number | string ) => boolean = (
@@ -68,7 +71,8 @@ export const isSiteWPForTeams: ( _: State, siteId: number | string ) => boolean
 	siteId
 ) => {
 	return (
-		( select( STORE_KEY ) as SiteSelect ).getSite( siteId )?.options?.is_wpforteams_site === true
+		( select( STORE_KEY ) as unknown as SiteSelect ).getSite( siteId )?.options
+			?.is_wpforteams_site === true
 	);
 };
 
@@ -104,12 +108,12 @@ export const getPrimarySiteDomain: ( _: State, siteId: number ) => Domain | unde
 	_,
 	siteId
 ) =>
-	( select( STORE_KEY ) as SiteSelect )
+	( select( STORE_KEY ) as unknown as SiteSelect )
 		.getSiteDomains( siteId )
 		?.find( ( domain: Domain ) => domain.primary_domain );
 
 export const getSiteSubdomain: ( _: State, siteId: number ) => Domain | undefined = ( _, siteId ) =>
-	( select( STORE_KEY ) as SiteSelect )
+	( select( STORE_KEY ) as unknown as SiteSelect )
 		.getSiteDomains( siteId )
 		?.find( ( domain: Domain ) => domain.is_subdomain );
 
@@ -144,7 +148,7 @@ export const siteHasFeature = (
 ): boolean => {
 	return Boolean(
 		siteId &&
-			( select( STORE_KEY ) as SiteSelect )
+			( select( STORE_KEY ) as unknown as SiteSelect )
 				.getSite( siteId )
 				?.plan?.features.active.includes( featureKey )
 	);
@@ -155,11 +159,15 @@ export const requiresUpgrade: ( state: State, siteId: number | null ) => boolean
 	state,
 	siteId
 ) => {
-	return siteId && ! ( select( STORE_KEY ) as SiteSelect ).siteHasFeature( siteId, 'woop' );
+	return (
+		siteId && ! ( select( STORE_KEY ) as unknown as SiteSelect ).siteHasFeature( siteId, 'woop' )
+	);
 };
 
 export function isJetpackSite( state: State, siteId?: number ): boolean {
-	return Boolean( siteId && ( select( STORE_KEY ) as SiteSelect ).getSite( siteId )?.jetpack );
+	return Boolean(
+		siteId && ( select( STORE_KEY ) as unknown as SiteSelect ).getSite( siteId )?.jetpack
+	);
 }
 
 export const getBundledPluginSlug = ( state: State, siteSlug: string ) =>

package/src/site/test/selectors.ts

@@ -7,8 +7,8 @@
  */
 
 import { dispatch, select, subscribe } from '@wordpress/data';
-import wpcomRequest from 'wpcom-proxy-request';
 import { AtomicSoftwareStatus, AtomicSoftwareStatusError, register } from '..';
+import wpcomRequest from '../../wpcom-request';
 import {
 	getAtomicSoftwareStatus,
 	getAtomicSoftwareError,
@@ -20,10 +20,10 @@ import {
 import { SiteDetails } from '../types';
 import type { State } from '../reducer';
 
-jest.mock( 'wpcom-proxy-request', () => ( {
+jest.mock( '../../wpcom-request', () => ( {
 	__esModule: true,
 	default: jest.fn(),
-	requestAllBlogsAccess: jest.fn( () => Promise.resolve() ),
+	canAccessWpcomApis: jest.fn( () => true ),
 } ) );
 
 let store: ReturnType< typeof register >;

package/src/site/types.ts

@@ -125,6 +125,7 @@ export interface SiteDetails {
 	capabilities?: SiteDetailsCapabilities;
 	description: string;
 	domain: string;
+	feed_ID?: number;
 	icon?: { ico: string; img: string; media_id: number };
 	is_a8c?: boolean;
 	is_coming_soon?: boolean;
@@ -137,6 +138,8 @@ export interface SiteDetails {
 	is_wpcom_staging_site?: boolean;
 	is_a4a_client?: boolean;
 	is_a4a_dev_site?: boolean;
+	is_garden?: boolean;
+	garden_name?: string | null;
 	jetpack: boolean;
 	jetpack_connection?: boolean;
 	lang?: string;
@@ -259,7 +262,7 @@ export interface SiteDetailsOptions {
 	is_automated_transfer?: boolean;
 	is_cloud_eligible?: boolean;
 	is_difm_lite_in_progress?: boolean;
-	is_summer_special_2025?: boolean;
+	is_gating_business_q1?: boolean;
 	is_domain_only?: boolean;
 	is_mapped_domain?: boolean;
 	is_pending_plan?: boolean;

package/src/site-reset/test/use-site-reset-mutation.tsx

@@ -4,12 +4,11 @@
 import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
 import { waitFor } from '@testing-library/dom';
 import { renderHook } from '@testing-library/react';
-import React from 'react';
-import { act } from 'react-dom/test-utils';
-import wpcomRequest from 'wpcom-proxy-request';
+import React, { act } from 'react';
+import wpcomRequest from '../../wpcom-request';
 import { useSiteResetMutation } from '../use-site-reset-mutation';
 
-jest.mock( 'wpcom-proxy-request', () => ( {
+jest.mock( '../../wpcom-request', () => ( {
 	__esModule: true,
 	default: jest.fn(),
 } ) );

package/src/site-reset/use-site-reset-content-summary-query.ts

@@ -1,5 +1,5 @@
 import { useQuery, UseQueryResult } from '@tanstack/react-query';
-import wpcomRequest from 'wpcom-proxy-request';
+import wpcomRequest from '../wpcom-request';
 import { APIError } from './use-site-reset-mutation';
 
 export type SiteContent = {

package/src/site-reset/use-site-reset-mutation.ts

@@ -1,6 +1,6 @@
 import { UseMutationOptions, useMutation } from '@tanstack/react-query';
 import { useCallback } from 'react';
-import wpcomRequest from 'wpcom-proxy-request';
+import wpcomRequest from '../wpcom-request';
 
 export interface SiteResetAPIResponse {
 	success: boolean;

package/src/site-reset/use-site-reset-status-query.ts

@@ -1,5 +1,5 @@
 import { useQuery, UseQueryResult } from '@tanstack/react-query';
-import wpcomRequest from 'wpcom-proxy-request';
+import wpcomRequest from '../wpcom-request';
 import { APIError } from './use-site-reset-mutation';
 
 export type SiteResetStatus = {

package/src/starter-designs-queries/types.ts

@@ -1,4 +1,4 @@
-import type { Category, Design } from '@automattic/design-picker/src/types';
+import type { Category, Design } from '@automattic/design-types';
 
 export interface StarterDesigns {
 	filters: { subject: Record< string, Category > };

package/src/starter-designs-queries/use-starter-design-by-slug.ts

@@ -1,7 +1,7 @@
 import { useLocale } from '@automattic/i18n-utils';
 import { useQuery, UseQueryResult, QueryOptions } from '@tanstack/react-query';
-import wpcomRequest from 'wpcom-proxy-request';
-import type { Design } from '@automattic/design-picker/src/types';
+import wpcomRequest from '../wpcom-request';
+import type { Design } from '@automattic/design-types';
 
 interface Options extends QueryOptions< Design > {
 	enabled?: boolean;

package/src/starter-designs-queries/use-starter-designs-query.ts

@@ -1,6 +1,6 @@
 import { useQuery, UseQueryResult, QueryOptions } from '@tanstack/react-query';
 import { stringify } from 'qs';
-import wpcomRequest from 'wpcom-proxy-request';
+import wpcomRequest from '../wpcom-request';
 import type { StarterDesigns } from './types';
 import type {
 	Category,
@@ -10,7 +10,7 @@ import type {
 	StyleVariation,
 	PreviewData,
 	DesignType,
-} from '@automattic/design-picker/src/types';
+} from '@automattic/design-types';
 
 interface StarterDesignsQueryParams {
 	seed?: string;

package/src/subscriber/actions.ts

@@ -1,5 +1,5 @@
 import * as oauthToken from '@automattic/oauth-token';
-import wpcomProxyRequest from 'wpcom-proxy-request';
+import wpcomProxyRequest from '../wpcom-request';
 import type {
 	AddSubscribersResponse,
 	GetSubscribersImportResponse,

package/src/templates/use-template.ts

@@ -1,5 +1,5 @@
 import { useQuery, UseQueryResult, QueryOptions } from '@tanstack/react-query';
-import wpcomRequest from 'wpcom-proxy-request';
+import wpcomRequest from '../wpcom-request';
 import type { Template } from './types';
 
 interface Options extends QueryOptions< Template > {

package/src/users/use-send-invites.ts

@@ -1,5 +1,5 @@
 import { useMutation } from '@tanstack/react-query';
-import wpcomRequest from 'wpcom-proxy-request';
+import wpcomRequest from '../wpcom-request';
 
 interface Invitee {
 	email_or_username: string;

package/src/utils.ts

@@ -0,0 +1,33 @@
+/**
+ * Utility functions shared across data stores
+ */
+declare const helpCenterData:
+	| { isProxied: boolean; isSU: boolean; isSSP: boolean; currentUser: { ID: number } }
+	| undefined;
+declare const isSupportSession: boolean;
+declare const isSSP: boolean;
+
+// All end-to-end tests use a custom user agent containing this string.
+const E2E_USER_AGENT = 'wp-e2e-tests';
+
+export const isE2ETest = (): boolean =>
+	typeof window !== 'undefined' && window.navigator.userAgent.includes( E2E_USER_AGENT );
+
+export const isInSupportSession = () => {
+	if ( typeof window !== 'undefined' ) {
+		return (
+			// A bit hacky but much easier than passing down data from PHP in Jetpack
+			// Simple
+			!! document.querySelector( '#wp-admin-bar-support-session-details' ) ||
+			!! document.querySelector( '#a8c-support-session-overlay' ) ||
+			// Atomic
+			document.body?.classList.contains( 'support-session' ) ||
+			document.querySelector( '#wpcom > .is-support-session' ) ||
+			( typeof isSupportSession !== 'undefined' && !! isSupportSession ) ||
+			( typeof helpCenterData !== 'undefined' && helpCenterData?.isSU ) ||
+			( typeof helpCenterData !== 'undefined' && helpCenterData?.isSSP ) ||
+			( typeof isSSP !== 'undefined' && !! isSSP )
+		);
+	}
+	return false;
+};

package/src/wpcom-request-controls/index.ts

@@ -1,7 +1,8 @@
-import wpcomProxyRequest, {
+import {
 	reloadProxy as triggerReloadProxy,
 	requestAllBlogsAccess as triggerRequestAllBlogsAccess,
 } from 'wpcom-proxy-request';
+import wpcomProxyRequest from '../wpcom-request';
 
 type WpcomProxyRequestOptions = Parameters< typeof wpcomProxyRequest >[ 0 ];
 

package/src/wpcom-request.ts

@@ -0,0 +1,26 @@
+import wpcomProxyRequest, {
+	type WpcomRequestParams,
+	canAccessWpcomApis as originalCanAccessWpcomApis,
+} from 'wpcom-proxy-request';
+
+type WpcomRequester = < T >( params: WpcomRequestParams ) => Promise< T >;
+
+let customRequester: WpcomRequester | null = null;
+
+export function setRequester( requester: WpcomRequester ): void {
+	customRequester = requester;
+}
+
+export default function wpcomRequest< T >( params: WpcomRequestParams ): Promise< T > {
+	if ( customRequester ) {
+		return customRequester( params );
+	}
+	return wpcomProxyRequest( params );
+}
+
+export function canAccessWpcomApis(): boolean {
+	if ( customRequester ) {
+		return true;
+	}
+	return originalCanAccessWpcomApis();
+}