@automattic/plans-grid-next 1.0.0

package/dist/esm/hooks/data-store/use-plan-billing-description.js

@@ -0,0 +1,213 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { isWpComFreePlan, isWpcomEnterpriseGridPlan, PLAN_BIENNIAL_PERIOD, PLAN_ANNUAL_PERIOD, PLAN_TRIENNIAL_PERIOD, getPlanSlugForTermVariant, TERM_ANNUALLY, PLAN_HOSTING_TRIAL_MONTHLY, } from '@automattic/calypso-products';
+import { Plans } from '@automattic/data-stores';
+import { useTranslate, formatCurrency } from 'i18n-calypso';
+import { usePlansGridContext } from '../../grid-context';
+export default function usePlanBillingDescription({ siteId, planSlug, pricing, isMonthlyPlan, coupon, useCheckPlanAvailabilityForPurchase, }) {
+    const translate = useTranslate();
+    const { currencyCode, originalPrice, discountedPrice, billingPeriod, introOffer } = pricing || {};
+    const { reflectStorageSelectionInPlanPrices } = usePlansGridContext();
+    const yearlyVariantPlanSlug = getPlanSlugForTermVariant(planSlug, TERM_ANNUALLY);
+    const yearlyVariantPricing = Plans.usePricingMetaForGridPlans({
+        planSlugs: yearlyVariantPlanSlug ? [yearlyVariantPlanSlug] : [],
+        coupon,
+        siteId,
+        useCheckPlanAvailabilityForPurchase,
+        reflectStorageSelectionInPlanPrices,
+    })?.[yearlyVariantPlanSlug ?? ''];
+    if (!pricing) {
+        return null;
+    }
+    if (isWpComFreePlan(planSlug) ||
+        isWpcomEnterpriseGridPlan(planSlug) ||
+        planSlug === PLAN_HOSTING_TRIAL_MONTHLY) {
+        return null;
+    }
+    if (isMonthlyPlan &&
+        originalPrice?.monthly &&
+        yearlyVariantPricing &&
+        (!introOffer || introOffer.isOfferComplete)) {
+        const yearlyVariantMaybeDiscountedPrice = Number.isFinite(yearlyVariantPricing.discountedPrice?.monthly)
+            ? yearlyVariantPricing.discountedPrice?.monthly
+            : yearlyVariantPricing.originalPrice?.monthly;
+        if (yearlyVariantMaybeDiscountedPrice &&
+            yearlyVariantMaybeDiscountedPrice < originalPrice.monthly) {
+            return translate(`Save %(discountRate)s%% by paying annually`, {
+                args: {
+                    discountRate: Math.floor((100 * (originalPrice.monthly - yearlyVariantMaybeDiscountedPrice)) /
+                        originalPrice.monthly),
+                },
+            });
+        }
+        return null;
+    }
+    const discountedPriceFullTermText = currencyCode && typeof discountedPrice?.full === 'number'
+        ? formatCurrency(discountedPrice.full, currencyCode, {
+            stripZeros: true,
+            isSmallestUnit: true,
+        })
+        : null;
+    const originalPriceFullTermText = currencyCode && originalPrice?.full
+        ? formatCurrency(originalPrice.full, currencyCode, {
+            stripZeros: true,
+            isSmallestUnit: true,
+        })
+        : null;
+    /*
+     * The introOffer billing should fall below into the next block once experiment with Woo plans is finalized.
+     *   1. We only expose introOffers to monthly & yearly plans for now (so no need to introduce more translations just yet)
+     *   2. We only expose month & year based intervals for now (so no need to introduce more translations just yet)
+     */
+    if (introOffer?.intervalCount && introOffer.intervalUnit && !introOffer.isOfferComplete) {
+        const discountedPriceFull = typeof discountedPrice?.full === 'number' ? discountedPrice.full : introOffer?.rawPrice?.full;
+        const introOfferFullTermText = currencyCode && typeof discountedPriceFull === 'number'
+            ? formatCurrency(discountedPriceFull, currencyCode, {
+                stripZeros: true,
+                isSmallestUnit: true,
+            })
+            : null;
+        if (originalPriceFullTermText && introOfferFullTermText) {
+            /* Introductory offers for monthly plans */
+            if (isMonthlyPlan) {
+                /* If the offer is for X months */
+                if ('month' === introOffer.intervalUnit) {
+                    if (1 === introOffer.intervalCount) {
+                        return translate('for your first month,{{br/}}' + 'then %(rawPrice)s billed monthly, excl. taxes', {
+                            args: {
+                                rawPrice: originalPriceFullTermText,
+                            },
+                            components: { br: _jsx("br", {}) },
+                            comment: 'excl. taxes is short for excluding taxes',
+                        });
+                    }
+                    return translate('for your first %(introOfferIntervalCount)s months,{{br/}}' +
+                        'then %(rawPrice)s billed monthly, excl. taxes', {
+                        args: {
+                            rawPrice: originalPriceFullTermText,
+                            introOfferIntervalCount: introOffer.intervalCount,
+                        },
+                        components: { br: _jsx("br", {}) },
+                        comment: 'excl. taxes is short for excluding taxes',
+                    });
+                }
+                /* If the offer is for X years of monthly intervals */
+                if ('year' === introOffer.intervalUnit) {
+                    if (1 === introOffer.intervalCount) {
+                        return translate('for your first year,{{br/}}' + 'then %(rawPrice)s billed monthly, excl. taxes', {
+                            args: {
+                                rawPrice: originalPriceFullTermText,
+                            },
+                            components: { br: _jsx("br", {}) },
+                            comment: 'excl. taxes is short for excluding taxes',
+                        });
+                    }
+                    return translate('per month, for your first %(introOfferIntervalCount)s years,{{br/}}' +
+                        'then %(rawPrice)s billed monthly, excl. taxes', {
+                        args: {
+                            rawPrice: originalPriceFullTermText,
+                            introOfferIntervalCount: introOffer.intervalCount,
+                        },
+                        components: { br: _jsx("br", {}) },
+                        comment: 'excl. taxes is short for excluding taxes',
+                    });
+                }
+            }
+            /* Introductory offers for yearly plans */
+            if (PLAN_ANNUAL_PERIOD === billingPeriod) {
+                /* If the offer is for X months of a yearly plan */
+                if ('month' === introOffer.intervalUnit) {
+                    if (1 === introOffer.intervalCount) {
+                        return translate('for your first month,{{br/}}' + 'then %(rawPrice)s billed annually, excl. taxes', {
+                            args: {
+                                rawPrice: originalPriceFullTermText,
+                                introOfferIntervalUnit: introOffer.intervalUnit,
+                            },
+                            components: { br: _jsx("br", {}) },
+                            comment: 'excl. taxes is short for excluding taxes',
+                        });
+                    }
+                    return translate('for your first %(introOfferIntervalCount)s months,{{br/}}' +
+                        'then %(rawPrice)s billed annually, excl. taxes', {
+                        args: {
+                            rawPrice: originalPriceFullTermText,
+                            introOfferIntervalCount: introOffer.intervalCount,
+                        },
+                        components: { br: _jsx("br", {}) },
+                        comment: 'excl. taxes is short for excluding taxes',
+                    });
+                }
+                /* If the offer is for X years of a yearly plan */
+                if ('year' === introOffer.intervalUnit) {
+                    if (1 === introOffer.intervalCount) {
+                        return translate('per month, %(introOfferFormattedPrice)s for your first year,{{br/}}' +
+                            'then %(rawPrice)s billed annually, excl. taxes', {
+                            args: {
+                                introOfferFormattedPrice: introOfferFullTermText,
+                                rawPrice: originalPriceFullTermText,
+                            },
+                            components: { br: _jsx("br", {}) },
+                            comment: 'excl. taxes is short for excluding taxes',
+                        });
+                    }
+                    return translate('per month, %(introOfferFormattedPrice)s for your first %(introOfferIntervalCount)s years,{{br/}}' +
+                        'then %(rawPrice)s billed annually, excl. taxes', {
+                        args: {
+                            introOfferFormattedPrice: introOfferFullTermText,
+                            rawPrice: originalPriceFullTermText,
+                            introOfferIntervalCount: introOffer.intervalCount,
+                        },
+                        components: { br: _jsx("br", {}) },
+                        comment: 'excl. taxes is short for excluding taxes',
+                    });
+                }
+            }
+        }
+        /*
+         * Early return here is for sanity. We don't want to show regular billing descriptions
+         * if there is an introOffer (despite that will not be the case, unless some API-level bug happens)
+         */
+        return null;
+    }
+    if (discountedPriceFullTermText) {
+        if (PLAN_ANNUAL_PERIOD === billingPeriod) {
+            return translate('per month, %(fullTermDiscountedPriceText)s for the first year, excl. taxes', {
+                args: { fullTermDiscountedPriceText: discountedPriceFullTermText },
+                comment: 'Excl. Taxes is short for excluding taxes',
+            });
+        }
+        if (PLAN_BIENNIAL_PERIOD === billingPeriod) {
+            return translate('per month, %(fullTermDiscountedPriceText)s for the first two years, excl. taxes', {
+                args: { fullTermDiscountedPriceText: discountedPriceFullTermText },
+                comment: 'Excl. Taxes is short for excluding taxes',
+            });
+        }
+        if (PLAN_TRIENNIAL_PERIOD === billingPeriod) {
+            return translate('per month, %(fullTermDiscountedPriceText)s for the first three years, excl. taxes', {
+                args: { fullTermDiscountedPriceText: discountedPriceFullTermText },
+                comment: 'Excl. Taxes is short for excluding taxes',
+            });
+        }
+    }
+    else if (originalPriceFullTermText) {
+        if (PLAN_ANNUAL_PERIOD === billingPeriod) {
+            return translate('per month, %(rawPrice)s billed annually, excl. taxes', {
+                args: { rawPrice: originalPriceFullTermText },
+                comment: 'Excl. Taxes is short for excluding taxes',
+            });
+        }
+        if (PLAN_BIENNIAL_PERIOD === billingPeriod) {
+            return translate('per month, %(rawPrice)s billed every two years, excl. taxes', {
+                args: { rawPrice: originalPriceFullTermText },
+                comment: 'Excl. Taxes is short for excluding taxes',
+            });
+        }
+        if (PLAN_TRIENNIAL_PERIOD === billingPeriod) {
+            return translate('per month, %(rawPrice)s billed every three years, excl. taxes', {
+                args: { rawPrice: originalPriceFullTermText },
+                comment: 'Excl. Taxes is short for excluding taxes',
+            });
+        }
+    }
+    return null;
+}
+//# sourceMappingURL=use-plan-billing-description.js.map

