FileMaster

Edit File: save-auth-token.js

import { dispatch } from '@wordpress/data';
import { __ } from '@wordpress/i18n';
import { saveAuthAccessToken } from '@Functions/api';
import { memo, useLayoutEffect, useState } from '@wordpress/element';
import { getURLParams, removeQueryParams } from '@Functions/utils';
import { STORE_NAME } from '@AdminStore/constants';

/* global toast */

const SaveAccessToken = () => {
	const [ saving, setSaving ] = useState( false );

setTimeout( () => {
				window.close();
			}, 3000 );
		} catch ( error ) {
			toast.error(
				error?.message || __( 'Authentication failed', 'surerank' )
			);
		} finally {
			setSaving( false );
		}
	};

// This effect extracts the access token from URL parameters on component mount,
	// removes it from the URL for security, and saves it via the handleSaveToken function.
	useLayoutEffect( () => {
		const url = window?.location?.href;
		const accessToken = getURLParams( url, 'access_key' );
		if ( ! accessToken ) {
			return;
		}
		const finalURL = removeQueryParams( url, 'access_key' );
		window.history.replaceState( {}, document.title, finalURL );
		handleSaveToken( accessToken );
	}, [] );

return null;
};

export default memo( SaveAccessToken );

Back