From 8a4cbfb46452fe413f1851876db067ef2c77a1d9 Mon Sep 17 00:00:00 2001
From: Arman <arman@appwrite.io>
Date: Mon, 29 Jul 2024 16:39:21 +0200
Subject: [PATCH] feat: BAA and Soc-2

---
 src/lib/actions/analytics.ts                  |   4 +-
 .../settings/+page.svelte                     |   4 +
 .../settings/BAA.svelte                       |  36 +++++
 .../settings/BAAModal.svelte                  | 132 ++++++++++++++++++
 .../settings/Soc2.svelte                      |  36 +++++
 .../settings/Soc2Modal.svelte                 | 126 +++++++++++++++++
 6 files changed, 337 insertions(+), 1 deletion(-)
 create mode 100644 src/routes/console/organization-[organization]/settings/BAA.svelte
 create mode 100644 src/routes/console/organization-[organization]/settings/BAAModal.svelte
 create mode 100644 src/routes/console/organization-[organization]/settings/Soc2.svelte
 create mode 100644 src/routes/console/organization-[organization]/settings/Soc2Modal.svelte

diff --git a/src/lib/actions/analytics.ts b/src/lib/actions/analytics.ts
index 744a4e351..608e94897 100644
--- a/src/lib/actions/analytics.ts
+++ b/src/lib/actions/analytics.ts
@@ -314,5 +314,7 @@ export enum Submit {
     MessagingTopicUpdateName = 'submit_messaging_topic_update_name',
     MessagingTopicUpdatePermissions = 'submit_messaging_topic_update_permissions',
     MessagingTopicSubscriberAdd = 'submit_messaging_topic_subscriber_add',
-    MessagingTopicSubscriberDelete = 'submit_messaging_topic_subscriber_delete'
+    MessagingTopicSubscriberDelete = 'submit_messaging_topic_subscriber_delete',
+    RequestBAA = 'submit_request_baa',
+    RequestSoc2 = 'submit_request_soc2'
 }
diff --git a/src/routes/console/organization-[organization]/settings/+page.svelte b/src/routes/console/organization-[organization]/settings/+page.svelte
index 840754307..ee06bc6e8 100644
--- a/src/routes/console/organization-[organization]/settings/+page.svelte
+++ b/src/routes/console/organization-[organization]/settings/+page.svelte
@@ -12,6 +12,8 @@
     import DownloadDPA from './downloadDPA.svelte';
     import { Submit, trackEvent, trackError } from '$lib/actions/analytics';
     import { isCloud } from '$lib/system';
+    import Baa from './BAA.svelte';
+    import Soc2 from './Soc2.svelte';
 
     export let data;
     let name: string;
