@consilioweb/payload-support 5.0.0 → 6.0.1

package/src/endpoints/export-data.ts

@@ -1,11 +1,21 @@
 import type { Endpoint } from 'payload'
 import type { CollectionSlugs } from '../utils/slugs'
+import { FIXED_SLUGS } from '../utils/slugs'
 import { requireClient, handleAuthError } from '../utils/auth'
 import { dbFind, dbFindByID } from '../utils/db'
 
+const EMPTY = { docs: [] as any[] }
+
 /**
  * GET /api/support/export-data
  * RGPD Data Export — allows support clients to download all their personal data.
+ *
+ * The payload is split in two. `providedByYou` is what article 20
+ * (portability) covers: what the person or their correspondents typed.
+ * `derivedData` is what the plugin computed ABOUT them — the AI client
+ * summary. Article 20 does not cover derived data; article 15 (access) does,
+ * and article 17 (erasure) does too, which is why `delete-account` removes
+ * `client-summaries` as well. Merging the two sections would blur that.
  */
 export function createExportDataEndpoint(slugs: CollectionSlugs): Endpoint {
   return {
@@ -17,7 +27,20 @@ export function createExportDataEndpoint(slugs: CollectionSlugs): Endpoint {
 
         requireClient(req, slugs)
 
-        const [clientData, ticketsResult, messagesResult, surveysResult] = await Promise.all([
+        // Feature-flagged collections are not registered when their flag is
+        // off; addressing one that does not exist throws.
+        const isRegistered = (slug: string): boolean =>
+          Boolean((payload.collections as Record<string, unknown> | undefined)?.[slug])
+
+        const [
+          clientData,
+          ticketsResult,
+          messagesResult,
+          surveysResult,
+          chatResult,
+          feedbackResult,
+          summariesResult,
+        ] = await Promise.all([
           dbFindByID(payload, slugs.supportClients, {
             id: req.user.id,
             depth: 0,
@@ -44,12 +67,46 @@ export function createExportDataEndpoint(slugs: CollectionSlugs): Endpoint {
             depth: 0,
             overrideAccess: true,
           }),
+          isRegistered(slugs.chatMessages)
+            ? dbFind(payload, slugs.chatMessages, {
+              where: { client: { equals: req.user.id } },
+              limit: 5000,
+              depth: 0,
+              overrideAccess: true,
+            })
+            : EMPTY,
+          isRegistered(FIXED_SLUGS.ticketFeedback)
+            ? dbFind(payload, FIXED_SLUGS.ticketFeedback, {
+              where: { client: { equals: req.user.id } },
+              limit: 500,
+              depth: 0,
+              overrideAccess: true,
+            })
+            : EMPTY,
+          isRegistered(FIXED_SLUGS.clientSummaries)
+            ? dbFind(payload, FIXED_SLUGS.clientSummaries, {
+              where: { client: { equals: req.user.id } },
+              limit: 100,
+              depth: 0,
+              overrideAccess: true,
+            })
+            : EMPTY,
         ])
 
+        const ticketIds = ticketsResult.docs.map((t: any) => t.id)
+
+        // Time entries hang off the tickets, not off the client.
+        const timeResult = ticketIds.length > 0 && isRegistered(slugs.timeEntries)
+          ? await dbFind(payload, slugs.timeEntries, {
+            where: { ticket: { in: ticketIds } },
+            limit: 5000,
+            depth: 0,
+            overrideAccess: true,
+          })
+          : EMPTY
+
         const c = clientData as any
-        const exportData = {
-          exportDate: new Date().toISOString(),
-          exportType: 'RGPD - Export des données personnelles',
+        const providedByYou = {
           profile: {
             email: c.email,
             firstName: c.firstName,
@@ -79,6 +136,49 @@ export function createExportDataEndpoint(slugs: CollectionSlugs): Endpoint {
             comment: s.comment,
             createdAt: s.createdAt,
           })),
+          feedback: feedbackResult.docs.map((f: any) => ({
+            ticketId: f.ticket,
+            rating: f.rating,
+            comment: f.comment,
+            submittedFrom: f.submittedFrom,
+            createdAt: f.createdAt,
+          })),
+          chatMessages: chatResult.docs.map((m: any) => ({
+            session: m.session,
+            senderType: m.senderType,
+            message: m.message,
+            createdAt: m.createdAt,
+          })),
+          timeEntries: timeResult.docs.map((e: any) => ({
+            ticketId: e.ticket,
+            duration: e.duration,
+            date: e.date,
+            description: e.description,
+            billable: e.billable,
+          })),
+        }
+
+        const exportData = {
+          exportDate: new Date().toISOString(),
+          exportType: 'RGPD - Export des données personnelles',
+          providedByYou: {
+            legalBasis: 'Art. 20 RGPD - droit à la portabilité',
+            ...providedByYou,
+          },
+          derivedData: {
+            legalBasis: 'Art. 15 RGPD - droit d\'accès (données dérivées, hors portabilité)',
+            clientSummaries: summariesResult.docs.map((s: any) => ({
+              summary: s.summary,
+              recurringTopics: s.recurringTopics,
+              patterns: s.patterns,
+              keyFacts: s.keyFacts,
+              ticketCount: s.ticketCount,
+              messageCount: s.messageCount,
+              averageSatisfaction: s.averageSatisfaction,
+              generatedAt: s.generatedAt,
+              aiModel: s.aiModel,
+            })),
+          },
         }
 
         const json = JSON.stringify(exportData, null, 2)

package/src/endpoints/purge-logs.ts

@@ -1,7 +1,7 @@
 import type { Endpoint } from 'payload'
 import type { CollectionSlugs } from '../utils/slugs'
 import { requireAdmin, handleAuthError } from '../utils/auth'
-import { dbDelete } from '../utils/db'
+import { purgeOlderThan, purgeableCollections } from '../utils/retention'
 
 /**
  * DELETE /api/support/purge-logs?collection=email-logs&days=30
@@ -22,25 +22,16 @@ export function createPurgeLogsEndpoint(slugs: CollectionSlugs): Endpoint {
         const days = Number(url.searchParams.get('days') || '0')
 
         // Map collection param to slug
-        const allowedCollections: Record<string, string> = {
-          'email-logs': slugs.emailLogs,
-          'auth-logs': slugs.authLogs,
-        }
+        const allowedCollections = purgeableCollections(slugs)
 
         if (!collection || !allowedCollections[collection]) {
           return Response.json({ error: 'Invalid collection. Use email-logs or auth-logs.' }, { status: 400 })
         }
 
-        const cutoff = days > 0 ? new Date(Date.now() - days * 86400000).toISOString() : null
-
-        const result = await dbDelete(payload, allowedCollections[collection], {
-          where: cutoff
-            ? { createdAt: { less_than: cutoff } }
-            : { id: { exists: true } },
-          overrideAccess: true,
-        })
-
-        const count = Array.isArray(result.docs) ? result.docs.length : 0
+        // `days=0` wipes the journal entirely. It stays available here — an
+        // explicit, admin-only, one-off action — and is refused by the
+        // scheduled task, which must never be able to do it by accident.
+        const count = await purgeOlderThan(payload, allowedCollections[collection], days, req)
 
         return Response.json({
           purged: count,

package/src/index.ts

@@ -28,6 +28,8 @@ export type { SupportSettings, SupportSettingsState, UserPrefs } from './utils/r
 export { DEFAULT_TICKETING_FEATURES, normalizeFeatures, projectAutoClose, stripProjectedFeatures } from './utils/features'
 export type { TicketingFeatures } from './utils/features'
 export { MemoryRateLimitStore, PayloadRateLimitStore, RateLimiter } from './utils/rateLimiter'
+export { DEFAULT_RETENTION, PURGE_LOGS_TASK_SLUG, purgeOlderThan, purgeableCollections, runScheduledPurge } from './utils/retention'
+export type { RetentionConfig, ScheduledPurgeResult } from './utils/retention'
 export type { RateLimitEntry, RateLimitStore } from './utils/rateLimiter'
 export { DEFAULT_INBOUND_EMAIL_LIMITS, validateInboundEmailPayload, verifySecret } from './utils/webhookSecurity'
 export type { InboundEmailInput, InboundEmailLimits, InboundEmailValidationError } from './utils/webhookSecurity'

package/src/plugin.ts

@@ -1,4 +1,4 @@
-import type { Config, Plugin, AdminViewConfig } from 'payload'
+import type { Config, Plugin, AdminViewConfig, PayloadRequest } from 'payload'
 import type { SupportPluginConfig, SupportFeatures } from './types'
 import { DEFAULT_FEATURES } from './types'
 import { resolveSlugs } from './utils/slugs'
@@ -31,6 +31,7 @@ import {
   createSupportCountersCollection,
 } from './collections'
 import { PayloadRateLimitStore } from './utils/rateLimiter'
+import { DEFAULT_RETENTION, PURGE_LOGS_TASK_SLUG, runScheduledPurge } from './utils/retention'
 import { SUPPORT_STAFF_SLUG_CONFIG_KEY } from './utils/readSettings'
 
 function viewConfig(component: string, path: string): AdminViewConfig {
@@ -168,8 +169,57 @@ export function supportPlugin(config?: SupportPluginConfig): Plugin {
       capabilities: config?.capabilities,
     })
 
+    // ─── Retention job ───────────────────────────────────
+    //
+    // `DELETE /api/support/purge-logs` existed but nothing ever called it, so
+    // the two journals grew forever — a retention policy nobody applies is not
+    // a retention policy. This registers a daily Payload Jobs task instead of
+    // a setInterval: an interval does not survive a serverless deploy and runs
+    // N times in parallel behind N instances.
+    // The task is OPT-IN: nothing is registered unless `retention` is set.
+    //
+    // Registering it by default was tempting — a retention policy nobody opts
+    // into is how the manual purge endpoint ended up never being called. But
+    // declaring a task turns Payload's job queue on, which adds `payload-jobs`
+    // and `payload-jobs-stats` to an app that had none: two tables, i.e. a
+    // schema change imposed on every consumer of a *support* plugin, by a minor
+    // release. And it would buy them nothing, because a scheduled task only
+    // fires when the host also runs a job runner (`payload jobs:run`, a cron,
+    // or `jobs.autoRun`). Defaulting it on therefore costs two tables and
+    // delivers no purge until the integrator does the other half of the work
+    // anyway — at which point they can just as well pass `retention`.
+    //
+    // The README states the trade-off where the option is documented, so the
+    // choice is visible rather than silent. `admin-ui-pro` made the same call
+    // for the same reason.
+    const retention = config?.retention === false ? undefined : config?.retention
+    const retentionEnabled = Boolean(retention)
+    const purgeTask = {
+      slug: PURGE_LOGS_TASK_SLUG,
+      label: 'Support — purge des journaux',
+      schedule: [
+        {
+          cron: retention?.cron ?? DEFAULT_RETENTION.cron,
+          queue: retention?.queue ?? DEFAULT_RETENTION.queue,
+        },
+      ],
+      handler: async ({ req }: { req: PayloadRequest }) => {
+        const result = await runScheduledPurge(req.payload, slugs, retention, req)
+        return { output: result }
+      },
+    }
+
+    const existingJobs = incomingConfig.jobs
+    const jobs = retentionEnabled
+      ? ({
+        ...existingJobs,
+        tasks: [...(existingJobs?.tasks ?? []), purgeTask],
+      } as Config['jobs'])
+      : existingJobs
+
     return {
       ...incomingConfig,
+      jobs,
       // Publish the resolved staff collection so the server-side readers share
       // ONE source of truth with the writers. `requireAdmin` compares against
       // `slugs.users`; the `payload-preferences` reads used to scope themselves

package/src/portal/LiveChat.tsx

@@ -1,7 +1,7 @@
 'use client'
 
 import React, { useState, useEffect, useRef, useCallback } from 'react'
-import { MessageCircle, Send, X, Minimize2, ArrowLeft } from 'lucide-react'
+import { MessageCircle, Send, X, Minimize2, ArrowLeft } from './icons'
 import type { ChatMessage, LiveChatSession, Screen } from './types'
 import { loadSession, saveSession, clearSession } from './helpers'
 

package/src/portal/auth/profile/page.tsx

@@ -561,8 +561,9 @@ export default function ProfilePage() {
 
           <div className="p-6 sm:p-8">
             <p className="mb-4 text-sm text-slate-500 dark:text-slate-400 leading-relaxed">
-              Conformement au RGPD, vous pouvez télécharger l&apos;ensemble de vos données personnelles
-              (profil, tickets, messages, enquetes de satisfaction).
+              Conformement au RGPD, vous pouvez télécharger l&apos;ensemble de vos données personnelles :
+              celles que vous avez fournies (profil, tickets, messages, temps passe, enquetes de
+              satisfaction, chat) et celles que nous avons deduites de votre historique (synthese IA).
             </p>
             <a
               href="/api/support/export-data"

package/src/portal/icons.tsx

@@ -0,0 +1,91 @@
+/**
+ * Inlined Lucide icons.
+ *
+ * The plugin used to require `lucide-react` as a peer dependency for exactly
+ * 5 icons across the portal live-chat widget. That made every integrator install an icon set,
+ * and a missing install a build-time failure, for 5 paths totalling a few
+ * hundred bytes. They are inlined here instead, and `lucide-react` is no longer
+ * a peer dependency.
+ *
+ * The geometry below is copied from lucide-react v1.41.0 and, like the rest of
+ * Lucide, is under the ISC licence:
+ *
+ *   ISC License
+ *   Copyright (c) for portions of Lucide are held by Cole Bemis 2013-2022 as
+ *   part of Feather (MIT). All other copyright (c) for Lucide are held by
+ *   Lucide Contributors 2022.
+ *
+ *   Permission to use, copy, modify, and/or distribute this software for any
+ *   purpose with or without fee is hereby granted, provided that the above
+ *   copyright notice and this permission notice appear in all copies.
+ *
+ *   THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES
+ *   WITH REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF
+ *   MERCHANTABILITY AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR
+ *   ANY SPECIAL, DIRECT, INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES
+ *   WHATSOEVER RESULTING FROM LOSS OF USE, DATA OR PROFITS, WHETHER IN AN
+ *   ACTION OF CONTRACT, NEGLIGENCE OR OTHER TORTIOUS ACTION, ARISING OUT OF OR
+ *   IN CONNECTION WITH THE USE OR PERFORMANCE OF THIS SOFTWARE.
+ */
+
+import React from 'react'
+
+export interface IconProps extends Omit<React.SVGProps<SVGSVGElement>, 'width' | 'height'> {
+  /** Rendered width and height. Lucide's own default is 24. */
+  size?: number | string
+}
+
+type IconNode = ReadonlyArray<readonly [string, Record<string, string | number>]>
+
+/**
+ * Icons are decorative by default (`aria-hidden`): every control that has
+ * nothing but an icon inside carries its own `aria-label`. Pass
+ * `aria-hidden={false}` plus a label to make one meaningful on its own.
+ */
+function createIcon(displayName: string, nodes: IconNode): React.FC<IconProps> {
+  const Icon: React.FC<IconProps> = ({ size = 24, strokeWidth = 2, ...rest }) => (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width={size}
+      height={size}
+      viewBox="0 0 24 24"
+      fill="none"
+      stroke="currentColor"
+      strokeWidth={strokeWidth}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      aria-hidden="true"
+      {...rest}
+    >
+      {nodes.map(([tag, attrs], index) => React.createElement(tag, { key: index, ...attrs }))}
+    </svg>
+  )
+  Icon.displayName = displayName
+  return Icon
+}
+
+export const ArrowLeft = createIcon('ArrowLeft', [
+  ['path', { d: "m12 19-7-7 7-7" }],
+  ['path', { d: "M19 12H5" }],
+] as const)
+
+export const MessageCircle = createIcon('MessageCircle', [
+  ['path', { d: "M2.992 16.342a2 2 0 0 1 .094 1.167l-1.065 3.29a1 1 0 0 0 1.236 1.168l3.413-.998a2 2 0 0 1 1.099.092 10 10 0 1 0-4.777-4.719" }],
+] as const)
+
+export const Minimize2 = createIcon('Minimize2', [
+  ['path', { d: "m14 10 7-7" }],
+  ['path', { d: "M20 10h-6V4" }],
+  ['path', { d: "m3 21 7-7" }],
+  ['path', { d: "M4 14h6v6" }],
+] as const)
+
+export const Send = createIcon('Send', [
+  ['path', { d: "M14.536 21.686a.5.5 0 0 0 .937-.024l6.5-19a.496.496 0 0 0-.635-.635l-19 6.5a.5.5 0 0 0-.024.937l7.93 3.18a2 2 0 0 1 1.112 1.11z" }],
+  ['path', { d: "m21.854 2.147-10.94 10.939" }],
+] as const)
+
+export const X = createIcon('X', [
+  ['path', { d: "M18 6 6 18" }],
+  ['path', { d: "m6 6 12 12" }],
+] as const)

package/src/styles/BillingView.module.scss

@@ -23,7 +23,7 @@
 }
 
 .subtitle {
-  color: var(--theme-elevation-500);
+  color: var(--theme-elevation-650);
   margin: 4px 0 0;
   font-size: 14px;
 }
@@ -59,7 +59,7 @@
 .label {
   font-size: 12px;
   font-weight: 700;
-  color: var(--theme-elevation-500);
+  color: var(--theme-elevation-650);
   margin-bottom: 4px;
 }
 
@@ -134,7 +134,7 @@
   border: 1px solid var(--theme-elevation-300);
   border-radius: 8px;
   background: var(--theme-elevation-100);
-  color: var(--theme-elevation-500);
+  color: var(--theme-elevation-650);
   font-size: 14px;
 }
 
@@ -162,7 +162,7 @@
 }
 
 .groupClient {
-  color: var(--theme-elevation-500);
+  color: var(--theme-elevation-650);
   margin-left: 10px;
   font-size: 13px;
 }
@@ -190,7 +190,7 @@
 
 .groupAmountStrike {
   font-size: 11px;
-  color: var(--theme-elevation-500);
+  color: var(--theme-elevation-650);
   text-decoration: line-through;
 }
 
@@ -208,7 +208,7 @@
   text-transform: uppercase;
   letter-spacing: 0.5px;
   text-align: center;
-  color: var(--theme-elevation-500);
+  color: var(--theme-elevation-650);
   background: var(--theme-elevation-50);
   border-bottom: 1px solid var(--theme-elevation-300);
 }
@@ -268,7 +268,7 @@
 }
 
 .secondary {
-  color: var(--theme-elevation-500);
+  color: var(--theme-elevation-650);
 }
 
 .billedAmount {
@@ -326,7 +326,7 @@
   border-radius: 4px;
   border: 1px solid var(--theme-elevation-300);
   background: var(--theme-elevation-100);
-  color: var(--theme-elevation-500);
+  color: var(--theme-elevation-650);
   font-size: 10px;
   font-weight: 600;
   cursor: pointer;
@@ -367,7 +367,7 @@
 
 .summaryMeta {
   font-size: 11px;
-  color: var(--theme-elevation-500);
+  color: var(--theme-elevation-650);
 }
 
 .summaryAction {
@@ -403,7 +403,7 @@
   background: var(--theme-elevation-100);
   border: 1px dashed var(--theme-elevation-300);
   border-radius: 6px;
-  color: var(--theme-elevation-500);
+  color: var(--theme-elevation-650);
   font-size: 12px;
   font-style: italic;
 }
@@ -423,7 +423,7 @@
 
 .totalMeta {
   font-size: 13px;
-  color: var(--theme-elevation-500);
+  color: var(--theme-elevation-650);
 }
 
 .totalChecked {

package/src/styles/ChatView.module.scss

@@ -29,7 +29,7 @@ $font-stack: -apple-system, BlinkMacSystemFont, 'Inter', 'Segoe UI', system-ui,
 
 .subtitle {
   font-size: 13px;
-  color: var(--theme-elevation-500);
+  color: var(--theme-elevation-650);
   margin: 4px 0 0;
 }
 
@@ -67,7 +67,7 @@ $font-stack: -apple-system, BlinkMacSystemFont, 'Inter', 'Segoe UI', system-ui,
   letter-spacing: 0.04em;
   border: none;
   cursor: pointer;
-  color: var(--theme-elevation-500);
+  color: var(--theme-elevation-650);
   background: none;
   position: relative;
   transition: color 100ms;
@@ -175,7 +175,7 @@ $font-stack: -apple-system, BlinkMacSystemFont, 'Inter', 'Segoe UI', system-ui,
 
 .sessionPreview {
   font-size: 12px;
-  color: var(--theme-elevation-500);
+  color: var(--theme-elevation-650);
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
@@ -233,7 +233,7 @@ $font-stack: -apple-system, BlinkMacSystemFont, 'Inter', 'Segoe UI', system-ui,
   border-radius: 6px;
   border: 1px solid var(--theme-elevation-200);
   background: none;
-  color: var(--theme-elevation-500);
+  color: var(--theme-elevation-650);
   font-weight: 600;
   font-size: 12px;
   cursor: pointer;
@@ -301,7 +301,7 @@ $font-stack: -apple-system, BlinkMacSystemFont, 'Inter', 'Segoe UI', system-ui,
   border-color: var(--theme-elevation-200);
   padding: 6px 14px;
   font-size: 12px;
-  color: var(--theme-elevation-500);
+  color: var(--theme-elevation-650);
   border-radius: 8px;
   max-width: 80%;
 }
@@ -339,7 +339,7 @@ $font-stack: -apple-system, BlinkMacSystemFont, 'Inter', 'Segoe UI', system-ui,
   font-weight: 700;
   margin-bottom: 4px;
   opacity: 0.7;
-  color: var(--theme-elevation-500);
+  color: var(--theme-elevation-650);
 }
 
 .bubbleBody {
@@ -373,7 +373,7 @@ $font-stack: -apple-system, BlinkMacSystemFont, 'Inter', 'Segoe UI', system-ui,
   font-size: 12px;
   font-weight: 600;
   background: none;
-  color: var(--theme-elevation-500);
+  color: var(--theme-elevation-650);
   cursor: pointer;
   transition: all 80ms;
 

package/src/styles/CommandPalette.module.scss

@@ -121,7 +121,7 @@
 
 .itemSub {
   font-size: 11px;
-  color: var(--theme-elevation-500);
+  color: var(--theme-elevation-650);
   margin-top: 1px;
 }
 

package/src/styles/CrmView.module.scss

@@ -34,7 +34,7 @@ $red: #dc2626;
 
 .subtitle {
   font-size: 13px;
-  color: var(--theme-elevation-500);
+  color: var(--theme-elevation-650);
   font-weight: 400;
 }
 
@@ -125,7 +125,7 @@ $red: #dc2626;
 
 .clientName {
   font-size: 12px;
-  color: var(--theme-elevation-500);
+  color: var(--theme-elevation-650);
 }
 
 .clientEmail {
@@ -181,7 +181,7 @@ $red: #dc2626;
 
 .clientHeaderContact {
   font-size: 14px;
-  color: var(--theme-elevation-500);
+  color: var(--theme-elevation-650);
   margin-top: 4px;
 }
 
@@ -199,7 +199,7 @@ $red: #dc2626;
   background: var(--theme-elevation-50);
   border-radius: 6px;
   font-size: 12px;
-  color: var(--theme-elevation-500);
+  color: var(--theme-elevation-650);
   font-style: italic;
 }
 
@@ -281,7 +281,7 @@ $red: #dc2626;
 
 .mergePanelDesc {
   font-size: 12px;
-  color: var(--theme-elevation-500);
+  color: var(--theme-elevation-650);
   margin: 0 0 10px;
   line-height: 1.5;
 }
@@ -328,13 +328,13 @@ $red: #dc2626;
 }
 
 .mergeResultName {
-  color: var(--theme-elevation-500);
+  color: var(--theme-elevation-650);
   margin-left: 8px;
 }
 
 .mergeEmpty {
   font-size: 12px;
-  color: var(--theme-elevation-500);
+  color: var(--theme-elevation-650);
   font-style: italic;
   margin: 0;
 }
@@ -355,7 +355,7 @@ $red: #dc2626;
   font-size: 10px;
   font-weight: 700;
   text-transform: uppercase;
-  color: var(--theme-elevation-500);
+  color: var(--theme-elevation-650);
   letter-spacing: 0.03em;
 }
 
@@ -477,7 +477,7 @@ $red: #dc2626;
   font-size: 10px;
   font-weight: 600;
   text-transform: uppercase;
-  color: var(--theme-elevation-500);
+  color: var(--theme-elevation-650);
   border-bottom: 1px solid var(--theme-elevation-200);
   letter-spacing: 0.03em;
 }

