@consilioweb/payload-support 0.6.0 → 0.6.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (84) hide show
  1. package/dist/{styles/theme.css → components/TicketConversation.css} +13 -326
  2. package/dist/components/TicketConversation.js +3004 -0
  3. package/dist/index.cjs +11 -11
  4. package/dist/index.js +11 -11
  5. package/dist/views.cjs +6184 -0
  6. package/dist/{views/TicketingSettingsView/TicketingSettings.module.scss → views.css} +66 -138
  7. package/dist/views.d.cts +30 -0
  8. package/dist/views.d.ts +30 -0
  9. package/dist/views.js +6165 -0
  10. package/package.json +14 -7
  11. package/src/plugin.ts +11 -11
  12. package/src/views.ts +17 -0
  13. package/dist/components/TicketConversation/components/AISummaryPanel.js +0 -76
  14. package/dist/components/TicketConversation/components/ActionPanels.js +0 -118
  15. package/dist/components/TicketConversation/components/ActivityLog.js +0 -23
  16. package/dist/components/TicketConversation/components/ClientBar.js +0 -42
  17. package/dist/components/TicketConversation/components/ClientHistory.js +0 -137
  18. package/dist/components/TicketConversation/components/CodeBlock.js +0 -152
  19. package/dist/components/TicketConversation/components/CodeBlockInserter.js +0 -155
  20. package/dist/components/TicketConversation/components/QuickActions.js +0 -65
  21. package/dist/components/TicketConversation/components/TicketHeader.js +0 -92
  22. package/dist/components/TicketConversation/components/TimeTrackingPanel.js +0 -133
  23. package/dist/components/TicketConversation/config.js +0 -41
  24. package/dist/components/TicketConversation/constants.js +0 -96
  25. package/dist/components/TicketConversation/context.js +0 -11
  26. package/dist/components/TicketConversation/hooks/useAI.js +0 -176
  27. package/dist/components/TicketConversation/hooks/useMessageActions.js +0 -135
  28. package/dist/components/TicketConversation/hooks/useReply.js +0 -187
  29. package/dist/components/TicketConversation/hooks/useTicketActions.js +0 -230
  30. package/dist/components/TicketConversation/hooks/useTimeTracking.js +0 -122
  31. package/dist/components/TicketConversation/hooks/useTranslation.js +0 -70
  32. package/dist/components/TicketConversation/index.js +0 -1123
  33. package/dist/components/TicketConversation/locales/en.json +0 -878
  34. package/dist/components/TicketConversation/locales/fr.json +0 -878
  35. package/dist/components/TicketConversation/types.js +0 -2
  36. package/dist/components/TicketConversation/utils.js +0 -25
  37. package/dist/styles/BillingView.module.scss +0 -311
  38. package/dist/styles/ChatView.module.scss +0 -438
  39. package/dist/styles/CommandPalette.module.scss +0 -160
  40. package/dist/styles/CrmView.module.scss +0 -554
  41. package/dist/styles/EmailTracking.module.scss +0 -238
  42. package/dist/styles/ImportConversation.module.scss +0 -267
  43. package/dist/styles/Layout.module.scss +0 -55
  44. package/dist/styles/Logs.module.scss +0 -164
  45. package/dist/styles/NewTicket.module.scss +0 -143
  46. package/dist/styles/PendingEmails.module.scss +0 -629
  47. package/dist/styles/SupportDashboard.module.scss +0 -649
  48. package/dist/styles/TicketDetail.module.scss +0 -1050
  49. package/dist/styles/TicketInbox.module.scss +0 -296
  50. package/dist/styles/TicketingSettings.module.scss +0 -358
  51. package/dist/styles/TimeDashboard.module.scss +0 -287
  52. package/dist/styles/_tokens.scss +0 -78
  53. package/dist/views/BillingView/client.js +0 -204
  54. package/dist/views/BillingView/index.js +0 -29
  55. package/dist/views/ChatView/client.js +0 -252
  56. package/dist/views/ChatView/index.js +0 -29
  57. package/dist/views/CrmView/client.js +0 -232
  58. package/dist/views/CrmView/index.js +0 -29
  59. package/dist/views/EmailTrackingView/client.js +0 -154
  60. package/dist/views/EmailTrackingView/index.js +0 -29
  61. package/dist/views/ImportConversationView/client.js +0 -204
  62. package/dist/views/ImportConversationView/index.js +0 -29
  63. package/dist/views/LogsView/client.js +0 -148
  64. package/dist/views/LogsView/index.js +0 -27
  65. package/dist/views/NewTicketView/client.js +0 -224
  66. package/dist/views/NewTicketView/index.js +0 -27
  67. package/dist/views/PendingEmailsView/client.js +0 -172
  68. package/dist/views/PendingEmailsView/index.js +0 -29
  69. package/dist/views/SupportDashboardView/client.js +0 -296
  70. package/dist/views/SupportDashboardView/index.js +0 -29
  71. package/dist/views/TicketDetailView/client.js +0 -844
  72. package/dist/views/TicketDetailView/index.js +0 -29
  73. package/dist/views/TicketInboxView/client.js +0 -294
  74. package/dist/views/TicketInboxView/index.js +0 -27
  75. package/dist/views/TicketingSettingsView/client.js +0 -728
  76. package/dist/views/TicketingSettingsView/index.js +0 -29
  77. package/dist/views/TimeDashboardView/client.js +0 -164
  78. package/dist/views/TimeDashboardView/index.js +0 -29
  79. package/dist/views/shared/AdminViewHeader.js +0 -67
  80. package/dist/views/shared/ErrorBoundary.js +0 -50
  81. package/dist/views/shared/Skeleton.js +0 -72
  82. package/dist/views/shared/adminTokens.js +0 -32
  83. package/dist/views/shared/config.js +0 -41
  84. package/dist/views/shared/index.js +0 -6
