@automattic/plans-grid-next 1.0.0

package/dist/esm/fixtures/sites-purchases.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sites-purchases.js","sourceRoot":"","sources":["../../../src/fixtures/sites-purchases.ts"],"names":[],"mappings":"AAAA,eAAe;IACd;QACC,EAAE,EAAE,SAAS;QACb,OAAO,EAAE,WAAW;QACpB,OAAO,EAAE,WAAW;QACpB,UAAU,EAAE,MAAM;QAClB,eAAe,EAAE,2BAA2B;QAC5C,KAAK,EAAE,GAAG;QACV,UAAU,EAAE,GAAG;QACf,UAAU,EAAE,2BAA2B;QACvC,aAAa,EAAE,IAAI;QACnB,MAAM,EAAE,GAAG;QACX,IAAI,EAAE,EAAE;QACR,YAAY,EAAE,UAAU;QACxB,sBAAsB,EAAE,2BAA2B;QACnD,MAAM,EAAE,KAAK;QACb,WAAW,EAAE,2BAA2B;QACxC,cAAc,EAAE,uBAAuB;QACvC,kBAAkB,EAAE,EAAE;QACtB,aAAa,EAAE,QAAQ;QACvB,YAAY,EAAE,IAAI;QAClB,YAAY,EAAE,IAAI;QAClB,YAAY,EAAE,IAAI;QAClB,cAAc,EAAE,IAAI;QACpB,mBAAmB,EAAE,QAAQ;QAC7B,YAAY,EAAE,mBAAmB;QACjC,YAAY,EAAE,SAAS;QACvB,iBAAiB,EAAE,2BAA2B;QAC9C,QAAQ,EAAE,EAAE;QACZ,MAAM,EAAE,mBAAmB;QAC3B,WAAW,EAAE,EAAE;QACf,YAAY,EAAE,MAAM;QACpB,uBAAuB,EAAE,IAAI;QAC7B,eAAe,EAAE,EAAE;QACnB,+BAA+B,EAAE,CAAC;QAClC,aAAa,EAAE,KAAK;QACpB,eAAe,EAAE,IAAI;QACrB,uBAAuB,EAAE,oBAAoB;QAC7C,iCAAiC,EAAE,GAAG;QACtC,uBAAuB,EAAE,oBAAoB;QAC7C,iCAAiC,EAAE,GAAG;QACtC,eAAe,EAAE;YAChB;gBACC,aAAa,EAAE,CAAC;gBAChB,aAAa,EAAE,GAAG;gBAClB,aAAa,EAAE,KAAK;gBACpB,aAAa,EAAE,KAAK;gBACpB,qBAAqB,EAAE,UAAU;gBACjC,qBAAqB,EAAE,UAAU;aACjC;YACD;gBACC,aAAa,EAAE,GAAG;gBAClB,aAAa,EAAE,GAAG;gBAClB,aAAa,EAAE,KAAK;gBACpB,aAAa,EAAE,KAAK;gBACpB,qBAAqB,EAAE,UAAU;gBACjC,qBAAqB,EAAE,UAAU;aACjC;YACD;gBACC,aAAa,EAAE,GAAG;gBAClB,aAAa,EAAE,GAAG;gBAClB,aAAa,EAAE,KAAK;gBACpB,aAAa,EAAE,KAAK;gBACpB,qBAAqB,EAAE,UAAU;gBACjC,qBAAqB,EAAE,UAAU;aACjC;YACD;gBACC,aAAa,EAAE,GAAG;gBAClB,aAAa,EAAE,GAAG;gBAClB,aAAa,EAAE,MAAM;gBACrB,aAAa,EAAE,MAAM;gBACrB,qBAAqB,EAAE,YAAY;gBACnC,qBAAqB,EAAE,YAAY;aACnC;YACD;gBACC,aAAa,EAAE,GAAG;gBAClB,aAAa,EAAE,IAAI;gBACnB,aAAa,EAAE,MAAM;gBACrB,aAAa,EAAE,MAAM;gBACrB,qBAAqB,EAAE,YAAY;gBACnC,qBAAqB,EAAE,YAAY;aACnC;SACD;QACD,sBAAsB,EAAE,IAAI;QAC5B,qCAAqC,EAAE,IAAI;QAC3C,UAAU,EAAE,UAAU;QACtB,iBAAiB,EAAE,UAAU;QAC7B,gBAAgB,EAAE,GAAG;QACrB,kBAAkB,EAAE,UAAU;QAC9B,qBAAqB,EAAE,KAAK;QAC5B,qBAAqB,EAAE,kDAAkD;QACzE,aAAa,EAAE,KAAK;QACpB,aAAa,EAAE,IAAI;QACnB,kCAAkC,EAAE,KAAK;QACzC,kBAAkB,EAAE,IAAI;QACxB,sBAAsB,EAAE,IAAI;QAC5B,yBAAyB,EAAE,KAAK;QAChC,4BAA4B,EAAE,IAAI;QAClC,eAAe,EAAE,KAAK;QACtB,SAAS,EAAE,KAAK;QAChB,aAAa,EAAE,IAAI;QACnB,qBAAqB,EAAE,EAAE;QACzB,YAAY,EAAE,IAAI;QAClB,UAAU,EAAE,KAAK;QACjB,wBAAwB,EAAE,KAAK;QAC/B,oBAAoB,EAAE,KAAK;QAC3B,aAAa,EAAE,MAAM;QACrB,cAAc,EAAE,KAAK;QACrB,sBAAsB,EAAE,IAAI;QAC5B,WAAW,EAAE,UAAU;QACvB,cAAc,EAAE,IAAI;QACpB,mBAAmB,EAAE,MAAM;QAC3B,oBAAoB,EAAE,KAAK;QAC3B,qBAAqB,EAAE,KAAK;QAC5B,iBAAiB,EAAE,UAAU;QAC7B,SAAS,EAAE,KAAK;QAChB,sBAAsB,EAAE,IAAI;QAC5B,eAAe,EAAE,SAAS;QAC1B,iBAAiB,EAAE,MAAM;QACzB,eAAe,EAAE,MAAM;QACvB,wBAAwB,EAAE,UAAU;QACpC,cAAc,EAAE,OAAO;QACvB,iBAAiB,EAAE,SAAS;QAC5B,YAAY,EAAE,WAAW;QACzB,oBAAoB,EAAE,IAAI;QAC1B,oBAAoB,EAAE,eAAe;QACrC,cAAc,EAAE,IAAI;QACpB,YAAY,EAAE,aAAa;KAC3B;CACD,CAAC"}

