@automattic/plans-grid-next 1.0.1 → 1.0.3

package/src/types.ts

@@ -18,6 +18,14 @@ export type TransformedFeatureObject = FeatureObject & {
 	availableForCurrentPlan: boolean;
 	availableOnlyForAnnualPlans: boolean;
 	isHighlighted?: boolean;
+	/**
+	 * When true, extra bottom margin on the last feature row for pricing experiment variants.
+	 */
+	isExperimentLastFeature?: boolean;
+	/**
+	 * Badge text to display after the feature title (e.g. pricing differentiators pills).
+	 */
+	badgeText?: TranslateResult;
 };
 
 export interface PlanFeaturesForGridPlan {
@@ -45,16 +53,18 @@ export interface GridPlan {
 		product_slug: string;
 	} | null;
 	highlightLabel?: React.ReactNode | null;
+	titleBadge?: React.ReactNode | null;
 }
 
 /***********************
  * Grid Component Types:
  ***********************/
 
-export type GridSize = 'small' | 'medium' | 'large';
+export type GridSize = 'small' | 'smedium' | 'medium' | 'large' | 'xlarge';
 
 export type PlansIntent =
 	| 'plans-affiliate'
+	| 'plans-ai-assembler-free-trial'
 	| 'plans-blog-onboarding'
 	| 'plans-newsletter'
 	| 'plans-new-hosted-site'
@@ -74,6 +84,15 @@ export type PlansIntent =
 	| 'plans-guided-segment-nonprofit'
 	| 'plans-guided-segment-consumer-or-business'
 	| 'plans-site-selected-legacy'
