Add empty RSVP message to RSVP Response V2 block.

build/blocks/rsvp-response-v2/block.json

@@ -8,7 +8,12 @@
   "icon": "groups",
   "example": {},
   "description": "Displays a list of members who have confirmed their attendance for an event.",
-  "attributes": {},
+  "attributes": {
+    "emptyRsvpMessage": {
+      "type": "string",
+      "default": "No one is attending this event yet."
+    }
+  },
   "supports": {
     "align": [
       "wide",

build/blocks/rsvp-response-v2/index.asset.php

@@ -1 +1 @@
-<?php return array('dependencies' => array('react-jsx-runtime', 'wp-api-fetch', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-core-data', 'wp-data', 'wp-element', 'wp-i18n'), 'version' => '48f7c56a43a37c6a3277');
+<?php return array('dependencies' => array('react-jsx-runtime', 'wp-api-fetch', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-core-data', 'wp-data', 'wp-element', 'wp-i18n'), 'version' => '2201207c7bbc3cfad47e');

build/blocks/rsvp-template/view.asset.php

@@ -1 +1 @@
-<?php return array('dependencies' => array('@wordpress/interactivity'), 'version' => 'f3f32604eb20c4bc322a', 'type' => 'module');
+<?php return array('dependencies' => array('@wordpress/interactivity'), 'version' => '1691210014ab76aac638', 'type' => 'module');

build/utility_style-rtl.css

@@ -1 +1 @@
-.gatherpress--is-visible{display:block!important}.gatherpress--close-modal,.gatherpress--open-modal{cursor:pointer}
+.gatherpress--is-visible{display:block!important}.gatherpress--is-not-visible{display:none!important}.gatherpress--empty-rsvp-message{display:none}.gatherpress--close-modal,.gatherpress--open-modal{cursor:pointer}

build/utility_style.asset.php

@@ -1 +1 @@
-<?php return array('dependencies' => array(), 'version' => '1dffb41cd1d8d25c9a5c');
+<?php return array('dependencies' => array(), 'version' => '5b2edc0f3c5de93d7a01');

build/utility_style.css

@@ -1 +1 @@
-.gatherpress--is-visible{display:block!important}.gatherpress--close-modal,.gatherpress--open-modal{cursor:pointer}
+.gatherpress--is-visible{display:block!important}.gatherpress--is-not-visible{display:none!important}.gatherpress--empty-rsvp-message{display:none}.gatherpress--close-modal,.gatherpress--open-modal{cursor:pointer}

includes/core/classes/blocks/class-rsvp-response.php

@@ -13,6 +13,7 @@
 defined( 'ABSPATH' ) || exit; // @codeCoverageIgnore
 
 use GatherPress\Core\Traits\Singleton;
+use GatherPress\Core\Event;
 use WP_HTML_Tag_Processor;
 
 /**
@@ -31,6 +32,14 @@ class Rsvp_Response {
 	 */
 	use Singleton;
 
+	/**
+	 * Constant representing the Block Name.
+	 *
+	 * @since 1.0.0
+	 * @var string
+	 */
+	const BLOCK_NAME = 'gatherpress/rsvp-response-v2';
+
 	/**
 	 * Class constructor.
 	 *
@@ -72,15 +81,31 @@ protected function setup_hooks(): void {
 	 * @return string The modified block content with updated attributes.
 	 */
 	public function transform_block_content( string $block_content, array $block ): string {
-		if ( 'gatherpress/rsvp-response-v2' === $block['blockName'] ) {
-			$tag = new WP_HTML_Tag_Processor( $block_content );
+		if ( self::BLOCK_NAME === $block['blockName'] ) {
+			$event              = new Event( get_the_ID() );
+			$tag                = new WP_HTML_Tag_Processor( $block_content );
+			$empty_rsvp_message = $block['attrs']['emptyRsvpMessage'] ?? __( 'No one is attending this event yet.', 'gatherpress' );
+
+			if ( ! $event->rsvp ) {
+				return $block_content;
+			}
 
 			if ( $tag->next_tag() ) {
 				$tag->set_attribute(
 					'data-wp-interactive',
 					'gatherpress/rsvp'
 				);
-				$block_content = $tag->get_updated_html();
+				$responses        = (int) $event->rsvp->responses()['attending']['count'];
+				$visibility_class = empty( $responses ) ? 'gatherpress--is-visible' : '';
+				$block_content    = $tag->get_updated_html();
+
+				// @todo: Replace this workaround with a method to properly update inner blocks
+				// when https://github.com/WordPress/gutenberg/issues/60397 is resolved.
+				$block_content = preg_replace(
+					'/(<\/div>)\s*$/',
+					sprintf( '<p class="gatherpress--empty-rsvp-message %s">' . wp_kses_post( $empty_rsvp_message ) . '</p>$1', esc_attr( $visibility_class ) ),
+					$block_content
+				);
 			}
 		}
 

includes/core/classes/class-event-rest-api.php

@@ -586,8 +586,9 @@ public function rsvp_status_html( WP_REST_Request $request ): WP_REST_Response {
 		$success = true;
 
 		$response = array(
-			'success' => $success,
-			'content' => $content,
+			'success'   => $success,
+			'content'   => $content,
+			'responses' => $responses,
 		);
 
 		return new WP_REST_Response( $response );

src/blocks/rsvp-response-v2/block.json

@@ -8,7 +8,13 @@
 	"icon": "groups",
 	"example": {},
 	"description": "Displays a list of members who have confirmed their attendance for an event.",
-	"attributes": {},
+	"attributes": {
+		"emptyRsvpMessage": {
+			"type": "string",
+			"default": "No one is attending this event yet."
+
+		}
+	},
 	"supports": {
 		"align": [ "wide", "full" ],
 		"interactivity": true,