@consilioweb/payload-support 2.0.0 → 2.0.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@consilioweb/payload-support",
-  "version": "2.0.0",
+  "version": "2.0.1",
   "description": "Payload CMS plugin — professional support & ticketing system with AI, SLA, time tracking, live chat, and more",
   "type": "module",
   "main": "./dist/index.cjs",
@@ -49,15 +49,6 @@
     "README.md",
     "LICENSE"
   ],
-  "scripts": {
-    "build": "tsup",
-    "typecheck": "tsc --noEmit",
-    "prepublishOnly": "npm run build",
-    "test": "vitest run",
-    "test:watch": "vitest",
-    "test:e2e": "playwright test",
-    "test:e2e:ui": "playwright test --ui"
-  },
   "keywords": [
     "payload",
     "payload-cms",
@@ -125,12 +116,12 @@
   },
   "devDependencies": {
     "@payloadcms/db-sqlite": "^3.86.0",
-    "@playwright/test": "^1.49.0",
     "@payloadcms/graphql": "^3.86.0",
     "@payloadcms/next": "^3.86.0",
     "@payloadcms/richtext-lexical": "^3.86.0",
     "@payloadcms/translations": "^3.86.0",
     "@payloadcms/ui": "^3.86.0",
+    "@playwright/test": "^1.49.0",
     "@types/pdfkit": "^0.17.6",
     "@types/react": "^19.0.0",
     "@types/sanitize-html": "^2.16.1",
@@ -140,6 +131,7 @@
     "payload": "^3.86.0",
     "react": "^19.2.7",
     "react-dom": "^19.2.7",
+    "sharp": "0.34.5",
     "tsup": "^8.0.0",
     "typescript": "^5.5.0",
     "vitest": "^4.1.9"
@@ -148,5 +140,13 @@
     "pdfkit": "^0.19.1",
     "sanitize-html": "^2.17.5",
     "web-push": "^3.6.7"
+  },
+  "scripts": {
+    "build": "tsup",
+    "typecheck": "tsc --noEmit",
+    "test": "vitest run",
+    "test:watch": "vitest",
+    "test:e2e": "playwright test",
+    "test:e2e:ui": "playwright test --ui"
   }
-}
+}

package/src/__tests__/translations.test.ts

