@automattic/plans-grid-next 1.0.1 → 1.0.3

package/dist/cjs/components/item.js

@@ -3,6 +3,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.PlanFeaturesItem = PlanFeaturesItem;
 const jsx_runtime_1 = require("react/jsx-runtime");
 function PlanFeaturesItem(props) {
-    return ((0, jsx_runtime_1.jsx)("div", { className: "plan-features-2023-grid__item plan-features-2023-grid__item-available", children: (0, jsx_runtime_1.jsx)("div", { className: "plan-features-2023-grid__item-info-container", children: props.children }) }));
+    return ((0, jsx_runtime_1.jsx)("div", { className: "plan-features-2023-grid__item plan-features-2023-grid__item-available", style: props.style, children: (0, jsx_runtime_1.jsx)("div", { className: "plan-features-2023-grid__item-info-container", children: props.children }) }));
 }
 //# sourceMappingURL=item.js.map

package/dist/cjs/components/item.js.map

@@ -1 +1 @@
-{"version":3,"file":"item.js","sourceRoot":"","sources":["../../../src/components/item.tsx"],"names":[],"mappings":";;AAEA,4CAMC;;AAND,SAAgB,gBAAgB,CAAE,KAA+B;IAChE,OAAO,CACN,gCAAK,SAAS,EAAC,uEAAuE,YACrF,gCAAK,SAAS,EAAC,8CAA8C,YAAG,KAAK,CAAC,QAAQ,GAAQ,GACjF,CACN,CAAC;AACH,CAAC"}
+{"version":3,"file":"item.js","sourceRoot":"","sources":["../../../src/components/item.tsx"],"names":[],"mappings":";;AAEA,4CASC;;AATD,SAAgB,gBAAgB,CAAE,KAAsD;IACvF,OAAO,CACN,gCACC,SAAS,EAAC,uEAAuE,EACjF,KAAK,EAAG,KAAK,CAAC,KAAK,YAEnB,gCAAK,SAAS,EAAC,8CAA8C,YAAG,KAAK,CAAC,QAAQ,GAAQ,GACjF,CACN,CAAC;AACH,CAAC"}

package/dist/cjs/components/plan-button/index.js

@@ -9,13 +9,15 @@ require("./style.scss");
 // TODO:
 // The prop should simply be declared by extending the
 // props of Button, instead of listing everything needed like this.
-const PlanButton = ({ planSlug, children, classes, href, onClick = () => { }, busy = false, borderless = false, current = false, disabled = false, isStuck = false, isLargeCurrency = false, }) => {
+const PlanButton = ({ planSlug, children, classes, href, onClick = () => { }, busy = false, borderless = false, current = false, disabled = false, isStuck = false, isLargeCurrency = false, ariaLabel, }) => {
     const className = (0, clsx_1.default)(classes, 'plan-features-2023-grid__actions-button', planSlug ? (0, calypso_products_1.getPlanClass)(planSlug) : 'is-default', {
         'is-current-plan': current,
         'is-stuck': isStuck,
         'is-large-currency': isLargeCurrency,
-    });
-    return ((0, jsx_runtime_1.jsx)(components_1.Button, { className: className, onClick: onClick, busy: busy, borderless: borderless, disabled: disabled, href: href, children: children }));
+    }, disabled && 'disabled');
+    return ((0, jsx_runtime_1.jsx)(components_1.Button, { className: className, onClick: onClick, busy: busy, borderless: borderless, disabled: disabled, href: href, "aria-label": ariaLabel, 
+        // eslint-disable-next-line jsx-a11y/tabindex-no-positive
+        tabIndex: 2, children: children }));
 };
 exports.default = PlanButton;
 //# sourceMappingURL=index.js.map

package/dist/cjs/components/plan-button/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/plan-button/index.tsx"],"names":[],"mappings":";;;;AAAA,mEAA2E;AAC3E,uDAAgD;AAChD,wDAAwB;AACxB,wBAAsB;AAEtB,QAAQ;AACR,sDAAsD;AACtD,mEAAmE;AACnE,MAAM,UAAU,GAAG,CAAE,EACpB,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,IAAI,EACJ,OAAO,GAAG,GAAG,EAAE,GAAE,CAAC,EAClB,IAAI,GAAG,KAAK,EACZ,UAAU,GAAG,KAAK,EAClB,OAAO,GAAG,KAAK,EACf,QAAQ,GAAG,KAAK,EAChB,OAAO,GAAG,KAAK,EACf,eAAe,GAAG,KAAK,GAavB,EAAG,EAAE;IACL,MAAM,SAAS,GAAG,IAAA,cAAI,EACrB,OAAO,EACP,yCAAyC,EACzC,QAAQ,CAAC,CAAC,CAAC,IAAA,+BAAY,EAAE,QAAQ,CAAE,CAAC,CAAC,CAAC,YAAY,EAClD;QACC,iBAAiB,EAAE,OAAO;QAC1B,UAAU,EAAE,OAAO;QACnB,mBAAmB,EAAE,eAAe;KACpC,CACD,CAAC;IAEF,OAAO,CACN,uBAAC,mBAAM,IACN,SAAS,EAAG,SAAS,EACrB,OAAO,EAAG,OAAO,EACjB,IAAI,EAAG,IAAI,EACX,UAAU,EAAG,UAAU,EACvB,QAAQ,EAAG,QAAQ,EACnB,IAAI,EAAG,IAAI,YAET,QAAQ,GACF,CACT,CAAC;AACH,CAAC,CAAC;AAEF,kBAAe,UAAU,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/plan-button/index.tsx"],"names":[],"mappings":";;;;AAAA,mEAA2E;AAC3E,uDAAgD;AAChD,wDAAwB;AACxB,wBAAsB;AAEtB,QAAQ;AACR,sDAAsD;AACtD,mEAAmE;AACnE,MAAM,UAAU,GAAG,CAAE,EACpB,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,IAAI,EACJ,OAAO,GAAG,GAAG,EAAE,GAAE,CAAC,EAClB,IAAI,GAAG,KAAK,EACZ,UAAU,GAAG,KAAK,EAClB,OAAO,GAAG,KAAK,EACf,QAAQ,GAAG,KAAK,EAChB,OAAO,GAAG,KAAK,EACf,eAAe,GAAG,KAAK,EACvB,SAAS,GAcT,EAAG,EAAE;IACL,MAAM,SAAS,GAAG,IAAA,cAAI,EACrB,OAAO,EACP,yCAAyC,EACzC,QAAQ,CAAC,CAAC,CAAC,IAAA,+BAAY,EAAE,QAAQ,CAAE,CAAC,CAAC,CAAC,YAAY,EAClD;QACC,iBAAiB,EAAE,OAAO;QAC1B,UAAU,EAAE,OAAO;QACnB,mBAAmB,EAAE,eAAe;KACpC,EACD,QAAQ,IAAI,UAAU,CACtB,CAAC;IAEF,OAAO,CACN,uBAAC,mBAAM,IACN,SAAS,EAAG,SAAS,EACrB,OAAO,EAAG,OAAO,EACjB,IAAI,EAAG,IAAI,EACX,UAAU,EAAG,UAAU,EACvB,QAAQ,EAAG,QAAQ,EACnB,IAAI,EAAG,IAAI,gBACE,SAAS;QACtB,yDAAyD;QACzD,QAAQ,EAAG,CAAC,YAEV,QAAQ,GACF,CACT,CAAC;AACH,CAAC,CAAC;AAEF,kBAAe,UAAU,CAAC"}

package/dist/cjs/components/plan-button/style.scss

