feat(dapp): update cookie policy page (#1025)

* feat(dapp): update cookie policy page

* chore: cover fully necessary cookies section

Author: panteleymonchuk

dapp/src/app/cookie-policy/page.tsx

@@ -29,15 +29,28 @@ export default function CookiePolicy() {
                 necessaryCookies={[
                     {
                         name: AMP_COOKIES_KEY,
-                        purpose: 'Session management cookie for IOTA applications',
+                        purpose:
+                            "Stores the user's Amplitude cookies consent state for the current domain",
                         provider: 'IOTA',
-                        category: 'Necessary',
+                        expiration: '1 year',
                     },
+                ]}
+                additionalCookies={[
                     {
                         name: 'AMP_*',
-                        purpose: 'Amplitude analytics cookies',
+                        purpose:
+                            'Stores anonymous session and device identifiers used by Amplitude to track user interactions and analytics data across your visits.',
+                        provider: 'Amplitude',
+                        category: 'Analytics',
+                        expiration: '1 year',
+                    },
+                    {
+                        name: 'AMP_MKTG_*',
+                        purpose:
+                            'Stores marketing attribution data including UTM parameters, referrer information, and click IDs to track campaign effectiveness.',
                         provider: 'Amplitude',
                         category: 'Analytics',
+                        expiration: '1 year',
                     },
                 ]}
                 onAccept={handleConsentAccepted}

dapp/src/components/cookie-policy/CookiePolicyContent.tsx

@@ -14,15 +14,14 @@ import { useEffect, useState } from 'react';
 
 import { getAmplitudeConsentStatus } from '@/lib/utils/analytics/amplitude';
 
-import { categorizeCookies } from './helpers';
 import { CookiePolicyContentProps, DescribedCookie } from './types';
 
 export function CookiePolicyContent({
     necessaryCookies,
+    additionalCookies,
     onAccept,
     onReject,
 }: CookiePolicyContentProps): React.ReactElement {
-    const { necessary, additional } = categorizeCookies(necessaryCookies || [], []);
     const [consentStatus, setConsentStatus] = useState<'pending' | 'accepted' | 'declined'>(
         'pending',
     );
@@ -64,18 +63,20 @@ export function CookiePolicyContent({
                     </>
                 </CookiePolicyContentDescription>
             </CookiePolicyContentSection>
-            <CookiePolicyContentSection>
-                <CookiePolicyContentTitle>Necessary Cookies</CookiePolicyContentTitle>
-                <CookiePolicyContentDescription>
-                    <p>
-                        Necessary cookies help make a website usable by enabling basic functions
-                        like page navigation and access to secure areas of the website. The website
-                        cannot function properly without these cookies.
-                    </p>
-                </CookiePolicyContentDescription>
-                {necessary.length > 0 && <CookiesTable cookies={necessary} />}
-            </CookiePolicyContentSection>
-            {additional.length > 0 && (
+            {necessaryCookies && necessaryCookies.length > 0 && (
+                <CookiePolicyContentSection>
+                    <CookiePolicyContentTitle>Necessary Cookies</CookiePolicyContentTitle>
+                    <CookiePolicyContentDescription>
+                        <p>
+                            Necessary cookies help make a website usable by enabling basic functions
+                            like page navigation and access to secure areas of the website. The
+                            website cannot function properly without these cookies.
+                        </p>
+                    </CookiePolicyContentDescription>
+                    <CookiesTable cookies={necessaryCookies} />
+                </CookiePolicyContentSection>
+            )}
+            {additionalCookies && additionalCookies.length > 0 && (
                 <CookiePolicyContentSection>
                     <CookiePolicyContentTitle>Additional Cookies</CookiePolicyContentTitle>
                     <CookiePolicyContentDescription>
@@ -85,7 +86,7 @@ export function CookiePolicyContent({
                             or by third party providers whose services we have added to our pages.
                         </p>
                     </CookiePolicyContentDescription>
-                    <CookiesTable cookies={additional} />
+                    <CookiesTable cookies={additionalCookies} />
                 </CookiePolicyContentSection>
             )}
             <CookiePolicyContentSection>

dapp/src/components/cookie-policy/helpers.ts

@@ -75,11 +75,13 @@ export function setAmpliConsentAccepted() {
 
 /**
  * Call this function when user declines cookies/tracking.
- * This will disable event tracking.
+ * This will disable event tracking and clear all Amplitude data.
  */
 export function onAmplitudeConsentDeclined() {
     // First, opt out to prevent Amplitude from creating new cookies
     ampli.client.setOptOut(true);
+    // Clear all Amplitude storage (localStorage and cookies)
+    ampli.client.reset();
     cleanAmplitudeCookies();
     document.cookie = `${AMP_COOKIES_KEY}=false; max-age=31536000; path=/; SameSite=Strict`;
 }