@automattic/plans-grid-next 1.0.0

package/dist/cjs/hooks/data-store/use-highlight-labels.js

@@ -0,0 +1,60 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const calypso_products_1 = require("@automattic/calypso-products");
+const i18n_calypso_1 = require("i18n-calypso");
+const is_same_plan_1 = require("../../lib/is-same-plan");
+const is_popular_plan_1 = require("./is-popular-plan");
+// TODO clk: move to plans data store
+const useHighlightLabels = ({ intent, planSlugs, currentSitePlanSlug, selectedPlan, plansAvailabilityForPurchase, highlightLabelOverrides, isDomainOnlySite, }) => {
+    const translate = (0, i18n_calypso_1.useTranslate)();
+    return planSlugs.reduce((acc, planSlug) => {
+        if (highlightLabelOverrides?.[planSlug]) {
+            return {
+                ...acc,
+                [planSlug]: highlightLabelOverrides[planSlug],
+            };
+        }
+        const isCurrentPlan = currentSitePlanSlug
+            ? (0, is_same_plan_1.isSamePlan)(currentSitePlanSlug, planSlug) && !isDomainOnlySite
+            : false;
+        const isPlanAvailableForPurchase = plansAvailabilityForPurchase?.[planSlug];
+        const isSuggestedPlan = selectedPlan && (0, calypso_products_1.planLevelsMatch)(planSlug, selectedPlan) && isPlanAvailableForPurchase;
+        let label;
+        if (isCurrentPlan) {
+            label = translate('Your plan');
+        }
+        else if (!isPlanAvailableForPurchase) {
+            label = null;
+        }
+        else if (isSuggestedPlan) {
+            label = translate('Suggested');
+        }
+        else if ('plans-newsletter' === intent) {
+            if ((0, calypso_products_1.isPersonalPlan)(planSlug)) {
+                label = translate('Best for Newsletter');
+            }
+        }
+        else if ('plans-videopress' === intent) {
+            if ((0, calypso_products_1.isBusinessPlan)(planSlug)) {
+                label = translate('Best for Video');
+            }
+        }
+        else if ('plans-blog-onboarding' === intent) {
+            if ((0, calypso_products_1.isPremiumPlan)(planSlug)) {
+                label = translate('Best for Blog');
+            }
+        }
+        else if ((0, calypso_products_1.isBusinessPlan)(planSlug) && !selectedPlan) {
+            label = translate('Best for devs');
+        }
+        else if ((0, is_popular_plan_1.isPopularPlan)(planSlug) && !selectedPlan) {
+            label = translate('Popular');
+        }
+        return {
+            ...acc,
+            [planSlug]: label ?? null,
+        };
+    }, {});
+};
+exports.default = useHighlightLabels;
+//# sourceMappingURL=use-highlight-labels.js.map