package/dist/esm/hooks/data-store/use-plan-billing-description.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-plan-billing-description.js","sourceRoot":"","sources":["../../../../src/hooks/data-store/use-plan-billing-description.tsx"],"names":[],"mappings":"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"}

package/dist/esm/hooks/data-store/use-plan-features-for-grid-plans.js

@@ -0,0 +1,130 @@
+import { FEATURE_CUSTOM_DOMAIN, applyTestFiltersToPlansList, isMonthly, } from '@automattic/calypso-products';
+import { useMemo } from '@wordpress/element';
+import getPlanFeaturesObject from '../../lib/get-plan-features-object';
+import useHighlightedFeatures from './use-highlighted-features';
+/**
+ * usePlanFeaturesForGridPlans:
+ * - these plan features are mainly relevant to FeaturesGrid and Spotlight components
+ * - this hook can migrate to data store once features definitions migrate to calypso-products
+ */
+const usePlanFeaturesForGridPlans = ({ gridPlans, allFeaturesList, hasRedeemedDomainCredit, intent, selectedFeature, showLegacyStorageFeature, isInSignup, }) => {
+    const highlightedFeatures = useHighlightedFeatures({ intent: intent ?? null, isInSignup });
+    return useMemo(() => {
+        return gridPlans.reduce((acc, gridPlan) => {
+            const planSlug = gridPlan.planSlug;
+            const planConstantObj = applyTestFiltersToPlansList(planSlug, undefined);
+            const isMonthlyPlan = isMonthly(planSlug);
+            let wpcomFeatures = [];
+            let jetpackFeatures = [];
+            if ('plans-newsletter' === intent) {
+                wpcomFeatures = getPlanFeaturesObject(allFeaturesList, planConstantObj?.getNewsletterSignupFeatures?.() ?? []);
+            }
+            else if ('plans-p2' === intent) {
+                wpcomFeatures = getPlanFeaturesObject(allFeaturesList, planConstantObj?.get2023PricingGridSignupWpcomFeatures?.() ?? []);
+            }
+            else if ('plans-blog-onboarding' === intent) {
+                wpcomFeatures = getPlanFeaturesObject(allFeaturesList, planConstantObj?.getBlogOnboardingSignupFeatures?.() ?? []);
+                jetpackFeatures = getPlanFeaturesObject(allFeaturesList, planConstantObj.getBlogOnboardingSignupJetpackFeatures?.() ?? []);
+            }
+            else if ('plans-woocommerce' === intent) {
+                wpcomFeatures = getPlanFeaturesObject(allFeaturesList, planConstantObj?.get2023PricingGridSignupWpcomFeatures?.() ?? []);
+                jetpackFeatures = getPlanFeaturesObject(allFeaturesList, planConstantObj.get2023PricingGridSignupJetpackFeatures?.() ?? []);
+                /*
+                 * Woo Express plans with an introductory offer need some features removed:
+                 * - custom domain feature removed for all Woo Express plans
+                 */
+                if (gridPlan.pricing.introOffer) {
+                    wpcomFeatures = wpcomFeatures.filter((feature) => {
+                        // Remove the custom domain feature for Woo Express plans with an introductory offer.
+                        if (FEATURE_CUSTOM_DOMAIN === feature.getSlug()) {
+                            return false;
+                        }
+                        return true;
+                    });
+                }
+            }
+            else {
+                wpcomFeatures = getPlanFeaturesObject(allFeaturesList, planConstantObj?.get2023PricingGridSignupWpcomFeatures?.() ?? []);
+                jetpackFeatures = getPlanFeaturesObject(allFeaturesList, planConstantObj.get2023PricingGridSignupJetpackFeatures?.() ?? []);
+            }
+            const annualPlansOnlyFeatures = planConstantObj.getAnnualPlansOnlyFeatures?.() || [];
+            const wpcomFeaturesTransformed = [];
+            const jetpackFeaturesTransformed = jetpackFeatures.map((feature) => {
+                const availableOnlyForAnnualPlans = annualPlansOnlyFeatures.includes(feature.getSlug());
+                return {
+                    ...feature,
+                    availableOnlyForAnnualPlans,
+                    availableForCurrentPlan: !isMonthlyPlan || !availableOnlyForAnnualPlans,
+                };
+            });
+            if (highlightedFeatures) {
+                // slice() and reverse() are needed to the preserve order of features
+                highlightedFeatures
+                    .slice()
+                    .reverse()
+                    .forEach((slug) => {
+                    const feature = wpcomFeatures.find((feature) => feature.getSlug() === slug);
+                    if (feature) {
+                        const availableOnlyForAnnualPlans = annualPlansOnlyFeatures.includes(feature.getSlug());
+                        wpcomFeaturesTransformed.unshift({
+                            ...feature,
+                            availableOnlyForAnnualPlans,
+                            availableForCurrentPlan: !isMonthlyPlan || !availableOnlyForAnnualPlans,
+                            isHighlighted: true,
+                        });
+                    }
+                });
+            }
+            const topFeature = selectedFeature
+                ? wpcomFeatures.find((feature) => feature.getSlug() === selectedFeature)
+                : undefined;
+            if (topFeature) {
+                const availableOnlyForAnnualPlans = annualPlansOnlyFeatures.includes(topFeature.getSlug());
+                wpcomFeaturesTransformed.unshift({
+                    ...topFeature,
+                    availableOnlyForAnnualPlans,
+                    availableForCurrentPlan: !isMonthlyPlan || !availableOnlyForAnnualPlans,
+                });
+            }
+            if (annualPlansOnlyFeatures.length > 0) {
+                wpcomFeatures.forEach((feature) => {
+                    // topFeature and highlightedFeatures are already added to the list above
+                    const isHighlightedFeature = highlightedFeatures && highlightedFeatures.includes(feature.getSlug());
+                    if (feature === topFeature || isHighlightedFeature) {
+                        return;
+                    }
+                    if (hasRedeemedDomainCredit && feature.getSlug() === FEATURE_CUSTOM_DOMAIN) {
+                        return;
+                    }
+                    const availableOnlyForAnnualPlans = annualPlansOnlyFeatures.includes(feature.getSlug());
+                    wpcomFeaturesTransformed.push({
+                        ...feature,
+                        availableOnlyForAnnualPlans,
+                        availableForCurrentPlan: !isMonthlyPlan || !availableOnlyForAnnualPlans,
+                    });
+                });
+            }
+            const storageFeature = planConstantObj.getStorageFeature?.(showLegacyStorageFeature, gridPlan.current);
+            return {
+                ...acc,
+                [planSlug]: {
+                    wpcomFeatures: wpcomFeaturesTransformed,
+                    jetpackFeatures: jetpackFeaturesTransformed,
+                    ...(storageFeature && {
+                        storageFeature: getPlanFeaturesObject(allFeaturesList, [storageFeature])?.[0],
+                    }),
+                },
+            };
+        }, {});
+    }, [
+        gridPlans,
+        intent,
+        highlightedFeatures,
+        selectedFeature,
+        showLegacyStorageFeature,
+        allFeaturesList,
+        hasRedeemedDomainCredit,
+    ]);
+};
+export default usePlanFeaturesForGridPlans;
+//# sourceMappingURL=use-plan-features-for-grid-plans.js.map

