( function ( g ) {
var t = {
PLATFORM_WINDOWS: 'windows',
PLATFORM_IPHONE: 'iphone',
PLATFORM_IPOD: 'ipod',
PLATFORM_IPAD: 'ipad',
PLATFORM_BLACKBERRY: 'blackberry',
PLATFORM_BLACKBERRY_10: 'blackberry_10',
PLATFORM_SYMBIAN: 'symbian_series60',
PLATFORM_SYMBIAN_S40: 'symbian_series40',
PLATFORM_J2ME_MIDP: 'j2me_midp',
PLATFORM_ANDROID: 'android',
PLATFORM_ANDROID_TABLET: 'android_tablet',
PLATFORM_FIREFOX_OS: 'firefoxOS',
PLATFORM_MOBILE_GENERIC: 'mobile_generic',
userAgent : false, // Shortcut to the browser User Agent String.
matchedPlatformName : false, // Matched platform name. False otherwise.
matchedUserAgentName : false, // Matched UA String. False otherwise.
init: function() {
try {
t.userAgent = g.navigator.userAgent.toLowerCase();
t.getPlatformName();
t.getMobileUserAgentName();
} catch ( e ) {
console.error( e );
}
},
initForTest: function( userAgent ) {
t.matchedPlatformName = false;
t.matchedUserAgentName = false;
try {
t.userAgent = userAgent.toLowerCase();
t.getPlatformName();
t.getMobileUserAgentName();
} catch ( e ) {
console.error( e );
}
},
/**
* This method detects the mobile User Agent name.
*/
getMobileUserAgentName: function() {
if ( t.matchedUserAgentName !== false )
return t.matchedUserAgentName;
if ( t.userAgent === false )
return false;
if ( t.isChromeForIOS() )
t.matchedUserAgentName = 'chrome-for-ios';
else if ( t.isTwitterForIpad() )
t.matchedUserAgentName = 'twitter-for-ipad';
else if ( t.isTwitterForIphone() )
t.matchedUserAgentName = 'twitter-for-iphone';
else if ( t.isIPhoneOrIPod() )
t.matchedUserAgentName = 'iphone';
else if ( t.isIPad() )
t.matchedUserAgentName = 'ipad';
else if ( t.isAndroidTablet() )
t.matchedUserAgentName = 'android_tablet';
else if ( t.isAndroid() )
t.matchedUserAgentName = 'android';
else if ( t.isBlackberry10() )
t.matchedUserAgentName = 'blackberry_10';
else if ( has( 'blackberry' ) )
t.matchedUserAgentName = 'blackberry';
else if ( t.isBlackberryTablet() )
t.matchedUserAgentName = 'blackberry_tablet';
else if ( t.isWindowsPhone7() )
t.matchedUserAgentName = 'win7';
else if ( t.isWindowsPhone8() )
t.matchedUserAgentName = 'winphone8';
else if ( t.isOperaMini() )
t.matchedUserAgentName = 'opera-mini';
else if ( t.isOperaMobile() )
t.matchedUserAgentName = 'opera-mobi';
else if ( t.isKindleFire() )
t.matchedUserAgentName = 'kindle-fire';
else if ( t.isSymbianPlatform() )
t.matchedUserAgentName = 'series60';
else if ( t.isFirefoxMobile() )
t.matchedUserAgentName = 'firefox_mobile';
else if ( t.isFirefoxOS() )
t.matchedUserAgentName = 'firefoxOS';
else if ( t.isFacebookForIphone() )
t.matchedUserAgentName = 'facebook-for-iphone';
else if ( t.isFacebookForIpad() )
t.matchedUserAgentName = 'facebook-for-ipad';
else if ( t.isWordPressForIos() )
t.matchedUserAgentName = 'ios-app';
else if ( has( 'iphone' ) )
t.matchedUserAgentName = 'iphone-unknown';
else if ( has( 'ipad' ) )
t.matchedUserAgentName = 'ipad-unknown';
return t.matchedUserAgentName;
},
/**
* This method detects the mobile platform name.
*/
getPlatformName : function() {
if ( t.matchedPlatformName !== false )
return t.matchedPlatformName;
if ( t.userAgent === false )
return false;
if ( has( 'windows ce' ) || has( 'windows phone' ) ) {
t.matchedPlatformName = t.PLATFORM_WINDOWS;
} else if ( has( 'ipad' ) ) {
t.matchedPlatformName = t.PLATFORM_IPAD;
} else if ( has( 'ipod' ) ) {
t.matchedPlatformName = t.PLATFORM_IPOD;
} else if ( has( 'iphone' ) ) {
t.matchedPlatformName = t.PLATFORM_IPHONE;
} else if ( has( 'android' ) ) {
if ( t.isAndroidTablet() )
t.matchedPlatformName = t.PLATFORM_ANDROID_TABLET;
else
t.matchedPlatformName = t.PLATFORM_ANDROID;
} else if ( t.isKindleFire() ) {
t.matchedPlatformName = t.PLATFORM_ANDROID_TABLET;
} else if ( t.isBlackberry10() ) {
t.matchedPlatformName = t.PLATFORM_BLACKBERRY_10;
} else if ( has( 'blackberry' ) ) {
t.matchedPlatformName = t.PLATFORM_BLACKBERRY;
} else if ( t.isBlackberryTablet() ) {
t.matchedPlatformName = t.PLATFORM_BLACKBERRY;
} else if ( t.isSymbianPlatform() ) {
t.matchedPlatformName = t.PLATFORM_SYMBIAN;
} else if ( t.isSymbianS40Platform() ) {
t.matchedPlatformName = t.PLATFORM_SYMBIAN_S40;
} else if ( t.isJ2MEPlatform() ) {
t.matchedPlatformName = t.PLATFORM_J2ME_MIDP;
} else if ( t.isFirefoxOS() ) {
t.matchedPlatformName = t.PLATFORM_FIREFOX_OS;
} else if ( t.isFirefoxMobile() ) {
t.matchedPlatformName = t.PLATFORM_MOBILE_GENERIC;
}
return t.matchedPlatformName;
},
/**
* Detect the BlackBerry OS version.
*
* Note: This is for smartphones only. Does not work on BB tablets.
*/
getBlackBerryOSVersion : check( function() {
if ( t.isBlackberry10() )
return '10';
if ( ! has( 'blackberry' ) )
return false;
var rv = -1; // Return value assumes failure.
var re;
if ( has( 'webkit' ) ) { // Detecting the BB OS version for devices running OS 6.0 or higher
re = /Version\/([\d\.]+)/i;
} else {
// BlackBerry devices <= 5.XX
re = /BlackBerry\w+\/([\d\.]+)/i;
}
if ( re.exec( t.userAgent ) != null )
rv = RegExp.$1.toString();
return rv === -1 ? false : rv;
} ),
/**
* Detects if the current UA is iPhone Mobile Safari or another iPhone or iPod Touch Browser.
*/
isIPhoneOrIPod : check( function() {
return has( 'safari' ) && ( has( 'iphone' ) || has( 'ipod' ) );
} ),
/**
* Detects if the current device is an iPad.
*/
isIPad : check( function() {
return has( 'ipad' ) && has( 'safari' );
} ),
/**
* Detects if the current UA is Chrome for iOS
*/
isChromeForIOS : check( function() {
return t.isIPhoneOrIPod() && has( 'crios/' );
} ),
/**
* Detects if the current browser is the Native Android browser.
*/
isAndroid : check( function() {
if ( has( 'android' ) ) {
return ! ( t.isOperaMini() || t.isOperaMobile() || t.isFirefoxMobile() );
}
} ),
/**
* Detects if the current browser is the Native Android Tablet browser.
*/
isAndroidTablet : check( function() {
if ( has( 'android' ) && ! has( 'mobile' ) ) {
return ! ( t.isOperaMini() || t.isOperaMobile() || t.isFirefoxMobile() );
}
} ),
/**
* Detects if the current browser is Opera Mobile
*/
isOperaMobile : check( function() {
return has( 'opera' ) && has( 'mobi' );
} ),
/**
* Detects if the current browser is Opera Mini
*/
isOperaMini : check( function() {
return has( 'opera' ) && has( 'mini' );
} ),
/**
* isBlackberry10() can be used to check the User Agent for a BlackBerry 10 device.
*/
isBlackberry10 : check( function() {
return has( 'bb10' ) && has( 'mobile' );
} ),
/**
* isBlackberryTablet() can be used to check the User Agent for a RIM blackberry tablet
*/
isBlackberryTablet : check( function() {
return has( 'playbook' ) && has( 'rim tablet' );
} ),
/**
* Detects if the current browser is a Windows Phone 7 device.
*/
isWindowsPhone7 : check( function () {
return has( 'windows phone os 7' );
} ),
/**
* Detects if the current browser is a Windows Phone 8 device.
*/
isWindowsPhone8 : check( function () {
return has( 'windows phone 8' );
} ),
/**
* Detects if the device platform is J2ME.
*/
isJ2MEPlatform : check( function () {
return has( 'j2me/midp' ) || ( has( 'midp' ) && has( 'cldc' ) );
} ),
/**
* Detects if the device platform is the Symbian Series 40.
*/
isSymbianS40Platform : check( function() {
if ( has( 'series40' ) ) {
return has( 'nokia' ) || has( 'ovibrowser' ) || has( 'nokiabrowser' );
}
} ),
/**
* Detects if the device platform is the Symbian Series 60.
*/
isSymbianPlatform : check( function() {
if ( has( 'webkit' ) ) {
// First, test for WebKit, then make sure it's either Symbian or S60.
return has( 'symbian' ) || has( 'series60' );
} else if ( has( 'symbianos' ) && has( 'series60' ) ) {
return true;
} else if ( has( 'nokia' ) && has( 'series60' ) ) {
return true;
} else if ( has( 'opera mini' ) ) {
return has( 'symbianos' ) || has( 'symbos' ) || has( 'series 60' );
}
} ),
/**
* Detects if the current browser is the Kindle Fire Native browser.
*/
isKindleFire : check( function() {
return has( 'silk/' ) && has( 'silk-accelerated=' );
} ),
/**
* Detects if the current browser is Firefox Mobile (Fennec)
*/
isFirefoxMobile : check( function() {
return has( 'fennec' );
} ),
/**
* Detects if the current browser is the native FirefoxOS browser
*/
isFirefoxOS : check( function() {
return has( 'mozilla' ) && has( 'mobile' ) && has( 'gecko' ) && has( 'firefox' );
} ),
/**
* Detects if the current UA is Facebook for iPad
*/
isFacebookForIpad : check( function() {
if ( ! has( 'ipad' ) )
return false;
return has( 'facebook' ) || has( 'fbforiphone' ) || has( 'fban/fbios;' );
} ),
/**
* Detects if the current UA is Facebook for iPhone
*/
isFacebookForIphone : check( function() {
if ( ! has( 'iphone' ) )
return false;
return ( has( 'facebook' ) && ! has( 'ipad' ) ) ||
( has( 'fbforiphone' ) && ! has( 'tablet' ) ) ||
( has( 'fban/fbios;' ) && ! has( 'tablet' ) ); // FB app v5.0 or higher
} ),
/**
* Detects if the current UA is Twitter for iPhone
*/
isTwitterForIphone : check( function() {
if ( has( 'ipad' ) )
return false;
return has( 'twitter for iphone' );
} ),
/**
* Detects if the current UA is Twitter for iPad
*/
isTwitterForIpad : check( function() {
return has( 'twitter for ipad' ) || ( has( 'ipad' ) && has( 'twitter for iphone' ) );
} ),
/**
* Detects if the current UA is WordPress for iOS
*/
isWordPressForIos : check( function() {
return has( 'wp-iphone' );
} )
};
function has( str ) {
return t.userAgent.indexOf( str ) != -1;
}
function check( fn ) {
return function() {
return t.userAgent === false ? false : fn() || false;
}
}
g.wpcom_mobile_user_agent_info = t;
} )( typeof window !== 'undefined' ? window : this );
;
// listen for rlt authentication events and pass them to children of this document.
( function() {
var currentToken;
var parentOrigin;
var iframeOrigins;
var initializationListeners = [];
var hasBeenInitialized = false;
var RLT_KEY = 'jetpack:wpcomRLT';
// IE11 compat version that doesn't require on `new URL( src )`
function getOriginFromUrl( url ) {
var parser = document.createElement('a');
parser.href = url;
return parser.origin;
}
// run on `load` for suitable iframes, this injects the current token if available
function rltIframeInjector( event ) {
if ( ! currentToken ) {
return;
}
rltInjectToken( currentToken, event.target.contentWindow, getOriginFromUrl( event.target.src ) );
}
// run on DOMContentLoaded or later
function rltMonitorIframes() {
// wait until suitable iframes are loaded before trying to inject the RLT
var iframes = document.querySelectorAll( "iframe" );
for( var i=0; i<iframes.length; i++ ) {
var iframe = iframes[i];
if ( rltShouldAuthorizeIframe( iframe ) ) {
iframe.addEventListener('load', rltIframeInjector);
}
}
// listen for newly-created iframes, since some are injected dynamically
var observer = new MutationObserver(function( mutationsList, observer ) {
for(var i=0; i<mutationsList.length; i++) {
var mutation = mutationsList[i];
if (mutation.type === 'childList') {
for(var j=0; j<mutation.addedNodes.length; j++) {
var node = mutation.addedNodes[j];
if (node instanceof HTMLElement && node.nodeName === 'IFRAME' && rltShouldAuthorizeIframe(node)) {
node.addEventListener('load', rltIframeInjector);
}
}
}
}
});
observer.observe(document.body, { subtree: true, childList: true });
}
// should we inject RLT into this iframe?
function rltShouldAuthorizeIframe( iframe ) {
if ( ! Array.isArray( iframeOrigins ) ) {
return;
}
return iframeOrigins.indexOf( getOriginFromUrl( iframe.src ) ) >= 0;
}
function rltInvalidateWindowToken( token, target, origin ) {
if ( target && typeof target.postMessage === 'function' ) {
try {
target.postMessage( JSON.stringify( {
type: 'rltMessage',
data: {
event: 'invalidate',
token: token,
sourceOrigin: window.location.origin,
},
} ), origin );
} catch ( err ) {
return;
}
}
}
/**
* PUBLIC METHODS
*/
window.rltInvalidateToken = function( token, sourceOrigin ) {
// invalidate in current context
if ( token === currentToken ) {
currentToken = null;
}
// remove from localstorage, but only if in a top level window, not iframe
try {
if ( window.location === window.parent.location && window.localStorage ) {
if ( window.localStorage.getItem(RLT_KEY) === token ) {
window.localStorage.removeItem(RLT_KEY);
}
}
} catch( e ) {
console.info("localstorage access for invalidate denied - probably blocked third-party access", window.location.href);
}
// invalidate in iframes
var iframes = document.querySelectorAll("iframe");
for( var i=0; i<iframes.length; i++ ) {
var iframe = iframes[i];
var iframeOrigin = getOriginFromUrl( iframe.src );
if ( iframeOrigin !== sourceOrigin && rltShouldAuthorizeIframe( iframe ) ) {
rltInvalidateWindowToken( token, iframe.contentWindow, iframeOrigin );
}
}
// invalidate in parent
if ( parentOrigin && parentOrigin !== sourceOrigin && window.parent ) {
rltInvalidateWindowToken( token, window.parent, parentOrigin );
}
}
window.rltInjectToken = function( token, target, origin ) {
if ( target && typeof target.postMessage === 'function' ) {
try {
target.postMessage( JSON.stringify( {
type: 'loginMessage',
data: {
event: 'login',
success: true,
type: 'rlt',
token: token,
sourceOrigin: window.location.origin,
},
} ), origin );
} catch ( err ) {
return;
}
}
};
window.rltIsAuthenticated = function() {
return !! currentToken;
};
window.rltGetToken = function() {
return currentToken;
};
window.rltAddInitializationListener = function( listener ) {
// if RLT is already initialized, call the listener immediately
if ( hasBeenInitialized ) {
listener( currentToken );
} else {
initializationListeners.push( listener );
}
};
// store the token in localStorage
window.rltStoreToken = function( token ) {
currentToken = token;
try {
if ( window.location === window.parent.location && window.localStorage ) {
window.localStorage.setItem( RLT_KEY, token );
}
} catch( e ) {
console.info("localstorage access denied - probably blocked third-party access", window.location.href);
}
}
window.rltInitialize = function( config ) {
if ( ! config || typeof window.postMessage !== 'function' ) {
return;
}
currentToken = config.token;
iframeOrigins = config.iframeOrigins;
parentOrigin = config.parentOrigin; // needed?
// load token from localStorage if possible, but only in top level window
try {
if ( ! currentToken && window.location === window.parent.location && window.localStorage ) {
currentToken = window.localStorage.getItem(RLT_KEY);
}
} catch( e ) {
console.info("localstorage access denied - probably blocked third-party access", window.location.href);
}
// listen for RLT events from approved origins
window.addEventListener( 'message', function( e ) {
var message = e && e.data;
if ( typeof message === 'string' ) {
try {
message = JSON.parse( message );
} catch ( err ) {
return;
}
}
var type = message && message.type;
var data = message && message.data;
if ( type !== 'loginMessage' ) {
return;
}
if ( data && data.type === 'rlt' && data.token !== currentToken ) {
// put into localStorage if running in top-level window (not iframe)
rltStoreToken( data.token );
// send to allowlisted iframes
var iframes = document.querySelectorAll("iframe");
for( var i=0; i<iframes.length; i++ ) {
var iframe = iframes[i];
if ( rltShouldAuthorizeIframe( iframe ) ) {
rltInjectToken( currentToken, iframe.contentWindow, getOriginFromUrl( iframe.src ) );
}
}
// send to the parent, unless the event was sent _by_ the parent
if ( parentOrigin && parentOrigin !== data.sourceOrigin && window.parent ) {
rltInjectToken( currentToken, window.parent, parentOrigin );
}
}
} );
// listen for RLT events from approved origins
window.addEventListener( 'message', function( e ) {
var message = e && e.data;
if ( typeof message === 'string' ) {
try {
message = JSON.parse( message );
} catch ( err ) {
return;
}
}
var type = message && message.type;
var data = message && message.data;
if ( type !== 'rltMessage' ) {
return;
}
if ( data && data.event === 'invalidate' && data.token === currentToken ) {
rltInvalidateToken( data.token );
}
} );
if ( iframeOrigins ) {
if ( document.readyState !== 'loading' ) {
rltMonitorIframes();
} else {
window.addEventListener( 'DOMContentLoaded', rltMonitorIframes );
}
}
initializationListeners.forEach( function( listener ) {
listener( currentToken );
} );
initializationListeners = [];
hasBeenInitialized = true;
};
} )();
;
(function(){'use strict';window.wpNotesCommon=window.wpNotesCommon||{noteType2Noticon:{like:"like",follow:"follow",comment_like:"like",comment:"comment",comment_pingback:"external",reblog:"reblog",like_milestone_achievement:"trophy",achieve_followed_milestone_note:"trophy",achieve_user_anniversary:"trophy",best_liked_day_feat:"milestone",best_followed_day_feat:"milestone",automattician_achievement:"trophy",expired_domain_alert:"alert",automattcher:"atsign"},bumpStat:function(e,t){if(window.wpNotesIsJetpackClient){if(["notes-menu-impressions","notes-menu-clicks"].includes(e)){t=t.replace(/(,|$)/g,"-jetpack$1")}}new Image().src=`${document.location.protocol}//pixel.wp.com/g.gif?v=wpcom-no-pv&x_${e}=${t}&baba=${Math.random()}`},getKeycode:function(e){if(e.ctrlKey===true||e.altKey===true||e.metaKey===true){return false}let t=e.target;if(t&&t.nodeType===3){t=t.parentNode}const o=t&&t.tagName;if(e.keyCode&&(o==="INPUT"||o==="TEXTAREA"||o==="SELECT")){return false}if(e.keyCode&&t&&t.contentEditable==="true"){return false}return e.keyCode}}})();
;
( function () {
if ( typeof wpcom === 'undefined' ) {
window.wpcom = {};
}
if ( ! window.wpNotesArgs ) {
console.warn( 'Missing data from PHP (wpNotesArgs).' );
}
const wpNotesArgs = window.wpNotesArgs || {};
// The main cache buster _should_ always be defined.
const cacheBuster = wpNotesArgs.cacheBuster || 'none';
let iframeLoaded = false;
let iframeUrl = wpNotesArgs.iframeUrl || 'https://widgets.wp.com/notes/';
let iframeAppend = wpNotesArgs.iframeAppend || '';
let iframeScroll = wpNotesArgs.iframeScroll || 'no';
let wideScreen = wpNotesArgs.wide || false;
let iframePanelId;
let iframeFrameId;
class WPNTView {
constructor() {
this.el = document.querySelector( '#wp-admin-bar-notes' );
if ( ! this.el ) {
return;
}
this.hasUnseen = null;
this.initialLoad = true;
this.count = null;
this.iframe = null;
this.iframeWindow = null;
this.messageQ = [];
this.iframeSpinnerShown = false;
this.isJetpack = false;
this.linkAccountsURL = false;
this.currentMasterbarActive = undefined;
// Don't break notifications if jquery.spin isn't available.
// TODO: Remove once notes-common-v2.js no longer depends on jQuery spin.
if ( window.jQuery && window.jQuery.fn && ! window.jQuery.fn.spin ) {
window.jQuery.fn.spin = () => {};
}
const adminbar = document.querySelector( '#wpadminbar' );
this.isRtl = adminbar && adminbar.classList.contains( 'rtl' );
this.count = document.querySelector( '#wpnt-notes-unread-count' );
this.panel = document.querySelector( `#${ iframePanelId }` );
if ( ! this.count || ! this.panel ) {
return;
}
this.hasUnseen = this.count.classList.contains( 'wpn-unread' );
if ( window.wpNotesIsJetpackClient ) {
this.isJetpack = true;
}
if ( this.isJetpack && typeof window.wpNotesLinkAccountsURL !== 'undefined' ) {
this.linkAccountsURL = window.wpNotesLinkAccountsURL;
}
const handleItemInput = ( e ) => {
e.preventDefault();
this.togglePanel();
};
this.el.querySelectorAll( '.ab-item' ).forEach( ( el ) => {
el.addEventListener( 'click', handleItemInput );
el.addEventListener( 'touchstart', handleItemInput );
} );
const handleMouseWheel = ( e ) => {
if ( e && this.mouseInPanel ) {
e.preventDefault();
}
};
if ( iframeAppend === '2' ) {
// Disable scrolling on main page when cursor in notifications
this.panel.addEventListener( 'mousewheel', handleMouseWheel );
this.panel.addEventListener( 'mouseenter', () => {
this.mouseInPanel = true;
} );
this.panel.addEventListener( 'mouseleave', () => {
this.mouseInPanel = false;
} );
if ( typeof document.hidden !== 'undefined' ) {
document.addEventListener( 'visibilitychange', () => {
this.postMessage( {
action: 'toggleVisibility',
hidden: document.hidden,
} );
} );
}
}
// Click outside the panel to close the panel.
const handleMouseDownAndFocus = ( e ) => {
// Don't fire if the panel isn't showing
if ( ! this.showingPanel ) {
return true;
}
const clicked = e.target;
/**
* Don't fire if there's no real click target
* Prevents Firefox issue described here: http://datap2.wordpress.com/2013/08/15/running-in-to-some-strange/
*/
if ( clicked === document || clicked === document.documentElement ) {
return true;
}
// Don't fire on clicks in the panel.
if ( clicked.closest( '#wp-admin-bar-notes' ) ) {
return true;
}
this.hidePanel();
return false;
};
document.addEventListener( 'mousedown', handleMouseDownAndFocus );
document.addEventListener( 'focus', handleMouseDownAndFocus );
document.addEventListener( 'keydown', ( e ) => {
const keyCode = window.wpNotesCommon.getKeycode( e );
if ( ! keyCode ) {
return;
}
if ( keyCode === 27 ) {
// ESC close only
this.hidePanel();
}
if ( keyCode === 78 ) {
// n open/close
this.togglePanel();
}
// Ignore other commands if the iframe hasn't been loaded yet
if ( this.iframeWindow === null ) {
return;
}
if ( this.showingPanel ) {
if ( keyCode === 74 || keyCode === 40 ) {
// j and down arrow
this.postMessage( { action: 'selectNextNote' } );
e.preventDefault();
}
if ( keyCode === 75 || keyCode === 38 ) {
// k and up arrow
this.postMessage( { action: 'selectPrevNote' } );
e.preventDefault();
}
if ( keyCode === 82 || keyCode === 65 || keyCode === 83 || keyCode === 84 ) {
// mod keys (r,a,s,t) to pass to iframe
this.postMessage( { action: 'keyEvent', keyCode } );
e.preventDefault();
}
}
} );
// Listen to `notes:togglePanel` event from legacy Backbone systems.
if ( window.wpcom.events && window.wpcom.events.on ) {
window.wpcom.events.on( 'notes:togglePanel', () => this.togglePanel() );
}
if ( this.isJetpack ) {
this.loadIframe();
} else {
setTimeout( () => this.loadIframe(), 3000 );
}
if ( this.count.classList.contains( 'wpn-unread' ) ) {
window.wpNotesCommon.bumpStat( 'notes-menu-impressions', 'non-zero' );
} else {
window.wpNotesCommon.bumpStat( 'notes-menu-impressions', 'zero' );
}
// Listen for postMessage events from the iframe
window.addEventListener( 'message', ( event ) => {
if ( event.origin !== 'https://widgets.wp.com' ) {
return;
}
try {
const data = typeof event.data === 'string' ? JSON.parse( event.data ) : event.data;
if ( data.type !== 'notesIframeMessage' ) {
return;
}
this.handleEvent( data );
} catch ( e ) {
// Do nothing.
}
} );
}
handleEvent( event ) {
if ( ! event || ! event.action ) {
return;
}
switch ( event.action ) {
case 'togglePanel':
this.togglePanel();
break;
case 'render':
this.render( event.num_new, event.latest_type );
break;
case 'renderAllSeen':
this.renderAllSeen();
break;
case 'iFrameReady':
this.iFrameReady( event );
break;
case 'widescreen': {
const iframe = document.querySelector( `#${ iframeFrameId }` );
if ( iframe ) {
if ( event.widescreen && ! iframe.classList.contains( 'widescreen' ) ) {
iframe.classList.add( 'widescreen' );
} else if ( ! event.widescreen && iframe.classList.contains( 'widescreen' ) ) {
iframe.classList.remove( 'widescreen' );
}
}
break;
}
}
}
render( numNew, latestType ) {
if ( this.hasUnseen === false && numNew === 0 ) {
return;
}
// Assume the icon is correct on initial load.
if ( this.initialLoad && this.hasUnseen && numNew !== 0 ) {
this.initialLoad = false;
return;
}
if ( ! this.hasUnseen && numNew !== 0 ) {
window.wpNotesCommon.bumpStat( 'notes-menu-impressions', 'non-zero-async' );
}
let latestIconType = window.wpNotesCommon.noteType2Noticon[ latestType ];
if ( ! latestIconType ) {
latestIconType = 'notification';
}
this.count.innerHTML = '';
if ( numNew === 0 || this.showingPanel ) {
this.hasUnseen = false;
this.count.classList.remove( 'wpn-unread' );
this.count.classList.add( 'wpn-read' );
this.count.appendChild( this.getStatusIcon( numNew ) );
if ( window.wpcom.masterbar ) {
window.wpcom.masterbar.hasUnreadNotifications( false );
}
} else {
this.hasUnseen = true;
this.count.classList.remove( 'wpn-read' );
this.count.classList.add( 'wpn-unread' );
this.count.appendChild( this.getStatusIcon( null, latestIconType ) );
if ( window.wpcom.masterbar ) {
window.wpcom.masterbar.hasUnreadNotifications( true );
}
}
}
renderAllSeen() {
if ( ! this.hasToggledPanel ) {
return;
}
this.render( 0 );
}
getStatusIcon( number, alt = null ) {
// Changing `number` once produced different icons, but now it's ignored.
const iconClass = alt ? `noticon-${ alt }` : 'noticon-notification';
const el = document.createElement( 'span' );
el.classList.add( 'noticon' );
el.classList.add( iconClass );
return el;
}
togglePanel() {
if ( ! this.hasToggledPanel ) {
this.hasToggledPanel = true;
}
this.loadIframe();
this.el.classList.toggle( 'wpnt-stayopen' );
this.el.classList.toggle( 'wpnt-show' );
this.showingPanel = this.el.classList.contains( 'wpnt-show' );
document
.querySelectorAll( '.ab-active' )
.forEach( ( el ) => el.classList.remove( 'ab-active' ) );
if ( this.showingPanel ) {
this.el.querySelectorAll( '.wpn-unread' ).forEach( ( el ) => {
el.classList.remove( 'wpn-unread' );
el.classList.add( 'wpn-read' );
} );
this.reportIframeDelay();
if ( this.hasUnseen ) {
window.wpNotesCommon.bumpStat( 'notes-menu-clicks', 'non-zero' );
} else {
window.wpNotesCommon.bumpStat( 'notes-menu-clicks', 'zero' );
}
this.hasUnseen = false;
}
// tell the iframe we are opening it
this.postMessage( {
action: 'togglePanel',
showing: this.showingPanel,
} );
const focusNotesIframe = ( iframe ) => {
if ( iframe.contentWindow === null ) {
iframe.addEventListener( 'load', iframe.contentWindow.focus() );
} else {
iframe.contentWindow.focus();
}
};
if ( this.showingPanel ) {
focusNotesIframe( this.iframe );
} else {
window.focus();
}
this.setActive( this.showingPanel );
}
// Handle juggling the .active state of the masterbar
setActive( active ) {
if ( active ) {
this.currentMasterbarActive = document.querySelectorAll( '.masterbar li.active' );
this.currentMasterbarActive.forEach( ( el ) => el.classList.remove( 'active' ) );
this.el.classList.add( 'active' );
} else {
this.el.classList.remove( 'active' );
if ( this.currentMasterbarActive ) {
this.currentMasterbarActive.forEach( ( el ) => el.classList.add( 'active' ) );
}
this.currentMasterbarActive = undefined;
}
const a = this.el.querySelector( 'a' );
if ( a ) {
a.blur();
}
}
loadIframe() {
const args = [];
if ( this.iframe === null ) {
this.panel.classList.add( 'loadingIframe' );
if ( this.isJetpack ) {
args.push( 'jetpack=true' );
if ( this.linkAccountsURL ) {
args.push( 'link_accounts_url=' + escape( this.linkAccountsURL ) );
}
}
// Attempt to detect if browser is a touch device, similar code
// in Calypso. The class adds CSS needed for mobile Safari to allow
// scrolling of iframe.
if (
'ontouchstart' in window ||
( window.DocumentTouch && document instanceof window.DocumentTouch )
) {
this.panel.classList.add( 'touch' );
}
const panelRtl = this.panel.getAttribute( 'dir' ) === 'rtl';
const lang = this.panel.getAttribute( 'lang' ) || 'en';
args.push( 'v=' + cacheBuster );
args.push( 'locale=' + lang );
const queries = args.length ? '?' + args.join( '&' ) : '';
let src = iframeUrl;
if (
iframeAppend === '2' &&
( this.isRtl || panelRtl ) &&
! /rtl.html$/.test( iframeUrl )
) {
src = iframeUrl + 'rtl.html';
}
src = src + queries + '#' + document.location.toString();
if ( panelRtl ) {
src += '&rtl=1';
}
if ( ! lang.match( /^en/ ) ) {
src += '&lang=' + lang;
}
// Add the iframe (invisible until iFrameReady)
this.iframe = document.createElement( 'iframe' );
this.iframe.setAttribute( 'style', 'display:none' );
this.iframe.setAttribute( 'id', iframeFrameId );
this.iframe.setAttribute( 'frameborder', 0 );
this.iframe.setAttribute( 'allowtransparency', 'true' );
this.iframe.setAttribute( 'scrolling', iframeScroll );
this.iframe.setAttribute( 'src', src );
if ( wideScreen ) {
this.panel.classList.add( 'wide' );
this.iframe.classList.add( 'wide' );
}
// This stops twenty-twenty from wreaking its madness upon the iframe.
// @see https://opengrok.a8c.com/source/xref/pub/twentytwenty/assets/js/index.js?r=59938#314
this.iframe.classList.add( 'intrinsic-ignore' );
this.panel.appendChild( this.iframe );
}
}
reportIframeDelay() {
if ( ! this.iframeWindow ) {
if ( ! this.iframeSpinnerShown ) {
this.iframeSpinnerShown = new Date().getTime();
}
return;
}
if ( this.iframeSpinnerShown !== null ) {
let delay = 0;
if ( this.iframeSpinnerShown ) {
delay = new Date().getTime() - this.iframeSpinnerShown;
}
let bucket = '';
if ( delay === 0 ) {
bucket = '0';
} else if ( delay < 1000 ) {
bucket = '0-1';
} else if ( delay < 2000 ) {
bucket = '1-2';
} else if ( delay < 4000 ) {
bucket = '2-4';
} else if ( delay < 8000 ) {
bucket = '4-8';
} else {
bucket = '8-N';
}
window.wpNotesCommon.bumpStat( 'notes_iframe_perceived_delay', bucket );
this.iframeSpinnerShown = null;
}
}
iFrameReady( event ) {
const urlParser = new URL( this.iframe.src );
this.iframeOrigin = urlParser.protocol + '//' + urlParser.host;
this.iframeWindow = this.iframe.contentWindow;
if ( 'num_new' in event ) {
this.render( event.num_new, event.latest_type );
}
this.panel.classList.remove( 'loadingIframe' );
this.panel.querySelectorAll( '.wpnt-notes-panel-header' ).forEach( ( el ) => el.remove() );
this.iframe.style.removeProperty( 'display' );
if ( this.showingPanel ) {
this.reportIframeDelay();
}
const handleActivity = () => {
// Throttle postMessages since the overhead is pretty high & these events fire a lot
const now = new Date().getTime();
if ( ! this.lastActivityRefresh || this.lastActivityRefresh < now - 5000 ) {
this.lastActivityRefresh = now;
this.postMessage( { action: 'refreshNotes' } );
}
};
window.addEventListener( 'focus', handleActivity );
window.addEventListener( 'keydown', handleActivity );
window.addEventListener( 'mousemove', handleActivity );
window.addEventListener( 'scroll', handleActivity );
this.sendQueuedMessages();
}
hidePanel() {
if ( this.showingPanel ) {
this.togglePanel();
}
}
postMessage( message ) {
try {
let formattedMessage = typeof message === 'string' ? JSON.parse( message ) : message;
const isMessageValid =
typeof formattedMessage === 'function' ||
( typeof formattedMessage === 'object' && !! formattedMessage );
if ( ! isMessageValid ) {
return;
}
formattedMessage = {
type: 'notesIframeMessage',
...formattedMessage,
};
const targetOrigin = this.iframeOrigin;
if ( this.iframeWindow && this.iframeWindow.postMessage ) {
this.iframeWindow.postMessage( JSON.stringify( formattedMessage ), targetOrigin );
} else {
this.messageQ.push( formattedMessage );
}
} catch ( e ) {
// Do nothing.
}
}
sendQueuedMessages() {
this.messageQ.forEach( ( m ) => this.postMessage( m ) );
this.messageQ = [];
}
}
/**
* Check if browser is Safari
*/
function isSafari() {
return /^((?!chrome|android).)*safari/i.test( navigator.userAgent );
}
/**
* Require 3PC check not on safari and window location is not on wordpress.com or *.wordpress.com
*/
function requires3PC() {
return isSafari() ? window.location.hostname.match( /wordpress\.com$/ ) === null : true;
}
function loadCheck3PCIframe() {
var iframe = document.createElement( 'iframe' );
iframe.setAttribute( 'style', 'display:none' );
iframe.setAttribute( 'class', 'jetpack-notes-cookie-check' );
iframe.setAttribute( 'src', 'https://widgets.wp.com/3rd-party-cookie-check/index.html' );
document.body.appendChild( iframe );
}
function initCheck3PC() {
loadCheck3PCIframe();
window.addEventListener('message', function (event) {
// Confirm that the message is from the right origin.
if ('https://widgets.wp.com' !== event.origin) {
return;
}
// Check whether 3rd Party Cookies are blocked
if ( 'WPCOM:3PC:allowed' === event.data ) {
console.debug( '3PC allowed' );
initIFrame();
} else if ( 'WPCOM:3PC:blocked' === event.data ) {
console.debug( '3PC blocked' );
initRedirect();
}
}, false);
}
function initIFrame() {
if (
! document.querySelector( '#wpnt-notes-panel' ) &&
document.querySelector( '#wpnt-notes-panel2' ) &&
window.wpNotesIsJetpackClientV2
) {
iframeUrl = 'https://widgets.wp.com/notifications/';
iframeAppend = '2';
iframeScroll = 'yes';
wideScreen = true;
}
iframePanelId = 'wpnt-notes-panel' + iframeAppend;
iframeFrameId = 'wpnt-notes-iframe' + iframeAppend;
iframeLoaded = true;
new WPNTView();
}
function initRedirect() {
if ( iframeLoaded ) {
return;
}
document.querySelector( '#wp-admin-bar-notes' ).addEventListener( 'click', function( event ) {
event.stopPropagation();
event.preventDefault();
window.location = 'https://wordpress.com/read/notifications';
} );
}
function init() {
requires3PC() ? initCheck3PC() : initIFrame();
}
if ( document.readyState !== 'loading' ) {
init();
} else {
document.addEventListener( 'DOMContentLoaded', init );
}
} )();
;
!function(){let e=[];window.__tcfapi=function(){let t=[].slice.call(arguments),n=t[0];if("ping"===n)"function"==typeof t[2]&&t[2]({gdprApplies:!0,cmpLoaded:!1,cmpStatus:"stub",apiVersion:"2"});else{if("getQueue"===n)return e;e.push(t)}},window.addEventListener("message",(function(e){let t="string"==typeof e.data,n={};try{n=t?JSON.parse(e.data):e.data}catch(e){}let a=n.__tcfapiCall;a&&window.__tcfapi(a.command,a.version,(function(n,c){let s={__tcfapiReturn:{returnValue:n,success:c,callId:a.callId}};t&&(s=JSON.stringify(s)),e&&e.source&&e.source.postMessage&&e.source.postMessage(s,"*")}),a.parameter)}),!1),document.addEventListener("DOMContentLoaded",(function(){!function(){const e=document.createElement("iframe");e.style.cssText="display:none",e.name="__tcfapiLocator",document.body.appendChild(e)}()}))}();;