@automattic/plans-grid-next 1.0.2 → 1.0.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +4 -1
- package/dist/cjs/_shared.scss +4 -3
- package/dist/cjs/components/comparison-grid/index.js +99 -92
- package/dist/cjs/components/comparison-grid/index.js.map +1 -1
- package/dist/cjs/components/comparison-grid/style.scss +10 -2
- package/dist/cjs/components/features-grid/client-logo-list/client-list.js +0 -12
- package/dist/cjs/components/features-grid/client-logo-list/client-list.js.map +1 -1
- package/dist/cjs/components/features-grid/index.js +9 -6
- package/dist/cjs/components/features-grid/index.js.map +1 -1
- package/dist/cjs/components/features-grid/plan-features-list.js +10 -3
- package/dist/cjs/components/features-grid/plan-features-list.js.map +1 -1
- package/dist/cjs/components/features-grid/plan-headers.js +2 -2
- package/dist/cjs/components/features-grid/plan-headers.js.map +1 -1
- package/dist/cjs/components/features-grid/plan-tagline.js +1 -1
- package/dist/cjs/components/features-grid/plan-tagline.js.map +1 -1
- package/dist/cjs/components/features-grid/style.scss +107 -19
- package/dist/cjs/components/features-grid/table.js +1 -1
- package/dist/cjs/components/features-grid/table.js.map +1 -1
- package/dist/cjs/components/features.js +43 -4
- package/dist/cjs/components/features.js.map +1 -1
- package/dist/cjs/components/item.js +1 -1
- package/dist/cjs/components/item.js.map +1 -1
- package/dist/cjs/components/plan-button/index.js +5 -3
- package/dist/cjs/components/plan-button/index.js.map +1 -1
- package/dist/cjs/components/plan-button/style.scss +75 -51
- package/dist/cjs/components/plan-div-td-container.js +4 -1
- package/dist/cjs/components/plan-div-td-container.js.map +1 -1
- package/dist/cjs/components/plan-logo.js +6 -3
- package/dist/cjs/components/plan-logo.js.map +1 -1
- package/dist/cjs/components/plan-type-selector/components/interval-type-dropdown.js +12 -1
- package/dist/cjs/components/plan-type-selector/components/interval-type-dropdown.js.map +1 -1
- package/dist/cjs/components/plan-type-selector/hooks/use-max-discount.js +4 -33
- package/dist/cjs/components/plan-type-selector/hooks/use-max-discount.js.map +1 -1
- package/dist/cjs/components/plan-type-selector/hooks/use-max-discounts-for-plan-terms.js +11 -13
- package/dist/cjs/components/plan-type-selector/hooks/use-max-discounts-for-plan-terms.js.map +1 -1
- package/dist/cjs/components/plans-2023-tooltip.js +16 -5
- package/dist/cjs/components/plans-2023-tooltip.js.map +1 -1
- package/dist/cjs/components/shared/action-button/index.js +22 -7
- package/dist/cjs/components/shared/action-button/index.js.map +1 -1
- package/dist/cjs/components/shared/action-button/style.scss +4 -0
- package/dist/cjs/components/shared/billing-timeframe/index.js +8 -4
- package/dist/cjs/components/shared/billing-timeframe/index.js.map +1 -1
- package/dist/cjs/components/shared/header-price/index.js +60 -15
- package/dist/cjs/components/shared/header-price/index.js.map +1 -1
- package/dist/cjs/components/shared/header-price/style.scss +9 -3
- package/dist/cjs/components/shared/storage/components/plan-storage.js +2 -2
- package/dist/cjs/components/shared/storage/components/plan-storage.js.map +1 -1
- package/dist/cjs/components/shared/storage/components/storage-dropdown.js +29 -6
- package/dist/cjs/components/shared/storage/components/storage-dropdown.js.map +1 -1
- package/dist/cjs/components/shared/storage/components/storage-feature-label.js +2 -1
- package/dist/cjs/components/shared/storage/components/storage-feature-label.js.map +1 -1
- package/dist/cjs/components/shared/storage/hooks/use-plan-storage.js +2 -0
- package/dist/cjs/components/shared/storage/hooks/use-plan-storage.js.map +1 -1
- package/dist/cjs/fixtures/sites-purchases.js +2 -4
- package/dist/cjs/fixtures/sites-purchases.js.map +1 -1
- package/dist/cjs/grid-context.js +4 -1
- package/dist/cjs/grid-context.js.map +1 -1
- package/dist/cjs/hooks/data-store/get-renewal-pricing-text.js +50 -0
- package/dist/cjs/hooks/data-store/get-renewal-pricing-text.js.map +1 -0
- package/dist/cjs/hooks/data-store/use-grid-plans-for-comparison-grid.js +6 -1
- package/dist/cjs/hooks/data-store/use-grid-plans-for-comparison-grid.js.map +1 -1
- package/dist/cjs/hooks/data-store/use-grid-plans-for-features-grid.js +6 -1
- package/dist/cjs/hooks/data-store/use-grid-plans-for-features-grid.js.map +1 -1
- package/dist/cjs/hooks/data-store/use-grid-plans.js +175 -21
- package/dist/cjs/hooks/data-store/use-grid-plans.js.map +1 -1
- package/dist/cjs/hooks/data-store/use-highlight-labels.js +13 -4
- package/dist/cjs/hooks/data-store/use-highlight-labels.js.map +1 -1
- package/dist/cjs/hooks/data-store/use-plan-billing-description.js +68 -13
- package/dist/cjs/hooks/data-store/use-plan-billing-description.js.map +1 -1
- package/dist/cjs/hooks/data-store/use-plan-features-for-grid-plans.js +76 -2
- package/dist/cjs/hooks/data-store/use-plan-features-for-grid-plans.js.map +1 -1
- package/dist/cjs/hooks/data-store/use-restructured-plan-features-for-comparison-grid.js +60 -12
- package/dist/cjs/hooks/data-store/use-restructured-plan-features-for-comparison-grid.js.map +1 -1
- package/dist/cjs/hooks/data-store/use-title-badges.js +19 -0
- package/dist/cjs/hooks/data-store/use-title-badges.js.map +1 -0
- package/dist/cjs/hooks/use-is-large-currency.js +2 -2
- package/dist/cjs/hooks/use-is-large-currency.js.map +1 -1
- package/dist/cjs/hooks/use-visible-grid-plans.js +70 -0
- package/dist/cjs/hooks/use-visible-grid-plans.js.map +1 -0
- package/dist/cjs/index.js +6 -1
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/lib/get-plan-features-object.js +15 -2
- package/dist/cjs/lib/get-plan-features-object.js.map +1 -1
- package/dist/cjs/lib/plan-pricing-utils.js +135 -0
- package/dist/cjs/lib/plan-pricing-utils.js.map +1 -0
- package/dist/esm/_shared.scss +4 -3
- package/dist/esm/components/comparison-grid/index.js +100 -93
- package/dist/esm/components/comparison-grid/index.js.map +1 -1
- package/dist/esm/components/comparison-grid/style.scss +10 -2
- package/dist/esm/components/features-grid/client-logo-list/client-list.js +0 -12
- package/dist/esm/components/features-grid/client-logo-list/client-list.js.map +1 -1
- package/dist/esm/components/features-grid/index.js +9 -6
- package/dist/esm/components/features-grid/index.js.map +1 -1
- package/dist/esm/components/features-grid/plan-features-list.js +10 -3
- package/dist/esm/components/features-grid/plan-features-list.js.map +1 -1
- package/dist/esm/components/features-grid/plan-headers.js +3 -3
- package/dist/esm/components/features-grid/plan-headers.js.map +1 -1
- package/dist/esm/components/features-grid/plan-tagline.js +1 -1
- package/dist/esm/components/features-grid/plan-tagline.js.map +1 -1
- package/dist/esm/components/features-grid/style.scss +107 -19
- package/dist/esm/components/features-grid/table.js +1 -1
- package/dist/esm/components/features-grid/table.js.map +1 -1
- package/dist/esm/components/features.js +44 -5
- package/dist/esm/components/features.js.map +1 -1
- package/dist/esm/components/item.js +1 -1
- package/dist/esm/components/item.js.map +1 -1
- package/dist/esm/components/plan-button/index.js +5 -3
- package/dist/esm/components/plan-button/index.js.map +1 -1
- package/dist/esm/components/plan-button/style.scss +75 -51
- package/dist/esm/components/plan-div-td-container.js +4 -1
- package/dist/esm/components/plan-div-td-container.js.map +1 -1
- package/dist/esm/components/plan-logo.js +7 -4
- package/dist/esm/components/plan-logo.js.map +1 -1
- package/dist/esm/components/plan-type-selector/components/interval-type-dropdown.js +12 -1
- package/dist/esm/components/plan-type-selector/components/interval-type-dropdown.js.map +1 -1
- package/dist/esm/components/plan-type-selector/hooks/use-max-discount.js +3 -33
- package/dist/esm/components/plan-type-selector/hooks/use-max-discount.js.map +1 -1
- package/dist/esm/components/plan-type-selector/hooks/use-max-discounts-for-plan-terms.js +11 -13
- package/dist/esm/components/plan-type-selector/hooks/use-max-discounts-for-plan-terms.js.map +1 -1
- package/dist/esm/components/plans-2023-tooltip.js +16 -5
- package/dist/esm/components/plans-2023-tooltip.js.map +1 -1
- package/dist/esm/components/shared/action-button/index.js +22 -7
- package/dist/esm/components/shared/action-button/index.js.map +1 -1
- package/dist/esm/components/shared/action-button/style.scss +4 -0
- package/dist/esm/components/shared/billing-timeframe/index.js +8 -4
- package/dist/esm/components/shared/billing-timeframe/index.js.map +1 -1
- package/dist/esm/components/shared/header-price/index.js +60 -15
- package/dist/esm/components/shared/header-price/index.js.map +1 -1
- package/dist/esm/components/shared/header-price/style.scss +9 -3
- package/dist/esm/components/shared/storage/components/plan-storage.js +2 -2
- package/dist/esm/components/shared/storage/components/plan-storage.js.map +1 -1
- package/dist/esm/components/shared/storage/components/storage-dropdown.js +30 -7
- package/dist/esm/components/shared/storage/components/storage-dropdown.js.map +1 -1
- package/dist/esm/components/shared/storage/components/storage-feature-label.js +2 -1
- package/dist/esm/components/shared/storage/components/storage-feature-label.js.map +1 -1
- package/dist/esm/components/shared/storage/hooks/use-plan-storage.js +3 -1
- package/dist/esm/components/shared/storage/hooks/use-plan-storage.js.map +1 -1
- package/dist/esm/fixtures/sites-purchases.js +2 -4
- package/dist/esm/fixtures/sites-purchases.js.map +1 -1
- package/dist/esm/grid-context.js +4 -1
- package/dist/esm/grid-context.js.map +1 -1
- package/dist/esm/hooks/data-store/get-renewal-pricing-text.js +47 -0
- package/dist/esm/hooks/data-store/get-renewal-pricing-text.js.map +1 -0
- package/dist/esm/hooks/data-store/use-grid-plans-for-comparison-grid.js +6 -1
- package/dist/esm/hooks/data-store/use-grid-plans-for-comparison-grid.js.map +1 -1
- package/dist/esm/hooks/data-store/use-grid-plans-for-features-grid.js +6 -1
- package/dist/esm/hooks/data-store/use-grid-plans-for-features-grid.js.map +1 -1
- package/dist/esm/hooks/data-store/use-grid-plans.js +176 -22
- package/dist/esm/hooks/data-store/use-grid-plans.js.map +1 -1
- package/dist/esm/hooks/data-store/use-highlight-labels.js +14 -5
- package/dist/esm/hooks/data-store/use-highlight-labels.js.map +1 -1
- package/dist/esm/hooks/data-store/use-plan-billing-description.js +66 -11
- package/dist/esm/hooks/data-store/use-plan-billing-description.js.map +1 -1
- package/dist/esm/hooks/data-store/use-plan-features-for-grid-plans.js +77 -3
- package/dist/esm/hooks/data-store/use-plan-features-for-grid-plans.js.map +1 -1
- package/dist/esm/hooks/data-store/use-restructured-plan-features-for-comparison-grid.js +59 -11
- package/dist/esm/hooks/data-store/use-restructured-plan-features-for-comparison-grid.js.map +1 -1
- package/dist/esm/hooks/data-store/use-title-badges.js +17 -0
- package/dist/esm/hooks/data-store/use-title-badges.js.map +1 -0
- package/dist/esm/hooks/use-is-large-currency.js +1 -1
- package/dist/esm/hooks/use-is-large-currency.js.map +1 -1
- package/dist/esm/hooks/use-visible-grid-plans.js +66 -0
- package/dist/esm/hooks/use-visible-grid-plans.js.map +1 -0
- package/dist/esm/index.js +2 -0
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/lib/get-plan-features-object.js +15 -2
- package/dist/esm/lib/get-plan-features-object.js.map +1 -1
- package/dist/esm/lib/plan-pricing-utils.js +129 -0
- package/dist/esm/lib/plan-pricing-utils.js.map +1 -0
- package/dist/tsconfig-cjs.tsbuildinfo +1 -1
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/dist/types/components/comparison-grid/index.d.ts +1 -1
- package/dist/types/components/comparison-grid/index.d.ts.map +1 -1
- package/dist/types/components/features-grid/client-logo-list/client-list.d.ts.map +1 -1
- package/dist/types/components/features-grid/index.d.ts.map +1 -1
- package/dist/types/components/features-grid/plan-features-list.d.ts.map +1 -1
- package/dist/types/components/features-grid/plan-headers.d.ts +2 -0
- package/dist/types/components/features-grid/plan-headers.d.ts.map +1 -1
- package/dist/types/components/features-grid/table.d.ts.map +1 -1
- package/dist/types/components/features.d.ts.map +1 -1
- package/dist/types/components/item.d.ts +2 -1
- package/dist/types/components/item.d.ts.map +1 -1
- package/dist/types/components/plan-button/index.d.ts +2 -1
- package/dist/types/components/plan-button/index.d.ts.map +1 -1
- package/dist/types/components/plan-div-td-container.d.ts +2 -0
- package/dist/types/components/plan-div-td-container.d.ts.map +1 -1
- package/dist/types/components/plan-logo.d.ts.map +1 -1
- package/dist/types/components/plan-type-selector/components/interval-type-dropdown.d.ts.map +1 -1
- package/dist/types/components/plan-type-selector/hooks/use-max-discount.d.ts.map +1 -1
- package/dist/types/components/plan-type-selector/hooks/use-max-discounts-for-plan-terms.d.ts.map +1 -1
- package/dist/types/components/plans-2023-tooltip.d.ts.map +1 -1
- package/dist/types/components/shared/action-button/index.d.ts +2 -1
- package/dist/types/components/shared/action-button/index.d.ts.map +1 -1
- package/dist/types/components/shared/billing-timeframe/index.d.ts.map +1 -1
- package/dist/types/components/shared/header-price/index.d.ts.map +1 -1
- package/dist/types/components/shared/storage/components/storage-dropdown.d.ts.map +1 -1
- package/dist/types/components/shared/storage/components/storage-feature-label.d.ts.map +1 -1
- package/dist/types/components/shared/storage/hooks/use-plan-storage.d.ts +1 -1
- package/dist/types/components/shared/storage/hooks/use-plan-storage.d.ts.map +1 -1
- package/dist/types/fixtures/sites-purchases.d.ts +2 -4
- package/dist/types/fixtures/sites-purchases.d.ts.map +1 -1
- package/dist/types/grid-context.d.ts +4 -1
- package/dist/types/grid-context.d.ts.map +1 -1
- package/dist/types/hooks/data-store/get-renewal-pricing-text.d.ts +14 -0
- package/dist/types/hooks/data-store/get-renewal-pricing-text.d.ts.map +1 -0
- package/dist/types/hooks/data-store/types.d.ts +21 -0
- package/dist/types/hooks/data-store/types.d.ts.map +1 -1
- package/dist/types/hooks/data-store/use-grid-plans-for-comparison-grid.d.ts +1 -1
- package/dist/types/hooks/data-store/use-grid-plans-for-comparison-grid.d.ts.map +1 -1
- package/dist/types/hooks/data-store/use-grid-plans-for-features-grid.d.ts +1 -1
- package/dist/types/hooks/data-store/use-grid-plans-for-features-grid.d.ts.map +1 -1
- package/dist/types/hooks/data-store/use-grid-plans.d.ts.map +1 -1
- package/dist/types/hooks/data-store/use-highlight-labels.d.ts.map +1 -1
- package/dist/types/hooks/data-store/use-plan-billing-description.d.ts.map +1 -1
- package/dist/types/hooks/data-store/use-plan-features-for-grid-plans.d.ts +4 -1
- package/dist/types/hooks/data-store/use-plan-features-for-grid-plans.d.ts.map +1 -1
- package/dist/types/hooks/data-store/use-restructured-plan-features-for-comparison-grid.d.ts +4 -1
- package/dist/types/hooks/data-store/use-restructured-plan-features-for-comparison-grid.d.ts.map +1 -1
- package/dist/types/hooks/data-store/use-title-badges.d.ts +9 -0
- package/dist/types/hooks/data-store/use-title-badges.d.ts.map +1 -0
- package/dist/types/hooks/use-visible-grid-plans.d.ts +14 -0
- package/dist/types/hooks/use-visible-grid-plans.d.ts.map +1 -0
- package/dist/types/index.d.ts +7 -0
- package/dist/types/index.d.ts.map +1 -1
- package/dist/types/lib/get-plan-features-object.d.ts +1 -1
- package/dist/types/lib/get-plan-features-object.d.ts.map +1 -1
- package/dist/types/lib/plan-pricing-utils.d.ts +105 -0
- package/dist/types/lib/plan-pricing-utils.d.ts.map +1 -0
- package/dist/types/types.d.ts +29 -2
- package/dist/types/types.d.ts.map +1 -1
- package/package.json +38 -28
- package/src/_shared.scss +4 -3
- package/src/components/comparison-grid/index.tsx +258 -181
- package/src/components/comparison-grid/style.scss +10 -2
- package/src/components/features-grid/client-logo-list/client-list.tsx +0 -25
- package/src/components/features-grid/index.tsx +35 -18
- package/src/components/features-grid/plan-features-list.tsx +15 -4
- package/src/components/features-grid/plan-headers.tsx +10 -3
- package/src/components/features-grid/plan-tagline.tsx +1 -1
- package/src/components/features-grid/style.scss +107 -19
- package/src/components/features-grid/table.tsx +4 -2
- package/src/components/features.tsx +66 -6
- package/src/components/item.tsx +6 -3
- package/src/components/plan-button/index.tsx +7 -1
- package/src/components/plan-button/style.scss +75 -51
- package/src/components/plan-div-td-container.tsx +6 -2
- package/src/components/plan-logo.tsx +16 -9
- package/src/components/plan-type-selector/components/interval-type-dropdown.tsx +14 -1
- package/src/components/plan-type-selector/hooks/use-max-discount.ts +8 -47
- package/src/components/plan-type-selector/hooks/use-max-discounts-for-plan-terms.ts +19 -17
- package/src/components/plans-2023-tooltip.tsx +17 -5
- package/src/components/shared/action-button/index.tsx +46 -5
- package/src/components/shared/action-button/style.scss +4 -0
- package/src/components/shared/billing-timeframe/index.tsx +12 -7
- package/src/components/shared/header-price/index.tsx +129 -27
- package/src/components/shared/header-price/style.scss +9 -3
- package/src/components/shared/storage/components/plan-storage.tsx +2 -2
- package/src/components/shared/storage/components/storage-dropdown.tsx +36 -15
- package/src/components/shared/storage/components/storage-feature-label.tsx +2 -1
- package/src/components/shared/storage/hooks/use-plan-storage.ts +3 -0
- package/src/components/test/actions-button.tsx +5 -0
- package/src/components/test/billing-timeframe.tsx +1 -1
- package/src/components/test/header-price.tsx +342 -4
- package/src/fixtures/sites-purchases.ts +2 -4
- package/src/grid-context.tsx +9 -0
- package/src/hooks/data-store/get-renewal-pricing-text.ts +73 -0
- package/src/hooks/data-store/types.ts +21 -0
- package/src/hooks/data-store/use-grid-plans-for-comparison-grid.ts +10 -0
- package/src/hooks/data-store/use-grid-plans-for-features-grid.ts +10 -0
- package/src/hooks/data-store/use-grid-plans.tsx +189 -23
- package/src/hooks/data-store/use-highlight-labels.ts +12 -3
- package/src/hooks/data-store/use-plan-billing-description.tsx +80 -15
- package/src/hooks/data-store/use-plan-features-for-grid-plans.ts +135 -1
- package/src/hooks/data-store/use-restructured-plan-features-for-comparison-grid.ts +93 -20
- package/src/hooks/data-store/use-title-badges.ts +31 -0
- package/src/hooks/test/use-visible-grid-plans.tsx +116 -0
- package/src/hooks/use-is-large-currency.ts +1 -1
- package/src/hooks/use-visible-grid-plans.tsx +102 -0
- package/src/index.tsx +18 -0
- package/src/lib/get-plan-features-object.ts +23 -2
- package/src/lib/plan-pricing-utils.ts +211 -0
- package/src/lib/test/plan-pricing-utils.ts +594 -0
- package/src/style-imports.d.ts +3 -0
- package/src/types.ts +41 -0
- package/dist/cjs/components/features-grid/mobile-free-domain.js +0 -25
- package/dist/cjs/components/features-grid/mobile-free-domain.js.map +0 -1
- package/dist/cjs/lib/get-plan-pricing-info-from-grid-plans.js +0 -15
- package/dist/cjs/lib/get-plan-pricing-info-from-grid-plans.js.map +0 -1
- package/dist/esm/components/features-grid/mobile-free-domain.js +0 -23
- package/dist/esm/components/features-grid/mobile-free-domain.js.map +0 -1
- package/dist/esm/lib/get-plan-pricing-info-from-grid-plans.js +0 -12
- package/dist/esm/lib/get-plan-pricing-info-from-grid-plans.js.map +0 -1
- package/dist/types/components/features-grid/mobile-free-domain.d.ts +0 -8
- package/dist/types/components/features-grid/mobile-free-domain.d.ts.map +0 -1
- package/dist/types/lib/get-plan-pricing-info-from-grid-plans.d.ts +0 -9
- package/dist/types/lib/get-plan-pricing-info-from-grid-plans.d.ts.map +0 -1
- package/src/components/features-grid/mobile-free-domain.tsx +0 -51
- package/src/lib/get-plan-pricing-info-from-grid-plans.ts +0 -31
|
@@ -13,7 +13,6 @@ const item_1 = require("../item");
|
|
|
13
13
|
const storage_1 = require("../shared/storage");
|
|
14
14
|
const billing_timeframes_1 = tslib_1.__importDefault(require("./billing-timeframes"));
|
|
15
15
|
const enterprise_features_1 = tslib_1.__importDefault(require("./enterprise-features"));
|
|
16
|
-
const mobile_free_domain_1 = tslib_1.__importDefault(require("./mobile-free-domain"));
|
|
17
16
|
const plan_features_list_1 = tslib_1.__importDefault(require("./plan-features-list"));
|
|
18
17
|
const plan_headers_1 = tslib_1.__importDefault(require("./plan-headers"));
|
|
19
18
|
const plan_logos_1 = tslib_1.__importDefault(require("./plan-logos"));
|
|
@@ -37,7 +36,7 @@ const FeaturesContainer = (props) => {
|
|
|
37
36
|
};
|
|
38
37
|
const MobileView = ({ currentSitePlanSlug, generatedWPComSubdomain, gridPlanForSpotlight, renderedGridPlans, hideUnavailableFeatures, isCustomDomainAllowedOnFreePlan, isInSignup, onStorageAddOnClick, paidDomainName, planActionOverrides, selectedFeature, showUpgradeableStorage, enableShowAllFeaturesButton, }) => {
|
|
39
38
|
const translate = (0, i18n_calypso_1.useTranslate)();
|
|
40
|
-
const { featureGroupMap } = (0, grid_context_1.usePlansGridContext)();
|
|
39
|
+
const { featureGroupMap, hideFeatureGroupTitles, intent } = (0, grid_context_1.usePlansGridContext)();
|
|
41
40
|
const featureGroups = (0, element_1.useMemo)(() => Object.keys(featureGroupMap).filter((key) => calypso_products_1.FEATURE_GROUP_STORAGE !== key), [featureGroupMap]);
|
|
42
41
|
const storageFeatureGroup = featureGroupMap[calypso_products_1.FEATURE_GROUP_STORAGE];
|
|
43
42
|
return renderedGridPlans
|
|
@@ -53,7 +52,11 @@ const MobileView = ({ currentSitePlanSlug, generatedWPComSubdomain, gridPlanForS
|
|
|
53
52
|
const isNotFreePlan = !(0, calypso_products_1.isFreePlan)(gridPlan.planSlug);
|
|
54
53
|
const isEnterprisePlan = (0, calypso_products_1.isWpcomEnterpriseGridPlan)(gridPlan.planSlug);
|
|
55
54
|
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 })) }));
|
|
56
|
-
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] }),
|
|
55
|
+
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] }), isInSignup && (0, jsx_runtime_1.jsx)(plan_tagline_1.default, { renderedGridPlans: [gridPlan] }), (isNotFreePlan || isInSignup) && ((0, jsx_runtime_1.jsx)(plan_prices_1.default, { renderedGridPlans: [gridPlan], currentSitePlanSlug: currentSitePlanSlug })), (isNotFreePlan || isInSignup) && ((0, jsx_runtime_1.jsx)(billing_timeframes_1.default, { renderedGridPlans: [gridPlan] })), (0, jsx_runtime_1.jsx)(top_buttons_1.default, { renderedGridPlans: [gridPlan], isInSignup: isInSignup, currentSitePlanSlug: currentSitePlanSlug, planActionOverrides: planActionOverrides }), storageFeatureGroup && !isEnterprisePlan && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [!hideFeatureGroupTitles && 'plans-wordpress-hosting' !== intent && ((0, jsx_runtime_1.jsx)(item_1.PlanFeaturesItem, { children: (0, jsx_runtime_1.jsx)("h2", { className: (0, clsx_1.default)('plans-grid-next-features-grid__feature-group-title', {
|
|
56
|
+
// eslint-disable-next-line @typescript-eslint/ban-ts-comment
|
|
57
|
+
// @ts-ignore
|
|
58
|
+
'is-wordpress-hosting': 'plans-wordpress-hosting' === intent,
|
|
59
|
+
}), 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 }) }) })] })), 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 &&
|
|
57
60
|
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}`));
|
|
58
61
|
return planCardJsx;
|
|
59
62
|
});
|
|
@@ -107,7 +110,7 @@ const FeaturesGrid = ({ currentSitePlanSlug, generatedWPComSubdomain, gridPlanFo
|
|
|
107
110
|
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 }) }))] }) }) })] }));
|
|
108
111
|
};
|
|
109
112
|
const WrappedFeaturesGrid = (props) => {
|
|
110
|
-
const { siteId, intent, gridPlans, useCheckPlanAvailabilityForPurchase, useAction, recordTracksEvent, allFeaturesList, coupon, isInAdmin, isInSiteDashboard, className, enableFeatureTooltips, enableCategorisedFeatures, enableStorageAsBadge, enableReducedFeatureGroupSpacing, enableLogosOnlyForEnterprisePlan, featureGroupMap = {}, hideFeatureGroupTitles, enterpriseFeaturesList, enableTermSavingsPriceDisplay, } = props;
|
|
113
|
+
const { siteId, intent, gridPlans, useCheckPlanAvailabilityForPurchase, useAction, recordTracksEvent, allFeaturesList, coupon, isInAdmin, isInSiteDashboard, className, enableFeatureTooltips, enableCategorisedFeatures, enableStorageAsBadge, enableReducedFeatureGroupSpacing, enableLogosOnlyForEnterprisePlan, featureGroupMap = {}, hideFeatureGroupTitles, enterpriseFeaturesList, enableTermSavingsPriceDisplay, showSimplifiedBillingDescription, showBillingDescriptionForIncreasedRenewalPrice, isExperimentVariant, } = props;
|
|
111
114
|
const gridContainerRef = (0, element_1.useRef)(null);
|
|
112
115
|
const gridBreakpoints = (0, element_1.useMemo)(() => {
|
|
113
116
|
// we want to fit up to the Commerce plan in this breakpoint
|
|
@@ -122,7 +125,7 @@ const WrappedFeaturesGrid = (props) => {
|
|
|
122
125
|
largeBreakpoint = 1320;
|
|
123
126
|
}
|
|
124
127
|
// we want to fit 3 plans per row in this breakpoint
|
|
125
|
-
const mediumBreakpoint =
|
|
128
|
+
const mediumBreakpoint = 669;
|
|
126
129
|
return new Map([
|
|
127
130
|
['small', 0],
|
|
128
131
|
['medium', mediumBreakpoint],
|
|
@@ -139,7 +142,7 @@ const WrappedFeaturesGrid = (props) => {
|
|
|
139
142
|
'is-medium': 'medium' === gridSize,
|
|
140
143
|
'is-large': 'large' === gridSize,
|
|
141
144
|
});
|
|
142
|
-
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 }) }) }));
|
|
145
|
+
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, showSimplifiedBillingDescription: showSimplifiedBillingDescription, showBillingDescriptionForIncreasedRenewalPrice: showBillingDescriptionForIncreasedRenewalPrice, isExperimentVariant: isExperimentVariant, children: (0, jsx_runtime_1.jsx)(FeaturesGrid, { ...props, gridSize: gridSize ?? undefined }) }) }));
|
|
143
146
|
};
|
|
144
147
|
exports.default = WrappedFeaturesGrid;
|
|
145
148
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/features-grid/index.tsx"],"names":[],"mappings":";;;;AAAA,mEAMsC;AACtC,uDAAsD;AAEtD,gDAAqD;AACrD,wDAAwB;AACxB,+CAA4C;AAC5C,2EAAmF;AACnF,sFAAoD;AACpD,kCAA2C;AAC3C,+CAAgD;AAChD,sFAAqD;AACrD,wFAAuD;AACvD,sFAAoD;AACpD,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/features-grid/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -4,6 +4,7 @@ const tslib_1 = require("tslib");
|
|
|
4
4
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
5
|
const calypso_products_1 = require("@automattic/calypso-products");
|
|
6
6
|
const components_1 = require("@automattic/components");
|
|
7
|
+
const clsx_1 = tslib_1.__importDefault(require("clsx"));
|
|
7
8
|
const i18n_calypso_1 = require("i18n-calypso");
|
|
8
9
|
const react_1 = require("react");
|
|
9
10
|
const grid_context_1 = require("../../grid-context");
|
|
@@ -16,7 +17,7 @@ const storage_1 = require("../shared/storage");
|
|
|
16
17
|
const PlanFeaturesList = ({ generatedWPComSubdomain, hideUnavailableFeatures, isCustomDomainAllowedOnFreePlan, options, paidDomainName, renderedGridPlans, selectedFeature, featureGroupSlug, onStorageAddOnClick, showUpgradeableStorage = false, }) => {
|
|
17
18
|
const [activeTooltipId, setActiveTooltipId] = (0, use_manage_tooltip_toggle_1.useManageTooltipToggle)();
|
|
18
19
|
const translate = (0, i18n_calypso_1.useTranslate)();
|
|
19
|
-
const { featureGroupMap, hideFeatureGroupTitles } = (0, grid_context_1.usePlansGridContext)();
|
|
20
|
+
const { featureGroupMap, hideFeatureGroupTitles, intent } = (0, grid_context_1.usePlansGridContext)();
|
|
20
21
|
const featureGroup = featureGroupSlug && featureGroupMap[featureGroupSlug];
|
|
21
22
|
/**
|
|
22
23
|
* This is a pretty critical and fragile, as it filters out the enterprise plan.
|
|
@@ -34,7 +35,11 @@ const PlanFeaturesList = ({ generatedWPComSubdomain, hideUnavailableFeatures, is
|
|
|
34
35
|
* 1. Storage group is still it's own thing, with no actual features associated. It will join the rest in a follow-up.
|
|
35
36
|
*/
|
|
36
37
|
if (calypso_products_1.FEATURE_GROUP_STORAGE === featureGroup?.slug) {
|
|
37
|
-
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:
|
|
38
|
+
return ((0, jsx_runtime_1.jsxs)(plan_div_td_container_1.default, { isTableCell: options?.isTableCell, className: "plan-features-2023-grid__table-item", children: [!hideFeatureGroupTitles && 'plans-wordpress-hosting' !== intent && ((0, jsx_runtime_1.jsx)(item_1.PlanFeaturesItem, { children: (0, jsx_runtime_1.jsx)("h2", { className: (0, clsx_1.default)('plans-grid-next-features-grid__feature-group-title', {
|
|
39
|
+
// eslint-disable-next-line @typescript-eslint/ban-ts-comment
|
|
40
|
+
// @ts-ignore
|
|
41
|
+
'is-wordpress-hosting': 'plans-wordpress-hosting' === intent,
|
|
42
|
+
}), 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}`));
|
|
38
43
|
}
|
|
39
44
|
/**
|
|
40
45
|
* 2. Render a placeholder to keep the grid (table) aligned.
|
|
@@ -49,7 +54,9 @@ const PlanFeaturesList = ({ generatedWPComSubdomain, hideUnavailableFeatures, is
|
|
|
49
54
|
/**
|
|
50
55
|
* 3. Everything else gets rendered as usual.
|
|
51
56
|
*/
|
|
52
|
-
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:
|
|
57
|
+
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: (0, clsx_1.default)('plans-grid-next-features-grid__feature-group-title', {
|
|
58
|
+
'is-wordpress-hosting': intent === 'plans-wordpress-hosting',
|
|
59
|
+
}), 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}`));
|
|
53
60
|
});
|
|
54
61
|
};
|
|
55
62
|
exports.default = PlanFeaturesList;
|
|
@@ -1 +1 @@
|
|
|
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;
|
|
1
|
+
{"version":3,"file":"plan-features-list.js","sourceRoot":"","sources":["../../../../src/components/features-grid/plan-features-list.tsx"],"names":[],"mappings":"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"}
|
|
@@ -6,9 +6,9 @@ const calypso_products_1 = require("@automattic/calypso-products");
|
|
|
6
6
|
const clsx_1 = tslib_1.__importDefault(require("clsx"));
|
|
7
7
|
const plan_div_td_container_1 = tslib_1.__importDefault(require("../plan-div-td-container"));
|
|
8
8
|
const PlanHeaders = ({ options, renderedGridPlans }) => {
|
|
9
|
-
return renderedGridPlans.map(({ planSlug, planTitle }) => {
|
|
9
|
+
return renderedGridPlans.map(({ planSlug, planTitle, titleBadge }) => {
|
|
10
10
|
const headerClasses = (0, clsx_1.default)('plan-features-2023-grid__header', (0, calypso_products_1.getPlanClass)(planSlug));
|
|
11
|
-
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.
|
|
11
|
+
return ((0, jsx_runtime_1.jsx)(plan_div_td_container_1.default, { className: "plan-features-2023-grid__table-item", isTableCell: options?.isTableCell, scope: options?.scope, isHeader: options?.isHeader, children: (0, jsx_runtime_1.jsxs)("div", { role: "columnheader", className: headerClasses, children: [(0, jsx_runtime_1.jsx)("h4", { className: "plan-features-2023-grid__header-title", children: planTitle }), titleBadge && ((0, jsx_runtime_1.jsx)("span", { className: "plan-features-2023-grid__header-badge", children: titleBadge }))] }) }, planSlug));
|
|
12
12
|
});
|
|
13
13
|
};
|
|
14
14
|
exports.default = PlanHeaders;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"plan-headers.js","sourceRoot":"","sources":["../../../../src/components/features-grid/plan-headers.tsx"],"names":[],"mappings":";;;;AAAA,mEAA4D;AAC5D,wDAAwB;AAExB,6FAA4D;
|
|
1
|
+
{"version":3,"file":"plan-headers.js","sourceRoot":"","sources":["../../../../src/components/features-grid/plan-headers.tsx"],"names":[],"mappings":";;;;AAAA,mEAA4D;AAC5D,wDAAwB;AAExB,6FAA4D;AAW5D,MAAM,WAAW,GAAG,CAAE,EAAE,OAAO,EAAE,iBAAiB,EAAoB,EAAG,EAAE;IAC1E,OAAO,iBAAiB,CAAC,GAAG,CAAE,CAAE,EAAE,QAAQ,EAAE,SAAS,EAAE,UAAU,EAAE,EAAG,EAAE;QACvE,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,EAClC,KAAK,EAAG,OAAO,EAAE,KAAK,EACtB,QAAQ,EAAG,OAAO,EAAE,QAAQ,YAE5B,iCAAK,IAAI,EAAC,cAAc,EAAC,SAAS,EAAG,aAAa,aACjD,+BAAI,SAAS,EAAC,uCAAuC,YAAG,SAAS,GAAO,EACtE,UAAU,IAAI,CACf,iCAAM,SAAS,EAAC,uCAAuC,YAAG,UAAU,GAAS,CAC7E,IACI,IAXA,QAAQ,CAYQ,CACvB,CAAC;IACH,CAAC,CAAE,CAAC;AACL,CAAC,CAAC;AAEF,kBAAe,WAAW,CAAC"}
|
|
@@ -5,7 +5,7 @@ const jsx_runtime_1 = require("react/jsx-runtime");
|
|
|
5
5
|
const plan_div_td_container_1 = tslib_1.__importDefault(require("../plan-div-td-container"));
|
|
6
6
|
const PlanTagline = ({ options, renderedGridPlans }) => {
|
|
7
7
|
return renderedGridPlans.map(({ planSlug, tagline }) => {
|
|
8
|
-
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)("
|
|
8
|
+
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)("p", { className: "plan-features-2023-grid__header-tagline", children: tagline }) }, planSlug));
|
|
9
9
|
});
|
|
10
10
|
};
|
|
11
11
|
exports.default = PlanTagline;
|
|
@@ -1 +1 @@
|
|
|
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,
|
|
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,8BAAG,SAAS,EAAC,yCAAyC,YAAG,OAAO,GAAM,IAJhE,QAAQ,CAKQ,CACvB,CAAC;IACH,CAAC,CAAE,CAAC;AACL,CAAC,CAAC;AAEF,kBAAe,WAAW,CAAC"}
|
|
@@ -9,13 +9,18 @@
|
|
|
9
9
|
background-color: var(--color-surface);
|
|
10
10
|
justify-content: flex-start;
|
|
11
11
|
font-weight: 400;
|
|
12
|
+
|
|
13
|
+
&.is-woo-hosted-basic-plan {
|
|
14
|
+
align-items: center;
|
|
15
|
+
gap: 12px;
|
|
16
|
+
}
|
|
12
17
|
}
|
|
13
18
|
|
|
14
19
|
.plan-features-2023-grid__header-logo {
|
|
15
20
|
padding-left: 20px;
|
|
16
21
|
|
|
17
22
|
@include plans-grid-medium-large {
|
|
18
|
-
margin-top:
|
|
23
|
+
margin-top: 32px;
|
|
19
24
|
}
|
|
20
25
|
|
|
21
26
|
.plan-features-2023-grid__table-top & {
|
|
@@ -115,10 +120,6 @@
|
|
|
115
120
|
}
|
|
116
121
|
}
|
|
117
122
|
|
|
118
|
-
.plans-grid-next-features-grid__mobile-plan-card-no-foldable-container {
|
|
119
|
-
margin-top: 24px;
|
|
120
|
-
}
|
|
121
|
-
|
|
122
123
|
.plan-features-2023-grid__mobile-view {
|
|
123
124
|
display: flex;
|
|
124
125
|
flex-direction: column;
|
|
@@ -130,9 +131,8 @@
|
|
|
130
131
|
.plans-grid-next-features-grid__mobile-plan-card {
|
|
131
132
|
background-color: var(--studio-white);
|
|
132
133
|
border: 1px solid #e0e0e0;
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
padding: 38px 0 20px 0;
|
|
134
|
+
border-radius: 4px;
|
|
135
|
+
padding: 20px 0 20px 0;
|
|
136
136
|
|
|
137
137
|
/*
|
|
138
138
|
* TODO: Remove/refactor this once we have a better way to handle.
|
|
@@ -154,10 +154,42 @@
|
|
|
154
154
|
padding-top: 0;
|
|
155
155
|
}
|
|
156
156
|
}
|
|
157
|
+
|
|
158
|
+
.plan-features-2023-grid__header,
|
|
159
|
+
.plan-features-2023-grid__header-logo,
|
|
160
|
+
.plans-grid-next-header-price,
|
|
161
|
+
.plan-features-2023-grid__header-tagline,
|
|
162
|
+
.plan-features-2023-grid__header-billing-info,
|
|
163
|
+
.plan-features-2023-grid__table-item.is-top-buttons,
|
|
164
|
+
.plan-features-2023-grid__item {
|
|
165
|
+
padding-inline: 16px;
|
|
166
|
+
}
|
|
167
|
+
}
|
|
168
|
+
|
|
169
|
+
.plans-grid-next-storage-feature-label__volume {
|
|
170
|
+
font-size: 14px;
|
|
171
|
+
font-weight: 500;
|
|
157
172
|
}
|
|
158
173
|
|
|
159
174
|
.plan-features-2023-grid__highlighted-feature .plan-features-2023-grid__item {
|
|
160
|
-
padding-
|
|
175
|
+
padding-top: 16px;
|
|
176
|
+
}
|
|
177
|
+
|
|
178
|
+
.plan-features-2023-grid__header-title {
|
|
179
|
+
line-height: normal;
|
|
180
|
+
}
|
|
181
|
+
|
|
182
|
+
.plan-features-2023-grid__table-item .is-experiment-last-feature {
|
|
183
|
+
margin-block-end: 0;
|
|
184
|
+
}
|
|
185
|
+
|
|
186
|
+
.plan-features-2023-grid__header {
|
|
187
|
+
padding-block-end: 0;
|
|
188
|
+
}
|
|
189
|
+
|
|
190
|
+
.plan-features-2023-grid__header-tagline {
|
|
191
|
+
font-size: 14px;
|
|
192
|
+
padding: 0 20px 16px 20px
|
|
161
193
|
}
|
|
162
194
|
}
|
|
163
195
|
|
|
@@ -166,7 +198,7 @@
|
|
|
166
198
|
color: var(--color-text-subtle);
|
|
167
199
|
table-layout: fixed;
|
|
168
200
|
border: 1px solid #e0e0e0;
|
|
169
|
-
border-radius:
|
|
201
|
+
border-radius: 4px;
|
|
170
202
|
background-color: #fff;
|
|
171
203
|
margin: 0 auto;
|
|
172
204
|
border-spacing: 0;
|
|
@@ -205,12 +237,25 @@
|
|
|
205
237
|
letter-spacing: 0;
|
|
206
238
|
}
|
|
207
239
|
|
|
240
|
+
.plan-features-2023-grid__header-badge {
|
|
241
|
+
background-color: var(--studio-blue-5);
|
|
242
|
+
color: var(--studio-blue-50);
|
|
243
|
+
border-radius: 3px;
|
|
244
|
+
display: inline-block;
|
|
245
|
+
font-size: $font-body-extra-small;
|
|
246
|
+
font-weight: 500;
|
|
247
|
+
line-height: 20px;
|
|
248
|
+
padding: 0 8px;
|
|
249
|
+
white-space: nowrap;
|
|
250
|
+
}
|
|
251
|
+
|
|
208
252
|
.plan-features-2023-grid__header-tagline {
|
|
209
253
|
font-size: $font-body;
|
|
210
254
|
line-height: 24px;
|
|
211
255
|
color: var(--studio-gray-80);
|
|
212
256
|
font-weight: 400;
|
|
213
257
|
padding: 0 20px 24px 20px;
|
|
258
|
+
margin-bottom: 0;
|
|
214
259
|
|
|
215
260
|
@include plans-grid-medium-large {
|
|
216
261
|
font-size: $font-body-small;
|
|
@@ -238,6 +283,10 @@
|
|
|
238
283
|
font-weight: 600;
|
|
239
284
|
}
|
|
240
285
|
|
|
286
|
+
.is-plan-differentiators-experiment & .has-min-height {
|
|
287
|
+
min-height: 32px;
|
|
288
|
+
}
|
|
289
|
+
|
|
241
290
|
&.is-top-buttons {
|
|
242
291
|
padding: 0 20px;
|
|
243
292
|
@include plans-grid-medium-large {
|
|
@@ -251,7 +300,7 @@
|
|
|
251
300
|
@include plans-grid-medium-large {
|
|
252
301
|
// The .plan-features-2023-grid__table-item is used to render the plan spotlight which doesn't
|
|
253
302
|
// use a table layout, but borders are only appropriate in table layout.
|
|
254
|
-
&:is(td) {
|
|
303
|
+
&:is(td, th) {
|
|
255
304
|
border-left: solid 1px #e0e0e0;
|
|
256
305
|
}
|
|
257
306
|
}
|
|
@@ -270,10 +319,9 @@
|
|
|
270
319
|
max-width: 100%;
|
|
271
320
|
margin-bottom: 64px;
|
|
272
321
|
border: 1px solid #e0e0e0;
|
|
273
|
-
|
|
274
|
-
|
|
275
|
-
|
|
276
|
-
justify-content: space-between;
|
|
322
|
+
border-radius: 4px;
|
|
323
|
+
display: flex;
|
|
324
|
+
justify-content: space-between;
|
|
277
325
|
|
|
278
326
|
div.spotlight-plan__buttons {
|
|
279
327
|
display: flex;
|
|
@@ -318,6 +366,11 @@
|
|
|
318
366
|
.plans-grid-next-features-grid__feature-group-title {
|
|
319
367
|
font-weight: 600;
|
|
320
368
|
color: var(--studio-gray-80);
|
|
369
|
+
|
|
370
|
+
&.is-wordpress-hosting {
|
|
371
|
+
padding-top: 12px;
|
|
372
|
+
font-size: 12px;
|
|
373
|
+
}
|
|
321
374
|
}
|
|
322
375
|
|
|
323
376
|
.plans-grid-next-features-grid__feature-group-row {
|
|
@@ -346,13 +399,20 @@
|
|
|
346
399
|
flex: 1 0 0;
|
|
347
400
|
width: 100%;
|
|
348
401
|
|
|
402
|
+
.plan-features-2023-grid__ai-website-builder-break {
|
|
403
|
+
@media ( max-width: 480px ) {
|
|
404
|
+
display: none;
|
|
405
|
+
}
|
|
406
|
+
}
|
|
407
|
+
|
|
349
408
|
.plan-features-2023-grid__item-title {
|
|
350
409
|
color: var(--studio-gray-80);
|
|
351
410
|
font-size: $font-body-small;
|
|
352
411
|
font-weight: 400;
|
|
353
412
|
line-height: 20px;
|
|
354
413
|
overflow-wrap: break-word;
|
|
355
|
-
text-wrap: balance;
|
|
414
|
+
text-wrap: balance; // Fallback until Safari supports `pretty`.
|
|
415
|
+
text-wrap: pretty;
|
|
356
416
|
margin: 0;
|
|
357
417
|
flex: 1 0 0;
|
|
358
418
|
width: 100%;
|
|
@@ -361,6 +421,12 @@
|
|
|
361
421
|
font-weight: 600;
|
|
362
422
|
}
|
|
363
423
|
|
|
424
|
+
// Experiment variants: domain included text gets green color
|
|
425
|
+
// Applies to variants with "Everything in X, plus:" features (not focused long-list or control)
|
|
426
|
+
&.is-domain-included-highlight {
|
|
427
|
+
color: var(--studio-green-60);
|
|
428
|
+
}
|
|
429
|
+
|
|
364
430
|
@include plans-grid-medium-large {
|
|
365
431
|
font-size: $font-body-extra-small;
|
|
366
432
|
line-height: 16px;
|
|
@@ -383,6 +449,11 @@
|
|
|
383
449
|
}
|
|
384
450
|
}
|
|
385
451
|
|
|
452
|
+
// Pricing differentiators experiment (non-control): extra bottom margin after last feature in column
|
|
453
|
+
.plan-features-2023-grid__table-item .is-experiment-last-feature {
|
|
454
|
+
margin-block-end: 37px;
|
|
455
|
+
}
|
|
456
|
+
|
|
386
457
|
.plan-features-2023-grid__row:last-of-type .plan-features-2023-grid__table-item {
|
|
387
458
|
border-bottom: solid 1px var(--color-neutral-5);
|
|
388
459
|
|
|
@@ -397,6 +468,10 @@
|
|
|
397
468
|
padding: 0 20px 12px;
|
|
398
469
|
text-align: left;
|
|
399
470
|
|
|
471
|
+
.is-plan-differentiators-experiment & {
|
|
472
|
+
padding-inline-end: 12px;
|
|
473
|
+
}
|
|
474
|
+
|
|
400
475
|
&.plan-features-2023-grid__item-available {
|
|
401
476
|
display: flex;
|
|
402
477
|
flex-direction: column;
|
|
@@ -478,13 +553,17 @@
|
|
|
478
553
|
// the alternative (oveflow: auto) would break the sticky behavior on the headers
|
|
479
554
|
padding: 1px;
|
|
480
555
|
|
|
556
|
+
&.is-small {
|
|
557
|
+
padding: 0;
|
|
558
|
+
}
|
|
559
|
+
|
|
481
560
|
.plan-features-2023-grid__table-item {
|
|
482
561
|
border-right: none;
|
|
483
562
|
background-color: transparent;
|
|
484
563
|
|
|
485
|
-
//
|
|
486
|
-
//
|
|
487
|
-
&:first-of-type:is(td) {
|
|
564
|
+
// Match both `td` and `th` so the first header cell has its border-left removed too;
|
|
565
|
+
// the `:is()` keeps the specificity aligned with the rule that adds the border-left above.
|
|
566
|
+
&:first-of-type:is(td, th) {
|
|
488
567
|
border-left: none;
|
|
489
568
|
}
|
|
490
569
|
|
|
@@ -613,3 +692,12 @@
|
|
|
613
692
|
}
|
|
614
693
|
}
|
|
615
694
|
}
|
|
695
|
+
|
|
696
|
+
// Conditional styles for visual split layout (website-builder and wordpress-hosting intents)
|
|
697
|
+
.plans-features-main__group.is-visual-split-layout {
|
|
698
|
+
.plans-grid-next-features-grid__feature-group-row {
|
|
699
|
+
&:last-child > .plan-features-2023-grid__table-item {
|
|
700
|
+
padding-bottom: 18px;
|
|
701
|
+
}
|
|
702
|
+
}
|
|
703
|
+
}
|
|
@@ -29,7 +29,7 @@ const Table = ({ currentSitePlanSlug, generatedWPComSubdomain, gridPlanForSpotli
|
|
|
29
29
|
const tableClasses = (0, clsx_1.default)('plan-features-2023-grid__table', `has-${gridPlansWithoutSpotlight.length}-cols`, {
|
|
30
30
|
'has-highlighted-plan': hasHighlightedPlan,
|
|
31
31
|
});
|
|
32
|
-
return ((0, jsx_runtime_1.jsxs)("table", { className: tableClasses, children: [(0, jsx_runtime_1.jsx)("caption", { className: "plan-features-2023-grid__screen-reader-text screen-reader-text", children: translate('Available plans to choose from') }), (0, jsx_runtime_1.jsxs)("
|
|
32
|
+
return ((0, jsx_runtime_1.jsxs)("table", { className: tableClasses, children: [(0, jsx_runtime_1.jsx)("caption", { className: "plan-features-2023-grid__screen-reader-text screen-reader-text", children: translate('Available plans to choose from') }), (0, jsx_runtime_1.jsxs)("thead", { children: [(0, jsx_runtime_1.jsx)("tr", { children: (0, jsx_runtime_1.jsx)(plan_logos_1.default, { renderedGridPlans: gridPlansWithoutSpotlight, isInSignup: isInSignup, options: { isTableCell: true } }) }), (0, jsx_runtime_1.jsx)("tr", { children: (0, jsx_runtime_1.jsx)(plan_headers_1.default, { renderedGridPlans: gridPlansWithoutSpotlight, options: { isHeader: true, scope: 'col' } }) })] }), (0, jsx_runtime_1.jsxs)("tbody", { children: [(0, jsx_runtime_1.jsx)("tr", { children: (0, jsx_runtime_1.jsx)(plan_tagline_1.default, { renderedGridPlans: gridPlansWithoutSpotlight, options: { isTableCell: true } }) }), (0, jsx_runtime_1.jsx)("tr", { children: (0, jsx_runtime_1.jsx)(plan_prices_1.default, { renderedGridPlans: gridPlansWithoutSpotlight, options: { isTableCell: true }, currentSitePlanSlug: currentSitePlanSlug }) }), (0, jsx_runtime_1.jsx)("tr", { children: (0, jsx_runtime_1.jsx)(billing_timeframes_1.default, { renderedGridPlans: gridPlansWithoutSpotlight, showRefundPeriod: showRefundPeriod, options: { isTableCell: true } }) }), (0, jsx_runtime_1.jsx)(sticky_container_1.StickyContainer, { stickyClass: "is-sticky-top-buttons-row", element: "tr", stickyOffset: stickyRowOffset, zIndex: 2, children: (isStuck) => ((0, jsx_runtime_1.jsx)(top_buttons_1.default, { renderedGridPlans: gridPlansWithoutSpotlight, options: { isTableCell: true, isStuck }, isInSignup: isInSignup, currentSitePlanSlug: currentSitePlanSlug, planActionOverrides: planActionOverrides })) }), (0, jsx_runtime_1.jsx)("tr", { children: (0, jsx_runtime_1.jsx)(enterprise_features_1.default, { renderedGridPlans: gridPlansWithoutSpotlight, options: { isTableCell: true, isLogosOnly: enableLogosOnlyForEnterprisePlan } }) }), !enableCategorisedFeatures && ((0, jsx_runtime_1.jsx)("tr", { children: (0, jsx_runtime_1.jsx)(previous_features_included_title_1.default, { renderedGridPlans: gridPlansWithoutSpotlight, options: { isTableCell: true } }) })), featureGroups.map((featureGroupSlug, featureGroupIndex) => ((0, jsx_runtime_1.jsx)("tr", { className: (0, clsx_1.default)('plans-grid-next-features-grid__feature-group-row', {
|
|
33
33
|
'is-first-feature-group-row': featureGroupIndex === 0,
|
|
34
34
|
'is-reduced-feature-group-spacing': enableReducedFeatureGroupSpacing,
|
|
35
35
|
}), children: (0, jsx_runtime_1.jsx)(plan_features_list_1.default, { renderedGridPlans: gridPlansWithoutSpotlight, options: { isTableCell: true }, paidDomainName: paidDomainName, hideUnavailableFeatures: hideUnavailableFeatures, selectedFeature: selectedFeature, generatedWPComSubdomain: generatedWPComSubdomain, isCustomDomainAllowedOnFreePlan: isCustomDomainAllowedOnFreePlan, featureGroupSlug: featureGroupSlug, onStorageAddOnClick: onStorageAddOnClick, showUpgradeableStorage: showUpgradeableStorage }) }, featureGroupSlug)))] })] }));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"table.js","sourceRoot":"","sources":["../../../../src/components/features-grid/table.tsx"],"names":[],"mappings":";;;;AAEA,gDAA6C;AAC7C,wDAAwB;AACxB,+CAA4C;AAC5C,qDAAyD;AAEzD,0DAAsD;AACtD,sFAAqD;AACrD,wFAAuD;AACvD,sFAAoD;AACpD,0EAAyC;AACzC,sEAAqC;AACrC,wEAAuC;AACvC,0EAAyC;AACzC,kHAA+E;AAC/E,wEAAuC;AAsBvC,MAAM,KAAK,GAAG,CAAE,EACf,mBAAmB,EACnB,uBAAuB,EACvB,oBAAoB,EACpB,uBAAuB,EACvB,+BAA+B,EAC/B,UAAU,EACV,mBAAmB,EACnB,cAAc,EACd,mBAAmB,EACnB,iBAAiB,EACjB,eAAe,EACf,gBAAgB,EAChB,sBAAsB,EACtB,eAAe,GACH,EAAG,EAAE;IACjB,MAAM,SAAS,GAAG,IAAA,2BAAY,GAAE,CAAC;IACjC,MAAM,EACL,eAAe,EACf,yBAAyB,EACzB,gCAAgC,EAChC,gCAAgC,GAChC,GAAG,IAAA,kCAAmB,GAAE,CAAC;IAC1B,MAAM,aAAa,GAAG,IAAA,iBAAO,EAC5B,GAAG,EAAE,CAAC,MAAM,CAAC,IAAI,CAAE,eAAe,CAAwB,EAC1D,CAAE,eAAe,CAAE,CACnB,CAAC;IAEF,gDAAgD;IAChD,MAAM,yBAAyB,GAAG,IAAA,iBAAO,EACxC,GAAG,EAAE,CACJ,CAAE,oBAAoB;QACrB,CAAC,CAAC,iBAAiB;QACnB,CAAC,CAAC,iBAAiB,CAAC,MAAM,CACxB,CAAE,EAAE,QAAQ,EAAE,EAAG,EAAE,CAAC,oBAAoB,CAAC,QAAQ,KAAK,QAAQ,CAC7D,EACL,CAAE,iBAAiB,EAAE,oBAAoB,CAAE,CAC3C,CAAC;IACF,gHAAgH;IAChH,MAAM,kBAAkB,GAAG,yBAAyB,CAAC,IAAI,CACxD,CAAE,EAAE,cAAc,EAAE,EAAG,EAAE,CAAC,CAAC,CAAE,cAAc,CAC3C,CAAC;IACF,MAAM,YAAY,GAAG,IAAA,cAAI,EACxB,gCAAgC,EAChC,OAAQ,yBAAyB,CAAC,MAAO,OAAO,EAChD;QACC,sBAAsB,EAAE,kBAAkB;KAC1C,CACD,CAAC;IAEF,OAAO,CACN,mCAAO,SAAS,EAAG,YAAY,aAC9B,oCAAS,SAAS,EAAC,gEAAgE,YAChF,SAAS,CAAE,gCAAgC,CAAE,GACtC,EACV,8CACC,yCACC,uBAAC,oBAAS,IACT,iBAAiB,EAAG,yBAAyB,EAC7C,UAAU,EAAG,UAAU,EACvB,OAAO,EAAG,EAAE,WAAW,EAAE,IAAI,EAAE,GAC9B,GACE,EACL,yCACC,uBAAC,sBAAW,IACX,iBAAiB,EAAG,yBAAyB,EAC7C,OAAO,EAAG,EAAE,
|
|
1
|
+
{"version":3,"file":"table.js","sourceRoot":"","sources":["../../../../src/components/features-grid/table.tsx"],"names":[],"mappings":"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"}
|
|
@@ -22,6 +22,30 @@ const SubdomainSuggestion = styled_1.default.div `
|
|
|
22
22
|
overflow: hidden;
|
|
23
23
|
}
|
|
24
24
|
`;
|
|
25
|
+
// Pricing differentiation pills — colors match @automattic/components Badge type="info-green" (.badge--info-green).
|
|
26
|
+
const FeatureBadge = styled_1.default.span `
|
|
27
|
+
display: inline-flex;
|
|
28
|
+
padding: 0 6px;
|
|
29
|
+
justify-content: center;
|
|
30
|
+
align-items: center;
|
|
31
|
+
gap: 8px;
|
|
32
|
+
border-radius: 4px;
|
|
33
|
+
background-color: rgba( 184, 230, 191, 0.64 );
|
|
34
|
+
color: var( --studio-green-80 );
|
|
35
|
+
text-align: center;
|
|
36
|
+
font-size: 11px;
|
|
37
|
+
font-weight: 600;
|
|
38
|
+
line-height: inherit;
|
|
39
|
+
margin-inline-start: 8px;
|
|
40
|
+
vertical-align: baseline;
|
|
41
|
+
text-decoration: none;
|
|
42
|
+
white-space: nowrap;
|
|
43
|
+
|
|
44
|
+
@media ( max-width: 480px ) {
|
|
45
|
+
padding: 0 4px;
|
|
46
|
+
margin-inline-start: 6px;
|
|
47
|
+
}
|
|
48
|
+
`;
|
|
25
49
|
const FreePlanCustomDomainFeature = ({ paidDomainName, generatedWPComSubdomain, isCustomDomainAllowedOnFreePlan }) => {
|
|
26
50
|
const translate = (0, i18n_calypso_1.useTranslate)();
|
|
27
51
|
const isLoading = generatedWPComSubdomain?.isLoading;
|
|
@@ -33,7 +57,7 @@ const FreePlanCustomDomainFeature = ({ paidDomainName, generatedWPComSubdomain,
|
|
|
33
57
|
};
|
|
34
58
|
const PlanFeatures2023GridFeatures = ({ features, planSlug, paidDomainName, generatedWPComSubdomain, hideUnavailableFeatures, selectedFeature, isCustomDomainAllowedOnFreePlan, activeTooltipId, setActiveTooltipId, }) => {
|
|
35
59
|
const translate = (0, i18n_calypso_1.useTranslate)();
|
|
36
|
-
const { enableFeatureTooltips } = (0, grid_context_1.usePlansGridContext)();
|
|
60
|
+
const { enableFeatureTooltips, gridPlans, isExperimentVariant } = (0, grid_context_1.usePlansGridContext)();
|
|
37
61
|
return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: features.map((currentFeature, featureIndex) => {
|
|
38
62
|
if (hideUnavailableFeatures && !currentFeature.availableForCurrentPlan) {
|
|
39
63
|
return null;
|
|
@@ -48,8 +72,22 @@ const PlanFeatures2023GridFeatures = ({ features, planSlug, paidDomainName, gene
|
|
|
48
72
|
: currentFeature?.isHighlighted ||
|
|
49
73
|
(currentFeature.getSlug() === calypso_products_1.FEATURE_CUSTOM_DOMAIN && paidDomainName) ||
|
|
50
74
|
!currentFeature.availableForCurrentPlan;
|
|
75
|
+
const featureSlug = currentFeature.getSlug();
|
|
76
|
+
const shouldBreakAfterAiWebsiteBuilderTitle = gridPlans.length === 6 && featureSlug === calypso_products_1.FEATURE_AI_WEBSITE_BUILDER;
|
|
77
|
+
const featuresWithMinHeight = [
|
|
78
|
+
'support-from-experts',
|
|
79
|
+
'priority-24-7-support',
|
|
80
|
+
'upload-video',
|
|
81
|
+
];
|
|
82
|
+
// Apply green styling for domain feature in the rolled-out cohort.
|
|
83
|
+
const isCustomDomainFeatureWithPaidDomain = currentFeature.getSlug() === calypso_products_1.FEATURE_CUSTOM_DOMAIN &&
|
|
84
|
+
paidDomainName &&
|
|
85
|
+
!(0, calypso_products_1.isFreePlan)(planSlug);
|
|
86
|
+
const shouldHighlightDomainFeature = isCustomDomainFeatureWithPaidDomain && isExperimentVariant;
|
|
51
87
|
const divClasses = (0, clsx_1.default)('', (0, calypso_products_1.getPlanClass)(planSlug), {
|
|
52
88
|
'is-last-feature': featureIndex + 1 === features.length,
|
|
89
|
+
'has-min-height': featuresWithMinHeight.includes(featureSlug),
|
|
90
|
+
'is-experiment-last-feature': currentFeature.isExperimentLastFeature,
|
|
53
91
|
});
|
|
54
92
|
const spanClasses = (0, clsx_1.default)('plan-features-2023-grid__item-info', {
|
|
55
93
|
'is-annual-plan-feature': currentFeature.availableOnlyForAnnualPlans,
|
|
@@ -57,15 +95,16 @@ const PlanFeatures2023GridFeatures = ({ features, planSlug, paidDomainName, gene
|
|
|
57
95
|
});
|
|
58
96
|
const itemTitleClasses = (0, clsx_1.default)('plan-features-2023-grid__item-title', {
|
|
59
97
|
'is-bold': isHighlightedFeature,
|
|
98
|
+
'is-domain-included-highlight': shouldHighlightDomainFeature,
|
|
60
99
|
});
|
|
61
100
|
return ((0, jsx_runtime_1.jsx)("div", { className: divClasses, children: (0, jsx_runtime_1.jsx)(item_1.PlanFeaturesItem, { children: (0, jsx_runtime_1.jsx)("span", { className: spanClasses, children: (0, jsx_runtime_1.jsx)("span", { className: itemTitleClasses, children: isFreePlanAndCustomDomainFeature ? ((0, jsx_runtime_1.jsx)(plans_2023_tooltip_1.Plans2023Tooltip, { text: enableFeatureTooltips
|
|
62
101
|
? translate('%s is not included', {
|
|
63
102
|
args: [paidDomainName],
|
|
64
103
|
comment: '%s is a domain name.',
|
|
65
104
|
})
|
|
66
|
-
: undefined, activeTooltipId: activeTooltipId, setActiveTooltipId: setActiveTooltipId, id: key, children: (0, jsx_runtime_1.jsx)(FreePlanCustomDomainFeature, { paidDomainName: paidDomainName, generatedWPComSubdomain: generatedWPComSubdomain, isCustomDomainAllowedOnFreePlan: isCustomDomainAllowedOnFreePlan }, key) })) : ((0, jsx_runtime_1.jsx)(plans_2023_tooltip_1.Plans2023Tooltip, { text: enableFeatureTooltips ? currentFeature.getDescription?.() : undefined, activeTooltipId: activeTooltipId, setActiveTooltipId: setActiveTooltipId, id: key, children: (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [currentFeature.getTitle({
|
|
67
|
-
|
|
68
|
-
|
|
105
|
+
: undefined, activeTooltipId: activeTooltipId, setActiveTooltipId: setActiveTooltipId, id: key, children: (0, jsx_runtime_1.jsx)(FreePlanCustomDomainFeature, { paidDomainName: paidDomainName, generatedWPComSubdomain: generatedWPComSubdomain, isCustomDomainAllowedOnFreePlan: isCustomDomainAllowedOnFreePlan }, key) })) : ((0, jsx_runtime_1.jsx)(plans_2023_tooltip_1.Plans2023Tooltip, { text: enableFeatureTooltips ? currentFeature.getDescription?.() : undefined, activeTooltipId: activeTooltipId, setActiveTooltipId: setActiveTooltipId, id: key, children: (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("span", { className: "plan-features-2023-grid__item-text-content", children: [currentFeature.getTitle({
|
|
106
|
+
domainName: paidDomainName,
|
|
107
|
+
}), currentFeature.badgeText && ((0, jsx_runtime_1.jsx)(FeatureBadge, { children: currentFeature.badgeText }))] }), shouldBreakAfterAiWebsiteBuilderTitle && ((0, jsx_runtime_1.jsx)("div", { className: "plan-features-2023-grid__ai-website-builder-break", children: '\u00A0' })), currentFeature?.getSubFeatureObjects?.()?.length ? ((0, jsx_runtime_1.jsx)("ul", { className: "plan-features-2023-grid__item-sub-feature-list", children: currentFeature.getSubFeatureObjects().map((subFeature) => ((0, jsx_runtime_1.jsx)("li", { children: subFeature?.getTitle() }, subFeature.getSlug()))) })) : null] }) })) }) }, key) }) }, key));
|
|
69
108
|
}) }));
|
|
70
109
|
};
|
|
71
110
|
exports.default = PlanFeatures2023GridFeatures;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"features.js","sourceRoot":"","sources":["../../../src/components/features.tsx"],"names":[],"mappings":";;;;AAAA,
|
|
1
|
+
{"version":3,"file":"features.js","sourceRoot":"","sources":["../../../src/components/features.tsx"],"names":[],"mappings":"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"}
|
|
@@ -3,6 +3,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
3
3
|
exports.PlanFeaturesItem = PlanFeaturesItem;
|
|
4
4
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
5
|
function PlanFeaturesItem(props) {
|
|
6
|
-
return ((0, jsx_runtime_1.jsx)("div", { className: "plan-features-2023-grid__item plan-features-2023-grid__item-available", children: (0, jsx_runtime_1.jsx)("div", { className: "plan-features-2023-grid__item-info-container", children: props.children }) }));
|
|
6
|
+
return ((0, jsx_runtime_1.jsx)("div", { className: "plan-features-2023-grid__item plan-features-2023-grid__item-available", style: props.style, children: (0, jsx_runtime_1.jsx)("div", { className: "plan-features-2023-grid__item-info-container", children: props.children }) }));
|
|
7
7
|
}
|
|
8
8
|
//# sourceMappingURL=item.js.map
|