feat: add chatwoot to our website (#557)

Co-authored-by: Brage Sekse Aarset <brage@bjerk.io>

src/components/header.svelte

@@ -1,5 +1,23 @@
-<script>
+<script lang="ts">
+	import { isEnabled } from '../toggles';
 	import Logo from './logo.svelte';
+
+	if (typeof window !== 'undefined' && isEnabled('chat')) {
+		const BASE_URL = 'https://app.chatwoot.com';
+		const g = document.createElement('script');
+		const s = document.getElementsByTagName('script')[0];
+		g.src = BASE_URL + '/packs/js/sdk.js';
+		g.defer = true;
+		g.async = true;
+		s.parentNode?.insertBefore(g, s);
+		g.onload = function () {
+			// eslint-disable-next-line @typescript-eslint/no-explicit-any
+			(window as any).chatwootSDK.run({
+				websiteToken: 'm94Z8YzguKbGc1XnowaNjHfM',
+				baseUrl: BASE_URL
+			});
+		};
+	}
 </script>
 
 <header>

src/routes/(default)/privacy/+page.svelte

@@ -0,0 +1,54 @@
+<div class="content">
+	<h1>Personvern­erklæring</h1>
+
+	<p>Her kan du lese om hvordan Bjerk samler inn og bruker personopplysninger.</p>
+
+	<h2>Dine rettigheter</h2>
+	<p>
+		Alle har rett på grunnleggende informasjon om behandlinger av personopplysninger i en virksomhet
+		etter personopplysningslovens § 18, 1. ledd. Bjerk utgir informasjon om dette i denne
+		erklæringen. Alle som er registrert i våre systemer har rett på innsyn i egne opplysninger. Samt
+		rett til å be om at uriktige, ufullstendige eller opplysninger foreningen ikke har adgang til å
+		behandle blir rettet, slettet eller supplert.
+	</p>
+	<p>Krav fra den registrerte skal besvares kostnadsfritt og senest innen 30 dager.</p>
+
+	<h2>Chatwoot</h2>
+	<p>
+		Bjerk eksperminterer med å bruke Chatwoot som chatløsning. Chatwoot er en åpen kildekode
+		chatløsning. I en testfase vil vi bruke Chatwoot sin skytjeneste. Det betyr at Chatwoot vil
+		behandle personopplysninger på vegne av Bjerk. Chatwoot vil ikke bruke personopplysningene til
+		andre formål enn å levere tjenesten, og vil ikke dele personopplysningene med andre. Vi vil
+		slette personopplysningene når de ikke lenger er nødvendige for å levere tjenesten.
+	</p>
+	<p>
+		Les mer om Chatwoot personvernerklæring her:
+		<a href="https://www.chatwoot.com/privacy-policy/">
+			https://www.chatwoot.com/privacy-policy/
+		</a>
+	</p>
+
+	<h2>Kontakt oss</h2>
+
+	<p>
+		<strong>E-post:</strong> aleksander.ryan@wla.no.
+	</p>
+	<p>
+		<strong>Postadresse:</strong><br />
+		Wahl-Larsen Advokatfirma AS<br />
+		℅ Aleksander Ryan<br />
+		Fridtjof Nansens plass 5<br />
+		0160 OSLO
+	</p>
+</div>
+
+<style>
+	.content {
+		max-width: 60ch;
+		margin: 0 auto;
+		display: flex;
+		flex-direction: column;
+		gap: 1rem;
+		margin-bottom: 2rem;
+	}
+</style>

src/toggles.ts

@@ -0,0 +1,14 @@
+import { browser } from '$app/environment';
+
+export function getToggles(): string[] {
+	if (browser) {
+		// get local storage value for toggles
+		const toggles = localStorage.getItem('toggles');
+		return toggles ? toggles.split(',') : [];
+	}
+	return [];
+}
+
+export function isEnabled(toggle: string): boolean {
+	return getToggles().includes(toggle);
+}