Forms: Add File Upload Field Skeleton (Experimental) (#41582)

--------- Co-authored-by: Enej Bajgoric <[email protected]> Committed via a GitHub action: https://github.com/Automattic/jetpack/actions/runs/13167345830 Upstream-Ref: Automattic/jetpack@c89a414
Automattic · Feb 5, 2025 · b923e5b · b923e5b
1 parent c96e31e
commit b923e5b
Show file tree

Hide file tree

Showing 5 changed files with 36 additions and 5 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -10,6 +10,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 This is an alpha version! The changes listed here are not final.
 
 ### Added
+- Forms: Add a new file upload field block to allow visitors to upload files through contact forms.
 - Forms: Update fields and button blocks to support contentOnly editing.
 
 ### Changed

diff --git a/dist/blocks/editor.asset.php b/dist/blocks/editor.asset.php
@@ -1 +1 @@
-<?php return array('dependencies' => array('jetpack-connection', 'lodash', 'react', 'react-jsx-runtime', 'wp-api-fetch', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-compose', 'wp-core-data', 'wp-data', 'wp-editor', 'wp-element', 'wp-hooks', 'wp-i18n', 'wp-plugins', 'wp-polyfill', 'wp-primitives', 'wp-url'), 'version' => 'd1729909353bc2f6b840');
+<?php return array('dependencies' => array('jetpack-connection', 'lodash', 'react', 'react-jsx-runtime', 'wp-api-fetch', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-compose', 'wp-core-data', 'wp-data', 'wp-editor', 'wp-element', 'wp-hooks', 'wp-i18n', 'wp-plugins', 'wp-polyfill', 'wp-primitives', 'wp-url'), 'version' => 'f486b0ffe90615fe0c10');
diff --git a/dist/blocks/editor.js b/dist/blocks/editor.js
diff --git a/src/blocks/contact-form/class-contact-form-block.php b/src/blocks/contact-form/class-contact-form-block.php
@@ -160,6 +160,23 @@ public static function register_child_blocks() {
 				'render_callback' => array( Contact_Form_Plugin::class, 'gutenblock_render_field_consent' ),
 			)
 		);
+
+		$blocks_variation = apply_filters( 'jetpack_blocks_variation', \Automattic\Jetpack\Constants::get_constant( 'JETPACK_BLOCKS_VARIATION' ) );
+		if ( 'experimental' === $blocks_variation ) {
+			self::register_experimental_blocks();
+		}
+	}
+
+	/**
+	 * Register experimental blocks
+	 */
+	private static function register_experimental_blocks() {
+		Blocks::jetpack_register_block(
+			'jetpack/field-file',
+			array(
+				'render_callback' => array( Contact_Form_Plugin::class, 'gutenblock_render_field_file' ),
+			)
+		);
 	}
 
 	/**

diff --git a/src/contact-form/class-contact-form-plugin.php b/src/contact-form/class-contact-form-plugin.php
@@ -493,6 +493,19 @@ public static function gutenblock_render_field_consent( $atts, $content ) {
 		return Contact_Form::parse_contact_field( $atts, $content );
 	}
 
+	/**
+	 * Render the file upload field.
+	 *
+	 * @param array  $atts - the block attributes.
+	 * @param string $content - html content.
+	 *
+	 * @return string HTML for the file upload field.
+	 */
+	public static function gutenblock_render_field_file( $atts, $content ) {
+		$atts = self::block_attributes_to_shortcode_attributes( $atts, 'file' );
+		return Contact_Form::parse_contact_field( $atts, $content );
+	}
+
 	/**
 	 * Add the 'Form Responses' menu item as a submenu of Feedback.
 	 */
Original file line number	Diff line number	Diff line change
		@@ -1 +1 @@
		<?php return array('dependencies' => array('jetpack-connection', 'lodash', 'react', 'react-jsx-runtime', 'wp-api-fetch', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-compose', 'wp-core-data', 'wp-data', 'wp-editor', 'wp-element', 'wp-hooks', 'wp-i18n', 'wp-plugins', 'wp-polyfill', 'wp-primitives', 'wp-url'), 'version' => 'd1729909353bc2f6b840');
		<?php return array('dependencies' => array('jetpack-connection', 'lodash', 'react', 'react-jsx-runtime', 'wp-api-fetch', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-compose', 'wp-core-data', 'wp-data', 'wp-editor', 'wp-element', 'wp-hooks', 'wp-i18n', 'wp-plugins', 'wp-polyfill', 'wp-primitives', 'wp-url'), 'version' => 'f486b0ffe90615fe0c10');