| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239 |
- <?php
- /**
- * OpenTable Block.
- *
- * @since 8.2
- *
- * @package automattic/jetpack
- */
- namespace Automattic\Jetpack\Extensions\OpenTable;
- use Automattic\Jetpack\Blocks;
- use Jetpack_Gutenberg;
- const FEATURE_NAME = 'opentable';
- const BLOCK_NAME = 'jetpack/' . FEATURE_NAME;
- /**
- * 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(
- BLOCK_NAME,
- array(
- 'render_callback' => __NAMESPACE__ . '\load_assets',
- 'plan_check' => true,
- )
- );
- }
- add_action( 'init', __NAMESPACE__ . '\register_block' );
- /**
- * Adds an inline script which updates the block editor settings to
- * add the site locale. This feels sligktly better than calling back
- * to the API before registering the block. It also seemed better than
- * creating a global
- */
- function add_language_setting() {
- wp_add_inline_script( 'jetpack-blocks-editor', sprintf( "wp.data.dispatch( 'core/block-editor' ).updateSettings( { siteLocale: '%s' } )", str_replace( '_', '-', get_locale() ) ), 'before' );
- }
- add_action( 'enqueue_block_assets', __NAMESPACE__ . '\add_language_setting' );
- /**
- * 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( FEATURE_NAME );
- $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 || strpos( $class_name, 'is-style-' ) === false ) {
- $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( FEATURE_NAME, $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'] ) && 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 );
- }
|