d3f9379a3483c011f5bac873e06ff892c1c8ef68

Committed 26 Jul 2024 01:41PM UTC coverage: 54.066% (-0.006%) from 54.072%

Build # d3f9379a3483c011f5bac873e06ff892c1c8ef68

Build Type

push

github

Committed by

web-flow

Commit Message

Merge pull request #21503 from Yoast/1739-major-ai-sparkle-buttons-display-even-if-ai-feature-is-off-in-yoast-settings

Hides AI buttons when the AI feature is disabled

Run Details

7458 of 13482 branches covered (55.32%)

Branch coverage included in aggregate %.

0 of 2 new or added lines in 1 file covered. (0.0%)

2 existing lines in 2 files now uncovered.

29390 of 54672 relevant lines covered (53.76%)

41768.68 hits per line

Source File
Press 'n' to go to next uncovered line, 'b' for previous

0.0

/packages/js/src/components/contentAnalysis/SeoAnalysis.js

/* global wpseoAdminL10n */
import { withSelect } from "@wordpress/data";
import { Component, Fragment } from "@wordpress/element";
import { __, sprintf } from "@wordpress/i18n";
import { addQueryArgs } from "@wordpress/url";
import { LocationConsumer, RootContext } from "@yoast/externals/contexts";
import PropTypes from "prop-types";
import styled from "styled-components";
import getIndicatorForScore from "../../analysis/getIndicatorForScore";
import getL10nObject from "../../analysis/getL10nObject";
import Results from "../../containers/Results";
import AnalysisUpsell from "../AnalysisUpsell";
import MetaboxCollapsible from "../MetaboxCollapsible";
import { ModalSmallContainer } from "../modals/Container";
import KeywordSynonyms from "../modals/KeywordSynonyms";
import { defaultModalClassName } from "../modals/Modal";
import MultipleKeywords from "../modals/MultipleKeywords";
import Modal from "../modals/SeoAnalysisModal";
import ScoreIconPortal from "../portals/ScoreIconPortal";
import SidebarCollapsible from "../SidebarCollapsible";
import SynonymSlot from "../slots/SynonymSlot";
import { getIconForScore } from "./mapResults";
import isBlockEditor from "../../helpers/isBlockEditor";
import AIAssessmentFixesButton from "../../ai-assessment-fixes/components/ai-assessment-fixes-button";

const AnalysisHeader = styled.span`
        font-size: 1em;
        font-weight: bold;
        margin: 1.5em 0 1em;
        display: block;
`;

/**
 * Redux container for the seo analysis.
 */
class SeoAnalysis extends Component {
        /**
         * Renders the keyword synonyms upsell modal.
         *
         * @param {string} location The location of the upsell component. Used to determine the shortlinks in the component.
         * @param {string} locationContext In which editor this component is rendered.
         *
         * @returns {JSX.Element} A modalButtonContainer component with the modal for a keyword synonyms upsell.
         */
        renderSynonymsUpsell( location, locationContext ) {
                const modalProps = {
                        className: `${ defaultModalClassName } yoast-gutenberg-modal__box yoast-gutenberg-modal__no-padding`,
                        classes: {
                                openButton: "wpseo-keyword-synonyms button-link",
                        },
                        labels: {
                                open: "+ " + __( "Add synonyms", "wordpress-seo" ),
                                modalAriaLabel: __( "Add synonyms", "wordpress-seo" ),
                                heading: __( "Add synonyms", "wordpress-seo" ),
                        },
                };

                const buyLink = wpseoAdminL10n[
                        location.toLowerCase() === "sidebar"
                                ? "shortlinks.upsell.sidebar.focus_keyword_synonyms_button"
                                : "shortlinks.upsell.metabox.focus_keyword_synonyms_button"
                ];

                return (
                        <Modal { ...modalProps }>
                                <ModalSmallContainer>
                                        <KeywordSynonyms buyLink={ addQueryArgs( buyLink, { context: locationContext } ) } />
                                </ModalSmallContainer>
                        </Modal>
                );
        }

