# DataPrivacy > Your data rights. Request a copy of your data and follow it until it is ready to download, delete the account with a grace period, and the public page that cancels a scheduled deletion. Source: https://docs.nasaqui.com/components/data-privacy ## Install ```bash npx shadcn@latest add https://docs.nasaqui.com/r/data-privacy.json ``` The privacy page of account settings, and the email link that goes with it. Two flows: export a copy of everything, and delete the account after a grace period so a mistake can be undone. ## When to use - The privacy or "Your data" page of account settings. - The landing page of the "cancel deletion" link in the reminder email (`CancelDeletionPage`). ## When not to use - Exporting rows of a table: use `ExportButton`. - Deleting a workspace: use `WorkspaceSettings`. ## Import ```tsx import { DataPrivacy, CancelDeletionPage } from "@fadymondy/nasaq/web"; ``` ## Quick start ```tsx api.requestExport(), poll: (id) => api.getExport(id), onDownload: (r) => window.open(r.url), includes: ["Profile", "Activity", "Files"], }} deletion={{ scheduledFor: account.deleteAt, graceDays: 30, confirmText: account.email, onSchedule: () => api.scheduleDeletion(), onCancel: () => api.cancelDeletion(), }} /> api.cancelWithToken(token)} /> ``` ## Anatomy ``` DataPrivacy data-slot="data-privacy" ├─ DataExport data-slot="data-export", data-status │ └─ status card badge, progress, dates, Download └─ AccountDeletion data-slot="account-deletion", data-phase (none, pending, due) ├─ none: DangerZone with the confirm text └─ pending: date, days left, grace progress, Cancel deletion CancelDeletionPage data-slot="cancel-deletion-page", data-state (ready, cancelled, expired, invalid) ``` ## API ### DataExport | Prop | Type | Description | | --- | --- | --- | | `request` | `DataExportRequest \| null` | `{ id, status, requestedAt, completedAt?, expiresAt?, sizeBytes?, progress? }`; status is `queued`, `processing`, `ready`, `failed` or `expired`. | | `onRequest` | `() => Promise<{ request } \| { error }>` | | | `poll` | `(id) => Promise` | Called on a backing-off timer (3 s, growing to 30 s) while queued or processing. Three failures in a row stop it and offer "Check again". | | `onChange` | `(request) => void` | Every new state, to store it. | | `onDownload` | `(request) => void \| Promise` | Shows Download on ready exports. | | `includes` | `string[]` | What the file contains. | ### AccountDeletion | Prop | Type | Description | | --- | --- | --- | | `scheduledFor` | date or `null` | When it will be deleted. | | `graceDays` | `number` | Default 30. | | `confirmText` | `string` | What to type, usually the email. | | `onSchedule` | `() => Promise` | | | `onCancel` | `() => Promise` | | ### CancelDeletionPage `state`, `account?`, `scheduledFor?`, `onCancelDeletion`, `onSignIn?`, `onSignUp?`, `onGoHome?`, `bare?`, plus `AuthLayout` props. ## Accessibility Export status is a polite live region and is written out, not only coloured. Progress has an accessible name. Scheduling deletion needs the confirm text typed. ## RTL & i18n Built-in English and Arabic. File sizes and emails stay left-to-right; dates use the locale. ## Styling & tokens Built on `SettingsSection`, `DangerZone`, `Progress` and `AuthLayout`. ## Do / Don't - Do check the cancel token on the server and keep the grace period on the server clock. - Do not delete anything before the date; sign the person out and hide the account instead. ## Related - [AccountSettings](https://docs.nasaqui.com/components/account-settings) - [ExportButton](https://docs.nasaqui.com/components/export-action) ## Lab https://docs.nasaqui.com/?path=/docs/components-security-data-privacy--docs ## Code ### React ```tsx api.requestExport(), poll: (id) => api.getExport(id), onDownload: (r) => window.open(r.url), includes: ["Profile", "Activity", "Files"], }} deletion={{ scheduledFor: account.deleteAt, graceDays: 30, confirmText: account.email, onSchedule: () => api.scheduleDeletion(), onCancel: () => api.cancelDeletion(), }} /> api.cancelWithToken(token)} /> ``` ### shadcn ```tsx api.requestExport(), poll: (id) => api.getExport(id), onDownload: (r) => window.open(r.url), includes: ["Profile", "Activity", "Files"], }} deletion={{ scheduledFor: account.deleteAt, graceDays: 30, confirmText: account.email, onSchedule: () => api.scheduleDeletion(), onCancel: () => api.cancelDeletion(), }} /> api.cancelWithToken(token)} /> ``` ### Vue ```vue ``` ### Blade ```blade @php $request = [ 'id' => 'exp_1', 'status' => 'ready', 'requestedAt' => '2026-09-28T09:00:00', 'completedAt' => '2026-09-28T09:12:00', 'expiresAt' => '2026-10-05T09:00:00', 'sizeBytes' => 48300000, ]; @endphp
``` ### HTML + Alpine ```html

Export your data

Get a copy of everything we hold about you, as a file you can keep or move elsewhere.
The file includes
  • Profile
  • Activity
  • Files
Ready to download
Requested
Ready
Download available until

Delete account

Delete your account

Your account and its data are permanently deleted after 30 days. Until then you can sign in and cancel.

Export your data

Get a copy of everything we hold about you, as a file you can keep or move elsewhere.

Your account is scheduled for deletion

Grace period used

Everything is removed for good on that date. Cancel now to keep your account exactly as it is.

Keep your account?

Your account is scheduled for deletion on October 14, 2026. Cancel it and nothing is lost.

SH
Sara Haddad sara@sahab.studio
```