/* global React, API, useApp */ const { useState, useEffect, useCallback } = React; const VOK_VERSION = '2026-07-16'; const VOK_ARTICLES = [ { title: 'Artikel 1 — Definities', body: 'Begrippen die in de AVG zijn gedefinieerd hebben in deze VOK dezelfde betekenis. "Betrokkene" is de natuurlijke persoon op wie de persoonsgegevens betrekking hebben. "Datalek" is een inbreuk in verband met persoonsgegevens als bedoeld in art. 4 lid 12 AVG.' }, { title: 'Artikel 2 — Reikwijdte en doel', items: ['Lake-Project verwerkt persoonsgegevens uitsluitend ten behoeve van de uitvoering van de overeengekomen diensten en conform eventuele schriftelijke instructies van Verwerkingsverantwoordelijke.','Lake-Project verwerkt de persoonsgegevens niet voor eigen doeleinden.','Lake-Project verwerkt persoonsgegevens primair in de EER. Voor sub-verwerkers buiten de EER zijn EU SCCs van kracht.'] }, { title: 'Artikel 3 — Instructies', items: ['Lake-Project handelt uitsluitend op basis van gedocumenteerde instructies van Verwerkingsverantwoordelijke, tenzij een wettelijke verplichting anders vereist.','Lake-Project deelt Verwerkingsverantwoordelijke onverwijld mede als een instructie naar haar oordeel inbreuk maakt op de AVG.'] }, { title: 'Artikel 4 — Vertrouwelijkheid', body: 'Lake-Project waarborgt dat personen die gemachtigd zijn persoonsgegevens te verwerken, zijn gehouden door een wettelijke of contractuele geheimhoudingsplicht. Toegang wordt beperkt tot het strikt noodzakelijke.' }, { title: 'Artikel 5 — Beveiliging', body: 'Lake-Project treft passende technische en organisatorische maatregelen, waaronder: (i) versleuteling in rust en tijdens transport (TLS 1.2+); (ii) toegangscontrole op minimale rechten; (iii) verplichte MFA op systemen met persoonsgegevens; (iv) patchbeheer binnen 30 dagen voor kritieke updates.' }, { title: 'Artikel 6 — Sub-verwerkers', items: ['Verwerkingsverantwoordelijke verleent Lake-Project toestemming om Cloudflare, Inc. (hosting/opslag/EER-routing Amsterdam) en Resend/WorkOS, Inc. (e-mailbezorging) in te schakelen. Met beide zijn DPA\'s en EU SCCs van kracht.','Lake-Project stelt Verwerkingsverantwoordelijke minimaal 30 dagen van tevoren in kennis van nieuwe sub-verwerkers.'] }, { title: 'Artikel 7 — Rechten van betrokkenen', body: 'Lake-Project assisteert Verwerkingsverantwoordelijke bij het beantwoorden van verzoeken van betrokkenen (art. 15–22 AVG) en stuurt rechtstreeks bij haar ingediende verzoeken onverwijld door.' }, { title: 'Artikel 8 — Meldplicht datalekken', items: ['Lake-Project stelt Verwerkingsverantwoordelijke uiterlijk 24 uur na ontdekking op de hoogte van een (vermoedelijk) datalek.','Lake-Project verleent alle medewerking voor melding bij de AP (art. 33 AVG) en kennisgeving aan betrokkenen (art. 34 AVG).'] }, { title: 'Artikel 9 — Audit', body: 'Lake-Project stelt alle informatie beschikbaar die nodig is om naleving aan te tonen. Op verzoek, met 30 dagen aankondiging, zijn audits mogelijk.' }, { title: 'Artikel 10 — Teruggave en verwijdering', body: 'Na beëindiging verwijdert of retourneert Lake-Project alle persoonsgegevens binnen 30 dagen, tenzij een wettelijke bewaarplicht geldt.' }, { title: 'Artikel 11 — Duur', body: 'Deze VOK is van kracht zolang Lake-Project persoonsgegevens verwerkt namens Verwerkingsverantwoordelijke.' }, { title: 'Artikel 12 — Aansprakelijkheid', body: 'De aansprakelijkheidsregeling uit de onderliggende overeenkomst is van overeenkomstige toepassing. De aansprakelijkheid jegens betrokkenen wordt niet beperkt.' }, { title: 'Artikel 13 — Toepasselijk recht', body: 'Op deze VOK is Nederlands recht van toepassing. Geschillen worden voorgelegd aan de bevoegde rechter te Rotterdam.' }, ]; function fmtDate(d) { if (!d) return '—'; return new Date(d).toLocaleString('nl-NL', { day: '2-digit', month: 'short', year: 'numeric', hour: '2-digit', minute: '2-digit' }); } function printAccepted(acc) { const w = window.open('', '_blank'); const fmtFull = d => d ? new Date(d).toLocaleString('nl-NL', { day: '2-digit', month: 'long', year: 'numeric', hour: '2-digit', minute: '2-digit' }) : '—'; const articles = VOK_ARTICLES.map(a => `

${a.title}

${a.body ? `

${a.body}

` : ''} ${a.items ? `
    ${a.items.map(i=>`
  1. ${i}
    2. `).join('')}
` : ''} `).join(''); w.document.write(` VOK — ${acc.client_company_name} × Lake-Project
Lake Project · KvK 29816688 · Rotterdam · lake-project.com

Verwerkersovereenkomst

Art. 28 lid 3 AVG/GDPR
VOK versie: ${acc.vok_version || VOK_VERSION}
Geaccepteerd: ${fmtFull(acc.accepted_at)}
Verwerkingsverantwoordelijke
${acc.client_company_name}
${acc.client_kvk ? `KvK: ${acc.client_kvk}
` : ''} ${acc.client_address ? `${acc.client_address}
` : ''} Vertegenwoordigd door: ${acc.authorized_rep_name}${acc.authorized_rep_function ? ` — ${acc.authorized_rep_function}` : ''}
Verwerker
Lake Project (Lake-Project)
KvK: 29816688 · Rotterdam, NL
Vertegenwoordigd door: Alexander van der Plas
Overwegingen

In het kader van de uitvoering van de overeengekomen diensten verwerkt Lake-Project persoonsgegevens namens Verwerkingsverantwoordelijke als bedoeld in art. 4 lid 8 AVG. Partijen leggen de voorwaarden hiervoor vast in onderhavige verwerkersovereenkomst (de "VOK").

Artikelen
${articles}
Bijlage B — Sub-verwerkers

Cloudflare, Inc. (VS/EU-West Amsterdam) — hosting, database, opslag, spambeveiliging · EU SCCs + DPA
Resend (WorkOS, Inc., VS) — transactionele e-mail · EU SCCs + DPA

Acceptatie

✓ Digitale acceptatie geregistreerd

Verwerkingsverantwoordelijke${acc.client_company_name}${acc.client_kvk ? ` · KvK ${acc.client_kvk}` : ''} Geaccepteerd door${acc.authorized_rep_name}${acc.authorized_rep_function ? `, ${acc.authorized_rep_function}` : ''} Tijdstip (UTC)${fmtFull(acc.accepted_at)} IP-adres${acc.ip_address || '—'} VOK versie${acc.vok_version || VOK_VERSION} MethodeElektronische acceptatie via geverifieerd klantportaal (eIDAS Art. 25)
Verwerker: Lake Project (Lake-Project) · KvK 29816688 · Rotterdam · Alexander van der Plas · hello@lake-project.com
De elektronische acceptatie via het geverifieerde klantportaal vormt een rechtsgeldige overeenkomst onder Nederlands recht en eIDAS.
Lake-Project · VOK ${VOK_VERSION} · lake-project.com/trust/vok · ${new Date().toLocaleDateString('nl-NL',{day:'2-digit',month:'long',year:'numeric'})}
`); w.document.close(); } function Agreements() { const [agreements, setAgreements] = useState([]); const [loading, setLoading] = useState(true); const load = useCallback(() => { setLoading(true); API.get('/agreements') .then(r => { setAgreements(r || []); setLoading(false); }) .catch(() => setLoading(false)); }, []); useEffect(() => { load(); }, [load]); return (

VOK agreements

Client verwerkersovereenkomsten — Art. 28 AVG/GDPR
ℹ Clients complete and sign the VOK directly in their portal. Each acceptance is timestamped and tied to their verified portal account. Print any row to generate the signed A4 document.
{loading ? (
Loading…
) : agreements.length === 0 ? (
No agreements on file yet
Clients sign the VOK via the "Data processing agreement" page in their portal. Once accepted, the agreement appears here.
) : (
{agreements.map(a => ( ))}
Company Signed by KvK Accepted at VOK version
{a.client_company_name} {a.authorized_rep_name} {a.authorized_rep_function && {a.authorized_rep_function}} {a.client_kvk || '—'} {a.accepted_at ? new Date(a.accepted_at).toLocaleString('nl-NL', { day: '2-digit', month: 'short', year: 'numeric', hour: '2-digit', minute: '2-digit' }) : '—'} {a.vok_version || VOK_VERSION}
{agreements.length} agreement{agreements.length === 1 ? '' : 's'} on file · Art. 28 AVG/GDPR
)}
); } window.Agreements = Agreements;