@automattic/plans-grid-next 1.0.0

package/dist/cjs/components/features-grid/enterprise-features.js

@@ -0,0 +1,41 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const calypso_products_1 = require("@automattic/calypso-products");
+const components_1 = require("@automattic/components");
+const clsx_1 = tslib_1.__importDefault(require("clsx"));
+const i18n_calypso_1 = require("i18n-calypso");
+const grid_context_1 = require("../../grid-context");
+const item_1 = require("../item");
+const plan_div_td_container_1 = tslib_1.__importDefault(require("../plan-div-td-container"));
+const client_logo_list_1 = tslib_1.__importDefault(require("./client-logo-list"));
+const EnterpriseFeatures = ({ renderedGridPlans, options }) => {
+    const { featureGroupMap, enableCategorisedFeatures, enterpriseFeaturesList } = (0, grid_context_1.usePlansGridContext)();
+    const translate = (0, i18n_calypso_1.useTranslate)();
+    const isTableCell = options?.isTableCell;
+    const CardContainer = (props) => {
+        const { children, className, ...otherProps } = props;
+        return isTableCell ? ((0, jsx_runtime_1.jsx)("div", { className: className, ...otherProps, children: children })) : ((0, jsx_runtime_1.jsx)(components_1.FoldableCard, { className: (0, clsx_1.default)('plans-grid-next-features-grid__mobile-plan-card-foldable-container', className), header: translate('Show all features'), ...otherProps, compact: true, clickableHeader: true, children: children }));
+    };
+    return renderedGridPlans.map(({ planSlug, features: { wpcomFeatures, jetpackFeatures } }) => {
+        const planClassName = (0, calypso_products_1.getPlanClass)(planSlug);
+        const shouldRenderLogos = (0, calypso_products_1.isWpcomEnterpriseGridPlan)(planSlug);
+        const shouldCoverFullColumn = (wpcomFeatures.length === 0 && jetpackFeatures.length === 0) || enableCategorisedFeatures;
+        const rowspanProp = isTableCell && shouldRenderLogos
+            ? {
+                ...(shouldCoverFullColumn && {
+                    /**
+                     * The rowSpan should be:
+                     * - the number of feature groups + 2 (1 this row + 1 row of storage) in case of feature categories,
+                     * - otherwise: 4 (1 this row + 1 row of features + 1 row of storage + 1 row for the "everything in ... plus" part)
+                     */
+                    rowSpan: enableCategorisedFeatures ? Object.values(featureGroupMap).length + 2 : 4,
+                }),
+            }
+            : {};
+        return ((0, jsx_runtime_1.jsx)(plan_div_td_container_1.default, { isTableCell: options?.isTableCell, className: "plan-features-2023-grid__table-item", ...rowspanProp, children: shouldRenderLogos && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", { className: "plan-features-2023-grid__item", children: (0, jsx_runtime_1.jsx)(client_logo_list_1.default, { className: "plan-features-2023-grid__item-logos" }) }), !options?.isLogosOnly && ((0, jsx_runtime_1.jsxs)(CardContainer, { children: [(0, jsx_runtime_1.jsx)("div", { className: (0, clsx_1.default)('plan-features-2023-grid__common-title', planClassName), children: translate('High performance platform, with:') }), enterpriseFeaturesList?.map((title, index) => ((0, jsx_runtime_1.jsx)(item_1.PlanFeaturesItem, { children: (0, jsx_runtime_1.jsx)("span", { className: "plan-features-2023-grid__item-info is-available", children: (0, jsx_runtime_1.jsx)("span", { className: "plan-features-2023-grid__item-title", children: title }) }) }, index)))] }))] })) }, planSlug));
+    });
+};
+exports.default = EnterpriseFeatures;
+//# sourceMappingURL=enterprise-features.js.map

package/dist/cjs/components/features-grid/enterprise-features.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"enterprise-features.js","sourceRoot":"","sources":["../../../../src/components/features-grid/enterprise-features.tsx"],"names":[],"mappings":";;;;AAAA,mEAAuF;AACvF,uDAAsD;AACtD,wDAAwB;AACxB,+CAA4C;AAC5C,qDAAyD;AAEzD,kCAA2C;AAC3C,6FAA4D;AAC5D,kFAAgD;AAUhD,MAAM,kBAAkB,GAAG,CAAE,EAAE,iBAAiB,EAAE,OAAO,EAA2B,EAAG,EAAE;IACxF,MAAM,EAAE,eAAe,EAAE,yBAAyB,EAAE,sBAAsB,EAAE,GAC3E,IAAA,kCAAmB,GAAE,CAAC;IACvB,MAAM,SAAS,GAAG,IAAA,2BAAY,GAAE,CAAC;IACjC,MAAM,WAAW,GAAG,OAAO,EAAE,WAAW,CAAC;IAEzC,MAAM,aAAa,GAAG,CAAE,KAAkD,EAAG,EAAE;QAC9E,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,UAAU,EAAE,GAAG,KAAK,CAAC;QAErD,OAAO,WAAW,CAAC,CAAC,CAAC,CACpB,gCAAK,SAAS,EAAG,SAAS,KAAQ,UAAU,YACzC,QAAQ,GACL,CACN,CAAC,CAAC,CAAC,CACH,uBAAC,yBAAY,IACZ,SAAS,EAAG,IAAA,cAAI,EACf,oEAAoE,EACpE,SAAS,CACT,EACD,MAAM,EAAG,SAAS,CAAE,mBAAmB,CAAE,KACpC,UAAU,EACf,OAAO,QACP,eAAe,kBAEb,QAAQ,GACI,CACf,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,iBAAiB,CAAC,GAAG,CAAE,CAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,aAAa,EAAE,eAAe,EAAE,EAAE,EAAG,EAAE;QAC9F,MAAM,aAAa,GAAG,IAAA,+BAAY,EAAE,QAAQ,CAAE,CAAC;QAC/C,MAAM,iBAAiB,GAAG,IAAA,4CAAyB,EAAE,QAAQ,CAAE,CAAC;QAChE,MAAM,qBAAqB,GAC1B,CAAE,aAAa,CAAC,MAAM,KAAK,CAAC,IAAI,eAAe,CAAC,MAAM,KAAK,CAAC,CAAE,IAAI,yBAAyB,CAAC;QAC7F,MAAM,WAAW,GAChB,WAAW,IAAI,iBAAiB;YAC/B,CAAC,CAAC;gBACA,GAAG,CAAE,qBAAqB,IAAI;oBAC7B;;;;uBAIG;oBACH,OAAO,EAAE,yBAAyB,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,CAAE,eAAe,CAAE,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;iBACpF,CAAE;aACF;YACH,CAAC,CAAC,EAAE,CAAC;QAEP,OAAO,CACN,uBAAC,+BAAoB,IAEpB,WAAW,EAAG,OAAO,EAAE,WAAW,EAClC,SAAS,EAAC,qCAAqC,KAC1C,WAAW,YAEd,iBAAiB,IAAI,CACtB,6DACC,gCAAK,SAAS,EAAC,+BAA+B,YAC7C,uBAAC,0BAAc,IAAC,SAAS,EAAC,qCAAqC,GAAG,GAC7D,EAEJ,CAAE,OAAO,EAAE,WAAW,IAAI,CAC3B,wBAAC,aAAa,eACb,gCAAK,SAAS,EAAG,IAAA,cAAI,EAAE,uCAAuC,EAAE,aAAa,CAAE,YAC5E,SAAS,CAAE,kCAAkC,CAAE,GAC5C,EACJ,sBAAsB,EAAE,GAAG,CAAE,CAAE,KAAK,EAAE,KAAK,EAAG,EAAE,CAAC,CAClD,uBAAC,uBAAgB,cAChB,iCAAM,SAAS,EAAC,iDAAiD,YAChE,iCAAM,SAAS,EAAC,qCAAqC,YAAG,KAAK,GAAS,GAChE,IAHgB,KAAK,CAIV,CACnB,CAAE,IACY,CAChB,IACC,CACH,IA1BK,QAAQ,CA2BQ,CACvB,CAAC;IACH,CAAC,CAAE,CAAC;AACL,CAAC,CAAC;AAEF,kBAAe,kBAAkB,CAAC"}

package/dist/cjs/components/features-grid/index.js

@@ -0,0 +1,130 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const calypso_products_1 = require("@automattic/calypso-products");
+const components_1 = require("@automattic/components");
+const element_1 = require("@wordpress/element");
+const clsx_1 = tslib_1.__importDefault(require("clsx"));
+const i18n_calypso_1 = require("i18n-calypso");
+const grid_context_1 = tslib_1.__importStar(require("../../grid-context"));
+const use_grid_size_1 = tslib_1.__importDefault(require("../../hooks/use-grid-size"));
+const item_1 = require("../item");
+const storage_1 = require("../shared/storage");
+const billing_timeframes_1 = tslib_1.__importDefault(require("./billing-timeframes"));
+const enterprise_features_1 = tslib_1.__importDefault(require("./enterprise-features"));
+const mobile_free_domain_1 = tslib_1.__importDefault(require("./mobile-free-domain"));
+const plan_features_list_1 = tslib_1.__importDefault(require("./plan-features-list"));
+const plan_headers_1 = tslib_1.__importDefault(require("./plan-headers"));
+const plan_logos_1 = tslib_1.__importDefault(require("./plan-logos"));
+const plan_prices_1 = tslib_1.__importDefault(require("./plan-prices"));
+const plan_tagline_1 = tslib_1.__importDefault(require("./plan-tagline"));
+const previous_features_included_title_1 = tslib_1.__importDefault(require("./previous-features-included-title"));
+const spotlight_plan_1 = tslib_1.__importDefault(require("./spotlight-plan"));
+const table_1 = tslib_1.__importDefault(require("./table"));
+const top_buttons_1 = tslib_1.__importDefault(require("./top-buttons"));
+require("./style.scss");
+const CardContainer = (props) => {
+    const { children, planSlug, ...otherProps } = props;
+    return (0, calypso_products_1.isWpcomEnterpriseGridPlan)(planSlug) ? ((0, jsx_runtime_1.jsx)("div", { ...otherProps, children: children })) : ((0, jsx_runtime_1.jsx)(components_1.FoldableCard, { ...otherProps, compact: true, clickableHeader: true, children: children }));
+};
+const FeaturesContainer = (props) => {
+    const { children, gridPlan, featureGroups } = props;
+    const { enableCategorisedFeatures, enableLogosOnlyForEnterprisePlan, enableReducedFeatureGroupSpacing, } = (0, grid_context_1.usePlansGridContext)();
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(enterprise_features_1.default, { renderedGridPlans: [gridPlan], options: { isLogosOnly: enableLogosOnlyForEnterprisePlan } }), !enableCategorisedFeatures && ((0, jsx_runtime_1.jsx)(previous_features_included_title_1.default, { renderedGridPlans: [gridPlan] })), featureGroups.map((featureGroupSlug) => ((0, jsx_runtime_1.jsx)("div", { className: (0, clsx_1.default)('plans-grid-next-features-grid__feature-group-row', {
+                    'is-reduced-feature-group-spacing': enableReducedFeatureGroupSpacing,
+                }), children: children(featureGroupSlug) }, featureGroupSlug)))] }));
+};
+const MobileView = ({ currentSitePlanSlug, generatedWPComSubdomain, gridPlanForSpotlight, renderedGridPlans, hideUnavailableFeatures, isCustomDomainAllowedOnFreePlan, isInSignup, onStorageAddOnClick, paidDomainName, planActionOverrides, selectedFeature, showUpgradeableStorage, enableShowAllFeaturesButton, }) => {
+    const translate = (0, i18n_calypso_1.useTranslate)();
+    const { featureGroupMap } = (0, grid_context_1.usePlansGridContext)();
+    const featureGroups = (0, element_1.useMemo)(() => Object.keys(featureGroupMap).filter((key) => calypso_products_1.FEATURE_GROUP_STORAGE !== key), [featureGroupMap]);
+    const storageFeatureGroup = featureGroupMap[calypso_products_1.FEATURE_GROUP_STORAGE];
+    return renderedGridPlans
+        .reduce((acc, gridPlan) => {
+        // Bring the spotlight plan to the top
+        if (gridPlanForSpotlight?.planSlug === gridPlan.planSlug) {
+            return [gridPlan].concat(acc);
+        }
+        return acc.concat(gridPlan);
+    }, [])
+        .map((gridPlan, index) => {
+        const planCardClasses = (0, clsx_1.default)('plans-grid-next-features-grid__mobile-plan-card', (0, calypso_products_1.getPlanClass)(gridPlan.planSlug));
+        const isNotFreePlan = !(0, calypso_products_1.isFreePlan)(gridPlan.planSlug);
+        const isEnterprisePlan = (0, calypso_products_1.isWpcomEnterpriseGridPlan)(gridPlan.planSlug);
+        const featuresEl = ((0, jsx_runtime_1.jsx)(FeaturesContainer, { gridPlan: gridPlan, featureGroups: featureGroups, children: (featureGroupSlug) => ((0, jsx_runtime_1.jsx)(plan_features_list_1.default, { renderedGridPlans: [gridPlan], selectedFeature: selectedFeature, paidDomainName: paidDomainName, hideUnavailableFeatures: hideUnavailableFeatures, generatedWPComSubdomain: generatedWPComSubdomain, isCustomDomainAllowedOnFreePlan: isCustomDomainAllowedOnFreePlan, featureGroupSlug: featureGroupSlug, onStorageAddOnClick: onStorageAddOnClick, showUpgradeableStorage: showUpgradeableStorage })) }));
+        const planCardJsx = ((0, jsx_runtime_1.jsxs)("div", { className: planCardClasses, children: [(0, jsx_runtime_1.jsx)(plan_logos_1.default, { renderedGridPlans: [gridPlan], isInSignup: false }), (0, jsx_runtime_1.jsx)(plan_headers_1.default, { renderedGridPlans: [gridPlan] }), isNotFreePlan && isInSignup && (0, jsx_runtime_1.jsx)(plan_tagline_1.default, { renderedGridPlans: [gridPlan] }), isNotFreePlan && ((0, jsx_runtime_1.jsx)(plan_prices_1.default, { renderedGridPlans: [gridPlan], currentSitePlanSlug: currentSitePlanSlug })), isNotFreePlan && (0, jsx_runtime_1.jsx)(billing_timeframes_1.default, { renderedGridPlans: [gridPlan] }), (0, jsx_runtime_1.jsx)(mobile_free_domain_1.default, { gridPlan: gridPlan, paidDomainName: paidDomainName }), storageFeatureGroup && !isEnterprisePlan && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(item_1.PlanFeaturesItem, { children: (0, jsx_runtime_1.jsx)("h2", { className: "plans-grid-next-features-grid__feature-group-title", children: storageFeatureGroup?.getTitle() }) }), (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)(storage_1.PlanStorage, { planSlug: gridPlan.planSlug, onStorageAddOnClick: onStorageAddOnClick, showUpgradeableStorage: showUpgradeableStorage }) }) })] })), (0, jsx_runtime_1.jsx)(top_buttons_1.default, { renderedGridPlans: [gridPlan], isInSignup: isInSignup, currentSitePlanSlug: currentSitePlanSlug, planActionOverrides: planActionOverrides }), enableShowAllFeaturesButton ? ((0, jsx_runtime_1.jsx)(CardContainer, { header: translate('Show all features'), planSlug: gridPlan.planSlug, className: "plans-grid-next-features-grid__mobile-plan-card-foldable-container", expanded: selectedFeature &&
+                        gridPlan.features.wpcomFeatures.some((feature) => feature.getSlug() === selectedFeature), children: featuresEl }, `${gridPlan.planSlug}-${index}`)) : ((0, jsx_runtime_1.jsx)("div", { className: "plans-grid-next-features-grid__mobile-plan-card-no-foldable-container", children: featuresEl }))] }, `${gridPlan.planSlug}-${index}`));
+        return planCardJsx;
+    });
+};
+const TabletView = ({ currentSitePlanSlug, generatedWPComSubdomain, gridPlanForSpotlight, hideUnavailableFeatures, isCustomDomainAllowedOnFreePlan, isInSignup, onStorageAddOnClick, paidDomainName, planActionOverrides, renderedGridPlans, selectedFeature, showRefundPeriod, showUpgradeableStorage, stickyRowOffset, }) => {
+    const gridPlansWithoutSpotlight = !gridPlanForSpotlight
+        ? renderedGridPlans
+        : renderedGridPlans.filter(({ planSlug }) => gridPlanForSpotlight.planSlug !== planSlug);
+    const numberOfPlansToShowOnTop = 4 === gridPlansWithoutSpotlight.length ? 4 : 3;
+    const plansForTopRow = gridPlansWithoutSpotlight.slice(0, numberOfPlansToShowOnTop);
+    const plansForBottomRow = gridPlansWithoutSpotlight.slice(numberOfPlansToShowOnTop);
+    const tableProps = {
+        currentSitePlanSlug,
+        generatedWPComSubdomain,
+        gridPlanForSpotlight,
+        hideUnavailableFeatures,
+        isCustomDomainAllowedOnFreePlan,
+        isInSignup,
+        onStorageAddOnClick,
+        paidDomainName,
+        planActionOverrides,
+        selectedFeature,
+        showRefundPeriod,
+        showUpgradeableStorage,
+        stickyRowOffset,
+    };
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", { className: "plan-features-2023-grid__table-top", children: (0, jsx_runtime_1.jsx)(table_1.default, { renderedGridPlans: plansForTopRow, ...tableProps }) }), plansForBottomRow.length > 0 && ((0, jsx_runtime_1.jsx)("div", { className: "plan-features-2023-grid__table-bottom", children: (0, jsx_runtime_1.jsx)(table_1.default, { renderedGridPlans: plansForBottomRow, ...tableProps }) }))] }));
+};
+// TODO
+// Now that everything under is functional component, we can deprecate this wrapper and only keep ComparisonGrid instead.
+// More details can be found in https://github.com/Automattic/wp-calypso/issues/87047
+const FeaturesGrid = ({ currentSitePlanSlug, generatedWPComSubdomain, gridPlanForSpotlight, gridPlans, gridSize, hideUnavailableFeatures, isCustomDomainAllowedOnFreePlan, isInSignup, onStorageAddOnClick, paidDomainName, planActionOverrides, selectedFeature, showRefundPeriod, showUpgradeableStorage, stickyRowOffset, enableShowAllFeaturesButton, }) => {
+    const spotlightPlanProps = {
+        currentSitePlanSlug,
+        gridPlanForSpotlight,
+        isInSignup,
+        onStorageAddOnClick,
+        planActionOverrides,
+        selectedFeature,
+        showUpgradeableStorage,
+    };
+    const planFeaturesProps = {
+        ...spotlightPlanProps,
+        generatedWPComSubdomain,
+        hideUnavailableFeatures,
+        isCustomDomainAllowedOnFreePlan,
+        paidDomainName,
+        renderedGridPlans: gridPlans,
+        showRefundPeriod,
+    };
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "plans-grid-next-features-grid", children: ['small' !== gridSize && (0, jsx_runtime_1.jsx)(spotlight_plan_1.default, { ...spotlightPlanProps }), (0, jsx_runtime_1.jsx)("div", { className: "plan-features", children: (0, jsx_runtime_1.jsx)("div", { className: "plan-features-2023-grid__content", children: (0, jsx_runtime_1.jsxs)("div", { children: ['large' === gridSize && ((0, jsx_runtime_1.jsx)("div", { className: "plan-features-2023-grid__desktop-view", children: (0, jsx_runtime_1.jsx)(table_1.default, { ...planFeaturesProps, stickyRowOffset: stickyRowOffset }) })), 'medium' === gridSize && ((0, jsx_runtime_1.jsx)("div", { className: "plan-features-2023-grid__tablet-view", children: (0, jsx_runtime_1.jsx)(TabletView, { ...planFeaturesProps, stickyRowOffset: stickyRowOffset }) })), 'small' === gridSize && ((0, jsx_runtime_1.jsx)("div", { className: "plan-features-2023-grid__mobile-view", children: (0, jsx_runtime_1.jsx)(MobileView, { ...planFeaturesProps, enableShowAllFeaturesButton: enableShowAllFeaturesButton }) }))] }) }) })] }));
+};
+const WrappedFeaturesGrid = (props) => {
+    const { siteId, intent, gridPlans, useCheckPlanAvailabilityForPurchase, useAction, recordTracksEvent, allFeaturesList, coupon, isInAdmin, className, enableFeatureTooltips, enableCategorisedFeatures, enableStorageAsBadge, enableReducedFeatureGroupSpacing, enableLogosOnlyForEnterprisePlan, featureGroupMap = {}, hideFeatureGroupTitles, enterpriseFeaturesList, enableTermSavingsPriceDisplay, } = props;
+    const gridContainerRef = (0, element_1.useRef)(null);
+    const gridBreakpoints = (0, element_1.useMemo)(() => new Map([
+        ['small', 0],
+        ['medium', 740],
+        ['large', isInAdmin ? 1180 : 1320], // 1320 to fit Enterpreneur plan, 1180 to work in admin
+    ]), [isInAdmin]);
+    // TODO: this will be deprecated along side removing the wrapper component
+    const gridSize = (0, use_grid_size_1.default)({
+        containerRef: gridContainerRef,
+        containerBreakpoints: gridBreakpoints,
+    });
+    const classNames = (0, clsx_1.default)('plans-grid-next', className, {
+        'is-small': 'small' === gridSize,
+        'is-medium': 'medium' === gridSize,
+        'is-large': 'large' === gridSize,
+    });
+    return ((0, jsx_runtime_1.jsx)("div", { ref: gridContainerRef, className: classNames, children: (0, jsx_runtime_1.jsx)(grid_context_1.default, { intent: intent, siteId: siteId, gridPlans: gridPlans, coupon: coupon, useCheckPlanAvailabilityForPurchase: useCheckPlanAvailabilityForPurchase, useAction: useAction, recordTracksEvent: recordTracksEvent, allFeaturesList: allFeaturesList, enableFeatureTooltips: enableFeatureTooltips, enableCategorisedFeatures: enableCategorisedFeatures, enableStorageAsBadge: enableStorageAsBadge, enableReducedFeatureGroupSpacing: enableReducedFeatureGroupSpacing, enableLogosOnlyForEnterprisePlan: enableLogosOnlyForEnterprisePlan, hideFeatureGroupTitles: hideFeatureGroupTitles, featureGroupMap: featureGroupMap, enterpriseFeaturesList: enterpriseFeaturesList, enableTermSavingsPriceDisplay: enableTermSavingsPriceDisplay, children: (0, jsx_runtime_1.jsx)(FeaturesGrid, { ...props, gridSize: gridSize ?? undefined }) }) }));
+};
+exports.default = WrappedFeaturesGrid;
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/features-grid/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/features-grid/index.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/components/features-grid/index.stories.js