package/src/styles/EmailTracking.module.scss

@@ -42,7 +42,7 @@
   font-weight: 700;
   text-transform: uppercase;
   letter-spacing: 0.06em;
-  color: var(--theme-elevation-500);
+  color: var(--theme-elevation-650);
   margin-bottom: 6px;
 }
 
@@ -55,7 +55,7 @@
 .statUnit {
   font-size: 14px;
   font-weight: 500;
-  color: var(--theme-elevation-500);
+  color: var(--theme-elevation-650);
   margin-left: 2px;
 }
 
@@ -78,7 +78,7 @@
   padding: 8px 14px;
   font-size: 13px;
   font-weight: 600;
-  color: var(--theme-elevation-500);
+  color: var(--theme-elevation-650);
   background: none;
   border: none;
   border-bottom: 2px solid transparent;
@@ -104,7 +104,7 @@
   background: none;
   font-size: 12px;
   font-weight: 600;
-  color: var(--theme-elevation-500);
+  color: var(--theme-elevation-650);
   cursor: pointer;
   transition: all 80ms;
   &:hover { background: var(--theme-elevation-100); }
@@ -141,7 +141,7 @@
   font-weight: 700;
   text-transform: uppercase;
   letter-spacing: 0.04em;
-  color: var(--theme-elevation-500);
+  color: var(--theme-elevation-650);
   border-bottom: 1px solid var(--theme-elevation-200);
 }
 
@@ -217,7 +217,7 @@
   background: none;
   font-size: 12px;
   font-weight: 600;
-  color: var(--theme-elevation-500);
+  color: var(--theme-elevation-650);
   cursor: pointer;
   &:hover { background: var(--theme-elevation-100); }
   &:disabled { opacity: 0.4; cursor: not-allowed; }