package/dist/esm/grid-context.js

@@ -0,0 +1,36 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createContext, useContext } from '@wordpress/element';
+const PlansGridContext = createContext({});
+const PlansGridContextProvider = ({ intent, gridPlans, useCheckPlanAvailabilityForPurchase, useAction, recordTracksEvent, allFeaturesList, siteId, children, coupon, enableFeatureTooltips, enableCategorisedFeatures, enableStorageAsBadge, enableReducedFeatureGroupSpacing, enableLogosOnlyForEnterprisePlan, enableTermSavingsPriceDisplay, featureGroupMap, hideUnsupportedFeatures, hideFeatureGroupTitles, enterpriseFeaturesList, reflectStorageSelectionInPlanPrices, }) => {
+    const gridPlansIndex = gridPlans.reduce((acc, gridPlan) => ({
+        ...acc,
+        [gridPlan.planSlug]: gridPlan,
+    }), {});
+    return (_jsx(PlansGridContext.Provider, { value: {
+            intent,
+            siteId,
+            gridPlans,
+            gridPlansIndex,
+            allFeaturesList,
+            helpers: {
+                useCheckPlanAvailabilityForPurchase,
+                useAction,
+                recordTracksEvent,
+            },
+            coupon,
+            enableFeatureTooltips,
+            enableCategorisedFeatures,
+            enableStorageAsBadge,
+            enableReducedFeatureGroupSpacing,
+            enableLogosOnlyForEnterprisePlan,
+            enableTermSavingsPriceDisplay,
+            featureGroupMap,
+            hideUnsupportedFeatures,
+            hideFeatureGroupTitles,
+            enterpriseFeaturesList,
+            reflectStorageSelectionInPlanPrices,
+        }, children: children }));
+};
+export const usePlansGridContext = () => useContext(PlansGridContext);
+export default PlansGridContextProvider;
+//# sourceMappingURL=grid-context.js.map

package/dist/esm/grid-context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"grid-context.js","sourceRoot":"","sources":["../../src/grid-context.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAmC/D,MAAM,gBAAgB,GAAG,aAAa,CAAsB,EAAsB,CAAE,CAAC;AAErF,MAAM,wBAAwB,GAAG,CAAE,EAClC,MAAM,EACN,SAAS,EACT,mCAAmC,EACnC,SAAS,EACT,iBAAiB,EACjB,eAAe,EACf,MAAM,EACN,QAAQ,EACR,MAAM,EACN,qBAAqB,EACrB,yBAAyB,EACzB,oBAAoB,EACpB,gCAAgC,EAChC,gCAAgC,EAChC,6BAA6B,EAC7B,eAAe,EACf,uBAAuB,EACvB,sBAAsB,EACtB,sBAAsB,EACtB,mCAAmC,GACjB,EAAG,EAAE;IACvB,MAAM,cAAc,GAAG,SAAS,CAAC,MAAM,CACtC,CAAE,GAAG,EAAE,QAAQ,EAAG,EAAE,CAAC,CAAE;QACtB,GAAG,GAAG;QACN,CAAE,QAAQ,CAAC,QAAQ,CAAE,EAAE,QAAQ;KAC/B,CAAE,EACH,EAAE,CACF,CAAC;IAEF,OAAO,CACN,KAAC,gBAAgB,CAAC,QAAQ,IACzB,KAAK,EAAG;YACP,MAAM;YACN,MAAM;YACN,SAAS;YACT,cAAc;YACd,eAAe;YACf,OAAO,EAAE;gBACR,mCAAmC;gBACnC,SAAS;gBACT,iBAAiB;aACjB;YACD,MAAM;YACN,qBAAqB;YACrB,yBAAyB;YACzB,oBAAoB;YACpB,gCAAgC;YAChC,gCAAgC;YAChC,6BAA6B;YAC7B,eAAe;YACf,uBAAuB;YACvB,sBAAsB;YACtB,sBAAsB;YACtB,mCAAmC;SACnC,YAEC,QAAQ,GACiB,CAC5B,CAAC;AACH,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,mBAAmB,GAAG,GAAqB,EAAE,CAAC,UAAU,CAAE,gBAAgB,CAAE,CAAC;AAI1F,eAAe,wBAAwB,CAAC"}

package/dist/esm/hooks/data-store/is-popular-plan.js

@@ -0,0 +1,5 @@
+import { isPremiumPlan, isWooExpressMediumPlan } from '@automattic/calypso-products';
+export function isPopularPlan(planSlug) {
+    return isPremiumPlan(planSlug) || isWooExpressMediumPlan(planSlug);
+}
+//# sourceMappingURL=is-popular-plan.js.map

