224 lines
6.3 KiB
PHP
224 lines
6.3 KiB
PHP
<?php
|
|
/**
|
|
* OpenTable Block.
|
|
*
|
|
* @since 8.2
|
|
*
|
|
* @package automattic/jetpack
|
|
*/
|
|
|
|
namespace Automattic\Jetpack\Extensions\OpenTable;
|
|
|
|
use Automattic\Jetpack\Blocks;
|
|
use Jetpack_Gutenberg;
|
|
|
|
/**
|
|
* Registers the block for use in Gutenberg
|
|
* This is done via an action so that we can disable
|
|
* registration if we need to.
|
|
*/
|
|
function register_block() {
|
|
Blocks::jetpack_register_block(
|
|
__DIR__,
|
|
array(
|
|
'render_callback' => __NAMESPACE__ . '\load_assets',
|
|
'plan_check' => true,
|
|
)
|
|
);
|
|
}
|
|
add_action( 'init', __NAMESPACE__ . '\register_block' );
|
|
|
|
/**
|
|
* OpenTable block registration/dependency declaration.
|
|
*
|
|
* @param array $attributes Array containing the OpenTable block attributes.
|
|
*
|
|
* @return string
|
|
*/
|
|
function load_assets( $attributes ) {
|
|
|
|
Jetpack_Gutenberg::load_assets_as_required( __DIR__ );
|
|
|
|
$classes = array();
|
|
$class_name = get_attribute( $attributes, 'className' );
|
|
$style = get_attribute( $attributes, 'style' );
|
|
|
|
if ( 'wide' === $style && jetpack_is_mobile() ) {
|
|
$attributes = array_merge( $attributes, array( 'style' => 'standard' ) );
|
|
$classes[] = 'is-style-mobile';
|
|
}
|
|
|
|
// Handles case of deprecated version using theme instead of block styles.
|
|
if ( ! $class_name || ! str_contains( $class_name, 'is-style-' ) ) {
|
|
$classes[] = sprintf( 'is-style-%s', $style );
|
|
}
|
|
|
|
if ( array_key_exists( 'rid', $attributes ) && is_array( $attributes['rid'] ) && count( $attributes['rid'] ) > 1 ) {
|
|
$classes[] = 'is-multi';
|
|
}
|
|
if ( array_key_exists( 'negativeMargin', $attributes ) && $attributes['negativeMargin'] ) {
|
|
$classes[] = 'has-no-margin';
|
|
}
|
|
$classes = Blocks::classes( Blocks::get_block_feature( __DIR__ ), $attributes, $classes );
|
|
$content = '<div class="' . esc_attr( $classes ) . '">';
|
|
|
|
$script_url = build_embed_url( $attributes );
|
|
|
|
if ( Blocks::is_amp_request() ) {
|
|
// Extract params from URL since it had jetpack_opentable_block_url filters applied.
|
|
$url_query = \wp_parse_url( $script_url, PHP_URL_QUERY ) . '&overlay=false&disablega=false';
|
|
|
|
$src = "https://www.opentable.com/widget/reservation/canvas?$url_query";
|
|
|
|
$params = array();
|
|
wp_parse_str( $url_query, $params );
|
|
|
|
// Note an iframe is similarly constructed in the block edit function.
|
|
$content .= sprintf(
|
|
'<amp-iframe src="%s" layout="fill" sandbox="allow-scripts allow-forms allow-same-origin allow-popups">%s</amp-iframe>',
|
|
esc_url( $src ),
|
|
sprintf(
|
|
'<a placeholder href="%s">%s</a>',
|
|
esc_url(
|
|
add_query_arg(
|
|
array(
|
|
'rid' => $params['rid'],
|
|
),
|
|
'https://www.opentable.com/restref/client/'
|
|
)
|
|
),
|
|
esc_html__( 'Make a reservation', 'jetpack' )
|
|
)
|
|
);
|
|
} else {
|
|
// The OpenTable script uses multiple `rid` paramters,
|
|
// so we can't use WordPress to output it, as WordPress attempts to validate it and removes them.
|
|
// phpcs:ignore WordPress.WP.EnqueuedResources.NonEnqueuedScript
|
|
$content .= '<script src="' . esc_url( $script_url ) . '"></script>';
|
|
}
|
|
|
|
$content .= '</div>';
|
|
|
|
return $content;
|
|
}
|
|
|
|
/**
|
|
* Get the a block attribute
|
|
*
|
|
* @param array $attributes Array of block attributes.
|
|
* @param string $attribute_name The attribute to get.
|
|
*
|
|
* @return string The filtered attribute
|
|
*/
|
|
function get_attribute( $attributes, $attribute_name ) {
|
|
if ( isset( $attributes[ $attribute_name ] ) ) {
|
|
if ( in_array( $attribute_name, array( 'iframe', 'newtab' ), true ) ) {
|
|
return $attributes[ $attribute_name ] ? 'true' : 'false';
|
|
}
|
|
return $attributes[ $attribute_name ];
|
|
}
|
|
|
|
$default_attributes = array(
|
|
'style' => 'standard',
|
|
'iframe' => 'true',
|
|
'domain' => 'com',
|
|
'lang' => 'en-US',
|
|
'newtab' => 'false',
|
|
);
|
|
|
|
return isset( $default_attributes[ $attribute_name ] ) ? $default_attributes[ $attribute_name ] : null;
|
|
}
|
|
|
|
/**
|
|
* Get the block type attribute
|
|
*
|
|
* @param array $attributes Array of block attributes.
|
|
*
|
|
* @return string The filtered attribute
|
|
*/
|
|
function get_type_attribute( $attributes ) {
|
|
if ( ! empty( $attributes['rid'] ) && is_countable( $attributes['rid'] ) && count( $attributes['rid'] ) > 1 ) {
|
|
return 'multi';
|
|
}
|
|
|
|
if ( empty( $attributes['style'] ) || 'button' !== $attributes['style'] ) {
|
|
return 'standard';
|
|
}
|
|
|
|
return 'button';
|
|
}
|
|
|
|
/**
|
|
* Get the block theme attribute
|
|
*
|
|
* OpenTable has a confusing mix of themes and types for the widget. A type
|
|
* can have a theme, but the button style can not have a theme. The other two
|
|
* types (multi and standard) can have one of the three themes.
|
|
*
|
|
* We have combined these into a `style` attribute as really there are 4 styles
|
|
* standard, wide, tall, and button. Multi can be determined by the number of
|
|
* restaurant IDs we have.
|
|
*
|
|
* This function along with `jetpack_opentable_block_get_type_attribute`, translates
|
|
* the style attribute to a type and theme.
|
|
*
|
|
* Type Theme Style
|
|
* ==========|==========|==========
|
|
* Multi | |
|
|
* Standard | Standard | Standard
|
|
* | Wide | Wide
|
|
* | Tall | Tall
|
|
* Button | Standard | Button
|
|
*
|
|
* @param array $attributes Array of block attributes.
|
|
*
|
|
* @return string The filtered attribute
|
|
*/
|
|
function get_theme_attribute( $attributes ) {
|
|
$valid_themes = array( 'standard', 'wide', 'tall' );
|
|
|
|
if ( empty( $attributes['style'] )
|
|
|| ! in_array( $attributes['style'], $valid_themes, true )
|
|
|| 'button' === $attributes['style'] ) {
|
|
return 'standard';
|
|
}
|
|
|
|
return $attributes['style'];
|
|
}
|
|
|
|
/**
|
|
* Build an embed URL from an array of block attributes.
|
|
*
|
|
* @param array $attributes Array of block attributess.
|
|
*
|
|
* @return string Embed URL
|
|
*/
|
|
function build_embed_url( $attributes ) {
|
|
$url = add_query_arg(
|
|
array(
|
|
'type' => get_type_attribute( $attributes ),
|
|
'theme' => get_theme_attribute( $attributes ),
|
|
'iframe' => get_attribute( $attributes, 'iframe' ),
|
|
'domain' => get_attribute( $attributes, 'domain' ),
|
|
'lang' => get_attribute( $attributes, 'lang' ),
|
|
'newtab' => get_attribute( $attributes, 'newtab' ),
|
|
),
|
|
'//www.opentable.com/widget/reservation/loader'
|
|
);
|
|
|
|
if ( ! empty( $attributes['rid'] ) ) {
|
|
foreach ( $attributes['rid'] as $rid ) {
|
|
$url .= '&rid=' . $rid;
|
|
}
|
|
}
|
|
|
|
/**
|
|
* Filter the OpenTable URL used to embed a widget.
|
|
*
|
|
* @since 8.2.0
|
|
*
|
|
* @param string $url OpenTable embed URL.
|
|
* @param array $attributes Array of block attributes.
|
|
*/
|
|
return apply_filters( 'jetpack_opentable_block_url', $url, $attributes );
|
|
}
|