client/me/security/controller.jsx - trunk - githubmirror/wp-calypso

client/me/security/controller.jsx
106 строк3 KB
malinajirka
QR Code App Login: add /me/security/qr-login page (#110490)
21 май 2026, 16:39
21 май 2026, 16:39ff65e55
import page from '@automattic/calypso-router';
import i18n from 'i18n-calypso';
import { createElement } from 'react';
import { getSocialServiceFromClientId } from 'calypso/lib/login';
import ConnectedAppsComponent from 'calypso/me/connected-applications';
import DollyComponent from 'calypso/me/dolly';
import PasswordComponent from 'calypso/me/security/main';
import SecurityAccountEmail from 'calypso/me/security-account-email';
import AccountRecoveryComponent from 'calypso/me/security-account-recovery';
import SecurityCheckupComponent from 'calypso/me/security-checkup';
import { SecuritySSHKey } from 'calypso/me/security-ssh-key/security-ssh-key';
import SocialLoginComponent from 'calypso/me/social-login';
import { successNotice } from 'calypso/state/notices/actions';

export function password( context, next ) {
	if ( context.query && context.query.updated === 'password' ) {
		context.store.dispatch(
			successNotice( i18n.translate( 'Your password was saved successfully.' ), {
				displayOnNextPage: true,
			} )
		);

		page.replace( window.location.pathname );
	}

	context.primary = createElement( PasswordComponent, {
		path: context.path,
	} );
	next();
}

export async function twoStep( context, next ) {
	const { default: TwoStepComponent } = await import( 'calypso/me/two-step' );

	context.primary = createElement( TwoStepComponent, {
		path: context.path,
	} );
	next();
}

export function connectedApplications( context, next ) {
	context.primary = createElement( ConnectedAppsComponent, {
		path: context.path,
	} );
	next();
}

export function accountRecovery( context, next ) {
	context.primary = createElement( AccountRecoveryComponent, {
		path: context.path,
	} );
	next();
}

export function securityAccountEmail( context, next ) {
	context.primary = <SecurityAccountEmail path={ context.path } />;

	next();
}

export function securityCheckup( context, next ) {
	context.primary = createElement( SecurityCheckupComponent, {
		path: context.path,
	} );
	next();
}

export function socialLogin( context, next ) {
	// Remove id_token from the address bar and push social connect args into the state instead
	if ( context.hash && context.hash.client_id ) {
		page.replace( context.path, context.hash );
		return;
	}

	const previousHash = context.state || {};
	const { client_id, user_email, user_name, id_token, state } = previousHash;
	const socialServiceResponse = client_id
		? { client_id, user_email, user_name, id_token, state }
		: null;
	const socialService = getSocialServiceFromClientId( client_id );

	context.primary = createElement( SocialLoginComponent, {
		path: context.path,
		socialService,
		socialServiceResponse,
	} );
	next();
}

export function dolly( context, next ) {
	context.primary = createElement( DollyComponent, {
		path: context.path,
	} );
	next();
}

export function sshKey( context, next ) {
	context.primary = <SecuritySSHKey queryParams={ context.query } />;
	next();
}

export function qrCodeAppLogin( context, next ) {
	const QRCodeAppLoginPage = require( 'calypso/me/qr-code-app-login' ).default;
	context.primary = createElement( QRCodeAppLoginPage, {} );
	next();
}