package/dist/esm/hooks/data-store/is-popular-plan.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"is-popular-plan.js","sourceRoot":"","sources":["../../../../src/hooks/data-store/is-popular-plan.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,sBAAsB,EAAE,MAAM,8BAA8B,CAAC;AAErF,MAAM,UAAU,aAAa,CAAE,QAAgB;IAC9C,OAAO,aAAa,CAAE,QAAQ,CAAE,IAAI,sBAAsB,CAAE,QAAQ,CAAE,CAAC;AACxE,CAAC"}

package/dist/esm/hooks/data-store/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/hooks/data-store/types.ts"],"names":[],"mappings":""}

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

@@ -0,0 +1,16 @@
+import { getPlanClass } from '@automattic/calypso-products';
+import { Plans } from '@automattic/data-stores';
+import { useMemo } from '@wordpress/element';
+const SPOTLIGHT_ENABLED_INTENTS = ['plans-default-wpcom'];
+const useGridPlanForSpotlight = ({ gridPlans, intent, isSpotlightOnCurrentPlan, siteId, }) => {
+    const currentPlan = Plans.useCurrentPlan({ siteId });
+    const sitePlanSlug = currentPlan?.planSlug;
+    return useMemo(() => {
+        const isIntentSpotlightEnabled = intent ? SPOTLIGHT_ENABLED_INTENTS.includes(intent) : false;
+        return gridPlans && sitePlanSlug && isSpotlightOnCurrentPlan && isIntentSpotlightEnabled
+            ? gridPlans.find(({ planSlug }) => getPlanClass(planSlug) === getPlanClass(sitePlanSlug))
+            : undefined;
+    }, [sitePlanSlug, isSpotlightOnCurrentPlan, intent, gridPlans]);
+};
+export default useGridPlanForSpotlight;
+//# sourceMappingURL=use-grid-plan-for-spotlight.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use-grid-plan-for-spotlight.js","sourceRoot":"","sources":["../../../../src/hooks/data-store/use-grid-plan-for-spotlight.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAC5D,OAAO,EAAE,KAAK,EAAE,MAAM,yBAAyB,CAAC;AAChD,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAG7C,MAAM,yBAAyB,GAAG,CAAE,qBAAqB,CAAE,CAAC;AAS5D,MAAM,uBAAuB,GAAG,CAAE,EACjC,SAAS,EACT,MAAM,EACN,wBAAwB,EACxB,MAAM,GACE,EAAyB,EAAE;IACnC,MAAM,WAAW,GAAG,KAAK,CAAC,cAAc,CAAE,EAAE,MAAM,EAAE,CAAE,CAAC;IACvD,MAAM,YAAY,GAAG,WAAW,EAAE,QAAQ,CAAC;IAE3C,OAAO,OAAO,CAAE,GAAG,EAAE;QACpB,MAAM,wBAAwB,GAAG,MAAM,CAAC,CAAC,CAAC,yBAAyB,CAAC,QAAQ,CAAE,MAAM,CAAE,CAAC,CAAC,CAAC,KAAK,CAAC;QAE/F,OAAO,SAAS,IAAI,YAAY,IAAI,wBAAwB,IAAI,wBAAwB;YACvF,CAAC,CAAC,SAAS,CAAC,IAAI,CACd,CAAE,EAAE,QAAQ,EAAE,EAAG,EAAE,CAAC,YAAY,CAAE,QAAQ,CAAE,KAAK,YAAY,CAAE,YAAY,CAAE,CAC5E;YACH,CAAC,CAAC,SAAS,CAAC;IACd,CAAC,EAAE,CAAE,YAAY,EAAE,wBAAwB,EAAE,MAAM,EAAE,SAAS,CAAE,CAAE,CAAC;AACpE,CAAC,CAAC;AAEF,eAAe,uBAAuB,CAAC"}

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

