Description Of Changes

Implements a new beta flag called "New integration management". When the flag is on, all existing SaaS integrations will show in the Settings > Integrations screen and you'll be able to add new ones from that screen as well. This is the first step towards unifying all integration management things in this page.

The Integrations page UI requires some extra details about integrations, like tags, category, enabled features, etc. To keep a single source of truth, these extra information was added as an optional display_info field on the saas config files.

Code Changes

• Added new type for the new display_info property, and enums for integrations categories and enabled features. Updated the FE types to use the new models from openapi.
• Added display_info property to SaaS integrations in this repo (fidesplus saas changes here)
• Add "newIntegrationManagement" beta flag
• Update fetched integrations to include Saas when flag is on
• Update add integration modal category select to only show a category if it has results

Steps to Confirm

Prerequisite: Having a Saas integration setup locally. Skip if you have one already

1. Login to admin-ui
2. Go to any system, in the Integrations tab and add a saas integration (like Adobe Sign), no need to use real connection details.

Checking saas integrations don't show up without the flag on:

3. Go to Settings > About and make sure the "New integration management" flag is off
4. Go to Settings > Integrations and check the Saas integration doesn't show up in the list
5. Click on Add integration and check no saas integrations show up there

Checking saas integration do show up with the flag on:

6. Go to Settings > About and make sure the "New integration management" flag is on
7. Go to Settings > Integrations and check the Saas integration does show up in the list and in alphabetical order
8. Click on Add integration and check that all saas integrations appear, their logos and tags show up and that you can filter them by their corresponding category

Checking you can add a new saas integration:

9. Click on Add integration and add any saas integration (the ones that have the "API" tag)
10. Check the new integration appears after creating it
11. Check the table column "Type" shows the correct integration name and tags.
12. Click on the integration to go to the integration detail page
13. Check that the logo, category, tags and integration name are correct. Check the only tab that appears is Connection. No description will appear at this time.
14. Only exception to the above is the Salesforce integration, which has an extra Data discovery tab and some extra tags

Checking you can still upload a custom integration without display_info and it works:

15. Download this config and this dataset
16. Rename the files to config.yml and dataset.yml
17. Compress both files in a zip
18. Go to a System > Integration tab, and click on Upload integration
19. Check you can now search and add a Custom Privacy Request Fields integration
20. Go to the Settings > Integrations page, and check the new integration appears with a Custom category
21. Click on Add integration and check that you can find the custom integration under the "Custom" category

Pre-Merge Checklist

• All CI Pipelines Succeeded
• New features have been verified on Demo Environment using nox -s demo -- dev
• Documentation:
  • documentation complete, PR opened in fidesdocs
  • documentation issue created in fidesdocs
  • if there are any new client scopes created as part of the pull request, remember to update public-facing documentation that references our scope registry
• Issue Requirements are Met
• Optional: Follow-Up Issues Created
• Update CHANGELOG.md
  • Add a https://github.com/ethyca/fidesplus/labels/high-risk label to the entry if your change includes a high-risk change (i.e. potential for performance impact or unexpected regression) that should be flagged