package/dist/cjs/hooks/data-store/use-highlight-labels.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-highlight-labels.js","sourceRoot":"","sources":["../../../../src/hooks/data-store/use-highlight-labels.ts"],"names":[],"mappings":";;AAAA,mEAMsC;AACtC,+CAA4C;AAC5C,yDAAoD;AACpD,uDAAkD;AAgBlD,qCAAqC;AACrC,MAAM,kBAAkB,GAAG,CAAE,EAC5B,MAAM,EACN,SAAS,EACT,mBAAmB,EACnB,YAAY,EACZ,4BAA4B,EAC5B,uBAAuB,EACvB,gBAAgB,GACT,EAAG,EAAE;IACZ,MAAM,SAAS,GAAG,IAAA,2BAAY,GAAE,CAAC;IAEjC,OAAO,SAAS,CAAC,MAAM,CACtB,CAAE,GAAG,EAAE,QAAQ,EAAG,EAAE;QACnB,IAAK,uBAAuB,EAAE,CAAE,QAAQ,CAAE,EAAG,CAAC;YAC7C,OAAO;gBACN,GAAG,GAAG;gBACN,CAAE,QAAQ,CAAE,EAAE,uBAAuB,CAAE,QAAQ,CAAE;aACjD,CAAC;QACH,CAAC;QAED,MAAM,aAAa,GAAG,mBAAmB;YACxC,CAAC,CAAC,IAAA,yBAAU,EAAE,mBAAmB,EAAE,QAAQ,CAAE,IAAI,CAAE,gBAAgB;YACnE,CAAC,CAAC,KAAK,CAAC;QACT,MAAM,0BAA0B,GAAG,4BAA4B,EAAE,CAAE,QAAQ,CAAE,CAAC;QAC9E,MAAM,eAAe,GACpB,YAAY,IAAI,IAAA,kCAAe,EAAE,QAAQ,EAAE,YAAY,CAAE,IAAI,0BAA0B,CAAC;QAEzF,IAAI,KAAK,CAAC;QACV,IAAK,aAAa,EAAG,CAAC;YACrB,KAAK,GAAG,SAAS,CAAE,WAAW,CAAE,CAAC;QAClC,CAAC;aAAM,IAAK,CAAE,0BAA0B,EAAG,CAAC;YAC3C,KAAK,GAAG,IAAI,CAAC;QACd,CAAC;aAAM,IAAK,eAAe,EAAG,CAAC;YAC9B,KAAK,GAAG,SAAS,CAAE,WAAW,CAAE,CAAC;QAClC,CAAC;aAAM,IAAK,kBAAkB,KAAK,MAAM,EAAG,CAAC;YAC5C,IAAK,IAAA,iCAAc,EAAE,QAAQ,CAAE,EAAG,CAAC;gBAClC,KAAK,GAAG,SAAS,CAAE,qBAAqB,CAAE,CAAC;YAC5C,CAAC;QACF,CAAC;aAAM,IAAK,kBAAkB,KAAK,MAAM,EAAG,CAAC;YAC5C,IAAK,IAAA,iCAAc,EAAE,QAAQ,CAAE,EAAG,CAAC;gBAClC,KAAK,GAAG,SAAS,CAAE,gBAAgB,CAAE,CAAC;YACvC,CAAC;QACF,CAAC;aAAM,IAAK,uBAAuB,KAAK,MAAM,EAAG,CAAC;YACjD,IAAK,IAAA,gCAAa,EAAE,QAAQ,CAAE,EAAG,CAAC;gBACjC,KAAK,GAAG,SAAS,CAAE,eAAe,CAAE,CAAC;YACtC,CAAC;QACF,CAAC;aAAM,IAAK,IAAA,iCAAc,EAAE,QAAQ,CAAE,IAAI,CAAE,YAAY,EAAG,CAAC;YAC3D,KAAK,GAAG,SAAS,CAAE,eAAe,CAAE,CAAC;QACtC,CAAC;aAAM,IAAK,IAAA,+BAAa,EAAE,QAAQ,CAAE,IAAI,CAAE,YAAY,EAAG,CAAC;YAC1D,KAAK,GAAG,SAAS,CAAE,SAAS,CAAE,CAAC;QAChC,CAAC;QAED,OAAO;YACN,GAAG,GAAG;YACN,CAAE,QAAQ,CAAE,EAAE,KAAK,IAAI,IAAI;SAC3B,CAAC;IACH,CAAC,EACD,EAAgD,CAChD,CAAC;AACH,CAAC,CAAC;AAEF,kBAAe,kBAAkB,CAAC"}