@@ -0,0 +1,52 @@
+import { PLAN_ENTERPRISE_GRID_WPCOM, PLAN_HOSTING_TRIAL_MONTHLY, } from '@automattic/calypso-products';
+import { useMemo } from '@wordpress/element';
+import useGridPlans from './use-grid-plans';
+import useRestructuredPlanFeaturesForComparisonGrid from './use-restructured-plan-features-for-comparison-grid';
+const HIDDEN_PLANS = [PLAN_HOSTING_TRIAL_MONTHLY, PLAN_ENTERPRISE_GRID_WPCOM];
+const useGridPlansForComparisonGrid = ({ allFeaturesList, coupon, eligibleForFreeHostingTrial, hasRedeemedDomainCredit, hiddenPlans, intent, isDisplayingPlansNeededForFeature, isSubdomainNotGenerated, selectedFeature, selectedPlan, showLegacyStorageFeature, siteId, term, useCheckPlanAvailabilityForPurchase, useFreeTrialPlanSlugs, isDomainOnlySite, reflectStorageSelectionInPlanPrices, }) => {
+    const gridPlans = useGridPlans({
+        allFeaturesList,
+        coupon,
+        eligibleForFreeHostingTrial,
+        hiddenPlans,
+        intent,
+        isDisplayingPlansNeededForFeature,
+        isSubdomainNotGenerated,
+        selectedFeature,
+        selectedPlan,
+        siteId,
+        showLegacyStorageFeature,
+        term,
+        useCheckPlanAvailabilityForPurchase,
+        useFreeTrialPlanSlugs,
+        isDomainOnlySite,
+        reflectStorageSelectionInPlanPrices,
+    });
+    const planFeaturesForComparisonGrid = useRestructuredPlanFeaturesForComparisonGrid({
+        gridPlans: gridPlans || [],
+        allFeaturesList,
+        hasRedeemedDomainCredit,
+        intent,
+        selectedFeature,
+        showLegacyStorageFeature,
+    });
+    return useMemo(() => {
+        if (!gridPlans) {
+            return null;
+        }
+        return gridPlans.reduce((acc, gridPlan) => {
+            if (gridPlan.isVisible && !HIDDEN_PLANS.includes(gridPlan.planSlug)) {
+                return [
+                    ...acc,
+                    {
+                        ...gridPlan,
+                        features: planFeaturesForComparisonGrid[gridPlan.planSlug],
+                    },
+                ];
+            }
+            return acc;
+        }, []);
+    }, [gridPlans, planFeaturesForComparisonGrid]);
+};
+export default useGridPlansForComparisonGrid;
+//# sourceMappingURL=use-grid-plans-for-comparison-grid.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use-grid-plans-for-comparison-grid.js","sourceRoot":"","sources":["../../../../src/hooks/data-store/use-grid-plans-for-comparison-grid.ts"],"names":[],"mappings":"AAAA,OAAO,EACN,0BAA0B,EAC1B,0BAA0B,GAC1B,MAAM,8BAA8B,CAAC;AACtC,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAC7C,OAAO,YAAY,MAAM,kBAAkB,CAAC;AAC5C,OAAO,4CAA4C,MAAM,sDAAsD,CAAC;AAIhH,MAAM,YAAY,GAAG,CAAE,0BAA0B,EAAE,0BAA0B,CAAE,CAAC;AAEhF,MAAM,6BAA6B,GAAG,CAAE,EACvC,eAAe,EACf,MAAM,EACN,2BAA2B,EAC3B,uBAAuB,EACvB,WAAW,EACX,MAAM,EACN,iCAAiC,EACjC,uBAAuB,EACvB,eAAe,EACf,YAAY,EACZ,wBAAwB,EACxB,MAAM,EACN,IAAI,EACJ,mCAAmC,EACnC,qBAAqB,EACrB,gBAAgB,EAChB,mCAAmC,GACf,EAAsB,EAAE;IAC5C,MAAM,SAAS,GAAG,YAAY,CAAE;QAC/B,eAAe;QACf,MAAM;QACN,2BAA2B;QAC3B,WAAW;QACX,MAAM;QACN,iCAAiC;QACjC,uBAAuB;QACvB,eAAe;QACf,YAAY;QACZ,MAAM;QACN,wBAAwB;QACxB,IAAI;QACJ,mCAAmC;QACnC,qBAAqB;QACrB,gBAAgB;QAChB,mCAAmC;KACnC,CAAE,CAAC;IAEJ,MAAM,6BAA6B,GAAG,4CAA4C,CAAE;QACnF,SAAS,EAAE,SAAS,IAAI,EAAE;QAC1B,eAAe;QACf,uBAAuB;QACvB,MAAM;QACN,eAAe;QACf,wBAAwB;KACxB,CAAE,CAAC;IAEJ,OAAO,OAAO,CAAE,GAAG,EAAE;QACpB,IAAK,CAAE,SAAS,EAAG,CAAC;YACnB,OAAO,IAAI,CAAC;QACb,CAAC;QAED,OAAO,SAAS,CAAC,MAAM,CAAE,CAAE,GAAG,EAAE,QAAQ,EAAG,EAAE;YAC5C,IAAK,QAAQ,CAAC,SAAS,IAAI,CAAE,YAAY,CAAC,QAAQ,CAAE,QAAQ,CAAC,QAAQ,CAAE,EAAG,CAAC;gBAC1E,OAAO;oBACN,GAAG,GAAG;oBACN;wBACC,GAAG,QAAQ;wBACX,QAAQ,EAAE,6BAA6B,CAAE,QAAQ,CAAC,QAAQ,CAAE;qBAC5D;iBACD,CAAC;YACH,CAAC;YAED,OAAO,GAAG,CAAC;QACZ,CAAC,EAAE,EAAgB,CAAE,CAAC;IACvB,CAAC,EAAE,CAAE,SAAS,EAAE,6BAA6B,CAAE,CAAE,CAAC;AACnD,CAAC,CAAC;AAEF,eAAe,6BAA6B,CAAC"}

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