package/dist/esm/hooks/data-store/use-plan-features-for-grid-plans.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-plan-features-for-grid-plans.js","sourceRoot":"","sources":["../../../../src/hooks/data-store/use-plan-features-for-grid-plans.ts"],"names":[],"mappings":"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"}

package/dist/esm/hooks/data-store/use-plans-from-types.js

@@ -0,0 +1,27 @@
+import { TYPE_ENTERPRISE_GRID_WPCOM, TYPE_FREE, TYPE_WOO_EXPRESS_PLUS, findPlansKeys, TYPE_P2_PLUS, GROUP_P2, } from '@automattic/calypso-products';
+import warn from '@wordpress/warning';
+const usePlansFromTypes = ({ planTypes, term, intent }) => {
+    const plans = planTypes.reduce((accum, type) => {
+        // These plans don't have a term.
+        // We may consider to move this logic into the underlying `planMatches` function, but that would have wider implication so it's TBD
+        const planQuery = [
+            TYPE_FREE,
+            TYPE_ENTERPRISE_GRID_WPCOM,
+            TYPE_WOO_EXPRESS_PLUS,
+            TYPE_P2_PLUS,
+        ].includes(type)
+            ? { type }
+            : { type, term };
+        if (intent === 'plans-p2') {
+            planQuery['group'] = GROUP_P2;
+        }
+        const plan = findPlansKeys(planQuery)[0];
+        if (!plan) {
+            warn(`Invalid plan type, \`${type}\`, provided to \`PlansFeaturesMain\` component. See plans constants for valid plan types.`);
+        }
+        return plan ? [...accum, plan] : accum;
+    }, []);
+    return plans;
+};
+export default usePlansFromTypes;
+//# sourceMappingURL=use-plans-from-types.js.map

