@automattic/data-stores 3.0.1 → 3.1.0-rc.1

package/src/onboard/test/utils.ts

@@ -0,0 +1,29 @@
+import { SiteGoal, SiteIntent } from '../constants';
+import { goalsToIntent } from '../utils';
+
+describe( 'Test onboard utils', () => {
+	it.each( [
+		{
+			goals: [],
+			expectedIntent: SiteIntent.Build,
+		},
+		{
+			goals: [ SiteGoal.Write, SiteGoal.Import, SiteGoal.DIFM ],
+			expectedIntent: SiteIntent.DIFM,
+		},
+		{
+			goals: [ SiteGoal.Write, SiteGoal.Sell, SiteGoal.Promote ],
+			expectedIntent: SiteIntent.Sell,
+		},
+		{
+			goals: [ SiteGoal.Sell, SiteGoal.Write, SiteGoal.Promote ],
+			expectedIntent: SiteIntent.Sell,
+		},
+		{
+			goals: [ SiteGoal.Promote, SiteGoal.Sell, SiteGoal.Write ],
+			expectedIntent: SiteIntent.Sell,
+		},
+	] )( 'Should map the $goals to $expectedIntent intent', ( { goals, expectedIntent } ) => {
+		expect( goalsToIntent( goals ) ).toBe( expectedIntent );
+	} );
+} );

package/src/onboard/types.ts

@@ -0,0 +1,68 @@
+import { GlobalStyles } from '../site';
+import type { DomainSuggestion } from '../domain-suggestions';
+
+export type DomainForm = {
+	lastQuery?: string;
+	subdomainSearchResults?: DomainSuggestion[] | null;
+	loadingResults?: boolean;
+	searchResults?: DomainSuggestion[] | null;
+	hideInitialQuery?: boolean;
+};
+
+export interface ProfilerData {
+	[ key: string ]: string | number | boolean | string[] | number[];
+}
+
+export type DomainTransferNames = Record< string, string >;
+
+export type DomainTransferAuthCodes = Record<
+	string,
+	{
+		auth: string;
+		valid: boolean;
+		rawPrice: number;
+		saleCost?: number;
+		currencyCode: string | undefined;
+	}
+>;
+
+export type DomainTransferData = Record<
+	string,
+	{
+		domain: string;
+		auth: string;
+		valid: boolean;
+		rawPrice: number;
+		saleCost?: number;
+		currencyCode?: string;
+	}
+>;
+
+export type DomainTransferForm = {
+	domains: DomainTransferData;
+};
+
+type ReadymadeTemplatePattern = {
+	id: number;
+	source_site_sid: number;
+};
+type ReadymadeTemplateStyles = {
+	colors?: string;
+	typography?: string;
+};
+
+export type ReadymadeTemplate = {
+	template_id: number;
+	slug: string;
+	title: string;
+	description: string;
+	home: {
+		header: string;
+		content: string;
+		footer: string;
+	};
+	patterns: ReadymadeTemplatePattern[];
+	styles: ReadymadeTemplateStyles;
+	globalStyles?: GlobalStyles;
+	previewUrl: string;
+};

package/src/onboard/utils.ts

@@ -0,0 +1,54 @@
+import { SiteGoal, SiteIntent } from './constants';
+
+const INTENT_DECIDING_GOALS = [ SiteGoal.Write, SiteGoal.Sell, SiteGoal.Promote ] as const;
+type IntentDecidingGoal = ( typeof INTENT_DECIDING_GOALS )[ number ];
+
+const GOAL_TO_INTENT_MAP: { [ key in IntentDecidingGoal ]: SiteIntent } = {
+	[ SiteGoal.Write ]: SiteIntent.Write,
+	[ SiteGoal.Sell ]: SiteIntent.Sell,
+	[ SiteGoal.Promote ]: SiteIntent.Build,
+};
+
+export const goalsToIntent = ( goals: SiteGoal[] ): SiteIntent => {
+	// When DIFM and Import goals are selected together, DIFM Intent will have the priority and will be set.
+	if ( goals.includes( SiteGoal.DIFM ) ) {
+		return SiteIntent.DIFM;
+	}
+
+	if ( goals.includes( SiteGoal.Import ) ) {
+		return SiteIntent.Import;
+	}
+
+	// Prioritize Sell over Build and Write
+	if ( goals.includes( SiteGoal.Sell ) ) {
+		return SiteIntent.Sell;
+	}
+
+	// Prioritize Build over Write
+	if ( goals.includes( SiteGoal.Promote ) ) {
+		return SiteIntent.Build;
+	}
+
+	const intentDecidingGoal = ( goals as IntentDecidingGoal[] ).find( ( goal ) =>
+		INTENT_DECIDING_GOALS.includes( goal )
+	);
+
+	if ( intentDecidingGoal ) {
+		return GOAL_TO_INTENT_MAP[ intentDecidingGoal ];
+	}
+
+	return SiteIntent.Build;
+};
+
+export const serializeGoals = ( goals: SiteGoal[] ): string => {
+	// Serialize goals by first + alphabetical order.
+	const firstGoal = goals.find( ( goal ) =>
+		[ SiteGoal.Write, SiteGoal.Sell, SiteGoal.Promote, SiteGoal.DIFM, SiteGoal.Import ].includes(
+			goal
+		)
+	);
+
+	return ( firstGoal ? [ firstGoal ] : [] )
+		.concat( goals.filter( ( goal ) => goal !== firstGoal ).sort() )
+		.join( ',' );
+};

