@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.
Files changed (339) hide show
  1. package/CHANGELOG.md +4 -1
  2. package/dist/cjs/_shared.scss +4 -3
  3. package/dist/cjs/components/comparison-grid/index.js +101 -71
  4. package/dist/cjs/components/comparison-grid/index.js.map +1 -1
  5. package/dist/cjs/components/comparison-grid/index.stories.js.map +1 -1
  6. package/dist/cjs/components/comparison-grid/style.scss +10 -2
  7. package/dist/cjs/components/features-grid/client-logo-list/client-list.js +0 -12
  8. package/dist/cjs/components/features-grid/client-logo-list/client-list.js.map +1 -1
  9. package/dist/cjs/components/features-grid/index.js +9 -6
  10. package/dist/cjs/components/features-grid/index.js.map +1 -1
  11. package/dist/cjs/components/features-grid/plan-features-list.js +10 -3
  12. package/dist/cjs/components/features-grid/plan-features-list.js.map +1 -1
  13. package/dist/cjs/components/features-grid/plan-headers.js +2 -2
  14. package/dist/cjs/components/features-grid/plan-headers.js.map +1 -1
  15. package/dist/cjs/components/features-grid/plan-tagline.js +1 -1
  16. package/dist/cjs/components/features-grid/plan-tagline.js.map +1 -1
  17. package/dist/cjs/components/features-grid/style.scss +111 -21
  18. package/dist/cjs/components/features-grid/table.js +1 -1
  19. package/dist/cjs/components/features-grid/table.js.map +1 -1
  20. package/dist/cjs/components/features.js +43 -4
  21. package/dist/cjs/components/features.js.map +1 -1
  22. package/dist/cjs/components/item.js +1 -1
  23. package/dist/cjs/components/item.js.map +1 -1
  24. package/dist/cjs/components/plan-button/index.js +5 -3
  25. package/dist/cjs/components/plan-button/index.js.map +1 -1
  26. package/dist/cjs/components/plan-button/style.scss +71 -47
  27. package/dist/cjs/components/plan-div-td-container.js +4 -1
  28. package/dist/cjs/components/plan-div-td-container.js.map +1 -1
  29. package/dist/cjs/components/plan-logo.js +6 -3
  30. package/dist/cjs/components/plan-logo.js.map +1 -1
  31. package/dist/cjs/components/plan-type-selector/components/interval-type-dropdown.js +12 -1
  32. package/dist/cjs/components/plan-type-selector/components/interval-type-dropdown.js.map +1 -1
  33. package/dist/cjs/components/plan-type-selector/hooks/use-max-discount.js +4 -33
  34. package/dist/cjs/components/plan-type-selector/hooks/use-max-discount.js.map +1 -1
  35. package/dist/cjs/components/plan-type-selector/hooks/use-max-discounts-for-plan-terms.js +11 -13
  36. package/dist/cjs/components/plan-type-selector/hooks/use-max-discounts-for-plan-terms.js.map +1 -1
  37. package/dist/cjs/components/plans-2023-tooltip.js +16 -5
  38. package/dist/cjs/components/plans-2023-tooltip.js.map +1 -1
  39. package/dist/cjs/components/shared/action-button/index.js +22 -7
  40. package/dist/cjs/components/shared/action-button/index.js.map +1 -1
  41. package/dist/cjs/components/shared/action-button/style.scss +4 -0
  42. package/dist/cjs/components/shared/billing-timeframe/index.js +8 -4
  43. package/dist/cjs/components/shared/billing-timeframe/index.js.map +1 -1
  44. package/dist/cjs/components/shared/header-price/index.js +60 -15
  45. package/dist/cjs/components/shared/header-price/index.js.map +1 -1
  46. package/dist/cjs/components/shared/header-price/style.scss +10 -2
  47. package/dist/cjs/components/shared/storage/components/plan-storage.js +2 -2
  48. package/dist/cjs/components/shared/storage/components/plan-storage.js.map +1 -1
  49. package/dist/cjs/components/shared/storage/components/storage-dropdown.js +29 -6
  50. package/dist/cjs/components/shared/storage/components/storage-dropdown.js.map +1 -1
  51. package/dist/cjs/components/shared/storage/components/storage-feature-label.js +2 -1
  52. package/dist/cjs/components/shared/storage/components/storage-feature-label.js.map +1 -1
  53. package/dist/cjs/components/shared/storage/hooks/use-plan-storage.js +2 -0
  54. package/dist/cjs/components/shared/storage/hooks/use-plan-storage.js.map +1 -1
  55. package/dist/cjs/fixtures/sites-purchases.js +2 -4
  56. package/dist/cjs/fixtures/sites-purchases.js.map +1 -1
  57. package/dist/cjs/grid-context.js +4 -1
  58. package/dist/cjs/grid-context.js.map +1 -1
  59. package/dist/cjs/hooks/data-store/get-renewal-pricing-text.js +50 -0
  60. package/dist/cjs/hooks/data-store/get-renewal-pricing-text.js.map +1 -0
  61. package/dist/cjs/hooks/data-store/use-grid-plans-for-comparison-grid.js +6 -1
  62. package/dist/cjs/hooks/data-store/use-grid-plans-for-comparison-grid.js.map +1 -1
  63. package/dist/cjs/hooks/data-store/use-grid-plans-for-features-grid.js +6 -1
  64. package/dist/cjs/hooks/data-store/use-grid-plans-for-features-grid.js.map +1 -1
  65. package/dist/cjs/hooks/data-store/use-grid-plans.js +175 -21
  66. package/dist/cjs/hooks/data-store/use-grid-plans.js.map +1 -1
  67. package/dist/cjs/hooks/data-store/use-highlight-labels.js +13 -4
  68. package/dist/cjs/hooks/data-store/use-highlight-labels.js.map +1 -1
  69. package/dist/cjs/hooks/data-store/use-plan-billing-description.js +68 -13
  70. package/dist/cjs/hooks/data-store/use-plan-billing-description.js.map +1 -1
  71. package/dist/cjs/hooks/data-store/use-plan-billing-period.js +14 -0
  72. package/dist/cjs/hooks/data-store/use-plan-billing-period.js.map +1 -0
  73. package/dist/cjs/hooks/data-store/use-plan-features-for-grid-plans.js +76 -2
  74. package/dist/cjs/hooks/data-store/use-plan-features-for-grid-plans.js.map +1 -1
  75. package/dist/cjs/hooks/data-store/use-restructured-plan-features-for-comparison-grid.js +60 -12
  76. package/dist/cjs/hooks/data-store/use-restructured-plan-features-for-comparison-grid.js.map +1 -1
  77. package/dist/cjs/hooks/data-store/use-title-badges.js +19 -0
  78. package/dist/cjs/hooks/data-store/use-title-badges.js.map +1 -0
  79. package/dist/cjs/hooks/use-grid-size.js.map +1 -1
  80. package/dist/cjs/hooks/use-is-large-currency.js +2 -2
  81. package/dist/cjs/hooks/use-is-large-currency.js.map +1 -1
  82. package/dist/cjs/hooks/use-visible-grid-plans.js +70 -0
  83. package/dist/cjs/hooks/use-visible-grid-plans.js.map +1 -0
  84. package/dist/cjs/index.js +8 -1
  85. package/dist/cjs/index.js.map +1 -1
  86. package/dist/cjs/lib/get-plan-features-object.js +15 -2
  87. package/dist/cjs/lib/get-plan-features-object.js.map +1 -1
  88. package/dist/cjs/lib/plan-pricing-utils.js +135 -0
  89. package/dist/cjs/lib/plan-pricing-utils.js.map +1 -0
  90. package/dist/esm/_shared.scss +4 -3
  91. package/dist/esm/components/comparison-grid/index.js +102 -72
  92. package/dist/esm/components/comparison-grid/index.js.map +1 -1
  93. package/dist/esm/components/comparison-grid/index.stories.js.map +1 -1
  94. package/dist/esm/components/comparison-grid/style.scss +10 -2
  95. package/dist/esm/components/features-grid/client-logo-list/client-list.js +0 -12
  96. package/dist/esm/components/features-grid/client-logo-list/client-list.js.map +1 -1
  97. package/dist/esm/components/features-grid/index.js +9 -6
  98. package/dist/esm/components/features-grid/index.js.map +1 -1
  99. package/dist/esm/components/features-grid/plan-features-list.js +10 -3
  100. package/dist/esm/components/features-grid/plan-features-list.js.map +1 -1
  101. package/dist/esm/components/features-grid/plan-headers.js +3 -3
  102. package/dist/esm/components/features-grid/plan-headers.js.map +1 -1
  103. package/dist/esm/components/features-grid/plan-tagline.js +1 -1
  104. package/dist/esm/components/features-grid/plan-tagline.js.map +1 -1
  105. package/dist/esm/components/features-grid/style.scss +111 -21
  106. package/dist/esm/components/features-grid/table.js +1 -1
  107. package/dist/esm/components/features-grid/table.js.map +1 -1
  108. package/dist/esm/components/features.js +44 -5
  109. package/dist/esm/components/features.js.map +1 -1
  110. package/dist/esm/components/item.js +1 -1
  111. package/dist/esm/components/item.js.map +1 -1
  112. package/dist/esm/components/plan-button/index.js +5 -3
  113. package/dist/esm/components/plan-button/index.js.map +1 -1
  114. package/dist/esm/components/plan-button/style.scss +71 -47
  115. package/dist/esm/components/plan-div-td-container.js +4 -1
  116. package/dist/esm/components/plan-div-td-container.js.map +1 -1
  117. package/dist/esm/components/plan-logo.js +7 -4
  118. package/dist/esm/components/plan-logo.js.map +1 -1
  119. package/dist/esm/components/plan-type-selector/components/interval-type-dropdown.js +12 -1
  120. package/dist/esm/components/plan-type-selector/components/interval-type-dropdown.js.map +1 -1
  121. package/dist/esm/components/plan-type-selector/hooks/use-max-discount.js +3 -33
  122. package/dist/esm/components/plan-type-selector/hooks/use-max-discount.js.map +1 -1
  123. package/dist/esm/components/plan-type-selector/hooks/use-max-discounts-for-plan-terms.js +11 -13
  124. package/dist/esm/components/plan-type-selector/hooks/use-max-discounts-for-plan-terms.js.map +1 -1
  125. package/dist/esm/components/plans-2023-tooltip.js +16 -5
  126. package/dist/esm/components/plans-2023-tooltip.js.map +1 -1
  127. package/dist/esm/components/shared/action-button/index.js +22 -7
  128. package/dist/esm/components/shared/action-button/index.js.map +1 -1
  129. package/dist/esm/components/shared/action-button/style.scss +4 -0
  130. package/dist/esm/components/shared/billing-timeframe/index.js +8 -4
  131. package/dist/esm/components/shared/billing-timeframe/index.js.map +1 -1
  132. package/dist/esm/components/shared/header-price/index.js +60 -15
  133. package/dist/esm/components/shared/header-price/index.js.map +1 -1
  134. package/dist/esm/components/shared/header-price/style.scss +10 -2
  135. package/dist/esm/components/shared/storage/components/plan-storage.js +2 -2
  136. package/dist/esm/components/shared/storage/components/plan-storage.js.map +1 -1
  137. package/dist/esm/components/shared/storage/components/storage-dropdown.js +30 -7
  138. package/dist/esm/components/shared/storage/components/storage-dropdown.js.map +1 -1
  139. package/dist/esm/components/shared/storage/components/storage-feature-label.js +2 -1
  140. package/dist/esm/components/shared/storage/components/storage-feature-label.js.map +1 -1
  141. package/dist/esm/components/shared/storage/hooks/use-plan-storage.js +3 -1
  142. package/dist/esm/components/shared/storage/hooks/use-plan-storage.js.map +1 -1
  143. package/dist/esm/fixtures/sites-purchases.js +2 -4
  144. package/dist/esm/fixtures/sites-purchases.js.map +1 -1
  145. package/dist/esm/grid-context.js +4 -1
  146. package/dist/esm/grid-context.js.map +1 -1
  147. package/dist/esm/hooks/data-store/get-renewal-pricing-text.js +47 -0
  148. package/dist/esm/hooks/data-store/get-renewal-pricing-text.js.map +1 -0
  149. package/dist/esm/hooks/data-store/use-grid-plans-for-comparison-grid.js +6 -1
  150. package/dist/esm/hooks/data-store/use-grid-plans-for-comparison-grid.js.map +1 -1
  151. package/dist/esm/hooks/data-store/use-grid-plans-for-features-grid.js +6 -1
  152. package/dist/esm/hooks/data-store/use-grid-plans-for-features-grid.js.map +1 -1
  153. package/dist/esm/hooks/data-store/use-grid-plans.js +176 -22
  154. package/dist/esm/hooks/data-store/use-grid-plans.js.map +1 -1
  155. package/dist/esm/hooks/data-store/use-highlight-labels.js +14 -5
  156. package/dist/esm/hooks/data-store/use-highlight-labels.js.map +1 -1
  157. package/dist/esm/hooks/data-store/use-plan-billing-description.js +66 -11
  158. package/dist/esm/hooks/data-store/use-plan-billing-description.js.map +1 -1
  159. package/dist/esm/hooks/data-store/use-plan-billing-period.js +12 -0
  160. package/dist/esm/hooks/data-store/use-plan-billing-period.js.map +1 -0
  161. package/dist/esm/hooks/data-store/use-plan-features-for-grid-plans.js +77 -3
  162. package/dist/esm/hooks/data-store/use-plan-features-for-grid-plans.js.map +1 -1
  163. package/dist/esm/hooks/data-store/use-restructured-plan-features-for-comparison-grid.js +59 -11
  164. package/dist/esm/hooks/data-store/use-restructured-plan-features-for-comparison-grid.js.map +1 -1
  165. package/dist/esm/hooks/data-store/use-title-badges.js +17 -0
  166. package/dist/esm/hooks/data-store/use-title-badges.js.map +1 -0
  167. package/dist/esm/hooks/use-grid-size.js.map +1 -1
  168. package/dist/esm/hooks/use-is-large-currency.js +1 -1
  169. package/dist/esm/hooks/use-is-large-currency.js.map +1 -1
  170. package/dist/esm/hooks/use-visible-grid-plans.js +66 -0
  171. package/dist/esm/hooks/use-visible-grid-plans.js.map +1 -0
  172. package/dist/esm/index.js +4 -1
  173. package/dist/esm/index.js.map +1 -1
  174. package/dist/esm/lib/get-plan-features-object.js +15 -2
  175. package/dist/esm/lib/get-plan-features-object.js.map +1 -1
  176. package/dist/esm/lib/plan-pricing-utils.js +129 -0
  177. package/dist/esm/lib/plan-pricing-utils.js.map +1 -0
  178. package/dist/tsconfig-cjs.tsbuildinfo +1 -1
  179. package/dist/tsconfig.tsbuildinfo +1 -1
  180. package/dist/types/components/comparison-grid/index.d.ts +1 -1
  181. package/dist/types/components/comparison-grid/index.d.ts.map +1 -1
  182. package/dist/types/components/comparison-grid/index.stories.d.ts +2 -2
  183. package/dist/types/components/dropdown-option.d.ts.map +1 -1
  184. package/dist/types/components/features-grid/billing-timeframes.d.ts.map +1 -1
  185. package/dist/types/components/features-grid/client-logo-list/client-list.d.ts.map +1 -1
  186. package/dist/types/components/features-grid/client-logo-list/index.d.ts.map +1 -1
  187. package/dist/types/components/features-grid/enterprise-features.d.ts.map +1 -1
  188. package/dist/types/components/features-grid/index.d.ts.map +1 -1
  189. package/dist/types/components/features-grid/plan-features-list.d.ts.map +1 -1
  190. package/dist/types/components/features-grid/plan-headers.d.ts +2 -0
  191. package/dist/types/components/features-grid/plan-headers.d.ts.map +1 -1
  192. package/dist/types/components/features-grid/plan-logos.d.ts.map +1 -1
  193. package/dist/types/components/features-grid/plan-prices.d.ts.map +1 -1
  194. package/dist/types/components/features-grid/plan-tagline.d.ts.map +1 -1
  195. package/dist/types/components/features-grid/previous-features-included-title.d.ts.map +1 -1
  196. package/dist/types/components/features-grid/spotlight-plan.d.ts.map +1 -1
  197. package/dist/types/components/features-grid/table.d.ts.map +1 -1
  198. package/dist/types/components/features-grid/top-buttons.d.ts.map +1 -1
  199. package/dist/types/components/features.d.ts.map +1 -1
  200. package/dist/types/components/item.d.ts +2 -1
  201. package/dist/types/components/item.d.ts.map +1 -1
  202. package/dist/types/components/plan-button/index.d.ts +2 -1
  203. package/dist/types/components/plan-button/index.d.ts.map +1 -1
  204. package/dist/types/components/plan-div-td-container.d.ts +2 -0
  205. package/dist/types/components/plan-div-td-container.d.ts.map +1 -1
  206. package/dist/types/components/plan-logo.d.ts.map +1 -1
  207. package/dist/types/components/plan-type-selector/components/interval-type-dropdown.d.ts.map +1 -1
  208. package/dist/types/components/plan-type-selector/hooks/use-max-discount.d.ts.map +1 -1
  209. package/dist/types/components/plan-type-selector/hooks/use-max-discounts-for-plan-terms.d.ts.map +1 -1
  210. package/dist/types/components/plans-2023-tooltip.d.ts.map +1 -1
  211. package/dist/types/components/shared/action-button/index.d.ts +2 -1
  212. package/dist/types/components/shared/action-button/index.d.ts.map +1 -1
  213. package/dist/types/components/shared/billing-timeframe/index.d.ts.map +1 -1
  214. package/dist/types/components/shared/header-price/header-price-context.d.ts.map +1 -1
  215. package/dist/types/components/shared/header-price/index.d.ts.map +1 -1
  216. package/dist/types/components/shared/storage/components/plan-storage.d.ts.map +1 -1
  217. package/dist/types/components/shared/storage/components/storage-dropdown.d.ts.map +1 -1
  218. package/dist/types/components/shared/storage/components/storage-feature-label.d.ts.map +1 -1
  219. package/dist/types/components/shared/storage/hooks/use-plan-storage.d.ts +1 -1
  220. package/dist/types/components/shared/storage/hooks/use-plan-storage.d.ts.map +1 -1
  221. package/dist/types/css-mixins.d.ts.map +1 -1
  222. package/dist/types/fixtures/sites-purchases.d.ts +2 -4
  223. package/dist/types/fixtures/sites-purchases.d.ts.map +1 -1
  224. package/dist/types/grid-context.d.ts +4 -1
  225. package/dist/types/grid-context.d.ts.map +1 -1
  226. package/dist/types/hooks/data-store/get-renewal-pricing-text.d.ts +14 -0
  227. package/dist/types/hooks/data-store/get-renewal-pricing-text.d.ts.map +1 -0
  228. package/dist/types/hooks/data-store/types.d.ts +21 -0
  229. package/dist/types/hooks/data-store/types.d.ts.map +1 -1
  230. package/dist/types/hooks/data-store/use-grid-plan-for-spotlight.d.ts.map +1 -1
  231. package/dist/types/hooks/data-store/use-grid-plans-for-comparison-grid.d.ts +1 -1
  232. package/dist/types/hooks/data-store/use-grid-plans-for-comparison-grid.d.ts.map +1 -1
  233. package/dist/types/hooks/data-store/use-grid-plans-for-features-grid.d.ts +1 -1
  234. package/dist/types/hooks/data-store/use-grid-plans-for-features-grid.d.ts.map +1 -1
  235. package/dist/types/hooks/data-store/use-grid-plans.d.ts.map +1 -1
  236. package/dist/types/hooks/data-store/use-highlight-labels.d.ts.map +1 -1
  237. package/dist/types/hooks/data-store/use-plan-billing-description.d.ts.map +1 -1
  238. package/dist/types/hooks/data-store/use-plan-billing-period.d.ts +8 -0
  239. package/dist/types/hooks/data-store/use-plan-billing-period.d.ts.map +1 -0
  240. package/dist/types/hooks/data-store/use-plan-features-for-grid-plans.d.ts +4 -1
  241. package/dist/types/hooks/data-store/use-plan-features-for-grid-plans.d.ts.map +1 -1
  242. package/dist/types/hooks/data-store/use-plans-from-types.d.ts.map +1 -1
  243. package/dist/types/hooks/data-store/use-restructured-plan-features-for-comparison-grid.d.ts +4 -1
  244. package/dist/types/hooks/data-store/use-restructured-plan-features-for-comparison-grid.d.ts.map +1 -1
  245. package/dist/types/hooks/data-store/use-title-badges.d.ts +9 -0
  246. package/dist/types/hooks/data-store/use-title-badges.d.ts.map +1 -0
  247. package/dist/types/hooks/use-grid-size.d.ts +3 -2
  248. package/dist/types/hooks/use-grid-size.d.ts.map +1 -1
  249. package/dist/types/hooks/use-highlight-adjacency-matrix.d.ts.map +1 -1
  250. package/dist/types/hooks/use-visible-grid-plans.d.ts +14 -0
  251. package/dist/types/hooks/use-visible-grid-plans.d.ts.map +1 -0
  252. package/dist/types/index.d.ts +9 -1
  253. package/dist/types/index.d.ts.map +1 -1
  254. package/dist/types/lib/filter-unused-features-object.d.ts.map +1 -1
  255. package/dist/types/lib/get-plan-features-object.d.ts +1 -1
  256. package/dist/types/lib/get-plan-features-object.d.ts.map +1 -1
  257. package/dist/types/lib/plan-pricing-utils.d.ts +105 -0
  258. package/dist/types/lib/plan-pricing-utils.d.ts.map +1 -0
  259. package/dist/types/types.d.ts +33 -6
  260. package/dist/types/types.d.ts.map +1 -1
  261. package/package.json +39 -28
  262. package/src/_shared.scss +4 -3
  263. package/src/components/comparison-grid/index.stories.tsx +1 -1
  264. package/src/components/comparison-grid/index.tsx +263 -158
  265. package/src/components/comparison-grid/style.scss +10 -2
  266. package/src/components/features-grid/client-logo-list/client-list.tsx +0 -25
  267. package/src/components/features-grid/index.tsx +37 -19
  268. package/src/components/features-grid/plan-features-list.tsx +15 -4
  269. package/src/components/features-grid/plan-headers.tsx +10 -3
  270. package/src/components/features-grid/plan-tagline.tsx +1 -1
  271. package/src/components/features-grid/style.scss +111 -21
  272. package/src/components/features-grid/table.tsx +4 -2
  273. package/src/components/features.tsx +66 -6
  274. package/src/components/item.tsx +6 -3
  275. package/src/components/plan-button/index.tsx +7 -1
  276. package/src/components/plan-button/style.scss +71 -47
  277. package/src/components/plan-div-td-container.tsx +6 -2
  278. package/src/components/plan-logo.tsx +16 -9
  279. package/src/components/plan-type-selector/components/interval-type-dropdown.tsx +14 -1
  280. package/src/components/plan-type-selector/hooks/use-max-discount.ts +8 -47
  281. package/src/components/plan-type-selector/hooks/use-max-discounts-for-plan-terms.ts +19 -17
  282. package/src/components/plans-2023-tooltip.tsx +17 -5
  283. package/src/components/shared/action-button/index.tsx +46 -5
  284. package/src/components/shared/action-button/style.scss +4 -0
  285. package/src/components/shared/billing-timeframe/index.tsx +12 -7
  286. package/src/components/shared/header-price/index.tsx +129 -27
  287. package/src/components/shared/header-price/style.scss +10 -2
  288. package/src/components/shared/storage/components/plan-storage.tsx +2 -2
  289. package/src/components/shared/storage/components/storage-dropdown.tsx +36 -15
  290. package/src/components/shared/storage/components/storage-feature-label.tsx +2 -1
  291. package/src/components/shared/storage/hooks/use-plan-storage.ts +3 -0
  292. package/src/components/test/actions-button.tsx +5 -0
  293. package/src/components/test/billing-timeframe.tsx +1 -1
  294. package/src/components/test/header-price.tsx +342 -4
  295. package/src/fixtures/sites-purchases.ts +2 -4
  296. package/src/grid-context.tsx +9 -0
  297. package/src/hooks/data-store/get-renewal-pricing-text.ts +73 -0
  298. package/src/hooks/data-store/types.ts +21 -0
  299. package/src/hooks/data-store/use-grid-plans-for-comparison-grid.ts +10 -0
  300. package/src/hooks/data-store/use-grid-plans-for-features-grid.ts +10 -0
  301. package/src/hooks/data-store/use-grid-plans.tsx +189 -23
  302. package/src/hooks/data-store/use-highlight-labels.ts +12 -3
  303. package/src/hooks/data-store/use-plan-billing-description.tsx +80 -15
  304. package/src/hooks/data-store/use-plan-billing-period.tsx +28 -0
  305. package/src/hooks/data-store/use-plan-features-for-grid-plans.ts +135 -1
  306. package/src/hooks/data-store/use-restructured-plan-features-for-comparison-grid.ts +93 -20
  307. package/src/hooks/data-store/use-title-badges.ts +31 -0
  308. package/src/hooks/test/use-visible-grid-plans.tsx +116 -0
  309. package/src/hooks/use-grid-size.ts +3 -2
  310. package/src/hooks/use-is-large-currency.ts +1 -1
  311. package/src/hooks/use-visible-grid-plans.tsx +102 -0
  312. package/src/index.tsx +20 -0
  313. package/src/lib/get-plan-features-object.ts +23 -2
  314. package/src/lib/plan-pricing-utils.ts +211 -0
  315. package/src/lib/test/plan-pricing-utils.ts +594 -0
  316. package/src/style-imports.d.ts +3 -0
  317. package/src/types.ts +45 -4
  318. package/dist/cjs/components/features-grid/mobile-free-domain.js +0 -25
  319. package/dist/cjs/components/features-grid/mobile-free-domain.js.map +0 -1
  320. package/dist/cjs/lib/get-plan-pricing-info-from-grid-plans.js +0 -15
  321. package/dist/cjs/lib/get-plan-pricing-info-from-grid-plans.js.map +0 -1
  322. package/dist/cjs/lib/sort-plan-properties.js +0 -26
  323. package/dist/cjs/lib/sort-plan-properties.js.map +0 -1
  324. package/dist/esm/components/features-grid/mobile-free-domain.js +0 -23
  325. package/dist/esm/components/features-grid/mobile-free-domain.js.map +0 -1
  326. package/dist/esm/lib/get-plan-pricing-info-from-grid-plans.js +0 -12
  327. package/dist/esm/lib/get-plan-pricing-info-from-grid-plans.js.map +0 -1
  328. package/dist/esm/lib/sort-plan-properties.js +0 -23
  329. package/dist/esm/lib/sort-plan-properties.js.map +0 -1
  330. package/dist/types/components/features-grid/mobile-free-domain.d.ts +0 -8
  331. package/dist/types/components/features-grid/mobile-free-domain.d.ts.map +0 -1
  332. package/dist/types/lib/get-plan-pricing-info-from-grid-plans.d.ts +0 -9
  333. package/dist/types/lib/get-plan-pricing-info-from-grid-plans.d.ts.map +0 -1
  334. package/dist/types/lib/sort-plan-properties.d.ts +0 -3
  335. package/dist/types/lib/sort-plan-properties.d.ts.map +0 -1
  336. package/src/components/features-grid/mobile-free-domain.tsx +0 -51
  337. package/src/lib/get-plan-pricing-info-from-grid-plans.ts +0 -31
  338. package/src/lib/sort-plan-properties.ts +0 -27
  339. package/src/lib/test/sort-plan-properties.ts +0 -122
