feat: [Duplicate Applet] Enhance Duplication (M2-7729)

[sultanofcardio]

• Tests for the changes have been added

📝 Description

🔗 Jira Ticket M2-7729

This PR adds a checkbox to the applet duplication popups for including report server configuration. The checkbox is optional and duplication works the same without checking it.

When the checkbox is checked, the duplicated applet will contain these properties from the original applet:

• reportServerIp
• reportPublicKey
• reportIncludeUserId
• reportIncludeCaseId
• reportEmailBody

Note

reportRecipients is explicitly excluded

📸 Screenshots

Screen.Recording.2024-10-11.at.11.41.48.AM.mov

🪤 Peer Testing

1. Create an applet with a report server configuration (you can use the dev server)
2. Duplicate the applet both with and without the report server configuration (monitor dev tools network requests)
3. Confirm that the applet can be duplication without checking the box
4. Confirm that requests are sent to the report server /verify and /set-password endpoints
5. Confirm that the applet duplicated with report server configuration has the properties mentioned above in the applet builder

✏️ Notes

N/A

[aws-amplify-us-east-1]

This pull request is automatically being deployed by Amplify Hosting (learn more).

Access this pull request here: https://pr-1942.d19gtpld8yi51u.amplifyapp.com

[mbanting]

Great job @sultanofcardio!
Did some brief peer testing for duplicating with and without report server configuration, and it worked as expected. Left just found one small suggestion.

I also created M2-8037 to add unit tests later and added TODOs referencing this followup ticket. I didn't see that this task was already captured as part of M2-8036. So that one was updated to just focus on unit tests for the other ticket, M2-7738.

Pre-approving now, and moving to Ready for QA since the suggested change won't impact functional testing.

[mbanting]

Needs StyledBodyLarge for use below

Suggested change

	import { StyledErrorText, StyledFlexColumn, StyledModalWrapper, variables } from 'shared/styles';
	import {
	StyledBodyLarge,
	StyledErrorText,
	StyledFlexColumn,
	StyledModalWrapper,
	variables,
	} from 'shared/styles';

[mbanting]

label prop is expecting an Element

Suggested change

	label={t('duplicateAppletReportServer')}
	label={<StyledBodyLarge>{t('duplicateAppletReportServer')}</StyledBodyLarge>}