package/dist/esm/hooks/data-store/use-plans-from-types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-plans-from-types.js","sourceRoot":"","sources":["../../../../src/hooks/data-store/use-plans-from-types.ts"],"names":[],"mappings":"AAAA,OAAO,EAEN,0BAA0B,EAC1B,SAAS,EACT,qBAAqB,EACrB,aAAa,EAEb,YAAY,EACZ,QAAQ,GACR,MAAM,8BAA8B,CAAC;AACtC,OAAO,IAAI,MAAM,oBAAoB,CAAC;AAStC,MAAM,iBAAiB,GAAG,CAAE,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,EAAS,EAAe,EAAE;IAC9E,MAAM,KAAK,GAAG,SAAS,CAAC,MAAM,CAAE,CAAE,KAAiB,EAAE,IAAI,EAAG,EAAE;QAC7D,iCAAiC;QACjC,mIAAmI;QACnI,MAAM,SAAS,GAAoD;YAClE,SAAS;YACT,0BAA0B;YAC1B,qBAAqB;YACrB,YAAY;SACZ,CAAC,QAAQ,CAAE,IAAI,CAAE;YACjB,CAAC,CAAC,EAAE,IAAI,EAAE;YACV,CAAC,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC;QAElB,IAAK,MAAM,KAAK,UAAU,EAAG,CAAC;YAC7B,SAAS,CAAE,OAAO,CAAE,GAAG,QAAQ,CAAC;QACjC,CAAC;QAED,MAAM,IAAI,GAAG,aAAa,CAAE,SAAS,CAAE,CAAE,CAAC,CAAE,CAAC;QAE7C,IAAK,CAAE,IAAI,EAAG,CAAC;YACd,IAAI,CACH,wBAAyB,IAAK,4FAA4F,CAC1H,CAAC;QACH,CAAC;QAED,OAAO,IAAI,CAAC,CAAC,CAAC,CAAE,GAAG,KAAK,EAAE,IAAgB,CAAE,CAAC,CAAC,CAAC,KAAK,CAAC;IACtD,CAAC,EAAE,EAAE,CAAE,CAAC;IAER,OAAO,KAAK,CAAC;AACd,CAAC,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/dist/esm/hooks/data-store/use-restructured-plan-features-for-comparison-grid.js