package/dist/cjs/hooks/data-store/use-highlighted-features.js

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const calypso_products_1 = require("@automattic/calypso-products");
+const element_1 = require("@wordpress/element");
+/**
+ * Returns an array of features that, if they exist for a
+ * particular Plan on a pricing table, will be highlighted
+ * (ie, moved to the top of the list, and bolded).
+ *
+ * Will only affect wpcomeFeatures, not jetpackFeatures. And
+ * if the specified features don't exist for a particular
+ * Plan, they will be ignored.
+ *
+ * The Logic for processing the highlightedFeatures
+ * lives in the adjacent usePlanFeaturesForGridPlans hook.
+ *
+ * TODO clk: move to plans data store
+ */
+const useHighlightedFeatures = ({ intent, isInSignup }) => {
+    return (0, element_1.useMemo)(() => {
+        if (isInSignup && intent && 'plans-newsletter' === intent) {
+            return [
+                calypso_products_1.FEATURE_CUSTOM_DOMAIN,
+                calypso_products_1.FEATURE_NEWSLETTER_IMPORT_SUBSCRIBERS_FREE,
+                calypso_products_1.FEATURE_UNLIMITED_SUBSCRIBERS,
+                calypso_products_1.FEATURE_PAYMENT_TRANSACTION_FEES_10,
+                calypso_products_1.FEATURE_PAYMENT_TRANSACTION_FEES_8,
+                calypso_products_1.FEATURE_PAYMENT_TRANSACTION_FEES_4,
+            ];
+        }
+        return null;
+    }, [intent, isInSignup]);
+};
+exports.default = useHighlightedFeatures;
+//# sourceMappingURL=use-highlighted-features.js.map

package/dist/cjs/hooks/data-store/use-highlighted-features.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-highlighted-features.js","sourceRoot":"","sources":["../../../../src/hooks/data-store/use-highlighted-features.ts"],"names":[],"mappings":";;AAAA,mEAOsC;AACtC,gDAA6C;AAW7C;;;;;;;;;;;;;GAaG;AACH,MAAM,sBAAsB,GAA2B,CAAE,EAAE,MAAM,EAAE,UAAU,EAAE,EAAG,EAAE;IACnF,OAAO,IAAA,iBAAO,EAAE,GAAG,EAAE;QACpB,IAAK,UAAU,IAAI,MAAM,IAAI,kBAAkB,KAAK,MAAM,EAAG,CAAC;YAC7D,OAAO;gBACN,wCAAqB;gBACrB,6DAA0C;gBAC1C,gDAA6B;gBAC7B,sDAAmC;gBACnC,qDAAkC;gBAClC,qDAAkC;aAClC,CAAC;QACH,CAAC;QAED,OAAO,IAAI,CAAC;IACb,CAAC,EAAE,CAAE,MAAM,EAAE,UAAU,CAAE,CAAE,CAAC;AAC7B,CAAC,CAAC;AAEF,kBAAe,sBAAsB,CAAC"}

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

