{ __( 'String' ) }
-```
-
-### Browser compatibility of the Admin Page
-
-
-#### Suport for non-javascript environments
-
-Some static HTML is generated from the JSX files and rendered on build time before a release to provide a non-javascript UI with basic functionality if the browser does not report javascript capabilities.
-
-## Internal API
-
-### Action types
-
-Action types dispatched during the UI lifecycle are listed in `state/action-types.js`.
-
-### Available state selectors
-
-* **getActiveStatsTab( state )**
-* **getAdminEmailAddress( state )**
-* **getAkismetData( state )**
-* **getApiNonce( state )**
-* **getApiRootUrl( state )**
-* **getConnectUrl( state )**
-* **getCurrentVersion( state )**
-* **getInitialStateStatsData( state )**
-* **getJetpackNotices( state )**
-* **getJetpackStateNoticesErrorCode( state )**
-* **getJetpackStateNoticesErrorDescription( state )**
-* **getJetpackStateNoticesMessageCode( state )**
-* **getLastDownTime( state )**
-* **getModule( state, name )**
-* **getModuleOption( state, module_slug, option_name )** {
-* **getModuleOptionValidValues( state, module_slug, option_name )**
-* **getModules( state )**
-* **getModulesByFeature( state,**eature ) {
-* **getModulesThatRequireConnection( state )**
-* **getPluginUpdates( state )**
-* **getProtectCount( state )**
-* **getSearchTerm( state )**
-* **getSettings( state )**
-* **getSiteAdminUrl( state )**
-* **getSiteConnectionStatus( state )**
-* **getSiteDevMode( state )**
-* **getSitePlan( state )**
-* **getSiteRawUrl( state )**
-* **getSiteRoles( state )**
-* **getStatsData( state )**
-* **getTracksUserData( state )**
-* **getUserWpComAvatar( state )**
-* **getUserWpComEmail( state )**
-* **getUserWpComLogin( state )**
-* **getUsername( state )**
-* **isGutenbergAvailable( state )**
-
-### Available action creators (thunks)
-
-* **activateModule( slug )**
-* **deactivateModule( slug )**
-* **disconnectSite()**
-* **dismissJetpackActionNotice( notice )**
-* **dismissJetpackNotice( notice )**
-* **fetchAkismetData()**
-* **fetchConnectUrl()**
-* **fetchLastDownTime()**
-* **fetchModule()**
-* **fetchModules()**
-* **fetchPluginUpdates()**
-* **fetchPluginsData()**
-* **fetchProtectCount()**
-* **fetchSettings()**
-* **fetchSiteConnectionStatus()**
-* **fetchSiteData()**
-* **fetchStatsData( range )**
-* **fetchUserConnectionData()**
-* **filterSearch( term )**
-* **regeneratePostByEmailAddress()**
-* **resetOptions( options )**
-* **setInitialState()**
-* **statsSwitchTab( tab )**
-* **unlinkUser()**
-* **updateModuleOptions( slug, newOptionValues )**
-* **updateSetting( updatedOption )**
-
-#### How to use selectors and actions creators from a component file
-
-```javascript
-import { getModules, isModuleActivated, activateModule } from 'state/modules';
-
-export const YourComponent = ( props ) => (
-
-
-
-)
-
-// Connect selectors to the component's props
-const mapStateToProps = ( state, ownProps ) => {
- return {
- modules: getModules( state ),
- isModuleActivated: isModuleActivated( state, 'protect' ),
- ...ownProps
- }
-}
-
-// Connect action creators to the component's props
-const mapDispatchToProps = ( dispatch ) => {
- return {
- activate: ( module_name ) => dispatch( activateModule( module_name ) )
- deactivate: ( module_name ) => dispatch( deactivateModule( module_name ) )
- }
-}
-
-export default connect(
- mapStateToProps,
- mapDispatchToProps
-)( YourComponent )
-```
diff --git a/_inc/client/admin.js b/_inc/client/admin.js
deleted file mode 100644
index 177ea1a189f7d..0000000000000
--- a/_inc/client/admin.js
+++ /dev/null
@@ -1,155 +0,0 @@
-/**
- * External dependencies
- */
-import ReactDOM from 'react-dom';
-import React from 'react';
-import { Provider } from 'react-redux';
-import { HashRouter, Route, Switch } from 'react-router-dom';
-import { assign, get } from 'lodash';
-
-/**
- * Internal dependencies
- */
-import accessibleFocus from 'lib/accessible-focus';
-import store from 'state/redux-store';
-import i18n from 'i18n-calypso';
-import Main from 'main';
-import * as actionTypes from 'state/action-types';
-
-// Initialize the accessibile focus to allow styling specifically for keyboard navigation
-accessibleFocus();
-
-const Initial_State = window.Initial_State;
-
-Initial_State.locale = JSON.parse( Initial_State.locale );
-Initial_State.locale = get( Initial_State.locale, [ 'locale_data', 'jetpack' ], {} );
-
-if ( 'undefined' !== typeof Initial_State.locale[ '' ] ) {
- Initial_State.locale[ '' ].localeSlug = Initial_State.localeSlug;
-
- // Overloading the toLocaleString method to use the set locale
- Number.prototype.realToLocaleString = Number.prototype.toLocaleString;
-
- Number.prototype.toLocaleString = function( locale, options ) {
- locale = locale || Initial_State.localeSlug;
- options = options || {};
-
- return this.realToLocaleString( locale, options );
- };
-} else {
- Initial_State.locale = { '': { localeSlug: Initial_State.localeSlug } };
-}
-
-i18n.setLocale( Initial_State.locale );
-
-// Add dispatch and actionTypes to the window object so we can use it from the browser's console
-if ( 'undefined' !== typeof window && process.env.NODE_ENV === 'development' ) {
- assign( window, {
- actionTypes: actionTypes,
- dispatch: store.dispatch,
- } );
-}
-
-render();
-
-/**
- *
- */
-function render() {
- const container = document.getElementById( 'jp-plugin-container' );
-
- if ( container === null ) {
- return;
- }
-
- ReactDOM.render(
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
,
- container
- );
-}
-
-/**
- * Get translated route name according to route path
- *
- * @param {string} path - route path
- * @returns {string} translated route name
- */
-export function getRouteName( path ) {
- switch ( path ) {
- case '/dashboard':
- return i18n.translate( 'At A Glance', { context: 'Navigation item.' } );
- case '/setup':
- return i18n.translate( 'Set up', { context: 'Navigation item.' } );
- case '/my-plan':
- return i18n.translate( 'My Plan', { context: 'Navigation item.' } );
- case '/plans':
- return i18n.translate( 'Plans', { context: 'Navigation item.' } );
- case '/plans-prompt':
- return i18n.translate( 'Plans', { context: 'Navigation item.' } );
- case '/settings':
- return i18n.translate( 'Settings', { context: 'Navigation item.' } );
- case '/discussion':
- return i18n.translate( 'Discussion', { context: 'Navigation item.' } );
- case '/security':
- return i18n.translate( 'Security', { context: 'Navigation item.' } );
- case '/performance':
- return i18n.translate( 'Performance', { context: 'Navigation item.' } );
- case '/traffic':
- return i18n.translate( 'Traffic', { context: 'Navigation item.' } );
- case '/writing':
- return i18n.translate( 'Writing', { context: 'Navigation item.' } );
- case '/sharing':
- return i18n.translate( 'Sharing', { context: 'Navigation item.' } );
- default:
- return i18n.translate( 'At A Glance', { context: 'Navigation item.' } );
- }
-}
diff --git a/_inc/client/at-a-glance/activity.jsx b/_inc/client/at-a-glance/activity.jsx
deleted file mode 100644
index f6bf7102de0b3..0000000000000
--- a/_inc/client/at-a-glance/activity.jsx
+++ /dev/null
@@ -1,86 +0,0 @@
-/**
- * External dependencies
- */
-import React, { Component } from 'react';
-import PropTypes from 'prop-types';
-import { connect } from 'react-redux';
-import DashItem from 'components/dash-item';
-import Card from 'components/card';
-import { translate as __ } from 'i18n-calypso';
-// import { get, includes } from 'lodash';
-import classNames from 'classnames';
-import getRedirectUrl from 'lib/jp-redirect';
-
-/**
- * Internal dependencies
- */
-import { getSitePlan } from 'state/site';
-import { isDevMode } from 'state/connection';
-//import { PLAN_JETPACK_BUSINESS, PLAN_JETPACK_BUSINESS_MONTHLY, PLAN_VIP } from 'lib/plans/constants';
-
-class DashActivity extends Component {
- static propTypes = {
- inDevMode: PropTypes.bool.isRequired,
- siteRawUrl: PropTypes.string.isRequired,
- sitePlan: PropTypes.object.isRequired,
- };
-
- static defaultProps = {
- inDevMode: false,
- siteRawUrl: '',
- sitePlan: '',
- };
-
- render() {
- const { inDevMode } = this.props;
- // const sitePlan = get( this.props.sitePlan, 'product_slug', 'jetpack_free' );
- // const hasBackups = includes( [ PLAN_JETPACK_BUSINESS, PLAN_JETPACK_BUSINESS_MONTHLY, PLAN_VIP ], sitePlan );
- // const maybeUpgrade = hasBackups
- // ? __( "{{a}}View your site's activity{{/a}} in a single feed where you can see when events occur and rewind them if you need to.", {
- // components: {
- // a: activityLogLink
- // }
- // } )
- // : __( "{{a}}View your site's activity{{/a}} in a single feed where you can see when events occur and, {{plan}}with a plan{{/plan}}, rewind them if you need to.", {
- // components: {
- // a: activityLogLink,
- // plan:
- // }
- // } );
-
- // @todo: update this to use rewind text/CTA when available
- const activityLogOnlyText = __(
- 'Jetpack keeps a complete record of everything that happens on your site, taking the guesswork out of site management, debugging, and repair.'
- );
-
- return (
-
-
-
-
- { __( 'View site activity' ) }
-
-
- );
- }
-}
-
-export default connect( state => ( {
- sitePlan: getSitePlan( state ),
- inDevMode: isDevMode( state ),
-} ) )( DashActivity );
diff --git a/_inc/client/at-a-glance/akismet.jsx b/_inc/client/at-a-glance/akismet.jsx
deleted file mode 100644
index 224dbd13eebe8..0000000000000
--- a/_inc/client/at-a-glance/akismet.jsx
+++ /dev/null
@@ -1,214 +0,0 @@
-/**
- * External dependencies
- */
-import PropTypes from 'prop-types';
-import React, { Component } from 'react';
-import { connect } from 'react-redux';
-import { numberFormat, translate as __ } from 'i18n-calypso';
-import { get } from 'lodash';
-import getRedirectUrl from 'lib/jp-redirect';
-
-/**
- * Internal dependencies
- */
-import analytics from 'lib/analytics';
-import { PLAN_JETPACK_PREMIUM } from 'lib/plans/constants';
-import Card from 'components/card';
-import DashItem from 'components/dash-item';
-import restApi from 'rest-api';
-import QueryAkismetData from 'components/data/query-akismet-data';
-import { getAkismetData } from 'state/at-a-glance';
-import { getSitePlan } from 'state/site';
-import { isDevMode } from 'state/connection';
-import { getApiNonce, getUpgradeUrl } from 'state/initial-state';
-import JetpackBanner from 'components/jetpack-banner';
-
-class DashAkismet extends Component {
- static propTypes = {
- siteRawUrl: PropTypes.string.isRequired,
- siteAdminUrl: PropTypes.string.isRequired,
-
- // Connected props
- akismetData: PropTypes.oneOfType( [ PropTypes.string, PropTypes.object ] ).isRequired,
- isDevMode: PropTypes.bool.isRequired,
- upgradeUrl: PropTypes.string.isRequired,
- };
-
- static defaultProps = {
- siteRawUrl: '',
- siteAdminUrl: '',
- akismetData: 'N/A',
- isDevMode: '',
- };
-
- trackActivateClick() {
- analytics.tracks.recordJetpackClick( {
- type: 'activate-link',
- target: 'at-a-glance',
- feature: 'anti-spam',
- } );
- }
-
- onActivateClick = () => {
- this.trackActivateClick();
-
- restApi.activateAkismet().then( () => {
- window.location.href = this.props.siteAdminUrl + 'admin.php?page=akismet-key-config';
- } );
-
- return false;
- };
-
- getContent() {
- const akismetData = this.props.akismetData;
- const labelName = __( 'Anti-spam' );
- const isSiteOnFreePlan =
- 'jetpack_free' === get( this.props.sitePlan, 'product_slug', 'jetpack_free' );
-
- const support = {
- text: __(
- 'Jetpack Anti-spam powered by Akismet. Comments and contact form submissions are checked against our global database of spam.'
- ),
- link: 'https://akismet.com/',
- privacyLink: 'https://automattic.com/privacy/',
- };
-
- const getAkismetUpgradeBanner = () => {
- const description = __( 'Already have a key? {{a}}Activate Akismet{{/a}}', {
- components: {
- a: ,
- },
- } );
-
- return (
- - { inDevMode ? __( 'Unavailable in Dev Mode.' ) : activityLogOnlyText } -
-{ __( 'Loading…' ) }
-{ numberFormat( akismetData.all.spam ) }
-- { __( 'Spam comments blocked.', { - context: 'Example: "412 Spam comments blocked"', - } ) } -
-
-
- );
- }
-}
-
-export default connect( state => ( {
- akismetData: getAkismetData( state ),
- sitePlan: getSitePlan( state ),
- isDevMode: isDevMode( state ),
- upgradeUrl: getUpgradeUrl( state, 'aag-akismet' ),
- nonce: getApiNonce( state ),
-} ) )( DashAkismet );
diff --git a/_inc/client/at-a-glance/backups.jsx b/_inc/client/at-a-glance/backups.jsx
deleted file mode 100644
index 2db7309571b33..0000000000000
--- a/_inc/client/at-a-glance/backups.jsx
+++ /dev/null
@@ -1,255 +0,0 @@
-/**
- * External dependencies
- */
-import PropTypes from 'prop-types';
-import React, { Component } from 'react';
-import { connect } from 'react-redux';
-import DashItem from 'components/dash-item';
-import { translate as __ } from 'i18n-calypso';
-import { get, isEmpty, noop } from 'lodash';
-import getRedirectUrl from 'lib/jp-redirect';
-
-/**
- * Internal dependencies
- */
-import Card from 'components/card';
-import JetpackBanner from 'components/jetpack-banner';
-import QueryVaultPressData from 'components/data/query-vaultpress-data';
-import { getPlanClass, PLAN_JETPACK_PREMIUM } from 'lib/plans/constants';
-import { getSitePlan } from 'state/site';
-import { isPluginInstalled } from 'state/site/plugins';
-import { getVaultPressData } from 'state/at-a-glance';
-import { isDevMode } from 'state/connection';
-import { getUpgradeUrl, showBackups } from 'state/initial-state';
-
-/**
- * Displays a card for Backups based on the props given.
- *
- * @param {object} props Settings to render the card.
- * @returns {object} Backups card
- */
-const renderCard = props => (
- { props.content }
-
- { renderCard( {
- className: 'jp-dash-item__is-inactive',
- status: 'no-pro-uninstalled-or-inactive',
- content: __( 'Unavailable in Dev Mode.' ),
- } ) }
-
- );
- }
-
- return (
-
-
- );
- }
-}
-
-export default connect( state => {
- const sitePlan = getSitePlan( state );
-
- return {
- vaultPressData: getVaultPressData( state ),
- sitePlan,
- planClass: getPlanClass( sitePlan ),
- isDevMode: isDevMode( state ),
- isVaultPressInstalled: isPluginInstalled( state, 'vaultpress/vaultpress.php' ),
- showBackups: showBackups( state ),
- upgradeUrl: getUpgradeUrl( state, 'aag-backups' ),
- };
-} )( DashBackups );
diff --git a/_inc/client/at-a-glance/connections.jsx b/_inc/client/at-a-glance/connections.jsx
deleted file mode 100644
index ab0ebefc32b59..0000000000000
--- a/_inc/client/at-a-glance/connections.jsx
+++ /dev/null
@@ -1,228 +0,0 @@
-/**
- * External dependencies
- */
-import PropTypes from 'prop-types';
-import React, { Component } from 'react';
-import { connect } from 'react-redux';
-import { translate as __ } from 'i18n-calypso';
-import Gridicon from 'components/gridicon';
-import DashItem from 'components/dash-item';
-
-/**
- * Internal dependencies
- */
-import { getSiteConnectionStatus, isCurrentUserLinked, isDevMode } from 'state/connection';
-import {
- userCanDisconnectSite,
- userIsMaster,
- getUserWpComLogin,
- getUserWpComEmail,
- getUserWpComAvatar,
- getUserGravatar,
- getUsername,
- getSiteIcon,
-} from 'state/initial-state';
-import QueryUserConnectionData from 'components/data/query-user-connection';
-import ConnectButton from 'components/connect-button';
-import MobileMagicLink from 'components/mobile-magic-link';
-
-export class DashConnections extends Component {
- /*
- * Render a card for site connection. If it's connected, indicate if user is the connection owner.
- * Show alternative message if site is in development mode.
- *
- * @returns {string}
- */
- siteConnection() {
- let cardContent = '';
-
- if ( this.props.isDevMode ) {
- cardContent = (
- { this.getRewindContent() }
- ) }
-
- { this.props.siteIcon ? (
- 
- ) : (
-
- );
- } else if ( true === this.props.siteConnectionStatus ) {
- cardContent = (
-
- { __(
- 'Your site is in Development Mode, so it can not be connected to WordPress.com.'
- ) }
-
-
-
- );
- }
-
- return cardContent;
- }
-
- /*
- * Render a card for user linking. If it's connected, show the currently linked user.
- * Show an alternative message if site is in Dev Mode.
- *
- * @returns {string}
- */
- userConnection() {
- const maybeShowLinkUnlinkBtn = this.props.userIsMaster ? null : (
-
- { this.props.siteIcon ? (
-
- ) : (
-
- { this.props.userCanDisconnectSite && (
-
- { __( 'Your site is connected to WordPress.com.' ) }
- { this.props.userIsMaster && (
-
-
- { __( 'You are the Jetpack owner.' ) } - - ) } -
- - { __( 'You are the Jetpack owner.' ) } - - ) } -
-
- ) }
-
- { this.props.userGravatar ? (
-
- ) : (
-
- );
- } else {
- cardContent = this.props.isLinked ? (
-
- { __( 'The site is in Development Mode, so you can not connect to WordPress.com.' ) }
-
-
-
- ) : (
-
-
-
-
- { __( 'Connected as {{span}}%(username)s{{/span}}', {
- args: {
- username: this.props.userWpComLogin,
- },
- components: {
- span: ,
- },
- comment: '%(username) is the WordPress user login name.',
- } ) }
-
- { this.props.userWpComEmail }
- { maybeShowLinkUnlinkBtn }
-
-
- );
- }
-
- return cardContent;
- }
-
- render() {
- return (
-
- { __( 'Link your account to WordPress.com to get the most out of Jetpack.' ) }
-
- { maybeShowLinkUnlinkBtn }
-
-
- );
- }
-}
-
-DashConnections.propTypes = {
- siteConnectionStatus: PropTypes.any.isRequired,
- isDevMode: PropTypes.bool.isRequired,
- userCanDisconnectSite: PropTypes.bool.isRequired,
- userIsMaster: PropTypes.bool.isRequired,
- isLinked: PropTypes.bool.isRequired,
- userWpComLogin: PropTypes.any.isRequired,
- userWpComEmail: PropTypes.any.isRequired,
- userWpComAvatar: PropTypes.any.isRequired,
- userGravatar: PropTypes.any.isRequired,
- username: PropTypes.any.isRequired,
-};
-
-export default connect( state => {
- return {
- siteConnectionStatus: getSiteConnectionStatus( state ),
- isDevMode: isDevMode( state ),
- userCanDisconnectSite: userCanDisconnectSite( state ),
- userIsMaster: userIsMaster( state ),
- userWpComLogin: getUserWpComLogin( state ),
- userWpComEmail: getUserWpComEmail( state ),
- userWpComAvatar: getUserWpComAvatar( state ),
- userGravatar: getUserGravatar( state ),
- username: getUsername( state ),
- isLinked: isCurrentUserLinked( state ),
- siteIcon: getSiteIcon( state ),
- };
-} )( DashConnections );
diff --git a/_inc/client/at-a-glance/index.jsx b/_inc/client/at-a-glance/index.jsx
deleted file mode 100644
index 46f1be784bd54..0000000000000
--- a/_inc/client/at-a-glance/index.jsx
+++ /dev/null
@@ -1,187 +0,0 @@
-/**
- * External dependencies
- */
-import React, { Component } from 'react';
-import { connect } from 'react-redux';
-import { translate as __ } from 'i18n-calypso';
-import analytics from 'lib/analytics';
-import { chunk, get } from 'lodash';
-
-/**
- * Internal dependencies
- */
-import { withModuleSettingsFormHelpers } from 'components/module-settings/with-module-settings-form-helpers';
-import DashSectionHeader from 'components/dash-section-header';
-import DashActivity from './activity';
-import DashStats from './stats/index.jsx';
-import DashProtect from './protect';
-import DashMonitor from './monitor';
-import DashScan from './scan';
-import DashAkismet from './akismet';
-import DashBackups from './backups';
-import DashPluginUpdates from './plugins';
-import DashPhoton from './photon';
-import DashSearch from './search';
-import DashConnections from './connections';
-import QuerySitePlugins from 'components/data/query-site-plugins';
-import QuerySite from 'components/data/query-site';
-import {
- isMultisite,
- userCanManageModules,
- userCanViewStats,
- userIsSubscriber,
-} from 'state/initial-state';
-import { isDevMode } from 'state/connection';
-import { getModuleOverride } from 'state/modules';
-
-const renderPairs = layout =>
- layout.map( ( item, layoutIndex ) => [
- item.header,
- chunk( item.cards, 2 ).map( ( [ left, right ], cardIndex ) => (
-
-
-
-
-
-
- { this.siteConnection() }
-
-
-
-
-
-
- { this.userConnection() }
-
-
-
-
- ) ),
- ] );
-
-class AtAGlance extends Component {
- trackSecurityClick = () => analytics.tracks.recordJetpackClick( 'aag_manage_security_wpcom' );
-
- render() {
- const settingsProps = {
- updateOptions: this.props.updateOptions,
- getOptionValue: this.props.getOptionValue,
- isUpdating: this.props.isUpdating,
- multisite: this.props.multisite,
- };
- const urls = {
- siteAdminUrl: this.props.siteAdminUrl,
- siteRawUrl: this.props.siteRawUrl,
- };
- const securityHeader = (
- { left }
- { right }
-
-
- );
- // Status can be unavailable, active, provisioning, awaiting_credentials
- const rewindStatus = get( this.props.rewindStatus, [ 'state' ], '' );
- const securityCards = [];
- securityCards.push(
-
- );
- }
-
- /*
- * Non-admin zone...
- */
- let stats = '';
- if ( this.props.userCanViewStats ) {
- stats =
- { stats }
- { connections }
-
- ) : (
-
- { stats }
- { // Site Security
- this.props.getOptionValue( 'protect' ) && securityHeader }
- { protect }
- { connections }
-
- );
- } // render
-}
-
-export default connect( state => {
- return {
- userCanManageModules: userCanManageModules( state ),
- userCanViewStats: userCanViewStats( state ),
- userIsSubscriber: userIsSubscriber( state ),
- isDevMode: isDevMode( state ),
- getModuleOverride: module_name => getModuleOverride( state, module_name ),
- multisite: isMultisite( state ),
- };
-} )( withModuleSettingsFormHelpers( AtAGlance ) );
diff --git a/_inc/client/at-a-glance/monitor.jsx b/_inc/client/at-a-glance/monitor.jsx
deleted file mode 100644
index 7b127e33a8d2f..0000000000000
--- a/_inc/client/at-a-glance/monitor.jsx
+++ /dev/null
@@ -1,86 +0,0 @@
-/**
- * External dependencies
- */
-import PropTypes from 'prop-types';
-import React, { Component } from 'react';
-import { connect } from 'react-redux';
-import { translate as __ } from 'i18n-calypso';
-import analytics from 'lib/analytics';
-import getRedirectUrl from 'lib/jp-redirect';
-
-/**
- * Internal dependencies
- */
-import { isModuleAvailable } from 'state/modules';
-import { isDevMode } from 'state/connection';
-import DashItem from 'components/dash-item';
-
-class DashMonitor extends Component {
- static propTypes = {
- isDevMode: PropTypes.bool.isRequired,
- isModuleAvailable: PropTypes.bool.isRequired,
- };
-
- activateAndTrack = () => {
- analytics.tracks.recordEvent( 'jetpack_wpa_module_toggle', {
- module: 'monitor',
- toggled: 'on',
- } );
-
- this.props.updateOptions( { monitor: true } );
- };
-
- getContent() {
- const labelName = __( 'Downtime monitor' );
-
- const support = {
- text: __(
- 'Jetpack’s downtime monitor will continuously monitor your site, and alert you the moment that downtime is detected.'
- ),
- link: getRedirectUrl( 'jetpack-support-monitor' ),
- };
-
- if ( this.props.getOptionValue( 'monitor' ) ) {
- return (
- - { __( - 'Jetpack is monitoring your site. If we think your site is down, you will receive an email.' - ) } -
-- { this.props.isDevMode - ? __( 'Unavailable in Dev Mode.' ) - : __( - '{{a}}Activate Monitor{{/a}} to receive email notifications if your site goes down.', - { - components: { - a: , - }, - } - ) } -
-- { __( - "Jetpack is optimizing your image sizes and download speed using our fast global network of servers. This improves your site's performance on desktop and mobile devices." - ) } -
-- { this.props.isDevMode - ? __( 'Unavailable in Dev Mode' ) - : __( - "{{a}}Activate{{/a}} to optimize image sizes and load images from Jetpack's fast global network of servers. This improves your site's performance on desktop and mobile devices.", - { - components: { - a: , - }, - } - ) } -
-{ __( 'Loading…' ) }
-- { __( '%(number)s', '%(number)s', { - count: pluginUpdates.count, - args: { number: pluginUpdates.count }, - } ) } -
- ) } -- { updatesAvailable - ? [ - __( 'Plugin needs updating.', 'Plugins need updating.', { - count: pluginUpdates.count, - } ) + ' ', - ! this.props.isDevMode && - __( '{{a}}Turn on plugin autoupdates.{{/a}}', { - components: { a: }, - } ), - ] - : __( 'All plugins are up-to-date. Awesome work!' ) } -
-
-
- );
- }
-}
-
-export default connect( state => ( {
- pluginUpdates: getPluginUpdates( state ),
- isDevMode: isDevMode( state ),
-} ) )( DashPluginUpdates );
diff --git a/_inc/client/at-a-glance/protect.jsx b/_inc/client/at-a-glance/protect.jsx
deleted file mode 100644
index 1c4d001cab9d9..0000000000000
--- a/_inc/client/at-a-glance/protect.jsx
+++ /dev/null
@@ -1,107 +0,0 @@
-/**
- * External dependencies
- */
-import PropTypes from 'prop-types';
-import React, { Component } from 'react';
-import { connect } from 'react-redux';
-import DashItem from 'components/dash-item';
-import { numberFormat, translate as __ } from 'i18n-calypso';
-import getRedirectUrl from 'lib/jp-redirect';
-
-/**
- * Internal dependencies
- */
-import QueryProtectCount from 'components/data/query-dash-protect';
-import { isModuleAvailable } from 'state/modules';
-import { getProtectCount } from 'state/at-a-glance';
-import { isDevMode } from 'state/connection';
-
-class DashProtect extends Component {
- static propTypes = {
- isDevMode: PropTypes.bool.isRequired,
- protectCount: PropTypes.any.isRequired,
- isModuleAvailable: PropTypes.bool.isRequired,
- };
-
- activateProtect = () => this.props.updateOptions( { protect: true } );
-
- getContent() {
- const labelName = __( 'Protect' );
- const support = {
- text: __( 'Protects your site from traditional and distributed brute force login attacks.' ),
- link: getRedirectUrl( 'jetpack-support-protect' ),
- };
-
- if ( this.props.getOptionValue( 'protect' ) ) {
- const protectCount = this.props.protectCount;
-
- if ( false === protectCount || '0' === protectCount || 'N/A' === protectCount ) {
- return (
-
-
- - { __( - 'Jetpack is actively blocking malicious login attempts. Data will display here soon!' - ) } -
-{ numberFormat( protectCount ) }
-- { __( 'Total malicious attacks blocked on your site.' ) } -
-- { this.props.isDevMode - ? __( 'Unavailable in Dev Mode' ) - : __( - '{{a}}Activate Protect{{/a}} to keep your site protected from malicious sign in attempts.', - { - components: { - a: , - }, - } - ) } -
-
-
- )
- );
- }
-}
-
-export default connect( state => ( {
- protectCount: getProtectCount( state ),
- isDevMode: isDevMode( state ),
- isModuleAvailable: isModuleAvailable( state, 'protect' ),
-} ) )( DashProtect );
diff --git a/_inc/client/at-a-glance/scan.jsx b/_inc/client/at-a-glance/scan.jsx
deleted file mode 100644
index b73aa9eda12a5..0000000000000
--- a/_inc/client/at-a-glance/scan.jsx
+++ /dev/null
@@ -1,320 +0,0 @@
-/**
- * External dependencies
- */
-import PropTypes from 'prop-types';
-import React, { Component } from 'react';
-import { connect } from 'react-redux';
-import { numberFormat, translate as __ } from 'i18n-calypso';
-
-/**
- * Internal dependencies
- */
-import Card from 'components/card';
-import QueryVaultPressData from 'components/data/query-vaultpress-data';
-import QueryScanStatus from 'components/data/query-scan-status';
-import { getSitePlan, isFetchingSiteData } from 'state/site';
-import { getScanStatus, isFetchingScanStatus } from 'state/scan';
-import { isPluginInstalled } from 'state/site/plugins';
-import { getVaultPressScanThreatCount, getVaultPressData } from 'state/at-a-glance';
-import { isDevMode } from 'state/connection';
-import DashItem from 'components/dash-item';
-import { get, isArray } from 'lodash';
-import { getUpgradeUrl, showBackups } from 'state/initial-state';
-import JetpackBanner from 'components/jetpack-banner';
-import { getPlanClass, PLAN_JETPACK_PREMIUM } from 'lib/plans/constants';
-import getRedirectUrl from 'lib/jp-redirect';
-
-/**
- * Displays a card for Security Scan based on the props given.
- *
- * @param {object} props Settings to render the card.
- * @returns {object} Security Scan card
- */
-const renderCard = props => (
- { props.content }
- ) } -- { __( - 'For automated, comprehensive scanning of security threats, please {{a}}install and activate{{/a}} VaultPress.', - { - components: { - a: ( - - ), - }, - } - ) } -
- ) : null; - - const overrideContent = null === scanContent ? this.getUpgradeBanner() : null; - - return renderCard( { - className: 'jp-dash-item__is-inactive', - status: hasSitePlan ? inactiveOrUninstalled : 'no-pro-uninstalled-or-inactive', - content: [ scanContent ], - overrideContent, - } ); - } - - getUpgradeBanner() { - return ( -{ numberFormat( numberOfThreats ) }
, -- { __( - 'Security threat found. Please {{a}}fix it{{/a}} as soon as possible.', - 'Security threats found. Please {{a}}fix these{{/a}} as soon as possible.', - { - count: numberOfThreats, - components: { - a: , - }, - } - ) } -
, - ] ) } - { renderAction( dashboardUrl, __( 'View security scan details' ) ) } - - ); - } - - getRewindContent() { - const { scanStatus, siteRawUrl } = this.props; - - const scanDashboardUrl = getRedirectUrl( 'calypso-scanner', { - site: siteRawUrl, - } ); - - if ( Array.isArray( scanStatus.threats ) && scanStatus.threats.length > 0 ) { - return this.renderThreatsFound( scanStatus.threats.length, scanDashboardUrl ); - } - - if ( scanStatus.credentials && scanStatus.credentials.length === 0 ) { - return ( - <> - { renderActiveCard( - __( "You need to enter your server's credentials to finish the setup." ) - ) } - { renderAction( - getRedirectUrl( 'calypso-settings-security', { site: siteRawUrl } ), - __( 'Enter credentials' ) - ) } - - ); - } - - switch ( scanStatus.state ) { - case 'provisioning': - return <>{ renderActiveCard( __( 'We are configuring your site protection.' ) ) }; - case 'idle': - case 'scanning': - return ( - <> - { renderActiveCard( - __( - 'We are making sure your site stays free of security threats. ' + - 'You will be notified if we find one.' - ) - ) } - { renderAction( - getRedirectUrl( 'calypso-scanner', { site: siteRawUrl } ), - __( 'View security scan details' ) - ) } - - ); - } - - return false; - } - - getUpgradeContent() { - return renderCard( { - className: 'jp-dash-item__is-inactive', - overrideContent: this.getUpgradeBanner(), - } ); - } - - render() { - if ( ! this.props.showBackups ) { - return null; - } - - if ( this.props.isDevMode ) { - return renderCard( { - className: 'jp-dash-item__is-inactive', - content: __( 'Unavailable in Dev Mode.' ), - } ); - } - - // Show loading while we're getting props. - // Once we get them, test the Scan system and then VaultPress in order. - const { scanStatus, vaultPressData, fetchingScanStatus } = this.props; - let content = renderCard( { content: __( 'Loading…' ) } ); - if ( ! fetchingScanStatus && scanStatus.state && 'unavailable' !== scanStatus.state ) { - content ={ this.getRewindContent() }
;
- } else if ( get( vaultPressData, [ 'data', 'features', 'security' ], false ) ) {
- content = this.getVPContent();
- } else if ( 'N/A' === vaultPressData && ! fetchingScanStatus ) {
- content = this.getUpgradeContent();
- }
-
- return (
-
-
- );
- }
-}
-
-export default connect( state => {
- const sitePlan = getSitePlan( state );
-
- return {
- scanStatus: getScanStatus( state ),
- fetchingScanStatus: isFetchingScanStatus( state ),
- vaultPressData: getVaultPressData( state ),
- scanThreats: getVaultPressScanThreatCount( state ),
- sitePlan,
- planClass: getPlanClass( get( sitePlan, 'product_slug', '' ) ),
- isDevMode: isDevMode( state ),
- isVaultPressInstalled: isPluginInstalled( state, 'vaultpress/vaultpress.php' ),
- fetchingSiteData: isFetchingSiteData( state ),
- showBackups: showBackups( state ),
- upgradeUrl: getUpgradeUrl( state, 'aag-scan' ),
- };
-} )( DashScan );
diff --git a/_inc/client/at-a-glance/search.jsx b/_inc/client/at-a-glance/search.jsx
deleted file mode 100644
index 0ef5c13d89de7..0000000000000
--- a/_inc/client/at-a-glance/search.jsx
+++ /dev/null
@@ -1,181 +0,0 @@
-/**
- * External dependencies
- */
-import PropTypes from 'prop-types';
-import React, { Component } from 'react';
-import { connect } from 'react-redux';
-import { translate as __ } from 'i18n-calypso';
-import { noop } from 'lodash';
-import { getPlanClass, PLAN_JETPACK_SEARCH } from 'lib/plans/constants';
-import { SEARCH_DESCRIPTION, SEARCH_CUSTOMIZE_CTA, SEARCH_SUPPORT } from 'plans/constants';
-import getRedirectUrl from 'lib/jp-redirect';
-
-/**
- * Internal dependencies
- */
-import analytics from 'lib/analytics';
-import DashItem from 'components/dash-item';
-import Card from 'components/card';
-import JetpackBanner from 'components/jetpack-banner';
-import { isDevMode } from 'state/connection';
-import { getSitePlan, hasActiveSearchPurchase, isFetchingSitePurchases } from 'state/site';
-import { getUpgradeUrl, isAtomicSite } from 'state/initial-state';
-
-/**
- * Displays a card for Search based on the props given.
- *
- * @param {object} props Settings to render the card.
- * @returns {object} Search card
- */
-const renderCard = props => (
- { props.content }
-
-
-
- { this.props.hasSearchProduct ? (
-
- { SEARCH_CUSTOMIZE_CTA }
-
- ) : (
-
- { __( 'Add Search (Jetpack) Widget' ) }
-
- ) }
-
- );
- }
-
- return renderCard( {
- className: 'jp-dash-item__is-inactive',
- pro_inactive: false,
- content: __(
- '{{a}}Activate{{/a}} to help visitors quickly find answers with highly relevant instant search results and powerful filtering.',
- {
- components: {
- a: ,
- },
- }
- ),
- } );
- }
-}
-
-export default connect( state => {
- return {
- isAtomicSite: isAtomicSite( state ),
- isBusinessPlan: 'is-business-plan' === getPlanClass( getSitePlan( state ).product_slug ),
- isDevMode: isDevMode( state ),
- isFetching: isFetchingSitePurchases( state ),
- hasSearchProduct: hasActiveSearchPurchase( state ),
- upgradeUrl: getUpgradeUrl( state, 'aag-search' ),
- };
-} )( DashSearch );
diff --git a/_inc/client/at-a-glance/stats/dash-stats-bottom.jsx b/_inc/client/at-a-glance/stats/dash-stats-bottom.jsx
deleted file mode 100644
index 2754b9992fd4a..0000000000000
--- a/_inc/client/at-a-glance/stats/dash-stats-bottom.jsx
+++ /dev/null
@@ -1,155 +0,0 @@
-/**
- * External dependencies
- */
-import PropTypes from 'prop-types';
-import React, { Component } from 'react';
-import Button from 'components/button';
-import analytics from 'lib/analytics';
-import Card from 'components/card';
-import getRedirectUrl from 'lib/jp-redirect';
-
-/**
- * Internal dependencies
- */
-import { numberFormat, moment, translate as __ } from 'i18n-calypso';
-
-class DashStatsBottom extends Component {
- statsBottom() {
- let generalStats;
- if ( 'object' === typeof this.props.statsData.general ) {
- generalStats = this.props.statsData.general.stats;
- } else {
- generalStats = {
- views: '-',
- comments: '-',
- views_today: '-',
- views_best_day: '-',
- views_best_day_total: '-',
- };
- }
- return [
- {
- viewsToday: generalStats.views_today,
- bestDay: {
- day: generalStats.views_best_day,
- count: generalStats.views_best_day_total,
- },
- allTime: {
- views: generalStats.views,
- comments: generalStats.comments,
- },
- },
- ];
- }
-
- trackViewDetailedStats = () => analytics.tracks.recordJetpackClick( 'view_detailed_stats' );
-
- trackViewWpcomStats = () => analytics.tracks.recordJetpackClick( 'view_wpcom_stats' );
-
- render() {
- const s = this.statsBottom()[ 0 ];
-
- return (
- - { __( 'Jetpack Search is powering search on your site.' ) } -
-
-
- { __( 'Connect your account to WordPress.com to view more stats' ) }
-
- ) }
-
- );
- }
-}
-
-DashStatsBottom.propTypes = {
- siteRawUrl: PropTypes.string.isRequired,
- siteAdminUrl: PropTypes.string.isRequired,
- statsData: PropTypes.object.isRequired,
- isLinked: PropTypes.bool.isRequired,
-};
-
-DashStatsBottom.defaultProps = {
- siteRawUrl: '',
- siteAdminUrl: '',
- statsData: {},
- isLinked: false,
-};
-
-export default DashStatsBottom;
diff --git a/_inc/client/at-a-glance/stats/index.jsx b/_inc/client/at-a-glance/stats/index.jsx
deleted file mode 100644
index 7b17f2171ed02..0000000000000
--- a/_inc/client/at-a-glance/stats/index.jsx
+++ /dev/null
@@ -1,363 +0,0 @@
-/**
- * External dependencies
- */
-import PropTypes from 'prop-types';
-import React, { Component } from 'react';
-import { forEach, get, isEmpty } from 'lodash';
-import Card from 'components/card';
-import Chart from 'components/chart';
-import { connect } from 'react-redux';
-import DashSectionHeader from 'components/dash-section-header';
-import Button from 'components/button';
-import Spinner from 'components/spinner';
-import { numberFormat, moment, translate as __ } from 'i18n-calypso';
-import analytics from 'lib/analytics';
-import getRedirectUrl from 'lib/jp-redirect';
-
-/**
- * Internal dependencies
- */
-import { imagePath } from 'constants/urls';
-import { isDevMode, isCurrentUserLinked, getConnectUrl } from 'state/connection';
-import { getInitialStateStatsData } from 'state/initial-state';
-import QueryStatsData from 'components/data/query-stats-data';
-import DashStatsBottom from './dash-stats-bottom';
-import { getStatsData, statsSwitchTab, fetchStatsData, getActiveStatsTab } from 'state/at-a-glance';
-import { isModuleAvailable, getModuleOverride } from 'state/modules';
-import { emptyStatsCardDismissed } from 'state/settings';
-import ModuleOverriddenBanner from 'components/module-overridden-banner';
-
-export class DashStats extends Component {
- static propTypes = {
- isDevMode: PropTypes.bool.isRequired,
- siteRawUrl: PropTypes.string.isRequired,
- siteAdminUrl: PropTypes.string.isRequired,
- statsData: PropTypes.any.isRequired,
- isModuleAvailable: PropTypes.bool.isRequired,
- };
-
- constructor( props ) {
- super( props );
- this.state = {
- emptyStatsDismissed: props.isEmptyStatsCardDismissed,
- };
- }
-
- barClick( bar ) {
- if ( bar.data.link ) {
- analytics.tracks.recordJetpackClick( 'stats_bar' );
- window.open( bar.data.link, '_blank' );
- }
- }
-
- statsChart( unit ) {
- const props = this.props,
- s = [];
-
- let totalViews = 0;
-
- if ( 'object' !== typeof props.statsData[ unit ] ) {
- return { chartData: s, totalViews: false };
- }
-
- forEach( props.statsData[ unit ].data, function( v ) {
- const views = v[ 1 ];
- let date = v[ 0 ],
- chartLabel = '',
- tooltipLabel = '';
-
- // Increment total views for the period
- totalViews += views;
-
- if ( 'day' === unit ) {
- chartLabel = moment( date ).format( 'MMM D' );
- tooltipLabel = moment( date ).format( 'MMMM Do' );
- } else if ( 'week' === unit ) {
- date = date.replace( /W/g, '-' );
- chartLabel = moment( date ).format( 'MMM D' );
- tooltipLabel = __( 'Week of %(date)s', {
- args: { date: moment( date ).format( 'MMMM Do' ) },
- } );
- } else if ( 'month' === unit ) {
- chartLabel = moment( date ).format( 'MMM' );
- tooltipLabel = moment( date ).format( 'MMMM, YYYY' );
- }
-
- s.push( {
- label: chartLabel,
- value: views,
- nestedValue: null,
- className: 'statsChartbar',
- data: {
- link: getRedirectUrl( `calypso-stats-${ unit }`, {
- site: props.siteRawUrl,
- query: `startDate=${ date }`,
- } ),
- },
- tooltipData: [
- {
- label: tooltipLabel,
- value: __( 'Views: %(numberOfViews)s', {
- args: { numberOfViews: numberFormat( views ) },
- } ),
- className: 'tooltip class',
- },
- { label: __( 'Click to view detailed stats.' ) },
- ],
- } );
- } );
-
- return { chartData: s, totalViews: totalViews };
- }
-
- /**
- * Checks that the stats fetching didn't return errors.
- *
- * @returns {object|boolean} Returns statsData.general.errors or false if it is not an object
- */
- statsErrors() {
- return get( this.props.statsData, [ 'general', 'errors' ], false );
- }
-
- renderStatsChart( chartData ) {
- return (
-
-
-
-
- - { __( 'Views today', { comment: 'Referring to a number of page views' } ) } -
-{ s.viewsToday }
-
-
- - { __( 'Best overall day', { comment: 'Referring to a number of page views' } ) } -
-- { '-' === s.bestDay.count - ? '-' - : __( '%(number)s View', '%(number)s Views', { - count: s.bestDay.count, - args: { - number: numberFormat( s.bestDay.count ), - }, - } ) } -
-- { '-' === s.bestDay.day ? '-' : moment( s.bestDay.day ).format( 'MMMM Do, YYYY' ) } -
-
-
-
-
- - { __( 'All-time views', { comment: 'Referring to a number of page views' } ) } -
-- { '-' === s.allTime.views ? '-' : numberFormat( s.allTime.views ) } -
-
-
- - { __( 'All-time comments', { comment: 'Referring to a number of comments' } ) } -
-- { '-' === s.allTime.comments ? '-' : numberFormat( s.allTime.comments ) } -
-
-
-
- { ! this.props.isLinked && (
-
- { __( '{{button}}View detailed stats{{/button}}', {
- components: {
- button: (
-
- ),
- },
- } ) }
- { this.props.isLinked &&
- __( '{{button}}View more stats on WordPress.com {{/button}}', {
- components: {
- button: (
-
- ),
- },
- } ) }
-
-
-
- );
- }
-
- dismissCard = () => {
- this.setState( { emptyStatsDismissed: true } );
- this.props.updateOptions( { dismiss_empty_stats_card: true } );
- };
-
- renderEmptyStatsCard() {
- return (
-
-
-
-
-
- { __( 'Hello there! Your stats have been activated.' ) }
-
- { __( 'Just give us a little time to collect data so we can display it for you here.' ) }
-
-
- { __(
- 'Something happened while loading stats. Please try again later or {{a}}view your stats now on WordPress.com{{/a}}',
- {
- components: {
- a: (
-
- ),
- },
- }
- ) }
-
-
- );
- }
-
- const statsChart = this.statsChart( this.props.activeTab ),
- chartData = statsChart.chartData,
- totalViews = statsChart.totalViews,
- showEmptyStats =
- chartData.length &&
- totalViews <= 0 &&
- ! this.props.isEmptyStatsCardDismissed &&
- ! this.state.emptyStatsDismissed;
-
- return (
-
- { showEmptyStats ? this.renderEmptyStatsCard() : this.renderStatsChart( chartData ) }
-
- );
- }
-
- return (
-
-
- );
- }
-
- switchTo( timeFrame ) {
- analytics.tracks.recordJetpackClick( { target: 'stats_switch_view', view: timeFrame } );
- this.props.switchView( timeFrame );
- this.props.fetchStatsData( timeFrame );
- }
-
- switchToDay = () => this.switchTo( 'day' );
- switchToWeek = () => this.switchTo( 'week' );
- switchToMonth = () => this.switchTo( 'month' );
-
- maybeShowStatsTabs() {
- const statsChart = this.statsChart( this.props.activeTab );
-
- if (
- false === statsChart.totalViews &&
- ! this.props.isEmptyStatsCardDismissed &&
- ! this.state.emptyStatsDismissed
- ) {
- return false;
- }
-
- if ( this.props.getOptionValue( 'stats' ) && ! this.statsErrors() ) {
- return (
-
-
-
-
- { this.props.isDevMode
- ? __( 'Unavailable in Dev Mode' )
- : __(
- '{{a}}Activate Site Stats{{/a}} to see detailed stats, likes, followers, subscribers, and more! {{a1}}Learn More{{/a1}}',
- {
- components: {
- a: ,
- a1: (
-
- ),
- },
- }
- ) }
-
- { ! this.props.isDevMode && (
-
-
-
- ) }
- -
-
- - - { __( 'Days' ) } - - -
- - - { __( 'Weeks' ) } - - -
- - - { __( 'Months' ) } - - -
-
- );
- }
- return (
- this.props.isModuleAvailable && (
-
-
- { this.maybeShowStatsTabs() }
-
-
- { this.renderStatsArea() }
-
-
- )
- );
- }
-}
-
-export default connect(
- state => ( {
- isModuleAvailable: isModuleAvailable( state, 'stats' ),
- activeTab: getActiveStatsTab( state ),
- isDevMode: isDevMode( state ),
- isLinked: isCurrentUserLinked( state ),
- connectUrl: getConnectUrl( state ),
- statsData: isEmpty( getStatsData( state ) )
- ? getInitialStateStatsData( state )
- : getStatsData( state ),
- isEmptyStatsCardDismissed: emptyStatsCardDismissed( state ),
- getModuleOverride: module_name => getModuleOverride( state, module_name ),
- } ),
- dispatch => ( {
- switchView: tab => dispatch( statsSwitchTab( tab ) ),
- fetchStatsData: range => dispatch( fetchStatsData( range ) ),
- } )
-)( DashStats );
diff --git a/_inc/client/at-a-glance/stats/test/component.js b/_inc/client/at-a-glance/stats/test/component.js
deleted file mode 100644
index 97adcb4bef969..0000000000000
--- a/_inc/client/at-a-glance/stats/test/component.js
+++ /dev/null
@@ -1,130 +0,0 @@
-/**
- * External dependencies
- */
-import React from 'react';
-import { expect } from 'chai';
-import { shallow } from 'enzyme';
-import getRedirectUrl from 'lib/jp-redirect';
-
-/**
- * Internal dependencies
- */
-import { DashStats } from '../index';
-
-describe( 'Dashboard Stats', () => {
- let wrapper,
- testProps;
-
- before( function() {
- testProps = {
- siteRawUrl: 'example.org',
- siteAdminUrl: 'example.org/wp-admin',
- statsData: {
- general: {
- date: '2018-03-21',
- stats: {
- visitors_today: 0,
- visitors_yesterday: 0,
- visitors: 24,
- views_today: 0,
- views_yesterday: 0,
- views_best_day: '2017-05-18',
- views_best_day_total: 11,
- views: 59,
- comments: 6,
- posts: 11,
- followers_blog: 0,
- followers_comments: 0,
- comments_per_month: 0,
- comments_most_active_recent_day: '2016-03-08 20:37:56',
- comments_most_active_time: '17:00',
- comments_spam: 0,
- categories: 3,
- tags: 0,
- shares: 0,
- shares_twitter: 0,
- 'shares_google-plus-1': 0,
- 'shares_custom-1513105119': 0,
- shares_facebook: 0
- },
- visits: {
- unit: 'day',
- fields: [ 'period', 'views', 'visitors' ],
- data: [ [ '2018-02-20', 0, 0 ] ]
- }
- },
- day: undefined,
- },
- isModuleAvailable: true,
- isDevMode: false,
- moduleList: { stats: {} },
- activeTab: 'day',
- isLinked: true,
- connectUrl: getRedirectUrl( 'calypso-jetpack-connect' ),
- isEmptyStatsCardDismissed: false,
- getOptionValue: module => 'stats' === module,
- getModuleOverride: () => false,
- };
- } );
-
- describe( 'Initially', () => {
- before( function() {
- wrapper = shallow(
-
- { this.props.userCanManageOptions && (
-
- ) }
-
-
- );
- }
-}
-
-AppsCard.propTypes = {
- className: PropTypes.string,
-};
-
-export default connect(
- state => {
- return {
- isAppsCardDismissed: appsCardDismissed( state ),
- arePromotionsActive: arePromotionsActive( state ),
- userCanManageOptions: userCanManageOptions( state ),
- };
- },
- dispatch => {
- return {
- dismissAppCard: () => {
- return dispatch( updateSettings( { dismiss_dash_app_card: true } ) );
- },
- };
- }
-)( AppsCard );
diff --git a/_inc/client/components/apps-card/style.scss b/_inc/client/components/apps-card/style.scss
deleted file mode 100644
index d72ee62f536bd..0000000000000
--- a/_inc/client/components/apps-card/style.scss
+++ /dev/null
@@ -1,69 +0,0 @@
-.jp-apps-card {
- margin-top: rem( 64px );
- margin-bottom: 0;
-}
-
-.jp-apps-card__content {
- margin-bottom: 0;
-
- &.dops-card {
- padding: 0;
- }
-
- a:not( .dops-button ) {
- font-style: italic;
- }
-}
-
-.jp-apps-card__dismiss {
- position: absolute;
- top: 8px;
- right: 8px;
-
- &.dops-button.is-compact {
- padding: 8px 8px 2px 8px;
- }
-}
-
-.jp-apps-card__top {
- padding: rem( 60px ) 0 0;
- background: #ffffff;
- text-align: center;
-
- img {
- max-width: 26%;
- padding-top: 10px;
- }
-}
-
-.jp-apps-card__description {
- max-width: 80%;
- margin: 0 auto;
- padding: rem( 10px ) rem( 24px ) rem( 24px );
- line-height: 1.65;
- color: $black;
- text-align: center;
-
- .dops-button {
- margin: 8px 0;
- }
-}
-
-.jp-apps-card__paragraph {
- font-size: rem( 15px );
-}
-
-.jp-apps-card__header {
- margin-top: 0;
- margin-bottom: rem( 5px );
- font-weight: 500;
-}
-
-.jp-apps-card__promo_subhead {
- margin-top: 0;
- font-style: italic;
-}
-
-.jp-themes-card {
- margin-bottom: rem( 20px );
-}
diff --git a/_inc/client/components/banner/README.md b/_inc/client/components/banner/README.md
deleted file mode 100644
index f3274a7c26dc4..0000000000000
--- a/_inc/client/components/banner/README.md
+++ /dev/null
@@ -1,53 +0,0 @@
-# Banner
-
-This component renders a customizable banner.
-
-## Props:
-
-- *callToAction* - shows a CTA text.
-- *className* - any additional CSS classes.
-- *description* - the banner description.
-- *dismissPreferenceName*: the user preference name that we store a boolean against, prefixed with 'dismissible-card-' to avoid namespace collisions.
-- *dismissTemporary*: when true, clicking on the cross will dismiss the card for the current page load.
-- *event* - event to distinguish the nudge in tracks. Used as `cta_name` event property.
-- *feature* - slug of the feature to highlight in the plans compare card.
-- *href* - the component target URL.
-- *icon* - the component icon.
-- *list* - a list of the upgrade features.
-- *onClick* - a function associated to the click on the whole banner or just the CTA or dismiss button.
-- *plan* - PlanSlug of the plan that upgrade leads to.
-- *price* - one or two (original/discounted) upgrade prices.
-- *title* - (required) the banner title.
-
-If `href` is not provided, `feature` can auto-generate it.
-
-If `callToAction` is provided, `href` and `onClick` are not applied to the whole banner, but to the `callToAction` button only.
-
-If `dismissPreferenceName` is provided, `href` is only applied if `callToAction` is provided.
-
-## Usage:
-
-```js
-import { PLAN_BUSINESS, FEATURE_ADVANCED_SEO } from 'lib/plans/constants';
-import Banner from 'components/banner';
-
-render() {
- return (
-
-
-
-
-
-
- - { __( 'Get WordPress Apps for every device' ) } -
- -- { __( - 'Manage all your sites from a single dashboard: publish content, track stats, moderate comments, and so much more from anywhere in the world.' - ) } -
- - -
-
- );
- }
-
- return (
-
-
- );
- }
-
- getContent() {
- const { callToAction, description, list, title } = this.props;
-
- return (
-
-
-
-
-
-
- );
- }
-
- render() {
- const { callToAction, className, plan } = this.props;
- const planClass = getPlanClass( plan );
-
- const classes = classNames(
- 'dops-banner',
- className,
- { 'has-call-to-action': callToAction },
- { 'is-upgrade-personal': 'is-personal-plan' === planClass },
- { 'is-upgrade-premium': 'is-premium-plan' === planClass },
- { 'is-upgrade-business': 'is-business-plan' === planClass }
- );
-
- return (
-
-
- { callToAction && (
- { title }
- { description && { description }
}
- { size( list ) > 0 && (
- -
- { list.map( ( item, key ) => (
-
-
-
- { item } -
- ) ) }
-
- { callToAction && (
-
- ) }
-
- ) }
-
-
- { this.state.compact ? 'Normal Buttons' : 'Compact Buttons' }
-
-
-
-
- );
- },
-} );
-
-export default Buttons;
diff --git a/_inc/client/components/button-group/index.jsx b/_inc/client/components/button-group/index.jsx
deleted file mode 100644
index 176e942a512c3..0000000000000
--- a/_inc/client/components/button-group/index.jsx
+++ /dev/null
@@ -1,29 +0,0 @@
-/**
- * External dependencies
- */
-import React from 'react';
-import classNames from 'classnames';
-
-import './style.scss';
-
-export default class ButtonGroup extends React.Component {
- static displayName = 'ButtonGroup';
-
- static propTypes = {
- children( props ) {
- let error = null;
- React.Children.forEach( props.children, child => {
- if ( ! child.props || child.props.type !== 'button' ) {
- error = new Error( 'All children elements should be a Button.' );
- }
- } );
- return error;
- },
- };
-
- render() {
- const buttonGroupClasses = classNames( 'dops-button-group', this.props.className );
-
- return { this.props.children };
- }
-}
diff --git a/_inc/client/components/button-group/style.scss b/_inc/client/components/button-group/style.scss
deleted file mode 100644
index 5b7fb86ca76f4..0000000000000
--- a/_inc/client/components/button-group/style.scss
+++ /dev/null
@@ -1,43 +0,0 @@
-@import "../../scss/calypso-colors";
-
-.dops-button-group {
- .dops-button {
- border-left-width: 0;
- border-radius: 0;
-
- &:focus {
- // fixes focus styles in stacking context
- position: relative;
- z-index: z-index( 'button-group-parent', '.button-group .button:focus' );
- }
- &.is-primary:focus {
- box-shadow:
- 0 0 0 1px $white,
- 0 0 0 3px $blue-medium-dark;
- }
- &.is-scary:focus {
- box-shadow: inset 1px 0 0 $alert-red, 0 0 0 2px lighten( $alert-red, 20% );
- }
- &.is-primary.is-scary:focus {
- box-shadow: inset 1px 0 0 darken( $alert-red, 30% ), 0 0 0 2px lighten( $alert-red, 20% );
- }
- &.is-scary:first-child:focus {
- box-shadow: 0 0 0 2px lighten( $alert-red, 20% );
- }
- }
-
- .dops-button:first-child {
- border-left-width: 1px;
- border-top-left-radius: 4px;
- border-bottom-left-radius: 4px;
- }
-
- .dops-button:last-child {
- border-top-right-radius: 4px;
- border-bottom-right-radius: 4px;
- }
-
- .dops-section-header & .dops-button {
- margin-right: 0;
- }
-}
diff --git a/_inc/client/components/button-group/test/index.js b/_inc/client/components/button-group/test/index.js
deleted file mode 100644
index a0900d686f626..0000000000000
--- a/_inc/client/components/button-group/test/index.js
+++ /dev/null
@@ -1,42 +0,0 @@
-/**
- * External dependencies
- */
-import { assert } from 'chai';
-import React from 'react';
-import { shallow } from 'enzyme';
-import sinon from 'sinon';
-
-describe( 'ButtonGroup', function() {
- let sandbox, ButtonGroup, Button;
-
- beforeEach( function() {
- sandbox = sinon.sandbox.create();
- sandbox.stub( console, 'error' );
- sandbox.stub( console, 'log' );
-
- ButtonGroup = require( '../index' );
- Button = require( 'components/button' );
- } );
-
- afterEach( function() {
- sandbox.restore();
- } );
-
- it( 'should have ButtonGroup class', function() {
- const buttonGroup = shallow(
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-