/**
 * Block: Buttons
 */

import './editor.scss';

import editButton from './edit';
import saveButton from './save';
import deprecated from './deprecated';
import blockAttributes from './attributes';
import getIcon from '../../utils/get-icon';
import dynamicContentAttributes from '../../extend/dynamic-content/attributes';

import {
	__,
} from '@wordpress/i18n';

import {
	registerBlockType,
} from '@wordpress/blocks';
import getContentTypeLabel from '../../extend/dynamic-content/utils/getContentTypeLabel';
import { getBlockAttributes } from '../../block-context';
import buttonContext from '../../block-context/button';

const attributes = Object.assign(
	{},
	getBlockAttributes( blockAttributes, buttonContext, generateBlocksDefaults.button ),
	dynamicContentAttributes
);

/**
 * Register our Button block.
 *
 * @param {string} name     Block name.
 * @param {Object} settings Block settings.
 * @return {?WPBlock}          The block, if it has been successfully
 *                             registered; otherwise `undefined`.
 */
registerBlockType( 'generateblocks/button', {
	apiVersion: 2,
	title: __( 'Button', 'generateblocks' ),
	description: __( 'Drive conversions with beautiful buttons.', 'generateblocks' ),
	icon: getIcon( 'button' ),
	category: 'generateblocks',
	keywords: [
		__( 'button' ),
		__( 'buttons' ),
		__( 'generate' ),
	],
	attributes,
	supports: {
		className: false,
	},
	edit: editButton,
	save: saveButton,
	deprecated,
	usesContext: [ 'postId', 'postType', 'generateblocks/query', 'generateblocks/inheritQuery' ],
	__experimentalLabel: ( attrs, { context } ) => {
		if (
			context === 'list-view' &&
			( attrs.text || attrs.removeText ) &&
			! attrs.useDynamicData
		) {
			if ( attrs.removeText ) {
				return __( 'Icon', 'generateblocks' );
			}

			return attrs.text;
		}

		return getContentTypeLabel( attrs, __( 'Button', 'generateblocks' ) );
	},
} );