@@ -1,93 +1,106 @@
-@import "@automattic/onboarding/styles/mixins";
+@import '@automattic/onboarding/styles/mixins';
 
 .button.plan-features-2023-grid__actions-button {
 	line-height: 20px;
-	border-radius: 4px;
+	border-radius: 2px;
 	padding: 10px 12px;
 	border: unset;
 	text-align: center;
 	text-wrap: balance;
 	width: 100%;
-	color: var(--color-text-inverted);
+	color: var( --color-text-inverted );
 
 	&:hover {
-		color: var(--color-text-inverted);
+		color: var( --color-text-inverted );
 	}
 
-	&.is-free-plan {
-		background-color: var(--studio-wordpress-blue-50);
+	&.is-free-plan,
+	&.is-woo-hosted-basic-plan,
+	&.is-woo-hosted-pro-plan {
+		background-color: var( --studio-wordpress-blue-50 );
 
 		&:focus {
-			box-shadow: 0 0 0 2px var(--studio-white), 0 0 0 4px var(--studio-wordpress-blue-50);
+			box-shadow:
+				0 0 0 2px var( --studio-white ),
+				0 0 0 4px var( --studio-wordpress-blue-50 );
 		}
 
 		&:hover {
-			background-color: var(--studio-wordpress-blue-60);
+			background-color: var( --studio-wordpress-blue-60 );
 		}
-
 	}
 
 	&.is-personal-plan {
-		background-color: var(--studio-wordpress-blue-60);
+		background-color: var( --studio-wordpress-blue-60 );
 
 		&:focus {
-			box-shadow: 0 0 0 2px var(--studio-white), 0 0 0 4px var(--studio-wordpress-blue-60);
+			box-shadow:
+				0 0 0 2px var( --studio-white ),
+				0 0 0 4px var( --studio-wordpress-blue-60 );
 		}
 
 		&:hover {
-			background-color: var(--studio-wordpress-blue-70);
+			background-color: var( --studio-wordpress-blue-70 );
 		}
 	}
 
 	&.is-premium-plan {
-		background-color: var(--studio-wordpress-blue-70);
+		background-color: var( --studio-wordpress-blue-70 );
 
 		&:focus {
-			box-shadow: 0 0 0 2px var(--studio-white), 0 0 0 4px var(--studio-wordpress-blue-70);
+			box-shadow:
+				0 0 0 2px var( --studio-white ),
+				0 0 0 4px var( --studio-wordpress-blue-70 );
 		}
 
 		&:hover {
-			background-color: var(--studio-wordpress-blue-80);
+			background-color: var( --studio-wordpress-blue-80 );
 		}
 	}
 
 	&.is-business-plan {
-		background-color: var(--studio-woocommerce-purple-60);
+		background-color: var( --studio-woocommerce-purple-60 );
 
 		&:focus {
-			box-shadow: 0 0 0 2px var(--studio-white), 0 0 0 4px var(--studio-woocommerce-purple-60);
+			box-shadow:
+				0 0 0 2px var( --studio-white ),
+				0 0 0 4px var( --studio-woocommerce-purple-60 );
 		}
 
 		&:hover {
-			background-color: var(--studio-woocommerce-purple-70);
+			background-color: var( --studio-woocommerce-purple-70 );
 		}
 
 		+ .button.is-borderless {
 			background: transparent;
 			font-size: $font-body-small;
-			color: var(--studio-woocommerce-purple-60);
+			color: var( --studio-woocommerce-purple-60 );
 			text-decoration: none;
 
 			&:focus {
-				box-shadow: 0 0 0 2px var(--studio-white), 0 0 0 4px var(--studio-woocommerce-purple-60);
+				box-shadow:
+					0 0 0 2px var( --studio-white ),
+					0 0 0 4px var( --studio-woocommerce-purple-60 );
 			}
 		}
 	}
 
 	&.is-wooexpress-medium-plan {
-		background-color: var(--color-accent);
-		color: var(--color-text-inverted);
+		background-color: var( --color-accent );
+		color: var( --color-text-inverted );
 		font-weight: 400;
 
 		&:focus {
-			box-shadow: 0 0 0 2px var(--color-surface), 0 0 0 4px var(--color-accent);
+			box-shadow:
+				0 0 0 2px var( --color-surface ),
+				0 0 0 4px var( --color-accent );
 		}
 	}
 
 	&.is-wooexpress-small-plan {
-		background-color: var(--color-surface);
-		color: var(--color-accent);
-		border: 1px solid var(--color-accent);
+		background-color: var( --color-surface );
+		color: var( --color-accent );
+		border: 1px solid var( --color-accent );
 		font-weight: 400;
 	}
 
@@ -95,42 +108,48 @@
 		display: inline-block;
 		width: 85%;
 		text-align: center;
-		background-color: var(--color-surface);
-		color: var(--color-accent);
-		border: 1px solid  var(--color-accent);
+		background-color: var( --color-surface );
+		color: var( --color-accent );
+		border: 1px solid var( --color-accent );
 		font-weight: 400;
 	}
 
 	&.is-ecommerce-plan {
-		background-color: var(--studio-woocommerce-purple-40);
+		background-color: var( --studio-woocommerce-purple-40 );
 
 		&:focus {
-			box-shadow: 0 0 0 2px var(--studio-white), 0 0 0 4px var(--studio-woocommerce-purple-40);
+			box-shadow:
+				0 0 0 2px var( --studio-white ),
+				0 0 0 4px var( --studio-woocommerce-purple-40 );
 		}
 
 		&:hover {
-			background-color: var(--studio-woocommerce-purple-50);
+			background-color: var( --studio-woocommerce-purple-50 );
 		}
 	}
 
 	&.is-wpcom-enterprise-grid-plan {
-		background-color: var(--studio-gray-80);
+		background-color: var( --studio-gray-80 );
 
 		&:focus {
-			box-shadow: 0 0 0 2px var(--studio-white), 0 0 0 4px var(--studio-gray-80);
+			box-shadow:
+				0 0 0 2px var( --studio-white ),
+				0 0 0 4px var( --studio-gray-80 );
 		}
 
 		&:hover {
-			background-color: var(--studio-gray-90);
+			background-color: var( --studio-gray-90 );
 		}
 	}
 
 	&.is-p2-plus-plan {
-		background-color: var(--color-accent);
-		color: var(--color-text-inverted);
+		background-color: var( --color-accent );
+		color: var( --color-text-inverted );
 
 		&:focus {
-			box-shadow: 0 0 0 2px var(--color-surface), 0 0 0 4px var(--color-accent);
+			box-shadow:
+				0 0 0 2px var( --color-surface ),
+				0 0 0 4px var( --color-accent );
 		}
 	}
 
@@ -140,25 +159,30 @@
 	&.is-secondary,
 	&.is-current-plan,
 	&.is-default {
-		background-color: var(--studio-white);
-		color: var(--studio-gray-100);
-		box-shadow: inset 0 0 0 1px var(--studio-gray-10);
+		background-color: var( --studio-white );
+		color: var( --studio-gray-100 );
+		box-shadow: inset 0 0 0 1px var( --studio-gray-10 );
 
 		&.is-storage-upgradeable {
-			background-color: var(--color-accent);
-			color: var(--color-text-inverted);
+			background-color: var( --color-accent );
+			color: var( --color-text-inverted );
 		}
 
 		&:hover {
-			box-shadow: inset 0 0 0 1px var(--studio-gray-80);
-			background-color: var(--studio-white);
+			background-color: var( --studio-white );
+			box-shadow: inset 0 0 0 1px var( --studio-gray-80 );
 		}
 	}
 
+	&:hover[disabled] {
+		background: none;
+		box-shadow: inset 0 0 0 1px #e0e0e0;
+	}
+
 	&.disabled,
 	&[disabled] {
-		background-color: var(--studio-white);
-		color: var(--color-neutral-light);
+		background-color: var( --studio-white );
+		color: var( --color-neutral-light );
 		box-shadow: inset 0 0 0 1px #e0e0e0;
 	}
 

package/dist/cjs/components/plan-div-td-container.js

@@ -2,7 +2,10 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
 const PlanDivOrTdContainer = (props) => {
-    const { children, isTableCell, ...otherProps } = props;
+    const { children, isTableCell, isHeader, ...otherProps } = props;
+    if (isHeader) {
+        return (0, jsx_runtime_1.jsx)("th", { ...otherProps, children: children });
+    }
     return isTableCell ? ((0, jsx_runtime_1.jsx)("td", { ...otherProps, children: children })) : ((0, jsx_runtime_1.jsx)("div", { ...otherProps, children: children }));
 };
 exports.default = PlanDivOrTdContainer;

package/dist/cjs/components/plan-div-td-container.js.map

@@ -1 +1 @@
-{"version":3,"file":"plan-div-td-container.js","sourceRoot":"","sources":["../../../src/components/plan-div-td-container.tsx"],"names":[],"mappings":";;;AAAA,MAAM,oBAAoB,GAAG,CAC5B,KAG6C,EAC/B,EAAE;IAChB,MAAM,EAAE,QAAQ,EAAE,WAAW,EAAE,GAAG,UAAU,EAAE,GAAG,KAAK,CAAC;IACvD,OAAO,WAAW,CAAC,CAAC,CAAC,CACpB,kCAAS,UAAU,YAAK,QAAQ,GAAO,CACvC,CAAC,CAAC,CAAC,CACH,mCAAU,UAAU,YAAK,QAAQ,GAAQ,CACzC,CAAC;AACH,CAAC,CAAC;AAEF,kBAAe,oBAAoB,CAAC"}
+{"version":3,"file":"plan-div-td-container.js","sourceRoot":"","sources":["../../../src/components/plan-div-td-container.tsx"],"names":[],"mappings":";;;AACA,MAAM,oBAAoB,GAAG,CAC5B,KAGiE,EACnD,EAAE;IAChB,MAAM,EAAE,QAAQ,EAAE,WAAW,EAAE,QAAQ,EAAE,GAAG,UAAU,EAAE,GAAG,KAAK,CAAC;IACjE,IAAK,QAAQ,EAAG,CAAC;QAChB,OAAO,kCAAS,UAAU,YAAK,QAAQ,GAAO,CAAC;IAChD,CAAC;IACD,OAAO,WAAW,CAAC,CAAC,CAAC,CACpB,kCAAS,UAAU,YAAK,QAAQ,GAAO,CACvC,CAAC,CAAC,CAAC,CACH,mCAAU,UAAU,YAAK,QAAQ,GAAQ,CACzC,CAAC;AACH,CAAC,CAAC;AAEF,kBAAe,oBAAoB,CAAC"}

package/dist/cjs/components/plan-logo.js

@@ -15,8 +15,11 @@ const popular_badge_1 = tslib_1.__importDefault(require("./popular-badge"));
 const PlanLogo = ({ planSlug, isInSignup, renderedGridPlans, isTableCell, planIndex }) => {
     const [activeTooltipId, setActiveTooltipId] = (0, use_manage_tooltip_toggle_1.useManageTooltipToggle)();
     const translate = (0, i18n_calypso_1.useTranslate)();
-    const shouldShowWooLogo = (0, calypso_products_1.isEcommercePlan)(planSlug) && !(0, calypso_products_1.isWooExpressPlan)(planSlug);
-    const { gridPlansIndex } = (0, grid_context_1.usePlansGridContext)();
+    const { gridPlansIndex, intent } = (0, grid_context_1.usePlansGridContext)();
+    const isWooHostingSolutionsIntent = intent === 'plans-woo-hosting-solutions';
+    const shouldShowWooLogo = isWooHostingSolutionsIntent ||
+        ((0, calypso_products_1.isEcommercePlan)(planSlug) && !(0, calypso_products_1.isWooExpressPlan)(planSlug));
+    const shouldShowPopularBadge = !(0, calypso_products_1.isPartnerBundleOnboarding)();
     const { current } = gridPlansIndex[planSlug];
     const highlightAdjacencyMatrix = (0, use_highlight_adjacency_matrix_1.default)({
         renderedGridPlans,
@@ -39,7 +42,7 @@ const PlanLogo = ({ planSlug, isInSignup, renderedGridPlans, isTableCell, planIn
             (0, calypso_products_1.isPersonalPlan)(planSlug) ||
             (0, calypso_products_1.isPremiumPlan)(planSlug)),
     });
-    return ((0, jsx_runtime_1.jsxs)(plan_div_td_container_1.default, { className: tableItemClasses, isTableCell: isTableCell, children: [(0, jsx_runtime_1.jsx)(popular_badge_1.default, { isInSignup: isInSignup, planSlug: planSlug, additionalClassName: popularBadgeClasses }), (0, jsx_runtime_1.jsxs)("header", { className: headerClasses, children: [(0, calypso_products_1.isBusinessPlan)(planSlug) && ((0, jsx_runtime_1.jsx)(plans_2023_tooltip_1.Plans2023Tooltip, { text: translate('WP Cloud gives you the tools you need to add scalable, highly available, extremely fast WordPress hosting.'), id: "wp-cloud-logo", setActiveTooltipId: setActiveTooltipId, activeTooltipId: activeTooltipId, children: (0, jsx_runtime_1.jsx)(components_1.CloudLogo, {}) })), shouldShowWooLogo && ((0, jsx_runtime_1.jsx)(plans_2023_tooltip_1.Plans2023Tooltip, { text: translate('Make your online store a reality with the power of WooCommerce.'), id: "woo-logo", setActiveTooltipId: setActiveTooltipId, activeTooltipId: activeTooltipId, children: (0, jsx_runtime_1.jsx)(components_1.WooLogo, {}) })), (0, calypso_products_1.isWpcomEnterpriseGridPlan)(planSlug) && ((0, jsx_runtime_1.jsx)(plans_2023_tooltip_1.Plans2023Tooltip, { text: translate('The trusted choice for enterprise WordPress hosting.'), id: "enterprise-logo", setActiveTooltipId: setActiveTooltipId, activeTooltipId: activeTooltipId, children: (0, jsx_runtime_1.jsx)(components_1.VIPLogo, {}) }))] })] }, planSlug));
+    return ((0, jsx_runtime_1.jsxs)(plan_div_td_container_1.default, { className: tableItemClasses, isTableCell: isTableCell, children: [shouldShowPopularBadge && ((0, jsx_runtime_1.jsx)(popular_badge_1.default, { isInSignup: isInSignup, planSlug: planSlug, additionalClassName: popularBadgeClasses })), (0, jsx_runtime_1.jsxs)("header", { className: headerClasses, children: [!isWooHostingSolutionsIntent && (0, calypso_products_1.isBusinessPlan)(planSlug) && ((0, jsx_runtime_1.jsx)(plans_2023_tooltip_1.Plans2023Tooltip, { text: translate('WP Cloud gives you the tools you need to add scalable, highly available, extremely fast WordPress hosting.'), id: "wp-cloud-logo", setActiveTooltipId: setActiveTooltipId, activeTooltipId: activeTooltipId, children: (0, jsx_runtime_1.jsx)(components_1.CloudLogo, {}) })), shouldShowWooLogo && ((0, jsx_runtime_1.jsx)(plans_2023_tooltip_1.Plans2023Tooltip, { text: translate('Make your online store a reality with the power of WooCommerce.'), id: "woo-logo", setActiveTooltipId: setActiveTooltipId, activeTooltipId: activeTooltipId, children: (0, jsx_runtime_1.jsx)(components_1.WooLogo, {}) })), !isWooHostingSolutionsIntent && (0, calypso_products_1.isWpcomEnterpriseGridPlan)(planSlug) && ((0, jsx_runtime_1.jsx)(plans_2023_tooltip_1.Plans2023Tooltip, { text: translate('The trusted choice for enterprise WordPress hosting.'), id: "enterprise-logo", setActiveTooltipId: setActiveTooltipId, activeTooltipId: activeTooltipId, children: (0, jsx_runtime_1.jsx)(components_1.VIPLogo, {}) }))] })] }, planSlug));
 };
 exports.default = PlanLogo;
 //# sourceMappingURL=plan-logo.js.map

package/dist/cjs/components/plan-logo.js.map

@@ -1 +1 @@
-{"version":3,"file":"plan-logo.js","sourceRoot":"","sources":["../../../src/components/plan-logo.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"plan-logo.js","sourceRoot":"","sources":["../../../src/components/plan-logo.tsx"],"names":[],"mappings":";;;;AAAA,mEAWsC;AACtC,uDAAqE;AACrE,wDAAwB;AACxB,+CAA4C;AAC5C,kDAAsD;AACtD,qHAAkF;AAClF,kFAA4E;AAC5E,4FAA2D;AAC3D,6DAAwD;AACxD,4EAA2C;AAG3C,MAAM,QAAQ,GAMR,CAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,iBAAiB,EAAE,WAAW,EAAE,SAAS,EAAE,EAAG,EAAE;IAC/E,MAAM,CAAE,eAAe,EAAE,kBAAkB,CAAE,GAAG,IAAA,kDAAsB,GAAE,CAAC;IACzE,MAAM,SAAS,GAAG,IAAA,2BAAY,GAAE,CAAC;IACjC,MAAM,EAAE,cAAc,EAAE,MAAM,EAAE,GAAG,IAAA,kCAAmB,GAAE,CAAC;IACzD,MAAM,2BAA2B,GAAG,MAAM,KAAK,6BAA6B,CAAC;IAC7E,MAAM,iBAAiB,GACtB,2BAA2B;QAC3B,CAAE,IAAA,kCAAe,EAAE,QAAQ,CAAE,IAAI,CAAE,IAAA,mCAAgB,EAAE,QAAQ,CAAE,CAAE,CAAC;IACnE,MAAM,sBAAsB,GAAG,CAAE,IAAA,4CAAyB,GAAE,CAAC;IAC7D,MAAM,EAAE,OAAO,EAAE,GAAG,cAAc,CAAE,QAAQ,CAAE,CAAC;IAC/C,MAAM,wBAAwB,GAAG,IAAA,wCAA2B,EAAE;QAC7D,iBAAiB;KACjB,CAAE,CAAC;IACJ,MAAM,aAAa,GAAG,IAAA,cAAI,EAAE,sCAAsC,EAAE,IAAA,+BAAY,EAAE,QAAQ,CAAE,CAAE,CAAC;IAC/F,MAAM,gBAAgB,GAAG,IAAA,cAAI,EAAE,qCAAqC,EAAE;QACrE,2BAA2B,EAAE,cAAc,CAAE,QAAQ,CAAE,EAAE,cAAc;QACvE,sBAAsB,EACrB,wBAAwB,CAAE,QAAiD,CAAE;YAC5E,EAAE,eAAe;QACnB,uBAAuB,EACtB,wBAAwB,CAAE,QAAiD,CAAE;YAC5E,EAAE,gBAAgB;QACpB,mBAAmB,EAClB,wBAAwB,CAAE,QAAiD,CAAE;YAC5E,EAAE,eAAe;QACnB,iBAAiB,EAAE,OAAO;QAC1B,iBAAiB,EAAE,SAAS,KAAK,CAAC;QAClC,gBAAgB,EAAE,SAAS,KAAK,iBAAiB,CAAC,MAAM,GAAG,CAAC;KAC5D,CAAE,CAAC;IACJ,MAAM,mBAAmB,GAAG,IAAA,cAAI,EAAE;QACjC,gBAAgB,EAAE,CAAE,CACnB,IAAA,6BAAU,EAAE,QAAQ,CAAE;YACtB,IAAA,iCAAc,EAAE,QAAQ,CAAE;YAC1B,IAAA,gCAAa,EAAE,QAAQ,CAAE,CACzB;KACD,CAAE,CAAC;IAEJ,OAAO,CACN,wBAAC,+BAAoB,IAEpB,SAAS,EAAG,gBAAgB,EAC5B,WAAW,EAAG,WAAW,aAEvB,sBAAsB,IAAI,CAC3B,uBAAC,uBAAY,IACZ,UAAU,EAAG,UAAU,EACvB,QAAQ,EAAG,QAAQ,EACnB,mBAAmB,EAAG,mBAAmB,GACxC,CACF,EACD,oCAAQ,SAAS,EAAG,aAAa,aAC9B,CAAE,2BAA2B,IAAI,IAAA,iCAAc,EAAE,QAAQ,CAAE,IAAI,CAChE,uBAAC,qCAAgB,IAChB,IAAI,EAAG,SAAS,CACf,4GAA4G,CAC5G,EACD,EAAE,EAAC,eAAe,EAClB,kBAAkB,EAAG,kBAAkB,EACvC,eAAe,EAAG,eAAe,YAEjC,uBAAC,sBAAS,KAAG,GACK,CACnB,EACC,iBAAiB,IAAI,CACtB,uBAAC,qCAAgB,IAChB,IAAI,EAAG,SAAS,CAAE,iEAAiE,CAAE,EACrF,EAAE,EAAC,UAAU,EACb,kBAAkB,EAAG,kBAAkB,EACvC,eAAe,EAAG,eAAe,YAEjC,uBAAC,oBAAO,KAAG,GACO,CACnB,EACC,CAAE,2BAA2B,IAAI,IAAA,4CAAyB,EAAE,QAAQ,CAAE,IAAI,CAC3E,uBAAC,qCAAgB,IAChB,IAAI,EAAG,SAAS,CAAE,sDAAsD,CAAE,EAC1E,EAAE,EAAC,iBAAiB,EACpB,kBAAkB,EAAG,kBAAkB,EACvC,eAAe,EAAG,eAAe,YAEjC,uBAAC,oBAAO,KAAG,GACO,CACnB,IACO,KA5CH,QAAQ,CA6CQ,CACvB,CAAC;AACH,CAAC,CAAC;AAEF,kBAAe,QAAQ,CAAC"}

package/dist/cjs/components/plan-type-selector/components/interval-type-dropdown.js

@@ -5,6 +5,7 @@ const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
 const calypso_analytics_1 = require("@automattic/calypso-analytics");
 const components_1 = require("@wordpress/components");
+const i18n_calypso_1 = require("i18n-calypso");
 const react_1 = require("react");
 const dropdown_option_1 = tslib_1.__importDefault(require("../../dropdown-option"));
 const use_interval_options_1 = tslib_1.__importDefault(require("../hooks/use-interval-options"));
@@ -13,10 +14,20 @@ const IntervalTypeDropdown = (props) => {
     const supportedIntervalType = (displayedIntervals.includes(intervalType) ? intervalType : 'yearly');
     const optionsList = (0, use_interval_options_1.default)(props);
     const hasOpenedDropdown = (0, react_1.useRef)(false);
+    const translate = (0, i18n_calypso_1.useTranslate)();
     const selectOptionsList = Object.values(optionsList).map((option) => ({
         key: option.key,
         name: ((0, jsx_runtime_1.jsx)(dropdown_option_1.default, { className: "plan-type-selector__interval-type-dropdown-option", title: option.name, children: option.discountText && !hideDiscount ? ((0, jsx_runtime_1.jsxs)("span", { className: "discount", children: [" ", option.discountText, " "] })) : null })),
+        accessibleName: option.name,
     }));
+    const selectedOption = selectOptionsList.find(({ key }) => key === supportedIntervalType);
+    // Translators: This is a description of the currently selected billing period for accessibility.
+    // billingPeriod is the name of the billing period and it's translated.
+    const describedByText = selectedOption?.accessibleName
+        ? translate('Currently selected billing period: %(billingPeriod)s', {
+            args: { billingPeriod: selectedOption.accessibleName },
+        })
+        : undefined;
     return ((0, jsx_runtime_1.jsx)("div", { className: "plan-type-selector__interval-type-dropdown-container", children: (0, jsx_runtime_1.jsx)(components_1.CustomSelectControl, { __next40pxDefaultSize: true, onFocus: () => {
                 if (!hasOpenedDropdown.current) {
                     (0, calypso_analytics_1.recordTracksEvent)('calypso_plans_plan_type_selector_open', {
@@ -25,7 +36,7 @@ const IntervalTypeDropdown = (props) => {
                     });
                     hasOpenedDropdown.current = true;
                 }
-            }, className: "plan-type-selector__interval-type-dropdown", label: "", options: selectOptionsList, value: selectOptionsList.find(({ key }) => key === supportedIntervalType), onChange: ({ selectedItem: { key: intervalType }, }) => {
+            }, className: "plan-type-selector__interval-type-dropdown", label: "", describedBy: describedByText, options: selectOptionsList, value: selectedOption, onChange: ({ selectedItem: { key: intervalType }, }) => {
                 (0, calypso_analytics_1.recordTracksEvent)('calypso_plans_plan_type_selector_option_change', {
                     interval_type: intervalType,
                     plans_intent: intent,

package/dist/cjs/components/plan-type-selector/components/interval-type-dropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"interval-type-dropdown.js","sourceRoot":"","sources":["../../../../../src/components/plan-type-selector/components/interval-type-dropdown.tsx"],"names":[],"mappings":";;;;;AAAA,qEAAkE;AAClE,sDAA4D;AAC5D,iCAA+B;AAC/B,oFAAmD;AACnD,iGAA+D;AAGxD,MAAM,oBAAoB,GAAiD,CAAE,KAAK,EAAG,EAAE;IAC7F,MAAM,EACL,YAAY,EACZ,MAAM,EACN,YAAY,EACZ,kBAAkB,EAClB,oBAAoB,EACpB,UAAU,GACV,GAAG,KAAK,CAAC;IACV,MAAM,qBAAqB,GAAG,CAC7B,kBAAkB,CAAC,QAAQ,CAAE,YAAY,CAAE,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,QAAQ,CACrC,CAAC;IAClC,MAAM,WAAW,GAAG,IAAA,8BAAkB,EAAE,KAAK,CAAE,CAAC;IAChD,MAAM,iBAAiB,GAAG,IAAA,cAAM,EAAE,KAAK,CAAE,CAAC;IAE1C,MAAM,iBAAiB,GAAG,MAAM,CAAC,MAAM,CAAE,WAAW,CAAE,CAAC,GAAG,CAAE,CAAE,MAAM,EAAG,EAAE,CAAC,CAAE;QAC3E,GAAG,EAAE,MAAM,CAAC,GAAG;QACf,IAAI,EAAE,CACL,uBAAC,yBAAc,IACd,SAAS,EAAC,mDAAmD,EAC7D,KAAK,EAAG,MAAM,CAAC,IAAI,YAEjB,MAAM,CAAC,YAAY,IAAI,CAAE,YAAY,CAAC,CAAC,CAAC,CACzC,kCAAM,SAAS,EAAC,UAAU,kBAAI,MAAM,CAAC,YAAY,SAAU,CAC3D,CAAC,CAAC,CAAC,IAAI,GACQ,CACK;KACvB,CAAE,CAAE,CAAC;IAEN,OAAO,CACN,gCAAK,SAAS,EAAC,sDAAsD,YACpE,uBAAC,gCAAmB,IACnB,qBAAqB,QACrB,OAAO,EAAG,GAAG,EAAE;gBACd,IAAK,CAAE,iBAAiB,CAAC,OAAO,EAAG,CAAC;oBACnC,IAAA,qCAAiB,EAAE,uCAAuC,EAAE;wBAC3D,YAAY,EAAE,MAAM;wBACpB,YAAY,EAAE,UAAU;qBACxB,CAAE,CAAC;oBACJ,iBAAiB,CAAC,OAAO,GAAG,IAAI,CAAC;gBAClC,CAAC;YACF,CAAC,EACD,SAAS,EAAC,4CAA4C,EACtD,KAAK,EAAC,EAAE,EACR,OAAO,EAAG,iBAAiB,EAC3B,KAAK,EAAG,iBAAiB,CAAC,IAAI,CAAE,CAAE,EAAE,GAAG,EAAE,EAAG,EAAE,CAAC,GAAG,KAAK,qBAAqB,CAAE,EAC9E,QAAQ,EAAG,CAAE,EACZ,YAAY,EAAE,EAAE,GAAG,EAAE,YAAY,EAAE,GAGnC,EAAG,EAAE;gBACL,IAAA,qCAAiB,EAAE,gDAAgD,EAAE;oBACpE,aAAa,EAAE,YAAY;oBAC3B,YAAY,EAAE,MAAM;oBACpB,YAAY,EAAE,UAAU;iBACxB,CAAE,CAAC;gBACJ,oBAAoB;oBACnB,oBAAoB,CAAE,YAA4C,CAAE,CAAC;YACvE,CAAC,GACA,GACG,CACN,CAAC;AACH,CAAC,CAAC;AA9DW,QAAA,oBAAoB,wBA8D/B"}
+{"version":3,"file":"interval-type-dropdown.js","sourceRoot":"","sources":["../../../../../src/components/plan-type-selector/components/interval-type-dropdown.tsx"],"names":[],"mappings":";;;;;AAAA,qEAAkE;AAClE,sDAA4D;AAC5D,+CAA4C;AAC5C,iCAA+B;AAC/B,oFAAmD;AACnD,iGAA+D;AAGxD,MAAM,oBAAoB,GAAiD,CAAE,KAAK,EAAG,EAAE;IAC7F,MAAM,EACL,YAAY,EACZ,MAAM,EACN,YAAY,EACZ,kBAAkB,EAClB,oBAAoB,EACpB,UAAU,GACV,GAAG,KAAK,CAAC;IACV,MAAM,qBAAqB,GAAG,CAC7B,kBAAkB,CAAC,QAAQ,CAAE,YAAY,CAAE,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,QAAQ,CACrC,CAAC;IAClC,MAAM,WAAW,GAAG,IAAA,8BAAkB,EAAE,KAAK,CAAE,CAAC;IAChD,MAAM,iBAAiB,GAAG,IAAA,cAAM,EAAE,KAAK,CAAE,CAAC;IAC1C,MAAM,SAAS,GAAG,IAAA,2BAAY,GAAE,CAAC;IAEjC,MAAM,iBAAiB,GAAG,MAAM,CAAC,MAAM,CAAE,WAAW,CAAE,CAAC,GAAG,CAAE,CAAE,MAAM,EAAG,EAAE,CAAC,CAAE;QAC3E,GAAG,EAAE,MAAM,CAAC,GAAG;QACf,IAAI,EAAE,CACL,uBAAC,yBAAc,IACd,SAAS,EAAC,mDAAmD,EAC7D,KAAK,EAAG,MAAM,CAAC,IAAI,YAEjB,MAAM,CAAC,YAAY,IAAI,CAAE,YAAY,CAAC,CAAC,CAAC,CACzC,kCAAM,SAAS,EAAC,UAAU,kBAAI,MAAM,CAAC,YAAY,SAAU,CAC3D,CAAC,CAAC,CAAC,IAAI,GACQ,CACK;QACvB,cAAc,EAAE,MAAM,CAAC,IAAc;KACrC,CAAE,CAAE,CAAC;IAEN,MAAM,cAAc,GAAG,iBAAiB,CAAC,IAAI,CAAE,CAAE,EAAE,GAAG,EAAE,EAAG,EAAE,CAAC,GAAG,KAAK,qBAAqB,CAAE,CAAC;IAC9F,iGAAiG;IACjG,uEAAuE;IACvE,MAAM,eAAe,GAAG,cAAc,EAAE,cAAc;QACrD,CAAC,CAAC,SAAS,CAAE,sDAAsD,EAAE;YACnE,IAAI,EAAE,EAAE,aAAa,EAAE,cAAc,CAAC,cAAc,EAAE;SACrD,CAAE;QACL,CAAC,CAAC,SAAS,CAAC;IAEb,OAAO,CACN,gCAAK,SAAS,EAAC,sDAAsD,YACpE,uBAAC,gCAAmB,IACnB,qBAAqB,QACrB,OAAO,EAAG,GAAG,EAAE;gBACd,IAAK,CAAE,iBAAiB,CAAC,OAAO,EAAG,CAAC;oBACnC,IAAA,qCAAiB,EAAE,uCAAuC,EAAE;wBAC3D,YAAY,EAAE,MAAM;wBACpB,YAAY,EAAE,UAAU;qBACxB,CAAE,CAAC;oBACJ,iBAAiB,CAAC,OAAO,GAAG,IAAI,CAAC;gBAClC,CAAC;YACF,CAAC,EACD,SAAS,EAAC,4CAA4C,EACtD,KAAK,EAAC,EAAE,EACR,WAAW,EAAG,eAAyB,EACvC,OAAO,EAAG,iBAAiB,EAC3B,KAAK,EAAG,cAAc,EACtB,QAAQ,EAAG,CAAE,EACZ,YAAY,EAAE,EAAE,GAAG,EAAE,YAAY,EAAE,GAGnC,EAAG,EAAE;gBACL,IAAA,qCAAiB,EAAE,gDAAgD,EAAE;oBACpE,aAAa,EAAE,YAAY;oBAC3B,YAAY,EAAE,MAAM;oBACpB,YAAY,EAAE,UAAU;iBACxB,CAAE,CAAC;gBACJ,oBAAoB;oBACnB,oBAAoB,CAAE,YAA4C,CAAE,CAAC;YACvE,CAAC,GACA,GACG,CACN,CAAC;AACH,CAAC,CAAC;AA1EW,QAAA,oBAAoB,wBA0E/B"}

package/dist/cjs/components/plan-type-selector/hooks/use-max-discount.js

@@ -1,42 +1,13 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = useMaxDiscount;
-const calypso_products_1 = require("@automattic/calypso-products");
-const data_stores_1 = require("@automattic/data-stores");
+const tslib_1 = require("tslib");
 const element_1 = require("@wordpress/element");
+const use_max_discounts_for_plan_terms_1 = tslib_1.__importDefault(require("./use-max-discounts-for-plan-terms"));
 function useMaxDiscount(plans, useCheckPlanAvailabilityForPurchase, siteId) {
     const [maxDiscount, setMaxDiscount] = (0, element_1.useState)(0);
-    const wpcomMonthlyPlans = (plans || []).filter(calypso_products_1.isWpComPlan).filter(calypso_products_1.isMonthly);
-    const yearlyVariantPlanSlugs = wpcomMonthlyPlans
-        .map((planSlug) => (0, calypso_products_1.getPlanSlugForTermVariant)(planSlug, calypso_products_1.TERM_ANNUALLY))
-        .filter(Boolean);
-    const monthlyPlansPricing = data_stores_1.Plans.usePricingMetaForGridPlans({
-        planSlugs: wpcomMonthlyPlans,
-        siteId,
-        coupon: undefined,
-        useCheckPlanAvailabilityForPurchase,
-    });
-    const yearlyPlansPricing = data_stores_1.Plans.usePricingMetaForGridPlans({
-        planSlugs: yearlyVariantPlanSlugs,
-        siteId,
-        coupon: undefined,
-        useCheckPlanAvailabilityForPurchase,
-    });
-    const discounts = wpcomMonthlyPlans.map((planSlug) => {
-        const yearlyVariantPlanSlug = (0, calypso_products_1.getPlanSlugForTermVariant)(planSlug, calypso_products_1.TERM_ANNUALLY);
-        if (!yearlyVariantPlanSlug) {
-            return 0;
-        }
-        const monthlyPlanAnnualCost = (monthlyPlansPricing?.[planSlug]?.originalPrice.full ?? 0) * 12;
-        if (!monthlyPlanAnnualCost) {
-            return 0;
-        }
-        const yearlyPlanAnnualCost = yearlyPlansPricing?.[yearlyVariantPlanSlug]?.discountedPrice.full ||
-            yearlyPlansPricing?.[yearlyVariantPlanSlug]?.originalPrice.full ||
-            0;
-        return Math.floor(((monthlyPlanAnnualCost - yearlyPlanAnnualCost) / (monthlyPlanAnnualCost || 1)) * 100);
-    });
-    const currentMaxDiscount = discounts.length ? Math.max(...discounts) : 0;
+    const discounts = (0, use_max_discounts_for_plan_terms_1.default)(plans, ['monthly', 'yearly'], useCheckPlanAvailabilityForPurchase, siteId);
+    const currentMaxDiscount = discounts['yearly'] ?? 0;
     if (currentMaxDiscount > 0 && currentMaxDiscount !== maxDiscount) {
         setMaxDiscount(currentMaxDiscount);
     }

package/dist/cjs/components/plan-type-selector/hooks/use-max-discount.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-max-discount.js","sourceRoot":"","sources":["../../../../../src/components/plan-type-selector/hooks/use-max-discount.ts"],"names":[],"mappings":";;AAUA,iCAqDC;AA/DD,mEAMsC;AACtC,yDAAgD;AAChD,gDAA8C;AAE9C,SAAwB,cAAc,CACrC,KAAiB,EACjB,mCAA8E,EAC9E,MAAsB;IAEtB,MAAM,CAAE,WAAW,EAAE,cAAc,CAAE,GAAG,IAAA,kBAAQ,EAAE,CAAC,CAAE,CAAC;IACtD,MAAM,iBAAiB,GAAG,CAAE,KAAK,IAAI,EAAE,CAAE,CAAC,MAAM,CAAE,8BAAW,CAAE,CAAC,MAAM,CAAE,4BAAS,CAAE,CAAC;IACpF,MAAM,sBAAsB,GAAG,iBAAiB;SAC9C,GAAG,CAAE,CAAE,QAAQ,EAAG,EAAE,CAAC,IAAA,4CAAyB,EAAE,QAAQ,EAAE,gCAAa,CAAE,CAAE;SAC3E,MAAM,CAAE,OAAO,CAAgB,CAAC;IAClC,MAAM,mBAAmB,GAAG,mBAAK,CAAC,0BAA0B,CAAE;QAC7D,SAAS,EAAE,iBAAiB;QAC5B,MAAM;QACN,MAAM,EAAE,SAAS;QACjB,mCAAmC;KACnC,CAAE,CAAC;IACJ,MAAM,kBAAkB,GAAG,mBAAK,CAAC,0BAA0B,CAAE;QAC5D,SAAS,EAAE,sBAAsB;QACjC,MAAM;QACN,MAAM,EAAE,SAAS;QACjB,mCAAmC;KACnC,CAAE,CAAC;IAEJ,MAAM,SAAS,GAAG,iBAAiB,CAAC,GAAG,CAAE,CAAE,QAAQ,EAAG,EAAE;QACvD,MAAM,qBAAqB,GAAG,IAAA,4CAAyB,EAAE,QAAQ,EAAE,gCAAa,CAAE,CAAC;QAEnF,IAAK,CAAE,qBAAqB,EAAG,CAAC;YAC/B,OAAO,CAAC,CAAC;QACV,CAAC;QAED,MAAM,qBAAqB,GAC1B,CAAE,mBAAmB,EAAE,CAAE,QAAQ,CAAE,EAAE,aAAa,CAAC,IAAI,IAAI,CAAC,CAAE,GAAG,EAAE,CAAC;QAErE,IAAK,CAAE,qBAAqB,EAAG,CAAC;YAC/B,OAAO,CAAC,CAAC;QACV,CAAC;QAED,MAAM,oBAAoB,GACzB,kBAAkB,EAAE,CAAE,qBAAqB,CAAE,EAAE,eAAe,CAAC,IAAI;YACnE,kBAAkB,EAAE,CAAE,qBAAqB,CAAE,EAAE,aAAa,CAAC,IAAI;YACjE,CAAC,CAAC;QAEH,OAAO,IAAI,CAAC,KAAK,CAChB,CAAE,CAAE,qBAAqB,GAAG,oBAAoB,CAAE,GAAG,CAAE,qBAAqB,IAAI,CAAC,CAAE,CAAE,GAAG,GAAG,CAC3F,CAAC;IACH,CAAC,CAAE,CAAC;IACJ,MAAM,kBAAkB,GAAG,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAE,GAAG,SAAS,CAAE,CAAC,CAAC,CAAC,CAAC,CAAC;IAE3E,IAAK,kBAAkB,GAAG,CAAC,IAAI,kBAAkB,KAAK,WAAW,EAAG,CAAC;QACpE,cAAc,CAAE,kBAAkB,CAAE,CAAC;IACtC,CAAC;IAED,OAAO,kBAAkB,IAAI,WAAW,CAAC;AAC1C,CAAC"}
+{"version":3,"file":"use-max-discount.js","sourceRoot":"","sources":["../../../../../src/components/plan-type-selector/hooks/use-max-discount.ts"],"names":[],"mappings":";;AAKA,iCAmBC;;AAtBD,gDAA8C;AAC9C,kHAA6E;AAE7E,SAAwB,cAAc,CACrC,KAAiB,EACjB,mCAA8E,EAC9E,MAAsB;IAEtB,MAAM,CAAE,WAAW,EAAE,cAAc,CAAE,GAAG,IAAA,kBAAQ,EAAE,CAAC,CAAE,CAAC;IACtD,MAAM,SAAS,GAAG,IAAA,0CAA2B,EAC5C,KAAK,EACL,CAAE,SAAS,EAAE,QAAQ,CAAE,EACvB,mCAAmC,EACnC,MAAM,CACN,CAAC;IACF,MAAM,kBAAkB,GAAG,SAAS,CAAE,QAAQ,CAAE,IAAI,CAAC,CAAC;IAEtD,IAAK,kBAAkB,GAAG,CAAC,IAAI,kBAAkB,KAAK,WAAW,EAAG,CAAC;QACpE,cAAc,CAAE,kBAAkB,CAAE,CAAC;IACtC,CAAC;IAED,OAAO,kBAAkB,IAAI,WAAW,CAAC;AAC1C,CAAC"}

package/dist/cjs/components/plan-type-selector/hooks/use-max-discounts-for-plan-terms.js

@@ -3,6 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = useMaxDiscountsForPlanTerms;
 const calypso_products_1 = require("@automattic/calypso-products");
 const data_stores_1 = require("@automattic/data-stores");
+const plan_pricing_utils_1 = require("../../../lib/plan-pricing-utils");
 /**
  * Calculate the maximum discount for each term for a given set of plans
  * @param plans plans considered
@@ -26,7 +27,6 @@ function useMaxDiscountsForPlanTerms(plans, urlFriendlyTerms = [], useCheckPlanA
             ? currentLowestTerm
             : term;
     }, terms[0]);
-    const lowestTermInMonths = (0, calypso_products_1.getBillingMonthsForTerm)(lowestTerm);
     const lowestTermPlanSlugs = allRelatedPlanSlugs.filter((planSlug) => (0, calypso_products_1.getPlan)(planSlug)?.term === lowestTerm);
     const plansPricing = data_stores_1.Plans.usePricingMetaForGridPlans({
         planSlugs: allRelatedPlanSlugs,
@@ -37,27 +37,25 @@ function useMaxDiscountsForPlanTerms(plans, urlFriendlyTerms = [], useCheckPlanA
     const termWiseMaxDiscount = {};
     termDefinitionsMapping.forEach((termMapping) => {
         if (termMapping.term === lowestTerm) {
-            return 0;
+            return;
         }
         const termDiscounts = lowestTermPlanSlugs.map((lowestTermPlanSlug) => {
             const lowestTermPlanPricing = plansPricing?.[lowestTermPlanSlug];
-            const lowestTermPlanCost = lowestTermPlanPricing?.originalPrice.full;
-            if (!lowestTermPlanCost) {
+            const lowestTermInfo = lowestTermPlanPricing
+                ? (0, plan_pricing_utils_1.fromPricingMetaForGridPlan)(lowestTermPlanPricing)
+                : null;
+            if (!lowestTermInfo) {
                 return 0;
             }
-            const lowestTermMonthlyCost = lowestTermPlanCost / lowestTermInMonths;
-            /**
-             * Calculate the monthly cost of the term price
-             */
             const variantPlanSlug = (0, calypso_products_1.getPlanSlugForTermVariant)(lowestTermPlanSlug, termMapping.term) ?? '';
             const variantPlanPricing = plansPricing?.[variantPlanSlug];
-            const variantTermPrice = variantPlanPricing?.discountedPrice?.full || variantPlanPricing?.originalPrice?.full || 0;
-            if (!variantTermPrice) {
+            const variantInfo = variantPlanPricing
+                ? (0, plan_pricing_utils_1.fromPricingMetaForGridPlan)(variantPlanPricing)
+                : null;
+            if (!variantInfo) {
                 return 0;
             }
-            const variantTermInMonths = (0, calypso_products_1.getBillingMonthsForTerm)(calypso_products_1.URL_FRIENDLY_TERMS_MAPPING[termMapping.urlFriendlyTerm]);
-            const variantTermMonthlyCost = variantTermPrice / variantTermInMonths;
-            return Math.floor(((lowestTermMonthlyCost - variantTermMonthlyCost) * 100) / lowestTermMonthlyCost);
+            return ((0, plan_pricing_utils_1.calculateDiscountPercentage)((0, plan_pricing_utils_1.getPlanPriceForDuration)(lowestTermInfo, variantInfo.termMonths), (0, plan_pricing_utils_1.getPlanPriceForDuration)(variantInfo, variantInfo.termMonths)) ?? 0);
         });
         termWiseMaxDiscount[termMapping.urlFriendlyTerm] = termDiscounts.length
             ? Math.max(...termDiscounts)

package/dist/cjs/components/plan-type-selector/hooks/use-max-discounts-for-plan-terms.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-max-discounts-for-plan-terms.js","sourceRoot":"","sources":["../../../../../src/components/plan-type-selector/hooks/use-max-discounts-for-plan-terms.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"use-max-discounts-for-plan-terms.js","sourceRoot":"","sources":["../../../../../src/components/plan-type-selector/hooks/use-max-discounts-for-plan-terms.ts"],"names":[],"mappings":"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"}

package/dist/cjs/components/plans-2023-tooltip.js

@@ -7,15 +7,25 @@ const components_1 = require("@automattic/components");
 const styled_1 = tslib_1.__importDefault(require("@emotion/styled"));
 const react_1 = require("react");
 const touch_detect_1 = require("../lib/touch-detect");
-const HoverAreaContainer = styled_1.default.span `
-	max-width: 220px;
-`;
+/**
+ * Prevents widows by replacing the last space with a non-breaking space.
+ * @param text - The text to process
+ * @returns The text with the last space replaced with a non-breaking space
+ */
+const preventWidows = (text) => {
+    if (typeof text !== 'string') {
+        return text;
+    }
+    // Replace the last space with a non-breaking space to prevent widows
+    return text.replace(/\s+(\S+)$/, '\u00A0$1');
+};
+const HoverAreaContainer = styled_1.default.span ``;
 const StyledTooltip = (0, styled_1.default)(components_1.Tooltip) `
 	&.tooltip.popover .popover__inner {
 		background: var( --color-masterbar-background );
 		text-align: start;
 		border-radius: 4px;
-		min-height: 32px;
+		min-height: 16px;
 		width: 210px;
 		align-items: center;
 		font-style: normal;
@@ -40,7 +50,8 @@ const Plans2023Tooltip = ({ showOnMobile = true, activeTooltipId, setActiveToolt
         return id;
     };
     const isVisible = activeTooltipId === id;
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(HoverAreaContainer, { className: "plans-2023-tooltip__hover-area-container", ref: tooltipRef, onMouseEnter: () => !isTouch && setActiveTooltipId(id), onMouseLeave: () => !isTouch && setActiveTooltipId(''), onTouchStart: () => isTouch && setActiveTooltipId(getMobileActiveTooltip()), id: id, children: children }), (0, jsx_runtime_1.jsx)(StyledTooltip, { isVisible: isVisible, position: "top", context: tooltipRef.current, hideArrow: true, showOnMobile: showOnMobile, children: text })] }));
+    const processedText = preventWidows(text);
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(HoverAreaContainer, { className: "plans-2023-tooltip__hover-area-container", ref: tooltipRef, onMouseEnter: () => !isTouch && setActiveTooltipId(id), onMouseLeave: () => !isTouch && setActiveTooltipId(''), onTouchStart: () => isTouch && setActiveTooltipId(getMobileActiveTooltip()), id: id, children: children }), (0, jsx_runtime_1.jsx)(StyledTooltip, { isVisible: isVisible, position: "top", context: tooltipRef.current, hideArrow: true, showOnMobile: showOnMobile, children: processedText })] }));
 };
 exports.Plans2023Tooltip = Plans2023Tooltip;
 //# sourceMappingURL=plans-2023-tooltip.js.map

package/dist/cjs/components/plans-2023-tooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"plans-2023-tooltip.js","sourceRoot":"","sources":["../../../src/components/plans-2023-tooltip.tsx"],"names":[],"mappings":";;;;;AAAA,uDAAiD;AACjD,qEAAqC;AAErC,iCAA4E;AAC5E,sDAA+C;AAE/C,MAAM,kBAAkB,GAAG,gBAAM,CAAC,IAAI,CAAA;;CAErC,CAAC;AAEF,MAAM,aAAa,GAAG,IAAA,gBAAM,EAAE,oBAAO,CAAE,CAAA;;;;;;;;;;;;;;;CAetC,CAAC;AAUK,MAAM,gBAAgB,GAAG,CAAE,EACjC,YAAY,GAAG,IAAI,EACnB,eAAe,EACf,kBAAkB,EAClB,EAAE,EACF,IAAI,EACJ,QAAQ,GACe,EAAG,EAAE;IAC5B,MAAM,UAAU,GAAG,IAAA,cAAM,EAAoB,IAAI,CAAE,CAAC;IACpD,MAAM,OAAO,GAAG,IAAA,uBAAQ,GAAE,CAAC;IAE3B,IAAK,CAAE,IAAI,EAAG,CAAC;QACd,OAAO,2DAAI,QAAQ,GAAK,CAAC;IAC1B,CAAC;IAED,MAAM,sBAAsB,GAAG,GAAG,EAAE;QACnC,uDAAuD;QACvD,IAAK,eAAe,KAAK,EAAE,EAAG,CAAC;YAC9B,OAAO,EAAE,CAAC;QACX,CAAC;QAED,OAAO,EAAE,CAAC;IACX,CAAC,CAAC;IAEF,MAAM,SAAS,GAAG,eAAe,KAAK,EAAE,CAAC;IAEzC,OAAO,CACN,6DACC,uBAAC,kBAAkB,IAClB,SAAS,EAAC,0CAA0C,EACpD,GAAG,EAAG,UAAU,EAChB,YAAY,EAAG,GAAG,EAAE,CAAC,CAAE,OAAO,IAAI,kBAAkB,CAAE,EAAE,CAAE,EAC1D,YAAY,EAAG,GAAG,EAAE,CAAC,CAAE,OAAO,IAAI,kBAAkB,CAAE,EAAE,CAAE,EAC1D,YAAY,EAAG,GAAG,EAAE,CAAC,OAAO,IAAI,kBAAkB,CAAE,sBAAsB,EAAE,CAAE,EAC9E,EAAE,EAAG,EAAE,YAEL,QAAQ,GACU,EACrB,uBAAC,aAAa,IACb,SAAS,EAAG,SAAS,EACrB,QAAQ,EAAC,KAAK,EACd,OAAO,EAAG,UAAU,CAAC,OAAO,EAC5B,SAAS,QACT,YAAY,EAAG,YAAY,YAEzB,IAAI,GACS,IACd,CACH,CAAC;AACH,CAAC,CAAC;AAjDW,QAAA,gBAAgB,oBAiD3B"}
+{"version":3,"file":"plans-2023-tooltip.js","sourceRoot":"","sources":["../../../src/components/plans-2023-tooltip.tsx"],"names":[],"mappings":";;;;;AAAA,uDAAiD;AACjD,qEAAqC;AAErC,iCAA4E;AAC5E,sDAA+C;AAE/C;;;;GAIG;AACH,MAAM,aAAa,GAAG,CAAE,IAAqB,EAAoB,EAAE;IAClE,IAAK,OAAO,IAAI,KAAK,QAAQ,EAAG,CAAC;QAChC,OAAO,IAAI,CAAC;IACb,CAAC;IACD,qEAAqE;IACrE,OAAO,IAAI,CAAC,OAAO,CAAE,WAAW,EAAE,UAAU,CAAE,CAAC;AAChD,CAAC,CAAC;AAEF,MAAM,kBAAkB,GAAG,gBAAM,CAAC,IAAI,CAAA,EAAE,CAAC;AAEzC,MAAM,aAAa,GAAG,IAAA,gBAAM,EAAE,oBAAO,CAAE,CAAA;;;;;;;;;;;;;;;CAetC,CAAC;AAUK,MAAM,gBAAgB,GAAG,CAAE,EACjC,YAAY,GAAG,IAAI,EACnB,eAAe,EACf,kBAAkB,EAClB,EAAE,EACF,IAAI,EACJ,QAAQ,GACe,EAAG,EAAE;IAC5B,MAAM,UAAU,GAAG,IAAA,cAAM,EAAoB,IAAI,CAAE,CAAC;IACpD,MAAM,OAAO,GAAG,IAAA,uBAAQ,GAAE,CAAC;IAE3B,IAAK,CAAE,IAAI,EAAG,CAAC;QACd,OAAO,2DAAI,QAAQ,GAAK,CAAC;IAC1B,CAAC;IAED,MAAM,sBAAsB,GAAG,GAAG,EAAE;QACnC,uDAAuD;QACvD,IAAK,eAAe,KAAK,EAAE,EAAG,CAAC;YAC9B,OAAO,EAAE,CAAC;QACX,CAAC;QAED,OAAO,EAAE,CAAC;IACX,CAAC,CAAC;IAEF,MAAM,SAAS,GAAG,eAAe,KAAK,EAAE,CAAC;IACzC,MAAM,aAAa,GAAG,aAAa,CAAE,IAAI,CAAE,CAAC;IAE5C,OAAO,CACN,6DACC,uBAAC,kBAAkB,IAClB,SAAS,EAAC,0CAA0C,EACpD,GAAG,EAAG,UAAU,EAChB,YAAY,EAAG,GAAG,EAAE,CAAC,CAAE,OAAO,IAAI,kBAAkB,CAAE,EAAE,CAAE,EAC1D,YAAY,EAAG,GAAG,EAAE,CAAC,CAAE,OAAO,IAAI,kBAAkB,CAAE,EAAE,CAAE,EAC1D,YAAY,EAAG,GAAG,EAAE,CAAC,OAAO,IAAI,kBAAkB,CAAE,sBAAsB,EAAE,CAAE,EAC9E,EAAE,EAAG,EAAE,YAEL,QAAQ,GACU,EACrB,uBAAC,aAAa,IACb,SAAS,EAAG,SAAS,EACrB,QAAQ,EAAC,KAAK,EACd,OAAO,EAAG,UAAU,CAAC,OAAO,EAC5B,SAAS,QACT,YAAY,EAAG,YAAY,YAEzB,aAAa,GACA,IACd,CACH,CAAC;AACH,CAAC,CAAC;AAlDW,QAAA,gBAAgB,oBAkD3B"}