package/src/plans/constants.ts

@@ -15,11 +15,13 @@ export const plansSlugs = [
 	TIMELESS_PLAN_PREMIUM,
 	TIMELESS_PLAN_BUSINESS,
 	TIMELESS_PLAN_ECOMMERCE,
+	// Keeping the old slugs for backwards compatibility.
+	'starter',
+	'explorer',
+	'creator',
+	'entrepreneur',
 ] 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
@@ -33,6 +35,8 @@ export const PLAN_PERSONAL_MONTHLY = 'personal-bundle-monthly';
 export const PLAN_PREMIUM_MONTHLY = 'value_bundle_monthly';
 export const PLAN_BUSINESS_MONTHLY = 'business-bundle-monthly';
 export const PLAN_ECOMMERCE_MONTHLY = 'ecommerce-bundle-monthly';
+export const PLAN_ECOMMERCE_TRIAL_MONTHLY = 'ecommerce-trial-bundle-monthly';
+export const PLAN_MIGRATION_TRIAL_MONTHLY = 'wp_bundle_migration_trial_monthly';
 
 export const annualSlugs = [ PLAN_PERSONAL, PLAN_PREMIUM, PLAN_BUSINESS, PLAN_ECOMMERCE ] as const;
 
@@ -41,6 +45,8 @@ export const monthlySlugs = [
 	PLAN_PREMIUM_MONTHLY,
 	PLAN_BUSINESS_MONTHLY,
 	PLAN_ECOMMERCE_MONTHLY,
+	PLAN_ECOMMERCE_TRIAL_MONTHLY,
+	PLAN_MIGRATION_TRIAL_MONTHLY,
 ] as const;
 
 export const plansProductSlugs = [ PLAN_FREE, ...annualSlugs, ...monthlySlugs ] as const;
@@ -50,3 +56,19 @@ export const FEATURE_IDS_THAT_REQUIRE_ANNUALLY_BILLED_PLAN = [
 	'support-live',
 	'priority-support',
 ];
+
+export const PLAN_MONTHLY_PERIOD = 31;
+export const PLAN_ANNUAL_PERIOD = 365;
+export const PLAN_BIENNIAL_PERIOD = 730;
+export const PLAN_TRIENNIAL_PERIOD = 1095;
+
+export const PERIOD_LIST = [
+	PLAN_MONTHLY_PERIOD,
+	PLAN_ANNUAL_PERIOD,
+	PLAN_BIENNIAL_PERIOD,
+	PLAN_TRIENNIAL_PERIOD,
+] as const;
+
+export const COST_OVERRIDE_REASONS = {
+	RECENT_PLAN_PRORATION: 'recent-plan-proration',
+};

package/src/plans/hooks/test/use-current-plan.ts