+	| 'plans-playground'
+	| 'plans-playground-premium' // This plan intent is currently not utilized but will be soon
+	| 'plans-upgrade'
+	| 'plans-upgrade-or-downgrade'
+	| 'plans-wordpress-hosting'
+	| 'plans-website-builder'
+	| 'plans-woo-hosted'
+	| 'plans-woo-hosting-solutions'
+	| 'plans-migration'
 	| 'default';
 
 export interface PlanActionOverrides {
@@ -106,7 +125,7 @@ export interface CommonGridProps {
 	isInAdmin: boolean;
 	isInSiteDashboard: boolean;
 	onStorageAddOnClick?: ( addOnSlug: AddOns.StorageAddOnSlug ) => void;
-	currentSitePlanSlug?: string | null;
+	currentSitePlanSlug?: PlanSlug | null;
 	hideUnavailableFeatures?: boolean; // used to hide features that are not available, instead of strike-through as explained in #76206
 	planActionOverrides?: PlanActionOverrides;
 	// Value of the `?feature=` query param, so we can highlight a given feature and hide plans without it.
@@ -117,7 +136,7 @@ export interface CommonGridProps {
 	// only used for comparison grid
 	planTypeSelectorProps?: PlanTypeSelectorProps;
 	gridContainerRef?: React.MutableRefObject< HTMLDivElement | null >;
-	gridSize?: string;
+	gridSize?: GridSize;
 }
 
 export interface FeaturesGridProps extends CommonGridProps {
@@ -134,7 +153,9 @@ export interface FeaturesGridProps extends CommonGridProps {
 export interface ComparisonGridProps extends CommonGridProps {
 	// Value of the `?plan=` query param, so we can highlight a given plan.
 	selectedPlan?: string;
-	intervalType: string;
+	intervalType: SupportedUrlFriendlyTermType;
+	/** Called when the number of visible plans in the grid changes (e.g. for narrowing the container). */
+	onVisiblePlansCountChange?: ( count: number ) => void;
 }
 
 export type UseActionCallback = ( {
@@ -152,6 +173,7 @@ export type UseActionCallback = ( {
 export interface GridAction {
 	primary: {
 		text: TranslateResult;
+		ariaLabel?: TranslateResult;
 		callback: () => Promise< void > | void;
 		// TODO: It's not clear if status is ever actually set to 'blocked'. Investigate and remove if not.
 		status?: 'disabled' | 'blocked' | 'enabled';
@@ -172,6 +194,8 @@ export type UseAction = ( {
 	planTitle,
 	priceString,
 	selectedStorageAddOn,
+	pricing,
+	isMonthlyPlan,
 }: {
 	availableForPurchase?: boolean;
 	billingPeriod?: PlanPricing[ 'billPeriod' ];
@@ -184,6 +208,8 @@ export type UseAction = ( {
 	planTitle?: TranslateResult;
 	priceString?: string;
 	selectedStorageAddOn?: AddOns.AddOnMeta | null;
+	pricing?: Plans.PricingMetaForGridPlan | null;
+	isMonthlyPlan?: boolean;
 } ) => GridAction;
 
 export type GridContextProps = {
@@ -239,6 +265,21 @@ export type GridContextProps = {
 	 * calculating prices.
 	 */
 	reflectStorageSelectionInPlanPrices?: boolean;
+
+	/**
+	 * Enable simplified billing description
+	 */
+	showSimplifiedBillingDescription?: boolean;
+	/**
+	 * If, and how to present increased renewal pricing (null or the assigned variant name)
+	 */
+	showBillingDescriptionForIncreasedRenewalPrice?: string | null;
+
+	/**
+	 * When true, the user is in the rolled-out pricing differentiation cohort.
+	 * Used to display cohort-specific feature titles in the comparison grid.
+	 */
+	isExperimentVariant?: boolean;
 };
 
 export type ComparisonGridExternalProps = Omit<

package/dist/cjs/components/features-grid/mobile-free-domain.js

@@ -1,25 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const calypso_products_1 = require("@automattic/calypso-products");
-const i18n_calypso_1 = require("i18n-calypso");
-const item_1 = require("../item");
-const MobileFreeDomain = ({ gridPlan: { planSlug, isMonthlyPlan, features }, paidDomainName, }) => {
-    const translate = (0, i18n_calypso_1.useTranslate)();
-    if (isMonthlyPlan || (0, calypso_products_1.isWpComFreePlan)(planSlug) || (0, calypso_products_1.isWpcomEnterpriseGridPlan)(planSlug)) {
-        return null;
-    }
-    // Remove the custom domain feature for Woo Express plans with introductory offer.
-    if ((0, calypso_products_1.isWooExpressPlan)(planSlug) &&
-        !features.wpcomFeatures.some((feature) => feature.getSlug() === calypso_products_1.FEATURE_CUSTOM_DOMAIN)) {
-        return null;
-    }
-    const displayText = paidDomainName
-        ? translate('%(paidDomainName)s is included', {
-            args: { paidDomainName },
-        })
-        : translate('Free domain for one year');
-    return ((0, jsx_runtime_1.jsx)("div", { className: "plan-features-2023-grid__highlighted-feature", children: (0, jsx_runtime_1.jsx)(item_1.PlanFeaturesItem, { children: (0, jsx_runtime_1.jsx)("span", { className: "plan-features-2023-grid__item-info is-annual-plan-feature is-available", children: (0, jsx_runtime_1.jsx)("span", { className: "plan-features-2023-grid__item-title is-bold", children: displayText }) }) }) }));
-};
-exports.default = MobileFreeDomain;
-//# sourceMappingURL=mobile-free-domain.js.map

package/dist/cjs/components/features-grid/mobile-free-domain.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"mobile-free-domain.js","sourceRoot":"","sources":["../../../../src/components/features-grid/mobile-free-domain.tsx"],"names":[],"mappings":";;;AAAA,mEAKsC;AACtC,+CAA4C;AAE5C,kCAA2C;AAO3C,MAAM,gBAAgB,GAAG,CAAE,EAC1B,QAAQ,EAAE,EAAE,QAAQ,EAAE,aAAa,EAAE,QAAQ,EAAE,EAC/C,cAAc,GACS,EAAG,EAAE;IAC5B,MAAM,SAAS,GAAG,IAAA,2BAAY,GAAE,CAAC;IAEjC,IAAK,aAAa,IAAI,IAAA,kCAAe,EAAE,QAAQ,CAAE,IAAI,IAAA,4CAAyB,EAAE,QAAQ,CAAE,EAAG,CAAC;QAC7F,OAAO,IAAI,CAAC;IACb,CAAC;IAED,kFAAkF;IAClF,IACC,IAAA,mCAAgB,EAAE,QAAQ,CAAE;QAC5B,CAAE,QAAQ,CAAC,aAAa,CAAC,IAAI,CAAE,CAAE,OAAO,EAAG,EAAE,CAAC,OAAO,CAAC,OAAO,EAAE,KAAK,wCAAqB,CAAE,EAC1F,CAAC;QACF,OAAO,IAAI,CAAC;IACb,CAAC;IAED,MAAM,WAAW,GAAG,cAAc;QACjC,CAAC,CAAC,SAAS,CAAE,gCAAgC,EAAE;YAC7C,IAAI,EAAE,EAAE,cAAc,EAAE;SACvB,CAAE;QACL,CAAC,CAAC,SAAS,CAAE,0BAA0B,CAAE,CAAC;IAE3C,OAAO,CACN,gCAAK,SAAS,EAAC,8CAA8C,YAC5D,uBAAC,uBAAgB,cAChB,iCAAM,SAAS,EAAC,wEAAwE,YACvF,iCAAM,SAAS,EAAC,6CAA6C,YAAG,WAAW,GAAS,GAC9E,GACW,GACd,CACN,CAAC;AACH,CAAC,CAAC;AAEF,kBAAe,gBAAgB,CAAC"}

package/dist/cjs/lib/get-plan-pricing-info-from-grid-plans.js

@@ -1,15 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getPlanPricingInfoFromGridPlans = getPlanPricingInfoFromGridPlans;
-function getPlanPricingInfoFromGridPlans({ gridPlans, returnMonthly = true, }) {
-    return gridPlans.reduce((acc, gridPlan) => {
-        const { pricing: { originalPrice, discountedPrice, currencyCode }, } = gridPlan;
-        const originalPriceForTerm = originalPrice[returnMonthly ? 'monthly' : 'full'] || 0;
-        const discountedPriceForTerm = discountedPrice[returnMonthly ? 'monthly' : 'full'] || 0;
-        return {
-            prices: [...acc.prices, originalPriceForTerm, discountedPriceForTerm],
-            ...(currencyCode && { currencyCode }),
-        };
-    }, { prices: [], currencyCode: 'USD' });
-}
-//# sourceMappingURL=get-plan-pricing-info-from-grid-plans.js.map

package/dist/cjs/lib/get-plan-pricing-info-from-grid-plans.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"get-plan-pricing-info-from-grid-plans.js","sourceRoot":"","sources":["../../../src/lib/get-plan-pricing-info-from-grid-plans.ts"],"names":[],"mappings":";;AAOA,0EAuBC;AAvBD,SAAgB,+BAA+B,CAAE,EAChD,SAAS,EACT,aAAa,GAAG,IAAI,GAIpB;IACA,OAAO,SAAS,CAAC,MAAM,CACtB,CAAE,GAAgB,EAAE,QAAQ,EAAG,EAAE;QAChC,MAAM,EACL,OAAO,EAAE,EAAE,aAAa,EAAE,eAAe,EAAE,YAAY,EAAE,GACzD,GAAG,QAAQ,CAAC;QAEb,MAAM,oBAAoB,GAAG,aAAa,CAAE,aAAa,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAE,IAAI,CAAC,CAAC;QACtF,MAAM,sBAAsB,GAAG,eAAe,CAAE,aAAa,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAE,IAAI,CAAC,CAAC;QAE1F,OAAO;YACN,MAAM,EAAE,CAAE,GAAG,GAAG,CAAC,MAAM,EAAE,oBAAoB,EAAE,sBAAsB,CAAE;YACvE,GAAG,CAAE,YAAY,IAAI,EAAE,YAAY,EAAE,CAAE;SACvC,CAAC;IACH,CAAC,EACD,EAAE,MAAM,EAAE,EAAE,EAAE,YAAY,EAAE,KAAK,EAAE,CACnC,CAAC;AACH,CAAC"}

package/dist/cjs/lib/sort-plan-properties.js

@@ -1,26 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.sortPlans = sortPlans;
-function sortPlans(gridPlans, currentSitePlanProductSlug) {
-    // If we don't have plans to sort, return empty array
-    if (!gridPlans.length) {
-        return [];
-    }
-    // If we have a current site plan and we're on mobile, sort to prioritize it
-    if (currentSitePlanProductSlug) {
-        return [...gridPlans].sort((planA, planB) => {
-            // If planA is the current plan, it should come first (-1 moves it up)
-            if (planA.planSlug === currentSitePlanProductSlug) {
-                return -1;
-            }
-            // If planB is the current plan, it should come first (1 moves planA down)
-            if (planB.planSlug === currentSitePlanProductSlug) {
-                return 1;
-            }
-            // Otherwise, maintain original order
-            return 0;
-        });
-    }
-    return [...gridPlans];
-}
-//# sourceMappingURL=sort-plan-properties.js.map

package/dist/cjs/lib/sort-plan-properties.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"sort-plan-properties.js","sourceRoot":"","sources":["../../../src/lib/sort-plan-properties.ts"],"names":[],"mappings":";;AAEA,8BAwBC;AAxBD,SAAgB,SAAS,CACxB,SAAqB,EACrB,0BAA0C;IAE1C,qDAAqD;IACrD,IAAK,CAAE,SAAS,CAAC,MAAM,EAAG,CAAC;QAC1B,OAAO,EAAE,CAAC;IACX,CAAC;IACD,4EAA4E;IAC5E,IAAK,0BAA0B,EAAG,CAAC;QAClC,OAAO,CAAE,GAAG,SAAS,CAAE,CAAC,IAAI,CAAE,CAAE,KAAK,EAAE,KAAK,EAAG,EAAE;YAChD,sEAAsE;YACtE,IAAK,KAAK,CAAC,QAAQ,KAAK,0BAA0B,EAAG,CAAC;gBACrD,OAAO,CAAC,CAAC,CAAC;YACX,CAAC;YACD,0EAA0E;YAC1E,IAAK,KAAK,CAAC,QAAQ,KAAK,0BAA0B,EAAG,CAAC;gBACrD,OAAO,CAAC,CAAC;YACV,CAAC;YACD,qCAAqC;YACrC,OAAO,CAAC,CAAC;QACV,CAAC,CAAE,CAAC;IACL,CAAC;IACD,OAAO,CAAE,GAAG,SAAS,CAAE,CAAC;AACzB,CAAC"}

package/dist/esm/components/features-grid/mobile-free-domain.js

@@ -1,23 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { FEATURE_CUSTOM_DOMAIN, isWooExpressPlan, isWpComFreePlan, isWpcomEnterpriseGridPlan, } from '@automattic/calypso-products';
-import { useTranslate } from 'i18n-calypso';
-import { PlanFeaturesItem } from '../item';
-const MobileFreeDomain = ({ gridPlan: { planSlug, isMonthlyPlan, features }, paidDomainName, }) => {
-    const translate = useTranslate();
-    if (isMonthlyPlan || isWpComFreePlan(planSlug) || isWpcomEnterpriseGridPlan(planSlug)) {
-        return null;
-    }
-    // Remove the custom domain feature for Woo Express plans with introductory offer.
-    if (isWooExpressPlan(planSlug) &&
-        !features.wpcomFeatures.some((feature) => feature.getSlug() === FEATURE_CUSTOM_DOMAIN)) {
-        return null;
-    }
-    const displayText = paidDomainName
-        ? translate('%(paidDomainName)s is included', {
-            args: { paidDomainName },
-        })
-        : translate('Free domain for one year');
-    return (_jsx("div", { className: "plan-features-2023-grid__highlighted-feature", children: _jsx(PlanFeaturesItem, { children: _jsx("span", { className: "plan-features-2023-grid__item-info is-annual-plan-feature is-available", children: _jsx("span", { className: "plan-features-2023-grid__item-title is-bold", children: displayText }) }) }) }));
-};
-export default MobileFreeDomain;
-//# sourceMappingURL=mobile-free-domain.js.map

package/dist/esm/components/features-grid/mobile-free-domain.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"mobile-free-domain.js","sourceRoot":"","sources":["../../../../src/components/features-grid/mobile-free-domain.tsx"],"names":[],"mappings":";AAAA,OAAO,EACN,qBAAqB,EACrB,gBAAgB,EAChB,eAAe,EACf,yBAAyB,GACzB,MAAM,8BAA8B,CAAC;AACtC,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAE5C,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAO3C,MAAM,gBAAgB,GAAG,CAAE,EAC1B,QAAQ,EAAE,EAAE,QAAQ,EAAE,aAAa,EAAE,QAAQ,EAAE,EAC/C,cAAc,GACS,EAAG,EAAE;IAC5B,MAAM,SAAS,GAAG,YAAY,EAAE,CAAC;IAEjC,IAAK,aAAa,IAAI,eAAe,CAAE,QAAQ,CAAE,IAAI,yBAAyB,CAAE,QAAQ,CAAE,EAAG,CAAC;QAC7F,OAAO,IAAI,CAAC;IACb,CAAC;IAED,kFAAkF;IAClF,IACC,gBAAgB,CAAE,QAAQ,CAAE;QAC5B,CAAE,QAAQ,CAAC,aAAa,CAAC,IAAI,CAAE,CAAE,OAAO,EAAG,EAAE,CAAC,OAAO,CAAC,OAAO,EAAE,KAAK,qBAAqB,CAAE,EAC1F,CAAC;QACF,OAAO,IAAI,CAAC;IACb,CAAC;IAED,MAAM,WAAW,GAAG,cAAc;QACjC,CAAC,CAAC,SAAS,CAAE,gCAAgC,EAAE;YAC7C,IAAI,EAAE,EAAE,cAAc,EAAE;SACvB,CAAE;QACL,CAAC,CAAC,SAAS,CAAE,0BAA0B,CAAE,CAAC;IAE3C,OAAO,CACN,cAAK,SAAS,EAAC,8CAA8C,YAC5D,KAAC,gBAAgB,cAChB,eAAM,SAAS,EAAC,wEAAwE,YACvF,eAAM,SAAS,EAAC,6CAA6C,YAAG,WAAW,GAAS,GAC9E,GACW,GACd,CACN,CAAC;AACH,CAAC,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/dist/esm/lib/get-plan-pricing-info-from-grid-plans.js

@@ -1,12 +0,0 @@
-export function getPlanPricingInfoFromGridPlans({ gridPlans, returnMonthly = true, }) {
-    return gridPlans.reduce((acc, gridPlan) => {
-        const { pricing: { originalPrice, discountedPrice, currencyCode }, } = gridPlan;
-        const originalPriceForTerm = originalPrice[returnMonthly ? 'monthly' : 'full'] || 0;
-        const discountedPriceForTerm = discountedPrice[returnMonthly ? 'monthly' : 'full'] || 0;
-        return {
-            prices: [...acc.prices, originalPriceForTerm, discountedPriceForTerm],
-            ...(currencyCode && { currencyCode }),
-        };
-    }, { prices: [], currencyCode: 'USD' });
-}
-//# sourceMappingURL=get-plan-pricing-info-from-grid-plans.js.map

package/dist/esm/lib/get-plan-pricing-info-from-grid-plans.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"get-plan-pricing-info-from-grid-plans.js","sourceRoot":"","sources":["../../../src/lib/get-plan-pricing-info-from-grid-plans.ts"],"names":[],"mappings":"AAOA,MAAM,UAAU,+BAA+B,CAAE,EAChD,SAAS,EACT,aAAa,GAAG,IAAI,GAIpB;IACA,OAAO,SAAS,CAAC,MAAM,CACtB,CAAE,GAAgB,EAAE,QAAQ,EAAG,EAAE;QAChC,MAAM,EACL,OAAO,EAAE,EAAE,aAAa,EAAE,eAAe,EAAE,YAAY,EAAE,GACzD,GAAG,QAAQ,CAAC;QAEb,MAAM,oBAAoB,GAAG,aAAa,CAAE,aAAa,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAE,IAAI,CAAC,CAAC;QACtF,MAAM,sBAAsB,GAAG,eAAe,CAAE,aAAa,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAE,IAAI,CAAC,CAAC;QAE1F,OAAO;YACN,MAAM,EAAE,CAAE,GAAG,GAAG,CAAC,MAAM,EAAE,oBAAoB,EAAE,sBAAsB,CAAE;YACvE,GAAG,CAAE,YAAY,IAAI,EAAE,YAAY,EAAE,CAAE;SACvC,CAAC;IACH,CAAC,EACD,EAAE,MAAM,EAAE,EAAE,EAAE,YAAY,EAAE,KAAK,EAAE,CACnC,CAAC;AACH,CAAC"}

package/dist/esm/lib/sort-plan-properties.js

@@ -1,23 +0,0 @@
-export function sortPlans(gridPlans, currentSitePlanProductSlug) {
-    // If we don't have plans to sort, return empty array
-    if (!gridPlans.length) {
-        return [];
-    }
-    // If we have a current site plan and we're on mobile, sort to prioritize it
-    if (currentSitePlanProductSlug) {
-        return [...gridPlans].sort((planA, planB) => {
-            // If planA is the current plan, it should come first (-1 moves it up)
-            if (planA.planSlug === currentSitePlanProductSlug) {
-                return -1;
-            }
-            // If planB is the current plan, it should come first (1 moves planA down)
-            if (planB.planSlug === currentSitePlanProductSlug) {
-                return 1;
-            }
-            // Otherwise, maintain original order
-            return 0;
-        });
-    }
-    return [...gridPlans];
-}
-//# sourceMappingURL=sort-plan-properties.js.map

package/dist/esm/lib/sort-plan-properties.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"sort-plan-properties.js","sourceRoot":"","sources":["../../../src/lib/sort-plan-properties.ts"],"names":[],"mappings":"AAEA,MAAM,UAAU,SAAS,CACxB,SAAqB,EACrB,0BAA0C;IAE1C,qDAAqD;IACrD,IAAK,CAAE,SAAS,CAAC,MAAM,EAAG,CAAC;QAC1B,OAAO,EAAE,CAAC;IACX,CAAC;IACD,4EAA4E;IAC5E,IAAK,0BAA0B,EAAG,CAAC;QAClC,OAAO,CAAE,GAAG,SAAS,CAAE,CAAC,IAAI,CAAE,CAAE,KAAK,EAAE,KAAK,EAAG,EAAE;YAChD,sEAAsE;YACtE,IAAK,KAAK,CAAC,QAAQ,KAAK,0BAA0B,EAAG,CAAC;gBACrD,OAAO,CAAC,CAAC,CAAC;YACX,CAAC;YACD,0EAA0E;YAC1E,IAAK,KAAK,CAAC,QAAQ,KAAK,0BAA0B,EAAG,CAAC;gBACrD,OAAO,CAAC,CAAC;YACV,CAAC;YACD,qCAAqC;YACrC,OAAO,CAAC,CAAC;QACV,CAAC,CAAE,CAAC;IACL,CAAC;IACD,OAAO,CAAE,GAAG,SAAS,CAAE,CAAC;AACzB,CAAC"}

package/dist/types/components/features-grid/mobile-free-domain.d.ts

@@ -1,8 +0,0 @@
-import { GridPlan } from '../../types';
-type MobileFreeDomainProps = {
-    gridPlan: GridPlan;
-    paidDomainName?: string;
-};
-declare const MobileFreeDomain: ({ gridPlan: { planSlug, isMonthlyPlan, features }, paidDomainName, }: MobileFreeDomainProps) => import("react/jsx-runtime").JSX.Element | null;
-export default MobileFreeDomain;
-//# sourceMappingURL=mobile-free-domain.d.ts.map

package/dist/types/components/features-grid/mobile-free-domain.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"mobile-free-domain.d.ts","sourceRoot":"","sources":["../../../../src/components/features-grid/mobile-free-domain.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAGvC,KAAK,qBAAqB,GAAG;IAC5B,QAAQ,EAAE,QAAQ,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC;AAEF,QAAA,MAAM,gBAAgB,yEAGnB,qBAAqB,mDA8BvB,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/dist/types/lib/get-plan-pricing-info-from-grid-plans.d.ts

@@ -1,9 +0,0 @@
-import type { GridPlan } from '../types';
-export declare function getPlanPricingInfoFromGridPlans({ gridPlans, returnMonthly, }: {
-    gridPlans: GridPlan[];
-    returnMonthly?: boolean;
-}): {
-    currencyCode?: string | undefined;
-    prices: number[];
-};
-//# sourceMappingURL=get-plan-pricing-info-from-grid-plans.d.ts.map

package/dist/types/lib/get-plan-pricing-info-from-grid-plans.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"get-plan-pricing-info-from-grid-plans.d.ts","sourceRoot":"","sources":["../../../src/lib/get-plan-pricing-info-from-grid-plans.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAOzC,wBAAgB,+BAA+B,CAAE,EAChD,SAAS,EACT,aAAoB,GACpB,EAAE;IACF,SAAS,EAAE,QAAQ,EAAE,CAAC;IACtB,aAAa,CAAC,EAAE,OAAO,CAAC;CACxB;;;EAiBA"}

package/dist/types/lib/sort-plan-properties.d.ts

@@ -1,3 +0,0 @@
-import type { GridPlan } from '../types';
-export declare function sortPlans(gridPlans: GridPlan[], currentSitePlanProductSlug?: string | null): GridPlan[];
-//# sourceMappingURL=sort-plan-properties.d.ts.map

package/dist/types/lib/sort-plan-properties.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"sort-plan-properties.d.ts","sourceRoot":"","sources":["../../../src/lib/sort-plan-properties.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAEzC,wBAAgB,SAAS,CACxB,SAAS,EAAE,QAAQ,EAAE,EACrB,0BAA0B,CAAC,EAAE,MAAM,GAAG,IAAI,GACxC,QAAQ,EAAE,CAqBZ"}

package/src/components/features-grid/mobile-free-domain.tsx

@@ -1,51 +0,0 @@
-import {
-	FEATURE_CUSTOM_DOMAIN,
-	isWooExpressPlan,
-	isWpComFreePlan,
-	isWpcomEnterpriseGridPlan,
-} from '@automattic/calypso-products';
-import { useTranslate } from 'i18n-calypso';
-import { GridPlan } from '../../types';
-import { PlanFeaturesItem } from '../item';
-
-type MobileFreeDomainProps = {
-	gridPlan: GridPlan;
-	paidDomainName?: string;
-};
-
-const MobileFreeDomain = ( {
-	gridPlan: { planSlug, isMonthlyPlan, features },
-	paidDomainName,
-}: MobileFreeDomainProps ) => {
-	const translate = useTranslate();
-
-	if ( isMonthlyPlan || isWpComFreePlan( planSlug ) || isWpcomEnterpriseGridPlan( planSlug ) ) {
-		return null;
-	}
-
-	// Remove the custom domain feature for Woo Express plans with introductory offer.
-	if (
-		isWooExpressPlan( planSlug ) &&
-		! features.wpcomFeatures.some( ( feature ) => feature.getSlug() === FEATURE_CUSTOM_DOMAIN )
-	) {
-		return null;
-	}
-
-	const displayText = paidDomainName
-		? translate( '%(paidDomainName)s is included', {
-				args: { paidDomainName },
-		  } )
-		: translate( 'Free domain for one year' );
-
-	return (
-		<div className="plan-features-2023-grid__highlighted-feature">
-			<PlanFeaturesItem>
-				<span className="plan-features-2023-grid__item-info is-annual-plan-feature is-available">
-					<span className="plan-features-2023-grid__item-title is-bold">{ displayText }</span>
-				</span>
-			</PlanFeaturesItem>
-		</div>
-	);
-};
-
-export default MobileFreeDomain;

package/src/lib/get-plan-pricing-info-from-grid-plans.ts

@@ -1,31 +0,0 @@
-import type { GridPlan } from '../types';
-
-type PricingInfo = {
-	prices: number[];
-	currencyCode?: string;
-};
-
-export function getPlanPricingInfoFromGridPlans( {
-	gridPlans,
-	returnMonthly = true,
-}: {
-	gridPlans: GridPlan[];
-	returnMonthly?: boolean;
-} ) {
-	return gridPlans.reduce(
-		( acc: PricingInfo, gridPlan ) => {
-			const {
-				pricing: { originalPrice, discountedPrice, currencyCode },
-			} = gridPlan;
-
-			const originalPriceForTerm = originalPrice[ returnMonthly ? 'monthly' : 'full' ] || 0;
-			const discountedPriceForTerm = discountedPrice[ returnMonthly ? 'monthly' : 'full' ] || 0;
-
-			return {
-				prices: [ ...acc.prices, originalPriceForTerm, discountedPriceForTerm ],
-				...( currencyCode && { currencyCode } ),
-			};
-		},
-		{ prices: [], currencyCode: 'USD' }
-	);
-}

package/src/lib/sort-plan-properties.ts

@@ -1,27 +0,0 @@
-import type { GridPlan } from '../types';
-
-export function sortPlans(
-	gridPlans: GridPlan[],
-	currentSitePlanProductSlug?: string | null
-): GridPlan[] {
-	// If we don't have plans to sort, return empty array
-	if ( ! gridPlans.length ) {
-		return [];
-	}
-	// If we have a current site plan and we're on mobile, sort to prioritize it
-	if ( currentSitePlanProductSlug ) {
-		return [ ...gridPlans ].sort( ( planA, planB ) => {
-			// If planA is the current plan, it should come first (-1 moves it up)
-			if ( planA.planSlug === currentSitePlanProductSlug ) {
-				return -1;
-			}
-			// If planB is the current plan, it should come first (1 moves planA down)
-			if ( planB.planSlug === currentSitePlanProductSlug ) {
-				return 1;
-			}
-			// Otherwise, maintain original order
-			return 0;
-		} );
-	}
-	return [ ...gridPlans ];
-}

package/src/lib/test/sort-plan-properties.ts

@@ -1,122 +0,0 @@
-/**
- * @jest-environment jsdom
- */
-/**
- * Default mock implementations
- */
-jest.mock( '../../hooks/data-store/is-popular-plan', () => ( {
-	isPopularPlan: ( planSlug ) => planSlug === 'value_bundle',
-} ) );
-jest.mock( '@automattic/calypso-products', () => ( {
-	isFreePlan: ( planSlug ) => planSlug === 'free_plan',
-} ) );
-
-import { sortPlans } from '../sort-plan-properties';
-import type { GridPlan } from '../../types';
-
-const planFree = {
-	pricing: { originalPrice: { full: 0, monthly: 0 } },
-	planSlug: 'free_plan',
-} as GridPlan;
-
-const planPersonal = {
-	pricing: { originalPrice: { full: 100, monthly: 0 } },
-	planSlug: 'personal-bundle',
-} as GridPlan;
-
-const planPremium = {
-	pricing: { originalPrice: { full: 200, monthly: 0 } },
-	planSlug: 'value_bundle',
-} as GridPlan;
-
-const planBusiness = {
-	pricing: { originalPrice: { full: 300, monthly: 0 } },
-	planSlug: 'business-bundle',
-} as GridPlan;
-
-const planEcommerce = {
-	pricing: { originalPrice: { full: 500, monthly: 0 } },
-	planSlug: 'ecommerce-bundle',
-} as GridPlan;
-
-const plansInDefaultOrder = [ planFree, planPersonal, planPremium, planBusiness, planEcommerce ];
-
-describe( 'sortPlans', () => {
-	it( 'should return an empty array if no plans are provided', () => {
-		expect( sortPlans( [] ) ).toEqual( [] );
-	} );
-
-	it( 'should return the original order if no current plan is specified', () => {
-		expect( sortPlans( plansInDefaultOrder ) ).toEqual( plansInDefaultOrder );
-	} );
-
-	it( 'should return the original order if current plan is null', () => {
-		expect( sortPlans( plansInDefaultOrder, null ) ).toEqual( plansInDefaultOrder );
-	} );
-
-	it( 'should return the original order if current plan is undefined', () => {
-		expect( sortPlans( plansInDefaultOrder, undefined ) ).toEqual( plansInDefaultOrder );
-	} );
-
-	it( 'should return the original order if current plan is not found in the plans array', () => {
-		expect( sortPlans( plansInDefaultOrder, 'non-existent-plan' ) ).toEqual( plansInDefaultOrder );
-	} );
-
-	it( 'should prioritize the current plan when specified', () => {
-		// When personal plan is current
-		expect( sortPlans( plansInDefaultOrder, 'personal-bundle' ) ).toEqual( [
-			planPersonal,
-			planFree,
-			planPremium,
-			planBusiness,
-			planEcommerce,
-		] );
-
-		// When premium plan is current
-		expect( sortPlans( plansInDefaultOrder, 'value_bundle' ) ).toEqual( [
-			planPremium,
-			planFree,
-			planPersonal,
-			planBusiness,
-			planEcommerce,
-		] );
-
-		// When business plan is current
-		expect( sortPlans( plansInDefaultOrder, 'business-bundle' ) ).toEqual( [
-			planBusiness,
-			planFree,
-			planPersonal,
-			planPremium,
-			planEcommerce,
-		] );
-
-		// When ecommerce plan is current
-		expect( sortPlans( plansInDefaultOrder, 'ecommerce-bundle' ) ).toEqual( [
-			planEcommerce,
-			planFree,
-			planPersonal,
-			planPremium,
-			planBusiness,
-		] );
-
-		// When free plan is current
-		expect( sortPlans( plansInDefaultOrder, 'free_plan' ) ).toEqual( [
-			planFree,
-			planPersonal,
-			planPremium,
-			planBusiness,
-			planEcommerce,
-		] );
-	} );
-
-	it( 'should work with a single plan', () => {
-		const singlePlan = [ planFree ];
-		expect( sortPlans( singlePlan, 'free_plan' ) ).toEqual( [ planFree ] );
-	} );
-
-	it( 'should preserve the original array', () => {
-		const originalArray = [ ...plansInDefaultOrder ];
-		sortPlans( plansInDefaultOrder, 'personal-bundle' );
-		expect( plansInDefaultOrder ).toEqual( originalArray );
-	} );
-} );