feat: Add delay for android browser permission dialog

[NicholasEllul]

Development & PR Process

1. Follow MetaMask Mobile Coding Standards
2. Add release-xx label to identify the PR slated for a upcoming release (will be used in release discussion)
3. Add needs-dev-review label when work is completed
4. Add needs-qa label when dev review is completed
5. Add QA Passed label when QA has signed off

Description

When a webpage in the MM mobile browser requests the camera permission, a prompt is shown for users to accept or deny this request. However, in cases where a user is browsing very quickly, it is possible for a user to accidentally accept the permission without realizing it.

To resolve this, we are introducing a 0.5s delay where the allow button is not clickable. After this delay, the permission can be accepted as needed.

Manual Testing Steps

• Run this branch in the android emulator
• Visit https://webcamtests.com/
• Click Test my cam and immediately click allow on the permission prompt
  • You can refresh the page to try again if you aren't quick enough
  • If you have not previously approved the OS Level camera permission, accept that prompt and refresh the page to try agian.
• You will see that the allow button is not responsive for 500ms

Screen.Recording.2023-07-05.at.3.59.15.PM.mov

Checklist

• There is a related GitHub issue
• Tests are included if applicable
• Any added code is fully documented

[github-actions]

CLA Signature Action: All authors have signed the CLA. You may need to manually re-run the blocking PR check if it doesn't pass in a few minutes.

[sethkfman]

LGTM

[sethkfman]

@chrisleewilcox This is a minor change to add a .5 second delay to a system pop-up on the browser when accessing OS permission (e.g. camera)

[sonarcloud]

Kudos, SonarCloud Quality Gate passed!   

0 Bugs
0 Vulnerabilities
0 Security Hotspots
0 Code Smells

No Coverage information
No Duplication information