@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,27 +1,23 @@
1
- .page {
1
+ /* src/views/TicketingSettingsView/TicketingSettings.module.scss */
2
+ .TicketingSettings_module_page {
2
3
  max-width: 900px;
3
4
  margin: 0 auto;
4
5
  padding: 0 1.5rem 3rem;
5
6
  }
6
-
7
- .intro {
7
+ .TicketingSettings_module_intro {
8
8
  font-size: 0.875rem;
9
9
  color: var(--theme-elevation-600);
10
10
  margin-bottom: 1.5rem;
11
11
  line-height: 1.5;
12
12
  }
13
-
14
- // ── Sections ──────────────────────────────────
15
-
16
- .sectionWrapper {
13
+ .TicketingSettings_module_sectionWrapper {
17
14
  border: 1px solid var(--theme-elevation-150);
18
15
  border-radius: 10px;
19
16
  margin-bottom: 1rem;
20
17
  overflow: hidden;
21
18
  background: var(--theme-elevation-0);
22
19
  }
23
-
24
- .sectionHeader {
20
+ .TicketingSettings_module_sectionHeader {
25
21
  display: flex;
26
22
  align-items: center;
27
23
  gap: 0.75rem;
@@ -29,13 +25,11 @@
29
25
  cursor: pointer;
30
26
  user-select: none;
31
27
  transition: background 150ms;
32
-
33
- &:hover {
34
- background: var(--theme-elevation-50);
35
- }
36
28
  }
37
-
38
- .sectionIcon {
29
+ .TicketingSettings_module_sectionHeader:hover {
30
+ background: var(--theme-elevation-50);
31
+ }
32
+ .TicketingSettings_module_sectionIcon {
39
33
  width: 32px;
40
34
  height: 32px;
41
35
  border-radius: 8px;
@@ -45,53 +39,41 @@
45
39
  color: #fff;
46
40
  flex-shrink: 0;
47
41
  }
48
-
49
- .sectionTitle {
42
+ .TicketingSettings_module_sectionTitle {
50
43
  font-weight: 600;
51
44
  font-size: 0.9375rem;
52
45
  color: var(--theme-text);
53
46
  flex: 1;
54
47
  }
55
-
56
- .sectionChevron {
48
+ .TicketingSettings_module_sectionChevron {
57
49
  font-size: 0.625rem;
58
50
  color: var(--theme-elevation-400);
59
51
  transition: transform 200ms;
60
-
61
- &.open {
62
- transform: rotate(180deg);
63
- }
64
52
  }
65
-
66
- .sectionBody {
53
+ .TicketingSettings_module_sectionChevron.TicketingSettings_module_open {
54
+ transform: rotate(180deg);
55
+ }
56
+ .TicketingSettings_module_sectionBody {
67
57
  padding: 1rem 1.25rem 1.25rem;
68
58
  border-top: 1px solid var(--theme-elevation-100);
69
59
  }
70
-
71
- .sectionDescription {
60
+ .TicketingSettings_module_sectionDescription {
72
61
  font-size: 0.8125rem;
73
62
  color: var(--theme-elevation-500);
74
63
  margin: 0 0 1rem;
75
64
  line-height: 1.5;
76
65
  }
77
-
78
- // ── Badges ────────────────────────────────────
79
-
80
- .badge {
66
+ .TicketingSettings_module_badge {
81
67
  font-size: 0.6875rem;
82
68
  font-weight: 600;
83
69
  padding: 0.125rem 0.5rem;
84
70
  border-radius: 9999px;
85
71
  white-space: nowrap;
86
72
  }
87
-
88
- // ── Feature cards ─────────────────────────────
89
-
90
- .categoryGroup {
73
+ .TicketingSettings_module_categoryGroup {
91
74
  margin-bottom: 1.25rem;
92
75
  }
93
-
94
- .categoryHeading {
76
+ .TicketingSettings_module_categoryHeading {
95
77
  font-size: 0.75rem;
96
78
  font-weight: 700;
97
79
  text-transform: uppercase;
@@ -101,21 +83,18 @@
101
83
  align-items: center;
102
84
  gap: 0.5rem;
103
85
  }
104
-
105
- .categoryDot {
86
+ .TicketingSettings_module_categoryDot {
106
87
  width: 8px;
107
88
  height: 8px;
108
89
  border-radius: 50%;
109
90
  display: inline-block;
110
91
  }
111
-
112
- .featureList {
92
+ .TicketingSettings_module_featureList {
113
93
  display: flex;
114
94
  flex-direction: column;
115
95
  gap: 0.375rem;
116
96
  }
117
-
118
- .featureCard {
97
+ .TicketingSettings_module_featureCard {
119
98
  display: flex;
120
99
  align-items: center;
121
100
  gap: 0.75rem;
@@ -124,58 +103,47 @@
124
103
  border: 1px solid var(--theme-elevation-150);
125
104
  cursor: pointer;
126
105
  transition: all 150ms;
127
-
128
- &:hover {
129
- background: var(--theme-elevation-50);
130
- }
131
-
132
- &.enabled {
133
- border-color: var(--theme-elevation-200);
134
- background: var(--theme-elevation-50);
135
- }
136
- }
137
-
138
- .featureLabel {
106
+ }
107
+ .TicketingSettings_module_featureCard:hover {
108
+ background: var(--theme-elevation-50);
109
+ }
110
+ .TicketingSettings_module_featureCard.TicketingSettings_module_enabled {
111
+ border-color: var(--theme-elevation-200);
112
+ background: var(--theme-elevation-50);
113
+ }
114
+ .TicketingSettings_module_featureLabel {
139
115
  font-weight: 600;
140
116
  font-size: 0.8125rem;
141
117
  color: var(--theme-text);
142
118
  }
143
-
144
- .featureDesc {
119
+ .TicketingSettings_module_featureDesc {
145
120
  font-size: 0.75rem;
146
121
  color: var(--theme-elevation-500);
147
122
  margin-top: 0.125rem;
148
123
  }
149
-
150
- // ── Fields ────────────────────────────────────
151
-
152
- .fieldRow {
124
+ .TicketingSettings_module_fieldRow {
153
125
  display: flex;
154
126
  align-items: flex-start;
155
127
  gap: 1rem;
156
128
  padding: 0.625rem 0;
157
129
  }
158
-
159
- .fieldLabel {
130
+ .TicketingSettings_module_fieldLabel {
160
131
  flex: 0 0 200px;
161
132
  font-size: 0.8125rem;
162
133
  font-weight: 600;
163
134
  color: var(--theme-text);
164
135
  padding-top: 0.5rem;
165
136
  }
166
-
167
- .fieldDescription {
137
+ .TicketingSettings_module_fieldDescription {
168
138
  font-size: 0.75rem;
169
139
  color: var(--theme-elevation-500);
170
140
  font-weight: 400;
171
141
  margin-top: 0.125rem;
172
142
  }
173
-
174
- .fieldContent {
143
+ .TicketingSettings_module_fieldContent {
175
144
  flex: 1;
176
145
  }
177
-
178
- .input {
146
+ .TicketingSettings_module_input {
179
147
  width: 100%;
180
148
  padding: 0.5rem 0.75rem;
181
149
  border: 1px solid var(--theme-elevation-200);
@@ -185,76 +153,55 @@
185
153
  color: var(--theme-text);
186
154
  outline: none;
187
155
  transition: border-color 150ms;
188
-
189
- &:focus {
190
- border-color: var(--theme-success-500);
191
- }
192
- }
193
-
194
- .inputReadonly {
195
- composes: input;
156
+ }
157
+ .TicketingSettings_module_input:focus {
158
+ border-color: var(--theme-success-500);
159
+ }
160
+ .TicketingSettings_module_inputReadonly {
196
161
  background: var(--theme-elevation-50);
197
162
  color: var(--theme-elevation-500);
198
163
  cursor: not-allowed;
199
164
  }
200
-
201
- .select {
202
- composes: input;
165
+ .TicketingSettings_module_select {
203
166
  appearance: auto;
204
167
  }
205
-
206
- .numberInput {
207
- composes: input;
168
+ .TicketingSettings_module_numberInput {
208
169
  max-width: 120px;
209
170
  }
210
-
211
- .separator {
171
+ .TicketingSettings_module_separator {
212
172
  border-top: 1px solid var(--theme-elevation-100);
213
173
  margin: 1rem 0;
214
174
  }
215
-
216
- // ── Toggle rows ───────────────────────────────
217
-
218
- .toggleRow {
175
+ .TicketingSettings_module_toggleRow {
219
176
  display: flex;
220
177
  align-items: flex-start;
221
178
  gap: 0.75rem;
222
179
  padding: 0.5rem 0;
223
180
  }
224
-
225
- .inlineLabel {
181
+ .TicketingSettings_module_inlineLabel {
226
182
  font-size: 0.8125rem;
227
183
  font-weight: 600;
228
184
  color: var(--theme-text);
229
185
  }
230
-
231
- .inlineDesc {
186
+ .TicketingSettings_module_inlineDesc {
232
187
  font-size: 0.75rem;
233
188
  color: var(--theme-elevation-500);
234
189
  margin-top: 0.125rem;
235
190
  }
236
-
237
- // ── SLA ───────────────────────────────────────
238
-
239
- .slaInline {
191
+ .TicketingSettings_module_slaInline {
240
192
  display: flex;
241
193
  align-items: center;
242
194
  gap: 0.5rem;
243
195
  }
244
-
245
- .slaHint {
196
+ .TicketingSettings_module_slaHint {
246
197
  font-size: 0.75rem;
247
198
  color: var(--theme-elevation-500);
248
199
  }
249
-
250
- // ── API Key ───────────────────────────────────
251
-
252
- .apiKeyRow {
200
+ .TicketingSettings_module_apiKeyRow {
253
201
  display: flex;
254
202
  gap: 0.5rem;
255
203
  }
256
-
257
- .apiKeyToggle {
204
+ .TicketingSettings_module_apiKeyToggle {
258
205
  padding: 0.5rem 0.75rem;
259
206
  border: 1px solid var(--theme-elevation-200);
260
207
  border-radius: 6px;
@@ -264,38 +211,29 @@
264
211
  cursor: pointer;
265
212
  white-space: nowrap;
266
213
  }
267
-
268
- // ── AI sub features ───────────────────────────
269
-
270
- .aiSubFeaturesLabel {
214
+ .TicketingSettings_module_aiSubFeaturesLabel {
271
215
  font-size: 0.8125rem;
272
216
  font-weight: 600;
273
217
  color: var(--theme-text);
274
218
  margin: 0 0 0.5rem;
275
219
  }
276
-
277
- .aiToggleRow {
220
+ .TicketingSettings_module_aiToggleRow {
278
221
  display: flex;
279
222
  align-items: center;
280
223
  gap: 0.75rem;
281
224
  padding: 0.375rem 0;
282
225
  }
283
-
284
- .aiToggleLabel {
226
+ .TicketingSettings_module_aiToggleLabel {
285
227
  font-size: 0.8125rem;
286
228
  font-weight: 500;
287
229
  color: var(--theme-text);
288
230
  }
289
-
290
- .aiToggleDesc {
231
+ .TicketingSettings_module_aiToggleDesc {
291
232
  display: block;
292
233
  font-size: 0.6875rem;
293
234
  color: var(--theme-elevation-500);
294
235
  }
295
-
296
- // ── Signature ─────────────────────────────────
297
-
298
- .signatureTextarea {
236
+ .TicketingSettings_module_signatureTextarea {
299
237
  width: 100%;
300
238
  padding: 0.75rem;
301
239
  border: 1px solid var(--theme-elevation-200);
@@ -306,41 +244,31 @@
306
244
  color: var(--theme-text);
307
245
  resize: vertical;
308
246
  outline: none;
309
-
310
- &:focus {
311
- border-color: var(--theme-success-500);
312
- }
313
- }
314
-
315
- // ── Purge ─────────────────────────────────────
316
-
317
- .purgeGroup {
247
+ }
248
+ .TicketingSettings_module_signatureTextarea:focus {
249
+ border-color: var(--theme-success-500);
250
+ }
251
+ .TicketingSettings_module_purgeGroup {
318
252
  display: flex;
319
253
  flex-direction: column;
320
254
  gap: 0.75rem;
321
255
  }
322
-
323
- .purgeCategory {
256
+ .TicketingSettings_module_purgeCategory {
324
257
  display: flex;
325
258
  align-items: center;
326
259
  gap: 1rem;
327
260
  }
328
-
329
- .purgeCategoryLabel {
261
+ .TicketingSettings_module_purgeCategoryLabel {
330
262
  font-size: 0.8125rem;
331
263
  font-weight: 600;
332
264
  color: var(--theme-text);
333
265
  min-width: 100px;
334
266
  }
335
-
336
- .purgeButtons {
267
+ .TicketingSettings_module_purgeButtons {
337
268
  display: flex;
338
269
  gap: 0.375rem;
339
270
  }
340
-
341
- // ── Bottom bar ────────────────────────────────
342
-
343
- .bottomBar {
271
+ .TicketingSettings_module_bottomBar {
344
272
  display: flex;
345
273
  justify-content: flex-end;
346
274
  gap: 0.5rem;
@@ -0,0 +1,30 @@
1
+ import { AdminViewServerProps } from 'payload';
2
+ import React from 'react';
3
+
4
+ declare const TicketInboxView: React.FC<AdminViewServerProps>;
5
+
6
+ declare const TicketDetailView: React.FC<AdminViewServerProps>;
7
+
8
+ declare const SupportDashboardView: React.FC<AdminViewServerProps>;
9
+
10
+ declare const NewTicketView: React.FC<AdminViewServerProps>;
11
+
12
+ declare const TicketingSettingsView: React.FC<AdminViewServerProps>;
13
+
14
+ declare const LogsView: React.FC<AdminViewServerProps>;
15
+
16
+ declare const ChatView: React.FC<AdminViewServerProps>;
17
+
18
+ declare const CrmView: React.FC<AdminViewServerProps>;
19
+
20
+ declare const PendingEmailsView: React.FC<AdminViewServerProps>;
21
+
22
+ declare const EmailTrackingView: React.FC<AdminViewServerProps>;
23
+
24
+ declare const BillingView: React.FC<AdminViewServerProps>;
25
+
26
+ declare const TimeDashboardView: React.FC<AdminViewServerProps>;
27
+
28
+ declare const ImportConversationView: React.FC<AdminViewServerProps>;
29
+
30
+ export { BillingView, ChatView, CrmView, EmailTrackingView, ImportConversationView, LogsView, NewTicketView, PendingEmailsView, SupportDashboardView, TicketDetailView, TicketInboxView, TicketingSettingsView, TimeDashboardView };
@@ -0,0 +1,30 @@
1
+ import { AdminViewServerProps } from 'payload';
2
+ import React from 'react';
3
+
4
+ declare const TicketInboxView: React.FC<AdminViewServerProps>;
5
+
6
+ declare const TicketDetailView: React.FC<AdminViewServerProps>;
7
+
8
+ declare const SupportDashboardView: React.FC<AdminViewServerProps>;
9
+
10
+ declare const NewTicketView: React.FC<AdminViewServerProps>;
11
+
12
+ declare const TicketingSettingsView: React.FC<AdminViewServerProps>;
13
+
14
+ declare const LogsView: React.FC<AdminViewServerProps>;
15
+
16
+ declare const ChatView: React.FC<AdminViewServerProps>;
17
+
18
+ declare const CrmView: React.FC<AdminViewServerProps>;
19
+
20
+ declare const PendingEmailsView: React.FC<AdminViewServerProps>;
21
+
22
+ declare const EmailTrackingView: React.FC<AdminViewServerProps>;
23
+
24
+ declare const BillingView: React.FC<AdminViewServerProps>;
25
+
26
+ declare const TimeDashboardView: React.FC<AdminViewServerProps>;
27
+
28
+ declare const ImportConversationView: React.FC<AdminViewServerProps>;
29
+
30
+ export { BillingView, ChatView, CrmView, EmailTrackingView, ImportConversationView, LogsView, NewTicketView, PendingEmailsView, SupportDashboardView, TicketDetailView, TicketInboxView, TicketingSettingsView, TimeDashboardView };