@@ -67,6 +69,8 @@
 
         {#if isCloud}
             <DownloadDPA />
+            <Baa />
+            <Soc2 />
         {/if}
 
         <CardGrid danger>
diff --git a/src/routes/console/organization-[organization]/settings/BAA.svelte b/src/routes/console/organization-[organization]/settings/BAA.svelte
new file mode 100644
index 000000000..970735832
--- /dev/null
+++ b/src/routes/console/organization-[organization]/settings/BAA.svelte
@@ -0,0 +1,36 @@
+<script lang="ts">
+    import { Box, CardGrid, Heading } from '$lib/components';
+    import { Button } from '$lib/elements/forms';
+    import BaaModal from './BAAModal.svelte';
+
+    let show = false;
+</script>
+
+<CardGrid>
+    <div>
+        <Heading tag="h6" size="7">BAA</Heading>
+    </div>
+    <p class="text">After requesting a BAA, we will contact you via email for the next steps.</p>
+    <svelte:fragment slot="aside">
+        <Box>
+            <h6>
+                <b>Business Associate Agreement (BAA)</b>
+            </h6>
+            <p class="text u-margin-block-start-8">
+                A Business Associate Agreement (BAA) is a HIPAA-required document ensuring outside
+                services handling patient information for a healthcare organization follow privacy
+                rules.
+            </p>
+            <Button
+                secondary
+                external
+                class="u-margin-block-start-16"
+                on:click={() => (show = true)}
+                event="request_baa">
+                <span class="text">Request BAA</span>
+            </Button>
+        </Box>
+    </svelte:fragment>
+</CardGrid>
+
+<BaaModal bind:show />
diff --git a/src/routes/console/organization-[organization]/settings/BAAModal.svelte b/src/routes/console/organization-[organization]/settings/BAAModal.svelte
new file mode 100644
index 000000000..bb846ab5e
--- /dev/null
+++ b/src/routes/console/organization-[organization]/settings/BAAModal.svelte
@@ -0,0 +1,132 @@
+<script lang="ts">
+    import { Submit, trackError, trackEvent } from '$lib/actions/analytics';
+    import { Modal } from '$lib/components';
+    import {
+        Button,
+        FormList,
+        InputEmail,
+        InputSelect,
+        InputText,
+        InputURL
+    } from '$lib/elements/forms';
+    import { addNotification } from '$lib/stores/notifications';
+    import { organization } from '$lib/stores/organization';
+    import { sdk } from '$lib/stores/sdk';
+    import { user } from '$lib/stores/user';
+    import { VARS } from '$lib/system';
+    import { onMount } from 'svelte';
+    export let show = false;
+    let email = '';
+    let employees = null;
+    let employeesOptions = [
+        {
+            value: '1-5',
+            label: '1-5'
+        },
+        {
+            value: '6-10',
+            label: '6-10'
+        },
+        {
+            value: '11-50',
+            label: '11-50'
+        },
+        {
+            value: '50+',
+            label: '50+'
+        }
+    ];
+
+    let country = '';
+    let countryOptions = [];
+
+    let role = '';
+
+    onMount(async () => {
+        const countryList = await sdk.forProject.locale.listCountries();
+        const locale = await sdk.forProject.locale.get();
+        if (locale.countryCode) {
+            country = locale.countryCode;
+        }
+        countryOptions = countryList.countries.map((country) => {
+            return {
+                value: country.code,
+                label: country.name
+            };
+        });
+        email = $user.email;
+    });
+
+    async function handleSubmit() {
+        const response = await fetch(`${VARS.GROWTH_ENDPOINT}/support`, {
+            method: 'POST',
+            headers: {
+                'Content-Type': 'application/json'
+            },
+            body: JSON.stringify({
+                subject: 'support',
+                email: email,
+                firstName: $user?.name ?? '',
+                message: 'message',
+                tags: ['cloud'],
+                customFields: [
+                    { id: '41612', value: 'BAA' },
+                    { id: '48493', value: $user?.name ?? '' },
+                    { id: '48492', value: $organization?.$id ?? '' },
+                    { id: '48490', value: $user?.$id ?? '' }
+                ]
+            })
+        });
+        trackEvent(Submit.RequestBAA);
+        if (response.status !== 200) {
+            trackError(new Error(response.status.toString()), Submit.RequestBAA);
+            addNotification({
+                message: 'There was an error submitting your request. Please try again later.',
+                type: 'error'
+            });
+        } else {
+            addNotification({
+                message: `Your request was sent, we will get in contact with you at ${email} in a few working days`,
+                type: 'success'
+            });
+        }
+    }
+</script>
+
+<Modal
+    bind:show
+    onSubmit={handleSubmit}
+    size="big"
+    title="Business Associate Agreement (BAA)"
+    headerDivider={false}>
+    <FormList>
+        <InputEmail label="Email" placeholder="Enter email" id="email" bind:value={email} />
+        <InputSelect
+            label="Number of employees"
+            id="employees"
+            placeholder="Select number of employees"
+            required
+            options={employeesOptions}
+            bind:value={employees} />
+        <!-- <InputText label="Company name" placeholder="Enter company name" id="company" /> -->
+        <InputSelect
+            label="Country"
+            id="country"
+            options={countryOptions}
+            placeholder="Select country"
+            required
+            bind:value={country} />
+        <InputText
+            label="Your role"
+            placeholder="Enter your role"
+            id="role"
+            bind:value={role}
+            required />
+        <InputURL label="Website" placeholder="Enter website" id="website" />
+    </FormList>
+    <svelte:fragment slot="footer">
+        <Button submit>
+            <span class="text">Send request</span>
+        </Button>
+    </svelte:fragment>
+</Modal>
diff --git a/src/routes/console/organization-[organization]/settings/Soc2.svelte b/src/routes/console/organization-[organization]/settings/Soc2.svelte
new file mode 100644
index 000000000..b4c882e77
--- /dev/null
+++ b/src/routes/console/organization-[organization]/settings/Soc2.svelte
@@ -0,0 +1,36 @@
+<script lang="ts">
+    import { Box, CardGrid, Heading } from '$lib/components';
+    import { Button } from '$lib/elements/forms';
+    import Soc2Modal from './Soc2Modal.svelte';
+
+    let show = false;
+</script>
+
+<CardGrid>
+    <div>
+        <Heading tag="h6" size="7">Soc-2</Heading>
+    </div>
+    <p class="text">After requesting Soc-2, we will contact you via email for the next steps.</p>
+    <svelte:fragment slot="aside">
+        <Box>
+            <h6>
+                <b>Service Organization Control Type 2 (Soc-2)</b>
+            </h6>
+            <p class="text u-margin-block-start-8">
+                Soc-2 is a framework for managing and protecting sensitive information, ensuring
+                compliance with trust service criteria such as security, availability, processing
+                integrity, confidentiality, and privacy.
+            </p>
+            <Button
+                secondary
+                external
+                class="u-margin-block-start-16"
+                on:click={() => (show = true)}
+                event="request_soc-2">
+                <span class="text">Request Soc-2</span>
+            </Button>
+        </Box>
+    </svelte:fragment>
+</CardGrid>
+
+<Soc2Modal bind:show />
diff --git a/src/routes/console/organization-[organization]/settings/Soc2Modal.svelte b/src/routes/console/organization-[organization]/settings/Soc2Modal.svelte
new file mode 100644
index 000000000..815a09251
--- /dev/null
+++ b/src/routes/console/organization-[organization]/settings/Soc2Modal.svelte
@@ -0,0 +1,126 @@
+<script lang="ts">
+    import { Submit, trackError, trackEvent } from '$lib/actions/analytics';
+    import { Modal } from '$lib/components';
+    import { FormList, InputEmail, InputSelect, InputText, InputURL } from '$lib/elements/forms';
+    import Button from '$lib/elements/forms/button.svelte';
+    import { addNotification } from '$lib/stores/notifications';
+    import { organization } from '$lib/stores/organization';
+    import { sdk } from '$lib/stores/sdk';
+    import { user } from '$lib/stores/user';
+    import { VARS } from '$lib/system';
+    import { onMount } from 'svelte';
+    export let show = false;
+    let email = '';
+    let employees = null;
+    let employeesOptions = [
+        {
+            value: '1-5',
+            label: '1-5'
+        },
+        {
+            value: '6-10',
+            label: '6-10'
+        },
+        {
+            value: '11-50',
+            label: '11-50'
+        },
+        {
+            value: '50+',
+            label: '50+'
+        }
+    ];
+
+    let country = '';
+    let countryOptions = [];
+
+    let role = '';
+
+    onMount(async () => {
+        const countryList = await sdk.forProject.locale.listCountries();
+        const locale = await sdk.forProject.locale.get();
+        if (locale.countryCode) {
+            country = locale.countryCode;
+        }
+        countryOptions = countryList.countries.map((country) => {
+            return {
+                value: country.code,
+                label: country.name
+            };
+        });
+        email = $user.email;
+    });
+
+    async function handleSubmit() {
+        const response = await fetch(`${VARS.GROWTH_ENDPOINT}/support`, {
+            method: 'POST',
+            headers: {
+                'Content-Type': 'application/json'
+            },
+            body: JSON.stringify({
+                subject: 'support',
+                email: email,
+                firstName: $user?.name ?? '',
+                message: 'message',
+                tags: ['cloud'],
+                customFields: [
+                    { id: '41612', value: 'Soc-2' },
+                    { id: '48493', value: $user?.name ?? '' },
+                    { id: '48492', value: $organization?.$id ?? '' },
+                    { id: '48490', value: $user?.$id ?? '' }
+                ]
+            })
+        });
+        trackEvent(Submit.RequestSoc2);
+        if (response.status !== 200) {
+            trackError(new Error(response.status.toString()), Submit.RequestSoc2);
+            addNotification({
+                message: 'There was an error submitting your request. Please try again later.',
+                type: 'error'
+            });
+        } else {
+            addNotification({
+                message: `Your request was sent, we will get in contact with you at ${email} in a few working days`,
+                type: 'success'
+            });
+        }
+    }
+</script>
+
+<Modal
+    bind:show
+    onSubmit={handleSubmit}
+    size="big"
+    headerDivider={false}
+    title="Service Organization Control Type 2 (Soc-2)">
+    <FormList>
+        <InputEmail label="Email" placeholder="Enter email" id="email" bind:value={email} />
+        <InputSelect
+            label="Number of employees"
+            id="employees"
+            placeholder="Select number of employees"
+            required
+            options={employeesOptions}
+            bind:value={employees} />
+        <!-- <InputText label="Company name" placeholder="Enter company name" id="company" /> -->
+        <InputSelect
+            label="Country"
+            id="country"
+            options={countryOptions}
+            placeholder="Select country"
+            required
+            bind:value={country} />
+        <InputText
+            label="Your role"
+            placeholder="Enter your role"
+            id="role"
+            bind:value={role}
+            required />
+        <InputURL label="Website" placeholder="Enter website" id="website" />
+    </FormList>
+    <svelte:fragment slot="footer">
+        <Button submit>
+            <span class="text">Send request</span>
+        </Button>
+    </svelte:fragment>
+</Modal>