@@ -0,0 +1,67 @@
+import { readdirSync, readFileSync } from 'node:fs'
+import { join } from 'node:path'
+import { describe, expect, it } from 'vitest'
+import { getNestedValue, translations } from '../components/TicketConversation/hooks/useTranslation'
+
+function collectSourceFiles(directory: string): string[] {
+  return readdirSync(directory, { withFileTypes: true }).flatMap((entry) => {
+    const path = join(directory, entry.name)
+
+    if (entry.isDirectory()) return collectSourceFiles(path)
+    return /\.(?:ts|tsx)$/.test(entry.name) ? [path] : []
+  })
+}
+
+function collectTranslationKeys(): string[] {
+  const keys = new Set<string>()
+  const sourceDirectories = [join(process.cwd(), 'src/components'), join(process.cwd(), 'src/views')]
+  const translationCall = /\b(?:t|tFn)\(\s*(['"`])([^'"`]+)\1/g
+
+  for (const file of sourceDirectories.flatMap(collectSourceFiles)) {
+    const source = readFileSync(file, 'utf8')
+
+    for (const match of source.matchAll(translationCall)) {
+      keys.add(match[2])
+    }
+  }
+
+  return [...keys].sort()
+}
+
+function flattenCatalog(value: Record<string, unknown>, prefix = ''): string[] {
+  return Object.entries(value).flatMap(([key, entry]) => {
+    const path = prefix ? `${prefix}.${key}` : key
+
+    if (entry != null && typeof entry === 'object' && !Array.isArray(entry)) {
+      return flattenCatalog(entry as Record<string, unknown>, path)
+    }
+
+    return [path]
+  })
+}
+
+describe('support translations', () => {
+  const usedKeys = collectTranslationKeys()
+
+  it.each(['fr', 'en'] as const)('defines every literal key used by support views in %s', (locale) => {
+    const catalogKeys = new Set(flattenCatalog(translations[locale]))
+    const missingKeys = usedKeys.filter((key) => !catalogKeys.has(key))
+
+    expect(missingKeys).toEqual([])
+  })
+
+  it('keeps the French and English catalogs aligned', () => {
+    expect(flattenCatalog(translations.fr).sort()).toEqual(flattenCatalog(translations.en).sort())
+  })
+
+  it.each([
+    'ticket.status.pending',
+    'inbox.timeAgo.now',
+    'detail.addTime',
+    'detail.addTagBtn',
+    'detail.billing.title',
+  ])('resolves the regression key %s', (key) => {
+    expect(getNestedValue(translations.fr, key)).not.toBe(key)
+    expect(getNestedValue(translations.en, key)).not.toBe(key)
+  })
+})

package/src/components/TicketConversation/hooks/useTranslation.ts

@@ -1,22 +1,56 @@
 import { useState, useCallback, useEffect } from 'react'
 import frTranslations from '../locales/fr.json'
 import enTranslations from '../locales/en.json'
+import frViewTranslations from '../../../views/shared/locales/fr.json'
+import enViewTranslations from '../../../views/shared/locales/en.json'
 
 type Locale = 'fr' | 'en'
 
 const LOCALE_STORAGE_KEY = 'support_locale'
 const DEFAULT_LOCALE: Locale = 'fr'
 
+function mergeTranslations(
+  base: Record<string, unknown>,
+  supplement: Record<string, unknown>,
+): Record<string, unknown> {
+  const merged = { ...base }
+
+  for (const [key, value] of Object.entries(supplement)) {
+    const current = merged[key]
+
+    if (
+      current != null
+      && value != null
+      && typeof current === 'object'
+      && typeof value === 'object'
+      && !Array.isArray(current)
+      && !Array.isArray(value)
+    ) {
+      merged[key] = mergeTranslations(
+        current as Record<string, unknown>,
+        value as Record<string, unknown>,
+      )
+      continue
+    }
+
+    if (current === undefined || (typeof current !== 'object' && typeof value === 'object')) {
+      merged[key] = value
+    }
+  }
+
+  return merged
+}
+
 const translations: Record<Locale, Record<string, unknown>> = {
-  fr: frTranslations,
-  en: enTranslations,
+  fr: mergeTranslations(frTranslations, frViewTranslations),
+  en: mergeTranslations(enTranslations, enViewTranslations),
 }
 
 /**
  * Resolve a dot-notation key from a nested object.
  * e.g. getNestedValue(obj, 'ticket.status.open') => 'Ouvert'
  */
-function getNestedValue(obj: Record<string, unknown>, path: string): string {
+export function getNestedValue(obj: Record<string, unknown>, path: string): string {
   const keys = path.split('.')
   let current: unknown = obj
 
@@ -113,4 +147,4 @@ export function useTranslation() {
 }
 
 export type { Locale }
-export { DEFAULT_LOCALE, LOCALE_STORAGE_KEY }
+export { DEFAULT_LOCALE, LOCALE_STORAGE_KEY, translations }

package/src/views/SupportDashboardView/client.tsx

@@ -540,7 +540,7 @@ export const SupportDashboardClient: React.FC = () => {
 
           {/* CSAT ring */}
           <div className={styles.panel}>
-            <h2 className={styles.panelTitle}>{t('dashboard.csat')}</h2>
+            <h2 className={styles.panelTitle}>{t('dashboard.csatTitle')}</h2>
             <CSATRing score={stats.satisfactionAvg} count={stats.satisfactionCount} />
           </div>
         </div>

package/src/views/TicketingSettingsView/client.tsx

@@ -413,7 +413,7 @@ export const TicketingSettingsClient: React.FC = () => {
        * SECTION 1 — Feature Flags
        * ======================================== */}
       <CollapsibleSection
-        title={t('settingsView.features')}
+        title={t('settingsView.featuresTitle')}
         icon={<Settings size={16} />}
         color={V.blue}
         badge={

package/src/views/shared/locales/en.json

@@ -266,7 +266,7 @@
     "activeTickets": "Active tickets",
     "noActiveTickets": "No active tickets",
     "volume7days": "Volume — last 7 days",
-    "csat": "Client satisfaction (CSAT)",
+    "csatTitle": "Client satisfaction (CSAT)",
     "newTicketAction": "+ New ticket",
     "pendingEmails": "Pending emails",
     "crm": "CRM Clients",
@@ -599,7 +599,7 @@
   "settingsView": {
     "configTitle": "Support module configuration",
     "intro": "Manage features, email configuration, AI and support module preferences.",
-    "features": "Features",
+    "featuresTitle": "Features",
     "featuresDescription": "Enable or disable support module features.",
     "reset": "Reset",
     "saved": "✓ Saved",

package/src/views/shared/locales/fr.json

@@ -266,7 +266,7 @@
     "activeTickets": "Tickets actifs",
     "noActiveTickets": "Aucun ticket actif",
     "volume7days": "Volume — 7 derniers jours",
-    "csat": "Satisfaction client (CSAT)",
+    "csatTitle": "Satisfaction client (CSAT)",
     "newTicketAction": "+ Nouveau ticket",
     "pendingEmails": "Emails en attente",
     "crm": "CRM Clients",
@@ -599,7 +599,7 @@
   "settingsView": {
     "configTitle": "Configuration du module Support",
     "intro": "Gérez les fonctionnalités, la configuration email, l'IA et les préférences du module de support.",
-    "features": "Fonctionnalités",
+    "featuresTitle": "Fonctionnalités",
     "featuresDescription": "Activez ou désactivez les fonctionnalités du module de support.",
     "reset": "Réinitialiser",
     "saved": "✓ Sauvegardé",