        /**
         * Renders the multiple keywords upsell modal.
         *
         * @param {string} location The location of the upsell component. Used to determine the shortlinks in the component.
         * @param {string} locationContext In which editor this component is rendered.
         *
         * @returns {JSX.Element} A modalButtonContainer component with the modal for a multiple keywords upsell.
         */
        renderMultipleKeywordsUpsell( location, locationContext ) {
                const modalProps = {
                        className: `${ defaultModalClassName } yoast-gutenberg-modal__box yoast-gutenberg-modal__no-padding`,
                        classes: {
                                openButton: "wpseo-multiple-keywords button-link",
                        },
                        labels: {
                                open: "+ " + __( "Add related keyphrase", "wordpress-seo" ),
                                modalAriaLabel: __( "Add related keyphrases", "wordpress-seo" ),
                                heading: __( "Add related keyphrases", "wordpress-seo" ),
                        },
                };

                const buyLink = wpseoAdminL10n[
                        location.toLowerCase() === "sidebar"
                                ? "shortlinks.upsell.sidebar.focus_keyword_additional_button"
                                : "shortlinks.upsell.metabox.focus_keyword_additional_button"
                ];

                return (
                        <Modal { ...modalProps }>
                                <ModalSmallContainer>
                                        <MultipleKeywords buyLink={ addQueryArgs( buyLink, { context: locationContext } ) } />
                                </ModalSmallContainer>
                        </Modal>
                );
        }

        /**
         * Renders the AnalysisUpsell component.
         *
         * @param {string} location The location of the upsell component. Used to determine the shortlink in the component.
         * @param {string} locationContext In which editor this component is rendered.
         *
         * @returns {JSX.Element} The AnalysisUpsell component.
         */
        renderWordFormsUpsell( location, locationContext ) {
                let url = location === "sidebar"
                        ? wpseoAdminL10n[ "shortlinks.upsell.sidebar.morphology_upsell_sidebar" ]
                        : wpseoAdminL10n[ "shortlinks.upsell.sidebar.morphology_upsell_metabox" ];
                url = addQueryArgs( url, { context: locationContext } );
                return (
                        <AnalysisUpsell
                                url={ url }
                                alignment={ location === "sidebar" ? "vertical" : "horizontal" }
                        />
                );
        }

        /**
         * Renders the ScoreIconPortal component, which displays a score indication icon in the SEO metabox tab.
         *
         * @param {string} location       Where this component is rendered.
         * @param {string} scoreIndicator String indicating the score.
         *
         * @returns {JSX.Element} The rendered score icon portal element.
         */
        renderTabIcon( location, scoreIndicator ) {
                // The tab icon should only be rendered for the metabox.
                if ( location !== "metabox" ) {
                        return null;
                }

                return (
                        <ScoreIconPortal
                                target="wpseo-seo-score-icon"
                                scoreIndicator={ scoreIndicator }
                        />
                );
        }

        /**
         * Returns the list of results used to upsell the user to Premium.
         *
         * @param {string} location                 Where this component is rendered (metabox or sidebar).
         * @param {string} locationContext         In which editor this component is rendered.
         *
         * @returns {Array} The upsell results.
         */
        getUpsellResults( location, locationContext ) {
                let link = wpseoAdminL10n[ "shortlinks.upsell.metabox.keyphrase_distribution" ];
                if ( location === "sidebar" ) {
                        link = wpseoAdminL10n[ "shortlinks.upsell.sidebar.keyphrase_distribution" ];
                }
                link = addQueryArgs( link, { context: locationContext } );

                const keyphraseDistributionUpsellText = sprintf(
                        /* Translators: %1$s is a span tag that adds styling to 'Keyphrase distribution', %2$s is a closing span tag.
                         %3%s is an anchor tag with a link to yoast.com, %4$s is a closing anchor tag.*/
                        __(
                                "%1$sKeyphrase distribution%2$s: Have you evenly distributed your focus keyphrase throughout the whole text? " +
                                "%3$sYoast SEO Premium will tell you!%4$s",
                                "wordpress-seo"
                        ),
                        "<span style='text-decoration: underline'>",
                        "</span>",
                        `<a href="${ link }" data-action="load-nfd-ctb" data-ctb-id="f6a84663-465f-4cb5-8ba5-f7a6d72224b2" target="_blank">`,
                        "</a>"
                );

                return [
                        {
                                score: 0,
                                rating: "upsell",
                                hasMarks: false,
                                hasJumps: false,
                                id: "keyphraseDistribution",
                                text: keyphraseDistributionUpsellText,
                                markerId: "keyphraseDistribution",
                        },
                ];
        }

