Plans Grid: Remove unused components and data stores

packages/data-stores/src/index.ts

@@ -10,7 +10,6 @@ import * as Site from './site';
 import * as StepperInternal from './stepper-internal';
 import * as Subscriber from './subscriber';
 import * as User from './user';
-import * as WPCOMFeatures from './wpcom-features';
 import * as WpcomPlansUI from './wpcom-plans-ui';
 export { useHappinessEngineersQuery } from './queries/use-happiness-engineers-query';
 export { useHas3PC } from './queries/use-has-3rd-party-cookies';
@@ -40,7 +39,6 @@ export {
 	Site,
 	Plans,
 	WpcomPlansUI,
-	WPCOMFeatures,
 	Onboard,
 	ProductsList,
 	AutomatedTransferEligibility,

packages/data-stores/src/onboard/actions.ts

@@ -3,11 +3,11 @@ import { dispatch, select } from '@wordpress/data-controls';
 import { __ } from '@wordpress/i18n';
 import { STORE_KEY as SITE_STORE } from '../site';
 import { CreateSiteParams, Visibility, NewSiteBlogDetails } from '../site/types';
-import { FeatureId } from '../wpcom-features/types';
 import { SiteGoal, STORE_KEY } from './constants';
 import { ProfilerData } from './types';
 import type { State } from '.';
 import type { DomainSuggestion } from '../domain-suggestions';
+import type { FeatureId } from '../shared-types';
 // somewhat hacky, but resolves the circular dependency issue
 import type { Design, FontPair, StyleVariation } from '@automattic/design-picker/src/types';
 import type { MinimalRequestCartProduct } from '@automattic/shopping-cart';

packages/data-stores/src/onboard/reducer.ts

@@ -3,7 +3,7 @@ import { SiteGoal } from './constants';
 import type { OnboardAction } from './actions';
 import type { DomainForm, ProfilerData } from './types';
 import type { DomainSuggestion } from '../domain-suggestions';
-import type { FeatureId } from '../wpcom-features/types';
+import type { FeatureId } from '../shared-types';
 // somewhat hacky, but resolves the circular dependency issue
 import type { Design, FontPair, StyleVariation } from '@automattic/design-picker/src/types';
 import type { MinimalRequestCartProduct } from '@automattic/shopping-cart';

packages/data-stores/src/plans/constants.ts

@@ -17,9 +17,6 @@ export const plansSlugs = [
 	TIMELESS_PLAN_ECOMMERCE,
 ] as const;
 
-// order of the plans used to determine recommended plan based on features
-export const plansOrder = plansSlugs;
-
 export const DEFAULT_PAID_PLAN = TIMELESS_PLAN_PREMIUM;
 
 // plan products constants

packages/data-stores/src/shared-types.ts

@@ -3,6 +3,16 @@ export interface WpcomClientCredentials {
 	client_secret: string;
 }
 
+export type FeatureId =
+	| 'domain'
+	| 'store'
+	| 'seo'
+	| 'plugins'
+	| 'ad-free'
+	| 'image-storage'
+	| 'video-storage'
+	| 'support';
+
 declare global {
 	interface Window {
 		_currentSiteId: number;

packages/data-stores/src/site/types.ts

@@ -1,7 +1,7 @@
 import * as selectors from './selectors';
 import type { ActionCreators } from './actions';
 import type { DispatchFromMap, SelectFromMap } from '../mapped-types';
-import type { FeatureId } from '../wpcom-features';
+import type { FeatureId } from '../shared-types';
 
 export interface Dispatch {
 	dispatch: DispatchFromMap< ActionCreators >;

packages/onboarding/src/feature-icon/index.tsx

@@ -1,9 +1,18 @@
 import { SVG, Path } from '@wordpress/components';
 import { Icon } from '@wordpress/icons';
 import * as React from 'react';
-import type { WPCOMFeatures } from '@automattic/data-stores';
 
-export const iconList: Record< WPCOMFeatures.FeatureId, React.ReactElement > = {
+type FeatureId =
+	| 'domain'
+	| 'store'
+	| 'seo'
+	| 'plugins'
+	| 'ad-free'
+	| 'image-storage'
+	| 'video-storage'
+	| 'support';
+
+export const iconList: Record< FeatureId, React.ReactElement > = {
 	domain: (
 		<SVG viewBox="0 0 24 24">
 			<Path
@@ -83,7 +92,7 @@ export const iconList: Record< WPCOMFeatures.FeatureId, React.ReactElement > = {
 };
 
 interface Props {
-	featureId: WPCOMFeatures.FeatureId;
+	featureId: FeatureId;
 }
 
 const FeatureIcon: React.FunctionComponent< Props > = ( { featureId } ) => (

packages/plans-grid/package.json

@@ -35,13 +35,9 @@
 		"@wordpress/components": "^22.1.0",
 		"@wordpress/compose": "^5.20.0",
 		"@wordpress/icons": "^9.13.0",
-		"@wordpress/primitives": "^3.20.0",
 		"@wordpress/react-i18n": "^3.20.0",
 		"classnames": "^2.3.1",
-		"debug": "^4.3.3",
-		"lodash": "^4.17.21",
-		"tslib": "^2.3.0",
-		"uuid": "^8.3.2"
+		"tslib": "^2.3.0"
 	},
 	"devDependencies": {
 		"@automattic/calypso-typescript-config": "workspace:^",

packages/plans-grid/src/index.ts

@@ -1,4 +1,2 @@
 export { default as PlansIntervalToggle } from './plans-interval-toggle';
 export type { PlansIntervalToggleProps } from './plans-interval-toggle';
-export { default } from './plans-grid';
-export type { Props } from './plans-grid';