@@ -0,0 +1,47 @@
1
+ import { PLAN_ANNUAL_PERIOD, PLAN_BIENNIAL_PERIOD, PLAN_MONTHLY_PERIOD, PLAN_TRIENNIAL_PERIOD, } from '@automattic/calypso-products';
2
+ import { formatCurrency } from '@automattic/number-formatters';
3
+ /**
4
+ * Generates renewal pricing text based on the pricing variation.
5
+ * This is shared between use-plan-billing-description and use-renewal-pricing-post-button-text.
6
+ */
7
+ export function getRenewalPricingText({ pricing, showBillingDescriptionForIncreasedRenewalPrice, translate, }) {
8
+ const { currencyCode, discountedPrice, originalPrice, billingPeriod, introOffer, renewalPrice } = pricing;
9
+ const monthlyPrice = renewalPrice?.monthly ?? originalPrice?.monthly;
10
+ // Use the discounted price before the intro offer price since the discount is applied on top of it.
11
+ const currentFullPrice = discountedPrice?.full || introOffer?.rawPrice?.full || originalPrice?.full;
12
+ if (!monthlyPrice || !currencyCode || !currentFullPrice) {
13
+ return null;
14
+ }
15
+ if (!showBillingDescriptionForIncreasedRenewalPrice) {
16
+ return null;
17
+ }
18
+ const formattedMonthlyPrice = formatCurrency(monthlyPrice, currencyCode, {
19
+ stripZeros: true,
20
+ isSmallestUnit: true,
21
+ });
22
+ if (billingPeriod === PLAN_MONTHLY_PERIOD) {
23
+ return translate('Auto-renews at %(price)s per month. Billed every month.', {
24
+ args: { price: formattedMonthlyPrice },
25
+ comment: '%(price)s is a formatted price like $10',
26
+ });
27
+ }
28
+ // Determine the billing period in months
29
+ let billingMonths = 12; // default to annual
30
+ if (billingPeriod === PLAN_BIENNIAL_PERIOD) {
31
+ billingMonths = 24;
32
+ }
33
+ else if (billingPeriod === PLAN_TRIENNIAL_PERIOD) {
34
+ billingMonths = 36;
35
+ }
36
+ else if (billingPeriod === PLAN_ANNUAL_PERIOD) {
37
+ billingMonths = 12;
38
+ }
39
+ return translate('Auto-renews at %(price)s per month. Billed every %(months)s months.', {
40
+ args: {
41
+ price: formattedMonthlyPrice,
42
+ months: billingMonths,
43
+ },
44
+ comment: '%(price)s is a formatted price like $10, %(months)s is the billing period in months (12, 24, or 36)',
45
+ });
46
+ }
47
+ //# sourceMappingURL=get-renewal-pricing-text.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"get-renewal-pricing-text.js","sourceRoot":"","sources":["../../../../src/hooks/data-store/get-renewal-pricing-text.ts"],"names":[],"mappings":"AAAA,OAAO,EACN,kBAAkB,EAClB,oBAAoB,EACpB,mBAAmB,EACnB,qBAAqB,GACrB,MAAM,8BAA8B,CAAC;AACtC,OAAO,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAC;AAU/D;;;GAGG;AACH,MAAM,UAAU,qBAAqB,CAAE,EACtC,OAAO,EACP,8CAA8C,EAC9C,SAAS,GACoB;IAC7B,MAAM,EAAE,YAAY,EAAE,eAAe,EAAE,aAAa,EAAE,aAAa,EAAE,UAAU,EAAE,YAAY,EAAE,GAC9F,OAAO,CAAC;IAET,MAAM,YAAY,GAAG,YAAY,EAAE,OAAO,IAAI,aAAa,EAAE,OAAO,CAAC;IACrE,oGAAoG;IACpG,MAAM,gBAAgB,GACrB,eAAe,EAAE,IAAI,IAAI,UAAU,EAAE,QAAQ,EAAE,IAAI,IAAI,aAAa,EAAE,IAAI,CAAC;IAE5E,IAAK,CAAE,YAAY,IAAI,CAAE,YAAY,IAAI,CAAE,gBAAgB,EAAG,CAAC;QAC9D,OAAO,IAAI,CAAC;IACb,CAAC;IAED,IAAK,CAAE,8CAA8C,EAAG,CAAC;QACxD,OAAO,IAAI,CAAC;IACb,CAAC;IAED,MAAM,qBAAqB,GAAG,cAAc,CAAE,YAAY,EAAE,YAAY,EAAE;QACzE,UAAU,EAAE,IAAI;QAChB,cAAc,EAAE,IAAI;KACpB,CAAE,CAAC;IAEJ,IAAK,aAAa,KAAK,mBAAmB,EAAG,CAAC;QAC7C,OAAO,SAAS,CAAE,yDAAyD,EAAE;YAC5E,IAAI,EAAE,EAAE,KAAK,EAAE,qBAAqB,EAAE;YACtC,OAAO,EAAE,yCAAyC;SAClD,CAAE,CAAC;IACL,CAAC;IAED,yCAAyC;IACzC,IAAI,aAAa,GAAG,EAAE,CAAC,CAAC,oBAAoB;IAE5C,IAAK,aAAa,KAAK,oBAAoB,EAAG,CAAC;QAC9C,aAAa,GAAG,EAAE,CAAC;IACpB,CAAC;SAAM,IAAK,aAAa,KAAK,qBAAqB,EAAG,CAAC;QACtD,aAAa,GAAG,EAAE,CAAC;IACpB,CAAC;SAAM,IAAK,aAAa,KAAK,kBAAkB,EAAG,CAAC;QACnD,aAAa,GAAG,EAAE,CAAC;IACpB,CAAC;IAED,OAAO,SAAS,CAAE,qEAAqE,EAAE;QACxF,IAAI,EAAE;YACL,KAAK,EAAE,qBAAqB;YAC5B,MAAM,EAAE,aAAa;SACrB;QACD,OAAO,EACN,qGAAqG;KACtG,CAAE,CAAC;AACL,CAAC"}
@@ -3,7 +3,7 @@ import { useMemo } from '@wordpress/element';
3
3
  import useGridPlans from './use-grid-plans';