@@ -0,0 +1,87 @@
+import { applyTestFiltersToPlansList, isMonthly, isWooExpressPlan, FEATURE_CUSTOM_DOMAIN, } from '@automattic/calypso-products';
+import { useMemo } from 'react';
+import getPlanFeaturesObject from '../../lib/get-plan-features-object';
+import usePlanFeaturesForGridPlans from './use-plan-features-for-grid-plans';
+const useRestructuredPlanFeaturesForComparisonGrid = ({ gridPlans, allFeaturesList, hasRedeemedDomainCredit, intent, selectedFeature, showLegacyStorageFeature, }) => {
+    const planFeaturesForGridPlans = usePlanFeaturesForGridPlans({
+        gridPlans,
+        allFeaturesList,
+        intent,
+        selectedFeature,
+        showLegacyStorageFeature,
+    });
+    return useMemo(() => {
+        let previousPlan = null;
+        const planFeatureMap = {};
+        for (const gridPlan of gridPlans) {
+            const planSlug = gridPlan.planSlug;
+            const planConstantObj = applyTestFiltersToPlansList(planSlug, undefined);
+            const annualPlansOnlyFeatures = planConstantObj.getAnnualPlansOnlyFeatures?.();
+            const isMonthlyPlan = isMonthly(planSlug);
+            const wpcomFeatures = planConstantObj.get2023PlanComparisonFeatureOverride?.().length
+                ? getPlanFeaturesObject(allFeaturesList, planConstantObj.get2023PlanComparisonFeatureOverride().slice())
+                : getPlanFeaturesObject(allFeaturesList, planConstantObj.get2023PricingGridSignupWpcomFeatures?.().slice());
+            const jetpackFeatures = planConstantObj.get2023PlanComparisonJetpackFeatureOverride?.()
+                .length
+                ? getPlanFeaturesObject(allFeaturesList, planConstantObj.get2023PlanComparisonJetpackFeatureOverride().slice())
+                : getPlanFeaturesObject(allFeaturesList, planConstantObj.get2023PricingGridSignupJetpackFeatures?.().slice());
+            const wpcomFeaturesTransformed = annualPlansOnlyFeatures
+                ? wpcomFeatures?.map((feature) => {
+                    const availableOnlyForAnnualPlans = annualPlansOnlyFeatures.includes(feature.getSlug());
+                    return {
+                        ...feature,
+                        availableOnlyForAnnualPlans,
+                        availableForCurrentPlan: !isMonthlyPlan || !availableOnlyForAnnualPlans,
+                    };
+                })
+                : null;
+            const jetpackFeaturesTransformed = annualPlansOnlyFeatures
+                ? jetpackFeatures?.map((feature) => {
+                    const availableOnlyForAnnualPlans = annualPlansOnlyFeatures.includes(feature.getSlug());
+                    return {
+                        ...feature,
+                        availableOnlyForAnnualPlans,
+                        availableForCurrentPlan: !isMonthlyPlan || !availableOnlyForAnnualPlans,
+                    };
+                })
+                : null;
+            const featuresAvailable = isWooExpressPlan(planSlug)
+                ? {
+                    wpcomFeatures: wpcomFeaturesTransformed ?? [],
+                    jetpackFeatures: [],
+                }
+                : {
+                    wpcomFeatures: wpcomFeaturesTransformed ?? [],
+                    jetpackFeatures: jetpackFeaturesTransformed ?? [],
+                };
+            const previousPlanFeatures = {
+                wpcomFeatures: previousPlan !== null ? planFeatureMap[previousPlan].wpcomFeatures : [],
+                jetpackFeatures: previousPlan !== null ? planFeatureMap[previousPlan].jetpackFeatures : [],
+            };
+            planFeatureMap[planSlug] = {
+                wpcomFeatures: [
+                    ...featuresAvailable.wpcomFeatures,
+                    ...previousPlanFeatures.wpcomFeatures,
+                ].filter((feature) => {
+                    // Remove the custom domain feature if custom domain has been redeemed or for Woo Express plans with an introductory offer.
+                    if ((('plans-woocommerce' === intent && gridPlan.pricing.introOffer) ||
+                        hasRedeemedDomainCredit) &&
+                        FEATURE_CUSTOM_DOMAIN === feature.getSlug()) {
+                        return false;
+                    }
+                    return true;
+                }),
+                jetpackFeatures: [
+                    ...featuresAvailable.jetpackFeatures,
+                    ...previousPlanFeatures.jetpackFeatures,
+                ],
+                storageFeature: planFeaturesForGridPlans[planSlug].storageFeature,
+                comparisonGridFeatureLabels: planConstantObj.getPlanComparisonFeatureLabels?.(),
+            };
+            previousPlan = planSlug;
+        }
+        return planFeatureMap;
+    }, [gridPlans, allFeaturesList, planFeaturesForGridPlans, intent, hasRedeemedDomainCredit]);
+};
+export default useRestructuredPlanFeaturesForComparisonGrid;
+//# sourceMappingURL=use-restructured-plan-features-for-comparison-grid.js.map

