← All changes | extensions/blocks/calendly/calendly.php +9 -224 13.0.2 → 16.3-a.7 View file →

		@@ -9,10 +9,13 @@
9	9
10	10	namespace Automattic\Jetpack\Extensions\Calendly;
11	11
12	12	use Automattic\Jetpack\Blocks;
13		-use Jetpack_Gutenberg;
14	13
	14	+if ( ! defined( 'ABSPATH' ) ) {
	15	+ exit( 0 );
	16	+}
	17	+
15	18	/**
16	19	* Registers the block for use in Gutenberg
17	20	* This is done via an action so that we can disable
18	21	* registration if we need to.
		@@ -30,8 +33,11 @@
30	33
31	34	/**
32	35	* Calendly block registration/dependency declaration.
33	36	*
	37	+ * The render implementation lives in render.php and is only loaded when the
	38	+ * block is actually rendered, keeping it out of the eager front-end path.
	39	+ *
34	40	* @param array $attr Array containing the Calendly block attributes.
35	41	* @param string $content String containing the Calendly block content.
36	42	*
37	43	* @return string
		@@ -36,228 +42,7 @@
36	42	*
37	43	* @return string
38	44	*/
39	45	function load_assets( $attr, $content ) {
40		-
41		- if ( is_admin() ) {
42		- return;
43		- }
44		- $url = Jetpack_Gutenberg::validate_block_embed_url(
45		- get_attribute( $attr, 'url' ),
46		- array( 'calendly.com' )
47		- );
48		- if ( empty( $url ) ) {
49		- return;
50		- }
51		-
52		- /*
53		- * Enqueue necessary scripts and styles.
54		- */
55		- Jetpack_Gutenberg::load_assets_as_required( __DIR__ );
56		-
57		- $style = get_attribute( $attr, 'style' );
58		- $hide_event_type_details = get_attribute( $attr, 'hideEventTypeDetails' );
59		- $background_color = get_attribute( $attr, 'backgroundColor' );
60		- $text_color = get_attribute( $attr, 'textColor' );
61		- $primary_color = get_attribute( $attr, 'primaryColor' );
62		- $classes = Blocks::classes( Blocks::get_block_feature( __DIR__ ), $attr, array( 'calendly-style-' . $style ) );
63		- $block_id = wp_unique_id( 'calendly-block-' );
64		- $is_amp_request = Blocks::is_amp_request();
65		-
66		- if ( ! wp_script_is( 'jetpack-calendly-external-js' ) && ! $is_amp_request ) {
67		- enqueue_calendly_js();
68		- }
69		-
70		- $base_url = $url;
71		- $url = add_query_arg(
72		- array(
73		- 'hide_event_type_details' => (int) $hide_event_type_details,
74		- 'background_color' => sanitize_hex_color_no_hash( $background_color ),
75		- 'text_color' => sanitize_hex_color_no_hash( $text_color ),
76		- 'primary_color' => sanitize_hex_color_no_hash( $primary_color ),
77		- ),
78		- $url
79		- );
80		-
81		- if ( 'link' === $style ) {
82		- if ( ! wp_style_is( 'jetpack-calendly-external-css' ) ) {
83		- wp_enqueue_style( 'jetpack-calendly-external-css', 'https://assets.calendly.com/assets/external/widget.css', null, JETPACK__VERSION );
84		- }
85		-
86		- // Render deprecated version of Calendly block if needed. New markup block button class before rendering here.
87		- if ( ! str_contains( $content, 'wp-block-jetpack-button' ) ) {
88		- $content = deprecated_render_button_v1( $attr, $block_id, $classes, $url );
89		- } else {
90		- $content = str_replace( 'calendly-widget-id', esc_attr( $block_id ), $content );
91		- $content = str_replace( $base_url, $url, $content );
92		- }
93		-
94		- if ( ! $is_amp_request ) {
95		- wp_add_inline_script(
96		- 'jetpack-calendly-external-js',
97		- sprintf( "calendly_attach_link_events( '%s' )", esc_js( $block_id ) )
98		- );
99		- }
100		- } elseif ( $is_amp_request ) { // Inline style.
101		- $content = sprintf(
102		- '<div class="%1$s" id="%2$s"><a href="%3$s" role="button" target="_blank">%4$s</a></div>',
103		- esc_attr( Blocks::classes( Blocks::get_block_feature( __DIR__ ), $attr ) ),
104		- esc_attr( $block_id ),
105		- esc_js( $url ),
106		- wp_kses_post( get_attribute( $attr, 'submitButtonText' ) )
107		- );
108		- } else {
109		- $content = sprintf(
110		- '<div class="%1$s" id="%2$s"></div>',
111		- esc_attr( $classes ),
112		- esc_attr( $block_id )
113		- );
114		- $script = <<<JS_END
115		-jetpackInitCalendly( %s, %s );
116		-JS_END;
117		- wp_add_inline_script(
118		- 'jetpack-calendly-external-js',
119		- sprintf(
120		- $script,
121		- wp_json_encode(
122		- esc_url_raw( $url ),
123		- JSON_UNESCAPED_UNICODE | JSON_UNESCAPED_SLASHES | JSON_HEX_TAG | JSON_HEX_AMP
124		- ),
125		- wp_json_encode( $block_id, JSON_UNESCAPED_UNICODE | JSON_UNESCAPED_SLASHES | JSON_HEX_TAG | JSON_HEX_AMP )
126		- )
127		- );
128		- }
129		-
130		- return $content;
131		-}
132		-
133		-/**
134		- * Get filtered attributes.
135		- *
136		- * @param array $attributes Array containing the Calendly block attributes.
137		- * @param string $attribute_name String containing the attribute name to get.
138		- *
139		- * @return string
140		- */
141		-function get_attribute( $attributes, $attribute_name ) {
142		- if ( isset( $attributes[ $attribute_name ] ) ) {
143		- return $attributes[ $attribute_name ];
144		- }
145		-
146		- $default_attributes = array(
147		- 'style' => 'inline',
148		- 'submitButtonText' => esc_html__( 'Schedule time with me', 'jetpack' ),
149		- 'backgroundColor' => 'ffffff',
150		- 'textColor' => '4D5055',
151		- 'primaryColor' => '00A2FF',
152		- 'hideEventTypeDetails' => false,
153		- );
154		-
155		- if ( isset( $default_attributes[ $attribute_name ] ) ) {
156		- return $default_attributes[ $attribute_name ];
157		- }
158		-}
159		-
160		-/**
161		- * Enqueues the Calendly JS library and inline function to attach event
162		- * handlers to the button.
163		- *
164		- * @return void
165		- */
166		-function enqueue_calendly_js() {
167		- wp_enqueue_script(
168		- 'jetpack-calendly-external-js',
169		- 'https://assets.calendly.com/assets/external/widget.js',
170		- null,
171		- JETPACK__VERSION,
172		- false
173		- );
174		-
175		- wp_add_inline_script(
176		- 'jetpack-calendly-external-js',
177		- "function jetpackInitCalendly( url, elementId ) {
178		- function initCalendlyWidget() {
179		- if ( ! document.getElementById( elementId ) ) {
180		- return;
181		- }
182		- Calendly.initInlineWidget({
183		- url: url,
184		- parentElement: document.getElementById( elementId ),
185		- inlineStyles: false,
186		- });
187		- };
188		- // For P2s only: wait until after o2 has
189		- // replaced main#content to initialize widget.
190		- if ( window.jQuery && window.o2 ) {
191		- jQuery( 'body' ).on( 'ready_o2', function() { initCalendlyWidget() } );
192		- // Else initialize widget without waiting.
193		- } else {
194		- document.addEventListener('DOMContentLoaded', function() {
195		- initCalendlyWidget();
196		- });
197		- }
198		- };
199		-
200		- function calendly_attach_link_events( elementId ) {
201		- var widget = document.getElementById( elementId );
202		- if ( widget ) {
203		- widget.addEventListener( 'click', function( event ) {
204		- event.preventDefault();
205		- Calendly.initPopupWidget( { url: event.target.href } );
206		- } );
207		- widget.addEventListener( 'keydown', function( event ) {
208		- // Enter and space keys.
209		- if ( event.keyCode === 13 || event.keyCode === 32 ) {
210		- event.preventDefault();
211		- event.target && event.target.click();
212		- }
213		- } );
214		- }
215		- }"
216		- );
217		-}
218		-
219		-/**
220		- * Renders a deprecated legacy version of the button HTML.
221		- *
222		- * @param array $attributes Array containing the Calendly block attributes.
223		- * @param string $block_id The value for the ID attribute of the link.
224		- * @param string $classes The CSS classes for the wrapper div.
225		- * @param string $url Calendly URL for the link HREF.
226		- *
227		- * @return string
228		- */
229		-function deprecated_render_button_v1( $attributes, $block_id, $classes, $url ) {
230		- // This is the legacy version, so create the full link content.
231		- $submit_button_text = get_attribute( $attributes, 'submitButtonText' );
232		- $submit_button_classes = get_attribute( $attributes, 'submitButtonClasses' );
233		- $submit_button_text_color = get_attribute( $attributes, 'customTextButtonColor' );
234		- $submit_button_background_color = get_attribute( $attributes, 'customBackgroundButtonColor' );
235		-
236		- /*
237		- * If we have some additional styles from the editor
238		- * (a custom text color, custom bg color, or both )
239		- * Let's add that CSS inline.
240		- */
241		- if ( ! empty( $submit_button_text_color ) || ! empty( $submit_button_background_color ) ) {
242		- $inline_styles = sprintf(
243		- '#%1$s{%2$s%3$s}',
244		- esc_attr( $block_id ),
245		- ! empty( $submit_button_text_color )
246		- ? 'color:#' . sanitize_hex_color_no_hash( $submit_button_text_color ) . ';'
247		- : '',
248		- ! empty( $submit_button_background_color )
249		- ? 'background-color:#' . sanitize_hex_color_no_hash( $submit_button_background_color ) . ';'
250		- : ''
251		- );
252		- wp_add_inline_style( 'jetpack-calendly-external-css', $inline_styles );
253		- }
254		-
255		- return sprintf(
256		- '<div class="wp-block-button %1$s"><a id="%2$s" class="%3$s" href="%4$s" role="button">%5$s</a></div>',
257		- esc_attr( $classes ),
258		- esc_attr( $block_id ),
259		- ! empty( $submit_button_classes ) ? esc_attr( $submit_button_classes ) : 'wp-block-button__link',
260		- esc_js( $url ),
261		- wp_kses_post( $submit_button_text )
262		- );
	46	+ require_once __DIR__ . '/render.php';
	47	+ return render( $attr, $content );
263	48	}