@consilioweb/payload-support 0.5.2 → 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 (11) hide show
  1. package/dist/components/TicketConversation.css +320 -0
  2. package/dist/components/TicketConversation.js +3004 -0
  3. package/dist/index.cjs +13 -13
  4. package/dist/index.js +13 -13
  5. package/dist/views.cjs +26 -14
  6. package/dist/views.js +14 -2
  7. package/package.json +6 -3
  8. package/src/collections/Tickets.ts +1 -1
  9. package/src/components/TicketConversation/index.tsx +21 -2
  10. package/src/plugin.ts +14 -13
  11. package/src/views.ts +16 -15
package/dist/components/TicketConversation.css ADDED
@@ -0,0 +1,320 @@
1
+ /* src/styles/theme.css */
2
+ :root {
3
+ --support-primary: #2563eb;
4
+ --support-primary-hover: #1d4ed8;
5
+ --support-primary-light: #dbeafe;
6
+ --support-primary-text: #1e40af;
7
+ --support-success: #16a34a;
8
+ --support-success-light: #dcfce7;
9
+ --support-success-text: #166534;
10
+ --support-warning: #d97706;
11
+ --support-warning-light: #fef3c7;
12
+ --support-warning-text: #92400e;
13
+ --support-error: #dc2626;
14
+ --support-error-light: #fef2f2;
15
+ --support-error-text: #991b1b;
16
+ --support-info: #0891b2;
17
+ --support-info-light: #ecfeff;
18
+ --support-info-text: #155e75;
19
+ --support-status-open-bg: #dbeafe;
20
+ --support-status-open-text: #1e40af;
21
+ --support-status-open-dot: #2563eb;
22
+ --support-status-waiting-bg: #fef3c7;
23
+ --support-status-waiting-text: #92400e;
24
+ --support-status-waiting-dot: #d97706;
25
+ --support-status-resolved-bg: #dcfce7;
26
+ --support-status-resolved-text: #166534;
27
+ --support-status-resolved-dot: #16a34a;
28
+ --support-status-closed-bg: #e5e7eb;
29
+ --support-status-closed-text: #374151;
30
+ --support-status-closed-dot: #6b7280;
31
+ --support-priority-urgent: #dc2626;
32
+ --support-priority-urgent-bg: #fef2f2;
33
+ --support-priority-high: #ea580c;
34
+ --support-priority-high-bg: #fff7ed;
35
+ --support-priority-normal: transparent;
36
+ --support-priority-normal-bg: transparent;
37
+ --support-priority-low: #94a3b8;
38
+ --support-priority-low-bg: transparent;
39
+ --support-sentiment-frustrated: #dc2626;
40
+ --support-sentiment-unhappy: #ea580c;
41
+ --support-sentiment-urgent: #dc2626;
42
+ --support-sentiment-neutral: #6b7280;
43
+ --support-sentiment-satisfied: #16a34a;
44
+ --support-msg-admin-bg: #f8fafc;
45
+ --support-msg-admin-border: #2563eb;
46
+ --support-msg-admin-text: var(--theme-text, #1e293b);
47
+ --support-msg-client-bg: #fafafa;
48
+ --support-msg-client-border: #e2e8f0;
49
+ --support-msg-client-text: var(--theme-text, #1e293b);
50
+ --support-msg-email-bg: #fffbeb;
51
+ --support-msg-email-border: #ea580c;
52
+ --support-msg-email-text: var(--theme-text, #1e293b);
53
+ --support-msg-internal-bg: #fefce8;
54
+ --support-msg-internal-border: #d97706;
55
+ --support-msg-internal-text: var(--theme-text, #1e293b);
56
+ --support-msg-system-bg: #f1f5f9;
57
+ --support-msg-system-border: #cbd5e1;
58
+ --support-msg-system-text: #64748b;
59
+ --support-cat-core: #2563eb;
60
+ --support-cat-communication: #16a34a;
61
+ --support-cat-productivity: #d97706;
62
+ --support-cat-advanced: #7c3aed;
63
+ --support-project-active-bg: #dcfce7;
64
+ --support-project-active-text: #166534;
65
+ --support-project-paused-bg: #fef3c7;
66
+ --support-project-paused-text: #92400e;
67
+ --support-project-completed-bg: #e5e7eb;
68
+ --support-project-completed-text: #374151;
69
+ --support-font-family:
70
+ -apple-system,
71
+ BlinkMacSystemFont,
72
+ "Inter",
73
+ system-ui,
74
+ sans-serif;
75
+ --support-font-mono:
76
+ "SF Mono",
77
+ "Fira Code",
78
+ "Cascadia Code",
79
+ monospace;
80
+ --support-font-size-xs: 10px;
81
+ --support-font-size-sm: 11px;
82
+ --support-font-size-base: 13px;
83
+ --support-font-size-md: 14px;
84
+ --support-font-size-lg: 16px;
85
+ --support-font-size-xl: 22px;
86
+ --support-font-weight-normal: 400;
87
+ --support-font-weight-medium: 500;
88
+ --support-font-weight-semibold: 600;
89
+ --support-font-weight-bold: 700;
90
+ --support-line-height-tight: 1.3;
91
+ --support-line-height-base: 1.5;
92
+ --support-line-height-relaxed: 1.6;
93
+ --support-space-xs: 4px;
94
+ --support-space-sm: 6px;
95
+ --support-space-md: 8px;
96
+ --support-space-base: 12px;
97
+ --support-space-lg: 16px;
98
+ --support-space-xl: 20px;
99
+ --support-space-2xl: 24px;
100
+ --support-space-3xl: 32px;
101
+ --support-radius-xs: 4px;
102
+ --support-radius-sm: 6px;
103
+ --support-radius: 8px;
104
+ --support-radius-lg: 12px;
105
+ --support-radius-xl: 16px;
106
+ --support-radius-pill: 9999px;
107
+ --support-radius-circle: 50%;
108
+ --support-border-color: #e2e8f0;
109
+ --support-border-light: #f1f5f9;
110
+ --support-border-width: 1px;
111
+ --support-border-width-thick: 2px;
112
+ --support-border-width-accent: 3px;
113
+ --support-bg-page: var(--theme-elevation-50, #f8fafc);
114
+ --support-bg-card: var(--theme-elevation-100, #f1f5f9);
115
+ --support-bg-surface: var(--theme-elevation-0, #ffffff);
116
+ --support-bg-hover: var(--theme-elevation-150, #e2e8f0);
117
+ --support-bg-active: var(--theme-elevation-200, #cbd5e1);
118
+ --support-bg-overlay: rgba(0, 0, 0, 0.5);
119
+ --support-text-primary: var(--theme-text, #1e293b);
120
+ --support-text-secondary: #6b7280;
121
+ --support-text-muted: #9ca3af;
122
+ --support-text-disabled: #d1d5db;
123
+ --support-text-link: #2563eb;
124
+ --support-text-link-hover: #1d4ed8;
125
+ --support-text-on-primary: #ffffff;
126
+ --support-text-on-dark: #f8fafc;
127
+ --support-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);
128
+ --support-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
129
+ --support-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
130
+ --support-shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
131
+ --support-shadow-focus: 0 0 0 2px rgba(37, 99, 235, 0.15);
132
+ --support-shadow-error-focus: 0 0 0 2px rgba(220, 38, 38, 0.15);
133
+ --support-shadow-toggle: 0 1px 3px rgba(0, 0, 0, 0.15);
134
+ --support-transition-fast: 100ms ease;
135
+ --support-transition-base: 150ms ease;
136
+ --support-transition-slow: 300ms ease;
137
+ --support-transition-spring: 200ms cubic-bezier(0.4, 0, 0.2, 1);
138
+ --support-z-base: 1;
139
+ --support-z-sticky: 10;
140
+ --support-z-dropdown: 100;
141
+ --support-z-modal-backdrop: 500;
142
+ --support-z-modal: 510;
143
+ --support-z-toast: 600;
144
+ --support-z-tooltip: 700;
145
+ --support-sidebar-width: 320px;
146
+ --support-content-max-width: 800px;
147
+ --support-header-height: 56px;
148
+ --support-reply-box-min-height: 120px;
149
+ --support-reply-box-max-height: 400px;
150
+ --support-btn-padding-sm: 6px 12px;
151
+ --support-btn-padding-md: 7px 14px;
152
+ --support-btn-padding-lg: 10px 18px;
153
+ --support-btn-font-sm: 12px;
154
+ --support-btn-font-md: 13px;
155
+ --support-btn-font-lg: 14px;
156
+ --support-btn-radius: var(--support-radius-sm);
157
+ --support-btn-disabled-opacity: 0.5;
158
+ --support-input-padding: 8px 12px;
159
+ --support-input-radius: var(--support-radius-sm);
160
+ --support-input-border: var(--support-border-color);
161
+ --support-input-bg: var(--support-bg-surface);
162
+ --support-input-text: var(--support-text-primary);
163
+ --support-input-placeholder: var(--support-text-muted);
164
+ --support-input-focus-border: var(--support-primary);
165
+ --support-input-focus-shadow: var(--support-shadow-focus);
166
+ --support-input-disabled-bg: var(--support-bg-card);
167
+ --support-input-disabled-opacity: 0.6;
168
+ --support-badge-padding: 2px 8px;
169
+ --support-badge-radius: var(--support-radius-xs);
170
+ --support-badge-font-size: 11px;
171
+ --support-badge-font-weight: 600;
172
+ --support-toggle-width: 40px;
173
+ --support-toggle-height: 22px;
174
+ --support-toggle-knob-size: 18px;
175
+ --support-toggle-knob-offset: 2px;
176
+ --support-toggle-off-bg: var(--support-border-color);
177
+ --support-toggle-on-bg: var(--support-primary);
178
+ --support-toggle-knob-color: #ffffff;
179
+ --support-toggle-knob-shadow: var(--support-shadow-toggle);
180
+ --support-timer-running-bg: #fef2f2;
181
+ --support-timer-running-border: #fca5a5;
182
+ --support-timer-running-dot: #dc2626;
183
+ --support-timer-idle-bg: var(--support-bg-card);
184
+ --support-timer-idle-border: var(--support-border-color);
185
+ --support-csat-1: #dc2626;
186
+ --support-csat-2: #ea580c;
187
+ --support-csat-3: #d97706;
188
+ --support-csat-4: #16a34a;
189
+ --support-csat-5: #059669;
190
+ --support-csat-bg: #f0fdf4;
191
+ --support-activity-dot-size: 8px;
192
+ --support-activity-line-color: var(--support-border-color);
193
+ --support-activity-dot-default: var(--support-text-muted);
194
+ --support-activity-dot-status: var(--support-primary);
195
+ --support-activity-dot-assign: #7c3aed;
196
+ --support-activity-dot-merge: #0891b2;
197
+ --support-notification-dot: #dc2626;
198
+ --support-notification-dot-size: 8px;
199
+ --support-typing-dot-color: #94a3b8;
200
+ --support-typing-dot-size: 6px;
201
+ --support-unread-bg: #dc2626;
202
+ --support-unread-text: #ffffff;
203
+ --support-search-bg: var(--support-bg-surface);
204
+ --support-search-border: var(--support-border-color);
205
+ --support-search-focus-border: var(--support-primary);
206
+ --support-search-highlight-bg: #fef08a;
207
+ --support-search-highlight-text: #1e293b;
208
+ --support-scrollbar-width: 6px;
209
+ --support-scrollbar-track: transparent;
210
+ --support-scrollbar-thumb: #cbd5e1;
211
+ --support-scrollbar-thumb-hover: #94a3b8;
212
+ --support-rte-bg: var(--support-bg-surface);
213
+ --support-rte-border: var(--support-border-color);
214
+ --support-rte-toolbar-bg: var(--support-bg-card);
215
+ --support-rte-toolbar-border: var(--support-border-light);
216
+ --support-rte-blockquote-border: var(--support-primary);
217
+ --support-rte-blockquote-bg: var(--support-bg-page);
218
+ --support-rte-link-color: var(--support-primary);
219
+ --support-snooze-bg: #eff6ff;
220
+ --support-snooze-border: #93c5fd;
221
+ --support-snooze-text: #1d4ed8;
222
+ --support-snooze-icon: #3b82f6;
223
+ --support-merge-bg: #ecfeff;
224
+ --support-merge-border: #06b6d4;
225
+ --support-merge-text: #155e75;
226
+ --support-scheduled-bg: #f5f3ff;
227
+ --support-scheduled-border: #a78bfa;
228
+ --support-scheduled-text: #5b21b6;
229
+ --support-scheduled-icon: #7c3aed;
230
+ --support-email-sent: #2563eb;
231
+ --support-email-delivered: #16a34a;
232
+ --support-email-opened: #059669;
233
+ --support-email-bounced: #dc2626;
234
+ --support-email-pending: #9ca3af;
235
+ --support-canned-bg: var(--support-bg-surface);
236
+ --support-canned-hover-bg: var(--support-bg-card);
237
+ --support-canned-border: var(--support-border-color);
238
+ --support-canned-category-text: var(--support-text-muted);
239
+ --support-canned-shortcut-bg: var(--support-bg-card);
240
+ --support-canned-shortcut-text: var(--support-text-secondary);
241
+ }
242
+ [data-theme=dark] {
243
+ --support-primary: #3b82f6;
244
+ --support-primary-hover: #60a5fa;
245
+ --support-primary-light: #1e3a5f;
246
+ --support-primary-text: #93c5fd;
247
+ --support-success: #22c55e;
248
+ --support-success-light: #14532d;
249
+ --support-success-text: #86efac;
250
+ --support-warning: #eab308;
251
+ --support-warning-light: #422006;
252
+ --support-warning-text: #fde047;
253
+ --support-error: #ef4444;
254
+ --support-error-light: #450a0a;
255
+ --support-error-text: #fca5a5;
256
+ --support-info: #22d3ee;
257
+ --support-info-light: #083344;
258
+ --support-info-text: #67e8f9;
259
+ --support-status-open-bg: #1e3a5f;
260
+ --support-status-open-text: #93c5fd;
261
+ --support-status-open-dot: #3b82f6;
262
+ --support-status-waiting-bg: #422006;
263
+ --support-status-waiting-text: #fde047;
264
+ --support-status-waiting-dot: #eab308;
265
+ --support-status-resolved-bg: #14532d;
266
+ --support-status-resolved-text: #86efac;
267
+ --support-status-resolved-dot: #22c55e;
268
+ --support-status-closed-bg: #374151;
269
+ --support-status-closed-text: #d1d5db;
270
+ --support-status-closed-dot: #9ca3af;
271
+ --support-priority-urgent: #ef4444;
272
+ --support-priority-urgent-bg: #450a0a;
273
+ --support-priority-high: #f97316;
274
+ --support-priority-high-bg: #431407;
275
+ --support-msg-admin-bg: #1e293b;
276
+ --support-msg-admin-border: #3b82f6;
277
+ --support-msg-client-bg: #0f172a;
278
+ --support-msg-client-border: #334155;
279
+ --support-msg-email-bg: #1c1917;
280
+ --support-msg-email-border: #ea580c;
281
+ --support-msg-internal-bg: #1a1a0e;
282
+ --support-msg-internal-border: #eab308;
283
+ --support-msg-system-bg: #1e293b;
284
+ --support-msg-system-border: #475569;
285
+ --support-msg-system-text: #94a3b8;
286
+ --support-bg-overlay: rgba(0, 0, 0, 0.7);
287
+ --support-text-secondary: #94a3b8;
288
+ --support-text-muted: #64748b;
289
+ --support-text-disabled: #475569;
290
+ --support-text-link: #60a5fa;
291
+ --support-text-link-hover: #93c5fd;
292
+ --support-border-color: #334155;
293
+ --support-border-light: #1e293b;
294
+ --support-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.2);
295
+ --support-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.3), 0 2px 4px -2px rgba(0, 0, 0, 0.2);
296
+ --support-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.3), 0 4px 6px -4px rgba(0, 0, 0, 0.2);
297
+ --support-shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.3), 0 8px 10px -6px rgba(0, 0, 0, 0.2);
298
+ --support-shadow-focus: 0 0 0 2px rgba(59, 130, 246, 0.25);
299
+ --support-shadow-error-focus: 0 0 0 2px rgba(239, 68, 68, 0.25);
300
+ --support-timer-running-bg: #450a0a;
301
+ --support-timer-running-border: #7f1d1d;
302
+ --support-search-highlight-bg: #854d0e;
303
+ --support-search-highlight-text: #fef08a;
304
+ --support-scrollbar-thumb: #475569;
305
+ --support-scrollbar-thumb-hover: #64748b;
306
+ --support-snooze-bg: #1e3a5f;
307
+ --support-snooze-border: #1d4ed8;
308
+ --support-snooze-text: #93c5fd;
309
+ --support-merge-bg: #083344;
310
+ --support-merge-border: #0891b2;
311
+ --support-merge-text: #67e8f9;
312
+ --support-scheduled-bg: #2e1065;
313
+ --support-scheduled-border: #7c3aed;
314
+ --support-scheduled-text: #c4b5fd;
315
+ --support-email-pending: #64748b;
316
+ --support-csat-bg: #14532d;
317
+ --support-activity-line-color: #334155;
318
+ --support-notification-dot: #ef4444;
319
+ --support-typing-dot-color: #64748b;
320
+ }