package/dist/esm/hooks/data-store/use-restructured-plan-features-for-comparison-grid.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-restructured-plan-features-for-comparison-grid.js","sourceRoot":"","sources":["../../../../src/hooks/data-store/use-restructured-plan-features-for-comparison-grid.ts"],"names":[],"mappings":"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"}

package/dist/esm/hooks/use-grid-size.js

@@ -0,0 +1,29 @@
+import { useLayoutEffect, useState } from '@wordpress/element';
+import ResizeObserver from 'resize-observer-polyfill';
+/**
+ * useGridSize returns the current grid size based on the width of the container
+ * and the breakpoints passed through as props.
+ */
+export default function useGridSize({ containerRef, containerBreakpoints }) {
+    const [gridSize, setGridSize] = useState(null);
+    useLayoutEffect(() => {
+        if (!containerRef.current) {
+            return;
+        }
+        const observer = new ResizeObserver(([entry]) => {
+            const { width } = entry.contentRect;
+            if (width) {
+                for (const [key, value] of [...containerBreakpoints].reverse()) {
+                    if (width >= value) {
+                        setGridSize(key);
+                        break;
+                    }
+                }
+            }
+        });
+        observer.observe(containerRef.current);
+        return () => observer.disconnect();
+    }, [containerRef, containerBreakpoints]);
+    return gridSize;
+}
+//# sourceMappingURL=use-grid-size.js.map

package/dist/esm/hooks/use-grid-size.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-grid-size.js","sourceRoot":"","sources":["../../../src/hooks/use-grid-size.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAC/D,OAAO,cAAc,MAAM,0BAA0B,CAAC;AAatD;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,WAAW,CAAE,EAAE,YAAY,EAAE,oBAAoB,EAAS;IACjF,MAAM,CAAE,QAAQ,EAAE,WAAW,CAAE,GAAG,QAAQ,CAAmB,IAAI,CAAE,CAAC;IAEpE,eAAe,CAAE,GAAG,EAAE;QACrB,IAAK,CAAE,YAAY,CAAC,OAAO,EAAG,CAAC;YAC9B,OAAO;QACR,CAAC;QAED,MAAM,QAAQ,GAAG,IAAI,cAAc,CAAE,CAAE,CAAE,KAAK,CAAE,EAAG,EAAE;YACpD,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC,WAAW,CAAC;YAEpC,IAAK,KAAK,EAAG,CAAC;gBACb,KAAM,MAAM,CAAE,GAAG,EAAE,KAAK,CAAE,IAAI,CAAE,GAAG,oBAAoB,CAAE,CAAC,OAAO,EAAE,EAAG,CAAC;oBACtE,IAAK,KAAK,IAAI,KAAK,EAAG,CAAC;wBACtB,WAAW,CAAE,GAAG,CAAE,CAAC;wBACnB,MAAM;oBACP,CAAC;gBACF,CAAC;YACF,CAAC;QACF,CAAC,CAAE,CAAC;QAEJ,QAAQ,CAAC,OAAO,CAAE,YAAY,CAAC,OAAO,CAAE,CAAC;QAEzC,OAAO,GAAG,EAAE,CAAC,QAAQ,CAAC,UAAU,EAAE,CAAC;IACpC,CAAC,EAAE,CAAE,YAAY,EAAE,oBAAoB,CAAE,CAAE,CAAC;IAE5C,OAAO,QAAQ,CAAC;AACjB,CAAC"}

package/dist/esm/hooks/use-highlight-adjacency-matrix.js

@@ -0,0 +1,29 @@
+import { useMemo } from '@wordpress/element';
+const useHighlightAdjacencyMatrix = ({ renderedGridPlans }) => {
+    return useMemo(() => {
+        const adjacencyMatrix = {};
+        const highlightIndices = renderedGridPlans.reduce((acc, gridPlan, index) => {
+            if (gridPlan.highlightLabel) {
+                acc.push(index);
+            }
+            return acc;
+        }, []);
+        renderedGridPlans.forEach(({ planSlug }, index) => {
+            adjacencyMatrix[planSlug] = { leftOfHighlight: false, rightOfHighlight: false };
+            highlightIndices.forEach((highlightIndex) => {
+                if (highlightIndex === index - 1) {
+                    adjacencyMatrix[planSlug].rightOfHighlight = true;
+                }
+                if (highlightIndex === index + 1) {
+                    adjacencyMatrix[planSlug].leftOfHighlight = true;
+                }
+            });
+        });
+        if (highlightIndices.length === 1) {
+            adjacencyMatrix[renderedGridPlans[highlightIndices[0]].planSlug].isOnlyHighlight = true;
+        }
+        return adjacencyMatrix;
+    }, [renderedGridPlans]);
+};
+export default useHighlightAdjacencyMatrix;
+//# sourceMappingURL=use-highlight-adjacency-matrix.js.map

