/**

 * Interim login dialog.

 *

 * @output wp-includes/js/wp-auth-check.js

 */

( function( $ ) {

	var wrap,

		tempHidden,

		tempHiddenTimeout;

	/**

	 * Shows the authentication form popup.

	 *

	 * @since 3.6.0

	 * @private

	 */

	function show() {

		var parent = $( '#wp-auth-check' ),

			form = $( '#wp-auth-check-form' ),

			noframe = wrap.find( '.wp-auth-fallback-expired' ),

			frame, loaded = false;

		if ( form.length ) {

			// Add unload confirmation to counter (frame-busting) JS redirects.

			$( window ).on( 'beforeunload.wp-auth-check', function( event ) {

				event.originalEvent.returnValue = window.wp.i18n.__( 'Your session has expired. You can log in again from this page or go to the login page.' );

			});

			frame = $( '<iframe id="wp-auth-check-frame" frameborder="0">' ).attr( 'title', noframe.text() );

			frame.on( 'load', function() {

				var height, body;

				loaded = true;

				// Remove the spinner to avoid unnecessary CPU/GPU usage.

				form.removeClass( 'loading' );

				try {

					body = $( this ).contents().find( 'body' );

					height = body.height();

				} catch( er ) {

					wrap.addClass( 'fallback' );

					parent.css( 'max-height', '' );

					form.remove();

					noframe.focus();

					return;

				}

				if ( height ) {

					if ( body && body.hasClass( 'interim-login-success' ) ) {

						hide();

					} else {

						parent.css( 'max-height', height + 40 + 'px' );

					}

				} else if ( ! body || ! body.length ) {

					// Catch "silent" iframe origin exceptions in WebKit

					// after another page is loaded in the iframe.

					wrap.addClass( 'fallback' );

					parent.css( 'max-height', '' );

					form.remove();

					noframe.focus();

				}

			}).attr( 'src', form.data( 'src' ) );

			form.append( frame );

		}

		$( 'body' ).addClass( 'modal-open' );

		wrap.removeClass( 'hidden' );

		if ( frame ) {

			frame.focus();

			/*

			 * WebKit doesn't throw an error if the iframe fails to load

			 * because of "X-Frame-Options: DENY" header.

			 * Wait for 10 seconds and switch to the fallback text.

			 */

			setTimeout( function() {

				if ( ! loaded ) {

					wrap.addClass( 'fallback' );

					form.remove();

					noframe.focus();

				}

			}, 10000 );

		} else {

			noframe.focus();

		}

	}

	/**

	 * Hides the authentication form popup.

	 *

	 * @since 3.6.0

	 * @private

	 */

	function hide() {

		var adminpage = window.adminpage,

			wp        = window.wp;

		$( window ).off( 'beforeunload.wp-auth-check' );

		// When on the Edit Post screen, speed up heartbeat

		// after the user logs in to quickly refresh nonces.

		if ( ( adminpage === 'post-php' || adminpage === 'post-new-php' ) && wp && wp.heartbeat ) {

			wp.heartbeat.connectNow();

		}

		wrap.fadeOut( 200, function() {

			wrap.addClass( 'hidden' ).css( 'display', '' );

			$( '#wp-auth-check-frame' ).remove();

			$( 'body' ).removeClass( 'modal-open' );

		});

	}

	/**

	 * Set or reset the tempHidden variable used to pause showing of the modal

	 * after a user closes it without logging in.

	 *

	 * @since 5.5.0

	 * @private

	 */

	function setShowTimeout() {

		tempHidden = true;

		window.clearTimeout( tempHiddenTimeout );

		tempHiddenTimeout = window.setTimeout(

			function() {

				tempHidden = false;

			},

			300000 // 5 min.

		);

	}

	/**

	 * Binds to the Heartbeat Tick event.

	 *

	 * - Shows the authentication form popup if user is not logged in.

	 * - Hides the authentication form popup if it is already visible and user is

	 *   logged in.

	 *

	 * @ignore

	 *

	 * @since 3.6.0

	 *

	 * @param {Object} e The heartbeat-tick event that has been triggered.

	 * @param {Object} data Response data.

	 */

	$( function() {

		/**

		 * Hides the authentication form popup when the close icon is clicked.

		 *

		 * @ignore

		 *

		 * @since 3.6.0

		 */

		wrap = $( '#wp-auth-check-wrap' );

		wrap.find( '.wp-auth-check-close' ).on( 'click', function() {

			hide();

			setShowTimeout();

		});

	}).on( 'heartbeat-tick.wp-auth-check', function( e, data ) {

		if ( 'wp-auth-check' in data ) {

			if ( ! data['wp-auth-check'] && wrap.hasClass( 'hidden' ) && ! tempHidden ) {

				show();

			} else if ( data['wp-auth-check'] && ! wrap.hasClass( 'hidden' ) ) {

				hide();

			}

		}

	});

}(jQuery));