@@ -0,0 +1,43 @@
+// Mocks
+jest.mock( '@wordpress/element', () => ( {
+	useMemo: jest.fn( ( callback ) => callback() ),
+} ) );
+
+jest.mock( '../../queries/use-site-plans', () => jest.fn() );
+
+import * as MockData from '../../mock';
+import useSitePlans from '../../queries/use-site-plans';
+import useCurrentPlan from '../use-current-plan';
+
+describe( 'useCurrentPlan selector', () => {
+	beforeEach( () => {
+		jest.clearAllMocks();
+	} );
+
+	it( 'should bring back current plan when one exists in Site Plans', () => {
+		useSitePlans.mockImplementation( () => ( {
+			data: {
+				[ MockData.NEXT_STORE_SITE_PLAN_PERSONAL.planSlug ]: MockData.NEXT_STORE_SITE_PLAN_PERSONAL,
+				[ MockData.NEXT_STORE_SITE_PLAN_BUSINESS_CURRENT.planSlug ]:
+					MockData.NEXT_STORE_SITE_PLAN_BUSINESS_CURRENT,
+			},
+		} ) );
+
+		const currentPlan = useCurrentPlan( { siteId: 1 } );
+
+		expect( currentPlan ).toEqual( MockData.NEXT_STORE_SITE_PLAN_BUSINESS_CURRENT );
+	} );
+
+	it( 'should bring back undefined if no current plan exists in Site Plans', () => {
+		useSitePlans.mockImplementation( () => ( {
+			data: {
+				[ MockData.NEXT_STORE_SITE_PLAN_PERSONAL.planSlug ]: MockData.NEXT_STORE_SITE_PLAN_PERSONAL,
+				[ MockData.NEXT_STORE_SITE_PLAN_BUSINESS.planSlug ]: MockData.NEXT_STORE_SITE_PLAN_BUSINESS,
+			},
+		} ) );
+
+		const currentPlan = useCurrentPlan( { siteId: 1 } );
+
+		expect( currentPlan ).toEqual( undefined );
+	} );
+} );

package/src/plans/hooks/test/use-intro-offers.ts

@@ -0,0 +1,97 @@
+// Mocks
+jest.mock( '@wordpress/element', () => ( {
+	useMemo: jest.fn( ( callback ) => callback() ),
+} ) );
+
+jest.mock( '../../queries/use-site-plans', () => jest.fn() );
+jest.mock( '../../queries/use-plans', () => jest.fn() );
+
+import * as MockData from '../../mock';
+import usePlans from '../../queries/use-plans';
+import useSitePlans from '../../queries/use-site-plans';
+import useIntroOffers from '../use-intro-offers';
+
+describe( 'useIntroOffers selector', () => {
+	beforeEach( () => {
+		jest.clearAllMocks();
+	} );
+
+	it( 'should give precedence to intro offers defined on SitePlans over Plans', () => {
+		useSitePlans.mockImplementation( () => ( {
+			data: {
+				[ MockData.NEXT_STORE_SITE_PLAN_BUSINESS.planSlug ]: MockData.NEXT_STORE_SITE_PLAN_BUSINESS, // intro offer (takes precedence)
+			},
+		} ) );
+		usePlans.mockImplementation( () => ( {
+			data: {
+				[ MockData.NEXT_STORE_PLAN_BUSINESS.planSlug ]: MockData.NEXT_STORE_PLAN_BUSINESS, // intro offer
+			},
+		} ) );
+
+		const introOffers = useIntroOffers( { siteId: 1, coupon: undefined } );
+
+		expect( introOffers ).toEqual( {
+			[ MockData.NEXT_STORE_SITE_PLAN_BUSINESS.planSlug ]:
+				MockData.NEXT_STORE_SITE_PLAN_BUSINESS.pricing.introOffer,
+		} );
+	} );
+
+	it( 'should bring back null if no intro offer defined', () => {
+		useSitePlans.mockImplementation( () => ( {
+			data: {
+				[ MockData.NEXT_STORE_SITE_PLAN_PERSONAL.planSlug ]: MockData.NEXT_STORE_SITE_PLAN_PERSONAL, // no intro offer
+			},
+		} ) );
+		usePlans.mockImplementation( () => ( {
+			data: {
+				[ MockData.NEXT_STORE_PLAN_PERSONAL.planSlug ]: MockData.NEXT_STORE_PLAN_PERSONAL, // no intro offer
+			},
+		} ) );
+
+		const introOffers = useIntroOffers( { siteId: 1, coupon: undefined } );
+
+		expect( introOffers ).toEqual( {
+			[ MockData.NEXT_STORE_SITE_PLAN_PERSONAL.planSlug ]: null,
+		} );
+	} );
+
+	it( 'should bring back correct intro offer if only defined on Plans', () => {
+		useSitePlans.mockImplementation( () => ( {
+			data: {},
+		} ) );
+		usePlans.mockImplementation( () => ( {
+			data: {
+				[ MockData.NEXT_STORE_PLAN_BUSINESS.planSlug ]: MockData.NEXT_STORE_PLAN_BUSINESS,
+			},
+		} ) );
+
+		const introOffers = useIntroOffers( { siteId: 1, coupon: undefined } );
+
+		expect( introOffers ).toEqual( {
+			[ MockData.NEXT_STORE_PLAN_BUSINESS.planSlug ]:
+				MockData.NEXT_STORE_PLAN_BUSINESS.pricing.introOffer,
+		} );
+	} );
+
+	it( 'should bring back union of intro offers (or null) from SitePlans and Plans, with SitePlans taking precedence when defined', () => {
+		useSitePlans.mockImplementation( () => ( {
+			data: {
+				[ MockData.NEXT_STORE_SITE_PLAN_BUSINESS.planSlug ]: MockData.NEXT_STORE_SITE_PLAN_BUSINESS, // intro offer (takes precedence)
+			},
+		} ) );
+		usePlans.mockImplementation( () => ( {
+			data: {
+				[ MockData.NEXT_STORE_PLAN_PERSONAL.planSlug ]: MockData.NEXT_STORE_PLAN_PERSONAL, // no intro offer
+				[ MockData.NEXT_STORE_PLAN_BUSINESS.planSlug ]: MockData.NEXT_STORE_PLAN_BUSINESS, // intro offer
+			},
+		} ) );
+
+		const introOffers = useIntroOffers( { siteId: 1, coupon: undefined } );
+
+		expect( introOffers ).toEqual( {
+			[ MockData.NEXT_STORE_PLAN_PERSONAL.planSlug ]: null,
+			[ MockData.NEXT_STORE_SITE_PLAN_BUSINESS.planSlug ]:
+				MockData.NEXT_STORE_SITE_PLAN_BUSINESS.pricing.introOffer,
+		} );
+	} );
+} );

