File Manager

✏️ Edit File: /home/mklsvubc/monicslandscape.co.uk/wp-content/plugins/surerank/src/apps/seo-popup/index.js

// Register SureRank's apiFetch middleware before any apiFetch call so
// metabox saves automatically fall back to admin-ajax.php when a
// security plugin or WAF blocks /wp-json/. See #2362.
import '@Functions/api-fetch-middleware';

import { createRoot } from 'react-dom';
import Modal from '@SeoPopup/modal';
import RegisterMenu from './register-menu';
import { registerPlugin } from '@wordpress/plugins';
import { select, useDispatch } from '@wordpress/data';
import { STORE_NAME } from '@Store/constants';
import { SureRankMonoLogo } from '@GlobalComponents/icons';
import { useEffect } from '@wordpress/element';
import { __ } from '@wordpress/i18n';
import PageCheckStatusIndicator from '@AdminComponents/page-check-status-indicator';
import usePageCheckStatus from './hooks/usePageCheckStatus';

import '@Store/store';
import './style.scss';

if ( select( 'core/editor' ) ) {
	// If Gutenberg editor, then only.
	registerPlugin( 'surerank-page-level-settings', { render: RegisterMenu } );
}

const RenderTriggerPopupButton = () => {
	const { updateModalState } = useDispatch( STORE_NAME );

// Get page checks status for indicator
	const { status, initializing, counts } = usePageCheckStatus();
	const isSidebarVariant =
		document
			.querySelector( '#surerank-classic-seo-popup-trigger' )
			?.getAttribute( 'data-surerank-variant' ) === 'sidebar';

// Mirror the Gutenberg label condition from SpectraPageSettingsPopup.
	const getButtonText = () => {
		if ( status === 'success' || counts.errorAndWarnings === 0 ) {
			return __( 'Manage Your SEO', 'surerank' );
		}
		return __( 'Optimize Here', 'surerank' );
	};

useEffect( () => {
		const adminBar = document.querySelector( '#wpadminbar' );
		if ( adminBar ) {
			adminBar.style.zIndex = '10';
		}
	}, [] );

if ( isSidebarVariant ) {
		return (
			<div className="surerank-classic-sidebar-trigger-wrap">
				<button
					className="button button-primary"
					type="button"
					onClick={ () => updateModalState( true ) }
				>
					{ getButtonText() }
				</button>
			</div>
		);
	}

return (
		<div className="relative inline-flex">
			<button
				className="inline-flex w-auto h-auto p-1 rounded-full border-0 bg-transparent focus:outline-none outline-none cursor-pointer"
				type="button"
				onClick={ () => updateModalState( true ) }
			>
				<SureRankMonoLogo className="size-6" />
			</button>
			<PageCheckStatusIndicator
				className="z-auto"
				status={ status }
				errorAndWarnings={ counts.errorAndWarnings }
				initializing={ initializing }
			/>
		</div>
	);
};

const getClassicTriggerMountTarget = () => {
	const sidebarTrigger = document.querySelector(
		'#surerank-classic-seo-popup-trigger'
	);
	if ( sidebarTrigger ) {
		return sidebarTrigger;
	}

// Term/user edit pages: #seo-popup is PHP-rendered inside <form>, so move it
	// into .wrap > h1 to appear beside the page heading (matches old insertRoot behaviour).
	const seoPopup = document.querySelector( '#seo-popup' );
	const pageHeading = document.querySelector( '.wrap > h1' );
	if ( seoPopup && pageHeading ) {
		pageHeading.appendChild( seoPopup );
	}
	return seoPopup;
};

// Metabox markup is server-rendered in the body, but this script may load in
// the head. Defer mount until the DOM has parsed the metabox container.
if ( document.readyState === 'loading' ) {
	document.addEventListener( 'DOMContentLoaded', mountClassicTrigger );
} else {
	mountClassicTrigger();
}

document.addEventListener( 'DOMContentLoaded', function () {
	// On frontend single views the shadow-DOM entry (front-end-meta-box) owns
	// the mount. Returning here prevents a duplicate root in the light DOM.
	if ( window.surerank_seo_popup?.is_frontend ) {
		return;
	}

let node = document.querySelector( '#surerank-root' );

if ( ! node ) {
		node = document.body.appendChild( document.createElement( 'div' ) );
		node.id = 'surerank-root';
		node.className = 'surerank-root';
	}

setTimeout( function () {
		const root = createRoot( node );
		root.render( <Modal /> );
	}, 1000 );
} );

Batal

⬅ Naik ke apps 7 item

Nama	Tipe	Ukuran	Diubah	Aksi
📁components	dir	—	2026-06-24 10:05	📂 Buka
📁hooks	dir	—	2026-06-24 10:05	📂 Buka
📁modal	dir	—	2026-06-24 10:05	📂 Buka
📁utils	dir	—	2026-06-24 10:05	📂 Buka
📜index.js	js	4.2 KB	2026-06-17 16:29	✏️ Edit 👁️ View
📜register-menu.js	js	8.4 KB	2026-04-15 18:21	✏️ Edit 👁️ View
📄style.scss	scss	1.8 KB	2026-05-20 12:46	✏️ Edit 👁️ View