        /* eslint-disable complexity */
        /**
         * Renders the Yoast AI Optimize button.
         * The button is shown when:
         * - The assessment can be fixed through Yoast AI Optimize.
         * - The AI feature is enabled (for Yoast SEO Premium users; for Free users, the button is shown with an upsell).
         * - We are in the block editor.
         * - We are not in the Elementor editor, nor in the Elementor in-between screen.
         *
         * @param {boolean} hasAIFixes Whether the assessment can be fixed through Yoast AI Optimize.
         * @param {string} id The assessment ID.
         *
         * @returns {void|JSX.Element} The AI Optimize button, or nothing if the button should not be shown.
         */
        renderAIFixesButton = ( hasAIFixes, id ) => {
                const isPremium = getL10nObject().isPremium;

                // Don't show the button if the AI feature is not enabled for Yoast SEO Premium users.
                if ( isPremium && ! this.props.isAiFeatureEnabled ) {
                        return;
                }

                // The reason of adding the check if Elementor is active or not is because `isBlockEditor` method also returns `true` for Elementor.
                // The reason of adding the check if the Elementor editor is active, is to stop showing the buttons in the in-between screen.
                return hasAIFixes && isBlockEditor() && ! this.props.isElementor && ! document.body.classList.contains( "elementor-editor-active" ) && (
                        <AIAssessmentFixesButton id={ id } isPremium={ isPremium } />
                );
        };
        /* eslint-enable complexity */

        /**
         * Renders the SEO Analysis component.
         *
         * @returns {JSX.Element} The SEO Analysis component.
         */
        render() {
                const score = getIndicatorForScore( this.props.overallScore );
                const isPremium = getL10nObject().isPremium;
                const highlightingUpsellLink = "shortlinks.upsell.sidebar.highlighting_seo_analysis";

                if ( score.className !== "loading" && this.props.keyword === "" ) {
                        score.className = "na";
                        score.screenReaderReadabilityText = __( "Enter a focus keyphrase to calculate the SEO score", "wordpress-seo" );
                }

                return (
                        <LocationConsumer>
                                { location => {
                                        return (
                                                <RootContext.Consumer>
                                                        { ( { locationContext } ) => {
                                                                const Collapsible = location === "metabox" ? MetaboxCollapsible : SidebarCollapsible;

                                                                let upsellResults = [];
                                                                if ( this.props.shouldUpsell ) {
                                                                        upsellResults = this.getUpsellResults( location, locationContext );
                                                                }

                                                                return (
                                                                        <Fragment>
                                                                                <Collapsible
                                                                                        title={ isPremium
                                                                                                ? __( "Premium SEO analysis", "wordpress-seo" )
                                                                                                : __( "SEO analysis", "wordpress-seo" ) }
                                                                                        titleScreenReaderText={ score.screenReaderReadabilityText }
                                                                                        prefixIcon={ getIconForScore( score.className ) }
                                                                                        prefixIconCollapsed={ getIconForScore( score.className ) }
                                                                                        subTitle={ this.props.keyword }
                                                                                        id={ `yoast-seo-analysis-collapsible-${ location }` }
                                                                                >
                                                                                        <SynonymSlot location={ location } />
                                                                                        { this.props.shouldUpsell && <Fragment>
                                                                                                { this.renderSynonymsUpsell( location, locationContext ) }
                                                                                                { this.renderMultipleKeywordsUpsell( location, locationContext ) }
                                                                                        </Fragment> }
                                                                                        { this.props.shouldUpsellWordFormRecognition && this.renderWordFormsUpsell( location, locationContext ) }
                                                                                        <AnalysisHeader>
                                                                                                { __( "Analysis results", "wordpress-seo" ) }
                                                                                        </AnalysisHeader>
                                                                                        <Results
                                                                                                results={ this.props.results }
                                                                                                upsellResults={ upsellResults }
                                                                                                marksButtonClassName="yoast-tooltip yoast-tooltip-w"
                                                                                                editButtonClassName="yoast-tooltip yoast-tooltip-w"
                                                                                                marksButtonStatus={ this.props.marksButtonStatus }
                                                                                                location={ location }
                                                                                                shouldUpsellHighlighting={ this.props.shouldUpsellHighlighting }
                                                                                                highlightingUpsellLink={ highlightingUpsellLink }
                                                                                                renderAIFixesButton={ this.renderAIFixesButton }
                                                                                        />
                                                                                </Collapsible>
                                                                                { this.renderTabIcon( location, score.className ) }
                                                                        </Fragment>
                                                                );
                                                        } }
                                                </RootContext.Consumer>
                                        );
                                } }
                        </LocationConsumer>
                );
        }
}