4
4
  import useRestructuredPlanFeaturesForComparisonGrid from './use-restructured-plan-features-for-comparison-grid';
5
5
  const HIDDEN_PLANS = [PLAN_HOSTING_TRIAL_MONTHLY, PLAN_ENTERPRISE_GRID_WPCOM];
6
- const useGridPlansForComparisonGrid = ({ allFeaturesList, coupon, eligibleForFreeHostingTrial, hasRedeemedDomainCredit, hiddenPlans, intent, isDisplayingPlansNeededForFeature, isSubdomainNotGenerated, selectedFeature, selectedPlan, showLegacyStorageFeature, siteId, term, useCheckPlanAvailabilityForPurchase, useFreeTrialPlanSlugs, isDomainOnlySite, reflectStorageSelectionInPlanPrices, }) => {
6
+ const useGridPlansForComparisonGrid = ({ allFeaturesList, coupon, eligibleForFreeHostingTrial, hasRedeemedDomainCredit, hiddenPlans, intent, isDisplayingPlansNeededForFeature, isSubdomainNotGenerated, selectedFeature, selectedPlan, showLegacyStorageFeature, siteId, term, useCheckPlanAvailabilityForPurchase, useFreeTrialPlanSlugs, isDomainOnlySite, reflectStorageSelectionInPlanPrices, useVar42NoAiFeatures, showPricingDifferentiationFeaturePills, useFocusedNewCopyTaglines, isExperimentVariant, showBillingDescriptionForIncreasedRenewalPrice, }) => {
7
7
  const gridPlans = useGridPlans({
8
8
  allFeaturesList,
9
9
  coupon,
@@ -21,6 +21,8 @@ const useGridPlansForComparisonGrid = ({ allFeaturesList, coupon, eligibleForFre
21
21
  useFreeTrialPlanSlugs,
22
22
  isDomainOnlySite,
23
23
  reflectStorageSelectionInPlanPrices,
24
+ useFocusedNewCopyTaglines,
25
+ showBillingDescriptionForIncreasedRenewalPrice,
24
26
  });
25
27
  const planFeaturesForComparisonGrid = useRestructuredPlanFeaturesForComparisonGrid({
26
28
  gridPlans: gridPlans || [],
@@ -29,6 +31,9 @@ const useGridPlansForComparisonGrid = ({ allFeaturesList, coupon, eligibleForFre
29
31
  intent,
30
32
  selectedFeature,
31
33
  showLegacyStorageFeature,
34
+ useVar42NoAiFeatures,
35
+ showPricingDifferentiationFeaturePills,
36
+ isExperimentVariant,
32
37
  });
33
38
  return useMemo(() => {
34
39
  if (!gridPlans) {
@@ -1 +1 @@
1
- {"version":3,"file":"use-grid-plans-for-comparison-grid.js","sourceRoot":"","sources":["../../../../src/hooks/data-store/use-grid-plans-for-comparison-grid.ts"],"names":[],"mappings":"AAAA,OAAO,EACN,0BAA0B,EAC1B,0BAA0B,GAC1B,MAAM,8BAA8B,CAAC;AACtC,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAC7C,OAAO,YAAY,MAAM,kBAAkB,CAAC;AAC5C,OAAO,4CAA4C,MAAM,sDAAsD,CAAC;AAIhH,MAAM,YAAY,GAAG,CAAE,0BAA0B,EAAE,0BAA0B,CAAE,CAAC;AAEhF,MAAM,6BAA6B,GAAG,CAAE,EACvC,eAAe,EACf,MAAM,EACN,2BAA2B,EAC3B,uBAAuB,EACvB,WAAW,EACX,MAAM,EACN,iCAAiC,EACjC,uBAAuB,EACvB,eAAe,EACf,YAAY,EACZ,wBAAwB,EACxB,MAAM,EACN,IAAI,EACJ,mCAAmC,EACnC,qBAAqB,EACrB,gBAAgB,EAChB,mCAAmC,GACf,EAAsB,EAAE;IAC5C,MAAM,SAAS,GAAG,YAAY,CAAE;QAC/B,eAAe;QACf,MAAM;QACN,2BAA2B;QAC3B,WAAW;QACX,MAAM;QACN,iCAAiC;QACjC,uBAAuB;QACvB,eAAe;QACf,YAAY;QACZ,MAAM;QACN,wBAAwB;QACxB,IAAI;QACJ,mCAAmC;QACnC,qBAAqB;QACrB,gBAAgB;QAChB,mCAAmC;KACnC,CAAE,CAAC;IAEJ,MAAM,6BAA6B,GAAG,4CAA4C,CAAE;QACnF,SAAS,EAAE,SAAS,IAAI,EAAE;QAC1B,eAAe;QACf,uBAAuB;QACvB,MAAM;QACN,eAAe;QACf,wBAAwB;KACxB,CAAE,CAAC;IAEJ,OAAO,OAAO,CAAE,GAAG,EAAE;QACpB,IAAK,CAAE,SAAS,EAAG,CAAC;YACnB,OAAO,IAAI,CAAC;QACb,CAAC;QAED,OAAO,SAAS,CAAC,MAAM,CAAE,CAAE,GAAG,EAAE,QAAQ,EAAG,EAAE;YAC5C,IAAK,QAAQ,CAAC,SAAS,IAAI,CAAE,YAAY,CAAC,QAAQ,CAAE,QAAQ,CAAC,QAAQ,CAAE,EAAG,CAAC;gBAC1E,OAAO;oBACN,GAAG,GAAG;oBACN;wBACC,GAAG,QAAQ;wBACX,QAAQ,EAAE,6BAA6B,CAAE,QAAQ,CAAC,QAAQ,CAAE;qBAC5D;iBACD,CAAC;YACH,CAAC;YAED,OAAO,GAAG,CAAC;QACZ,CAAC,EAAE,EAAgB,CAAE,CAAC;IACvB,CAAC,EAAE,CAAE,SAAS,EAAE,6BAA6B,CAAE,CAAE,CAAC;AACnD,CAAC,CAAC;AAEF,eAAe,6BAA6B,CAAC"}
1
+ {"version":3,"file":"use-grid-plans-for-comparison-grid.js","sourceRoot":"","sources":["../../../../src/hooks/data-store/use-grid-plans-for-comparison-grid.ts"],"names":[],"mappings":"AAAA,OAAO,EACN,0BAA0B,EAC1B,0BAA0B,GAC1B,MAAM,8BAA8B,CAAC;AACtC,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAC7C,OAAO,YAAY,MAAM,kBAAkB,CAAC;AAC5C,OAAO,4CAA4C,MAAM,sDAAsD,CAAC;AAIhH,MAAM,YAAY,GAAG,CAAE,0BAA0B,EAAE,0BAA0B,CAAE,CAAC;AAEhF,MAAM,6BAA6B,GAAG,CAAE,EACvC,eAAe,EACf,MAAM,EACN,2BAA2B,EAC3B,uBAAuB,EACvB,WAAW,EACX,MAAM,EACN,iCAAiC,EACjC,uBAAuB,EACvB,eAAe,EACf,YAAY,EACZ,wBAAwB,EACxB,MAAM,EACN,IAAI,EACJ,mCAAmC,EACnC,qBAAqB,EACrB,gBAAgB,EAChB,mCAAmC,EACnC,oBAAoB,EACpB,sCAAsC,EACtC,yBAAyB,EACzB,mBAAmB,EACnB,8CAA8C,GAC1B,EAAsB,EAAE;IAC5C,MAAM,SAAS,GAAG,YAAY,CAAE;QAC/B,eAAe;QACf,MAAM;QACN,2BAA2B;QAC3B,WAAW;QACX,MAAM;QACN,iCAAiC;QACjC,uBAAuB;QACvB,eAAe;QACf,YAAY;QACZ,MAAM;QACN,wBAAwB;QACxB,IAAI;QACJ,mCAAmC;QACnC,qBAAqB;QACrB,gBAAgB;QAChB,mCAAmC;QACnC,yBAAyB;QACzB,8CAA8C;KAC9C,CAAE,CAAC;IAEJ,MAAM,6BAA6B,GAAG,4CAA4C,CAAE;QACnF,SAAS,EAAE,SAAS,IAAI,EAAE;QAC1B,eAAe;QACf,uBAAuB;QACvB,MAAM;QACN,eAAe;QACf,wBAAwB;QACxB,oBAAoB;QACpB,sCAAsC;QACtC,mBAAmB;KACnB,CAAE,CAAC;IAEJ,OAAO,OAAO,CAAE,GAAG,EAAE;QACpB,IAAK,CAAE,SAAS,EAAG,CAAC;YACnB,OAAO,IAAI,CAAC;QACb,CAAC;QAED,OAAO,SAAS,CAAC,MAAM,CAAE,CAAE,GAAG,EAAE,QAAQ,EAAG,EAAE;YAC5C,IAAK,QAAQ,CAAC,SAAS,IAAI,CAAE,YAAY,CAAC,QAAQ,CAAE,QAAQ,CAAC,QAAQ,CAAE,EAAG,CAAC;gBAC1E,OAAO;oBACN,GAAG,GAAG;oBACN;wBACC,GAAG,QAAQ;wBACX,QAAQ,EAAE,6BAA6B,CAAE,QAAQ,CAAC,QAAQ,CAAE;qBAC5D;iBACD,CAAC;YACH,CAAC;YAED,OAAO,GAAG,CAAC;QACZ,CAAC,EAAE,EAAgB,CAAE,CAAC;IACvB,CAAC,EAAE,CAAE,SAAS,EAAE,6BAA6B,CAAE,CAAE,CAAC;AACnD,CAAC,CAAC;AAEF,eAAe,6BAA6B,CAAC"}
@@ -1,7 +1,7 @@
1
1
  import { useMemo } from '@wordpress/element';
2
2
  import useGridPlans from './use-grid-plans';
3
3
  import usePlanFeaturesForGridPlans from './use-plan-features-for-grid-plans';
4
- const useGridPlansForFeaturesGrid = ({ allFeaturesList, coupon, eligibleForFreeHostingTrial, hasRedeemedDomainCredit, hiddenPlans, hideCurrentPlan, intent, isDisplayingPlansNeededForFeature, isInSignup, isSubdomainNotGenerated, selectedFeature, selectedPlan, showLegacyStorageFeature, siteId, term, useCheckPlanAvailabilityForPurchase, useFreeTrialPlanSlugs, highlightLabelOverrides, isDomainOnlySite, reflectStorageSelectionInPlanPrices, }) => {
4
+ const useGridPlansForFeaturesGrid = ({ allFeaturesList, coupon, eligibleForFreeHostingTrial, hasRedeemedDomainCredit, hiddenPlans, hideCurrentPlan, intent, isDisplayingPlansNeededForFeature, isInSignup, isSubdomainNotGenerated, selectedFeature, selectedPlan, showLegacyStorageFeature, siteId, term, useCheckPlanAvailabilityForPurchase, useFreeTrialPlanSlugs, highlightLabelOverrides, isDomainOnlySite, reflectStorageSelectionInPlanPrices, useVar42NoAiFeatures, showPricingDifferentiationFeaturePills, useFocusedNewCopyTaglines, isExperimentVariant, showBillingDescriptionForIncreasedRenewalPrice, }) => {
5
5
  const gridPlans = useGridPlans({
6
6
  allFeaturesList,
7
7
  coupon,
@@ -21,6 +21,8 @@ const useGridPlansForFeaturesGrid = ({ allFeaturesList, coupon, eligibleForFreeH
21
21
  highlightLabelOverrides,
22
22
  isDomainOnlySite,
23
23
  reflectStorageSelectionInPlanPrices,
24
+ useFocusedNewCopyTaglines,
25
+ showBillingDescriptionForIncreasedRenewalPrice,
24
26
  });
25
27
  const planFeaturesForFeaturesGrid = usePlanFeaturesForGridPlans({
26
28
  allFeaturesList,
@@ -30,6 +32,9 @@ const useGridPlansForFeaturesGrid = ({ allFeaturesList, coupon, eligibleForFreeH
30
32
  isInSignup,
31
33
  selectedFeature,
32
34
  showLegacyStorageFeature,
35
+ useVar42NoAiFeatures,
36
+ showPricingDifferentiationFeaturePills,
37
+ isExperimentVariant,
33
38
  });
34
39
  return useMemo(() => {
35
40
  if (!gridPlans) {
@@ -1 +1 @@
1
- {"version":3,"file":"use-grid-plans-for-features-grid.js","sourceRoot":"","sources":["../../../../src/hooks/data-store/use-grid-plans-for-features-grid.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAC7C,OAAO,YAAY,MAAM,kBAAkB,CAAC;AAC5C,OAAO,2BAA2B,MAAM,oCAAoC,CAAC;AAI7E,MAAM,2BAA2B,GAAG,CAAE,EACrC,eAAe,EACf,MAAM,EACN,2BAA2B,EAC3B,uBAAuB,EACvB,WAAW,EACX,eAAe,EACf,MAAM,EACN,iCAAiC,EACjC,UAAU,EACV,uBAAuB,EACvB,eAAe,EACf,YAAY,EACZ,wBAAwB,EACxB,MAAM,EACN,IAAI,EACJ,mCAAmC,EACnC,qBAAqB,EACrB,uBAAuB,EACvB,gBAAgB,EAChB,mCAAmC,GACf,EAAsB,EAAE;IAC5C,MAAM,SAAS,GAAG,YAAY,CAAE;QAC/B,eAAe;QACf,MAAM;QACN,2BAA2B;QAC3B,uBAAuB;QACvB,WAAW;QACX,MAAM;QACN,iCAAiC;QACjC,uBAAuB;QACvB,eAAe;QACf,YAAY;QACZ,wBAAwB;QACxB,MAAM;QACN,IAAI;QACJ,mCAAmC;QACnC,qBAAqB;QACrB,uBAAuB;QACvB,gBAAgB;QAChB,mCAAmC;KACnC,CAAE,CAAC;IAEJ,MAAM,2BAA2B,GAAG,2BAA2B,CAAE;QAChE,eAAe;QACf,SAAS,EAAE,SAAS,IAAI,EAAE;QAC1B,uBAAuB;QACvB,MAAM;QACN,UAAU;QACV,eAAe;QACf,wBAAwB;KACxB,CAAE,CAAC;IAEJ,OAAO,OAAO,CAAE,GAAG,EAAE;QACpB,IAAK,CAAE,SAAS,EAAG,CAAC;YACnB,OAAO,IAAI,CAAC;QACb,CAAC;QAED,OAAO,SAAS,CAAC,MAAM,CAAE,CAAE,GAAG,EAAE,QAAQ,EAAG,EAAE;YAC5C,IAAK,CAAE,QAAQ,CAAC,SAAS,EAAG,CAAC;gBAC5B,OAAO,GAAG,CAAC;YACZ,CAAC;YACD,IAAK,eAAe,IAAI,QAAQ,CAAC,OAAO,EAAG,CAAC;gBAC3C,OAAO,GAAG,CAAC;YACZ,CAAC;YACD,OAAO;gBACN,GAAG,GAAG;gBACN;oBACC,GAAG,QAAQ;oBACX,QAAQ,EAAE,2BAA2B,CAAE,QAAQ,CAAC,QAAQ,CAAE;iBAC1D;aACD,CAAC;QACH,CAAC,EAAE,EAAgB,CAAE,CAAC;IACvB,CAAC,EAAE,CAAE,SAAS,EAAE,2BAA2B,EAAE,eAAe,CAAE,CAAE,CAAC;AAClE,CAAC,CAAC;AAEF,eAAe,2BAA2B,CAAC"}
1
+ {"version":3,"file":"use-grid-plans-for-features-grid.js","sourceRoot":"","sources":["../../../../src/hooks/data-store/use-grid-plans-for-features-grid.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAC7C,OAAO,YAAY,MAAM,kBAAkB,CAAC;AAC5C,OAAO,2BAA2B,MAAM,oCAAoC,CAAC;AAI7E,MAAM,2BAA2B,GAAG,CAAE,EACrC,eAAe,EACf,MAAM,EACN,2BAA2B,EAC3B,uBAAuB,EACvB,WAAW,EACX,eAAe,EACf,MAAM,EACN,iCAAiC,EACjC,UAAU,EACV,uBAAuB,EACvB,eAAe,EACf,YAAY,EACZ,wBAAwB,EACxB,MAAM,EACN,IAAI,EACJ,mCAAmC,EACnC,qBAAqB,EACrB,uBAAuB,EACvB,gBAAgB,EAChB,mCAAmC,EACnC,oBAAoB,EACpB,sCAAsC,EACtC,yBAAyB,EACzB,mBAAmB,EACnB,8CAA8C,GAC1B,EAAsB,EAAE;IAC5C,MAAM,SAAS,GAAG,YAAY,CAAE;QAC/B,eAAe;QACf,MAAM;QACN,2BAA2B;QAC3B,uBAAuB;QACvB,WAAW;QACX,MAAM;QACN,iCAAiC;QACjC,uBAAuB;QACvB,eAAe;QACf,YAAY;QACZ,wBAAwB;QACxB,MAAM;QACN,IAAI;QACJ,mCAAmC;QACnC,qBAAqB;QACrB,uBAAuB;QACvB,gBAAgB;QAChB,mCAAmC;QACnC,yBAAyB;QACzB,8CAA8C;KAC9C,CAAE,CAAC;IAEJ,MAAM,2BAA2B,GAAG,2BAA2B,CAAE;QAChE,eAAe;QACf,SAAS,EAAE,SAAS,IAAI,EAAE;QAC1B,uBAAuB;QACvB,MAAM;QACN,UAAU;QACV,eAAe;QACf,wBAAwB;QACxB,oBAAoB;QACpB,sCAAsC;QACtC,mBAAmB;KACnB,CAAE,CAAC;IAEJ,OAAO,OAAO,CAAE,GAAG,EAAE;QACpB,IAAK,CAAE,SAAS,EAAG,CAAC;YACnB,OAAO,IAAI,CAAC;QACb,CAAC;QAED,OAAO,SAAS,CAAC,MAAM,CAAE,CAAE,GAAG,EAAE,QAAQ,EAAG,EAAE;YAC5C,IAAK,CAAE,QAAQ,CAAC,SAAS,EAAG,CAAC;gBAC5B,OAAO,GAAG,CAAC;YACZ,CAAC;YACD,IAAK,eAAe,IAAI,QAAQ,CAAC,OAAO,EAAG,CAAC;gBAC3C,OAAO,GAAG,CAAC;YACZ,CAAC;YACD,OAAO;gBACN,GAAG,GAAG;gBACN;oBACC,GAAG,QAAQ;oBACX,QAAQ,EAAE,2BAA2B,CAAE,QAAQ,CAAC,QAAQ,CAAE;iBAC1D;aACD,CAAC;QACH,CAAC,EAAE,EAAgB,CAAE,CAAC;IACvB,CAAC,EAAE,CAAE,SAAS,EAAE,2BAA2B,EAAE,eAAe,CAAE,CAAE,CAAC;AAClE,CAAC,CAAC;AAEF,eAAe,2BAA2B,CAAC"}
@@ -1,27 +1,42 @@
1
- import { TYPE_BLOGGER, TYPE_BUSINESS, TYPE_ECOMMERCE, TYPE_ENTERPRISE_GRID_WPCOM, TYPE_FREE, TYPE_PERSONAL, TYPE_PREMIUM, TYPE_WOOEXPRESS_MEDIUM, TYPE_WOOEXPRESS_SMALL, getPlan, isBloggerPlan, applyTestFiltersToPlansList, isMonthly, isWpcomEnterpriseGridPlan, TERM_MONTHLY, isWpComFreePlan, isBusinessPlan, isEcommercePlan, TYPE_P2_PLUS, isPremiumPlan, isFreePlan, isPersonalPlan, } from '@automattic/calypso-products';
1
+ import { TYPE_BLOGGER, TYPE_BUSINESS, TYPE_ECOMMERCE, TYPE_ENTERPRISE_GRID_WPCOM, TYPE_FREE, TYPE_PERSONAL, TYPE_PREMIUM, TYPE_WOOEXPRESS_MEDIUM, TYPE_WOOEXPRESS_SMALL, TYPE_WOO_HOSTED_BASIC, TYPE_WOO_HOSTED_PRO, getPlan, isBloggerPlan, applyTestFiltersToPlansList, isMonthly, isWpcomEnterpriseGridPlan, TERM_MONTHLY, isWpComFreePlan, isBusinessPlan, isEcommercePlan, TYPE_P2_PLUS, isPremiumPlan, isFreePlan, isPersonalPlan, planHasFeature, getPlanClass, } from '@automattic/calypso-products';
2
2
  import { Plans } from '@automattic/data-stores';
3
+ import i18n, { useTranslate } from 'i18n-calypso';
3
4
  import { isSamePlan } from '../../lib/is-same-plan';
4
5
  import useHighlightLabels from './use-highlight-labels';
5
6
  import usePlansFromTypes from './use-plans-from-types';
6
- const isGridPlanVisible = ({ hiddenPlans: { hideFreePlan, hidePersonalPlan, hidePremiumPlan, hideBusinessPlan, hideEcommercePlan, } = {}, isDisplayingPlansNeededForFeature, planSlug, planSlugsForIntent, selectedPlan, }) => {
7
- let isVisible = planSlugsForIntent.includes(planSlug);
8
- if (isDisplayingPlansNeededForFeature && selectedPlan) {
9
- if (isEcommercePlan(selectedPlan)) {
10
- isVisible = isEcommercePlan(planSlug);
7
+ import useTitleBadges from './use-title-badges';
8
+ const isGridPlanVisible = ({ hiddenPlans: { hideFreePlan, hidePersonalPlan, hidePremiumPlan, hideBusinessPlan, hideEcommercePlan, } = {}, isDisplayingPlansNeededForFeature, gridPlanSlug, planSlugsForIntent, selectedPlan, selectedFeature, currentPlanSlug, }) => {
9
+ let isVisible = planSlugsForIntent.includes(gridPlanSlug);
10
+ if (isDisplayingPlansNeededForFeature) {
11
+ // Feature-based filtering: Show the plan being evaluated if it includes the selected feature,
12
+ // or if it's the user's current plan (ignoring billing term length)
13
+ if (selectedFeature && !selectedPlan) {
14
+ const hasFeature = planHasFeature(gridPlanSlug, selectedFeature);
15
+ const isCurrentPlan = currentPlanSlug && getPlanClass(currentPlanSlug) === getPlanClass(gridPlanSlug);
16
+ isVisible = isVisible && (isCurrentPlan || hasFeature);
11
17
  }
12
- if (isBusinessPlan(selectedPlan)) {
13
- isVisible = isBusinessPlan(planSlug) || isEcommercePlan(planSlug);
14
- }
15
- if (isPremiumPlan(selectedPlan)) {
16
- isVisible =
17
- isPremiumPlan(planSlug) || isBusinessPlan(planSlug) || isEcommercePlan(planSlug);
18
+ // Plan-tier-based filtering: When a specific plan is pre-selected,
19
+ // show that plan tier and all higher tiers (e.g., if Premium is selected, show Premium + Business + Commerce)
20
+ else if (selectedPlan) {
21
+ if (isEcommercePlan(selectedPlan)) {
22
+ isVisible = isEcommercePlan(gridPlanSlug);
23
+ }
24
+ if (isBusinessPlan(selectedPlan)) {
25
+ isVisible = isBusinessPlan(gridPlanSlug) || isEcommercePlan(gridPlanSlug);
26
+ }
27
+ if (isPremiumPlan(selectedPlan)) {
28
+ isVisible =
29
+ isPremiumPlan(gridPlanSlug) ||
30
+ isBusinessPlan(gridPlanSlug) ||
31
+ isEcommercePlan(gridPlanSlug);
32
+ }
18
33
  }
19
34
  }
20
- if ((hideFreePlan && isFreePlan(planSlug)) ||
21
- (hidePersonalPlan && isPersonalPlan(planSlug)) ||
22
- (hidePremiumPlan && isPremiumPlan(planSlug)) ||
23
- (hideBusinessPlan && isBusinessPlan(planSlug)) ||
24
- (hideEcommercePlan && isEcommercePlan(planSlug))) {
35
+ if ((hideFreePlan && isFreePlan(gridPlanSlug)) ||
36
+ (hidePersonalPlan && isPersonalPlan(gridPlanSlug)) ||
37
+ (hidePremiumPlan && isPremiumPlan(gridPlanSlug)) ||
38
+ (hideBusinessPlan && isBusinessPlan(gridPlanSlug)) ||
39
+ (hideEcommercePlan && isEcommercePlan(gridPlanSlug))) {
25
40
  isVisible = false;
26
41
  }
27
42
  return isVisible;
@@ -45,6 +60,8 @@ export const usePlanTypesWithIntent = ({ intent, selectedPlan, siteId, hiddenPla
45
60
  ...(isEnterpriseAvailable ? [TYPE_ENTERPRISE_GRID_WPCOM] : []),
46
61
  TYPE_WOOEXPRESS_SMALL,
47
62
  TYPE_WOOEXPRESS_MEDIUM,
63
+ TYPE_WOO_HOSTED_BASIC,
64
+ TYPE_WOO_HOSTED_PRO,
48
65
  TYPE_P2_PLUS,
49
66
  ];
50
67
  let planTypes;
@@ -72,11 +89,14 @@ export const usePlanTypesWithIntent = ({ intent, selectedPlan, siteId, hiddenPla
72
89
  planTypes = [TYPE_FREE, TYPE_PERSONAL, TYPE_PREMIUM];
73
90
  break;
74
91
  case 'plans-new-hosted-site':
75
- planTypes = [TYPE_BUSINESS, TYPE_ECOMMERCE];
92
+ planTypes = [TYPE_PERSONAL, TYPE_PREMIUM, TYPE_BUSINESS, TYPE_ECOMMERCE];
76
93
  break;
77
94
  case 'plans-new-hosted-site-business-only':
78
95
  planTypes = [TYPE_BUSINESS];
79
96
  break;
97
+ case 'plans-ai-assembler-free-trial':
98
+ planTypes = [TYPE_PERSONAL, TYPE_PREMIUM, TYPE_BUSINESS];
99
+ break;
80
100
  case 'plans-import':
81
101
  planTypes = [TYPE_FREE, TYPE_PERSONAL, TYPE_PREMIUM, TYPE_BUSINESS];
82
102
  break;
@@ -87,6 +107,41 @@ export const usePlanTypesWithIntent = ({ intent, selectedPlan, siteId, hiddenPla
87
107
  TYPE_ECOMMERCE,
88
108
  ];
89
109
  break;
110
+ case 'plans-upgrade': {
111
+ // Show current plan plus all higher-tier plans (upgrade options only)
112
+ const upgradePlanTypes = [
113
+ TYPE_FREE,
114
+ TYPE_PERSONAL,
115
+ TYPE_PREMIUM,
116
+ TYPE_BUSINESS,
117
+ TYPE_ECOMMERCE,
118
+ ];
119
+ if (isEnterpriseAvailable) {
120
+ upgradePlanTypes.push(TYPE_ENTERPRISE_GRID_WPCOM);
121
+ }
122
+ // Find the index of the current plan in the hierarchy
123
+ const currentPlanIndex = currentSitePlanType
124
+ ? upgradePlanTypes.findIndex((planType) => planType === currentSitePlanType)
125
+ : -1;
126
+ if (currentPlanIndex >= 0) {
127
+ // Show current plan and all plans after it (higher tiers)
128
+ planTypes = upgradePlanTypes.slice(currentPlanIndex);
129
+ }
130
+ else {
131
+ // If current plan not found or no current plan, show all plans
132
+ planTypes = upgradePlanTypes;
133
+ }
134
+ break;
135
+ }
136
+ case 'plans-upgrade-or-downgrade': {
137
+ // Show all plans — used when the current plan is expired and the user
138
+ // may want to downgrade as well as upgrade.
139
+ planTypes = [TYPE_FREE, TYPE_PERSONAL, TYPE_PREMIUM, TYPE_BUSINESS, TYPE_ECOMMERCE];
140
+ if (isEnterpriseAvailable) {
141
+ planTypes.push(TYPE_ENTERPRISE_GRID_WPCOM);
142
+ }
143
+ break;
144
+ }
90
145
  case 'plans-jetpack-app':
91
146
  planTypes = [TYPE_PERSONAL, TYPE_PREMIUM, TYPE_BUSINESS, TYPE_ECOMMERCE];
92
147
  break;
@@ -119,9 +174,35 @@ export const usePlanTypesWithIntent = ({ intent, selectedPlan, siteId, hiddenPla
119
174
  planTypes = [TYPE_PREMIUM, TYPE_BUSINESS];
120
175
  break;
121
176
  case 'plans-affiliate':
177
+ planTypes = [TYPE_BUSINESS, TYPE_ECOMMERCE];
178
+ break;
122
179
  case 'plans-site-selected-legacy':
123
180
  planTypes = [TYPE_FREE, TYPE_PERSONAL, TYPE_PREMIUM, TYPE_BUSINESS, TYPE_ECOMMERCE];
124
181
  break;
182
+ case 'plans-playground':
183
+ planTypes = [TYPE_BUSINESS, TYPE_ECOMMERCE];
184
+ break;
185
+ case 'plans-playground-premium':
186
+ // This plan intent is currently not utilized but will be soon
187
+ planTypes = [TYPE_PREMIUM, TYPE_BUSINESS, TYPE_ECOMMERCE];
188
+ break;
189
+ case 'plans-wordpress-hosting':
190
+ planTypes = [TYPE_BUSINESS, TYPE_ECOMMERCE, TYPE_ENTERPRISE_GRID_WPCOM];
191
+ break;
192
+ case 'plans-website-builder':
193
+ planTypes = [TYPE_FREE, TYPE_PERSONAL, TYPE_PREMIUM, TYPE_BUSINESS];
194
+ break;
195
+ case 'plans-woo-hosted':
196
+ planTypes = [TYPE_WOO_HOSTED_BASIC, TYPE_WOO_HOSTED_PRO];
197
+ break;
198
+ // Used by the woo-hosting-solutions-flow ref: only show plans that support
199
+ // post-checkout WooCommerce auto-install.
200
+ case 'plans-woo-hosting-solutions':
201
+ planTypes = [TYPE_PERSONAL, TYPE_PREMIUM, TYPE_BUSINESS, TYPE_ECOMMERCE];
202
+ break;
203
+ case 'plans-migration':
204
+ planTypes = [TYPE_PERSONAL, TYPE_PREMIUM, TYPE_BUSINESS, TYPE_ECOMMERCE];
205
+ break;
125
206
  default:
126
207
  planTypes = availablePlanTypes;
127
208
  }
@@ -134,7 +215,8 @@ export const usePlanTypesWithIntent = ({ intent, selectedPlan, siteId, hiddenPla
134
215
  return planTypes;
135
216
  };
136
217
  // TODO clk: move to plans data store
137
- const useGridPlans = ({ useCheckPlanAvailabilityForPurchase, useFreeTrialPlanSlugs, term = TERM_MONTHLY, intent, selectedPlan, hiddenPlans, isInSignup, eligibleForFreeHostingTrial, isSubdomainNotGenerated, coupon, siteId, isDisplayingPlansNeededForFeature, highlightLabelOverrides, isDomainOnlySite, reflectStorageSelectionInPlanPrices, }) => {
218
+ const useGridPlans = ({ useCheckPlanAvailabilityForPurchase, useFreeTrialPlanSlugs, term = TERM_MONTHLY, intent, selectedPlan, selectedFeature, hiddenPlans, isInSignup, eligibleForFreeHostingTrial, isSubdomainNotGenerated, coupon, siteId, isDisplayingPlansNeededForFeature, highlightLabelOverrides, isDomainOnlySite, reflectStorageSelectionInPlanPrices, useFocusedNewCopyTaglines, showBillingDescriptionForIncreasedRenewalPrice, }) => {
219
+ const translate = useTranslate();
138
220
  const freeTrialPlanSlugs = useFreeTrialPlanSlugs?.({
139
221
  intent: intent ?? 'default',
140
222
  eligibleForFreeHostingTrial,
@@ -177,6 +259,10 @@ const useGridPlans = ({ useCheckPlanAvailabilityForPurchase, useFreeTrialPlanSlu
177
259
  highlightLabelOverrides,
178
260
  isDomainOnlySite: isDomainOnlySite || false,
179
261
  });
262
+ const titleBadges = useTitleBadges({
263
+ intent,
264
+ planSlugs: planSlugsForIntent,
265
+ });
180
266
  // TODO: pricedAPIPlans to be queried from data-store package
181
267
  const pricedAPIPlans = Plans.usePlans({ coupon });
182
268
  const pricingMeta = Plans.usePricingMetaForGridPlans({
@@ -185,6 +271,7 @@ const useGridPlans = ({ useCheckPlanAvailabilityForPurchase, useFreeTrialPlanSlu
185
271
  siteId,
186
272
  useCheckPlanAvailabilityForPurchase,
187
273
  reflectStorageSelectionInPlanPrices,
274
+ showBillingDescriptionForIncreasedRenewalPrice,
188
275
  });
189
276
  // Null return would indicate that we are still loading the data. No grid without grid plans.
190
277
  if (!pricingMeta || pricedAPIPlans.isLoading) {
@@ -208,11 +295,75 @@ const useGridPlans = ({ useCheckPlanAvailabilityForPurchase, useFreeTrialPlanSlu
208
295
  else if ('plans-blog-onboarding' === intent) {
209
296
  tagline = planConstantObj.getBlogOnboardingTagLine?.() ?? '';
210
297
  }
298
+ else if ('plans-woo-hosting-solutions' === intent) {
299
+ if (isPersonalPlan(planSlug)) {
300
+ tagline = translate('Try out a store idea with low commitment. Custom domain and basic tools.');
301
+ }
302
+ else if (isPremiumPlan(planSlug)) {
303
+ tagline = translate('A solid foundation for new stores. More design options and faster support when you need help.');
304
+ }
305
+ else if (isBusinessPlan(planSlug)) {
306
+ tagline = translate('Built for real stores. 24/7 priority support, advanced features, and the performance your customers expect.');
307
+ }
308
+ else if (isEcommercePlan(planSlug)) {
309
+ tagline = translate('For serious stores. Priority support, advanced extensions, and premium store themes.');
310
+ }
311
+ else {
312
+ tagline = planConstantObj.getPlanTagline?.() ?? '';
313
+ }
314
+ }
211
315
  else {
212
316
  tagline = planConstantObj.getPlanTagline?.() ?? '';
213
317
  }
214
- const productNameShort = isWpcomEnterpriseGridPlan(planSlug) && planConstantObj.getPathSlug
215
- ? planConstantObj.getPathSlug()
318
+ if (useFocusedNewCopyTaglines) {
319
+ const existingTagline = tagline;
320
+ if (isFreePlan(planSlug)) {
321
+ tagline =
322
+ i18n.getLocaleSlug()?.startsWith('en') ||
323
+ i18n.hasTranslation('Start your WordPress journey.')
324
+ ? translate('Start your WordPress journey.')
325
+ : existingTagline;
326
+ }
327
+ else if (isPersonalPlan(planSlug)) {
328
+ tagline =
329
+ i18n.getLocaleSlug()?.startsWith('en') ||
330
+ i18n.hasTranslation('Build your presence with a site you can customize.')
331
+ ? translate('Build your presence with a site you can customize.')
332
+ : existingTagline;
333
+ }
334
+ else if (isPremiumPlan(planSlug)) {
335
+ tagline =
336
+ i18n.getLocaleSlug()?.startsWith('en') ||
337
+ i18n.hasTranslation('Accept payments on your site and reach more people.')
338
+ ? translate('Accept payments on your site and reach more people.')
339
+ : existingTagline;
340
+ }
341
+ else if (isBusinessPlan(planSlug)) {
342
+ tagline =
343
+ i18n.getLocaleSlug()?.startsWith('en') ||
344
+ i18n.hasTranslation('Grow your business with powerful tools and priority support.')
345
+ ? translate('Grow your business with powerful tools and priority support.')
346
+ : existingTagline;
347
+ }
348
+ else if (isEcommercePlan(planSlug)) {
349
+ tagline =
350
+ i18n.getLocaleSlug()?.startsWith('en') ||
351
+ i18n.hasTranslation('Run an online store and keep more of what you earn.')
352
+ ? translate('Run an online store and keep more of what you earn.')
353
+ : existingTagline;
354
+ }
355
+ else if (isWpcomEnterpriseGridPlan(planSlug)) {
356
+ tagline =
357
+ i18n.getLocaleSlug()?.startsWith('en') ||
358
+ i18n.hasTranslation('Publish securely at enterprise scale.')
359
+ ? translate('Publish securely at enterprise scale.')
360
+ : existingTagline;
361
+ }
362
+ }
363
+ // The enterprise plan isn't returned by the plans endpoint, so it has no
364
+ // server-provided product name; fall back to its fixed path slug.
365
+ const productNameShort = isWpcomEnterpriseGridPlan(planSlug)
366
+ ? 'enterprise'
216
367
  : planObject?.productNameShort ?? null;
217
368
  // cartItemForPlan done in line here as it's a small piece of logic to pass another selector for
218
369
  const cartItemForPlan = isWpComFreePlan(planSlug) || isWpcomEnterpriseGridPlan(planSlug)
@@ -221,9 +372,11 @@ const useGridPlans = ({ useCheckPlanAvailabilityForPurchase, useFreeTrialPlanSlu
221
372
  product_slug: planSlug,
222
373
  };
223
374
  const isVisible = isGridPlanVisible({
224
- planSlug,
375
+ gridPlanSlug: planSlug,
225
376
  planSlugsForIntent,
226
377
  selectedPlan,
378
+ selectedFeature,
379
+ currentPlanSlug: sitePlanSlug,
227
380
  hiddenPlans,
228
381
  isDisplayingPlansNeededForFeature,
229
382
  });
@@ -241,6 +394,7 @@ const useGridPlans = ({ useCheckPlanAvailabilityForPurchase, useFreeTrialPlanSlu
241
394
  isMonthlyPlan,
242
395
  cartItemForPlan,
243
396
  highlightLabel: highlightLabels[planSlug],
397
+ titleBadge: titleBadges[planSlug],
244
398
  pricing: pricingMeta[planSlug],
245
399
  };
246
400
  });
@@ -1 +1 @@
1
- {"version":3,"file":"use-grid-plans.js","sourceRoot":"","sources":["../../../../src/hooks/data-store/use-grid-plans.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"use-grid-plans.js","sourceRoot":"","sources":["../../../../src/hooks/data-store/use-grid-plans.tsx"],"names":[],"mappings":"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"}
@@ -1,10 +1,11 @@
1
- import { isBusinessPlan, isPremiumPlan, isPersonalPlan, planLevelsMatch, } from '@automattic/calypso-products';
1
+ import { isBusinessPlan, isEcommercePlan, isPremiumPlan, isPersonalPlan, planLevelsMatch, } from '@automattic/calypso-products';
2
2
  import { useTranslate } from 'i18n-calypso';
3
3
  import { isSamePlan } from '../../lib/is-same-plan';
4
4
  import { isPopularPlan } from './is-popular-plan';
5
5
  // TODO clk: move to plans data store
6
6
  const useHighlightLabels = ({ intent, planSlugs, currentSitePlanSlug, selectedPlan, plansAvailabilityForPurchase, highlightLabelOverrides, isDomainOnlySite, }) => {
7
7
  const translate = useTranslate();
8
+ const isVisualSplitIntent = intent === 'plans-wordpress-hosting' || intent === 'plans-website-builder';
8
9
  return planSlugs.reduce((acc, planSlug) => {
9
10
  if (highlightLabelOverrides?.[planSlug]) {
10
11
  return {
@@ -42,12 +43,20 @@ const useHighlightLabels = ({ intent, planSlugs, currentSitePlanSlug, selectedPl
42
43
  label = translate('Best for Blog');
43
44
  }
44
45
  }
45
- else if (isBusinessPlan(planSlug) && !selectedPlan) {
46
- label = translate('Best for devs');
47
- }
48
- else if (isPopularPlan(planSlug) && !selectedPlan) {
46
+ else if ('plans-affiliate' === intent && isBusinessPlan(planSlug)) {
49
47
  label = translate('Popular');
50
48
  }
49
+ else if ('plans-woo-hosting-solutions' === intent) {
50
+ if (isEcommercePlan(planSlug)) {
51
+ label = translate('Best value');
52
+ }
53
+ }
54
+ else if (isBusinessPlan(planSlug) && !selectedPlan && !isVisualSplitIntent) {
55
+ label = translate('Best value');
56
+ }
57
+ else if (isPopularPlan(planSlug) && !selectedPlan && !isVisualSplitIntent) {
58
+ label = translate('Most popular');
59
+ }
51
60
  return {
52
61
  ...acc,
53
62
  [planSlug]: label ?? null,
@@ -1 +1 @@
1
- {"version":3,"file":"use-highlight-labels.js","sourceRoot":"","sources":["../../../../src/hooks/data-store/use-highlight-labels.ts"],"names":[],"mappings":"AAAA,OAAO,EACN,cAAc,EACd,aAAa,EACb,cAAc,EACd,eAAe,GAEf,MAAM,8BAA8B,CAAC;AACtC,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAC5C,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AACpD,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAgBlD,qCAAqC;AACrC,MAAM,kBAAkB,GAAG,CAAE,EAC5B,MAAM,EACN,SAAS,EACT,mBAAmB,EACnB,YAAY,EACZ,4BAA4B,EAC5B,uBAAuB,EACvB,gBAAgB,GACT,EAAG,EAAE;IACZ,MAAM,SAAS,GAAG,YAAY,EAAE,CAAC;IAEjC,OAAO,SAAS,CAAC,MAAM,CACtB,CAAE,GAAG,EAAE,QAAQ,EAAG,EAAE;QACnB,IAAK,uBAAuB,EAAE,CAAE,QAAQ,CAAE,EAAG,CAAC;YAC7C,OAAO;gBACN,GAAG,GAAG;gBACN,CAAE,QAAQ,CAAE,EAAE,uBAAuB,CAAE,QAAQ,CAAE;aACjD,CAAC;QACH,CAAC;QAED,MAAM,aAAa,GAAG,mBAAmB;YACxC,CAAC,CAAC,UAAU,CAAE,mBAAmB,EAAE,QAAQ,CAAE,IAAI,CAAE,gBAAgB;YACnE,CAAC,CAAC,KAAK,CAAC;QACT,MAAM,0BAA0B,GAAG,4BAA4B,EAAE,CAAE,QAAQ,CAAE,CAAC;QAC9E,MAAM,eAAe,GACpB,YAAY,IAAI,eAAe,CAAE,QAAQ,EAAE,YAAY,CAAE,IAAI,0BAA0B,CAAC;QAEzF,IAAI,KAAK,CAAC;QACV,IAAK,aAAa,EAAG,CAAC;YACrB,KAAK,GAAG,SAAS,CAAE,WAAW,CAAE,CAAC;QAClC,CAAC;aAAM,IAAK,CAAE,0BAA0B,EAAG,CAAC;YAC3C,KAAK,GAAG,IAAI,CAAC;QACd,CAAC;aAAM,IAAK,eAAe,EAAG,CAAC;YAC9B,KAAK,GAAG,SAAS,CAAE,WAAW,CAAE,CAAC;QAClC,CAAC;aAAM,IAAK,kBAAkB,KAAK,MAAM,EAAG,CAAC;YAC5C,IAAK,cAAc,CAAE,QAAQ,CAAE,EAAG,CAAC;gBAClC,KAAK,GAAG,SAAS,CAAE,qBAAqB,CAAE,CAAC;YAC5C,CAAC;QACF,CAAC;aAAM,IAAK,kBAAkB,KAAK,MAAM,EAAG,CAAC;YAC5C,IAAK,cAAc,CAAE,QAAQ,CAAE,EAAG,CAAC;gBAClC,KAAK,GAAG,SAAS,CAAE,gBAAgB,CAAE,CAAC;YACvC,CAAC;QACF,CAAC;aAAM,IAAK,uBAAuB,KAAK,MAAM,EAAG,CAAC;YACjD,IAAK,aAAa,CAAE,QAAQ,CAAE,EAAG,CAAC;gBACjC,KAAK,GAAG,SAAS,CAAE,eAAe,CAAE,CAAC;YACtC,CAAC;QACF,CAAC;aAAM,IAAK,cAAc,CAAE,QAAQ,CAAE,IAAI,CAAE,YAAY,EAAG,CAAC;YAC3D,KAAK,GAAG,SAAS,CAAE,eAAe,CAAE,CAAC;QACtC,CAAC;aAAM,IAAK,aAAa,CAAE,QAAQ,CAAE,IAAI,CAAE,YAAY,EAAG,CAAC;YAC1D,KAAK,GAAG,SAAS,CAAE,SAAS,CAAE,CAAC;QAChC,CAAC;QAED,OAAO;YACN,GAAG,GAAG;YACN,CAAE,QAAQ,CAAE,EAAE,KAAK,IAAI,IAAI;SAC3B,CAAC;IACH,CAAC,EACD,EAAgD,CAChD,CAAC;AACH,CAAC,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
1
+ {"version":3,"file":"use-highlight-labels.js","sourceRoot":"","sources":["../../../../src/hooks/data-store/use-highlight-labels.ts"],"names":[],"mappings":"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"}
@@ -1,12 +1,15 @@
1
1
  import { jsx as _jsx } from "react/jsx-runtime";
2
2
  import { isWpComFreePlan, isWpcomEnterpriseGridPlan, PLAN_BIENNIAL_PERIOD, PLAN_ANNUAL_PERIOD, PLAN_TRIENNIAL_PERIOD, getPlanSlugForTermVariant, TERM_ANNUALLY, PLAN_HOSTING_TRIAL_MONTHLY, } from '@automattic/calypso-products';
3
3
  import { Plans } from '@automattic/data-stores';
4
- import { useTranslate, formatCurrency } from 'i18n-calypso';
4
+ import { formatCurrency } from '@automattic/number-formatters';
5
+ import { useTranslate } from 'i18n-calypso';
5
6
  import { usePlansGridContext } from '../../grid-context';
7
+ import { calculateDiscountPercentage } from '../../lib/plan-pricing-utils';
8
+ import { getRenewalPricingText } from './get-renewal-pricing-text';
6
9
  export default function usePlanBillingDescription({ siteId, planSlug, pricing, isMonthlyPlan, coupon, useCheckPlanAvailabilityForPurchase, }) {
7
10
  const translate = useTranslate();
8
11
  const { currencyCode, originalPrice, discountedPrice, billingPeriod, introOffer } = pricing || {};
9
- const { reflectStorageSelectionInPlanPrices } = usePlansGridContext();
12
+ const { reflectStorageSelectionInPlanPrices, showSimplifiedBillingDescription, showBillingDescriptionForIncreasedRenewalPrice, enableCategorisedFeatures, } = usePlansGridContext();
10
13
  const yearlyVariantPlanSlug = getPlanSlugForTermVariant(planSlug, TERM_ANNUALLY);
11
14
  const yearlyVariantPricing = Plans.usePricingMetaForGridPlans({
12
15
  planSlugs: yearlyVariantPlanSlug ? [yearlyVariantPlanSlug] : [],
@@ -27,16 +30,25 @@ export default function usePlanBillingDescription({ siteId, planSlug, pricing, i
27
30
  originalPrice?.monthly &&
28
31
  yearlyVariantPricing &&
29
32
  (!introOffer || introOffer.isOfferComplete)) {
30
- const yearlyVariantMaybeDiscountedPrice = Number.isFinite(yearlyVariantPricing.discountedPrice?.monthly)
33
+ // For renewal pricing experiment in FeaturesGrid, show "per month" and move savings text to post-button area
34
+ // For ComparisonGrid, keep the original savings text above the button
35
+ if (showBillingDescriptionForIncreasedRenewalPrice && enableCategorisedFeatures) {
36
+ return translate('per month');
37
+ }
38
+ let yearlyVariantMaybeDiscountedPrice = Number.isFinite(yearlyVariantPricing.discountedPrice?.monthly)
31
39
  ? yearlyVariantPricing.discountedPrice?.monthly
32
40
  : yearlyVariantPricing.originalPrice?.monthly;
33
- if (yearlyVariantMaybeDiscountedPrice &&
34
- yearlyVariantMaybeDiscountedPrice < originalPrice.monthly) {
41
+ if (showBillingDescriptionForIncreasedRenewalPrice) {
42
+ yearlyVariantMaybeDiscountedPrice = Number.isFinite(yearlyVariantPricing.discountedPrice?.monthly)
43
+ ? yearlyVariantPricing.discountedPrice?.monthly
44
+ : yearlyVariantPricing.introOffer?.rawPrice?.monthly ?? null;
45
+ }
46
+ const discountRate = yearlyVariantMaybeDiscountedPrice != null
47
+ ? calculateDiscountPercentage(originalPrice.monthly, yearlyVariantMaybeDiscountedPrice)
48
+ : undefined;
49
+ if (discountRate !== undefined) {
35
50
  return translate('Save %(discountRate)s%% by paying annually', {
36
- args: {
37
- discountRate: Math.floor((100 * (originalPrice.monthly - yearlyVariantMaybeDiscountedPrice)) /
38
- originalPrice.monthly),
39
- },
51
+ args: { discountRate },
40
52
  });
41
53
  }
42
54
  return null;
@@ -58,7 +70,10 @@ export default function usePlanBillingDescription({ siteId, planSlug, pricing, i
58
70
  * 1. We only expose introOffers to monthly & yearly plans for now (so no need to introduce more translations just yet)
59
71
  * 2. We only expose month & year based intervals for now (so no need to introduce more translations just yet)
60
72
  */
61
- if (introOffer?.intervalCount && introOffer.intervalUnit && !introOffer.isOfferComplete) {
73
+ if (introOffer?.intervalCount &&
74
+ introOffer.intervalUnit &&
75
+ !introOffer.isOfferComplete &&
76
+ !showBillingDescriptionForIncreasedRenewalPrice) {
62
77
  const discountedPriceFull = typeof discountedPrice?.full === 'number' ? discountedPrice.full : introOffer?.rawPrice?.full;
63
78
  const introOfferFullTermText = currencyCode && typeof discountedPriceFull === 'number'
64
79
  ? formatCurrency(discountedPriceFull, currencyCode, {
@@ -168,7 +183,16 @@ export default function usePlanBillingDescription({ siteId, planSlug, pricing, i
168
183
  */
169
184
  return null;
170
185
  }
171
- if (discountedPriceFullTermText) {
186
+ // For renewal pricing experiment with intro pricing
187
+ if (showBillingDescriptionForIncreasedRenewalPrice && discountedPriceFullTermText) {
188
+ // In FeaturesGrid, show "per month" above button
189
+ if (enableCategorisedFeatures) {
190
+ return translate('per month');
191
+ }
192
+ // In ComparisonGrid, continue to renewal pricing section below (don't return here)
193
+ }
194
+ else if (discountedPriceFullTermText) {
195
+ // Show intro pricing for non-experiment users
172
196
  if (PLAN_ANNUAL_PERIOD === billingPeriod) {
173
197
  return translate('per month, %(fullTermDiscountedPriceText)s for the first year, excl. taxes', {
174
198
  args: { fullTermDiscountedPriceText: discountedPriceFullTermText },
@@ -188,6 +212,37 @@ export default function usePlanBillingDescription({ siteId, planSlug, pricing, i
188
212
  });
189
213
  }
190
214
  }
215
+ if (showBillingDescriptionForIncreasedRenewalPrice) {
216
+ // For renewal pricing experiment, show variation-specific text
217
+ // In FeaturesGrid (enableCategorisedFeatures), show "per month" and move renewal text below CTA
218
+ // In ComparisonGrid, show full renewal text above CTA
219
+ if (enableCategorisedFeatures) {
220
+ return translate('per month');
221
+ }
222
+ return getRenewalPricingText({
223
+ pricing,
224
+ showBillingDescriptionForIncreasedRenewalPrice,
225
+ translate,
226
+ });
227
+ }
228
+ else if (showSimplifiedBillingDescription) {
229
+ // Use simplified billing description
230
+ if (PLAN_ANNUAL_PERIOD === billingPeriod) {
231
+ return translate('per month, billed every %(months)s months', {
232
+ args: { months: 12 },
233
+ });
234
+ }
235
+ if (PLAN_BIENNIAL_PERIOD === billingPeriod) {
236
+ return translate('per month, billed every %(months)s months', {
237
+ args: { months: 24 },
238
+ });
239
+ }
240
+ if (PLAN_TRIENNIAL_PERIOD === billingPeriod) {
241
+ return translate('per month, billed every %(months)s months', {
242
+ args: { months: 36 },
243
+ });
244
+ }
245
+ }
191
246
  else if (originalPriceFullTermText) {
192
247
  if (PLAN_ANNUAL_PERIOD === billingPeriod) {
193
248
  return translate('per month, %(rawPrice)s billed annually, excl. taxes', {