Privacy Settings Block for React

Add an entry to SETTINGS with its name, the sentence for each state, who gets the data (product, partners or public), what is shared and a short clause for the summary sentence, then add a key to Flags and a value in each preset in PRESETS. The rows, the summary and the preset detection all read from those lists, so nothing else needs editing. A preset is just a full set of values: the active one is whichever preset matches every switch.

After every change the page checks whether the five switches match any preset exactly. If one does, that preset shows as pressed; if none does, the group is left empty and the line says Custom with how many switches are on. Pressing a preset that is already in force does nothing. Setting the switches by hand to match a preset's values selects that preset again.

Everything. Save keeps the switches as the saved state in this page only (a reload brings back the starting values), and nothing is stored or shared. To make it real, send the five values to your server when the form is submitted, read them back on load, and make each flag gate the data it names: no analytics events, no partner export or public profile route while it is off.

A bare switch labelled analytics tells people nothing about what changes, so each row states its consequence in a sentence that follows the state, and the line under it names who receives what: "Shared with partners: monthly totals, no name" or "Shared with partners: nothing". The sentence is wired to the switch as its description, so a screen reader hears it along with the switch's name. Keep these sentences true: they are the setting.

They are always there and always answer. Save counts what changed since the last save and keeps it ("Saved 2 changes in this demo."); with nothing changed it says "No changes to save." Discard puts the last saved values back. The status line is a polite live region present from the start, and an edit is announced there ("Crash reports off.") until it is saved or discarded.

The presets stay in one row, each row keeps its switch at the end and the sentences wrap, and the Save and Discard foot stays pinned to the bottom of the screen while the panel scrolls under it. By keyboard the presets are one group you move through with the arrow keys and press with Space or Enter, and each switch takes Space.