@@ -0,0 +1,112 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CuratedPlanMixByIntent = exports.CategorizedFeatures = exports.PlansInSignup = exports.PlansInAdmin = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const calypso_products_1 = require("@automattic/calypso-products");
+const __1 = require("../..");
+const ComponentWrapper = (props) => {
+    const gridPlans = (0, __1.useGridPlansForFeaturesGrid)({
+        eligibleForFreeHostingTrial: true,
+        hasRedeemedDomainCredit: undefined,
+        hiddenPlans: undefined,
+        isDisplayingPlansNeededForFeature: false,
+        isSubdomainNotGenerated: false,
+        selectedFeature: undefined,
+        selectedPlan: undefined,
+        reflectStorageSelectionInPlanPrices: false,
+        term: 'TERM_ANNUALLY',
+        useFreeTrialPlanSlugs: undefined,
+        // Mirror values from props
+        siteId: props.siteId,
+        intent: props.intent,
+        coupon: props.coupon,
+        allFeaturesList: props.allFeaturesList,
+        isInSignup: props.isInSignup,
+        showLegacyStorageFeature: props.showLegacyStorageFeature,
+        useCheckPlanAvailabilityForPurchase: props.useCheckPlanAvailabilityForPurchase,
+    });
+    const gridPlanForSpotlight = (0, __1.useGridPlanForSpotlight)({
+        gridPlans,
+        siteId: props.siteId,
+        intent: props.intent,
+        isSpotlightOnCurrentPlan: true,
+    });
+    const featureGroupMap = (0, calypso_products_1.getPlanFeaturesGroupedForFeaturesGrid)();
+    return (gridPlans && ((0, jsx_runtime_1.jsx)(__1.FeaturesGrid, { ...props, gridPlans: gridPlans, gridPlanForSpotlight: 'gridPlanForSpotlight' in props ? props.gridPlanForSpotlight : gridPlanForSpotlight, featureGroupMap: featureGroupMap })));
+};
+const defaultProps = {
+    allFeaturesList: (0, calypso_products_1.getFeaturesList)(),
+    coupon: undefined,
+    currentSitePlanSlug: undefined,
+    generatedWPComSubdomain: {
+        isLoading: false,
+        result: { domain_name: 'zzz.wordpress.com' },
+    },
+    hideUnavailableFeatures: false,
+    isCustomDomainAllowedOnFreePlan: false,
+    isInAdmin: false,
+    isInSignup: true,
+    onStorageAddOnClick: () => { },
+    planActionOverrides: undefined,
+    recordTracksEvent: () => { },
+    showLegacyStorageFeature: false,
+    showRefundPeriod: false,
+    showUpgradeableStorage: true,
+    siteId: undefined,
+    stickyRowOffset: 0,
+    useCheckPlanAvailabilityForPurchase: () => ({}),
+    useAction: () => ({
+        primary: {
+            text: 'test',
+            callback: () => { },
+            status: 'enabled',
+        },
+        postButtonText: '',
+    }),
+    enableCategorisedFeatures: true,
+    enableStorageAsBadge: false,
+    enableReducedFeatureGroupSpacing: true,
+    enableLogosOnlyForEnterprisePlan: true,
+    hideFeatureGroupTitles: true,
+};
+const meta = {
+    title: 'FeaturesGrid',
+    component: ComponentWrapper,
+};
+exports.default = meta;
+exports.PlansInAdmin = {
+    name: 'Default in admin',
+    args: {
+        ...defaultProps,
+        intent: 'plans-default-wpcom',
+        siteId: 222597060,
+        isInAdmin: true,
+        isInSignup: false,
+    },
+};
+exports.PlansInSignup = {
+    name: 'Default in signup',
+    args: {
+        ...defaultProps,
+        intent: 'plans-default-wpcom',
+        isInSignup: true,
+    },
+};
+exports.CategorizedFeatures = {
+    name: 'Categorized features grid',
+    args: {
+        ...exports.PlansInSignup.args,
+        gridPlanForSpotlight: undefined,
+        // to better show the effect of the categories, here we use the one from the comparison grid instead
+        featureGroupMap: (0, calypso_products_1.getPlanFeaturesGroupedForComparisonGrid)(),
+        enableCategorisedFeatures: true,
+    },
+};
+exports.CuratedPlanMixByIntent = {
+    name: 'Curated plan mix configured by intent',
+    args: {
+        ...defaultProps,
+        intent: 'plans-newsletter',
+    },
+};
+//# sourceMappingURL=index.stories.js.map