package/dist/esm/hooks/use-highlight-adjacency-matrix.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-highlight-adjacency-matrix.js","sourceRoot":"","sources":["../../../src/hooks/use-highlight-adjacency-matrix.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAgB7C,MAAM,2BAA2B,GAAG,CAAE,EAAE,iBAAiB,EAAS,EAAG,EAAE;IACtE,OAAO,OAAO,CAAE,GAAG,EAAE;QACpB,MAAM,eAAe,GAAG,EAA8B,CAAC;QACvD,MAAM,gBAAgB,GAAG,iBAAiB,CAAC,MAAM,CAAE,CAAE,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAG,EAAE;YAC7E,IAAK,QAAQ,CAAC,cAAc,EAAG,CAAC;gBAC/B,GAAG,CAAC,IAAI,CAAE,KAAK,CAAE,CAAC;YACnB,CAAC;YACD,OAAO,GAAG,CAAC;QACZ,CAAC,EAAE,EAAc,CAAE,CAAC;QAEpB,iBAAiB,CAAC,OAAO,CAAE,CAAE,EAAE,QAAQ,EAAE,EAAE,KAAK,EAAG,EAAE;YACpD,eAAe,CAAE,QAAQ,CAAE,GAAG,EAAE,eAAe,EAAE,KAAK,EAAE,gBAAgB,EAAE,KAAK,EAAE,CAAC;YAElF,gBAAgB,CAAC,OAAO,CAAE,CAAE,cAAc,EAAG,EAAE;gBAC9C,IAAK,cAAc,KAAK,KAAK,GAAG,CAAC,EAAG,CAAC;oBACpC,eAAe,CAAE,QAAQ,CAAE,CAAC,gBAAgB,GAAG,IAAI,CAAC;gBACrD,CAAC;gBACD,IAAK,cAAc,KAAK,KAAK,GAAG,CAAC,EAAG,CAAC;oBACpC,eAAe,CAAE,QAAQ,CAAE,CAAC,eAAe,GAAG,IAAI,CAAC;gBACpD,CAAC;YACF,CAAC,CAAE,CAAC;QACL,CAAC,CAAE,CAAC;QAEJ,IAAK,gBAAgB,CAAC,MAAM,KAAK,CAAC,EAAG,CAAC;YACrC,eAAe,CAAE,iBAAiB,CAAE,gBAAgB,CAAE,CAAC,CAAE,CAAE,CAAC,QAAQ,CAAE,CAAC,eAAe,GAAG,IAAI,CAAC;QAC/F,CAAC;QAED,OAAO,eAAe,CAAC;IACxB,CAAC,EAAE,CAAE,iBAAiB,CAAE,CAAE,CAAC;AAC5B,CAAC,CAAC;AAEF,eAAe,2BAA2B,CAAC"}

package/dist/esm/hooks/use-is-large-currency.js

@@ -0,0 +1,66 @@
+import { useMemo } from '@wordpress/element';
+import { formatCurrency } from 'i18n-calypso';
+const LARGE_ADD_ON_CURRENCY_CHAR_THRESHOLD = 7;
+const LARGE_CURRENCY_CHAR_THRESHOLD = 6;
+const LARGE_CURRENCY_COMBINED_CHAR_THRESHOLD = 9;
+function useDisplayPrices(currencyCode, prices, ignoreWhitespace = false) {
+    /**
+     * Prices are represented in smallest units for a currency, and not as prices that
+     * are actually displayed. Ex. $20 is the integer 2000, and not 20. To determine if
+     * the display price is too long, we convert the integer to a display string.
+     */
+    return useMemo(() => prices?.map((price) => {
+        const displayPrice = formatCurrency(price, currencyCode, {
+            stripZeros: true,
+            isSmallestUnit: true,
+        });
+        return ignoreWhitespace ? displayPrice.replace(/\s/g, '') : displayPrice;
+    }), [currencyCode, prices, ignoreWhitespace]);
+}
+function hasExceededPriceThreshold(displayPrices, isAddOn = false) {
+    const threshold = isAddOn ? LARGE_ADD_ON_CURRENCY_CHAR_THRESHOLD : LARGE_CURRENCY_CHAR_THRESHOLD;
+    return !!displayPrices?.some((price) => price.length > threshold);
+}
+/**
+ * Returns true if the combined length of the display prices exceeds the threshold.
+ * Checks the adjacent pairs in the displayPrices array,
+ * which correspnd to the original-price and discounted-price for each plan.
+ */
+function hasExceededCombinedPriceThreshold(displayPrices) {
+    if (!displayPrices || displayPrices.length < 2) {
+        return false;
+    }
+    for (let i = 0; i < displayPrices.length - 1; i++) {
+        const originalPrice = displayPrices[i];
+        const discountedPrice = displayPrices[i + 1];
+        if (originalPrice.length + discountedPrice.length > LARGE_CURRENCY_COMBINED_CHAR_THRESHOLD) {
+            return true;
+        }
+    }
+    return false;
+}
+/**
+ * Hook that returns true if the string representation of any price (discounted/undiscounted)
+ * of any of the plan slugs exceeds 6 characters. For example, $4,000 would be 6 characters.
+ * Additionally, also returns true if the combined discounted / undiscounted prices exceed
+ * 9 characters. For example, $4,000 undiscounted and $30 discounted would be 9 characters.
+ * This is primarily used for lowering the font-size of "large" display prices.
+ */
+export default function useIsLargeCurrency({ prices, isAddOn = false, currencyCode, ignoreWhitespace = false, }) {
+    /**
+     * Because this hook is primarily used for lowering font-sizes of "large" display prices,
+     * this implementation is non-ideal. It assumes that each character in the display price,
+     * including currency symbols, comma separators, decimal points, etc. are all the same width.
+     *
+     * For the time being, however, this is a good enough approximation and works with our existing
+     * currencies. We'll need to update this in the near future, especially to prevent issues with
+     * newly introduced currencies.
+     *
+     * https://github.com/Automattic/wp-calypso/pull/81537#discussion_r1323182287
+     */
+    const displayPrices = useDisplayPrices(currencyCode, prices, ignoreWhitespace);
+    const exceedsPriceThreshold = hasExceededPriceThreshold(displayPrices, isAddOn);
+    const exceedsCombinedPriceThreshold = hasExceededCombinedPriceThreshold(displayPrices);
+    return isAddOn ? exceedsPriceThreshold : exceedsPriceThreshold || exceedsCombinedPriceThreshold;
+}
+//# sourceMappingURL=use-is-large-currency.js.map

