# speechkit/7.0.0/src/editor/components/preview-panel/index.js

BeyondWords – AI audio for publishers, version 7.0.0. 71 lines.

- Page: https://pluginprobe.com/plugins/speechkit/7.0.0/code/src/editor/components/preview-panel/index.js
- Raw: https://pluginprobe.com/plugins/speechkit/7.0.0/raw/src/editor/components/preview-panel/index.js
- Modified: 2026-08-12T09:46:22+00:00

Line numbers below start at 1. Link to a line or a range by appending a fragment to the
page URL, for example `https://pluginprobe.com/plugins/speechkit/7.0.0/code/src/editor/components/preview-panel/index.js#L10-L20`.

```javascript
/**
 * WordPress dependencies
 */
import { __ } from '@wordpress/i18n';
import { PanelBody, PanelRow } from '@wordpress/components';
import { useSelect } from '@wordpress/data';

/**
 * Internal dependencies
 */
import ErrorNotice from '../error-notice';
import PlayAudio from '../play-audio';

/**
 * Whether the post has audio/video ready to preview.
 *
 * Matches PlayAudioCheck so the panel hides when PlayAudio would render nothing;
 * legacy `podcast_id` keys are recognised for upgraded posts.
 *
 * @param {Function} select Redux-style select() from `@wordpress/data`.
 *
 * @return {boolean} True when a content/podcast id is set on the post.
 */
function hasGeneratedContent( select ) {
	const meta = select( 'core/editor' ).getEditedPostAttribute( 'meta' );
	return Boolean(
		meta?.beyondwords_content_id ||
			meta?.beyondwords_podcast_id ||
			meta?.speechkit_podcast_id
	);
}

/**
 * Whether the post has a BeyondWords error message to surface.
 *
 * @param {Function} select Redux-style select() from `@wordpress/data`.
 *
 * @return {boolean} True when an error message is set on the post.
 */
function hasError( select ) {
	const meta = select( 'core/editor' ).getEditedPostAttribute( 'meta' );
	return Boolean(
		meta?.beyondwords_error_message || meta?.speechkit_error_message
	);
}

export function PreviewPanel() {
	// An error alone also shows the panel, mirroring the document-settings display.
	const showPanel = useSelect(
		( select ) => hasGeneratedContent( select ) || hasError( select ),
		[]
	);

	if ( ! showPanel ) {
		return null;
	}

	return (
		<PanelBody
			title={ __( 'Preview', 'speechkit' ) }
			initialOpen={ true }
			className="beyondwords beyondwords-sidebar__preview"
		>
			<ErrorNotice wrapper={ PanelRow } />
			<PlayAudio wrapper={ PanelRow } />
		</PanelBody>
	);
}

export default PreviewPanel;

```