<?php

[0] Fix | Delete

[1] Fix | Delete

namespace ImageOptimization\Modules\Oauth\Components;

[2] Fix | Delete

[3] Fix | Delete

use ImageOptimization\Modules\Core\Components\Pointers;

[4] Fix | Delete

[5] Fix | Delete

if ( ! defined( 'ABSPATH' ) ) {

[6] Fix | Delete

exit; // Exit if accessed directly.

[7] Fix | Delete

}

[8] Fix | Delete

[9] Fix | Delete

class Connect_Pointer {

[10] Fix | Delete

const CURRENT_POINTER_SLUG = 'image-optimization-auth-connect';

[11] Fix | Delete

[12] Fix | Delete

public function admin_print_script() {

[13] Fix | Delete

if ( Connect::is_connected() ) {

[14] Fix | Delete

return;

[15] Fix | Delete

}

[16] Fix | Delete

[17] Fix | Delete

wp_enqueue_script( 'wp-pointer' );

[18] Fix | Delete

wp_enqueue_style( 'wp-pointer' );

[19] Fix | Delete

[20] Fix | Delete

$pointer_content = '<h3>' . esc_html__( 'Start by connecting your license', 'image-optimization' ) . '</h3>';

[21] Fix | Delete

$pointer_content .= '<p>' . esc_html__( 'You’re one click away from improving your site’s performance dramatically!', 'image-optimization' ) . '</p>';

[22] Fix | Delete

?>

[23] Fix | Delete

<script>

[24] Fix | Delete

jQuery( document ).ready( function( $ ) {

[25] Fix | Delete

console.log( $( '.image-optimization-stats-connect-button' ) );

[26] Fix | Delete

[27] Fix | Delete

const intervalId = setInterval( () => {

[28] Fix | Delete

if ( ! $( '.image-optimization-stats-connect-button' ).length ) {

[29] Fix | Delete

return;

[30] Fix | Delete

}

[31] Fix | Delete

[32] Fix | Delete

clearInterval(intervalId);

[33] Fix | Delete

[34] Fix | Delete

$( '.image-optimization-stats-connect-button' ).first().pointer( {

[35] Fix | Delete

content: '<?php echo $pointer_content; // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?>',

[36] Fix | Delete

pointerClass: 'image-optimization-auth-connect-pointer',

[37] Fix | Delete

position: {

[38] Fix | Delete

edge: 'top',

[39] Fix | Delete

align: <?php echo is_rtl() ? "'left'" : "'right'"; ?>,

[40] Fix | Delete

},

[41] Fix | Delete

} ).pointer( 'open' );

[42] Fix | Delete

}, 100 );

[43] Fix | Delete

} );

[44] Fix | Delete

</script>

[45] Fix | Delete

[46] Fix | Delete

<style>

[47] Fix | Delete

.image-optimization-auth-connect-pointer .wp-pointer-arrow {

[48] Fix | Delete

inset-block-start: 4px;

[49] Fix | Delete

inset-inline-start: 78%;

[50] Fix | Delete

}

[51] Fix | Delete

[52] Fix | Delete

.image-optimization-auth-connect-pointer .wp-pointer-arrow-inner {

[53] Fix | Delete

inset-block-start: 10px;

[54] Fix | Delete

}

[55] Fix | Delete

</style>

[56] Fix | Delete

<?php

[57] Fix | Delete

}

[58] Fix | Delete

[59] Fix | Delete

public function __construct() {

[60] Fix | Delete

add_action( 'in_admin_header', [ $this, 'admin_print_script' ] );

[61] Fix | Delete

}

[62] Fix | Delete

}

[63] Fix | Delete

[64] Fix | Delete