@@ -1,230 +0,0 @@
1
- "use client";
2
- import { useState, useRef } from 'react';
3
-
4
- function useTicketActions(id, fetchAll) {
5
- const [statusUpdating, setStatusUpdating] = useState(false);
6
- const [showMerge, setShowMerge] = useState(false);
7
- const [mergeTarget, setMergeTarget] = useState("");
8
- const [mergeTargetInfo, setMergeTargetInfo] = useState(null);
9
- const [merging, setMerging] = useState(false);
10
- const [mergeError, setMergeError] = useState("");
11
- const [showExtMsg, setShowExtMsg] = useState(false);
12
- const [extMsgBody, setExtMsgBody] = useState("");
13
- const [extMsgAuthor, setExtMsgAuthor] = useState("client");
14
- const [extMsgDate, setExtMsgDate] = useState("");
15
- const [extMsgFiles, setExtMsgFiles] = useState([]);
16
- const [sendingExtMsg, setSendingExtMsg] = useState(false);
17
- const extFileInputRef = useRef(null);
18
- const [showSnooze, setShowSnooze] = useState(false);
19
- const [snoozeUntil, setSnoozeUntil] = useState(null);
20
- const [snoozeSaving, setSnoozeSaving] = useState(false);
21
- const [showNextTicket, setShowNextTicket] = useState(false);
22
- const [nextTicketId, setNextTicketId] = useState(null);
23
- const [nextTicketInfo, setNextTicketInfo] = useState("");
24
- const handleStatusChange = async (newStatus) => {
25
- if (!id) return;
26
- setStatusUpdating(true);
27
- try {
28
- await fetch(`/api/tickets/${id}`, {
29
- method: "PATCH",
30
- headers: { "Content-Type": "application/json" },
31
- credentials: "include",
32
- body: JSON.stringify({ status: newStatus })
33
- });
34
- window.location.reload();
35
- } catch {
36
- } finally {
37
- setStatusUpdating(false);
38
- }
39
- };
40
- const handleMergeLookup = async () => {
41
- if (!mergeTarget.trim()) return;
42
- setMergeTargetInfo(null);
43
- setMergeError("");
44
- try {
45
- const searchVal = mergeTarget.trim().toUpperCase();
46
- const res = await fetch(`/api/tickets?where[ticketNumber][equals]=${encodeURIComponent(searchVal)}&limit=1&depth=0`, { credentials: "include" });
47
- if (res.ok) {
48
- const d = await res.json();
49
- if (d.docs?.length > 0) {
50
- const t = d.docs[0];
51
- if (String(t.id) === String(id)) {
52
- setMergeError("Impossible de fusionner un ticket avec lui-m\xEAme");
53
- } else {
54
- setMergeTargetInfo({ id: t.id, ticketNumber: t.ticketNumber, subject: t.subject });
55
- }
56
- } else {
57
- setMergeError("Ticket introuvable");
58
- }
59
- }
60
- } catch {
61
- setMergeError("Erreur de recherche");
62
- }
63
- };
64
- const handleMerge = async () => {
65
- if (!mergeTargetInfo || !id) return;
66
- setMerging(true);
67
- setMergeError("");
68
- try {
69
- const res = await fetch("/api/support/merge-tickets", {
70
- method: "POST",
71
- headers: { "Content-Type": "application/json" },
72
- credentials: "include",
73
- body: JSON.stringify({ sourceTicketId: id, targetTicketId: mergeTargetInfo.id })
74
- });
75
- if (res.ok) {
76
- window.location.href = `/admin/collections/tickets/${mergeTargetInfo.id}`;
77
- } else {
78
- const d = await res.json().catch(() => ({}));
79
- setMergeError(d.error || "Erreur de fusion");
80
- }
81
- } catch {
82
- setMergeError("Erreur r\xE9seau");
83
- } finally {
84
- setMerging(false);
85
- }
86
- };
87
- const handleExtFileChange = (e) => {
88
- if (e.target.files) {
89
- const maxSize = 1 * 1024 * 1024;
90
- const newFiles = Array.from(e.target.files);
91
- const tooLarge = newFiles.filter((f) => f.size > maxSize);
92
- if (tooLarge.length > 0) {
93
- alert(`Fichier(s) trop volumineux (max 1 Mo) : ${tooLarge.map((f) => f.name).join(", ")}`);
94
- }
95
- setExtMsgFiles((prev) => [...prev, ...newFiles.filter((f) => f.size <= maxSize)]);
96
- }
97
- if (extFileInputRef.current) extFileInputRef.current.value = "";
98
- };
99
- const handleSendExtMsg = async () => {
100
- if (!extMsgBody.trim() || !id) return;
101
- setSendingExtMsg(true);
102
- try {
103
- const uploadedIds = [];
104
- for (const file of extMsgFiles) {
105
- if (file.size > 1 * 1024 * 1024) continue;
106
- const formData = new FormData();
107
- formData.append("file", file);
108
- formData.append("_payload", JSON.stringify({ alt: file.name }));
109
- const uploadRes = await fetch("/api/media", { method: "POST", credentials: "include", body: formData });
110
- if (uploadRes.ok) {
111
- const d = await uploadRes.json();
112
- if (d.doc?.id) uploadedIds.push(d.doc.id);
113
- }
114
- }
115
- const messageData = {
116
- ticket: id,
117
- body: extMsgBody.trim(),
118
- authorType: extMsgAuthor,
119
- isInternal: false,
120
- skipNotification: true
121
- };
122
- if (extMsgDate) {
123
- messageData.createdAt = new Date(extMsgDate).toISOString();
124
- }
125
- if (uploadedIds.length > 0) {
126
- messageData.attachments = uploadedIds.map((mid) => ({ file: mid }));
127
- }
128
- const res = await fetch("/api/ticket-messages", {
129
- method: "POST",
130
- headers: { "Content-Type": "application/json" },
131
- credentials: "include",
132
- body: JSON.stringify(messageData)
133
- });
134
- if (res.ok) {
135
- setExtMsgBody("");
136
- setExtMsgDate("");
137
- setExtMsgFiles([]);
138
- setShowExtMsg(false);
139
- fetchAll();
140
- }
141
- } catch {
142
- } finally {
143
- setSendingExtMsg(false);
144
- }
145
- };
146
- const handleSnooze = async (days, customDate) => {
147
- if (!id) return;
148
- setSnoozeSaving(true);
149
- try {
150
- let newSnooze = null;
151
- if (days !== null) {
152
- const d = /* @__PURE__ */ new Date();
153
- d.setDate(d.getDate() + days);
154
- newSnooze = d.toISOString();
155
- } else if (customDate) {
156
- newSnooze = new Date(customDate).toISOString();
157
- }
158
- await fetch(`/api/tickets/${id}`, {
159
- method: "PATCH",
160
- headers: { "Content-Type": "application/json" },
161
- credentials: "include",
162
- body: JSON.stringify({ snoozeUntil: newSnooze })
163
- });
164
- setSnoozeUntil(newSnooze);
165
- setShowSnooze(false);
166
- fetchAll();
167
- } catch {
168
- } finally {
169
- setSnoozeSaving(false);
170
- }
171
- };
172
- const handleNextTicket = async () => {
173
- try {
174
- const res = await fetch("/api/tickets?where[status][equals]=open&sort=updatedAt&limit=1&depth=0", { credentials: "include" });
175
- if (res.ok) {
176
- const d = await res.json();
177
- if (d.docs?.length > 0 && String(d.docs[0].id) !== String(id)) {
178
- setNextTicketId(d.docs[0].id);
179
- setNextTicketInfo(`${d.docs[0].ticketNumber} \u2014 ${d.docs[0].subject}`);
180
- } else {
181
- setNextTicketId(null);
182
- setNextTicketInfo("Aucun autre ticket ouvert");
183
- }
184
- setShowNextTicket(true);
185
- }
186
- } catch {
187
- }
188
- };
189
- return {
190
- statusUpdating,
191
- handleStatusChange,
192
- showMerge,
193
- setShowMerge,
194
- mergeTarget,
195
- setMergeTarget,
196
- mergeTargetInfo,
197
- setMergeTargetInfo,
198
- mergeError,
199
- setMergeError,
200
- merging,
201
- handleMergeLookup,
202
- handleMerge,
203
- showExtMsg,
204
- setShowExtMsg,
205
- extMsgBody,
206
- setExtMsgBody,
207
- extMsgAuthor,
208
- setExtMsgAuthor,
209
- extMsgDate,
210
- setExtMsgDate,
211
- extMsgFiles,
212
- setExtMsgFiles,
213
- sendingExtMsg,
214
- handleExtFileChange,
215
- handleSendExtMsg,
216
- showSnooze,
217
- setShowSnooze,
218
- snoozeUntil,
219
- setSnoozeUntil,
220
- snoozeSaving,
221
- handleSnooze,
222
- showNextTicket,
223
- setShowNextTicket,
224
- nextTicketId,
225
- nextTicketInfo,
226
- handleNextTicket
227
- };
228
- }
229
-
230
- export { useTicketActions };
@@ -1,122 +0,0 @@
1
- "use client";
2
- import { useState, useRef, useEffect } from 'react';
3
-
4
- function useTimeTracking(id, fetchAll) {
5
- const [duration, setDuration] = useState("");
6
- const [timeDescription, setTimeDescription] = useState("");
7
- const [addingTime, setAddingTime] = useState(false);
8
- const [timeSuccess, setTimeSuccess] = useState("");
9
- const [timerRunning, setTimerRunning] = useState(false);
10
- const [timerSeconds, setTimerSeconds] = useState(0);
11
- const [timerDescription, setTimerDescription] = useState("");
12
- const timerIntervalRef = useRef(null);
13
- const timerKeepAliveRef = useRef(null);
14
- const handleAddTime = async () => {
15
- if (!duration || !id) return;
16
- setAddingTime(true);
17
- setTimeSuccess("");
18
- try {
19
- const res = await fetch("/api/time-entries", {
20
- method: "POST",
21
- headers: { "Content-Type": "application/json" },
22
- credentials: "include",
23
- body: JSON.stringify({
24
- ticket: id,
25
- duration: parseInt(duration, 10),
26
- date: (/* @__PURE__ */ new Date()).toISOString(),
27
- description: timeDescription.trim() || void 0
28
- })
29
- });
30
- if (res.ok) {
31
- setDuration("");
32
- setTimeDescription("");
33
- setTimeSuccess(`${duration} min ajout\xE9es`);
34
- setTimeout(() => setTimeSuccess(""), 3e3);
35
- fetchAll();
36
- }
37
- } catch {
38
- } finally {
39
- setAddingTime(false);
40
- }
41
- };
42
- const handleTimerStart = (reset = false) => {
43
- setTimerRunning(true);
44
- if (reset) setTimerSeconds(0);
45
- timerIntervalRef.current = setInterval(() => {
46
- setTimerSeconds((prev) => prev + 1);
47
- }, 1e3);
48
- timerKeepAliveRef.current = setInterval(() => {
49
- fetch("/api/users/me", { credentials: "include" }).catch(() => {
50
- });
51
- }, 5 * 60 * 1e3);
52
- };
53
- const handleTimerStop = () => {
54
- setTimerRunning(false);
55
- if (timerIntervalRef.current) {
56
- clearInterval(timerIntervalRef.current);
57
- timerIntervalRef.current = null;
58
- }
59
- if (timerKeepAliveRef.current) {
60
- clearInterval(timerKeepAliveRef.current);
61
- timerKeepAliveRef.current = null;
62
- }
63
- };
64
- const handleTimerSave = async () => {
65
- if (!id || timerSeconds < 60) return;
66
- const minutes = Math.round(timerSeconds / 60);
67
- setAddingTime(true);
68
- try {
69
- const res = await fetch("/api/time-entries", {
70
- method: "POST",
71
- headers: { "Content-Type": "application/json" },
72
- credentials: "include",
73
- body: JSON.stringify({
74
- ticket: id,
75
- duration: minutes,
76
- date: (/* @__PURE__ */ new Date()).toISOString(),
77
- description: timerDescription.trim() || "Timer"
78
- })
79
- });
80
- if (res.ok) {
81
- setTimeSuccess(`${minutes} min ajout\xE9es (timer)`);
82
- setTimeout(() => setTimeSuccess(""), 3e3);
83
- setTimerSeconds(0);
84
- setTimerDescription("");
85
- fetchAll();
86
- }
87
- } catch {
88
- } finally {
89
- setAddingTime(false);
90
- }
91
- };
92
- const handleTimerDiscard = () => {
93
- setTimerSeconds(0);
94
- setTimerDescription("");
95
- };
96
- useEffect(() => {
97
- return () => {
98
- if (timerIntervalRef.current) clearInterval(timerIntervalRef.current);
99
- if (timerKeepAliveRef.current) clearInterval(timerKeepAliveRef.current);
100
- };
101
- }, []);
102
- return {
103
- duration,
104
- setDuration,
105
- timeDescription,
106
- setTimeDescription,
107
- addingTime,
108
- timeSuccess,
109
- timerRunning,
110
- timerSeconds,
111
- setTimerSeconds,
112
- timerDescription,
113
- setTimerDescription,
114
- handleAddTime,
115
- handleTimerStart,
116
- handleTimerStop,
117
- handleTimerSave,
118
- handleTimerDiscard
119
- };
120
- }
121
-
122
- export { useTimeTracking };
@@ -1,70 +0,0 @@
1
- "use client";
2
- import { useState, useEffect, useCallback } from 'react';
3
- import frTranslations from '../locales/fr.json';
4
- import enTranslations from '../locales/en.json';
5
-
6
- const LOCALE_STORAGE_KEY = "support_locale";
7
- const DEFAULT_LOCALE = "fr";
8
- const translations = {
9
- fr: frTranslations,
10
- en: enTranslations
11
- };
12
- function getNestedValue(obj, path) {
13
- const keys = path.split(".");
14
- let current = obj;
15
- for (const key of keys) {
16
- if (current == null || typeof current !== "object") {
17
- return path;
18
- }
19
- current = current[key];
20
- }
21
- if (typeof current === "string") {
22
- return current;
23
- }
24
- return path;
25
- }
26
- function interpolate(template, vars) {
27
- if (!vars) return template;
28
- return template.replace(/\{\{(\w+(?:\.\w+)*)\}\}/g, (_, key) => {
29
- return String(vars[key] ?? `{{${key}}}`);
30
- });
31
- }
32
- function useTranslation() {
33
- const [locale, setLocaleState] = useState(() => {
34
- if (typeof window === "undefined") return DEFAULT_LOCALE;
35
- try {
36
- const stored = localStorage.getItem(LOCALE_STORAGE_KEY);
37
- if (stored === "fr" || stored === "en") return stored;
38
- } catch {
39
- }
40
- return DEFAULT_LOCALE;
41
- });
42
- useEffect(() => {
43
- fetch("/api/support/user-prefs", { credentials: "include" }).then((r) => r.ok ? r.json() : null).then((data) => {
44
- if (data?.locale && (data.locale === "fr" || data.locale === "en")) {
45
- setLocaleState(data.locale);
46
- }
47
- }).catch(() => {
48
- });
49
- }, []);
50
- useEffect(() => {
51
- try {
52
- localStorage.setItem(LOCALE_STORAGE_KEY, locale);
53
- } catch {
54
- }
55
- }, [locale]);
56
- const setLocale = useCallback((newLocale) => {
57
- setLocaleState(newLocale);
58
- }, []);
59
- const t = useCallback(
60
- (key, vars) => {
61
- const dict = translations[locale] || translations[DEFAULT_LOCALE];
62
- const value = getNestedValue(dict, key);
63
- return interpolate(value, vars);
64
- },
65
- [locale]
66
- );
67
- return { t, locale, setLocale };
68
- }
69
-
70
- export { DEFAULT_LOCALE, LOCALE_STORAGE_KEY, useTranslation };