feat: payment by products

[KenLSM]

Problem

Closes FRM-406, Closes FRM-1192

Sub-PR that went into this branch:

• feat: add payment summary to thank you page #6591
• feat: itemized invoice for payment by products #6574
• feat: payment by products payment summary #6563

Solution

Look at Notion for context and various explanation on the changes!

Before & After Screenshots

Overall

Add Product Modal

Multi Quantity Selector

Payment Summary

Payment Thank You Summary

Payment Invoice

Tests

Regression Tests

Fixed payments form should work as usual
As a form admin with fixed payment form

• Update to description, name, amount works without error

As responder on fixed payment form

• Able to make payment without error
• Check that the proof of payment reflects the correct product and amount.

Variable payments form should work as usual
As a form admin with variable payment form

• Update to description, name, min, max, amount works without error

As responder on variable payment form

• Able to set an amount within range without error
• Able to make payment without error
• Check that the proof of payment reflects the correct product and amount.

Storage Form filling (due to refactors on encrypt-submissions)

• Able to submit a storage form with captcha disabled
• Able to submit a storage form with captcha enabled
• Unable to submit a storage form that's closed

New Feature Test

New Payment by Products form without connected account
As a form admin

• Select payments by product as payment type
• Ensure that name, description, add products, and save button are disabled and not interactable

New Payment by Products form with a stripe account
Creating new product

• Create new payments by product payment form
• Add a product with name "Nameless", description "Nondescript", amount "300", multiple qty "Off"
• Check that <PaymentPreview /> has "Nameless", "Nondescript", and price $300.00
  • Checkbox should be rendered as a <Radio />
• Check that <ProductItem /> has "Nameless", and price $300.00
• Edit the created product to have a different name, and save
• Edit the created product to have amount of 123456789, the item should show an error prompting that amount should be below $200,000
• Set the amount to 100

Note that Product Item is saved on modal saving, instead of saving on payment panel.

• Submit a payment by products form with 1 qty x 1 product. Check that the proof of payment reflects the correct quantity, item amount and final amount
• Submit a payment by products form with >1 qty x >1 product. Check that the proof of payment reflects the correct quantity, item amount and final amount

Deploy Notes

New scripts:

• set-payment-fields-snapshot.js : This script adds the payment_fields_snapshot field to the payments collection and sets the field as the form document's payment_field for all existing documents.