hide button when ai feature is disabled

Author: vraja-pro

packages/js/src/components/fills/MetaboxFill.js

@@ -38,9 +38,10 @@ const BlackFridayPromotionWithMetaboxWarningsCheck = withMetaboxWarningsCheck( B
  * @returns {wp.Element} The Metabox component.
  */
 export default function MetaboxFill( { settings } ) {
-	const { isTerm, isPost } = useSelect( ( select ) => ( {
+	const { isTerm, isPost, isAiFeatureActive } = useSelect( ( select ) => ( {
 		isTerm: select( "yoast-seo/editor" ).getIsTerm(),
 		isPost: select( "yoast-seo/editor" ).getPostType() === "post",
+		isAiFeatureActive: select( "yoast-seo/editor" ).getPreference( "isAiFeatureActive" ),
 	} ), [] );
 
 	const isBlockEditorActive = isBlockEditor();
@@ -64,7 +65,7 @@ export default function MetaboxFill( { settings } ) {
 				>
 					<EditorIntro isBlockEditor={ isBlockEditorActive } isPost={ isPost } />
 				</SidebarItem>
-				{ isPost && isBlockEditorActive && <SidebarItem key="next-post" renderPriority={ 2 }>
+				{ isPost && isBlockEditorActive && isAiFeatureActive && <SidebarItem key="next-post" renderPriority={ 2 }>
 					<NextPostEditorItem location="metabox" />
 				</SidebarItem> }
 				<SidebarItem

packages/js/src/components/fills/SidebarFill.js

@@ -41,7 +41,10 @@ import { EditorIntro } from "../EditorIntro";
 export default function SidebarFill( { settings } ) {
 	const webinarIntroUrl = get( window, "wpseoScriptData.webinarIntroBlockEditorUrl", "https://yoa.st/webinar-intro-block-editor" );
 	const FirstEligibleNotification = useFirstEligibleNotification( { webinarIntroUrl } );
-	const isPost = useSelect( ( select ) => select( "yoast-seo/editor" ).getPostType() === "post", [] );
+	const { isAiFeatureActive, isPost } = useSelect( ( select ) => ( {
+		isAiFeatureActive: select( "yoast-seo/editor" ).getPreference( "isAiFeatureActive" ),
+		isPost: select( "yoast-seo/editor" ).getPostType() === "post",
+	} ), [] );
 
 	const isBlockEditorActive = isBlockEditor();
 	if ( isBlockEditorActive ) {
@@ -63,7 +66,7 @@ export default function SidebarFill( { settings } ) {
 				>
 					<EditorIntro isBlockEditor={ isBlockEditorActive } isPost={ isPost } />
 				</SidebarItem>
-				{ isPost && isBlockEditorActive && <SidebarItem key="next-post" renderPriority={ 2 }>
+				{ isPost && isBlockEditorActive && isAiFeatureActive && <SidebarItem key="next-post" renderPriority={ 2 }>
 					<NextPostEditorItem location="sidebar" />
 				</SidebarItem> }
 				{ settings.isKeywordAnalysisActive && <SidebarItem key="keyword-input" renderPriority={ 8 }>