@@ -0,0 +1,53 @@
+import { useMemo } from '@wordpress/element';
+import useGridPlans from './use-grid-plans';
+import usePlanFeaturesForGridPlans from './use-plan-features-for-grid-plans';
+const useGridPlansForFeaturesGrid = ({ allFeaturesList, coupon, eligibleForFreeHostingTrial, hasRedeemedDomainCredit, hiddenPlans, intent, isDisplayingPlansNeededForFeature, isInSignup, isSubdomainNotGenerated, selectedFeature, selectedPlan, showLegacyStorageFeature, siteId, term, useCheckPlanAvailabilityForPurchase, useFreeTrialPlanSlugs, highlightLabelOverrides, isDomainOnlySite, reflectStorageSelectionInPlanPrices, }) => {
+    const gridPlans = useGridPlans({
+        allFeaturesList,
+        coupon,
+        eligibleForFreeHostingTrial,
+        hasRedeemedDomainCredit,
+        hiddenPlans,
+        intent,
+        isDisplayingPlansNeededForFeature,
+        isSubdomainNotGenerated,
+        selectedFeature,
+        selectedPlan,
+        showLegacyStorageFeature,
+        siteId,
+        term,
+        useCheckPlanAvailabilityForPurchase,
+        useFreeTrialPlanSlugs,
+        highlightLabelOverrides,
+        isDomainOnlySite,
+        reflectStorageSelectionInPlanPrices,
+    });
+    const planFeaturesForFeaturesGrid = usePlanFeaturesForGridPlans({
+        allFeaturesList,
+        gridPlans: gridPlans || [],
+        hasRedeemedDomainCredit,
+        intent,
+        isInSignup,
+        selectedFeature,
+        showLegacyStorageFeature,
+    });
+    return useMemo(() => {
+        if (!gridPlans) {
+            return null;
+        }
+        return gridPlans.reduce((acc, gridPlan) => {
+            if (gridPlan.isVisible) {
+                return [
+                    ...acc,
+                    {
+                        ...gridPlan,
+                        features: planFeaturesForFeaturesGrid[gridPlan.planSlug],
+                    },
+                ];
+            }
+            return acc;
+        }, []);
+    }, [gridPlans, planFeaturesForFeaturesGrid]);
+};
+export default useGridPlansForFeaturesGrid;
+//# sourceMappingURL=use-grid-plans-for-features-grid.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use-grid-plans-for-features-grid.js","sourceRoot":"","sources":["../../../../src/hooks/data-store/use-grid-plans-for-features-grid.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAC7C,OAAO,YAAY,MAAM,kBAAkB,CAAC;AAC5C,OAAO,2BAA2B,MAAM,oCAAoC,CAAC;AAI7E,MAAM,2BAA2B,GAAG,CAAE,EACrC,eAAe,EACf,MAAM,EACN,2BAA2B,EAC3B,uBAAuB,EACvB,WAAW,EACX,MAAM,EACN,iCAAiC,EACjC,UAAU,EACV,uBAAuB,EACvB,eAAe,EACf,YAAY,EACZ,wBAAwB,EACxB,MAAM,EACN,IAAI,EACJ,mCAAmC,EACnC,qBAAqB,EACrB,uBAAuB,EACvB,gBAAgB,EAChB,mCAAmC,GACf,EAAsB,EAAE;IAC5C,MAAM,SAAS,GAAG,YAAY,CAAE;QAC/B,eAAe;QACf,MAAM;QACN,2BAA2B;QAC3B,uBAAuB;QACvB,WAAW;QACX,MAAM;QACN,iCAAiC;QACjC,uBAAuB;QACvB,eAAe;QACf,YAAY;QACZ,wBAAwB;QACxB,MAAM;QACN,IAAI;QACJ,mCAAmC;QACnC,qBAAqB;QACrB,uBAAuB;QACvB,gBAAgB;QAChB,mCAAmC;KACnC,CAAE,CAAC;IAEJ,MAAM,2BAA2B,GAAG,2BAA2B,CAAE;QAChE,eAAe;QACf,SAAS,EAAE,SAAS,IAAI,EAAE;QAC1B,uBAAuB;QACvB,MAAM;QACN,UAAU;QACV,eAAe;QACf,wBAAwB;KACxB,CAAE,CAAC;IAEJ,OAAO,OAAO,CAAE,GAAG,EAAE;QACpB,IAAK,CAAE,SAAS,EAAG,CAAC;YACnB,OAAO,IAAI,CAAC;QACb,CAAC;QAED,OAAO,SAAS,CAAC,MAAM,CAAE,CAAE,GAAG,EAAE,QAAQ,EAAG,EAAE;YAC5C,IAAK,QAAQ,CAAC,SAAS,EAAG,CAAC;gBAC1B,OAAO;oBACN,GAAG,GAAG;oBACN;wBACC,GAAG,QAAQ;wBACX,QAAQ,EAAE,2BAA2B,CAAE,QAAQ,CAAC,QAAQ,CAAE;qBAC1D;iBACD,CAAC;YACH,CAAC;YACD,OAAO,GAAG,CAAC;QACZ,CAAC,EAAE,EAAgB,CAAE,CAAC;IACvB,CAAC,EAAE,CAAE,SAAS,EAAE,2BAA2B,CAAE,CAAE,CAAC;AACjD,CAAC,CAAC;AAEF,eAAe,2BAA2B,CAAC"}

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

