PROD-1983 Privacy Center custom paths for properties

[lucanovera]

Description Of Changes

Update the privacy center to accept the new custom paths for properties. ie. myprivacycenter.com/mynewproperty. If a custom path was used, it will call the new "get property by path" plus endpoint and display the privacy center. It will also load the privacy center config & stylesheet from that specific property.

Code Changes

• Added CUSTOM_PROPERTIES env variable (default to true) that enables this feature
• Added new folder [customPropertyPath] to pages, that matches custom path routes
• Check for [customPropertyPath], if it exists call the new plus endpoint to get property by path
• If a property was found by path, save that property to the redux state and load custom config and stylesheet from that property
• Added new BE models needed for the feature

Steps to reproduce

• Create a property
• Use the PUT /api/v1/plus/property/{property_id} api endpoint to update that property with the new fields with stylesheet, privacy_center_config and paths (it's not available in the ui at the moment)
• Navigate to privacycenter using one of the paths you added to the property
• You should see the privacy center home page loaded if it detected the correct property. The config and stylesheet should be loaded from the property fields.

Screenshots

Regular home path loads config and css as usual

New custom path loads config and css from the property itself. In this case I change it so that the texts say the word purple and the custom stylesheet overrides the body text color's to be purple as well.

Pre-Merge Checklist

• All CI Pipelines Succeeded
• Documentation:
  • documentation complete, PR opened in fidesdocs
  • documentation issue created in fidesdocs
• Issue Requirements are Met
• Update CHANGELOG.md

[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		May 24, 2024 4:39pm

[cypress]

Passing run #7932 ↗︎

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

Details:

Merge fe63d28 into 82ad1ff...
Project: fides	Commit: de141eff3d ℹ️
Status: Passed	Duration: 00:33 💡
Started: May 24, 2024 2:45 PM	Ended: May 24, 2024 2:45 PM

Review all test suite changes for PR #4907 ↗︎

[gilluminate]

Looking good overall, just one update requested to reduce complexity

[gilluminate]

It might be worth creating a debugLog util for privacy center like fides-js has. Not necessary before merge, just a suggestion for future reference.

[gilluminate]

Thanks for updating! Looks good.