package/dist/cjs/components/features-grid/index.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.stories.js","sourceRoot":"","sources":["../../../../src/components/features-grid/index.stories.tsx"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,25 @@
+"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

@@ -0,0 +1 @@
+{"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/components/features-grid/plan-features-list.js

@@ -0,0 +1,56 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const calypso_products_1 = require("@automattic/calypso-products");
+const components_1 = require("@automattic/components");
+const i18n_calypso_1 = require("i18n-calypso");
+const react_1 = require("react");
+const grid_context_1 = require("../../grid-context");
+const use_manage_tooltip_toggle_1 = require("../../hooks/use-manage-tooltip-toggle");
+const features_1 = tslib_1.__importDefault(require("../features"));
+const item_1 = require("../item");
+const plan_div_td_container_1 = tslib_1.__importDefault(require("../plan-div-td-container"));
+const plans_2023_tooltip_1 = require("../plans-2023-tooltip");
+const storage_1 = require("../shared/storage");
+const PlanFeaturesList = ({ generatedWPComSubdomain, hideUnavailableFeatures, isCustomDomainAllowedOnFreePlan, options, paidDomainName, renderedGridPlans, selectedFeature, featureGroupSlug, onStorageAddOnClick, showUpgradeableStorage = false, }) => {
+    const [activeTooltipId, setActiveTooltipId] = (0, use_manage_tooltip_toggle_1.useManageTooltipToggle)();
+    const translate = (0, i18n_calypso_1.useTranslate)();
+    const { featureGroupMap, hideFeatureGroupTitles } = (0, grid_context_1.usePlansGridContext)();
+    const featureGroup = featureGroupSlug && featureGroupMap[featureGroupSlug];
+    /**
+     * This is a pretty critical and fragile, as it filters out the enterprise plan.
+     * If the plan sits anywhere else but the tail/end, it will most likely break the grid (render wrong parts at wrong places).
+     */
+    const plansWithFeatures = (0, react_1.useMemo)(() => {
+        return renderedGridPlans.filter((gridPlan) => !(0, calypso_products_1.isWpcomEnterpriseGridPlan)(gridPlan.planSlug));
+    }, [renderedGridPlans]);
+    return plansWithFeatures.map(({ planSlug, features: { wpcomFeatures, jetpackFeatures } }, mapIndex) => {
+        // This is temporary. Ideally all feature-groups will include the included features.
+        const filteredWpcomFeatures = featureGroup?.slug === calypso_products_1.FEATURE_GROUP_ALL_FEATURES
+            ? wpcomFeatures
+            : wpcomFeatures.filter((feature) => featureGroup?.getFeatures().includes(feature.getSlug()));
+        /**
+         * 1. Storage group is still it's own thing, with no actual features associated. It will join the rest in a follow-up.
+         */
+        if (calypso_products_1.FEATURE_GROUP_STORAGE === featureGroup?.slug) {
+            return ((0, jsx_runtime_1.jsxs)(plan_div_td_container_1.default, { isTableCell: options?.isTableCell, className: "plan-features-2023-grid__table-item", children: [!hideFeatureGroupTitles && ((0, jsx_runtime_1.jsx)(item_1.PlanFeaturesItem, { children: (0, jsx_runtime_1.jsx)("h2", { className: "plans-grid-next-features-grid__feature-group-title", children: featureGroup?.getTitle() }) })), (0, jsx_runtime_1.jsx)(item_1.PlanFeaturesItem, { children: (0, jsx_runtime_1.jsx)(storage_1.PlanStorage, { planSlug: planSlug, options: { isTableCell: true }, onStorageAddOnClick: onStorageAddOnClick, showUpgradeableStorage: showUpgradeableStorage }) })] }, `${planSlug}-${mapIndex}`));
+        }
+        /**
+         * 2. Render a placeholder to keep the grid (table) aligned.
+         */
+        if (!filteredWpcomFeatures.length) {
+            if (options?.isTableCell) {
+                return ((0, jsx_runtime_1.jsx)(plan_div_td_container_1.default, { isTableCell: true, className: "plan-features-2023-grid__table-item" }, `${planSlug}-${mapIndex}`));
+            }
+            // No placeholder required if the element is not a part of the table.
+            return null;
+        }
+        /**
+         * 3. Everything else gets rendered as usual.
+         */
+        return ((0, jsx_runtime_1.jsxs)(plan_div_td_container_1.default, { isTableCell: options?.isTableCell, className: "plan-features-2023-grid__table-item", children: [!hideFeatureGroupTitles && featureGroup?.getTitle() && ((0, jsx_runtime_1.jsx)(item_1.PlanFeaturesItem, { children: (0, jsx_runtime_1.jsx)("h2", { className: "plans-grid-next-features-grid__feature-group-title", children: featureGroup.getTitle() }) })), (0, jsx_runtime_1.jsx)(features_1.default, { features: filteredWpcomFeatures, planSlug: planSlug, paidDomainName: paidDomainName, generatedWPComSubdomain: generatedWPComSubdomain, hideUnavailableFeatures: hideUnavailableFeatures, selectedFeature: selectedFeature, isCustomDomainAllowedOnFreePlan: isCustomDomainAllowedOnFreePlan, setActiveTooltipId: setActiveTooltipId, activeTooltipId: activeTooltipId }), jetpackFeatures.length !== 0 && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", { className: "plan-features-2023-grid__jp-logo", children: (0, jsx_runtime_1.jsx)(plans_2023_tooltip_1.Plans2023Tooltip, { text: translate('Security, performance, and growth tools—powered by Jetpack.'), setActiveTooltipId: setActiveTooltipId, activeTooltipId: activeTooltipId, id: `${planSlug}-jp-logo-${mapIndex}`, children: (0, jsx_runtime_1.jsx)(components_1.JetpackLogo, { size: 16 }) }) }, "jp-logo"), (0, jsx_runtime_1.jsx)(features_1.default, { features: jetpackFeatures, planSlug: planSlug, paidDomainName: paidDomainName, generatedWPComSubdomain: generatedWPComSubdomain, hideUnavailableFeatures: hideUnavailableFeatures, isCustomDomainAllowedOnFreePlan: isCustomDomainAllowedOnFreePlan, setActiveTooltipId: setActiveTooltipId, activeTooltipId: activeTooltipId })] }))] }, `${planSlug}-${mapIndex}`));
+    });
+};
+exports.default = PlanFeaturesList;
+//# sourceMappingURL=plan-features-list.js.map

package/dist/cjs/components/features-grid/plan-features-list.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"plan-features-list.js","sourceRoot":"","sources":["../../../../src/components/features-grid/plan-features-list.tsx"],"names":[],"mappings":";;;;AAAA,mEAKsC;AACtC,uDAAqD;AAErD,+CAA4C;AAC5C,iCAAgC;AAChC,qDAAyD;AACzD,qFAA+E;AAC/E,mEAAuD;AACvD,kCAA2C;AAC3C,6FAA4D;AAC5D,8DAAyD;AACzD,+CAAgD;AA2BhD,MAAM,gBAAgB,GAAG,CAAE,EAC1B,uBAAuB,EACvB,uBAAuB,EACvB,+BAA+B,EAC/B,OAAO,EACP,cAAc,EACd,iBAAiB,EACjB,eAAe,EACf,gBAAgB,EAChB,mBAAmB,EACnB,sBAAsB,GAAG,KAAK,GACP,EAAG,EAAE;IAC5B,MAAM,CAAE,eAAe,EAAE,kBAAkB,CAAE,GAAG,IAAA,kDAAsB,GAAE,CAAC;IACzE,MAAM,SAAS,GAAG,IAAA,2BAAY,GAAE,CAAC;IACjC,MAAM,EAAE,eAAe,EAAE,sBAAsB,EAAE,GAAG,IAAA,kCAAmB,GAAE,CAAC;IAC1E,MAAM,YAAY,GAAG,gBAAgB,IAAI,eAAe,CAAE,gBAAgB,CAAE,CAAC;IAE7E;;;OAGG;IACH,MAAM,iBAAiB,GAAG,IAAA,eAAO,EAAE,GAAG,EAAE;QACvC,OAAO,iBAAiB,CAAC,MAAM,CAC9B,CAAE,QAAQ,EAAG,EAAE,CAAC,CAAE,IAAA,4CAAyB,EAAE,QAAQ,CAAC,QAAQ,CAAE,CAChE,CAAC;IACH,CAAC,EAAE,CAAE,iBAAiB,CAAE,CAAE,CAAC;IAE3B,OAAO,iBAAiB,CAAC,GAAG,CAC3B,CAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,aAAa,EAAE,eAAe,EAAE,EAAE,EAAE,QAAQ,EAAG,EAAE;QAC1E,oFAAoF;QACpF,MAAM,qBAAqB,GAC1B,YAAY,EAAE,IAAI,KAAK,6CAA0B;YAChD,CAAC,CAAC,aAAa;YACf,CAAC,CAAC,aAAa,CAAC,MAAM,CACpB,CAAE,OAAO,EAAG,EAAE,CAAC,YAAY,EAAE,WAAW,EAAE,CAAC,QAAQ,CAAE,OAAO,CAAC,OAAO,EAAE,CAAE,CACvE,CAAC;QAEN;;WAEG;QACH,IAAK,wCAAqB,KAAK,YAAY,EAAE,IAAI,EAAG,CAAC;YACpD,OAAO,CACN,wBAAC,+BAAoB,IAEpB,WAAW,EAAG,OAAO,EAAE,WAAW,EAClC,SAAS,EAAC,qCAAqC,aAE7C,CAAE,sBAAsB,IAAI,CAC7B,uBAAC,uBAAgB,cAChB,+BAAI,SAAS,EAAC,oDAAoD,YAC/D,YAAY,EAAE,QAAQ,EAAE,GACtB,GACa,CACnB,EACD,uBAAC,uBAAgB,cAChB,uBAAC,qBAAW,IACX,QAAQ,EAAG,QAAQ,EACnB,OAAO,EAAG,EAAE,WAAW,EAAE,IAAI,EAAE,EAC/B,mBAAmB,EAAG,mBAAmB,EACzC,sBAAsB,EAAG,sBAAsB,GAC9C,GACgB,KAlBb,GAAI,QAAS,IAAK,QAAS,EAAE,CAmBb,CACvB,CAAC;QACH,CAAC;QAED;;WAEG;QACH,IAAK,CAAE,qBAAqB,CAAC,MAAM,EAAG,CAAC;YACtC,IAAK,OAAO,EAAE,WAAW,EAAG,CAAC;gBAC5B,OAAO,CACN,uBAAC,+BAAoB,IAEpB,WAAW,QACX,SAAS,EAAC,qCAAqC,IAFzC,GAAI,QAAS,IAAK,QAAS,EAAE,CAGlC,CACF,CAAC;YACH,CAAC;YAED,qEAAqE;YACrE,OAAO,IAAI,CAAC;QACb,CAAC;QAED;;WAEG;QACH,OAAO,CACN,wBAAC,+BAAoB,IAEpB,WAAW,EAAG,OAAO,EAAE,WAAW,EAClC,SAAS,EAAC,qCAAqC,aAE7C,CAAE,sBAAsB,IAAI,YAAY,EAAE,QAAQ,EAAE,IAAI,CACzD,uBAAC,uBAAgB,cAChB,+BAAI,SAAS,EAAC,oDAAoD,YAC/D,YAAY,CAAC,QAAQ,EAAE,GACrB,GACa,CACnB,EACD,uBAAC,kBAA4B,IAC5B,QAAQ,EAAG,qBAAqB,EAChC,QAAQ,EAAG,QAAQ,EACnB,cAAc,EAAG,cAAc,EAC/B,uBAAuB,EAAG,uBAAuB,EACjD,uBAAuB,EAAG,uBAAuB,EACjD,eAAe,EAAG,eAAe,EACjC,+BAA+B,EAAG,+BAA+B,EACjE,kBAAkB,EAAG,kBAAkB,EACvC,eAAe,EAAG,eAAe,GAChC,EACA,eAAe,CAAC,MAAM,KAAK,CAAC,IAAI,CACjC,6DACC,gCAAK,SAAS,EAAC,kCAAkC,YAChD,uBAAC,qCAAgB,IAChB,IAAI,EAAG,SAAS,CACf,6DAA6D,CAC7D,EACD,kBAAkB,EAAG,kBAAkB,EACvC,eAAe,EAAG,eAAe,EACjC,EAAE,EAAG,GAAI,QAAS,YAAa,QAAS,EAAE,YAE1C,uBAAC,wBAAW,IAAC,IAAI,EAAG,EAAE,GAAK,GACT,IAVkC,SAAS,CAWzD,EACN,uBAAC,kBAA4B,IAC5B,QAAQ,EAAG,eAAe,EAC1B,QAAQ,EAAG,QAAQ,EACnB,cAAc,EAAG,cAAc,EAC/B,uBAAuB,EAAG,uBAAuB,EACjD,uBAAuB,EAAG,uBAAuB,EACjD,+BAA+B,EAAG,+BAA+B,EACjE,kBAAkB,EAAG,kBAAkB,EACvC,eAAe,EAAG,eAAe,GAChC,IACA,CACH,KA/CK,GAAI,QAAS,IAAK,QAAS,EAAE,CAgDb,CACvB,CAAC;IACH,CAAC,CACD,CAAC;AACH,CAAC,CAAC;AAEF,kBAAe,gBAAgB,CAAC"}

package/dist/cjs/components/features-grid/plan-headers.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const calypso_products_1 = require("@automattic/calypso-products");
+const clsx_1 = tslib_1.__importDefault(require("clsx"));
+const plan_div_td_container_1 = tslib_1.__importDefault(require("../plan-div-td-container"));
+const PlanHeaders = ({ options, renderedGridPlans }) => {
+    return renderedGridPlans.map(({ planSlug, planTitle }) => {
+        const headerClasses = (0, clsx_1.default)('plan-features-2023-grid__header', (0, calypso_products_1.getPlanClass)(planSlug));
+        return ((0, jsx_runtime_1.jsx)(plan_div_td_container_1.default, { className: "plan-features-2023-grid__table-item", isTableCell: options?.isTableCell, children: (0, jsx_runtime_1.jsx)("header", { className: headerClasses, children: (0, jsx_runtime_1.jsx)("h4", { className: "plan-features-2023-grid__header-title", children: planTitle }) }) }, planSlug));
+    });
+};
+exports.default = PlanHeaders;
+//# sourceMappingURL=plan-headers.js.map

package/dist/cjs/components/features-grid/plan-headers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"plan-headers.js","sourceRoot":"","sources":["../../../../src/components/features-grid/plan-headers.tsx"],"names":[],"mappings":";;;;AAAA,mEAA4D;AAC5D,wDAAwB;AAExB,6FAA4D;AAS5D,MAAM,WAAW,GAAG,CAAE,EAAE,OAAO,EAAE,iBAAiB,EAAoB,EAAG,EAAE;IAC1E,OAAO,iBAAiB,CAAC,GAAG,CAAE,CAAE,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAG,EAAE;QAC3D,MAAM,aAAa,GAAG,IAAA,cAAI,EAAE,iCAAiC,EAAE,IAAA,+BAAY,EAAE,QAAQ,CAAE,CAAE,CAAC;QAE1F,OAAO,CACN,uBAAC,+BAAoB,IAEpB,SAAS,EAAC,qCAAqC,EAC/C,WAAW,EAAG,OAAO,EAAE,WAAW,YAElC,mCAAQ,SAAS,EAAG,aAAa,YAChC,+BAAI,SAAS,EAAC,uCAAuC,YAAG,SAAS,GAAO,GAChE,IANH,QAAQ,CAOQ,CACvB,CAAC;IACH,CAAC,CAAE,CAAC;AACL,CAAC,CAAC;AAEF,kBAAe,WAAW,CAAC"}

package/dist/cjs/components/features-grid/plan-logos.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const plan_logo_1 = tslib_1.__importDefault(require("../plan-logo"));
+const PlanLogos = ({ isInSignup, options, renderedGridPlans }) => {
+    return renderedGridPlans.map(({ planSlug }, index) => {
+        return ((0, jsx_runtime_1.jsx)(plan_logo_1.default, { planSlug: planSlug, planIndex: index, renderedGridPlans: renderedGridPlans, isInSignup: isInSignup, isTableCell: options?.isTableCell }, planSlug));
+    });
+};
+exports.default = PlanLogos;
+//# sourceMappingURL=plan-logos.js.map

package/dist/cjs/components/features-grid/plan-logos.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"plan-logos.js","sourceRoot":"","sources":["../../../../src/components/features-grid/plan-logos.tsx"],"names":[],"mappings":";;;;AACA,qEAAoC;AAUpC,MAAM,SAAS,GAAG,CAAE,EAAE,UAAU,EAAE,OAAO,EAAE,iBAAiB,EAAkB,EAAG,EAAE;IAClF,OAAO,iBAAiB,CAAC,GAAG,CAAE,CAAE,EAAE,QAAQ,EAAE,EAAE,KAAK,EAAG,EAAE;QACvD,OAAO,CACN,uBAAC,mBAAQ,IAER,QAAQ,EAAG,QAAQ,EACnB,SAAS,EAAG,KAAK,EACjB,iBAAiB,EAAG,iBAAiB,EACrC,UAAU,EAAG,UAAU,EACvB,WAAW,EAAG,OAAO,EAAE,WAAW,IAL5B,QAAQ,CAMb,CACF,CAAC;IACH,CAAC,CAAE,CAAC;AACL,CAAC,CAAC;AAEF,kBAAe,SAAS,CAAC"}

package/dist/cjs/components/features-grid/plan-prices.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const plan_div_td_container_1 = tslib_1.__importDefault(require("../plan-div-td-container"));
+const header_price_1 = tslib_1.__importDefault(require("../shared/header-price"));
+const header_price_context_1 = tslib_1.__importDefault(require("../shared/header-price/header-price-context"));
+const PlanPrices = ({ currentSitePlanSlug, options, renderedGridPlans }) => {
+    return ((0, jsx_runtime_1.jsx)(header_price_context_1.default, { children: renderedGridPlans.map(({ planSlug }) => {
+            return ((0, jsx_runtime_1.jsx)(plan_div_td_container_1.default, { scope: "col", className: "plan-features-2023-grid__table-item plan-price", isTableCell: options?.isTableCell, children: (0, jsx_runtime_1.jsx)(header_price_1.default, { planSlug: planSlug, currentSitePlanSlug: currentSitePlanSlug, visibleGridPlans: renderedGridPlans }) }, planSlug));
+        }) }));
+};
+exports.default = PlanPrices;
+//# sourceMappingURL=plan-prices.js.map

package/dist/cjs/components/features-grid/plan-prices.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"plan-prices.js","sourceRoot":"","sources":["../../../../src/components/features-grid/plan-prices.tsx"],"names":[],"mappings":";;;;AACA,6FAA4D;AAC5D,kFAAiD;AACjD,+GAAqF;AAUrF,MAAM,UAAU,GAAG,CAAE,EAAE,mBAAmB,EAAE,OAAO,EAAE,iBAAiB,EAAmB,EAAG,EAAE;IAC7F,OAAO,CACN,uBAAC,8BAA0B,cACxB,iBAAiB,CAAC,GAAG,CAAE,CAAE,EAAE,QAAQ,EAAE,EAAG,EAAE;YAC3C,OAAO,CACN,uBAAC,+BAAoB,IACpB,KAAK,EAAC,KAAK,EAEX,SAAS,EAAC,gDAAgD,EAC1D,WAAW,EAAG,OAAO,EAAE,WAAW,YAElC,uBAAC,sBAAW,IACX,QAAQ,EAAG,QAAQ,EACnB,mBAAmB,EAAG,mBAAmB,EACzC,gBAAgB,EAAG,iBAAiB,GACnC,IARI,QAAQ,CASQ,CACvB,CAAC;QACH,CAAC,CAAE,GACyB,CAC7B,CAAC;AACH,CAAC,CAAC;AAEF,kBAAe,UAAU,CAAC"}

package/dist/cjs/components/features-grid/plan-tagline.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const plan_div_td_container_1 = tslib_1.__importDefault(require("../plan-div-td-container"));
+const PlanTagline = ({ options, renderedGridPlans }) => {
+    return renderedGridPlans.map(({ planSlug, tagline }) => {
+        return ((0, jsx_runtime_1.jsx)(plan_div_td_container_1.default, { className: "plan-features-2023-grid__table-item", isTableCell: options?.isTableCell, children: (0, jsx_runtime_1.jsx)("div", { className: "plan-features-2023-grid__header-tagline", children: tagline }) }, planSlug));
+    });
+};
+exports.default = PlanTagline;
+//# sourceMappingURL=plan-tagline.js.map

package/dist/cjs/components/features-grid/plan-tagline.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"plan-tagline.js","sourceRoot":"","sources":["../../../../src/components/features-grid/plan-tagline.tsx"],"names":[],"mappings":";;;;AACA,6FAA4D;AAS5D,MAAM,WAAW,GAAG,CAAE,EAAE,OAAO,EAAE,iBAAiB,EAAoB,EAAG,EAAE;IAC1E,OAAO,iBAAiB,CAAC,GAAG,CAAE,CAAE,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAG,EAAE;QACzD,OAAO,CACN,uBAAC,+BAAoB,IAEpB,SAAS,EAAC,qCAAqC,EAC/C,WAAW,EAAG,OAAO,EAAE,WAAW,YAElC,gCAAK,SAAS,EAAC,yCAAyC,YAAG,OAAO,GAAQ,IAJpE,QAAQ,CAKQ,CACvB,CAAC;IACH,CAAC,CAAE,CAAC;AACL,CAAC,CAAC;AAEF,kBAAe,WAAW,CAAC"}