@@ -0,0 +1,249 @@
+import { TYPE_BLOGGER, TYPE_BUSINESS, TYPE_ECOMMERCE, TYPE_ENTERPRISE_GRID_WPCOM, TYPE_FREE, TYPE_PERSONAL, TYPE_PREMIUM, TYPE_WOOEXPRESS_MEDIUM, TYPE_WOOEXPRESS_SMALL, getPlan, isBloggerPlan, applyTestFiltersToPlansList, isMonthly, isWpcomEnterpriseGridPlan, TERM_MONTHLY, isWpComFreePlan, isBusinessPlan, isEcommercePlan, TYPE_P2_PLUS, isPremiumPlan, isFreePlan, isPersonalPlan, } from '@automattic/calypso-products';
+import { Plans } from '@automattic/data-stores';
+import { isSamePlan } from '../../lib/is-same-plan';
+import useHighlightLabels from './use-highlight-labels';
+import usePlansFromTypes from './use-plans-from-types';
+const isGridPlanVisible = ({ hiddenPlans: { hideFreePlan, hidePersonalPlan, hidePremiumPlan, hideBusinessPlan, hideEcommercePlan, } = {}, isDisplayingPlansNeededForFeature, planSlug, planSlugsForIntent, selectedPlan, }) => {
+    let isVisible = planSlugsForIntent.includes(planSlug);
+    if (isDisplayingPlansNeededForFeature && selectedPlan) {
+        if (isEcommercePlan(selectedPlan)) {
+            isVisible = isEcommercePlan(planSlug);
+        }
+        if (isBusinessPlan(selectedPlan)) {
+            isVisible = isBusinessPlan(planSlug) || isEcommercePlan(planSlug);
+        }
+        if (isPremiumPlan(selectedPlan)) {
+            isVisible =
+                isPremiumPlan(planSlug) || isBusinessPlan(planSlug) || isEcommercePlan(planSlug);
+        }
+    }
+    if ((hideFreePlan && isFreePlan(planSlug)) ||
+        (hidePersonalPlan && isPersonalPlan(planSlug)) ||
+        (hidePremiumPlan && isPremiumPlan(planSlug)) ||
+        (hideBusinessPlan && isBusinessPlan(planSlug)) ||
+        (hideEcommercePlan && isEcommercePlan(planSlug))) {
+        isVisible = false;
+    }
+    return isVisible;
+};
+export const usePlanTypesWithIntent = ({ intent, selectedPlan, siteId, hiddenPlans: { hideEnterprisePlan } = {}, isSubdomainNotGenerated = false, }) => {
+    const { planSlug: sitePlanSlug } = Plans.useCurrentPlan({ siteId }) || {};
+    const isEnterpriseAvailable = !hideEnterprisePlan;
+    const isBloggerAvailable = (selectedPlan && isBloggerPlan(selectedPlan)) ||
+        (sitePlanSlug && isBloggerPlan(sitePlanSlug));
+    let currentSitePlanType = null;
+    if (sitePlanSlug) {
+        currentSitePlanType = getPlan(sitePlanSlug)?.type;
+    }
+    const availablePlanTypes = [
+        TYPE_FREE,
+        ...(isBloggerAvailable ? [TYPE_BLOGGER] : []),
+        TYPE_PERSONAL,
+        TYPE_PREMIUM,
+        TYPE_BUSINESS,
+        TYPE_ECOMMERCE,
+        ...(isEnterpriseAvailable ? [TYPE_ENTERPRISE_GRID_WPCOM] : []),
+        TYPE_WOOEXPRESS_SMALL,
+        TYPE_WOOEXPRESS_MEDIUM,
+        TYPE_P2_PLUS,
+    ];
+    let planTypes;
+    switch (intent) {
+        /* START: Guided Signup intents. See: pdDR7T-1xi-p2 */
+        case 'plans-guided-segment-blogger':
+        case 'plans-guided-segment-nonprofit':
+            planTypes = [TYPE_FREE, TYPE_PERSONAL, TYPE_PREMIUM, TYPE_BUSINESS];
+            break;
+        case 'plans-guided-segment-consumer-or-business':
+            planTypes = [TYPE_PERSONAL, TYPE_PREMIUM, TYPE_BUSINESS];
+            break;
+        case 'plans-guided-segment-merchant':
+        case 'plans-guided-segment-developer-or-agency':
+            planTypes = [TYPE_BUSINESS, TYPE_ECOMMERCE, TYPE_ENTERPRISE_GRID_WPCOM];
+            break;
+        /* END: Guided signup intents. END */
+        case 'plans-woocommerce':
+            planTypes = [TYPE_WOOEXPRESS_SMALL, TYPE_WOOEXPRESS_MEDIUM];
+            break;
+        case 'plans-blog-onboarding':
+            planTypes = [TYPE_FREE, TYPE_PERSONAL, TYPE_PREMIUM, TYPE_BUSINESS];
+            break;
+        case 'plans-newsletter':
+            planTypes = [TYPE_FREE, TYPE_PERSONAL, TYPE_PREMIUM];
+            break;
+        case 'plans-new-hosted-site':
+            planTypes = [TYPE_BUSINESS, TYPE_ECOMMERCE];
+            break;
+        case 'plans-new-hosted-site-business-only':
+            planTypes = [TYPE_BUSINESS];
+            break;
+        case 'plans-import':
+            planTypes = [TYPE_FREE, TYPE_PERSONAL, TYPE_PREMIUM, TYPE_BUSINESS];
+            break;
+        case 'plans-plugins':
+            planTypes = [
+                ...(currentSitePlanType ? [currentSitePlanType] : []),
+                TYPE_BUSINESS,
+                TYPE_ECOMMERCE,
+            ];
+            break;
+        case 'plans-jetpack-app':
+            planTypes = [TYPE_PERSONAL, TYPE_PREMIUM, TYPE_BUSINESS, TYPE_ECOMMERCE];
+            break;
+        case 'plans-jetpack-app-site-creation':
+            planTypes = [TYPE_FREE, TYPE_PERSONAL, TYPE_PREMIUM, TYPE_BUSINESS, TYPE_ECOMMERCE];
+            break;
+        case 'plans-p2':
+            planTypes = [TYPE_FREE];
+            // 2024-04-02 Disable upgrade to P2+
+            // only include P2+ if it is the current plan
+            if (TYPE_P2_PLUS === currentSitePlanType) {
+                planTypes.push(TYPE_P2_PLUS);
+            }
+            break;
+        case 'plans-default-wpcom':
+            planTypes = [
+                TYPE_FREE,
+                ...(isBloggerAvailable ? [TYPE_BLOGGER] : []),
+                TYPE_PERSONAL,
+                TYPE_PREMIUM,
+                TYPE_BUSINESS,
+                TYPE_ECOMMERCE,
+                ...(isEnterpriseAvailable ? [TYPE_ENTERPRISE_GRID_WPCOM] : []),
+            ];
+            break;
+        case 'plans-business-trial':
+            planTypes = [TYPE_BUSINESS, TYPE_ECOMMERCE];
+            break;
+        case 'plans-videopress':
+            planTypes = [TYPE_PREMIUM, TYPE_BUSINESS];
+            break;
+        case 'plans-affiliate':
+        case 'plans-site-selected-legacy':
+            planTypes = [TYPE_FREE, TYPE_PERSONAL, TYPE_PREMIUM, TYPE_BUSINESS, TYPE_ECOMMERCE];
+            break;
+        default:
+            planTypes = availablePlanTypes;
+    }
+    // Filters out the free plan  isSubdomainNotGenerated
+    // This is because, on a free plan,  a custom domain can only redirect to the hosted site.
+    // To effectively communicate this, a valid subdomain is necessary.
+    if (isSubdomainNotGenerated) {
+        planTypes = planTypes.filter((planType) => planType !== TYPE_FREE);
+    }
+    return planTypes;
+};
+// TODO clk: move to plans data store
+const useGridPlans = ({ useCheckPlanAvailabilityForPurchase, useFreeTrialPlanSlugs, term = TERM_MONTHLY, intent, selectedPlan, hiddenPlans, isInSignup, eligibleForFreeHostingTrial, isSubdomainNotGenerated, coupon, siteId, isDisplayingPlansNeededForFeature, highlightLabelOverrides, isDomainOnlySite, reflectStorageSelectionInPlanPrices, }) => {
+    const freeTrialPlanSlugs = useFreeTrialPlanSlugs?.({
+        intent: intent ?? 'default',
+        eligibleForFreeHostingTrial,
+    });
+    const availablePlanSlugs = usePlansFromTypes({
+        planTypes: usePlanTypesWithIntent({
+            intent: 'default',
+            selectedPlan,
+            siteId,
+            hiddenPlans,
+            isSubdomainNotGenerated,
+        }),
+        term,
+        intent,
+    });
+    const planSlugsForIntent = usePlansFromTypes({
+        planTypes: usePlanTypesWithIntent({
+            intent,
+            selectedPlan,
+            siteId,
+            hiddenPlans,
+            isSubdomainNotGenerated,
+        }),
+        term,
+        intent,
+    });
+    const { planSlug: sitePlanSlug, purchaseId } = Plans.useCurrentPlan({ siteId }) || {};
+    const plansAvailabilityForPurchase = useCheckPlanAvailabilityForPurchase({
+        planSlugs: availablePlanSlugs,
+        siteId,
+        shouldIgnorePlanOwnership: !!purchaseId, // Ignore plan ownership only if the site is on a paid plan
+    });
+    // only fetch highlights for the plans that are available for the intent
+    const highlightLabels = useHighlightLabels({
+        intent,
+        planSlugs: planSlugsForIntent,
+        currentSitePlanSlug: sitePlanSlug,
+        selectedPlan,
+        plansAvailabilityForPurchase,
+        highlightLabelOverrides,
+        isDomainOnlySite: isDomainOnlySite || false,
+    });
+    // TODO: pricedAPIPlans to be queried from data-store package
+    const pricedAPIPlans = Plans.usePlans({ coupon });
+    const pricingMeta = Plans.usePricingMetaForGridPlans({
+        planSlugs: availablePlanSlugs,
+        coupon,
+        siteId,
+        useCheckPlanAvailabilityForPurchase,
+        reflectStorageSelectionInPlanPrices,
+    });
+    // Null return would indicate that we are still loading the data. No grid without grid plans.
+    if (!pricingMeta || pricedAPIPlans.isLoading) {
+        return null;
+    }
+    return availablePlanSlugs.map((planSlug) => {
+        const planConstantObj = applyTestFiltersToPlansList(planSlug, undefined);
+        const planObject = pricedAPIPlans.data?.[planSlug];
+        const isMonthlyPlan = isMonthly(planSlug);
+        /**
+         * TODO: checking isInSignup below seems redundant. We should be able to remove it.
+         * - double check whether Stepper does something else with a site ID and current plan
+         * while still in Signup flow
+         */
+        const availableForPurchase = !!(isInSignup || plansAvailabilityForPurchase?.[planSlug]);
+        const isCurrentPlan = sitePlanSlug ? isSamePlan(sitePlanSlug, planSlug) : false;
+        let tagline = '';
+        if ('plans-newsletter' === intent) {
+            tagline = planConstantObj.getNewsletterTagLine?.() ?? '';
+        }
+        else if ('plans-blog-onboarding' === intent) {
+            tagline = planConstantObj.getBlogOnboardingTagLine?.() ?? '';
+        }
+        else {
+            tagline = planConstantObj.getPlanTagline?.() ?? '';
+        }
+        const productNameShort = isWpcomEnterpriseGridPlan(planSlug) && planConstantObj.getPathSlug
+            ? planConstantObj.getPathSlug()
+            : planObject?.productNameShort ?? null;
+        // cartItemForPlan done in line here as it's a small piece of logic to pass another selector for
+        const cartItemForPlan = isWpComFreePlan(planSlug) || isWpcomEnterpriseGridPlan(planSlug)
+            ? null
+            : {
+                product_slug: planSlug,
+            };
+        const isVisible = isGridPlanVisible({
+            planSlug,
+            planSlugsForIntent,
+            selectedPlan,
+            hiddenPlans,
+            isDisplayingPlansNeededForFeature,
+        });
+        const freeTrialPlanSlug = freeTrialPlanSlugs?.[planConstantObj.type];
+        return {
+            planSlug,
+            freeTrialPlanSlug,
+            isVisible,
+            tagline,
+            availableForPurchase,
+            productNameShort,
+            planTitle: planConstantObj.getTitle?.() ?? '',
+            billingTimeframe: planConstantObj.getBillingTimeFrame?.(),
+            current: isCurrentPlan,
+            isMonthlyPlan,
+            cartItemForPlan,
+            highlightLabel: highlightLabels[planSlug],
+            pricing: pricingMeta[planSlug],
+        };
+    });
+};
+export default useGridPlans;
+//# sourceMappingURL=use-grid-plans.js.map

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

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

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

