Forms: variations with radio option field have empty default values

[simison]

Reported in #41245 (comment)

In several variations (RSVP, feedback, appointment) there are radio fileds. When using these patterns, those fields are empty even if in code we have the example values defined.

Variations can be added via placeholder block, or via sidebar:

Current code:

jetpack/projects/packages/forms/src/blocks/contact-form/variations.js

Lines 192 to 199 in 161a699

	[
	'jetpack/field-radio',
	{
	label: __( 'Time', 'jetpack-forms' ),
	required: true,
	options: [ __( 'Morning', 'jetpack-forms' ), __( 'Afternoon', 'jetpack-forms' ) ],
	},
	],

jetpack/projects/packages/forms/src/contact-form/class-util.php

Line 114 in 161a699

<!-- wp:jetpack/field-radio {"label":"Time","required":true,"options":["Morning","Afternoon"]} /-->

Result currently

With code:

<!-- wp:jetpack/field-radio {"label":"Time","required":true,"options":["Morning","Afternoon"]} -->
<div class="wp-block-jetpack-field-radio"><!-- wp:jetpack/field-option-radio /--></div>
<!-- /wp:jetpack/field-radio -->

Expected result

With code:

<!-- wp:jetpack/field-radio {"label":"Time","required":true} -->
<div class="wp-block-jetpack-field-radio"><!-- wp:jetpack/field-option-radio {"label":"Morning"} /-->

<!-- wp:jetpack/field-option-radio {"label":"Afternoon"} /--></div>
<!-- /wp:jetpack/field-radio -->

[janmckell]

📌 STEPS

1. Add a RSVP, Appointment or Feedback Form Block to a page.
2. It may come pre-populated with a 'Radiobox' field, which has no options set
3. It also comes with that radiobox field pre-selected as 'Required'
4. If the user does not change that setting to 'Not Required' or removed the radiobox, their email is not sent
5. If the user sets the field as 'Not Required' but still does not remove the radiobox field, it may be hidden from view on the page, but is shown in the email that is received. In this case, the email is sent.

📌 REPRODUCTION RESULTS
– Tested on Simple – Replicated
– Tested on Atomic – Replicated

• Jetpack Form feature

📌 FINDINGS/SCREENSHOTS/VIDEO
Screenshot for form shows send message and is actually sent, only when the radiobox is not set as required, if there are no options inserted.

This is a blocking bug, since the user won't know that this is the reason their forms aren't being sent, and has no way to identify that as a root cause.

There should be a warning for any field they set as 'Required' which subsequently does not prompt them to set options for those fields - otherwise, they should remove them and be told that not doing so, would stop their form from being sent.

📌 ACTIONS
– Set as Blocker

📌 Message to Author
Could you confirm that this is your finding ? @simison