package/dist/cjs/components/features-grid/previous-features-included-title.js

@@ -0,0 +1,36 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const calypso_products_1 = require("@automattic/calypso-products");
+const element_1 = require("@wordpress/element");
+const clsx_1 = tslib_1.__importDefault(require("clsx"));
+const i18n_calypso_1 = require("i18n-calypso");
+const grid_context_1 = require("../../grid-context");
+const plan_div_td_container_1 = tslib_1.__importDefault(require("../plan-div-td-container"));
+const PreviousFeaturesIncludedTitle = ({ renderedGridPlans, options, }) => {
+    const translate = (0, i18n_calypso_1.useTranslate)();
+    /**
+     * This is a pretty critical and fragile, as it filters out the enterprise plan.
+     * If the plan sits anywhere else but the tail/end, it will most likely break the grid (render wrong parts at wrong places).
+     */
+    const plansWithFeatures = (0, element_1.useMemo)(() => {
+        return renderedGridPlans.filter((gridPlan) => !(0, calypso_products_1.isWpcomEnterpriseGridPlan)(gridPlan.planSlug));
+    }, [renderedGridPlans]);
+    const { gridPlans } = (0, grid_context_1.usePlansGridContext)();
+    return plansWithFeatures.map(({ planSlug }) => {
+        const shouldShowFeatureTitle = !(0, calypso_products_1.isWpComFreePlan)(planSlug);
+        const indexInGridPlansForFeaturesGrid = gridPlans.findIndex(({ planSlug: slug }) => slug === planSlug);
+        const previousProductName = indexInGridPlansForFeaturesGrid > 0
+            ? gridPlans[indexInGridPlansForFeaturesGrid - 1].productNameShort
+            : null;
+        const title = previousProductName &&
+            translate('Everything in %(planShortName)s, plus:', {
+                args: { planShortName: previousProductName },
+            });
+        const classes = (0, clsx_1.default)('plan-features-2023-grid__common-title', (0, calypso_products_1.getPlanClass)(planSlug));
+        return ((0, jsx_runtime_1.jsx)(plan_div_td_container_1.default, { isTableCell: options?.isTableCell, className: "plan-features-2023-grid__table-item", children: shouldShowFeatureTitle && (0, jsx_runtime_1.jsx)("div", { className: classes, children: title }) }, planSlug));
+    });
+};
+exports.default = PreviousFeaturesIncludedTitle;
+//# sourceMappingURL=previous-features-included-title.js.map

