feat: mfb v1.1 accept-deny re-prompt

[kevin9foong]

Problem

With MFB v1.0, admins are unable to re-try a prompt if they do not like the results from the initial prompt without recreating a new form or deleting all fields.

This is since when a form is generated using MFB prompt, the fields are created and MFB button disappears as it does not show up when fields exist for a form.

Closes FRM-1925

Solution

Allow admins to accept or reject proposed changes generated by Magic Form Builder.

Breaking Changes

No - this PR is backwards compatible

Before & After Screenshots

BEFORE:

AFTER:

Changes Made	Screenshot
New Modal Design
Updated Button Placement
Accept and Deny Functionality

Tests

TC1: Prompt is able to generate fields for empty form and can deny:

• Create a new form
• Use the main MFB button under drag a field or...
• A modal should open.
• Enter text prompt.
• Generate and ensure fields are created and are highlighted + a bottom box appears for accept/deny.
• Deny the changes.
• Assert the changes are deleted.

TC2: Prompt is able to generate fields with sample prompts for empty form and can accept:

• Open the side nav bar for create field.
• Click on the AI button beside the search bar.
• A modal should open.
• Use one of the sample prompts by clicking on one of the buttons below the textarea.
• Generate and ensure fields are created and are highlighted + a bottom box appears for accept/deny.
• Accept the changes.
• Assert the changes are saved.

TC3: Prompt is able to generate fields for form with fields:

• Repeat the above TC by continuing with a form with existing fields (Eg, form from TC2)

TC4: Can accept/deny even after going out of form

• Submit a text prompt from form in TC3.
• It should generate fields and the accept/deny box pops up on the bottom of the page.
• Do not press accept or deny.
• Click on all forms on the top left to go back to the forms list.
• Open another form, ensure that there are no highlighted fields and the bottom hug accept-deny box is not appearing.
• Go back to all forms and select the form with the generated fields.
• Ensure the accept-deny re-appears and the correct fields are highlighted.
• Deny the changes. Ensure that the highlighted fields are deleted.

TC5: Refresh saves the generated fields

• Use MFB to generate fields. The accept deny box should appear.
• Hard refresh the page.
• Assert the accept deny box should disappear and the generated fields are still saved.

[datadog-opengovsg]

Datadog Report

Branch report: feat/mfb-v1.1
Commit report: 37e0940
Test service: formsg

✅ 0 Failed, 119 Passed, 0 Skipped, 27.84s Total duration (6m 32.39s time saved)

[linear]

FRM-1925 MFB v1.1 | Accept deny prompt results

[kevin9foong]

Pending unit test for:

• assistance to return the field ids provided by createFormFields ✅
• new delete fields by id on controller / service layer ✅

Pending chromatic story for:

• new popover (for prompt & accept/deny) ✅
• new search bar mfb button to right (need to enable for test env) ✅

note: did not write chromatic stories for the highlighted fields indicating accept/deny pending due to difficulties providing decorators for contexts/providers around the component.

[kevin9foong]

Since can re-prompt, update form metadata to store # of prompts made per form to track volume of usage

[datadog-opengovsg]

Datadog Report

Branch report: feat/mfb-v1.1
Commit report: 30e6d24
Test service: formsg

✅ 0 Failed, 2178 Passed, 1 Skipped, 5m 4.87s Total duration (1m 58.22s time saved)