feat: payments thank you page preview and edit mode

[kathleenkhy]

Problem

Currently, the thank you page for payment forms are not editable and users will only be able to use the default title and paragraph text provided for the thank you page. The preview of the thank you page should also reflect the new designs for the thank you page for payment forms.

Closes FRM-1560, FRM-1597, FRM-1572

Solution

To allow the thank you page for payment forms to be editable

Breaking Changes

• No - this PR is backwards compatible

Before & After Screenshots

BEFORE:

AFTER:

Tests

Payments Form

Ensure that design is updated in Edit mode

• Add a payment variable to a form
• Check that the Thank You page shows the latest design
• The Button text and Button redirect link should be disabled
• The text should still be within the Summary table if the product name is very long
• Upon clicking the Save proof of payment button, the page should be refreshed/ reloaded

Ensure that design is updated in Preview mode

• Click on the Preview (eye) button of the form in admin mode
• Check that the Thank You page shows the latest design
• The text should still be within the Summary table if the product name is very long
• Upon clicking the Save proof of payment button, the page should be refreshed/ reloaded

Thank you page happy flow with actual form

• Click on the share button to launch theform
• Complete the payment flow and submit the form
• Check that the Thank You page shows the latest design
• The text should still be within the Summary table if the product name is very long
• Upon clicking the Save proof of payment button, the invoice PDF should be downloaded

Non-Payments Form

In Edit Mode

• Remove the payment variable/ component of the form
• Check that the Thank You page should reflect the default non-payment Thank you page
• Upon clicking the Save proof of payment button, the page should be refreshed/ reloaded

In Preview Mode

• Click on the Preview (eye) button of the form in admin mode
• Check that the Thank You page shows the default, non-payment design
• Upon clicking the Save proof of payment button, the page should be refreshed/ reloaded

In Actual Form

• Click on the share button to launch the form
• Check that the Thank You page shows the default, non-payment design
• Upon clicking the Submit another response button, the form should be refreshed to show a new form

[linear]

FRM-1597 To update subtitle of Thank you page to reflect what was edited by the form admin (after allowing thank you page to be editable)

FRM-1572 Update design in thank you preview page in edit mode

FRM-1560 Allow editing of title and message under builder thank you page