@automattic/data-stores 3.2.0 → 3.2.1

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

@@ -147,6 +147,87 @@ describe( 'usePricingMetaForGridPlans', () => {
 		expect( pricingMeta ).toEqual( expectedPricingMeta );
 	} );
 
+	describe( 'current plan with an active introductory offer', () => {
+		beforeEach( () => {
+			Plans.useCurrentPlan.mockImplementation( () => ( {
+				productSlug: PLAN_BUSINESS,
+				planSlug: PLAN_BUSINESS,
+				purchaseId: 1234,
+			} ) );
+			// Yearly purchase: renewal 600/yr, active intro 120/yr.
+			Purchases.useSitePurchaseById.mockImplementation( () => ( {
+				priceInteger: 600,
+				currencyCode: 'USD',
+				billPeriodDays: 365,
+				introductoryOffer: {
+					isWithinPeriod: true,
+					costPerIntervalInteger: 120,
+				},
+			} ) );
+		} );
+
+		it( 'should return the intro price as the headline plus a renewal price for the experiment treatment', () => {
+			const pricingMeta = usePricingMetaForGridPlans( {
+				planSlugs: [ PLAN_BUSINESS ],
+				siteId,
+				coupon: undefined,
+				useCheckPlanAvailabilityForPurchase,
+				showBillingDescriptionForIncreasedRenewalPrice: 'crossed_price',
+			} );
+
+			const expectedPricingMeta = {
+				[ PLAN_BUSINESS ]: {
+					originalPrice: {
+						full: 120,
+						monthly: 10,
+					},
+					discountedPrice: {
+						full: null,
+						monthly: null,
+					},
+					billingPeriod: 365,
+					currencyCode: 'USD',
+					expiry: null,
+					introOffer: undefined,
+					renewalPrice: {
+						full: 600,
+						monthly: 50,
+					},
+				},
+			};
+
+			expect( pricingMeta ).toEqual( expectedPricingMeta );
+		} );
+
+		it( 'should return the renewal price as the headline for non-treatment users', () => {
+			const pricingMeta = usePricingMetaForGridPlans( {
+				planSlugs: [ PLAN_BUSINESS ],
+				siteId,
+				coupon: undefined,
+				useCheckPlanAvailabilityForPurchase,
+			} );
+
+			const expectedPricingMeta = {
+				[ PLAN_BUSINESS ]: {
+					originalPrice: {
+						full: 600,
+						monthly: 50,
+					},
+					discountedPrice: {
+						full: null,
+						monthly: null,
+					},
+					billingPeriod: 365,
+					currencyCode: 'USD',
+					expiry: null,
+					introOffer: undefined,
+				},
+			};
+
+			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_BUSINESS,
@@ -301,6 +382,45 @@ describe( 'usePricingMetaForGridPlans', () => {
 		}
 	);
 
+	it.each( [
+		COST_OVERRIDE_REASONS.RECENT_PLAN_PRORATION,
+		COST_OVERRIDE_REASONS.RECENT_DOMAIN_PRORATION,
+	] )(
+		"should suppress discounted price when proration override '%s' is not the first cost override entry",
+		( overrideCode ) => {
+			Plans.useCurrentPlan.mockImplementation( () => ( {
+				productSlug: PLAN_PERSONAL,
+				planSlug: PLAN_PERSONAL,
+			} ) );
+
+			Plans.useSitePlans.mockImplementation( () => ( {
+				isLoading: false,
+				data: {
+					[ PLAN_BUSINESS ]: {
+						...SITE_PLANS[ PLAN_BUSINESS ],
+						pricing: {
+							...SITE_PLANS[ PLAN_BUSINESS ].pricing,
+							costOverrides: [ { overrideCode: 'multiterm-upgrade' }, { overrideCode } ],
+						},
+					},
+				},
+			} ) );
+
+			const pricingMeta = usePricingMetaForGridPlans( {
+				planSlugs: [ PLAN_BUSINESS ],
+				siteId,
+				coupon: undefined,
+				useCheckPlanAvailabilityForPurchase,
+				withProratedDiscounts: false,
+			} );
+
+			expect( pricingMeta?.[ PLAN_BUSINESS ]?.discountedPrice ).toEqual( {
+				full: null,
+				monthly: null,
+			} );
+		}
+	);
+
 	it( 'should return intro offer when available', () => {
 		Plans.useIntroOffers.mockImplementation( () => ( {
 			[ PLAN_BUSINESS ]: introOffer,

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

@@ -58,6 +58,12 @@ interface Props {
 	 * from the final price.
 	 */
 	reflectStorageSelectionInPlanPrices?: boolean;
+
+	/**
+	 * Renewal-pricing experiment flag. When falsy (non-treatment), the current plan's
+	 * headline uses the renewal price, not an active intro price.
+	 */
+	showBillingDescriptionForIncreasedRenewalPrice?: string | null;
 }
 
 function getTotalPrice( planPrice: number | null | undefined, addOnPrice = 0 ): number | null {
@@ -81,6 +87,7 @@ const usePricingMetaForGridPlans = ( {
 	useCheckPlanAvailabilityForPurchase,
 	withProratedDiscounts,
 	reflectStorageSelectionInPlanPrices = false,
+	showBillingDescriptionForIncreasedRenewalPrice,
 }: Props ): { [ planSlug: string ]: Plans.PricingMetaForGridPlan } | null => {
 	// plans - should have a definition for all plans, being the main source of API data
 	const plans = Plans.usePlans( { coupon } );
@@ -117,6 +124,7 @@ const usePricingMetaForGridPlans = ( {
 					discountedPrice: Plans.PlanPricing[ 'discountedPrice' ];
 					currencyCode: Plans.PlanPricing[ 'currencyCode' ];
 					introOffer: Plans.PlanPricing[ 'introOffer' ];
+					renewalPrice?: Plans.PlanPricing[ 'originalPrice' ];
 				};
 		  }
 		| null = null;
@@ -185,18 +193,38 @@ const usePricingMetaForGridPlans = ( {
 					let fullPrice = sitePlan?.pricing.originalPrice.full;
 
 					/**
-					 * Ensure the spotlight (current) plan shows the price with which the plan was purchased.
+					 * Spotlight (current) plan headline. Only the renewal-pricing experiment treatment shows
+					 * the active intro price (with a separate "renews at" line); everyone else sees the renewal
+					 * price, so the headline is never lower than what they'll actually pay.
 					 */
+					let renewalPrice: Plans.PlanPricing[ 'originalPrice' ] | undefined;
+
 					if ( purchasedPlan ) {
+						const showIntroOfferHeadline =
+							!! showBillingDescriptionForIncreasedRenewalPrice &&
+							purchasedPlan.introductoryOffer?.isWithinPeriod;
+						const currentTermPrice = showIntroOfferHeadline
+							? purchasedPlan.introductoryOffer!.costPerIntervalInteger
+							: purchasedPlan.priceInteger;
 						const isMonthly = purchasedPlan.billPeriodDays === PLAN_MONTHLY_PERIOD;
 
-						if ( isMonthly && monthlyPrice !== purchasedPlan.priceInteger ) {
-							monthlyPrice = purchasedPlan.priceInteger;
-							fullPrice = parseFloat( ( purchasedPlan.priceInteger * 12 ).toFixed( 2 ) );
-						} else if ( fullPrice !== purchasedPlan.priceInteger ) {
+						if ( isMonthly && monthlyPrice !== currentTermPrice ) {
+							monthlyPrice = currentTermPrice;
+							fullPrice = parseFloat( ( currentTermPrice * 12 ).toFixed( 2 ) );
+						} else if ( fullPrice !== currentTermPrice ) {
 							const term = getTermFromDuration( purchasedPlan.billPeriodDays ) || '';
-							monthlyPrice = calculateMonthlyPrice( term, purchasedPlan.priceInteger );
-							fullPrice = purchasedPlan.priceInteger;
+							monthlyPrice = calculateMonthlyPrice( term, currentTermPrice );
+							fullPrice = currentTermPrice;
+						}
+
+						if ( showIntroOfferHeadline ) {
+							const renewalTerm = getTermFromDuration( purchasedPlan.billPeriodDays ) || '';
+							renewalPrice = {
+								monthly: isMonthly
+									? purchasedPlan.priceInteger
+									: calculateMonthlyPrice( renewalTerm, purchasedPlan.priceInteger ),
+								full: purchasedPlan.priceInteger,
+							};
 						}
 					}
 
@@ -214,6 +242,7 @@ const usePricingMetaForGridPlans = ( {
 							currencyCode: purchasedPlan
 								? purchasedPlan?.currencyCode
 								: plan?.pricing?.currencyCode,
+							...( renewalPrice && { renewalPrice } ),
 						},
 					];
 				}
@@ -234,13 +263,13 @@ const usePricingMetaForGridPlans = ( {
 					// If there is, however, a sale coupon, show the discounted price
 					// without proration. This isn't ideal, but is intentional. Because of
 					// this, the price will differ between the plans grid and checkout screen.
-					const costOverrideCode = sitePlan?.pricing?.costOverrides?.[ 0 ]?.overrideCode;
-					const hasProratedCostOverride =
-						costOverrideCode &&
-						[
-							COST_OVERRIDE_REASONS.RECENT_PLAN_PRORATION,
-							COST_OVERRIDE_REASONS.RECENT_DOMAIN_PRORATION,
-						].includes( costOverrideCode );
+					const hasProratedCostOverride = sitePlan?.pricing?.costOverrides?.some(
+						( { overrideCode } ) =>
+							[
+								COST_OVERRIDE_REASONS.RECENT_PLAN_PRORATION,
+								COST_OVERRIDE_REASONS.RECENT_DOMAIN_PRORATION,
+							].includes( overrideCode )
+					);
 					if (
 						! sitePlan?.pricing?.hasSaleCoupon &&
 						! withProratedDiscounts &&
@@ -258,7 +287,7 @@ const usePricingMetaForGridPlans = ( {
 								...( sitePlan?.pricing.introOffer && {
 									introOffer: {
 										...sitePlan?.pricing.introOffer,
-										rawPrice: introOfferPrice,
+										...( introOfferPrice && { rawPrice: introOfferPrice } ),
 									},
 								} ),
 							},
@@ -282,7 +311,7 @@ const usePricingMetaForGridPlans = ( {
 							...( sitePlan?.pricing.introOffer && {
 								introOffer: {
 									...sitePlan?.pricing.introOffer,
-									rawPrice: introOfferPrice,
+									...( introOfferPrice && { rawPrice: introOfferPrice } ),
 								},
 							} ),
 						},
@@ -314,7 +343,7 @@ const usePricingMetaForGridPlans = ( {
 							...( plan?.pricing.introOffer && {
 								introOffer: {
 									...plan?.pricing.introOffer,
-									rawPrice: introOfferPrice,
+									...( introOfferPrice && { rawPrice: introOfferPrice } ),
 								},
 							} ),
 						},
@@ -342,7 +371,7 @@ const usePricingMetaForGridPlans = ( {
 						...( plan?.pricing.introOffer && {
 							introOffer: {
 								...plan?.pricing.introOffer,
-								rawPrice: introOfferPrice,
+								...( introOfferPrice && { rawPrice: introOfferPrice } ),
 							},
 						} ),
 					},
@@ -366,6 +395,7 @@ const usePricingMetaForGridPlans = ( {
 					currencyCode: planPrices?.[ planSlug ]?.currencyCode,
 					expiry: sitePlans.data?.[ planSlug ]?.expiry,
 					introOffer: planPrices?.[ planSlug ]?.introOffer,
+					renewalPrice: planPrices?.[ planSlug ]?.renewalPrice,
 				},
 			} ),
 			{} as { [ planSlug in PlanSlug ]?: Plans.PricingMetaForGridPlan }

package/src/plans/index.ts

@@ -47,6 +47,7 @@ export {
 	TIMELESS_PLAN_BUSINESS,
 	TIMELESS_PLAN_ECOMMERCE,
 	FREE_PLAN_PRODUCT_ID,
+	COST_OVERRIDE_REASONS,
 } from './constants';
 
 let isRegistered = false;

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

@@ -2,7 +2,7 @@ import { isEnabled } from '@automattic/calypso-config';
 import { calculateMonthlyPriceForPlan } from '@automattic/calypso-products';
 import { useLocale } from '@automattic/i18n-utils';
 import { useQuery, type UseQueryResult } from '@tanstack/react-query';
-import wpcomRequest from 'wpcom-proxy-request';
+import wpcomRequest from '../../wpcom-request';
 import unpackIntroOffer from './lib/unpack-intro-offer';
 import useQueryKeysFactory from './lib/use-query-keys-factory';
 import type { PricedAPIPlan, PlanNext } from '../types';

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

@@ -1,6 +1,6 @@
 import { calculateMonthlyPriceForPlan } from '@automattic/calypso-products';
 import { useQuery, type UseQueryResult } from '@tanstack/react-query';
-import wpcomRequest from 'wpcom-proxy-request';
+import wpcomRequest from '../../wpcom-request';
 import unpackCostOverrides from './lib/unpack-cost-overrides';
 import unpackIntroOffer from './lib/unpack-intro-offer';
 import useQueryKeysFactory from './lib/use-query-keys-factory';

package/src/plans/resolvers.ts

@@ -142,7 +142,6 @@ function normalizePlanProducts(
 			periodAgnosticSlug: periodAgnosticPlan.periodAgnosticSlug,
 			storeSlug: planProduct.product_slug,
 			rawPrice: planProduct.raw_price,
-			// Not all plans returned from /plans have a `path_slug` (e.g. monthly plans don't have)
 			pathSlug: planProduct.path_slug,
 			price:
 				planProduct?.bill_period === MONTHLY_PLAN_BILLING_PERIOD || planProduct.raw_price === 0

package/src/plans/selectors.ts

@@ -38,7 +38,7 @@ export const getPlanByProductId = (
 		return undefined;
 	}
 
-	return ( select( STORE_KEY ) as PlansSelect )
+	return ( select( STORE_KEY ) as unknown as PlansSelect )
 		.getSupportedPlans( locale )
 		.find( ( plan: Plan ) => plan.productIds.indexOf( productId ) > -1 );
 };
@@ -51,7 +51,7 @@ export const getPlanProductById = (
 		return undefined;
 	}
 
-	return ( select( STORE_KEY ) as PlansSelect )
+	return ( select( STORE_KEY ) as unknown as PlansSelect )
 		.getPlansProducts()
 		.find( ( product: PlanProduct ) => product.productId === productId );
 };
@@ -64,19 +64,19 @@ export const getPlanByPeriodAgnosticSlug = (
 	if ( ! slug ) {
 		return undefined;
 	}
-	return ( select( STORE_KEY ) as PlansSelect )
+	return ( select( STORE_KEY ) as unknown as PlansSelect )
 		.getSupportedPlans( locale )
 		.find( ( plan: Plan ) => plan.periodAgnosticSlug === slug );
 };
 
 export const getDefaultPaidPlan = ( _: State, locale: string ): Plan | undefined => {
-	return ( select( STORE_KEY ) as PlansSelect )
+	return ( select( STORE_KEY ) as unknown as PlansSelect )
 		.getSupportedPlans( locale )
 		.find( ( plan: Plan ) => plan.periodAgnosticSlug === DEFAULT_PAID_PLAN );
 };
 
 export const getDefaultFreePlan = ( _: State, locale: string ): Plan | undefined => {
-	return ( select( STORE_KEY ) as PlansSelect )
+	return ( select( STORE_KEY ) as unknown as PlansSelect )
 		.getSupportedPlans( locale )
 		.find( ( plan: Plan ) => plan.periodAgnosticSlug === TIMELESS_PLAN_FREE );
 };
@@ -98,7 +98,7 @@ export const getPrices = ( _state: State, _locale: string ): Record< StorePlanSl
 	deprecate( 'getPrices', {
 		alternative: 'getPlanProduct().price',
 	} );
-	return ( select( STORE_KEY ) as PlansSelect ).getPlansProducts().reduce(
+	return ( select( STORE_KEY ) as unknown as PlansSelect ).getPlansProducts().reduce(
 		( prices: Record< StorePlanSlug, string >, plan: PlanProduct ) => {
 			prices[ plan.storeSlug ] = plan.price;
 			return prices;
@@ -116,7 +116,7 @@ export const getPlanByPath = (
 		return undefined;
 	}
 
-	const planProduct = ( select( STORE_KEY ) as PlansSelect )
+	const planProduct = ( select( STORE_KEY ) as unknown as PlansSelect )
 		.getPlansProducts()
 		.find( ( product: PlanProduct ) => product.pathSlug === path );
 
@@ -124,7 +124,7 @@ export const getPlanByPath = (
 		return undefined;
 	}
 
-	return ( select( STORE_KEY ) as PlansSelect )
+	return ( select( STORE_KEY ) as unknown as PlansSelect )
 		.getSupportedPlans( locale )
 		.find( ( plan: Plan ) => plan.periodAgnosticSlug === planProduct.periodAgnosticSlug );
 };
@@ -138,7 +138,7 @@ export const getPlanProduct = (
 		return undefined;
 	}
 
-	return ( select( STORE_KEY ) as PlansSelect )
+	return ( select( STORE_KEY ) as unknown as PlansSelect )
 		.getPlansProducts()
 		.find( ( product: PlanProduct ) => {
 			const matchesSlug = product.periodAgnosticSlug === periodAgnosticSlug;

package/src/plans/types.ts

@@ -146,6 +146,12 @@ export interface PricingMetaForGridPlan {
 	 */
 	introOffer?: PlanPricing[ 'introOffer' ];
 	expiry?: SitePlan[ 'expiry' ];
+	/**
+	 * The renewal price for the current plan when it differs from originalPrice
+	 * (e.g. when the current billing term has an active intro offer).
+	 * Used by renewal pricing text to show what the plan will cost after the offer ends.
+	 */
+	renewalPrice?: PlanPricing[ 'originalPrice' ];
 }
 
 export interface SitePlan {

package/src/products-list/queries/use-products.ts

@@ -1,7 +1,7 @@
 import { useLocale } from '@automattic/i18n-utils';
 import { useQuery, type UseQueryResult } from '@tanstack/react-query';
-import wpcomRequest from 'wpcom-proxy-request';
 import * as ProductsList from '../../products-list';
+import wpcomRequest from '../../wpcom-request';
 import useQueryKeysFactory from './lib/use-query-keys-factory';
 import type { StoreProductSlug, Product, RawAPIProductsList } from '../types';
 

package/src/products-list/resolvers.ts

@@ -1,4 +1,4 @@
-import wpcomRequest from 'wpcom-proxy-request';
+import wpcomRequest from '../wpcom-request';
 import { RawAPIProductsList, ProductsListFailure, Dispatch } from './types';
 
 /**

package/src/products-list/selectors.ts

@@ -14,7 +14,7 @@ export const getProductBySlug = ( _state: State, slug: string ) => {
 		return undefined;
 	}
 	const products = (
-		select( STORE_KEY ) as { getProductsList: () => RawAPIProductsList | undefined }
+		select( STORE_KEY ) as unknown as { getProductsList: () => RawAPIProductsList | undefined }
 	 ).getProductsList();
 
 	if ( ! products ) {

package/src/products-list/test/selectors.ts

@@ -6,10 +6,10 @@
  * @jest-environment jsdom
  */
 import { select, subscribe } from '@wordpress/data';
-import wpcomRequest from 'wpcom-proxy-request';
 import { store } from '../';
+import wpcomRequest from '../../wpcom-request';
 
-jest.mock( 'wpcom-proxy-request', () => ( {
+jest.mock( '../../wpcom-request', () => ( {
 	__esModule: true,
 	default: jest.fn(),
 } ) );

package/src/purchases/lib/assembler.ts

@@ -5,6 +5,10 @@ export function createPurchaseObject( purchase: RawPurchase ): Purchase {
 	const object: Purchase = {
 		id: Number( purchase.ID ),
 		amount: Number( purchase.amount ),
+		advertisedTotalUploadSpaceInGb:
+			purchase.advertised_total_upload_space_in_gb == null
+				? null
+				: Number( purchase.advertised_total_upload_space_in_gb ),
 		attachedToPurchaseId: Number( purchase.attached_to_purchase_id ),
 		autoRenewCouponCode: purchase.auto_renew_coupon_code,
 		autoRenewCouponDiscountPercentage: Number( purchase.auto_renew_coupon_discount_percentage ),
@@ -15,9 +19,7 @@ export function createPurchaseObject( purchase: RawPurchase ): Purchase {
 		canDisableAutoRenew: Boolean( purchase.can_disable_auto_renew ),
 		canReenableAutoRenewal: Boolean( purchase.can_reenable_auto_renewal ),
 		canExplicitRenew: Boolean( purchase.can_explicit_renew ),
-		costToUnbundleText: purchase.cost_to_unbundle_display
-			? purchase.cost_to_unbundle_display
-			: purchase.price_text,
+		costToUnbundleText: purchase.cost_to_unbundle_display ?? '',
 		currencyCode: purchase.currency_code,
 		currencySymbol: purchase.currency_symbol,
 		description: purchase.description,
@@ -25,6 +27,7 @@ export function createPurchaseObject( purchase: RawPurchase ): Purchase {
 		domainRegistrationAgreementUrl: purchase.domain_registration_agreement_url || null,
 		blogCreatedDate: purchase.blog_created_date,
 		expiryDate: purchase.expiry_date,
+		paymentExpiryDate: purchase.payment_expiry_date,
 		expiryStatus: snakeToCamelCase( purchase.expiry_status ),
 		iapPurchaseManagementLink: purchase.iap_purchase_management_link,
 		includedDomain: purchase.included_domain,
@@ -32,6 +35,7 @@ export function createPurchaseObject( purchase: RawPurchase ): Purchase {
 		introductoryOffer: purchase.introductory_offer
 			? {
 					costPerInterval: Number( purchase.introductory_offer.cost_per_interval ),
+					costPerIntervalInteger: Number( purchase.introductory_offer.cost_per_interval_integer ),
 					endDate: String( purchase.introductory_offer.end_date ),
 					intervalCount: Number( purchase.introductory_offer.interval_count ),
 					intervalUnit: String( purchase.introductory_offer.interval_unit ),
@@ -57,8 +61,9 @@ export function createPurchaseObject( purchase: RawPurchase ): Purchase {
 		isHundredYearDomain: Boolean( purchase.is_hundred_year_domain ),
 		isLocked: Boolean( purchase.is_locked ),
 		isInAppPurchase: Boolean( purchase.is_iap_purchase ),
-		isRechargeable: Boolean( purchase.is_rechargable ),
+		isRechargeable: Boolean( purchase.is_rechargeable ),
 		isRefundable: Boolean( purchase.is_refundable ),
+		isWithinInitialRefundWindow: Boolean( purchase.is_within_initial_refund_window ),
 		isRenewable: Boolean( purchase.is_renewable ),
 		isRenewal: Boolean( purchase.is_renewal ),
 		isWooExpressTrial: Boolean( purchase.is_woo_express_trial ),
@@ -116,6 +121,7 @@ export function createPurchaseObject( purchase: RawPurchase ): Purchase {
 		userId: Number( purchase.user_id ),
 		isAutoRenewEnabled: purchase.is_auto_renew_enabled,
 		isJetpackPlanOrProduct: purchase.is_jetpack_plan_or_product,
+		isAttachedToHoldingSite: Boolean( purchase.is_attached_to_holding_site ),
 	};
 
 	if ( isCreditCardPurchase( purchase ) ) {

package/src/purchases/queries/use-get-jetpack-transferred-license-purchases.tsx

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

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

@@ -1,5 +1,5 @@
 import { useQuery } from '@tanstack/react-query';
-import wpcomRequest from 'wpcom-proxy-request';
+import wpcomRequest from '../../wpcom-request';
 import { createPurchaseObject } from '../lib/assembler';
 import useQueryKeysFactory from './lib/use-query-keys-factory';
 import type { RawPurchase, Purchase } from '../types';
@@ -21,7 +21,7 @@ export function getUseSitePurchasesOptions(
 		queryFn: async (): Promise< PurchasesIndex > => {
 			const purchases: RawPurchase[] = await wpcomRequest( {
 				path: `/sites/${ encodeURIComponent( siteId as string ) }/purchases`,
-				apiVersion: '1.1',
+				apiVersion: '1.2',
 			} );
 
 			return Object.fromEntries(

package/src/purchases/types.ts

@@ -2,6 +2,7 @@ import { PriceTierEntry } from '@automattic/calypso-products';
 
 export interface Purchase {
 	amount: number;
+	advertisedTotalUploadSpaceInGb?: number | null;
 	attachedToPurchaseId: number;
 	billPeriodDays: number;
 	billPeriodLabel: string;
@@ -10,7 +11,17 @@ export interface Purchase {
 	asyncPendingPaymentBlockIsSet: boolean;
 	canExplicitRenew: boolean;
 	canReenableAutoRenewal: boolean;
+
+	/**
+	 * If this upgrade is a domain and a domain credit was used to purchase it,
+	 * and the plan is within its refund period, then `cost_to_unbundle_display`
+	 * will be the formatted amount of the amount that would be withheld to keep
+	 * the domain if the plan is cancelled.
+	 *
+	 * If there is nothing that would be withheld, this will be null.
+	 */
 	costToUnbundleText: string;
+
 	currencyCode: string;
 	currencySymbol: string;
 	description: string;
@@ -28,10 +39,23 @@ export interface Purchase {
 
 	domainRegistrationAgreementUrl: string | null;
 	expiryDate: string;
+
+	/**
+	 * The expiry date in ISO 8601 (YYYY-MM-DD) if the payment method has one.
+	 */
+	paymentExpiryDate: string | undefined;
+
 	expiryStatus: string;
 	iapPurchaseManagementLink: string | null;
 	id: number;
+
+	/**
+	 * If this subscription is for a plan with a bundled domain, this will
+	 * contain the domain name for that domain subscription. Otherwise this will
+	 * be an empty string.
+	 */
 	includedDomain: string;
+
 	includedDomainPurchaseAmount: number;
 	introductoryOffer: PurchaseIntroductoryOffer | null;
 	isAutoRenewEnabled: boolean;
@@ -43,6 +67,7 @@ export interface Purchase {
 	isLocked: boolean;
 	isRechargeable: boolean;
 	isRefundable: boolean;
+	isWithinInitialRefundWindow: boolean;
 	isRenewable: boolean;
 	isRenewal: boolean;
 	isWooExpressTrial: boolean;
@@ -170,6 +195,7 @@ export interface Purchase {
 	autoRenewCouponDiscountPercentage: number | null;
 
 	isJetpackPlanOrProduct: boolean;
+	isAttachedToHoldingSite: boolean;
 }
 
 export interface PurchasePriceTier {
@@ -196,6 +222,7 @@ export interface RefundOptions {
 
 export interface RawPurchaseIntroductoryOffer {
 	cost_per_interval: number;
+	cost_per_interval_integer: number;
 	end_date: string;
 	interval_count: number;
 	interval_unit: string;
@@ -209,6 +236,7 @@ export interface RawPurchaseIntroductoryOffer {
 
 export interface PurchaseIntroductoryOffer {
 	costPerInterval: number;
+	costPerIntervalInteger: number;
 	endDate: string;
 	intervalCount: number;
 	intervalUnit: string;
@@ -226,6 +254,11 @@ export interface PurchasePayment {
 	countryCode: string | undefined | null;
 	countryName: string | undefined;
 	storedDetailsId: string | number | undefined | null;
+	/**
+	 * The expiry date in MM/YY if the payment method has one.
+	 *
+	 * Use `paymentExpiryDate` on the Purchase if possible as it will be more accurate.
+	 */
 	expiryDate?: string;
 	creditCard?: PurchasePaymentCreditCard;
 	paymentPartner?: string;
@@ -240,6 +273,11 @@ export type PurchasePaymentWithPayPal = PurchasePayment & {
 	countryName: string | undefined;
 	storedDetailsId: string | number;
 	type: string;
+	/**
+	 * The expiry date in MM/YY if the payment method has one.
+	 *
+	 * Use `paymentExpiryDate` on the Purchase if possible as it will be more accurate.
+	 */
 	expiryDate: string;
 };
 
@@ -262,5 +300,10 @@ export interface PurchasePaymentCreditCard {
 	displayBrand: string | null;
 	processor: string;
 	number: string;
+	/**
+	 * The expiry date in MM/YY if the payment method has one.
+	 *
+	 * Use `paymentExpiryDate` on the Purchase if possible as it will be more accurate.
+	 */
 	expiryDate: string;
 }

package/src/queries/use-all-domains-query.ts

@@ -1,6 +1,6 @@
 import { UseQueryOptions, useQuery } from '@tanstack/react-query';
 import { addQueryArgs } from '@wordpress/url';
-import wpcomRequest from 'wpcom-proxy-request';
+import wpcomRequest from '../wpcom-request';
 import type { DomainData } from './use-site-domains-query';
 
 // The data returned by the /all-domains endpoint only includes the basic data
@@ -30,10 +30,10 @@ export interface AllDomainsQueryFnData {
 	domains: PartialDomainData[];
 }
 
-export interface AllDomainsQueryArgs {
+export type AllDomainsQueryArgs = {
 	no_wpcom?: boolean;
 	resolve_status?: boolean;
-}
+};
 
 export const getAllDomainsQueryKey = ( queryArgs: AllDomainsQueryArgs = {} ) => [
 	'all-domains',