Fides.js integrate with backend GPP fields

[allisonking]

Closes https://ethyca.atlassian.net/browse/PROD-1588
Closes https://ethyca.atlassian.net/browse/PROD-1586

Description Of Changes

This is similar in nature to #4504. In that PR, I had hard coded a JSON obj that acted as a temporary measure while the backend privacy notices did not have GPP fields yet. https://github.com/ethyca/fidesplus/pull/1281 adds GPP fields to privacy notices, so this PR refactors fides.js to use the backend objects instead of the JSON obj.

https://www.loom.com/share/6a8515c666c446f4a537fc1964ca083c?sid=0c046f2e-c858-4200-a584-e6d0788f5911

Code Changes

• Update fides.js types
• Update how supportedAPIs populates—we've actually side stepped a bit here since we no longer want to specify regions in the backend toml, and instead derive that from our recent locations/regulations work (see here for context). however, that work isn't reconciled with this work yet, so this is hard coded for now
• Update the two functions that originally used the JSON obj to figure out gpp fields to instead use privacy notices
• Update unit tests
• Update cypress tests

Steps to Confirm

This is a similar setup as but with some more backend integration.

• Run fidesplus on the branch asachs/gpp-config-api with nox -s "build(slim)" -- dev_prerelease && nox -s dev
• Run privacy center at localhost:3000
• Run admin-ui at localhost:3001
• Visit /management/consent and enable GPP on the state level
• Visit /consent/privacy-notices and you should see some new privacy notices that say they are for GPP US States. Add a system with third party targeted advertising as a data use, then enable the equivalent privacy notice (see loom for example)
• Visit privacy center's localhost:3000/fides-js-demo.html using a vpn to California
• Add an event listener in your console for GPP events __gpp('addEventListener', (data) => {console.log({data})})
• Open the modal by clicking "Manage consent"
• Opt in or out of everything
• Your console should print out some updated GPP events with expected data, where uscav1 is in the parsedSections
  For example
  

Also try US National

• Go back to the admin-ui and visit /management/consent then switch GPP to the national level
• Visit /consent/privacy-notices and enable the National data sales/sharing notice
  
• Now go back to privacy center's localhost:3000/fides-js-demo.html using a vpn to California
• Add an event listener in your console for GPP events __gpp('addEventListener', (data) => {console.log({data})})
• Open the modal by clicking "Manage consent"
• Opt in or out of everything
• Your console should print out some updated GPP events with expected data where usnatv1 is in the parsedSections
  

Pre-Merge Checklist

• All CI Pipelines Succeeded
• Documentation:
  • documentation complete, PR opened in fidesdocs
  • documentation issue created in fidesdocs
• Issue Requirements are Met
• Relevant Follow-Up Issues Created
• Update CHANGELOG.md
• For API changes, the Postman collection has been updated

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

1 Ignored Deployment

Name	Status	Preview	Comments	Updated (UTC)
fides-plus-nightly	⬜️ Ignored (Inspect)	Visit Preview		Jan 22, 2024 8:29pm

[cypress]

Passing run #6030 ↗︎

0	4	0	0	0
⚠️ You've recorded test results over your free plan limit. Upgrade your plan to view test results.

Details:

Merge 1a22714 into f4a1d61...
Project: fides	Commit: 7f58f1b518 ℹ️
Status: Passed	Duration: 00:35 💡
Started: Jan 22, 2024 8:40 PM	Ended: Jan 22, 2024 8:41 PM

Review all test suite changes for PR #4559 ↗︎

[eastandwestwind]

🚀