@consilioweb/payload-support 2.0.0 → 3.0.0

package/dist/components/TicketConversation/hooks/useTranslation.d.ts

@@ -0,0 +1,33 @@
+type Locale = 'fr' | 'en';
+declare const LOCALE_STORAGE_KEY = "support_locale";
+declare const DEFAULT_LOCALE: Locale;
+declare const translations: Record<Locale, Record<string, unknown>>;
+/**
+ * Resolve a dot-notation key from a nested object.
+ * e.g. getNestedValue(obj, 'ticket.status.open') => 'Ouvert'
+ */
+export declare function getNestedValue(obj: Record<string, unknown>, path: string): string;
+/**
+ * Hook providing i18n translation capabilities for the support module.
+ *
+ * Usage:
+ * ```tsx
+ * const { t, locale, setLocale } = useTranslation()
+ *
+ * // Simple key
+ * t('common.save') // => 'Sauvegarder' (fr) or 'Save' (en)
+ *
+ * // With interpolation
+ * t('inbox.selected', { count: '3' }) // => '3 sélectionné(s)'
+ *
+ * // Switch locale
+ * setLocale('en')
+ * ```
+ */
+export declare function useTranslation(): {
+    t: (key: string, vars?: Record<string, string | number>) => string;
+    locale: Locale;
+    setLocale: (newLocale: Locale) => void;
+};
+export type { Locale };
+export { DEFAULT_LOCALE, LOCALE_STORAGE_KEY, translations };

package/dist/components/TicketConversation/hooks/useTranslation.js

@@ -2,12 +2,31 @@
 import { useState, useEffect, useCallback } 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';
 
 const LOCALE_STORAGE_KEY = "support_locale";
 const DEFAULT_LOCALE = "fr";
+function mergeTranslations(base, supplement) {
+  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,
+        value
+      );
+      continue;
+    }
+    if (current === void 0 || typeof current !== "object" && typeof value === "object") {
+      merged[key] = value;
+    }
+  }
+  return merged;
+}
 const translations = {
-  fr: frTranslations,
-  en: enTranslations
+  fr: mergeTranslations(frTranslations, frViewTranslations),
+  en: mergeTranslations(enTranslations, enViewTranslations)
 };
 function getNestedValue(obj, path) {
   const keys = path.split(".");
@@ -67,4 +86,4 @@ function useTranslation() {
   return { t, locale, setLocale };
 }
 
-export { DEFAULT_LOCALE, LOCALE_STORAGE_KEY, useTranslation };
+export { DEFAULT_LOCALE, LOCALE_STORAGE_KEY, getNestedValue, translations, useTranslation };

package/dist/components/TicketConversation/index.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import '../../styles/theme.css';
+declare const TicketConversation: React.FC;
+export default TicketConversation;

package/dist/components/TicketConversation/index.js

@@ -19,14 +19,14 @@ import { useTicketActions } from './hooks/useTicketActions.js';
 import { useReply } from './hooks/useReply.js';
 import { useAI } from './hooks/useAI.js';
 import { useDocumentIdFromUrl } from './hooks/useDocumentIdFromUrl.js';
-import { getFeatures } from './config.js';
+import { useFeatures } from './hooks/useFeatures.js';
 import { SkeletonText } from './SkeletonText.js';
 import { RewriteDropdown } from './RewriteDropdown.js';
 import '../../styles/theme.css';
 
 const TicketConversation = () => {
   const { id } = useDocumentIdFromUrl();
-  const [features] = useState(() => getFeatures());
+  const { features } = useFeatures();
   const [messages, setMessages] = useState([]);
   const [timeEntries, setTimeEntries] = useState([]);
   const [client, setClient] = useState(null);

package/dist/components/TicketConversation/types.d.ts

@@ -0,0 +1,56 @@
+export interface Attachment {
+    file: {
+        id: number;
+        url?: string;
+        filename?: string;
+        mimeType?: string;
+        sizes?: Record<string, {
+            url?: string;
+        }>;
+    } | number;
+}
+export interface Message {
+    id: string | number;
+    body: string;
+    bodyHtml?: string;
+    authorType: 'client' | 'admin' | 'email';
+    isInternal?: boolean;
+    isSolution?: boolean;
+    attachments?: Attachment[];
+    createdAt: string;
+    fromChat?: boolean;
+}
+export interface TimeEntry {
+    id: string | number;
+    duration: number;
+    description?: string;
+    date: string;
+}
+export interface ClientInfo {
+    id: number;
+    company: string;
+    firstName: string;
+    lastName: string;
+    email: string;
+    phone?: string;
+}
+export interface CannedResponse {
+    id: string | number;
+    title: string;
+    body: string;
+    category?: string;
+}
+export interface ActivityEntry {
+    id: string | number;
+    action: string;
+    detail?: string;
+    actorType?: string;
+    actorEmail?: string;
+    createdAt: string;
+}
+export interface SatisfactionSurvey {
+    id: string | number;
+    rating: number;
+    comment?: string;
+    createdAt: string;
+}

package/dist/components/TicketConversation/utils.d.ts

@@ -0,0 +1,2 @@
+export declare function getDateLabel(dateStr: string): string;
+export declare function formatMessageDate(dateStr: string): string;