package/dist/cjs/components/features-grid/previous-features-included-title.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"previous-features-included-title.js","sourceRoot":"","sources":["../../../../src/components/features-grid/previous-features-included-title.tsx"],"names":[],"mappings":";;;;AAAA,mEAIsC;AACtC,gDAA6C;AAC7C,wDAAwB;AACxB,+CAA4C;AAC5C,qDAAyD;AAEzD,6FAA4D;AAS5D,MAAM,6BAA6B,GAAG,CAAE,EACvC,iBAAiB,EACjB,OAAO,GAC6B,EAAG,EAAE;IACzC,MAAM,SAAS,GAAG,IAAA,2BAAY,GAAE,CAAC;IAEjC;;;OAGG;IACH,MAAM,iBAAiB,GAAG,IAAA,iBAAO,EAAE,GAAG,EAAE;QACvC,OAAO,iBAAiB,CAAC,MAAM,CAC9B,CAAE,QAAQ,EAAG,EAAE,CAAC,CAAE,IAAA,4CAAyB,EAAE,QAAQ,CAAC,QAAQ,CAAE,CAChE,CAAC;IACH,CAAC,EAAE,CAAE,iBAAiB,CAAE,CAAE,CAAC;IAE3B,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,kCAAmB,GAAE,CAAC;IAE5C,OAAO,iBAAiB,CAAC,GAAG,CAAE,CAAE,EAAE,QAAQ,EAAE,EAAG,EAAE;QAChD,MAAM,sBAAsB,GAAG,CAAE,IAAA,kCAAe,EAAE,QAAQ,CAAE,CAAC;QAC7D,MAAM,+BAA+B,GAAG,SAAS,CAAC,SAAS,CAC1D,CAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,EAAG,EAAE,CAAC,IAAI,KAAK,QAAQ,CAC3C,CAAC;QACF,MAAM,mBAAmB,GACxB,+BAA+B,GAAG,CAAC;YAClC,CAAC,CAAC,SAAS,CAAE,+BAA+B,GAAG,CAAC,CAAE,CAAC,gBAAgB;YACnE,CAAC,CAAC,IAAI,CAAC;QACT,MAAM,KAAK,GACV,mBAAmB;YACnB,SAAS,CAAE,wCAAwC,EAAE;gBACpD,IAAI,EAAE,EAAE,aAAa,EAAE,mBAAmB,EAAE;aAC5C,CAAE,CAAC;QACL,MAAM,OAAO,GAAG,IAAA,cAAI,EAAE,uCAAuC,EAAE,IAAA,+BAAY,EAAE,QAAQ,CAAE,CAAE,CAAC;QAE1F,OAAO,CACN,uBAAC,+BAAoB,IAEpB,WAAW,EAAG,OAAO,EAAE,WAAW,EAClC,SAAS,EAAC,qCAAqC,YAE7C,sBAAsB,IAAI,gCAAK,SAAS,EAAG,OAAO,YAAK,KAAK,GAAQ,IAJhE,QAAQ,CAKQ,CACvB,CAAC;IACH,CAAC,CAAE,CAAC;AACL,CAAC,CAAC;AAEF,kBAAe,6BAA6B,CAAC"}