@@ -0,0 +1,58 @@
+import { isBusinessPlan, isPremiumPlan, isPersonalPlan, planLevelsMatch, } from '@automattic/calypso-products';
+import { useTranslate } from 'i18n-calypso';
+import { isSamePlan } from '../../lib/is-same-plan';
+import { isPopularPlan } from './is-popular-plan';
+// TODO clk: move to plans data store
+const useHighlightLabels = ({ intent, planSlugs, currentSitePlanSlug, selectedPlan, plansAvailabilityForPurchase, highlightLabelOverrides, isDomainOnlySite, }) => {
+    const translate = useTranslate();
+    return planSlugs.reduce((acc, planSlug) => {
+        if (highlightLabelOverrides?.[planSlug]) {
+            return {
+                ...acc,
+                [planSlug]: highlightLabelOverrides[planSlug],
+            };
+        }
+        const isCurrentPlan = currentSitePlanSlug
+            ? isSamePlan(currentSitePlanSlug, planSlug) && !isDomainOnlySite
+            : false;
+        const isPlanAvailableForPurchase = plansAvailabilityForPurchase?.[planSlug];
+        const isSuggestedPlan = selectedPlan && 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 (isPersonalPlan(planSlug)) {
+                label = translate('Best for Newsletter');
+            }
+        }
+        else if ('plans-videopress' === intent) {
+            if (isBusinessPlan(planSlug)) {
+                label = translate('Best for Video');
+            }
+        }
+        else if ('plans-blog-onboarding' === intent) {
+            if (isPremiumPlan(planSlug)) {
+                label = translate('Best for Blog');
+            }
+        }
+        else if (isBusinessPlan(planSlug) && !selectedPlan) {
+            label = translate('Best for devs');
+        }
+        else if (isPopularPlan(planSlug) && !selectedPlan) {
+            label = translate('Popular');
+        }
+        return {
+            ...acc,
+            [planSlug]: label ?? null,
+        };
+    }, {});
+};
+export default useHighlightLabels;
+//# sourceMappingURL=use-highlight-labels.js.map