package/src/plans/hooks/test/use-pricing-meta-for-grid-plans.ts

@@ -0,0 +1,295 @@
+/**
+ * @jest-environment jsdom
+ */
+
+/**
+ * Default mock implementations
+ */
+jest.mock( '@wordpress/data' );
+jest.mock( '@automattic/data-stores', () => ( {
+	Plans: {
+		usePlans: jest.fn(),
+		useSitePlans: jest.fn(),
+		useIntroOffers: jest.fn(),
+		useCurrentPlan: jest.fn(),
+	},
+	Purchases: {
+		useSitePurchaseById: jest.fn(),
+	},
+} ) );
+
+jest.mock( '../../', () => ( {
+	usePlans: jest.fn(),
+	useSitePlans: jest.fn(),
+	useIntroOffers: jest.fn(),
+	useCurrentPlan: jest.fn(),
+} ) );
+
+jest.mock( '../../../purchases', () => ( {
+	useSitePurchaseById: jest.fn(),
+} ) );
+
+import { PLAN_PERSONAL, PLAN_PREMIUM } from '@automattic/calypso-products';
+import * as Plans from '../../';
+import * as Purchases from '../../../purchases';
+import usePricingMetaForGridPlans from '../use-pricing-meta-for-grid-plans';
+
+describe( 'usePricingMetaForGridPlans', () => {
+	beforeEach( () => {
+		jest.clearAllMocks();
+		Purchases.useSitePurchaseById.mockImplementation( () => undefined );
+		Plans.useIntroOffers.mockImplementation( () => ( {
+			[ PLAN_PREMIUM ]: null,
+		} ) );
+		Plans.usePlans.mockImplementation( () => ( {
+			isLoading: false,
+			data: {
+				[ PLAN_PREMIUM ]: {
+					pricing: {
+						billPeriod: 365,
+						currencyCode: 'USD',
+						originalPrice: {
+							full: 500,
+							monthly: 500,
+						},
+						discountedPrice: {
+							full: 400,
+							monthly: 400,
+						},
+					},
+				},
+			},
+		} ) );
+		Plans.useSitePlans.mockImplementation( () => ( {
+			isLoading: false,
+			data: {
+				[ PLAN_PREMIUM ]: {
+					expiry: null,
+					pricing: {
+						billPeriod: 365,
+						currencyCode: 'USD',
+						originalPrice: {
+							full: 500,
+							monthly: 500,
+						},
+						discountedPrice: {
+							full: 250,
+							monthly: 250,
+						},
+						costOverrides: [
+							{
+								overrideCode: 'recent-plan-proration',
+							},
+						],
+					},
+				},
+			},
+		} ) );
+		Plans.useCurrentPlan.mockImplementation( () => undefined );
+	} );
+
+	it( 'should return the original price as the site plan price and discounted price as Null for the current plan', () => {
+		Plans.useCurrentPlan.mockImplementation( () => ( {
+			productSlug: PLAN_PREMIUM,
+			planSlug: PLAN_PREMIUM,
+		} ) );
+
+		const useCheckPlanAvailabilityForPurchase = () => {
+			return {
+				[ PLAN_PREMIUM ]: true,
+			};
+		};
+
+		const pricingMeta = usePricingMetaForGridPlans( {
+			planSlugs: [ PLAN_PREMIUM ],
+			storageAddOns: null,
+			siteId: 100,
+			coupon: undefined,
+			useCheckPlanAvailabilityForPurchase,
+		} );
+
+		const expectedPricingMeta = {
+			[ PLAN_PREMIUM ]: {
+				originalPrice: {
+					full: 500,
+					monthly: 500,
+				},
+				discountedPrice: {
+					full: null,
+					monthly: null,
+				},
+				billingPeriod: 365,
+				currencyCode: 'USD',
+				expiry: null,
+				introOffer: null,
+			},
+		};
+
+		expect( pricingMeta ).toEqual( expectedPricingMeta );
+	} );
+
+	it( 'should return the original price as the site plan price and discounted price as Null for plans not available for purchase', () => {
+		Plans.useCurrentPlan.mockImplementation( () => ( {
+			productSlug: PLAN_PREMIUM,
+			planSlug: PLAN_PREMIUM,
+		} ) );
+
+		const useCheckPlanAvailabilityForPurchase = () => {
+			return {
+				[ PLAN_PREMIUM ]: false,
+			};
+		};
+
+		const pricingMeta = usePricingMetaForGridPlans( {
+			planSlugs: [ PLAN_PREMIUM ],
+			storageAddOns: null,
+			siteId: 100,
+			coupon: undefined,
+			useCheckPlanAvailabilityForPurchase,
+		} );
+
+		const expectedPricingMeta = {
+			[ PLAN_PREMIUM ]: {
+				originalPrice: {
+					full: 500,
+					monthly: 500,
+				},
+				discountedPrice: {
+					full: null,
+					monthly: null,
+				},
+				billingPeriod: 365,
+				currencyCode: 'USD',
+				expiry: null,
+				introOffer: null,
+			},
+		};
+
+		expect( pricingMeta ).toEqual( expectedPricingMeta );
+	} );
+
+	it( 'should return the original price and discounted price when no site id is passed', () => {
+		Plans.useCurrentPlan.mockImplementation( () => ( {
+			productSlug: PLAN_PERSONAL,
+			planSlug: PLAN_PERSONAL,
+		} ) );
+
+		const useCheckPlanAvailabilityForPurchase = () => {
+			return {
+				[ PLAN_PREMIUM ]: true,
+				[ PLAN_PERSONAL ]: true,
+			};
+		};
+
+		const pricingMeta = usePricingMetaForGridPlans( {
+			planSlugs: [ PLAN_PREMIUM ],
+			storageAddOns: null,
+			siteId: undefined,
+			coupon: undefined,
+			useCheckPlanAvailabilityForPurchase,
+		} );
+
+		const expectedPricingMeta = {
+			[ PLAN_PREMIUM ]: {
+				originalPrice: {
+					full: 500,
+					monthly: 500,
+				},
+				discountedPrice: {
+					full: 400,
+					monthly: 400,
+				},
+				billingPeriod: 365,
+				currencyCode: 'USD',
+				expiry: null,
+				introOffer: null,
+			},
+		};
+
+		expect( pricingMeta ).toEqual( expectedPricingMeta );
+	} );
+
+	it( 'should return the original price and discounted price when site id is passed and withProratedDiscounts is true', () => {
+		Plans.useCurrentPlan.mockImplementation( () => ( {
+			productSlug: PLAN_PERSONAL,
+			planSlug: PLAN_PERSONAL,
+		} ) );
+
+		const useCheckPlanAvailabilityForPurchase = () => {
+			return {
+				[ PLAN_PREMIUM ]: true,
+				[ PLAN_PERSONAL ]: true,
+			};
+		};
+
+		const pricingMeta = usePricingMetaForGridPlans( {
+			planSlugs: [ PLAN_PREMIUM ],
+			storageAddOns: null,
+			siteId: 100,
+			coupon: undefined,
+			useCheckPlanAvailabilityForPurchase,
+			withProratedDiscounts: true,
+		} );
+
+		const expectedPricingMeta = {
+			[ PLAN_PREMIUM ]: {
+				originalPrice: {
+					full: 500,
+					monthly: 500,
+				},
+				discountedPrice: {
+					full: 250,
+					monthly: 250,
+				},
+				billingPeriod: 365,
+				currencyCode: 'USD',
+				expiry: null,
+				introOffer: null,
+			},
+		};
+
+		expect( pricingMeta ).toEqual( expectedPricingMeta );
+	} );
+
+	it( 'should return the original price and discounted price when site id is passed and withProratedDiscounts is false', () => {
+		Plans.useCurrentPlan.mockImplementation( () => ( {
+			productSlug: PLAN_PERSONAL,
+			planSlug: PLAN_PERSONAL,
+		} ) );
+
+		const useCheckPlanAvailabilityForPurchase = () => {
+			return {
+				[ PLAN_PREMIUM ]: true,
+				[ PLAN_PERSONAL ]: true,
+			};
+		};
+
+		const pricingMeta = usePricingMetaForGridPlans( {
+			planSlugs: [ PLAN_PREMIUM ],
+			storageAddOns: null,
+			siteId: 100,
+			coupon: undefined,
+			useCheckPlanAvailabilityForPurchase,
+			withProratedDiscounts: false,
+		} );
+
+		const expectedPricingMeta = {
+			[ PLAN_PREMIUM ]: {
+				originalPrice: {
+					full: 500,
+					monthly: 500,
+				},
+				discountedPrice: {
+					full: null,
+					monthly: null,
+				},
+				billingPeriod: 365,
+				currencyCode: 'USD',
+				expiry: null,
+				introOffer: null,
+			},
+		};
+
+		expect( pricingMeta ).toEqual( expectedPricingMeta );
+	} );
+} );

