# speechkit/4.0.1/src/Component/Post/Panel/Prepublish/index.js

BeyondWords – AI audio for publishers, version 4.0.1. 53 lines.

- Page: https://pluginprobe.com/plugins/speechkit/4.0.1/code/src/Component/Post/Panel/Prepublish/index.js
- Raw: https://pluginprobe.com/plugins/speechkit/4.0.1/raw/src/Component/Post/Panel/Prepublish/index.js
- Modified: 2023-07-29T23:31:04+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/4.0.1/code/src/Component/Post/Panel/Prepublish/index.js#L10-L20`.

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

const panel = ( { generateAudio, onGenerateAudioChange } ) => (
	<PanelBody title={ __( 'BeyondWords', 'speechkit' ) } initialOpen={ true }>
		<PanelRow>
			<ToggleControl
				label={ __( 'Generate audio', 'speechkit' ) }
				checked={ generateAudio }
				onChange={ ( value ) => {
					onGenerateAudioChange( value );
				} }
			/>
		</PanelRow>
	</PanelBody>
);

export default compose(
	withSelect( ( select ) => {
		const { getEditedPostAttribute } = select( 'core/editor' );

		const beyondwordsGenerateAudio =
			getEditedPostAttribute( 'meta' ).beyondwords_generate_audio;
		const speechkitGenerateAudio =
			getEditedPostAttribute( 'meta' ).speechkit_generate_audio;

		// todo get from AJAX
		return {
			generateAudio:
				beyondwordsGenerateAudio === '1' ||
				speechkitGenerateAudio === '1',
		};
	} ),
	withDispatch( ( dispatch ) => {
		const { editPost } = dispatch( 'core/editor' );

		return {
			onGenerateAudioChange: ( value ) => {
				editPost( {
					meta: {
						beyondwords_generate_audio: value ? '1' : '0',
					},
				} );
			},
		};
	} )
)( panel );

```