package/dist/cjs/components/features-grid/spotlight-plan.js

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const calypso_products_1 = require("@automattic/calypso-products");
+const clsx_1 = tslib_1.__importDefault(require("clsx"));
+const billing_timeframes_1 = tslib_1.__importDefault(require("./billing-timeframes"));
+const plan_features_list_1 = tslib_1.__importDefault(require("./plan-features-list"));
+const plan_headers_1 = tslib_1.__importDefault(require("./plan-headers"));
+const plan_logos_1 = tslib_1.__importDefault(require("./plan-logos"));
+const plan_prices_1 = tslib_1.__importDefault(require("./plan-prices"));
+const plan_tagline_1 = tslib_1.__importDefault(require("./plan-tagline"));
+const top_buttons_1 = tslib_1.__importDefault(require("./top-buttons"));
+require("./spotlight-plan.scss");
+const SpotlightPlan = ({ currentSitePlanSlug, gridPlanForSpotlight, isInSignup, onStorageAddOnClick, planActionOverrides, showUpgradeableStorage, }) => {
+    if (!gridPlanForSpotlight) {
+        return null;
+    }
+    const spotlightPlanClasses = (0, clsx_1.default)('plan-features-2023-grid__plan-spotlight', (0, calypso_products_1.getPlanClass)(gridPlanForSpotlight.planSlug));
+    const isNotFreePlan = !(0, calypso_products_1.isFreePlan)(gridPlanForSpotlight.planSlug);
+    return ((0, jsx_runtime_1.jsxs)("div", { className: spotlightPlanClasses, children: [(0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(plan_logos_1.default, { renderedGridPlans: [gridPlanForSpotlight], isInSignup: false }), (0, jsx_runtime_1.jsx)(plan_headers_1.default, { renderedGridPlans: [gridPlanForSpotlight] }), isNotFreePlan && (0, jsx_runtime_1.jsx)(plan_tagline_1.default, { renderedGridPlans: [gridPlanForSpotlight] }), isNotFreePlan && ((0, jsx_runtime_1.jsx)(plan_prices_1.default, { renderedGridPlans: [gridPlanForSpotlight], currentSitePlanSlug: currentSitePlanSlug })), isNotFreePlan && (0, jsx_runtime_1.jsx)(billing_timeframes_1.default, { renderedGridPlans: [gridPlanForSpotlight] }), (0, jsx_runtime_1.jsx)(plan_features_list_1.default, { renderedGridPlans: [gridPlanForSpotlight], featureGroupSlug: calypso_products_1.FEATURE_GROUP_STORAGE, onStorageAddOnClick: onStorageAddOnClick, showUpgradeableStorage: showUpgradeableStorage })] }), (0, jsx_runtime_1.jsx)("div", { className: "spotlight-plan__buttons", children: (0, jsx_runtime_1.jsx)(top_buttons_1.default, { renderedGridPlans: [gridPlanForSpotlight], isInSignup: isInSignup, currentSitePlanSlug: currentSitePlanSlug, planActionOverrides: planActionOverrides }) })] }));
+};
+exports.default = SpotlightPlan;
+//# sourceMappingURL=spotlight-plan.js.map

