Description

The purpose of this PR is to enable Snaps Dynamic Permissions feature.
This PR adds missing hooks required by the Dynamic Permissions feature and adds additional changes to the UI to correctly support Dynamic Permissions requests in approval popup.

Related PR: MetaMask/snaps#2088

Dynamic Permissions feature is specified in SIP-14.

Rules to follow before merging this PR

Merge this PR only into the release PR of Snaps packages that contain changes on the related PR for Snaps packages: MetaMask/snaps#2088

Target PR: Snaps packages release.

TODO: Change target PR to the one that releases Snaps packages with Dynamic Permissions.

Related issues

Related task: MetaMask/snaps#1821

Manual testing steps

1. Create a Snap example that invokes following RPC methods: snap_requestPermissions, snap_getPermissions, snap_revokePermissions.
2. Test each of the method invocations.
3. When requesting permissions, approval request popup should appear.
4. When revoking permissions, approval request popup should not appear.
5. Requested permissions should appear in the Snaps settings page only after approval.
6. Getting granted Snaps permissions is reserved for Snap only and will not be shown anywhere within MetaMask extension.

Snap code examples:

• snap_requestPermissions

const premissionRequestResult = await snap.request({
    method: 'snap_requestPermissions',
    params: {
      'endowment:network-access': {},
      'endowment:webassembly': {},
      'endowment:ethereum-provider': {},
      snap_getBip44Entropy: [
        {
          coinType: 3,
        },
        {
          coinType: 1,
        },
      ],
    },
  });

• snap_getPermissions

const permissions = await snap.request({
    method: 'snap_getPermissions',
});

• snap_revokePermissions

const revokePermissionsResult = await snap.request({
    method: 'snap_revokePermissions',
    params: {
      'endowment:network-access': {},
      'endowment:webassembly': {},
      'endowment:ethereum-provider': {},
      snap_getBip44Entropy: [
        {
          coinType: 3,
        },
        {
          coinType: 1,
        },
      ],
    },
  });

Screenshots/Recordings

Before

TODO: Show to related screens which have the code living in the same components, etc.

After

End to end testing TODO

• Create new example Snap that uses Dynamic Permissions features (all three methods).
• Create e2e tests for testing Dynamic Permissions requests.

Pre-merge author checklist

• I’ve followed MetaMask Coding Standards.
• I've clearly explained what problem this PR is solving and how it is solved.
• I've linked related issues
• I've included manual testing steps
• I've included screenshots/recordings if applicable
• I’ve included tests if applicable
• I’ve documented my code using JSDoc format if applicable
• I’ve applied the right labels on the PR (see labeling guidelines). Not required for external contributors.
• I’ve properly set the pull request status:
  • In case it's not yet "ready for review", I've set it to "draft".
  • In case it's "ready for review", I've changed it from "draft" to "non-draft".

Pre-merge reviewer checklist

• I've manually tested the PR (e.g. pull and build branch, run the app, test code being changed).
• I confirm that this PR addresses all acceptance criteria described in the ticket it closes and includes the necessary testing evidence such as recordings and or screenshots.