SeoAnalysis.propTypes = {
        results: PropTypes.array,
        marksButtonStatus: PropTypes.string,
        keyword: PropTypes.string,
        shouldUpsell: PropTypes.bool,
        shouldUpsellWordFormRecognition: PropTypes.bool,
        overallScore: PropTypes.number,
        shouldUpsellHighlighting: PropTypes.bool,
        isElementor: PropTypes.bool,
        isAiFeatureEnabled: PropTypes.bool,
};

SeoAnalysis.defaultProps = {
        results: [],
        marksButtonStatus: null,
        keyword: "",
        shouldUpsell: false,
        shouldUpsellWordFormRecognition: false,
        overallScore: null,
        shouldUpsellHighlighting: false,
        isElementor: false,
        isAiFeatureEnabled: false,
};

export default withSelect( ( select, ownProps ) => {
        const {
                getFocusKeyphrase,
                getMarksButtonStatus,
                getResultsForKeyword,
                getIsElementorEditor,
                getPreference,
        } = select( "yoast-seo/editor" );

        const keyword = getFocusKeyphrase();

        return {
                ...getResultsForKeyword( keyword ),
                marksButtonStatus: ownProps.hideMarksButtons ? "disabled" : getMarksButtonStatus(),
                keyword,
                isElementor: getIsElementorEditor(),
                isAiFeatureEnabled: getPreference( "isAiFeatureActive", false ),
        };
} )( SeoAnalysis );