package/dist/esm/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,OAAO,EACN,cAAc,EACd,aAAa,EACb,cAAc,EACd,eAAe,GAEf,MAAM,8BAA8B,CAAC;AACtC,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAC5C,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AACpD,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;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,YAAY,EAAE,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,UAAU,CAAE,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,eAAe,CAAE,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,cAAc,CAAE,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,cAAc,CAAE,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,aAAa,CAAE,QAAQ,CAAE,EAAG,CAAC;gBACjC,KAAK,GAAG,SAAS,CAAE,eAAe,CAAE,CAAC;YACtC,CAAC;QACF,CAAC;aAAM,IAAK,cAAc,CAAE,QAAQ,CAAE,IAAI,CAAE,YAAY,EAAG,CAAC;YAC3D,KAAK,GAAG,SAAS,CAAE,eAAe,CAAE,CAAC;QACtC,CAAC;aAAM,IAAK,aAAa,CAAE,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,eAAe,kBAAkB,CAAC"}

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

@@ -0,0 +1,33 @@
+import { FEATURE_CUSTOM_DOMAIN, FEATURE_NEWSLETTER_IMPORT_SUBSCRIBERS_FREE, FEATURE_UNLIMITED_SUBSCRIBERS, FEATURE_PAYMENT_TRANSACTION_FEES_10, FEATURE_PAYMENT_TRANSACTION_FEES_8, FEATURE_PAYMENT_TRANSACTION_FEES_4, } from '@automattic/calypso-products';
+import { useMemo } from '@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 useMemo(() => {
+        if (isInSignup && intent && 'plans-newsletter' === intent) {
+            return [
+                FEATURE_CUSTOM_DOMAIN,
+                FEATURE_NEWSLETTER_IMPORT_SUBSCRIBERS_FREE,
+                FEATURE_UNLIMITED_SUBSCRIBERS,
+                FEATURE_PAYMENT_TRANSACTION_FEES_10,
+                FEATURE_PAYMENT_TRANSACTION_FEES_8,
+                FEATURE_PAYMENT_TRANSACTION_FEES_4,
+            ];
+        }
+        return null;
+    }, [intent, isInSignup]);
+};
+export default useHighlightedFeatures;
+//# sourceMappingURL=use-highlighted-features.js.map

package/dist/esm/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,OAAO,EACN,qBAAqB,EACrB,0CAA0C,EAC1C,6BAA6B,EAC7B,mCAAmC,EACnC,kCAAkC,EAClC,kCAAkC,GAClC,MAAM,8BAA8B,CAAC;AACtC,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAW7C;;;;;;;;;;;;;GAaG;AACH,MAAM,sBAAsB,GAA2B,CAAE,EAAE,MAAM,EAAE,UAAU,EAAE,EAAG,EAAE;IACnF,OAAO,OAAO,CAAE,GAAG,EAAE;QACpB,IAAK,UAAU,IAAI,MAAM,IAAI,kBAAkB,KAAK,MAAM,EAAG,CAAC;YAC7D,OAAO;gBACN,qBAAqB;gBACrB,0CAA0C;gBAC1C,6BAA6B;gBAC7B,mCAAmC;gBACnC,kCAAkC;gBAClC,kCAAkC;aAClC,CAAC;QACH,CAAC;QAED,OAAO,IAAI,CAAC;IACb,CAAC,EAAE,CAAE,MAAM,EAAE,UAAU,CAAE,CAAE,CAAC;AAC7B,CAAC,CAAC;AAEF,eAAe,sBAAsB,CAAC"}