@@ -0,0 +1,216 @@
+"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 data_stores_1 = require("@automattic/data-stores");
+const i18n_calypso_1 = require("i18n-calypso");
+const grid_context_1 = require("../../grid-context");
+function usePlanBillingDescription({ siteId, planSlug, pricing, isMonthlyPlan, coupon, useCheckPlanAvailabilityForPurchase, }) {
+    const translate = (0, i18n_calypso_1.useTranslate)();
+    const { currencyCode, originalPrice, discountedPrice, billingPeriod, introOffer } = pricing || {};
+    const { reflectStorageSelectionInPlanPrices } = (0, grid_context_1.usePlansGridContext)();
+    const yearlyVariantPlanSlug = (0, calypso_products_1.getPlanSlugForTermVariant)(planSlug, calypso_products_1.TERM_ANNUALLY);
+    const yearlyVariantPricing = data_stores_1.Plans.usePricingMetaForGridPlans({
+        planSlugs: yearlyVariantPlanSlug ? [yearlyVariantPlanSlug] : [],
+        coupon,
+        siteId,
+        useCheckPlanAvailabilityForPurchase,
+        reflectStorageSelectionInPlanPrices,
+    })?.[yearlyVariantPlanSlug ?? ''];
+    if (!pricing) {
+        return null;
+    }
+    if ((0, calypso_products_1.isWpComFreePlan)(planSlug) ||
+        (0, calypso_products_1.isWpcomEnterpriseGridPlan)(planSlug) ||
+        planSlug === calypso_products_1.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'
+        ? (0, i18n_calypso_1.formatCurrency)(discountedPrice.full, currencyCode, {
+            stripZeros: true,
+            isSmallestUnit: true,
+        })
+        : null;
+    const originalPriceFullTermText = currencyCode && originalPrice?.full
+        ? (0, i18n_calypso_1.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'
+            ? (0, i18n_calypso_1.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: (0, jsx_runtime_1.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: (0, jsx_runtime_1.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: (0, jsx_runtime_1.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: (0, jsx_runtime_1.jsx)("br", {}) },
+                        comment: 'excl. taxes is short for excluding taxes',
+                    });
+                }
+            }
+            /* Introductory offers for yearly plans */
+            if (calypso_products_1.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: (0, jsx_runtime_1.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: (0, jsx_runtime_1.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: (0, jsx_runtime_1.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: (0, jsx_runtime_1.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 (calypso_products_1.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 (calypso_products_1.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 (calypso_products_1.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 (calypso_products_1.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 (calypso_products_1.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 (calypso_products_1.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;
+}
+exports.default = usePlanBillingDescription;
+//# sourceMappingURL=use-plan-billing-description.js.map

package/dist/cjs/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/cjs/hooks/data-store/use-plan-features-for-grid-plans.js

@@ -0,0 +1,133 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const calypso_products_1 = require("@automattic/calypso-products");
+const element_1 = require("@wordpress/element");
+const get_plan_features_object_1 = tslib_1.__importDefault(require("../../lib/get-plan-features-object"));
+const use_highlighted_features_1 = tslib_1.__importDefault(require("./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 = (0, use_highlighted_features_1.default)({ intent: intent ?? null, isInSignup });
+    return (0, element_1.useMemo)(() => {
+        return gridPlans.reduce((acc, gridPlan) => {
+            const planSlug = gridPlan.planSlug;
+            const planConstantObj = (0, calypso_products_1.applyTestFiltersToPlansList)(planSlug, undefined);
+            const isMonthlyPlan = (0, calypso_products_1.isMonthly)(planSlug);
+            let wpcomFeatures = [];
+            let jetpackFeatures = [];
+            if ('plans-newsletter' === intent) {
+                wpcomFeatures = (0, get_plan_features_object_1.default)(allFeaturesList, planConstantObj?.getNewsletterSignupFeatures?.() ?? []);
+            }
+            else if ('plans-p2' === intent) {
+                wpcomFeatures = (0, get_plan_features_object_1.default)(allFeaturesList, planConstantObj?.get2023PricingGridSignupWpcomFeatures?.() ?? []);
+            }
+            else if ('plans-blog-onboarding' === intent) {
+                wpcomFeatures = (0, get_plan_features_object_1.default)(allFeaturesList, planConstantObj?.getBlogOnboardingSignupFeatures?.() ?? []);
+                jetpackFeatures = (0, get_plan_features_object_1.default)(allFeaturesList, planConstantObj.getBlogOnboardingSignupJetpackFeatures?.() ?? []);
+            }
+            else if ('plans-woocommerce' === intent) {
+                wpcomFeatures = (0, get_plan_features_object_1.default)(allFeaturesList, planConstantObj?.get2023PricingGridSignupWpcomFeatures?.() ?? []);
+                jetpackFeatures = (0, get_plan_features_object_1.default)(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 (calypso_products_1.FEATURE_CUSTOM_DOMAIN === feature.getSlug()) {
+                            return false;
+                        }
+                        return true;
+                    });
+                }
+            }
+            else {
+                wpcomFeatures = (0, get_plan_features_object_1.default)(allFeaturesList, planConstantObj?.get2023PricingGridSignupWpcomFeatures?.() ?? []);
+                jetpackFeatures = (0, get_plan_features_object_1.default)(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() === calypso_products_1.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: (0, get_plan_features_object_1.default)(allFeaturesList, [storageFeature])?.[0],
+                    }),
+                },
+            };
+        }, {});
+    }, [
+        gridPlans,
+        intent,
+        highlightedFeatures,
+        selectedFeature,
+        showLegacyStorageFeature,
+        allFeaturesList,
+        hasRedeemedDomainCredit,
+    ]);
+};
+exports.default = usePlanFeaturesForGridPlans;
+//# sourceMappingURL=use-plan-features-for-grid-plans.js.map

package/dist/cjs/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/cjs/hooks/data-store/use-plans-from-types.js

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const calypso_products_1 = require("@automattic/calypso-products");
+const warning_1 = tslib_1.__importDefault(require("@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 = [
+            calypso_products_1.TYPE_FREE,
+            calypso_products_1.TYPE_ENTERPRISE_GRID_WPCOM,
+            calypso_products_1.TYPE_WOO_EXPRESS_PLUS,
+            calypso_products_1.TYPE_P2_PLUS,
+        ].includes(type)
+            ? { type }
+            : { type, term };
+        if (intent === 'plans-p2') {
+            planQuery['group'] = calypso_products_1.GROUP_P2;
+        }
+        const plan = (0, calypso_products_1.findPlansKeys)(planQuery)[0];
+        if (!plan) {
+            (0, warning_1.default)(`Invalid plan type, \`${type}\`, provided to \`PlansFeaturesMain\` component. See plans constants for valid plan types.`);
+        }
+        return plan ? [...accum, plan] : accum;
+    }, []);
+    return plans;
+};
+exports.default = usePlansFromTypes;
+//# sourceMappingURL=use-plans-from-types.js.map

package/dist/cjs/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,mEASsC;AACtC,yEAAsC;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,4BAAS;YACT,6CAA0B;YAC1B,wCAAqB;YACrB,+BAAY;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,2BAAQ,CAAC;QACjC,CAAC;QAED,MAAM,IAAI,GAAG,IAAA,gCAAa,EAAE,SAAS,CAAE,CAAE,CAAC,CAAE,CAAC;QAE7C,IAAK,CAAE,IAAI,EAAG,CAAC;YACd,IAAA,iBAAI,EACH,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,kBAAe,iBAAiB,CAAC"}

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

@@ -0,0 +1,90 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const calypso_products_1 = require("@automattic/calypso-products");
+const react_1 = require("react");
+const get_plan_features_object_1 = tslib_1.__importDefault(require("../../lib/get-plan-features-object"));
+const use_plan_features_for_grid_plans_1 = tslib_1.__importDefault(require("./use-plan-features-for-grid-plans"));
+const useRestructuredPlanFeaturesForComparisonGrid = ({ gridPlans, allFeaturesList, hasRedeemedDomainCredit, intent, selectedFeature, showLegacyStorageFeature, }) => {
+    const planFeaturesForGridPlans = (0, use_plan_features_for_grid_plans_1.default)({
+        gridPlans,
+        allFeaturesList,
+        intent,
+        selectedFeature,
+        showLegacyStorageFeature,
+    });
+    return (0, react_1.useMemo)(() => {
+        let previousPlan = null;
+        const planFeatureMap = {};
+        for (const gridPlan of gridPlans) {
+            const planSlug = gridPlan.planSlug;
+            const planConstantObj = (0, calypso_products_1.applyTestFiltersToPlansList)(planSlug, undefined);
+            const annualPlansOnlyFeatures = planConstantObj.getAnnualPlansOnlyFeatures?.();
+            const isMonthlyPlan = (0, calypso_products_1.isMonthly)(planSlug);
+            const wpcomFeatures = planConstantObj.get2023PlanComparisonFeatureOverride?.().length
+                ? (0, get_plan_features_object_1.default)(allFeaturesList, planConstantObj.get2023PlanComparisonFeatureOverride().slice())
+                : (0, get_plan_features_object_1.default)(allFeaturesList, planConstantObj.get2023PricingGridSignupWpcomFeatures?.().slice());
+            const jetpackFeatures = planConstantObj.get2023PlanComparisonJetpackFeatureOverride?.()
+                .length
+                ? (0, get_plan_features_object_1.default)(allFeaturesList, planConstantObj.get2023PlanComparisonJetpackFeatureOverride().slice())
+                : (0, get_plan_features_object_1.default)(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 = (0, calypso_products_1.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) &&
+                        calypso_products_1.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]);
+};
+exports.default = useRestructuredPlanFeaturesForComparisonGrid;
+//# sourceMappingURL=use-restructured-plan-features-for-comparison-grid.js.map

package/dist/cjs/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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"}