package/dist/esm/hooks/use-is-large-currency.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-is-large-currency.js","sourceRoot":"","sources":["../../../src/hooks/use-is-large-currency.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAC7C,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAC9C,MAAM,oCAAoC,GAAG,CAAC,CAAC;AAC/C,MAAM,6BAA6B,GAAG,CAAC,CAAC;AACxC,MAAM,sCAAsC,GAAG,CAAC,CAAC;AASjD,SAAS,gBAAgB,CAAE,YAAoB,EAAE,MAAiB,EAAE,gBAAgB,GAAG,KAAK;IAC3F;;;;OAIG;IAEH,OAAO,OAAO,CACb,GAAG,EAAE,CACJ,MAAM,EAAE,GAAG,CAAE,CAAE,KAAK,EAAG,EAAE;QACxB,MAAM,YAAY,GAAG,cAAc,CAAE,KAAK,EAAE,YAAY,EAAE;YACzD,UAAU,EAAE,IAAI;YAChB,cAAc,EAAE,IAAI;SACpB,CAAE,CAAC;QAEJ,OAAO,gBAAgB,CAAC,CAAC,CAAC,YAAY,CAAC,OAAO,CAAE,KAAK,EAAE,EAAE,CAAE,CAAC,CAAC,CAAC,YAAY,CAAC;IAC5E,CAAC,CAAE,EACJ,CAAE,YAAY,EAAE,MAAM,EAAE,gBAAgB,CAAE,CAC1C,CAAC;AACH,CAAC;AAED,SAAS,yBAAyB,CAAE,aAAwB,EAAE,OAAO,GAAG,KAAK;IAC5E,MAAM,SAAS,GAAG,OAAO,CAAC,CAAC,CAAC,oCAAoC,CAAC,CAAC,CAAC,6BAA6B,CAAC;IACjG,OAAO,CAAC,CAAE,aAAa,EAAE,IAAI,CAAE,CAAE,KAAK,EAAG,EAAE,CAAC,KAAK,CAAC,MAAM,GAAG,SAAS,CAAE,CAAC;AACxE,CAAC;AAED;;;;GAIG;AACH,SAAS,iCAAiC,CAAE,aAAwB;IACnE,IAAK,CAAE,aAAa,IAAI,aAAa,CAAC,MAAM,GAAG,CAAC,EAAG,CAAC;QACnD,OAAO,KAAK,CAAC;IACd,CAAC;IAED,KAAM,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,aAAa,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC,EAAE,EAAG,CAAC;QACrD,MAAM,aAAa,GAAG,aAAa,CAAE,CAAC,CAAE,CAAC;QACzC,MAAM,eAAe,GAAG,aAAa,CAAE,CAAC,GAAG,CAAC,CAAE,CAAC;QAE/C,IAAK,aAAa,CAAC,MAAM,GAAG,eAAe,CAAC,MAAM,GAAG,sCAAsC,EAAG,CAAC;YAC9F,OAAO,IAAI,CAAC;QACb,CAAC;IACF,CAAC;IAED,OAAO,KAAK,CAAC;AACd,CAAC;AAED;;;;;;GAMG;AACH,MAAM,CAAC,OAAO,UAAU,kBAAkB,CAAE,EAC3C,MAAM,EACN,OAAO,GAAG,KAAK,EACf,YAAY,EACZ,gBAAgB,GAAG,KAAK,GACjB;IACP;;;;;;;;;;OAUG;IACH,MAAM,aAAa,GAAG,gBAAgB,CAAE,YAAY,EAAE,MAAM,EAAE,gBAAgB,CAAE,CAAC;IACjF,MAAM,qBAAqB,GAAG,yBAAyB,CAAE,aAAa,EAAE,OAAO,CAAE,CAAC;IAClF,MAAM,6BAA6B,GAAG,iCAAiC,CAAE,aAAa,CAAE,CAAC;IAEzF,OAAO,OAAO,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,qBAAqB,IAAI,6BAA6B,CAAC;AACjG,CAAC"}