1	/* global wpseoAdminL10n */
2	import { withSelect } from "@wordpress/data";
3	import { Component, Fragment } from "@wordpress/element";
4	import { __, sprintf } from "@wordpress/i18n";
5	import { addQueryArgs } from "@wordpress/url";
6	import { LocationConsumer, RootContext } from "@yoast/externals/contexts";
7	import PropTypes from "prop-types";
8	import styled from "styled-components";
9	import getIndicatorForScore from "../../analysis/getIndicatorForScore";
10	import getL10nObject from "../../analysis/getL10nObject";
11	import Results from "../../containers/Results";
12	import AnalysisUpsell from "../AnalysisUpsell";
13	import MetaboxCollapsible from "../MetaboxCollapsible";
14	import { ModalSmallContainer } from "../modals/Container";
15	import KeywordSynonyms from "../modals/KeywordSynonyms";
16	import { defaultModalClassName } from "../modals/Modal";
17	import MultipleKeywords from "../modals/MultipleKeywords";
18	import Modal from "../modals/SeoAnalysisModal";
19	import ScoreIconPortal from "../portals/ScoreIconPortal";
20	import SidebarCollapsible from "../SidebarCollapsible";
21	import SynonymSlot from "../slots/SynonymSlot";
22	import { getIconForScore } from "./mapResults";
23	import isBlockEditor from "../../helpers/isBlockEditor";
24	import AIAssessmentFixesButton from "../../ai-assessment-fixes/components/ai-assessment-fixes-button";
25
26	const AnalysisHeader = styled.span`	×
27	font-size: 1em;
28	font-weight: bold;
29	margin: 1.5em 0 1em;
30	display: block;
31	`;
32
33	/**
34	* Redux container for the seo analysis.
35	*/
36	class SeoAnalysis extends Component {
37	/**
38	* Renders the keyword synonyms upsell modal.
39	*
40	* @param {string} location The location of the upsell component. Used to determine the shortlinks in the component.
41	* @param {string} locationContext In which editor this component is rendered.
42	*
43	* @returns {JSX.Element} A modalButtonContainer component with the modal for a keyword synonyms upsell.
44	*/
45	renderSynonymsUpsell( location, locationContext ) {
46	const modalProps = {	×
47	className: `${ defaultModalClassName } yoast-gutenberg-modal__box yoast-gutenberg-modal__no-padding`,
48	classes: {
49	openButton: "wpseo-keyword-synonyms button-link",
50	},
51	labels: {
52	open: "+ " + __( "Add synonyms", "wordpress-seo" ),
53	modalAriaLabel: __( "Add synonyms", "wordpress-seo" ),
54	heading: __( "Add synonyms", "wordpress-seo" ),
55	},
56	};
57
58	const buyLink = wpseoAdminL10n[	×
59	location.toLowerCase() === "sidebar"	×
60	? "shortlinks.upsell.sidebar.focus_keyword_synonyms_button"
61	: "shortlinks.upsell.metabox.focus_keyword_synonyms_button"
62	];
63
64	return (	×
65	<Modal { ...modalProps }>
66	<ModalSmallContainer>
67	<KeywordSynonyms buyLink={ addQueryArgs( buyLink, { context: locationContext } ) } />
68	</ModalSmallContainer>
69	</Modal>
70	);
71	}
72
73	/**
74	* Renders the multiple keywords upsell modal.
75	*
76	* @param {string} location The location of the upsell component. Used to determine the shortlinks in the component.
77	* @param {string} locationContext In which editor this component is rendered.
78	*
79	* @returns {JSX.Element} A modalButtonContainer component with the modal for a multiple keywords upsell.
80	*/
81	renderMultipleKeywordsUpsell( location, locationContext ) {
82	const modalProps = {	×
83	className: `${ defaultModalClassName } yoast-gutenberg-modal__box yoast-gutenberg-modal__no-padding`,
84	classes: {
85	openButton: "wpseo-multiple-keywords button-link",
86	},
87	labels: {
88	open: "+ " + __( "Add related keyphrase", "wordpress-seo" ),
89	modalAriaLabel: __( "Add related keyphrases", "wordpress-seo" ),
90	heading: __( "Add related keyphrases", "wordpress-seo" ),
91	},
92	};
93
94	const buyLink = wpseoAdminL10n[	×
95	location.toLowerCase() === "sidebar"	×
96	? "shortlinks.upsell.sidebar.focus_keyword_additional_button"
97	: "shortlinks.upsell.metabox.focus_keyword_additional_button"
98	];
99
100	return (	×
101	<Modal { ...modalProps }>
102	<ModalSmallContainer>
103	<MultipleKeywords buyLink={ addQueryArgs( buyLink, { context: locationContext } ) } />
104	</ModalSmallContainer>
105	</Modal>
106	);
107	}
108
109	/**
110	* Renders the AnalysisUpsell component.
111	*
112	* @param {string} location The location of the upsell component. Used to determine the shortlink in the component.
113	* @param {string} locationContext In which editor this component is rendered.
114	*
115	* @returns {JSX.Element} The AnalysisUpsell component.
116	*/
117	renderWordFormsUpsell( location, locationContext ) {
118	let url = location === "sidebar"	×
119	? wpseoAdminL10n[ "shortlinks.upsell.sidebar.morphology_upsell_sidebar" ]
120	: wpseoAdminL10n[ "shortlinks.upsell.sidebar.morphology_upsell_metabox" ];
121	url = addQueryArgs( url, { context: locationContext } );	×
122	return (	×
123	<AnalysisUpsell
124	url={ url }
125	alignment={ location === "sidebar" ? "vertical" : "horizontal" }	×
126	/>
127	);
128	}
129
130	/**
131	* Renders the ScoreIconPortal component, which displays a score indication icon in the SEO metabox tab.
132	*
133	* @param {string} location Where this component is rendered.
134	* @param {string} scoreIndicator String indicating the score.
135	*
136	* @returns {JSX.Element} The rendered score icon portal element.
137	*/
138	renderTabIcon( location, scoreIndicator ) {
139	// The tab icon should only be rendered for the metabox.
140	if ( location !== "metabox" ) {	×
141	return null;	×
142	}
143
144	return (	×
145	<ScoreIconPortal
146	target="wpseo-seo-score-icon"
147	scoreIndicator={ scoreIndicator }
148	/>
149	);
150	}
151
152	/**
153	* Returns the list of results used to upsell the user to Premium.
154	*
155	* @param {string} location Where this component is rendered (metabox or sidebar).
156	* @param {string} locationContext In which editor this component is rendered.
157	*
158	* @returns {Array} The upsell results.
159	*/
160	getUpsellResults( location, locationContext ) {
161	let link = wpseoAdminL10n[ "shortlinks.upsell.metabox.keyphrase_distribution" ];	×
162	if ( location === "sidebar" ) {	×
163	link = wpseoAdminL10n[ "shortlinks.upsell.sidebar.keyphrase_distribution" ];	×
164	}
165	link = addQueryArgs( link, { context: locationContext } );	×
166
167	const keyphraseDistributionUpsellText = sprintf(	×
168	/* Translators: %1$s is a span tag that adds styling to 'Keyphrase distribution', %2$s is a closing span tag.
169	%3%s is an anchor tag with a link to yoast.com, %4$s is a closing anchor tag.*/
170	__(
171	"%1$sKeyphrase distribution%2$s: Have you evenly distributed your focus keyphrase throughout the whole text? " +
172	"%3$sYoast SEO Premium will tell you!%4$s",
173	"wordpress-seo"
174	),
175	"<span style='text-decoration: underline'>",
176	"</span>",
177	`<a href="${ link }" data-action="load-nfd-ctb" data-ctb-id="f6a84663-465f-4cb5-8ba5-f7a6d72224b2" target="_blank">`,
178	"</a>"
179	);
180
181	return [	×
182	{
183	score: 0,
184	rating: "upsell",
185	hasMarks: false,
186	hasJumps: false,
187	id: "keyphraseDistribution",
188	text: keyphraseDistributionUpsellText,
189	markerId: "keyphraseDistribution",
190	},
191	];
192	}
193
194	/* eslint-disable complexity */
195	/**
196	* Renders the Yoast AI Optimize button.
197	* The button is shown when:
198	* - The assessment can be fixed through Yoast AI Optimize.
199	* - The AI feature is enabled (for Yoast SEO Premium users; for Free users, the button is shown with an upsell).
200	* - We are in the block editor.
201	* - We are not in the Elementor editor, nor in the Elementor in-between screen.
202	*
203	* @param {boolean} hasAIFixes Whether the assessment can be fixed through Yoast AI Optimize.
204	* @param {string} id The assessment ID.
205	*
206	* @returns {void\|JSX.Element} The AI Optimize button, or nothing if the button should not be shown.
207	*/
208	renderAIFixesButton = ( hasAIFixes, id ) => {	×
209	const isPremium = getL10nObject().isPremium;	×
210
211	// Don't show the button if the AI feature is not enabled for Yoast SEO Premium users.
NEW 212	if ( isPremium && ! this.props.isAiFeatureEnabled ) {	×
NEW 213	return;	×
214	}
215
216	// The reason of adding the check if Elementor is active or not is because `isBlockEditor` method also returns `true` for Elementor.
217	// The reason of adding the check if the Elementor editor is active, is to stop showing the buttons in the in-between screen.
218	return hasAIFixes && isBlockEditor() && ! this.props.isElementor && ! document.body.classList.contains( "elementor-editor-active" ) && (	×
219	<AIAssessmentFixesButton id={ id } isPremium={ isPremium } />
220	);
221	};
222	/* eslint-enable complexity */
223
224	/**
225	* Renders the SEO Analysis component.
226	*
227	* @returns {JSX.Element} The SEO Analysis component.
228	*/
229	render() {
230	const score = getIndicatorForScore( this.props.overallScore );	×
231	const isPremium = getL10nObject().isPremium;	×
232	const highlightingUpsellLink = "shortlinks.upsell.sidebar.highlighting_seo_analysis";	×
233
234	if ( score.className !== "loading" && this.props.keyword === "" ) {	×
235	score.className = "na";	×
236	score.screenReaderReadabilityText = __( "Enter a focus keyphrase to calculate the SEO score", "wordpress-seo" );	×
237	}
238
239	return (	×
240	<LocationConsumer>
241	{ location => {
242	return (	×
243	<RootContext.Consumer>
244	{ ( { locationContext } ) => {
245	const Collapsible = location === "metabox" ? MetaboxCollapsible : SidebarCollapsible;	×
246
247	let upsellResults = [];	×
248	if ( this.props.shouldUpsell ) {	×
249	upsellResults = this.getUpsellResults( location, locationContext );	×
250	}
251
252	return (	×
253	<Fragment>
254	<Collapsible
255	title={ isPremium	×
256	? __( "Premium SEO analysis", "wordpress-seo" )
257	: __( "SEO analysis", "wordpress-seo" ) }
258	titleScreenReaderText={ score.screenReaderReadabilityText }
259	prefixIcon={ getIconForScore( score.className ) }
260	prefixIconCollapsed={ getIconForScore( score.className ) }
261	subTitle={ this.props.keyword }
262	id={ `yoast-seo-analysis-collapsible-${ location }` }
263	>
264	<SynonymSlot location={ location } />
265	{ this.props.shouldUpsell && <Fragment>	×
266	{ this.renderSynonymsUpsell( location, locationContext ) }
267	{ this.renderMultipleKeywordsUpsell( location, locationContext ) }
268	</Fragment> }
269	{ this.props.shouldUpsellWordFormRecognition && this.renderWordFormsUpsell( location, locationContext ) }	×
270	<AnalysisHeader>
271	{ __( "Analysis results", "wordpress-seo" ) }
272	</AnalysisHeader>
273	<Results
274	results={ this.props.results }
275	upsellResults={ upsellResults }
276	marksButtonClassName="yoast-tooltip yoast-tooltip-w"
277	editButtonClassName="yoast-tooltip yoast-tooltip-w"
278	marksButtonStatus={ this.props.marksButtonStatus }
279	location={ location }
280	shouldUpsellHighlighting={ this.props.shouldUpsellHighlighting }
281	highlightingUpsellLink={ highlightingUpsellLink }
282	renderAIFixesButton={ this.renderAIFixesButton }
283	/>
284	</Collapsible>
285	{ this.renderTabIcon( location, score.className ) }
286	</Fragment>
287	);
288	} }
289	</RootContext.Consumer>
290	);
291	} }
292	</LocationConsumer>
293	);
294	}
295	}
296
297	SeoAnalysis.propTypes = {	×
298	results: PropTypes.array,
299	marksButtonStatus: PropTypes.string,
300	keyword: PropTypes.string,
301	shouldUpsell: PropTypes.bool,
302	shouldUpsellWordFormRecognition: PropTypes.bool,
303	overallScore: PropTypes.number,
304	shouldUpsellHighlighting: PropTypes.bool,
305	isElementor: PropTypes.bool,
306	isAiFeatureEnabled: PropTypes.bool,
307	};
308
309	SeoAnalysis.defaultProps = {	×
310	results: [],
311	marksButtonStatus: null,
312	keyword: "",
313	shouldUpsell: false,
314	shouldUpsellWordFormRecognition: false,
315	overallScore: null,
316	shouldUpsellHighlighting: false,
317	isElementor: false,
318	isAiFeatureEnabled: false,
319	};
320
321	export default withSelect( ( select, ownProps ) => {
322	const {
323	getFocusKeyphrase,
324	getMarksButtonStatus,
325	getResultsForKeyword,
326	getIsElementorEditor,
327	getPreference,
UNCOV 328	} = select( "yoast-seo/editor" );	×
329
330	const keyword = getFocusKeyphrase();	×
331
332	return {	×
333	...getResultsForKeyword( keyword ),
334	marksButtonStatus: ownProps.hideMarksButtons ? "disabled" : getMarksButtonStatus(),	×
335	keyword,
336	isElementor: getIsElementorEditor(),
337	isAiFeatureEnabled: getPreference( "isAiFeatureActive", false ),
338	};
339	} )( SeoAnalysis );

Yoast / wordpress-seo / d3f9379a3483c011f5bac873e06ff892c1c8ef68

Source File Press 'n' to go to next uncovered line, 'b' for previous

Source File
Press 'n' to go to next uncovered line, 'b' for previous