Stats: Fix purchase page for site-less flow (#95646)

* Revert "Use StatsPageLoader to wrap purchase page"

This reverts commit 7a98290.

* Update annotations for purchase page controller

client/my-sites/stats/pages/purchase/controller.tsx

@@ -1,17 +1,16 @@
 import AsyncLoad from 'calypso/components/async-load';
-import StatsPageLoader from '../../stats-page-loader';
 import PageLoading from '../shared/page-loading';
 import type { Context } from '@automattic/calypso-router';
 
 function purchase( context: Context, next: () => void ) {
 	context.primary = (
-		<StatsPageLoader>
-			<AsyncLoad
-				require="calypso/my-sites/stats/pages/purchase"
-				placeholder={ PageLoading }
-				query={ context.query }
-			/>
-		</StatsPageLoader>
+		// DO NOT WRAP WITH <StatsPageLoader />
+		// Or the site-less purchase flow will not work because there is no permission to access Stats.
+		<AsyncLoad
+			require="calypso/my-sites/stats/pages/purchase"
+			placeholder={ PageLoading }
+			query={ context.query }
+		/>
 	);
 	next();
 }

client/my-sites/stats/pages/purchase/index.tsx

@@ -11,6 +11,7 @@ import { useEffect, useMemo } from 'react';
 import StatsNavigation from 'calypso/blocks/stats-navigation';
 import DocumentHead from 'calypso/components/data/document-head';
 import QueryProductsList from 'calypso/components/data/query-products-list';
+import QuerySitePurchases from 'calypso/components/data/query-site-purchases';
 import InlineSupportLink from 'calypso/components/inline-support-link';
 import JetpackColophon from 'calypso/components/jetpack-colophon';
 import Main from 'calypso/components/main';
@@ -198,6 +199,9 @@ const StatsPurchasePage = ( {
 						/>
 					</>
 				) }
+
+				{ /* Only query site purchases on Calypso via existing data component */ }
+				<QuerySitePurchases siteId={ siteId } />
 				<QueryProductsList type="jetpack" />
 				{ isLoading && (
 					<div className="stats-purchase-page__loader">