package/dist/cjs/components/features-grid/spotlight-plan.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"spotlight-plan.js","sourceRoot":"","sources":["../../../../src/components/features-grid/spotlight-plan.tsx"],"names":[],"mappings":";;;;AAAA,mEAA+F;AAE/F,wDAAwB;AAExB,sFAAqD;AACrD,sFAAoD;AACpD,0EAAyC;AACzC,sEAAqC;AACrC,wEAAuC;AACvC,0EAAyC;AACzC,wEAAuC;AACvC,iCAA+B;AAc/B,MAAM,aAAa,GAAG,CAAE,EACvB,mBAAmB,EACnB,oBAAoB,EACpB,UAAU,EACV,mBAAmB,EACnB,mBAAmB,EACnB,sBAAsB,GACF,EAAG,EAAE;IACzB,IAAK,CAAE,oBAAoB,EAAG,CAAC;QAC9B,OAAO,IAAI,CAAC;IACb,CAAC;IAED,MAAM,oBAAoB,GAAG,IAAA,cAAI,EAChC,yCAAyC,EACzC,IAAA,+BAAY,EAAE,oBAAoB,CAAC,QAAQ,CAAE,CAC7C,CAAC;IAEF,MAAM,aAAa,GAAG,CAAE,IAAA,6BAAU,EAAE,oBAAoB,CAAC,QAAQ,CAAE,CAAC;IAEpE,OAAO,CACN,iCAAK,SAAS,EAAG,oBAAoB,aACpC,4CACC,uBAAC,oBAAS,IAAC,iBAAiB,EAAG,CAAE,oBAAoB,CAAE,EAAG,UAAU,EAAG,KAAK,GAAK,EACjF,uBAAC,sBAAW,IAAC,iBAAiB,EAAG,CAAE,oBAAoB,CAAE,GAAK,EAC5D,aAAa,IAAI,uBAAC,sBAAW,IAAC,iBAAiB,EAAG,CAAE,oBAAoB,CAAE,GAAK,EAC/E,aAAa,IAAI,CAClB,uBAAC,qBAAU,IACV,iBAAiB,EAAG,CAAE,oBAAoB,CAAE,EAC5C,mBAAmB,EAAG,mBAAmB,GACxC,CACF,EACC,aAAa,IAAI,uBAAC,4BAAiB,IAAC,iBAAiB,EAAG,CAAE,oBAAoB,CAAE,GAAK,EACvF,uBAAC,4BAAgB,IAChB,iBAAiB,EAAG,CAAE,oBAAoB,CAAE,EAC5C,gBAAgB,EAAG,wCAAqB,EACxC,mBAAmB,EAAG,mBAAmB,EACzC,sBAAsB,EAAG,sBAAsB,GAC9C,IACG,EACN,gCAAK,SAAS,EAAC,yBAAyB,YACvC,uBAAC,qBAAU,IACV,iBAAiB,EAAG,CAAE,oBAAoB,CAAE,EAC5C,UAAU,EAAG,UAAU,EACvB,mBAAmB,EAAG,mBAAmB,EACzC,mBAAmB,EAAG,mBAAmB,GACxC,GACG,IACD,CACN,CAAC;AACH,CAAC,CAAC;AAEF,kBAAe,aAAa,CAAC"}

package/dist/cjs/components/features-grid/spotlight-plan.scss

@@ -0,0 +1,5 @@
+.plan-features-2023-grid__plan-spotlight {
+	.plans-grid-next-action-button {
+		width: 200px;
+	}
+}