@automattic/plans-grid-next 1.0.1 → 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 +101 -71
- package/dist/cjs/components/comparison-grid/index.js.map +1 -1
- package/dist/cjs/components/comparison-grid/index.stories.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 +111 -21
- 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 +71 -47
- 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 +10 -2
- 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-billing-period.js +14 -0
- package/dist/cjs/hooks/data-store/use-plan-billing-period.js.map +1 -0
- 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-grid-size.js.map +1 -1
- 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 +8 -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 +102 -72
- package/dist/esm/components/comparison-grid/index.js.map +1 -1
- package/dist/esm/components/comparison-grid/index.stories.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 +111 -21
- 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 +71 -47
- 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 +10 -2
- 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-billing-period.js +12 -0
- package/dist/esm/hooks/data-store/use-plan-billing-period.js.map +1 -0
- 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-grid-size.js.map +1 -1
- 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 +4 -1
- 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/comparison-grid/index.stories.d.ts +2 -2
- package/dist/types/components/dropdown-option.d.ts.map +1 -1
- package/dist/types/components/features-grid/billing-timeframes.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/client-logo-list/index.d.ts.map +1 -1
- package/dist/types/components/features-grid/enterprise-features.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/plan-logos.d.ts.map +1 -1
- package/dist/types/components/features-grid/plan-prices.d.ts.map +1 -1
- package/dist/types/components/features-grid/plan-tagline.d.ts.map +1 -1
- package/dist/types/components/features-grid/previous-features-included-title.d.ts.map +1 -1
- package/dist/types/components/features-grid/spotlight-plan.d.ts.map +1 -1
- package/dist/types/components/features-grid/table.d.ts.map +1 -1
- package/dist/types/components/features-grid/top-buttons.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/header-price-context.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/plan-storage.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/css-mixins.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-plan-for-spotlight.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-billing-period.d.ts +8 -0
- package/dist/types/hooks/data-store/use-plan-billing-period.d.ts.map +1 -0
- 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-plans-from-types.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-grid-size.d.ts +3 -2
- package/dist/types/hooks/use-grid-size.d.ts.map +1 -1
- package/dist/types/hooks/use-highlight-adjacency-matrix.d.ts.map +1 -1
- 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 +9 -1
- package/dist/types/index.d.ts.map +1 -1
- package/dist/types/lib/filter-unused-features-object.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 +33 -6
- package/dist/types/types.d.ts.map +1 -1
- package/package.json +39 -28
- package/src/_shared.scss +4 -3
- package/src/components/comparison-grid/index.stories.tsx +1 -1
- package/src/components/comparison-grid/index.tsx +263 -158
- 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 +37 -19
- 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 +111 -21
- 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 +71 -47
- 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 +10 -2
- 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-billing-period.tsx +28 -0
- 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-grid-size.ts +3 -2
- package/src/hooks/use-is-large-currency.ts +1 -1
- package/src/hooks/use-visible-grid-plans.tsx +102 -0
- package/src/index.tsx +20 -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 +45 -4
- 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/cjs/lib/sort-plan-properties.js +0 -26
- package/dist/cjs/lib/sort-plan-properties.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/esm/lib/sort-plan-properties.js +0 -23
- package/dist/esm/lib/sort-plan-properties.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/dist/types/lib/sort-plan-properties.d.ts +0 -3
- package/dist/types/lib/sort-plan-properties.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
- package/src/lib/sort-plan-properties.ts +0 -27
- package/src/lib/test/sort-plan-properties.ts +0 -122
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/shared/action-button/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAEN,YAAY,EACZ,UAAU,EACV,SAAS,EACT,yBAAyB,GACzB,MAAM,8BAA8B,CAAC;AACtC,OAAO,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAC/D,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAC5C,OAAO,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/shared/action-button/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { isWpcomEnterpriseGridPlan, isWooExpressPlan, isFreePlan, } from '@automattic/calypso-products';
|
|
3
|
+
import { formatCurrency } from '@automattic/number-formatters';
|
|
3
4
|
import styled from '@emotion/styled';
|
|
4
|
-
import { useTranslate,
|
|
5
|
+
import { useTranslate, fixMe } from 'i18n-calypso';
|
|
5
6
|
import { usePlansGridContext } from '../../../grid-context';
|
|
6
7
|
import usePlanBillingDescription from '../../../hooks/data-store/use-plan-billing-description';
|
|
7
8
|
const DiscountPromotion = styled.div `
|
|
@@ -11,6 +12,9 @@ const DiscountPromotion = styled.div `
|
|
|
11
12
|
font-size: $font-body-extra-small;
|
|
12
13
|
margin-top: 6px;
|
|
13
14
|
`;
|
|
15
|
+
const BillingTimeframeContainer = styled.p `
|
|
16
|
+
margin-bottom: 0;
|
|
17
|
+
`;
|
|
14
18
|
const RefundNotice = ({ planSlug, showRefundPeriod, billingPeriod }) => {
|
|
15
19
|
const translate = useTranslate();
|
|
16
20
|
if (!showRefundPeriod || isFreePlan(planSlug)) {
|
|
@@ -39,11 +43,11 @@ const BillingTimeframe = ({ showRefundPeriod, planSlug }) => {
|
|
|
39
43
|
if (isWooExpressPlan(planSlug) &&
|
|
40
44
|
isMonthlyPlan &&
|
|
41
45
|
(!introOffer || introOffer.isOfferComplete)) {
|
|
42
|
-
return (_jsxs(
|
|
46
|
+
return (_jsxs(BillingTimeframeContainer, { children: [_jsx("div", { children: billingTimeframe }), _jsx(DiscountPromotion, { children: planBillingDescription })] }));
|
|
43
47
|
}
|
|
44
48
|
if (isWpcomEnterpriseGridPlan(planSlug)) {
|
|
45
49
|
const price = formatCurrency(25000, 'USD', { stripZeros: true });
|
|
46
|
-
return (_jsx(
|
|
50
|
+
return (_jsx(BillingTimeframeContainer, { children: fixMe({
|
|
47
51
|
text: 'Starts at {{b}}%(price)s{{/b}} annually',
|
|
48
52
|
newCopy: translate('Starts at {{b}}%(price)s{{/b}} annually', {
|
|
49
53
|
args: { price },
|
|
@@ -57,7 +61,7 @@ const BillingTimeframe = ({ showRefundPeriod, planSlug }) => {
|
|
|
57
61
|
}),
|
|
58
62
|
}) }));
|
|
59
63
|
}
|
|
60
|
-
return (_jsxs(
|
|
64
|
+
return (_jsxs(BillingTimeframeContainer, { children: [description, _jsx(RefundNotice, { showRefundPeriod: showRefundPeriod, planSlug: planSlug, billingPeriod: billingPeriod })] }));
|
|
61
65
|
};
|
|
62
66
|
export default BillingTimeframe;
|
|
63
67
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/shared/billing-timeframe/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EACN,yBAAyB,EAEzB,gBAAgB,EAChB,UAAU,GACV,MAAM,8BAA8B,CAAC;AACtC,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,YAAY,EAAE,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/shared/billing-timeframe/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -8,6 +8,7 @@ import { useTranslate } from 'i18n-calypso';
|
|
|
8
8
|
import { usePlansGridContext } from '../../../grid-context';
|
|
9
9
|
import useIsLargeCurrency from '../../../hooks/use-is-large-currency';
|
|
10
10
|
import { usePlanPricingInfoFromGridPlans } from '../../../hooks/use-plan-pricing-info-from-grid-plans';
|
|
11
|
+
import { calculateDiscountPercentage, fromPricingMetaForGridPlan, getPlanPriceForDuration, } from '../../../lib/plan-pricing-utils';
|
|
11
12
|
import { useHeaderPriceContext } from './header-price-context';
|
|
12
13
|
import './style.scss';
|
|
13
14
|
/**
|
|
@@ -23,9 +24,12 @@ const useTermVariantPlanSlugForSavings = ({ planSlug, billingPeriod, }) => {
|
|
|
23
24
|
};
|
|
24
25
|
const HeaderPrice = ({ planSlug, visibleGridPlans }) => {
|
|
25
26
|
const translate = useTranslate();
|
|
26
|
-
const { gridPlansIndex, enableTermSavingsPriceDisplay, reflectStorageSelectionInPlanPrices, siteId, coupon, helpers, } = usePlansGridContext();
|
|
27
|
+
const { gridPlansIndex, enableTermSavingsPriceDisplay, reflectStorageSelectionInPlanPrices, siteId, coupon, helpers, showBillingDescriptionForIncreasedRenewalPrice, isExperimentVariant, } = usePlansGridContext();
|
|
28
|
+
const pricingBadgeClassName = clsx('plans-grid-next-header-price__badge', {
|
|
29
|
+
'is-plan-differentiators-experiment-badge': isExperimentVariant,
|
|
30
|
+
});
|
|
27
31
|
const { isAnyPlanPriceDiscounted, setIsAnyPlanPriceDiscounted } = useHeaderPriceContext();
|
|
28
|
-
const { current, pricing: { currencyCode, originalPrice, discountedPrice, introOffer, billingPeriod }, } = gridPlansIndex[planSlug];
|
|
32
|
+
const { current, pricing: { currencyCode, originalPrice, discountedPrice, introOffer, billingPeriod }, isMonthlyPlan, } = gridPlansIndex[planSlug];
|
|
29
33
|
const isPricedPlan = null !== originalPrice.monthly;
|
|
30
34
|
/**
|
|
31
35
|
* If this discount is related to a `Plan upgrade credit`
|
|
@@ -39,7 +43,7 @@ const HeaderPrice = ({ planSlug, visibleGridPlans }) => {
|
|
|
39
43
|
prices,
|
|
40
44
|
currencyCode: currencyCode || 'USD',
|
|
41
45
|
ignoreWhitespace: true,
|
|
42
|
-
});
|
|
46
|
+
}) && !showBillingDescriptionForIncreasedRenewalPrice; // a temporary fix to handle an issue with isLargeCurrency logic for intro offers
|
|
43
47
|
const termVariantPlanSlug = useTermVariantPlanSlugForSavings({ planSlug, billingPeriod });
|
|
44
48
|
const termVariantPricing = Plans.usePricingMetaForGridPlans({
|
|
45
49
|
planSlugs: termVariantPlanSlug ? [termVariantPlanSlug] : [],
|
|
@@ -48,15 +52,18 @@ const HeaderPrice = ({ planSlug, visibleGridPlans }) => {
|
|
|
48
52
|
siteId,
|
|
49
53
|
useCheckPlanAvailabilityForPurchase: helpers?.useCheckPlanAvailabilityForPurchase,
|
|
50
54
|
})?.[termVariantPlanSlug ?? ''];
|
|
51
|
-
const
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
+
const termVariantInfo = termVariantPricing
|
|
56
|
+
? fromPricingMetaForGridPlan(termVariantPricing)
|
|
57
|
+
: null;
|
|
58
|
+
const currentPlanInfo = fromPricingMetaForGridPlan(gridPlansIndex[planSlug].pricing);
|
|
59
|
+
let savings = termVariantInfo && currentPlanInfo
|
|
60
|
+
? calculateDiscountPercentage(getPlanPriceForDuration(termVariantInfo, currentPlanInfo.termMonths), getPlanPriceForDuration(currentPlanInfo, currentPlanInfo.termMonths)) ?? 0
|
|
55
61
|
: 0;
|
|
56
62
|
useEffect(() => {
|
|
57
63
|
if (isGridPlanOneTimeDiscounted ||
|
|
58
64
|
isGridPlanOnIntroOffer ||
|
|
59
|
-
(enableTermSavingsPriceDisplay && savings)
|
|
65
|
+
(enableTermSavingsPriceDisplay && savings) ||
|
|
66
|
+
(showBillingDescriptionForIncreasedRenewalPrice && !!termVariantPricing)) {
|
|
60
67
|
setIsAnyPlanPriceDiscounted(true);
|
|
61
68
|
}
|
|
62
69
|
}, [
|
|
@@ -65,24 +72,59 @@ const HeaderPrice = ({ planSlug, visibleGridPlans }) => {
|
|
|
65
72
|
isGridPlanOneTimeDiscounted,
|
|
66
73
|
savings,
|
|
67
74
|
setIsAnyPlanPriceDiscounted,
|
|
75
|
+
showBillingDescriptionForIncreasedRenewalPrice,
|
|
76
|
+
termVariantPricing,
|
|
68
77
|
]);
|
|
69
78
|
if (isWpcomEnterpriseGridPlan(planSlug) || !isPricedPlan) {
|
|
70
79
|
return null;
|
|
71
80
|
}
|
|
72
81
|
if (isGridPlanOnIntroOffer) {
|
|
73
|
-
|
|
82
|
+
// Use the monthly plan price for renewal pricing, instead of the intro offer renewal price
|
|
83
|
+
const compareToMonthlyPrice = (showBillingDescriptionForIncreasedRenewalPrice && termVariantPricing
|
|
84
|
+
? termVariantPricing.originalPrice.monthly
|
|
85
|
+
: originalPrice.monthly) ?? 0;
|
|
86
|
+
const monthlyPrice = typeof discountedPrice.monthly === 'number'
|
|
87
|
+
? discountedPrice.monthly
|
|
88
|
+
: introOffer.rawPrice.monthly;
|
|
89
|
+
// Recalculate the savings for Monthly plans with introductory offers
|
|
90
|
+
// since we are comparing the introductory price with the same plan
|
|
91
|
+
// renewal price, instead of comparing yearly to monthly costs for
|
|
92
|
+
// the same period.
|
|
93
|
+
if (showBillingDescriptionForIncreasedRenewalPrice &&
|
|
94
|
+
compareToMonthlyPrice > monthlyPrice &&
|
|
95
|
+
isMonthlyPlan) {
|
|
96
|
+
savings = calculateDiscountPercentage(compareToMonthlyPrice, monthlyPrice) ?? 0;
|
|
97
|
+
}
|
|
98
|
+
return (_jsxs("div", { className: "plans-grid-next-header-price", children: [!current && (_jsx("div", { className: pricingBadgeClassName, children: showBillingDescriptionForIncreasedRenewalPrice
|
|
99
|
+
? translate('Save %(savings)d%%', {
|
|
100
|
+
args: { savings },
|
|
101
|
+
comment: 'Example: Save 35%',
|
|
102
|
+
})
|
|
103
|
+
: translate('Special Offer') })), current && visibleGridPlans.length > 1 && (_jsx("div", { className: clsx(pricingBadgeClassName, 'is-hidden'), children: "' '" })), _jsxs("div", { className: clsx('plans-grid-next-header-price__pricing-group', {
|
|
74
104
|
'is-large-currency': isLargeCurrency,
|
|
75
|
-
}), children: [_jsx(PlanPrice, { currencyCode: currencyCode, rawPrice:
|
|
76
|
-
|
|
77
|
-
|
|
105
|
+
}), children: [_jsx(PlanPrice, { currencyCode: currencyCode, rawPrice: compareToMonthlyPrice, displayPerMonthNotation: false, isLargeCurrency: isLargeCurrency, isSmallestUnit: true, priceDisplayWrapperClassName: "plans-grid-next-header-price__display-wrapper", original: true }), _jsx(PlanPrice, { currencyCode: currencyCode, rawPrice: monthlyPrice, displayPerMonthNotation: false, isLargeCurrency: isLargeCurrency, isSmallestUnit: true, priceDisplayWrapperClassName: "plans-grid-next-header-price__display-wrapper", discounted: true })] })] }));
|
|
106
|
+
}
|
|
107
|
+
// Handle cases where a plan is ineligible for intro offer, but we still
|
|
108
|
+
// want to show the crossed-out monthly price.
|
|
109
|
+
if (showBillingDescriptionForIncreasedRenewalPrice && termVariantPricing) {
|
|
110
|
+
const compareToMonthlyPrice = termVariantPricing.originalPrice.monthly ?? 0;
|
|
111
|
+
const monthlyPrice = typeof discountedPrice.monthly === 'number'
|
|
112
|
+
? discountedPrice.monthly
|
|
113
|
+
: originalPrice.monthly ?? 0;
|
|
114
|
+
return (_jsxs("div", { className: "plans-grid-next-header-price", children: [!current && savings > 0 && (_jsx("div", { className: pricingBadgeClassName, children: translate('Save %(savings)d%%', {
|
|
115
|
+
args: { savings },
|
|
116
|
+
comment: 'Example: Save 35%',
|
|
117
|
+
}) })), ((!current && savings <= 0) || (current && visibleGridPlans.length > 1)) && (_jsx("div", { className: clsx(pricingBadgeClassName, 'is-hidden'), children: "' '" })), _jsxs("div", { className: clsx('plans-grid-next-header-price__pricing-group', {
|
|
118
|
+
'is-large-currency': isLargeCurrency,
|
|
119
|
+
}), children: [compareToMonthlyPrice > monthlyPrice && (_jsx(PlanPrice, { currencyCode: currencyCode, rawPrice: compareToMonthlyPrice, displayPerMonthNotation: false, isLargeCurrency: isLargeCurrency, isSmallestUnit: true, priceDisplayWrapperClassName: "plans-grid-next-header-price__display-wrapper", original: true })), _jsx(PlanPrice, { currencyCode: currencyCode, rawPrice: monthlyPrice, displayPerMonthNotation: false, isLargeCurrency: isLargeCurrency, isSmallestUnit: true, priceDisplayWrapperClassName: "plans-grid-next-header-price__display-wrapper", discounted: true })] })] }));
|
|
78
120
|
}
|
|
79
121
|
if (isGridPlanOneTimeDiscounted) {
|
|
80
|
-
return (_jsxs("div", { className: "plans-grid-next-header-price", children: [_jsx("div", { className:
|
|
122
|
+
return (_jsxs("div", { className: "plans-grid-next-header-price", children: [_jsx("div", { className: pricingBadgeClassName, children: translate('One time discount') }), _jsxs("div", { className: clsx('plans-grid-next-header-price__pricing-group', {
|
|
81
123
|
'is-large-currency': isLargeCurrency,
|
|
82
124
|
}), children: [_jsx(PlanPrice, { currencyCode: currencyCode, rawPrice: originalPrice.monthly, displayPerMonthNotation: false, isLargeCurrency: isLargeCurrency, isSmallestUnit: true, priceDisplayWrapperClassName: "plans-grid-next-header-price__display-wrapper", original: true }), _jsx(PlanPrice, { currencyCode: currencyCode, rawPrice: discountedPrice.monthly, displayPerMonthNotation: false, isLargeCurrency: isLargeCurrency, isSmallestUnit: true, priceDisplayWrapperClassName: "plans-grid-next-header-price__display-wrapper", discounted: true })] })] }));
|
|
83
125
|
}
|
|
84
126
|
if (enableTermSavingsPriceDisplay && termVariantPricing && savings) {
|
|
85
|
-
return (_jsxs("div", { className: "plans-grid-next-header-price", children: [_jsx("div", { className:
|
|
127
|
+
return (_jsxs("div", { className: "plans-grid-next-header-price", children: [_jsx("div", { className: pricingBadgeClassName, children: translate('Save %(savings)d%%', {
|
|
86
128
|
args: { savings },
|
|
87
129
|
comment: 'Example: Save 35%',
|
|
88
130
|
}) }), _jsxs("div", { className: clsx('plans-grid-next-header-price__pricing-group', {
|
|
@@ -90,7 +132,10 @@ const HeaderPrice = ({ planSlug, visibleGridPlans }) => {
|
|
|
90
132
|
}), children: [_jsx(PlanPrice, { currencyCode: currencyCode, rawPrice: termVariantPricing.originalPrice.monthly, displayPerMonthNotation: false, isLargeCurrency: isLargeCurrency, isSmallestUnit: true, priceDisplayWrapperClassName: "plans-grid-next-header-price__display-wrapper", original: true }), _jsx(PlanPrice, { currencyCode: currencyCode, rawPrice: discountedPrice.monthly ?? originalPrice.monthly, displayPerMonthNotation: false, isLargeCurrency: isLargeCurrency, isSmallestUnit: true, priceDisplayWrapperClassName: "plans-grid-next-header-price__display-wrapper", discounted: true })] })] }));
|
|
91
133
|
}
|
|
92
134
|
if (isAnyPlanPriceDiscounted) {
|
|
93
|
-
return (_jsxs("div", { className: "plans-grid-next-header-price", children: [
|
|
135
|
+
return (_jsxs("div", { className: "plans-grid-next-header-price", children: [showBillingDescriptionForIncreasedRenewalPrice && savings ? (_jsx("div", { className: pricingBadgeClassName, children: translate('Save %(savings)d%%', {
|
|
136
|
+
args: { savings },
|
|
137
|
+
comment: 'Example: Save 35%',
|
|
138
|
+
}) })) : (_jsx("div", { className: clsx(pricingBadgeClassName, 'is-hidden'), children: "' '" })), isLargeCurrency ? (_jsxs("div", { className: "plans-grid-next-header-price__pricing-group is-large-currency", children: [_jsx(PlanPrice, { currencyCode: currencyCode, rawPrice: 0, displayPerMonthNotation: false, isLargeCurrency: true, isSmallestUnit: true, priceDisplayWrapperClassName: "plans-grid-next-header-price__display-wrapper", className: "is-placeholder-price" // This is a placeholder price to keep the layout consistent
|
|
94
139
|
, original: true }), _jsx(PlanPrice, { currencyCode: currencyCode, rawPrice: originalPrice.monthly, displayPerMonthNotation: false, isLargeCurrency: true, isSmallestUnit: true, priceDisplayWrapperClassName: "plans-grid-next-header-price__display-wrapper", discounted: true })] })) : (_jsx(PlanPrice, { currencyCode: currencyCode, rawPrice: originalPrice.monthly, displayPerMonthNotation: false, isSmallestUnit: true, priceDisplayWrapperClassName: "plans-grid-next-header-price__display-wrapper" }))] }));
|
|
95
140
|
}
|
|
96
141
|
return (_jsx("div", { className: "plans-grid-next-header-price", children: _jsx(PlanPrice, { currencyCode: currencyCode, rawPrice: originalPrice.monthly, displayPerMonthNotation: false, isLargeCurrency: isLargeCurrency, isSmallestUnit: true, priceDisplayWrapperClassName: "plans-grid-next-header-price__display-wrapper" }) }));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/shared/header-price/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EACN,yBAAyB,EACzB,yBAAyB,EAEzB,YAAY,GAEZ,MAAM,8BAA8B,CAAC;AACtC,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,OAAO,EAAE,KAAK,EAAE,MAAM,yBAAyB,CAAC;AAChD,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAC5C,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,kBAAkB,MAAM,sCAAsC,CAAC;AACtE,OAAO,EAAE,+BAA+B,EAAE,MAAM,sDAAsD,CAAC;AACvG,OAAO,EAAE,qBAAqB,EAAE,MAAM,wBAAwB,CAAC;AAE/D,OAAO,cAAc,CAAC;AAQtB;;;GAGG;AACH,MAAM,gCAAgC,GAAG,CAAE,EAC1C,QAAQ,EACR,aAAa,GAIb,EAAG,EAAE;IACL,sFAAsF;IACtF,IAAK,aAAa,IAAI,GAAG,IAAI,aAAa,EAAG,CAAC;QAC7C,OAAO,yBAAyB,CAAE,QAAQ,EAAE,YAAY,CAAE,CAAC;IAC5D,CAAC;IAED,OAAO,IAAI,CAAC;AACb,CAAC,CAAC;AAEF,MAAM,WAAW,GAAG,CAAE,EAAE,QAAQ,EAAE,gBAAgB,EAAoB,EAAG,EAAE;IAC1E,MAAM,SAAS,GAAG,YAAY,EAAE,CAAC;IACjC,MAAM,EACL,cAAc,EACd,6BAA6B,EAC7B,mCAAmC,EACnC,MAAM,EACN,MAAM,EACN,OAAO,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/shared/header-price/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EACN,yBAAyB,EACzB,yBAAyB,EAEzB,YAAY,GAEZ,MAAM,8BAA8B,CAAC;AACtC,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,OAAO,EAAE,KAAK,EAAE,MAAM,yBAAyB,CAAC;AAChD,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAC5C,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,kBAAkB,MAAM,sCAAsC,CAAC;AACtE,OAAO,EAAE,+BAA+B,EAAE,MAAM,sDAAsD,CAAC;AACvG,OAAO,EACN,2BAA2B,EAC3B,0BAA0B,EAC1B,uBAAuB,GACvB,MAAM,iCAAiC,CAAC;AACzC,OAAO,EAAE,qBAAqB,EAAE,MAAM,wBAAwB,CAAC;AAE/D,OAAO,cAAc,CAAC;AAQtB;;;GAGG;AACH,MAAM,gCAAgC,GAAG,CAAE,EAC1C,QAAQ,EACR,aAAa,GAIb,EAAG,EAAE;IACL,sFAAsF;IACtF,IAAK,aAAa,IAAI,GAAG,IAAI,aAAa,EAAG,CAAC;QAC7C,OAAO,yBAAyB,CAAE,QAAQ,EAAE,YAAY,CAAE,CAAC;IAC5D,CAAC;IAED,OAAO,IAAI,CAAC;AACb,CAAC,CAAC;AAEF,MAAM,WAAW,GAAG,CAAE,EAAE,QAAQ,EAAE,gBAAgB,EAAoB,EAAG,EAAE;IAC1E,MAAM,SAAS,GAAG,YAAY,EAAE,CAAC;IACjC,MAAM,EACL,cAAc,EACd,6BAA6B,EAC7B,mCAAmC,EACnC,MAAM,EACN,MAAM,EACN,OAAO,EACP,8CAA8C,EAC9C,mBAAmB,GACnB,GAAG,mBAAmB,EAAE,CAAC;IAE1B,MAAM,qBAAqB,GAAG,IAAI,CAAE,qCAAqC,EAAE;QAC1E,0CAA0C,EAAE,mBAAmB;KAC/D,CAAE,CAAC;IACJ,MAAM,EAAE,wBAAwB,EAAE,2BAA2B,EAAE,GAAG,qBAAqB,EAAE,CAAC;IAC1F,MAAM,EACL,OAAO,EACP,OAAO,EAAE,EAAE,YAAY,EAAE,aAAa,EAAE,eAAe,EAAE,UAAU,EAAE,aAAa,EAAE,EACpF,aAAa,GACb,GAAG,cAAc,CAAE,QAAQ,CAAE,CAAC;IAC/B,MAAM,YAAY,GAAG,IAAI,KAAK,aAAa,CAAC,OAAO,CAAC;IAEpD;;;;OAIG;IACH,MAAM,2BAA2B,GAAG,MAAM,CAAC,QAAQ,CAAE,eAAe,CAAC,OAAO,CAAE,CAAC;IAC/E,MAAM,sBAAsB,GAAG,UAAU,IAAI,CAAE,UAAU,CAAC,eAAe,CAAC;IAE1E,MAAM,EAAE,MAAM,EAAE,GAAG,+BAA+B,CAAE,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAAE,CAAC;IACtF,MAAM,eAAe,GACpB,kBAAkB,CAAE;QACnB,MAAM;QACN,YAAY,EAAE,YAAY,IAAI,KAAK;QACnC,gBAAgB,EAAE,IAAI;KACtB,CAAE,IAAI,CAAE,8CAA8C,CAAC,CAAC,iFAAiF;IAE3I,MAAM,mBAAmB,GAAG,gCAAgC,CAAE,EAAE,QAAQ,EAAE,aAAa,EAAE,CAAE,CAAC;IAC5F,MAAM,kBAAkB,GAAG,KAAK,CAAC,0BAA0B,CAAE;QAC5D,SAAS,EAAE,mBAAmB,CAAC,CAAC,CAAC,CAAE,mBAAmB,CAAE,CAAC,CAAC,CAAC,EAAE;QAC7D,mCAAmC;QACnC,MAAM;QACN,MAAM;QACN,mCAAmC,EAAE,OAAO,EAAE,mCAAmC;KACjF,CAAE,EAAE,CAAE,mBAAmB,IAAI,EAAE,CAAE,CAAC;IAEnC,MAAM,eAAe,GAAG,kBAAkB;QACzC,CAAC,CAAC,0BAA0B,CAAE,kBAAkB,CAAE;QAClD,CAAC,CAAC,IAAI,CAAC;IACR,MAAM,eAAe,GAAG,0BAA0B,CAAE,cAAc,CAAE,QAAQ,CAAE,CAAC,OAAO,CAAE,CAAC;IACzF,IAAI,OAAO,GACV,eAAe,IAAI,eAAe;QACjC,CAAC,CAAC,2BAA2B,CAC3B,uBAAuB,CAAE,eAAe,EAAE,eAAe,CAAC,UAAU,CAAE,EACtE,uBAAuB,CAAE,eAAe,EAAE,eAAe,CAAC,UAAU,CAAE,CACrE,IAAI,CAAC;QACR,CAAC,CAAC,CAAC,CAAC;IAEN,SAAS,CAAE,GAAG,EAAE;QACf,IACC,2BAA2B;YAC3B,sBAAsB;YACtB,CAAE,6BAA6B,IAAI,OAAO,CAAE;YAC5C,CAAE,8CAA8C,IAAI,CAAC,CAAE,kBAAkB,CAAE,EAC1E,CAAC;YACF,2BAA2B,CAAE,IAAI,CAAE,CAAC;QACrC,CAAC;IACF,CAAC,EAAE;QACF,6BAA6B;QAC7B,sBAAsB;QACtB,2BAA2B;QAC3B,OAAO;QACP,2BAA2B;QAC3B,8CAA8C;QAC9C,kBAAkB;KAClB,CAAE,CAAC;IAEJ,IAAK,yBAAyB,CAAE,QAAQ,CAAE,IAAI,CAAE,YAAY,EAAG,CAAC;QAC/D,OAAO,IAAI,CAAC;IACb,CAAC;IAED,IAAK,sBAAsB,EAAG,CAAC;QAC9B,2FAA2F;QAC3F,MAAM,qBAAqB,GAC1B,CAAE,8CAA8C,IAAI,kBAAkB;YACrE,CAAC,CAAC,kBAAkB,CAAC,aAAa,CAAC,OAAO;YAC1C,CAAC,CAAC,aAAa,CAAC,OAAO,CAAE,IAAI,CAAC,CAAC;QACjC,MAAM,YAAY,GACjB,OAAO,eAAe,CAAC,OAAO,KAAK,QAAQ;YAC1C,CAAC,CAAC,eAAe,CAAC,OAAO;YACzB,CAAC,CAAC,UAAU,CAAC,QAAQ,CAAC,OAAO,CAAC;QAChC,qEAAqE;QACrE,mEAAmE;QACnE,kEAAkE;QAClE,mBAAmB;QACnB,IACC,8CAA8C;YAC9C,qBAAqB,GAAG,YAAY;YACpC,aAAa,EACZ,CAAC;YACF,OAAO,GAAG,2BAA2B,CAAE,qBAAqB,EAAE,YAAY,CAAE,IAAI,CAAC,CAAC;QACnF,CAAC;QACD,OAAO,CACN,eAAK,SAAS,EAAC,8BAA8B,aAC1C,CAAE,OAAO,IAAI,CACd,cAAK,SAAS,EAAG,qBAAqB,YACnC,8CAA8C;wBAC/C,CAAC,CAAC,SAAS,CAAE,oBAAoB,EAAE;4BACjC,IAAI,EAAE,EAAE,OAAO,EAAE;4BACjB,OAAO,EAAE,mBAAmB;yBAC3B,CAAE;wBACL,CAAC,CAAC,SAAS,CAAE,eAAe,CAAE,GAC1B,CACN,EACC,OAAO,IAAI,gBAAgB,CAAC,MAAM,GAAG,CAAC,IAAI,CAC3C,cAAK,SAAS,EAAG,IAAI,CAAE,qBAAqB,EAAE,WAAW,CAAE,oBAAY,CACvE,EACD,eACC,SAAS,EAAG,IAAI,CAAE,6CAA6C,EAAE;wBAChE,mBAAmB,EAAE,eAAe;qBACpC,CAAE,aAEH,KAAC,SAAS,IACT,YAAY,EAAG,YAAY,EAC3B,QAAQ,EAAG,qBAAqB,EAChC,uBAAuB,EAAG,KAAK,EAC/B,eAAe,EAAG,eAAe,EACjC,cAAc,QACd,4BAA4B,EAAC,+CAA+C,EAC5E,QAAQ,SACP,EACF,KAAC,SAAS,IACT,YAAY,EAAG,YAAY,EAC3B,QAAQ,EAAG,YAAY,EACvB,uBAAuB,EAAG,KAAK,EAC/B,eAAe,EAAG,eAAe,EACjC,cAAc,QACd,4BAA4B,EAAC,+CAA+C,EAC5E,UAAU,SACT,IACG,IACD,CACN,CAAC;IACH,CAAC;IAED,wEAAwE;IACxE,8CAA8C;IAC9C,IAAK,8CAA8C,IAAI,kBAAkB,EAAG,CAAC;QAC5E,MAAM,qBAAqB,GAAG,kBAAkB,CAAC,aAAa,CAAC,OAAO,IAAI,CAAC,CAAC;QAC5E,MAAM,YAAY,GACjB,OAAO,eAAe,CAAC,OAAO,KAAK,QAAQ;YAC1C,CAAC,CAAC,eAAe,CAAC,OAAO;YACzB,CAAC,CAAC,aAAa,CAAC,OAAO,IAAI,CAAC,CAAC;QAC/B,OAAO,CACN,eAAK,SAAS,EAAC,8BAA8B,aAC1C,CAAE,OAAO,IAAI,OAAO,GAAG,CAAC,IAAI,CAC7B,cAAK,SAAS,EAAG,qBAAqB,YACnC,SAAS,CAAE,oBAAoB,EAAE;wBAClC,IAAI,EAAE,EAAE,OAAO,EAAE;wBACjB,OAAO,EAAE,mBAAmB;qBAC5B,CAAE,GACE,CACN,EACC,CAAE,CAAE,CAAE,OAAO,IAAI,OAAO,IAAI,CAAC,CAAE,IAAI,CAAE,OAAO,IAAI,gBAAgB,CAAC,MAAM,GAAG,CAAC,CAAE,CAAE,IAAI,CACpF,cAAK,SAAS,EAAG,IAAI,CAAE,qBAAqB,EAAE,WAAW,CAAE,oBAAY,CACvE,EACD,eACC,SAAS,EAAG,IAAI,CAAE,6CAA6C,EAAE;wBAChE,mBAAmB,EAAE,eAAe;qBACpC,CAAE,aAED,qBAAqB,GAAG,YAAY,IAAI,CACzC,KAAC,SAAS,IACT,YAAY,EAAG,YAAY,EAC3B,QAAQ,EAAG,qBAAqB,EAChC,uBAAuB,EAAG,KAAK,EAC/B,eAAe,EAAG,eAAe,EACjC,cAAc,QACd,4BAA4B,EAAC,+CAA+C,EAC5E,QAAQ,SACP,CACF,EACD,KAAC,SAAS,IACT,YAAY,EAAG,YAAY,EAC3B,QAAQ,EAAG,YAAY,EACvB,uBAAuB,EAAG,KAAK,EAC/B,eAAe,EAAG,eAAe,EACjC,cAAc,QACd,4BAA4B,EAAC,+CAA+C,EAC5E,UAAU,SACT,IACG,IACD,CACN,CAAC;IACH,CAAC;IAED,IAAK,2BAA2B,EAAG,CAAC;QACnC,OAAO,CACN,eAAK,SAAS,EAAC,8BAA8B,aAC5C,cAAK,SAAS,EAAG,qBAAqB,YAAK,SAAS,CAAE,mBAAmB,CAAE,GAAQ,EACnF,eACC,SAAS,EAAG,IAAI,CAAE,6CAA6C,EAAE;wBAChE,mBAAmB,EAAE,eAAe;qBACpC,CAAE,aAEH,KAAC,SAAS,IACT,YAAY,EAAG,YAAY,EAC3B,QAAQ,EAAG,aAAa,CAAC,OAAO,EAChC,uBAAuB,EAAG,KAAK,EAC/B,eAAe,EAAG,eAAe,EACjC,cAAc,QACd,4BAA4B,EAAC,+CAA+C,EAC5E,QAAQ,SACP,EACF,KAAC,SAAS,IACT,YAAY,EAAG,YAAY,EAC3B,QAAQ,EAAG,eAAe,CAAC,OAAO,EAClC,uBAAuB,EAAG,KAAK,EAC/B,eAAe,EAAG,eAAe,EACjC,cAAc,QACd,4BAA4B,EAAC,+CAA+C,EAC5E,UAAU,SACT,IACG,IACD,CACN,CAAC;IACH,CAAC;IAED,IAAK,6BAA6B,IAAI,kBAAkB,IAAI,OAAO,EAAG,CAAC;QACtE,OAAO,CACN,eAAK,SAAS,EAAC,8BAA8B,aAC5C,cAAK,SAAS,EAAG,qBAAqB,YACnC,SAAS,CAAE,oBAAoB,EAAE;wBAClC,IAAI,EAAE,EAAE,OAAO,EAAE;wBACjB,OAAO,EAAE,mBAAmB;qBAC5B,CAAE,GACE,EACN,eACC,SAAS,EAAG,IAAI,CAAE,6CAA6C,EAAE;wBAChE,mBAAmB,EAAE,eAAe;qBACpC,CAAE,aAEH,KAAC,SAAS,IACT,YAAY,EAAG,YAAY,EAC3B,QAAQ,EAAG,kBAAkB,CAAC,aAAa,CAAC,OAAO,EACnD,uBAAuB,EAAG,KAAK,EAC/B,eAAe,EAAG,eAAe,EACjC,cAAc,QACd,4BAA4B,EAAC,+CAA+C,EAC5E,QAAQ,SACP,EACF,KAAC,SAAS,IACT,YAAY,EAAG,YAAY,EAC3B,QAAQ,EAAG,eAAe,CAAC,OAAO,IAAI,aAAa,CAAC,OAAO,EAC3D,uBAAuB,EAAG,KAAK,EAC/B,eAAe,EAAG,eAAe,EACjC,cAAc,QACd,4BAA4B,EAAC,+CAA+C,EAC5E,UAAU,SACT,IACG,IACD,CACN,CAAC;IACH,CAAC;IAED,IAAK,wBAAwB,EAAG,CAAC;QAChC,OAAO,CACN,eAAK,SAAS,EAAC,8BAA8B,aAC1C,8CAA8C,IAAI,OAAO,CAAC,CAAC,CAAC,CAC7D,cAAK,SAAS,EAAG,qBAAqB,YACnC,SAAS,CAAE,oBAAoB,EAAE;wBAClC,IAAI,EAAE,EAAE,OAAO,EAAE;wBACjB,OAAO,EAAE,mBAAmB;qBAC5B,CAAE,GACE,CACN,CAAC,CAAC,CAAC,CACH,cAAK,SAAS,EAAG,IAAI,CAAE,qBAAqB,EAAE,WAAW,CAAE,oBAAY,CACvE,EACC,eAAe,CAAC,CAAC,CAAC,CACnB,eAAK,SAAS,EAAC,+DAA+D,aAC7E,KAAC,SAAS,IACT,YAAY,EAAG,YAAY,EAC3B,QAAQ,EAAG,CAAC,EACZ,uBAAuB,EAAG,KAAK,EAC/B,eAAe,QACf,cAAc,QACd,4BAA4B,EAAC,+CAA+C,EAC5E,SAAS,EAAC,sBAAsB,CAAC,4DAA4D;8BAC7F,QAAQ,SACP,EACF,KAAC,SAAS,IACT,YAAY,EAAG,YAAY,EAC3B,QAAQ,EAAG,aAAa,CAAC,OAAO,EAChC,uBAAuB,EAAG,KAAK,EAC/B,eAAe,QACf,cAAc,QACd,4BAA4B,EAAC,+CAA+C,EAC5E,UAAU,SACT,IACG,CACN,CAAC,CAAC,CAAC,CACH,KAAC,SAAS,IACT,YAAY,EAAG,YAAY,EAC3B,QAAQ,EAAG,aAAa,CAAC,OAAO,EAChC,uBAAuB,EAAG,KAAK,EAC/B,cAAc,QACd,4BAA4B,EAAC,+CAA+C,GAC3E,CACF,IACI,CACN,CAAC;IACH,CAAC;IAED,OAAO,CACN,cAAK,SAAS,EAAC,8BAA8B,YAC5C,KAAC,SAAS,IACT,YAAY,EAAG,YAAY,EAC3B,QAAQ,EAAG,aAAa,CAAC,OAAO,EAChC,uBAAuB,EAAG,KAAK,EAC/B,eAAe,EAAG,eAAe,EACjC,cAAc,QACd,4BAA4B,EAAC,+CAA+C,GAC3E,GACG,CACN,CAAC;AACH,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC"}
|
|
@@ -1,3 +1,5 @@
|
|
|
1
|
+
@import "@automattic/typography/styles/fonts";
|
|
2
|
+
|
|
1
3
|
.plans-grid-next-header-price {
|
|
2
4
|
padding: 0 20px;
|
|
3
5
|
margin: 0 0 4px 0;
|
|
@@ -23,7 +25,7 @@
|
|
|
23
25
|
|
|
24
26
|
.plan-price__currency-symbol,
|
|
25
27
|
.plan-price__tax-amount {
|
|
26
|
-
color: var(--
|
|
28
|
+
color: var(--studio-gray-20);
|
|
27
29
|
}
|
|
28
30
|
|
|
29
31
|
.plan-price__integer {
|
|
@@ -93,6 +95,12 @@
|
|
|
93
95
|
white-space: nowrap;
|
|
94
96
|
width: fit-content;
|
|
95
97
|
|
|
98
|
+
// Same colors as Badge type="info-green" (@automattic/components); only for pricing differentiators experiment (non-control).
|
|
99
|
+
&.is-plan-differentiators-experiment-badge {
|
|
100
|
+
background-color: rgba(184, 230, 191, 0.64);
|
|
101
|
+
color: var(--studio-green-80);
|
|
102
|
+
}
|
|
103
|
+
|
|
96
104
|
&.is-hidden {
|
|
97
105
|
visibility: hidden;
|
|
98
106
|
}
|
|
@@ -102,7 +110,7 @@
|
|
|
102
110
|
justify-content: flex-end;
|
|
103
111
|
display: flex;
|
|
104
112
|
flex-direction: row-reverse;
|
|
105
|
-
align-items:
|
|
113
|
+
align-items: last baseline;
|
|
106
114
|
gap: 4px;
|
|
107
115
|
|
|
108
116
|
&.is-large-currency {
|
|
@@ -7,7 +7,7 @@ import StorageDropdown from './storage-dropdown';
|
|
|
7
7
|
import StorageFeatureLabel from './storage-feature-label';
|
|
8
8
|
const PlanStorage = ({ onStorageAddOnClick, planSlug, options, showUpgradeableStorage, }) => {
|
|
9
9
|
const { siteId, gridPlansIndex } = usePlansGridContext();
|
|
10
|
-
const { availableForPurchase, current } = gridPlansIndex[planSlug];
|
|
10
|
+
const { availableForPurchase, current, planTitle } = gridPlansIndex[planSlug];
|
|
11
11
|
const availableStorageAddOns = AddOns.useAvailableStorageAddOns({ siteId });
|
|
12
12
|
if (!options?.isTableCell && isWpcomEnterpriseGridPlan(planSlug)) {
|
|
13
13
|
return null;
|
|
@@ -19,7 +19,7 @@ const PlanStorage = ({ onStorageAddOnClick, planSlug, options, showUpgradeableSt
|
|
|
19
19
|
showUpgradeableStorage &&
|
|
20
20
|
availableStorageAddOns.length &&
|
|
21
21
|
ELIGIBLE_PLANS_FOR_STORAGE_UPGRADE.includes(planSlug);
|
|
22
|
-
return (_jsx("div", { className: "plans-grid-next-plan-storage", children: canUpgradeStorageForPlan ? (_jsx(StorageDropdown, { planSlug: planSlug, onStorageAddOnClick: onStorageAddOnClick })) : (_jsx(StorageFeatureLabel, { planSlug: planSlug })) }));
|
|
22
|
+
return (_jsx("div", { className: "plans-grid-next-plan-storage", "data-plan-title": planTitle, children: canUpgradeStorageForPlan ? (_jsx(StorageDropdown, { planSlug: planSlug, onStorageAddOnClick: onStorageAddOnClick })) : (_jsx(StorageFeatureLabel, { planSlug: planSlug })) }));
|
|
23
23
|
};
|
|
24
24
|
export default PlanStorage;
|
|
25
25
|
//# sourceMappingURL=plan-storage.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"plan-storage.js","sourceRoot":"","sources":["../../../../../../src/components/shared/storage/components/plan-storage.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAiB,yBAAyB,EAAE,MAAM,8BAA8B,CAAC;AACxF,OAAO,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AACjD,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAC/D,OAAO,EAAE,kCAAkC,EAAE,MAAM,cAAc,CAAC;AAClE,OAAO,eAAe,MAAM,oBAAoB,CAAC;AACjD,OAAO,mBAAmB,MAAM,yBAAyB,CAAC;AAW1D,MAAM,WAAW,GAAG,CAAE,EACrB,mBAAmB,EACnB,QAAQ,EACR,OAAO,EACP,sBAAsB,GACf,EAAG,EAAE;IACZ,MAAM,EAAE,MAAM,EAAE,cAAc,EAAE,GAAG,mBAAmB,EAAE,CAAC;IACzD,MAAM,EAAE,oBAAoB,EAAE,OAAO,EAAE,GAAG,cAAc,CAAE,QAAQ,CAAE,CAAC;
|
|
1
|
+
{"version":3,"file":"plan-storage.js","sourceRoot":"","sources":["../../../../../../src/components/shared/storage/components/plan-storage.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAiB,yBAAyB,EAAE,MAAM,8BAA8B,CAAC;AACxF,OAAO,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AACjD,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAC/D,OAAO,EAAE,kCAAkC,EAAE,MAAM,cAAc,CAAC;AAClE,OAAO,eAAe,MAAM,oBAAoB,CAAC;AACjD,OAAO,mBAAmB,MAAM,yBAAyB,CAAC;AAW1D,MAAM,WAAW,GAAG,CAAE,EACrB,mBAAmB,EACnB,QAAQ,EACR,OAAO,EACP,sBAAsB,GACf,EAAG,EAAE;IACZ,MAAM,EAAE,MAAM,EAAE,cAAc,EAAE,GAAG,mBAAmB,EAAE,CAAC;IACzD,MAAM,EAAE,oBAAoB,EAAE,OAAO,EAAE,SAAS,EAAE,GAAG,cAAc,CAAE,QAAQ,CAAE,CAAC;IAChF,MAAM,sBAAsB,GAAG,MAAM,CAAC,yBAAyB,CAAE,EAAE,MAAM,EAAE,CAAE,CAAC;IAE9E,IAAK,CAAE,OAAO,EAAE,WAAW,IAAI,yBAAyB,CAAE,QAAQ,CAAE,EAAG,CAAC;QACvE,OAAO,IAAI,CAAC;IACb,CAAC;IAED;;OAEG;IACH,MAAM,wBAAwB,GAC7B,CAAE,OAAO,IAAI,oBAAoB,CAAE;QACnC,sBAAsB;QACtB,sBAAsB,CAAC,MAAM;QAC7B,kCAAkC,CAAC,QAAQ,CAAE,QAAQ,CAAE,CAAC;IAEzD,OAAO,CACN,cAAK,SAAS,EAAC,8BAA8B,qBAAmB,SAAS,YACtE,wBAAwB,CAAC,CAAC,CAAC,CAC5B,KAAC,eAAe,IAAC,QAAQ,EAAG,QAAQ,EAAG,mBAAmB,EAAG,mBAAmB,GAAK,CACrF,CAAC,CAAC,CAAC,CACH,KAAC,mBAAmB,IAAC,QAAQ,EAAG,QAAQ,GAAK,CAC7C,GACI,CACN,CAAC;AACH,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
import { jsx as _jsx,
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
/* eslint-disable jsx-a11y/tabindex-no-positive */
|
|
2
3
|
import { AddOns, WpcomPlansUI } from '@automattic/data-stores';
|
|
3
4
|
import { CustomSelectControl } from '@wordpress/components';
|
|
4
5
|
import { useDispatch, useSelect } from '@wordpress/data';
|
|
@@ -17,20 +18,25 @@ const StorageDropdownOption = ({ price, planStorage, addOnStorage, priceOnSepara
|
|
|
17
18
|
const planStorageString = useStorageString(planStorage);
|
|
18
19
|
const addOnStorageString = useStorageString(addOnStorage || 0);
|
|
19
20
|
const title = addOnStorage
|
|
20
|
-
? translate('%(planStorageString)s + %(addOnStorageString)s', {
|
|
21
|
+
? translate('%(planStorageString)s + %(addOnStorageString)s storage', {
|
|
21
22
|
args: {
|
|
22
23
|
planStorageString,
|
|
23
24
|
addOnStorageString,
|
|
24
25
|
},
|
|
26
|
+
comment: 'Storage option with add-on. Example: "50GB + 100GB storage"',
|
|
25
27
|
})
|
|
26
|
-
: planStorageString
|
|
28
|
+
: translate('%(planStorageString)s storage', {
|
|
29
|
+
args: { planStorageString },
|
|
30
|
+
comment: 'Storage option. Example: "50GB storage"',
|
|
31
|
+
});
|
|
32
|
+
// Only show price for add-on options, not for the base plan storage
|
|
27
33
|
const priceString = price && addOnStorage
|
|
28
34
|
? translate('%(price)s/month, billed yearly', {
|
|
29
35
|
args: { price },
|
|
30
36
|
comment: 'The cost of a storage add on per month. Example reads as "$50/month, billed yearly"',
|
|
31
37
|
})
|
|
32
|
-
:
|
|
33
|
-
return priceOnSeparateLine ? (_jsx("span", { className: "plans-grid-next-storage-dropdown__option-title", children: title })) : (_jsx(DropdownOption, { className: "plans-grid-next-storage-dropdown__option", title: title, children: _jsx("div", { children: priceString }) }));
|
|
38
|
+
: null;
|
|
39
|
+
return priceOnSeparateLine ? (_jsx("span", { className: "plans-grid-next-storage-dropdown__option-title", children: title })) : (_jsx(DropdownOption, { className: "plans-grid-next-storage-dropdown__option", title: title, children: priceString && _jsx("div", { children: priceString }) }));
|
|
34
40
|
};
|
|
35
41
|
const StorageDropdown = ({ planSlug, onStorageAddOnClick }) => {
|
|
36
42
|
const translate = useTranslate();
|
|
@@ -74,10 +80,27 @@ const StorageDropdown = ({ planSlug, onStorageAddOnClick }) => {
|
|
|
74
80
|
}, [availableStorageAddOns, defaultStorageOptionSlug, planStorage, storageAddOns]);
|
|
75
81
|
const selectedStorageAddOn = getSelectedStorageAddOn(storageAddOns, selectedStorageOptionForPlan);
|
|
76
82
|
const selectedStorageAddOnStorage = selectedStorageAddOn?.quantity ?? 0;
|
|
83
|
+
const planStorageString = useStorageString(planStorage);
|
|
84
|
+
const selectedAddOnStorageString = useStorageString(selectedStorageAddOnStorage);
|
|
85
|
+
const accessibleOptionName = selectedStorageAddOnStorage
|
|
86
|
+
? translate('%(planStorageString)s + %(addOnStorageString)s storage', {
|
|
87
|
+
args: {
|
|
88
|
+
planStorageString,
|
|
89
|
+
addOnStorageString: selectedAddOnStorageString,
|
|
90
|
+
},
|
|
91
|
+
comment: 'Storage amount display with add-on. Example: "50GB + 100GB storage"',
|
|
92
|
+
})
|
|
93
|
+
: translate('%(planStorageString)s storage', {
|
|
94
|
+
args: { planStorageString },
|
|
95
|
+
comment: 'Storage amount display. Example: "50GB storage"',
|
|
96
|
+
});
|
|
77
97
|
const selectedOption = {
|
|
78
98
|
key: selectedStorageOptionForPlan,
|
|
79
|
-
name:
|
|
99
|
+
name: accessibleOptionName,
|
|
80
100
|
};
|
|
101
|
+
const accessibleDescription = translate('Currently selected storage option: %(storageOption)s', {
|
|
102
|
+
args: { storageOption: accessibleOptionName },
|
|
103
|
+
});
|
|
81
104
|
const handleOnChange = useCallback(({ selectedItem }) => {
|
|
82
105
|
const addOnSlug = selectedItem?.key;
|
|
83
106
|
if (addOnSlug) {
|
|
@@ -85,7 +108,7 @@ const StorageDropdown = ({ planSlug, onStorageAddOnClick }) => {
|
|
|
85
108
|
setSelectedStorageOptionForPlan({ addOnSlug, planSlug, siteId });
|
|
86
109
|
}
|
|
87
110
|
}, [onStorageAddOnClick, planSlug, setSelectedStorageOptionForPlan, siteId]);
|
|
88
|
-
return (_jsxs(
|
|
111
|
+
return (_jsxs("div", { tabIndex: 1, children: [_jsx(CustomSelectControl, { __next40pxDefaultSize: true, hideLabelFromVision: true, options: selectControlOptions || [], value: selectedOption, onChange: handleOnChange, label: translate('Storage options for this plan'), describedBy: accessibleDescription }), selectedStorageAddOn?.prices?.formattedMonthlyPrice && (_jsx("div", { className: "plans-grid-next-storage-dropdown__addon-offset-price-container", children: _jsx("span", { className: "plans-grid-next-storage-dropdown__addon-offset-price", children: translate('+ %(selectedOptionPrice)s/month', {
|
|
89
112
|
args: { selectedOptionPrice: selectedStorageAddOn?.prices?.formattedMonthlyPrice },
|
|
90
113
|
}) }) }))] }));
|
|
91
114
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"storage-dropdown.js","sourceRoot":"","sources":["../../../../../../src/components/shared/storage/components/storage-dropdown.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAkB,MAAM,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAC/E,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AACzD,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AACrE,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAC5C,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAC/D,OAAO,cAAc,MAAM,0BAA0B,CAAC;AACtD,OAAO,uBAAuB,MAAM,qCAAqC,CAAC;AAC1E,OAAO,cAAc,MAAM,2BAA2B,CAAC;AACvD,OAAO,gBAAgB,MAAM,6BAA6B,CAAC;AAe3D,MAAM,uBAAuB,GAAG,CAC/B,oBAA0D,EAC1D,iBAAyB,EACxB,EAAE;IACH,OAAO,oBAAoB,EAAE,IAAI,CAAE,CAAE,KAAK,EAAG,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,iBAAiB,CAAE,CAAC;AAC1F,CAAC,CAAC;AAEF,MAAM,qBAAqB,GAAG,CAAE,EAC/B,KAAK,EACL,WAAW,EACX,YAAY,EACZ,mBAAmB,GACS,EAAG,EAAE;IACjC,MAAM,SAAS,GAAG,YAAY,EAAE,CAAC;IACjC,MAAM,iBAAiB,GAAG,gBAAgB,CAAE,WAAW,CAAE,CAAC;IAC1D,MAAM,kBAAkB,GAAG,gBAAgB,CAAE,YAAY,IAAI,CAAC,CAAE,CAAC;IAEjE,MAAM,KAAK,GAAG,YAAY;QACzB,CAAC,CAAC,SAAS,CAAE,
|
|
1
|
+
{"version":3,"file":"storage-dropdown.js","sourceRoot":"","sources":["../../../../../../src/components/shared/storage/components/storage-dropdown.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { formatCurrency } from '@automattic/number-formatters';
|
|
2
3
|
import clsx from 'clsx';
|
|
3
|
-
import {
|
|
4
|
+
import { useTranslate } from 'i18n-calypso';
|
|
4
5
|
import { usePlansGridContext } from '../../../../grid-context';
|
|
5
6
|
import useIsLargeCurrency from '../../../../hooks/use-is-large-currency';
|
|
6
7
|
import usePlanStorage from '../hooks/use-plan-storage';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"storage-feature-label.js","sourceRoot":"","sources":["../../../../../../src/components/shared/storage/components/storage-feature-label.tsx"],"names":[],"mappings":";AACA,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"storage-feature-label.js","sourceRoot":"","sources":["../../../../../../src/components/shared/storage/components/storage-feature-label.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAC;AAC/D,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAC5C,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAC/D,OAAO,kBAAkB,MAAM,yCAAyC,CAAC;AACzE,OAAO,cAAc,MAAM,2BAA2B,CAAC;AACvD,OAAO,wBAAwB,MAAM,uCAAuC,CAAC;AAC7E,OAAO,gBAAgB,MAAM,6BAA6B,CAAC;AAM3D,MAAM,mBAAmB,GAAG,CAAE,EAAE,QAAQ,EAAS,EAAG,EAAE;IACrD,MAAM,SAAS,GAAG,YAAY,EAAE,CAAC;IACjC,MAAM,EAAE,cAAc,EAAE,oBAAoB,GAAG,IAAI,EAAE,GAAG,mBAAmB,EAAE,CAAC;IAC9E,MAAM,EACL,OAAO,EAAE,EAAE,YAAY,EAAE,GACzB,GAAG,cAAc,CAAE,QAAQ,CAAE,CAAC;IAC/B,MAAM,WAAW,GAAG,cAAc,CAAE,QAAQ,CAAE,CAAC;IAC/C,MAAM,qBAAqB,GAAG,wBAAwB,EAAE,CAAC;IAEzD,MAAM,gBAAgB,GAAG,qBAAqB,EAAE,MAAM,EAAE,YAAY,IAAI,CAAC,CAAC;IAC1E,MAAM,yBAAyB,GAC9B,gBAAgB;QAChB,YAAY;QACZ,cAAc,CAAE,gBAAgB,EAAE,YAAY,EAAE,EAAE,cAAc,EAAE,IAAI,EAAE,CAAE,CAAC;IAC5E,MAAM,eAAe,GAAG,kBAAkB,CAAE;QAC3C,MAAM,EAAE,CAAE,gBAAgB,CAAE;QAC5B,OAAO,EAAE,IAAI;QACb,YAAY,EAAE,YAAY,IAAI,KAAK;KACnC,CAAE,CAAC;IACJ,MAAM,kBAAkB,GAAG,gBAAgB,CAC1C,WAAW,GAAG,CAAE,qBAAqB,EAAE,QAAQ,IAAI,CAAC,CAAE,CACtD,CAAC;IAEF,MAAM,gBAAgB,GAAG,IAAI,CAAE,kDAAkD,EAAE;QAClF,QAAQ,EAAE,CAAE,eAAe;KAC3B,CAAE,CAAC;IAEJ,MAAM,SAAS,GAAG,oBAAoB,CAAC,CAAC,CAAC,CACxC,cAAK,SAAS,EAAC,wDAAwD,YACpE,kBAAkB,GACf,CACN,CAAC,CAAC,CAAC,CACH,cAAK,SAAS,EAAC,+CAA+C,YAC3D,SAAS,CAAE,YAAY,EAAE;YAC1B,IAAI,EAAE,CAAE,kBAAkB,CAAE;YAC5B,OAAO,EAAE,sEAAsE;SAC/E,CAAE,GACE,CACN,CAAC;IAEF,OAAO,yBAAyB,CAAC,CAAC,CAAC,CAClC,eAAK,SAAS,EAAG,gBAAgB,aAC9B,SAAS,EACX,cAAK,SAAS,EAAC,qDAAqD,YACjE,SAAS,CAAE,uCAAuC,EAAE;oBACrD,IAAI,EAAE,EAAE,yBAAyB,EAAE;iBACnC,CAAE,GACE,IACD,CACN,CAAC,CAAC,CAAC,CACH,SAAS,CACT,CAAC;AACH,CAAC,CAAC;AAEF,eAAe,mBAAmB,CAAC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { FEATURE_1GB_STORAGE, FEATURE_6GB_STORAGE, FEATURE_13GB_STORAGE, FEATURE_50GB_STORAGE, FEATURE_200GB_STORAGE, FEATURE_P2_3GB_STORAGE, FEATURE_P2_13GB_STORAGE, } from '@automattic/calypso-products';
|
|
1
|
+
import { FEATURE_1GB_STORAGE, FEATURE_6GB_STORAGE, FEATURE_13GB_STORAGE, FEATURE_50GB_STORAGE, FEATURE_100GB_STORAGE, FEATURE_200GB_STORAGE, FEATURE_P2_3GB_STORAGE, FEATURE_P2_13GB_STORAGE, } from '@automattic/calypso-products';
|
|
2
2
|
import { usePlansGridContext } from '../../../../grid-context';
|
|
3
3
|
function usePlanStorage(planSlug) {
|
|
4
4
|
const { gridPlansIndex } = usePlansGridContext();
|
|
@@ -13,6 +13,8 @@ function usePlanStorage(planSlug) {
|
|
|
13
13
|
return 13;
|
|
14
14
|
case FEATURE_50GB_STORAGE:
|
|
15
15
|
return 50;
|
|
16
|
+
case FEATURE_100GB_STORAGE:
|
|
17
|
+
return 100;
|
|
16
18
|
case FEATURE_P2_3GB_STORAGE:
|
|
17
19
|
return 3;
|
|
18
20
|
case FEATURE_P2_13GB_STORAGE:
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-plan-storage.js","sourceRoot":"","sources":["../../../../../../src/components/shared/storage/hooks/use-plan-storage.ts"],"names":[],"mappings":"AAAA,OAAO,EACN,mBAAmB,EACnB,mBAAmB,EACnB,oBAAoB,EACpB,oBAAoB,EACpB,qBAAqB,EACrB,sBAAsB,EACtB,uBAAuB,GAGvB,MAAM,8BAA8B,CAAC;AACtC,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAE/D,SAAS,cAAc,CAAE,QAAkB;IAC1C,MAAM,EAAE,cAAc,EAAE,GAAG,mBAAmB,EAAE,CAAC;IACjD,MAAM,EACL,QAAQ,EAAE,EAAE,cAAc,EAAE,GAC5B,GAAG,cAAc,CAAE,QAAQ,CAAE,CAAC;IAC/B,MAAM,kBAAkB,GAAG,cAAc,EAAE,OAAO,EAA6C,CAAC;IAEhG,QAAS,kBAAkB,EAAG,CAAC;QAC9B,KAAK,mBAAmB;YACvB,OAAO,CAAC,CAAC;QACV,KAAK,mBAAmB;YACvB,OAAO,CAAC,CAAC;QACV,KAAK,oBAAoB;YACxB,OAAO,EAAE,CAAC;QACX,KAAK,oBAAoB;YACxB,OAAO,EAAE,CAAC;QACX,KAAK,sBAAsB;YAC1B,OAAO,CAAC,CAAC;QACV,KAAK,uBAAuB;YAC3B,OAAO,EAAE,CAAC;QACX,KAAK,qBAAqB;YACzB,OAAO,GAAG,CAAC;QACZ;YACC,OAAO,CAAC,CAAC;IACX,CAAC;AACF,CAAC;AAED,eAAe,cAAc,CAAC"}
|
|
1
|
+
{"version":3,"file":"use-plan-storage.js","sourceRoot":"","sources":["../../../../../../src/components/shared/storage/hooks/use-plan-storage.ts"],"names":[],"mappings":"AAAA,OAAO,EACN,mBAAmB,EACnB,mBAAmB,EACnB,oBAAoB,EACpB,oBAAoB,EACpB,qBAAqB,EACrB,qBAAqB,EACrB,sBAAsB,EACtB,uBAAuB,GAGvB,MAAM,8BAA8B,CAAC;AACtC,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAE/D,SAAS,cAAc,CAAE,QAAkB;IAC1C,MAAM,EAAE,cAAc,EAAE,GAAG,mBAAmB,EAAE,CAAC;IACjD,MAAM,EACL,QAAQ,EAAE,EAAE,cAAc,EAAE,GAC5B,GAAG,cAAc,CAAE,QAAQ,CAAE,CAAC;IAC/B,MAAM,kBAAkB,GAAG,cAAc,EAAE,OAAO,EAA6C,CAAC;IAEhG,QAAS,kBAAkB,EAAG,CAAC;QAC9B,KAAK,mBAAmB;YACvB,OAAO,CAAC,CAAC;QACV,KAAK,mBAAmB;YACvB,OAAO,CAAC,CAAC;QACV,KAAK,oBAAoB;YACxB,OAAO,EAAE,CAAC;QACX,KAAK,oBAAoB;YACxB,OAAO,EAAE,CAAC;QACX,KAAK,qBAAqB;YACzB,OAAO,GAAG,CAAC;QACZ,KAAK,sBAAsB;YAC1B,OAAO,CAAC,CAAC;QACV,KAAK,uBAAuB;YAC3B,OAAO,EAAE,CAAC;QACX,KAAK,qBAAqB;YACzB,OAAO,GAAG,CAAC;QACZ;YACC,OAAO,CAAC,CAAC;IACX,CAAC;AACF,CAAC;AAED,eAAe,cAAc,CAAC"}
|
|
@@ -6,7 +6,7 @@ export default [
|
|
|
6
6
|
product_id: '2451',
|
|
7
7
|
subscribed_date: '2024-05-01T00:53:22+00:00',
|
|
8
8
|
renew: '1',
|
|
9
|
-
|
|
9
|
+
is_auto_renew_enabled: true,
|
|
10
10
|
renew_date: '2025-05-01T00:00:00+00:00',
|
|
11
11
|
inactive_date: null,
|
|
12
12
|
active: '1',
|
|
@@ -15,8 +15,6 @@ export default [
|
|
|
15
15
|
most_recent_renew_date: '2024-05-01T00:53:21+00:00',
|
|
16
16
|
amount: 155.4,
|
|
17
17
|
expiry_date: '2025-05-01T00:00:00+00:00',
|
|
18
|
-
expiry_message: 'Renews on May 1, 2025',
|
|
19
|
-
expiry_sub_message: '',
|
|
20
18
|
expiry_status: 'active',
|
|
21
19
|
partner_name: null,
|
|
22
20
|
partner_slug: null,
|
|
@@ -124,7 +122,7 @@ export default [
|
|
|
124
122
|
payment_name: 'Test User',
|
|
125
123
|
payment_country_code: 'US',
|
|
126
124
|
payment_country_name: 'United States',
|
|
127
|
-
|
|
125
|
+
is_rechargeable: true,
|
|
128
126
|
payment_type: 'credit_card',
|
|
129
127
|
},
|
|
130
128
|
];
|
|
@@ -1 +1 @@
|
|
|
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,
|
|
1
|
+
{"version":3,"file":"sites-purchases.js","sourceRoot":"","sources":["../../../src/fixtures/sites-purchases.ts"],"names":[],"mappings":"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"}
|
package/dist/esm/grid-context.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
import { createContext, useContext } from '@wordpress/element';
|
|
3
3
|
const PlansGridContext = createContext({});
|
|
4
|
-
const PlansGridContextProvider = ({ intent, gridPlans, useCheckPlanAvailabilityForPurchase, useAction, recordTracksEvent, allFeaturesList, siteId, children, coupon, enableFeatureTooltips, enableCategorisedFeatures, enableStorageAsBadge, enableReducedFeatureGroupSpacing, enableLogosOnlyForEnterprisePlan, enableTermSavingsPriceDisplay, featureGroupMap, hideUnsupportedFeatures, hideFeatureGroupTitles, enterpriseFeaturesList, reflectStorageSelectionInPlanPrices, }) => {
|
|
4
|
+
const PlansGridContextProvider = ({ intent, gridPlans, useCheckPlanAvailabilityForPurchase, useAction, recordTracksEvent, allFeaturesList, siteId, children, coupon, enableFeatureTooltips, enableCategorisedFeatures, enableStorageAsBadge, enableReducedFeatureGroupSpacing, enableLogosOnlyForEnterprisePlan, enableTermSavingsPriceDisplay, featureGroupMap, hideUnsupportedFeatures, hideFeatureGroupTitles, enterpriseFeaturesList, reflectStorageSelectionInPlanPrices, showSimplifiedBillingDescription, showBillingDescriptionForIncreasedRenewalPrice, isExperimentVariant, }) => {
|
|
5
5
|
const gridPlansIndex = gridPlans.reduce((acc, gridPlan) => ({
|
|
6
6
|
...acc,
|
|
7
7
|
[gridPlan.planSlug]: gridPlan,
|
|
@@ -29,6 +29,9 @@ const PlansGridContextProvider = ({ intent, gridPlans, useCheckPlanAvailabilityF
|
|
|
29
29
|
hideFeatureGroupTitles,
|
|
30
30
|
enterpriseFeaturesList,
|
|
31
31
|
reflectStorageSelectionInPlanPrices,
|
|
32
|
+
showSimplifiedBillingDescription,
|
|
33
|
+
showBillingDescriptionForIncreasedRenewalPrice,
|
|
34
|
+
isExperimentVariant,
|
|
32
35
|
}, children: children }));
|
|
33
36
|
};
|
|
34
37
|
export const usePlansGridContext = () => useContext(PlansGridContext);
|
|
@@ -1 +1 @@
|
|
|
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;
|
|
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;AAsC/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,EACnC,gCAAgC,EAChC,8CAA8C,EAC9C,mBAAmB,GACD,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;YACnC,gCAAgC;YAChC,8CAA8C;YAC9C,mBAAmB;SACnB,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"}
|