package/src/plans/hooks/use-current-plan-expiry-date.ts

@@ -0,0 +1,17 @@
+import useCurrentPlan from './use-current-plan';
+
+interface Props {
+	siteId?: string | number | null;
+}
+
+const useCurrentPlanExpiryDate = ( { siteId }: Props ): Date | undefined => {
+	const currentPlan = useCurrentPlan( { siteId } );
+
+	if ( ! currentPlan || ! currentPlan?.expiry ) {
+		return;
+	}
+
+	return new Date( currentPlan?.expiry );
+};
+
+export default useCurrentPlanExpiryDate;

package/src/plans/hooks/use-current-plan-term.ts

@@ -0,0 +1,18 @@
+import { type BillingTerm, getTermFromDuration } from '@automattic/calypso-products';
+import usePlans from '../queries/use-plans';
+import useCurrentPlan from './use-current-plan';
+
+interface Props {
+	siteId?: string | number | null;
+}
+
+const useCurrentPlanTerm = ( { siteId }: Props ): BillingTerm[ 'term' ] | undefined => {
+	const plans = usePlans( { coupon: undefined } ).data;
+	const currentPlan = useCurrentPlan( { siteId } );
+
+	return plans && currentPlan
+		? getTermFromDuration( plans[ currentPlan.planSlug ]?.pricing?.billPeriod )
+		: undefined;
+};
+
+export default useCurrentPlanTerm;

package/src/plans/hooks/use-current-plan.ts

@@ -0,0 +1,21 @@
+import { useMemo } from '@wordpress/element';
+import useSitePlans from '../queries/use-site-plans';
+import { SitePlan } from '../types';
+
+interface Props {
+	siteId?: string | number | null;
+}
+
+const useCurrentPlan = ( { siteId }: Props ): SitePlan | undefined => {
+	const sitePlans = useSitePlans( { siteId } );
+
+	return useMemo(
+		() =>
+			sitePlans?.data
+				? Object.values( sitePlans?.data ).find( ( plan ) => plan.currentPlan )
+				: undefined,
+		[ sitePlans.data ]
+	);
+};
+
+export default useCurrentPlan;