@heliyos/heliyos-api-core 1.0.64 → 1.0.66
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.
- package/dist/email/index.d.ts +1 -0
- package/dist/email/index.js +1 -0
- package/dist/email/notification-daily-summary.html +0 -26
- package/dist/email/notification-immediate-grouped.html +358 -0
- package/dist/email/organization-daily-summary.html +0 -23
- package/package.json +1 -1
- package/src/email/index.ts +1 -0
- package/src/email/notification-daily-summary.html +0 -26
- package/src/email/notification-immediate-grouped.html +358 -0
- package/src/email/organization-daily-summary.html +0 -23
package/dist/email/index.d.ts
CHANGED
package/dist/email/index.js
CHANGED
|
@@ -38,6 +38,7 @@ exports.emailTemplates = {
|
|
|
38
38
|
forgotPassword: "forgot-password.html",
|
|
39
39
|
passwordResetSuccess: "password-reset-success.html",
|
|
40
40
|
notificationImmediate: "notification-immediate.html",
|
|
41
|
+
notificationImmediateGrouped: "notification-immediate-grouped.html",
|
|
41
42
|
notificationDailySummary: "notification-daily-summary.html",
|
|
42
43
|
organizationDailySummary: "organization-daily-summary.html",
|
|
43
44
|
};
|
|
@@ -79,7 +79,6 @@
|
|
|
79
79
|
font-weight: bold;
|
|
80
80
|
color: #111827;
|
|
81
81
|
margin: 0;
|
|
82
|
-
line-height: 1;
|
|
83
82
|
}
|
|
84
83
|
|
|
85
84
|
.section-count {
|
|
@@ -149,19 +148,6 @@
|
|
|
149
148
|
color: #374151;
|
|
150
149
|
}
|
|
151
150
|
|
|
152
|
-
.org-summary-box {
|
|
153
|
-
background: linear-gradient(135deg, #7c3aed 0%, #6d28d9 100%);
|
|
154
|
-
color: #ffffff;
|
|
155
|
-
padding: 20px;
|
|
156
|
-
border-radius: 8px;
|
|
157
|
-
margin: 24px 0;
|
|
158
|
-
}
|
|
159
|
-
|
|
160
|
-
.org-summary-box h3 {
|
|
161
|
-
margin: 0 0 12px 0;
|
|
162
|
-
font-size: 18px;
|
|
163
|
-
}
|
|
164
|
-
|
|
165
151
|
.footer {
|
|
166
152
|
background-color: #7c3aed;
|
|
167
153
|
padding: 20px;
|
|
@@ -196,18 +182,6 @@
|
|
|
196
182
|
Here's your daily summary of activities in your Heliyos workspace.
|
|
197
183
|
</div>
|
|
198
184
|
|
|
199
|
-
{{#if has_org_summary}}
|
|
200
|
-
<div class="org-summary-box">
|
|
201
|
-
<table border="0" cellpadding="0" cellspacing="0">
|
|
202
|
-
<tr>
|
|
203
|
-
<td style="vertical-align: middle; padding-right: 8px; font-size: 20px;">📊</td>
|
|
204
|
-
<td style="vertical-align: middle;"><h3 style="margin: 0;">Organization Summary</h3></td>
|
|
205
|
-
</tr>
|
|
206
|
-
</table>
|
|
207
|
-
<p style="margin-top: 12px; line-height: 1.6;">{{{org_summary}}}</p>
|
|
208
|
-
</div>
|
|
209
|
-
{{/if}}
|
|
210
|
-
|
|
211
185
|
{{#if has_tasks}}
|
|
212
186
|
<div class="section">
|
|
213
187
|
<div class="section-header">
|
|
@@ -0,0 +1,358 @@
|
|
|
1
|
+
<!DOCTYPE html>
|
|
2
|
+
<html lang="en">
|
|
3
|
+
|
|
4
|
+
<head>
|
|
5
|
+
<meta charset="UTF-8">
|
|
6
|
+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
7
|
+
<title>New Activity - Heliyos</title>
|
|
8
|
+
<style>
|
|
9
|
+
body {
|
|
10
|
+
font-family: Arial, sans-serif;
|
|
11
|
+
line-height: 1.6;
|
|
12
|
+
color: #0e0d0c;
|
|
13
|
+
background-color: #f8f8f6;
|
|
14
|
+
margin: 0;
|
|
15
|
+
padding: 0;
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
.container {
|
|
19
|
+
max-width: 600px;
|
|
20
|
+
margin: 20px auto;
|
|
21
|
+
background-color: #ffffff;
|
|
22
|
+
border: 2px solid #7c3aed;
|
|
23
|
+
border-radius: 12px;
|
|
24
|
+
overflow: hidden;
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
.header {
|
|
28
|
+
background-color: #7c3aed;
|
|
29
|
+
padding: 30px 20px;
|
|
30
|
+
text-align: center;
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
.header img {
|
|
34
|
+
max-width: 180px;
|
|
35
|
+
height: auto;
|
|
36
|
+
margin-bottom: 12px;
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
.header-title {
|
|
40
|
+
color: #ffffff;
|
|
41
|
+
font-size: 24px;
|
|
42
|
+
font-weight: bold;
|
|
43
|
+
margin: 10px 0 4px 0;
|
|
44
|
+
}
|
|
45
|
+
|
|
46
|
+
.header-date {
|
|
47
|
+
color: #ffffff;
|
|
48
|
+
opacity: 0.9;
|
|
49
|
+
font-size: 14px;
|
|
50
|
+
}
|
|
51
|
+
|
|
52
|
+
.content {
|
|
53
|
+
padding: 30px;
|
|
54
|
+
background-color: #ffffff;
|
|
55
|
+
}
|
|
56
|
+
|
|
57
|
+
.greeting {
|
|
58
|
+
font-size: 16px;
|
|
59
|
+
color: #0e0d0c;
|
|
60
|
+
margin-bottom: 20px;
|
|
61
|
+
}
|
|
62
|
+
|
|
63
|
+
.section {
|
|
64
|
+
margin: 20px 0;
|
|
65
|
+
padding: 0;
|
|
66
|
+
background-color: transparent;
|
|
67
|
+
border-radius: 0;
|
|
68
|
+
border-left: none;
|
|
69
|
+
}
|
|
70
|
+
|
|
71
|
+
.section-header {
|
|
72
|
+
margin-bottom: 12px;
|
|
73
|
+
padding-bottom: 8px;
|
|
74
|
+
border-bottom: 1px solid #e5e7eb;
|
|
75
|
+
}
|
|
76
|
+
|
|
77
|
+
.section-title {
|
|
78
|
+
font-size: 16px;
|
|
79
|
+
font-weight: bold;
|
|
80
|
+
color: #111827;
|
|
81
|
+
margin: 0;
|
|
82
|
+
}
|
|
83
|
+
|
|
84
|
+
.section-count {
|
|
85
|
+
background-color: #f3f0ff;
|
|
86
|
+
color: #7c3aed;
|
|
87
|
+
padding: 2px 8px;
|
|
88
|
+
border-radius: 4px;
|
|
89
|
+
font-size: 11px;
|
|
90
|
+
font-weight: bold;
|
|
91
|
+
}
|
|
92
|
+
|
|
93
|
+
.section-content {
|
|
94
|
+
color: #374151;
|
|
95
|
+
}
|
|
96
|
+
|
|
97
|
+
.item {
|
|
98
|
+
margin: 0;
|
|
99
|
+
padding: 12px 0;
|
|
100
|
+
background-color: transparent;
|
|
101
|
+
border-radius: 0;
|
|
102
|
+
border: none;
|
|
103
|
+
border-bottom: 1px solid #f3f4f6;
|
|
104
|
+
}
|
|
105
|
+
|
|
106
|
+
.item:last-child {
|
|
107
|
+
border-bottom: none;
|
|
108
|
+
}
|
|
109
|
+
|
|
110
|
+
.item-title {
|
|
111
|
+
font-weight: 600;
|
|
112
|
+
color: #111827;
|
|
113
|
+
font-size: 14px;
|
|
114
|
+
margin-bottom: 2px;
|
|
115
|
+
}
|
|
116
|
+
|
|
117
|
+
.item-meta {
|
|
118
|
+
font-size: 12px;
|
|
119
|
+
color: #6b7280;
|
|
120
|
+
}
|
|
121
|
+
|
|
122
|
+
.item-details {
|
|
123
|
+
margin-top: 8px;
|
|
124
|
+
background-color: #f9fafb;
|
|
125
|
+
border-radius: 6px;
|
|
126
|
+
padding: 8px 12px;
|
|
127
|
+
}
|
|
128
|
+
|
|
129
|
+
.detail-table {
|
|
130
|
+
width: 100%;
|
|
131
|
+
border-collapse: collapse;
|
|
132
|
+
}
|
|
133
|
+
|
|
134
|
+
.detail-cell {
|
|
135
|
+
padding-right: 12px;
|
|
136
|
+
vertical-align: top;
|
|
137
|
+
}
|
|
138
|
+
|
|
139
|
+
.detail-label {
|
|
140
|
+
font-size: 10px;
|
|
141
|
+
color: #6b7280;
|
|
142
|
+
text-transform: uppercase;
|
|
143
|
+
font-weight: bold;
|
|
144
|
+
}
|
|
145
|
+
|
|
146
|
+
.detail-value {
|
|
147
|
+
font-size: 12px;
|
|
148
|
+
color: #374151;
|
|
149
|
+
}
|
|
150
|
+
|
|
151
|
+
.footer {
|
|
152
|
+
background-color: #7c3aed;
|
|
153
|
+
padding: 20px;
|
|
154
|
+
text-align: center;
|
|
155
|
+
font-size: 12px;
|
|
156
|
+
color: #ffffff;
|
|
157
|
+
}
|
|
158
|
+
|
|
159
|
+
.footer a {
|
|
160
|
+
color: #ffffff;
|
|
161
|
+
text-decoration: none;
|
|
162
|
+
}
|
|
163
|
+
|
|
164
|
+
.divider {
|
|
165
|
+
height: 1px;
|
|
166
|
+
background-color: #ebe7db;
|
|
167
|
+
margin: 24px 0;
|
|
168
|
+
}
|
|
169
|
+
</style>
|
|
170
|
+
</head>
|
|
171
|
+
|
|
172
|
+
<body>
|
|
173
|
+
<div class="container">
|
|
174
|
+
<div class="header">
|
|
175
|
+
<img src="https://assets.heliyos.ai/heliyos-logo-white.png" alt="Heliyos AI">
|
|
176
|
+
<div class="header-title">New Activity</div>
|
|
177
|
+
<div class="header-date">{{date}}</div>
|
|
178
|
+
</div>
|
|
179
|
+
<div class="content">
|
|
180
|
+
<div class="greeting">
|
|
181
|
+
Hello,<br>
|
|
182
|
+
New activities have been recorded in your Heliyos workspace.
|
|
183
|
+
</div>
|
|
184
|
+
|
|
185
|
+
{{#if has_tasks}}
|
|
186
|
+
<div class="section">
|
|
187
|
+
<div class="section-header">
|
|
188
|
+
<table border="0" cellpadding="0" cellspacing="0" width="100%">
|
|
189
|
+
<tr>
|
|
190
|
+
<td style="vertical-align: middle; padding-right: 8px; width: 24px; font-size: 20px;">✓</td>
|
|
191
|
+
<td style="vertical-align: middle;"><h2 class="section-title">Tasks</h2></td>
|
|
192
|
+
<td style="vertical-align: middle; text-align: right;"><span class="section-count">{{tasks_count}}</span></td>
|
|
193
|
+
</tr>
|
|
194
|
+
</table>
|
|
195
|
+
</div>
|
|
196
|
+
<div class="section-content">
|
|
197
|
+
{{#each tasks}}
|
|
198
|
+
<div class="item">
|
|
199
|
+
<table style="width: 100%; border-collapse: collapse;">
|
|
200
|
+
<tr>
|
|
201
|
+
<td>
|
|
202
|
+
<div class="item-title">{{this.title}}</div>
|
|
203
|
+
<div class="item-meta">
|
|
204
|
+
<span style="color: #7c3aed; font-weight: 600;">{{this.type}}</span> • {{this.actor}}
|
|
205
|
+
</div>
|
|
206
|
+
</td>
|
|
207
|
+
<td style="text-align: right; vertical-align: top; font-size: 11px; color: #9ca3af;">
|
|
208
|
+
{{this.time}}
|
|
209
|
+
</td>
|
|
210
|
+
</tr>
|
|
211
|
+
</table>
|
|
212
|
+
{{#if this.details}}
|
|
213
|
+
<div class="item-details">
|
|
214
|
+
<table class="detail-table">
|
|
215
|
+
<tr>
|
|
216
|
+
{{#each this.details}}
|
|
217
|
+
<td class="detail-cell">
|
|
218
|
+
<div class="detail-label">{{this.label}}</div>
|
|
219
|
+
<div class="detail-value">{{this.value}}</div>
|
|
220
|
+
</td>
|
|
221
|
+
{{/each}}
|
|
222
|
+
</tr>
|
|
223
|
+
</table>
|
|
224
|
+
</div>
|
|
225
|
+
{{/if}}
|
|
226
|
+
{{#if this.view_url}}
|
|
227
|
+
<div style="margin-top: 6px;">
|
|
228
|
+
<a href="{{this.view_url}}" style="font-size: 11px; color: #7c3aed; text-decoration: none; font-weight: bold;">View Details →</a>
|
|
229
|
+
</div>
|
|
230
|
+
{{/if}}
|
|
231
|
+
</div>
|
|
232
|
+
{{/each}}
|
|
233
|
+
</div>
|
|
234
|
+
</div>
|
|
235
|
+
{{/if}}
|
|
236
|
+
|
|
237
|
+
{{#if has_deals}}
|
|
238
|
+
<div class="section">
|
|
239
|
+
<div class="section-header">
|
|
240
|
+
<table border="0" cellpadding="0" cellspacing="0" width="100%">
|
|
241
|
+
<tr>
|
|
242
|
+
<td style="vertical-align: middle; padding-right: 8px; width: 24px; font-size: 20px;">💰</td>
|
|
243
|
+
<td style="vertical-align: middle;"><h2 class="section-title">Deals</h2></td>
|
|
244
|
+
<td style="vertical-align: middle; text-align: right;"><span class="section-count">{{deals_count}}</span></td>
|
|
245
|
+
</tr>
|
|
246
|
+
</table>
|
|
247
|
+
</div>
|
|
248
|
+
<div class="section-content">
|
|
249
|
+
{{#each deals}}
|
|
250
|
+
<div class="item">
|
|
251
|
+
<table style="width: 100%; border-collapse: collapse;">
|
|
252
|
+
<tr>
|
|
253
|
+
<td>
|
|
254
|
+
<div class="item-title">{{this.title}}</div>
|
|
255
|
+
<div class="item-meta">
|
|
256
|
+
<span style="color: #7c3aed; font-weight: 600;">{{this.type}}</span> • {{this.actor}}
|
|
257
|
+
</div>
|
|
258
|
+
</td>
|
|
259
|
+
<td style="text-align: right; vertical-align: top; font-size: 11px; color: #9ca3af;">
|
|
260
|
+
{{this.time}}
|
|
261
|
+
</td>
|
|
262
|
+
</tr>
|
|
263
|
+
</table>
|
|
264
|
+
{{#if this.details}}
|
|
265
|
+
<div class="item-details">
|
|
266
|
+
<table class="detail-table">
|
|
267
|
+
<tr>
|
|
268
|
+
{{#each this.details}}
|
|
269
|
+
<td class="detail-cell">
|
|
270
|
+
<div class="detail-label">{{this.label}}</div>
|
|
271
|
+
<div class="detail-value">{{this.value}}</div>
|
|
272
|
+
</td>
|
|
273
|
+
{{/each}}
|
|
274
|
+
</tr>
|
|
275
|
+
</table>
|
|
276
|
+
</div>
|
|
277
|
+
{{/if}}
|
|
278
|
+
{{#if this.view_url}}
|
|
279
|
+
<div style="margin-top: 6px;">
|
|
280
|
+
<a href="{{this.view_url}}" style="font-size: 11px; color: #7c3aed; text-decoration: none; font-weight: bold;">View Details →</a>
|
|
281
|
+
</div>
|
|
282
|
+
{{/if}}
|
|
283
|
+
</div>
|
|
284
|
+
{{/each}}
|
|
285
|
+
</div>
|
|
286
|
+
</div>
|
|
287
|
+
{{/if}}
|
|
288
|
+
|
|
289
|
+
{{#if has_approvals}}
|
|
290
|
+
<div class="section">
|
|
291
|
+
<div class="section-header">
|
|
292
|
+
<table border="0" cellpadding="0" cellspacing="0" width="100%">
|
|
293
|
+
<tr>
|
|
294
|
+
<td style="vertical-align: middle; padding-right: 8px; width: 24px; font-size: 20px;">✔️</td>
|
|
295
|
+
<td style="vertical-align: middle;"><h2 class="section-title">Reviews</h2></td>
|
|
296
|
+
<td style="vertical-align: middle; text-align: right;"><span class="section-count">{{approvals_count}}</span></td>
|
|
297
|
+
</tr>
|
|
298
|
+
</table>
|
|
299
|
+
</div>
|
|
300
|
+
<div class="section-content">
|
|
301
|
+
{{#each approvals}}
|
|
302
|
+
<div class="item">
|
|
303
|
+
<table style="width: 100%; border-collapse: collapse;">
|
|
304
|
+
<tr>
|
|
305
|
+
<td>
|
|
306
|
+
<div class="item-title">{{this.title}}</div>
|
|
307
|
+
<div class="item-meta">
|
|
308
|
+
<span style="color: #7c3aed; font-weight: 600;">{{this.status}}</span> • {{this.actor}}
|
|
309
|
+
</div>
|
|
310
|
+
</td>
|
|
311
|
+
<td style="text-align: right; vertical-align: top; font-size: 11px; color: #9ca3af;">
|
|
312
|
+
{{this.time}}
|
|
313
|
+
</td>
|
|
314
|
+
</tr>
|
|
315
|
+
</table>
|
|
316
|
+
{{#if this.details}}
|
|
317
|
+
<div class="item-details">
|
|
318
|
+
<table class="detail-table">
|
|
319
|
+
<tr>
|
|
320
|
+
{{#each this.details}}
|
|
321
|
+
<td class="detail-cell">
|
|
322
|
+
<div class="detail-label">{{this.label}}</div>
|
|
323
|
+
<div class="detail-value">{{this.value}}</div>
|
|
324
|
+
</td>
|
|
325
|
+
{{/each}}
|
|
326
|
+
</tr>
|
|
327
|
+
</table>
|
|
328
|
+
</div>
|
|
329
|
+
{{/if}}
|
|
330
|
+
{{#if this.view_url}}
|
|
331
|
+
<div style="margin-top: 6px;">
|
|
332
|
+
<a href="{{this.view_url}}" style="font-size: 11px; color: #7c3aed; text-decoration: none; font-weight: bold;">View Details →</a>
|
|
333
|
+
</div>
|
|
334
|
+
{{/if}}
|
|
335
|
+
</div>
|
|
336
|
+
{{/each}}
|
|
337
|
+
</div>
|
|
338
|
+
</div>
|
|
339
|
+
{{/if}}
|
|
340
|
+
|
|
341
|
+
<div class="divider"></div>
|
|
342
|
+
|
|
343
|
+
<p style="text-align: center; color: #5c5545; font-size: 14px;">
|
|
344
|
+
You received this email because you have immediate notifications enabled for these activities.<br>
|
|
345
|
+
<a href="{{settings_url}}" style="color: #7c3aed;">Manage your notification preferences</a>
|
|
346
|
+
</p>
|
|
347
|
+
</div>
|
|
348
|
+
<div class="footer">
|
|
349
|
+
<p>© {{year}} {{company_name}}. All rights reserved.</p>
|
|
350
|
+
<p>
|
|
351
|
+
<a href="{{settings_url}}">Notification Settings</a> |
|
|
352
|
+
This is an automated message, please do not reply.
|
|
353
|
+
</p>
|
|
354
|
+
</div>
|
|
355
|
+
</div>
|
|
356
|
+
</body>
|
|
357
|
+
|
|
358
|
+
</html>
|
|
@@ -49,21 +49,6 @@
|
|
|
49
49
|
font-size: 14px;
|
|
50
50
|
}
|
|
51
51
|
|
|
52
|
-
.badge {
|
|
53
|
-
display: inline-block;
|
|
54
|
-
background-color: rgba(255, 255, 255, 0.2);
|
|
55
|
-
border-radius: 20px;
|
|
56
|
-
margin-top: 10px;
|
|
57
|
-
padding: 0 14px;
|
|
58
|
-
}
|
|
59
|
-
|
|
60
|
-
.badge-text {
|
|
61
|
-
font-size: 13px;
|
|
62
|
-
color: #ffffff;
|
|
63
|
-
font-weight: 600;
|
|
64
|
-
line-height: 28px;
|
|
65
|
-
}
|
|
66
|
-
|
|
67
52
|
.content {
|
|
68
53
|
padding: 30px;
|
|
69
54
|
background-color: #ffffff;
|
|
@@ -152,14 +137,6 @@
|
|
|
152
137
|
<img src="https://assets.heliyos.ai/heliyos-logo-white.png" alt="Heliyos AI">
|
|
153
138
|
<div class="header-title">{{organization_name}} Daily Briefing</div>
|
|
154
139
|
<div class="header-date">{{date}}</div>
|
|
155
|
-
<div class="badge">
|
|
156
|
-
<table border="0" cellpadding="0" cellspacing="0" style="margin: 0 auto;">
|
|
157
|
-
<tr>
|
|
158
|
-
<td style="vertical-align: middle; padding-right: 5px; font-size: 14px; line-height: 28px;">📊</td>
|
|
159
|
-
<td style="vertical-align: middle;" class="badge-text">Organization summary</td>
|
|
160
|
-
</tr>
|
|
161
|
-
</table>
|
|
162
|
-
</div>
|
|
163
140
|
</div>
|
|
164
141
|
|
|
165
142
|
<div class="content">
|
package/package.json
CHANGED
package/src/email/index.ts
CHANGED
|
@@ -10,6 +10,7 @@ export const emailTemplates = {
|
|
|
10
10
|
forgotPassword: "forgot-password.html",
|
|
11
11
|
passwordResetSuccess: "password-reset-success.html",
|
|
12
12
|
notificationImmediate: "notification-immediate.html",
|
|
13
|
+
notificationImmediateGrouped: "notification-immediate-grouped.html",
|
|
13
14
|
notificationDailySummary: "notification-daily-summary.html",
|
|
14
15
|
organizationDailySummary: "organization-daily-summary.html",
|
|
15
16
|
};
|
|
@@ -79,7 +79,6 @@
|
|
|
79
79
|
font-weight: bold;
|
|
80
80
|
color: #111827;
|
|
81
81
|
margin: 0;
|
|
82
|
-
line-height: 1;
|
|
83
82
|
}
|
|
84
83
|
|
|
85
84
|
.section-count {
|
|
@@ -149,19 +148,6 @@
|
|
|
149
148
|
color: #374151;
|
|
150
149
|
}
|
|
151
150
|
|
|
152
|
-
.org-summary-box {
|
|
153
|
-
background: linear-gradient(135deg, #7c3aed 0%, #6d28d9 100%);
|
|
154
|
-
color: #ffffff;
|
|
155
|
-
padding: 20px;
|
|
156
|
-
border-radius: 8px;
|
|
157
|
-
margin: 24px 0;
|
|
158
|
-
}
|
|
159
|
-
|
|
160
|
-
.org-summary-box h3 {
|
|
161
|
-
margin: 0 0 12px 0;
|
|
162
|
-
font-size: 18px;
|
|
163
|
-
}
|
|
164
|
-
|
|
165
151
|
.footer {
|
|
166
152
|
background-color: #7c3aed;
|
|
167
153
|
padding: 20px;
|
|
@@ -196,18 +182,6 @@
|
|
|
196
182
|
Here's your daily summary of activities in your Heliyos workspace.
|
|
197
183
|
</div>
|
|
198
184
|
|
|
199
|
-
{{#if has_org_summary}}
|
|
200
|
-
<div class="org-summary-box">
|
|
201
|
-
<table border="0" cellpadding="0" cellspacing="0">
|
|
202
|
-
<tr>
|
|
203
|
-
<td style="vertical-align: middle; padding-right: 8px; font-size: 20px;">📊</td>
|
|
204
|
-
<td style="vertical-align: middle;"><h3 style="margin: 0;">Organization Summary</h3></td>
|
|
205
|
-
</tr>
|
|
206
|
-
</table>
|
|
207
|
-
<p style="margin-top: 12px; line-height: 1.6;">{{{org_summary}}}</p>
|
|
208
|
-
</div>
|
|
209
|
-
{{/if}}
|
|
210
|
-
|
|
211
185
|
{{#if has_tasks}}
|
|
212
186
|
<div class="section">
|
|
213
187
|
<div class="section-header">
|
|
@@ -0,0 +1,358 @@
|
|
|
1
|
+
<!DOCTYPE html>
|
|
2
|
+
<html lang="en">
|
|
3
|
+
|
|
4
|
+
<head>
|
|
5
|
+
<meta charset="UTF-8">
|
|
6
|
+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
7
|
+
<title>New Activity - Heliyos</title>
|
|
8
|
+
<style>
|
|
9
|
+
body {
|
|
10
|
+
font-family: Arial, sans-serif;
|
|
11
|
+
line-height: 1.6;
|
|
12
|
+
color: #0e0d0c;
|
|
13
|
+
background-color: #f8f8f6;
|
|
14
|
+
margin: 0;
|
|
15
|
+
padding: 0;
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
.container {
|
|
19
|
+
max-width: 600px;
|
|
20
|
+
margin: 20px auto;
|
|
21
|
+
background-color: #ffffff;
|
|
22
|
+
border: 2px solid #7c3aed;
|
|
23
|
+
border-radius: 12px;
|
|
24
|
+
overflow: hidden;
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
.header {
|
|
28
|
+
background-color: #7c3aed;
|
|
29
|
+
padding: 30px 20px;
|
|
30
|
+
text-align: center;
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
.header img {
|
|
34
|
+
max-width: 180px;
|
|
35
|
+
height: auto;
|
|
36
|
+
margin-bottom: 12px;
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
.header-title {
|
|
40
|
+
color: #ffffff;
|
|
41
|
+
font-size: 24px;
|
|
42
|
+
font-weight: bold;
|
|
43
|
+
margin: 10px 0 4px 0;
|
|
44
|
+
}
|
|
45
|
+
|
|
46
|
+
.header-date {
|
|
47
|
+
color: #ffffff;
|
|
48
|
+
opacity: 0.9;
|
|
49
|
+
font-size: 14px;
|
|
50
|
+
}
|
|
51
|
+
|
|
52
|
+
.content {
|
|
53
|
+
padding: 30px;
|
|
54
|
+
background-color: #ffffff;
|
|
55
|
+
}
|
|
56
|
+
|
|
57
|
+
.greeting {
|
|
58
|
+
font-size: 16px;
|
|
59
|
+
color: #0e0d0c;
|
|
60
|
+
margin-bottom: 20px;
|
|
61
|
+
}
|
|
62
|
+
|
|
63
|
+
.section {
|
|
64
|
+
margin: 20px 0;
|
|
65
|
+
padding: 0;
|
|
66
|
+
background-color: transparent;
|
|
67
|
+
border-radius: 0;
|
|
68
|
+
border-left: none;
|
|
69
|
+
}
|
|
70
|
+
|
|
71
|
+
.section-header {
|
|
72
|
+
margin-bottom: 12px;
|
|
73
|
+
padding-bottom: 8px;
|
|
74
|
+
border-bottom: 1px solid #e5e7eb;
|
|
75
|
+
}
|
|
76
|
+
|
|
77
|
+
.section-title {
|
|
78
|
+
font-size: 16px;
|
|
79
|
+
font-weight: bold;
|
|
80
|
+
color: #111827;
|
|
81
|
+
margin: 0;
|
|
82
|
+
}
|
|
83
|
+
|
|
84
|
+
.section-count {
|
|
85
|
+
background-color: #f3f0ff;
|
|
86
|
+
color: #7c3aed;
|
|
87
|
+
padding: 2px 8px;
|
|
88
|
+
border-radius: 4px;
|
|
89
|
+
font-size: 11px;
|
|
90
|
+
font-weight: bold;
|
|
91
|
+
}
|
|
92
|
+
|
|
93
|
+
.section-content {
|
|
94
|
+
color: #374151;
|
|
95
|
+
}
|
|
96
|
+
|
|
97
|
+
.item {
|
|
98
|
+
margin: 0;
|
|
99
|
+
padding: 12px 0;
|
|
100
|
+
background-color: transparent;
|
|
101
|
+
border-radius: 0;
|
|
102
|
+
border: none;
|
|
103
|
+
border-bottom: 1px solid #f3f4f6;
|
|
104
|
+
}
|
|
105
|
+
|
|
106
|
+
.item:last-child {
|
|
107
|
+
border-bottom: none;
|
|
108
|
+
}
|
|
109
|
+
|
|
110
|
+
.item-title {
|
|
111
|
+
font-weight: 600;
|
|
112
|
+
color: #111827;
|
|
113
|
+
font-size: 14px;
|
|
114
|
+
margin-bottom: 2px;
|
|
115
|
+
}
|
|
116
|
+
|
|
117
|
+
.item-meta {
|
|
118
|
+
font-size: 12px;
|
|
119
|
+
color: #6b7280;
|
|
120
|
+
}
|
|
121
|
+
|
|
122
|
+
.item-details {
|
|
123
|
+
margin-top: 8px;
|
|
124
|
+
background-color: #f9fafb;
|
|
125
|
+
border-radius: 6px;
|
|
126
|
+
padding: 8px 12px;
|
|
127
|
+
}
|
|
128
|
+
|
|
129
|
+
.detail-table {
|
|
130
|
+
width: 100%;
|
|
131
|
+
border-collapse: collapse;
|
|
132
|
+
}
|
|
133
|
+
|
|
134
|
+
.detail-cell {
|
|
135
|
+
padding-right: 12px;
|
|
136
|
+
vertical-align: top;
|
|
137
|
+
}
|
|
138
|
+
|
|
139
|
+
.detail-label {
|
|
140
|
+
font-size: 10px;
|
|
141
|
+
color: #6b7280;
|
|
142
|
+
text-transform: uppercase;
|
|
143
|
+
font-weight: bold;
|
|
144
|
+
}
|
|
145
|
+
|
|
146
|
+
.detail-value {
|
|
147
|
+
font-size: 12px;
|
|
148
|
+
color: #374151;
|
|
149
|
+
}
|
|
150
|
+
|
|
151
|
+
.footer {
|
|
152
|
+
background-color: #7c3aed;
|
|
153
|
+
padding: 20px;
|
|
154
|
+
text-align: center;
|
|
155
|
+
font-size: 12px;
|
|
156
|
+
color: #ffffff;
|
|
157
|
+
}
|
|
158
|
+
|
|
159
|
+
.footer a {
|
|
160
|
+
color: #ffffff;
|
|
161
|
+
text-decoration: none;
|
|
162
|
+
}
|
|
163
|
+
|
|
164
|
+
.divider {
|
|
165
|
+
height: 1px;
|
|
166
|
+
background-color: #ebe7db;
|
|
167
|
+
margin: 24px 0;
|
|
168
|
+
}
|
|
169
|
+
</style>
|
|
170
|
+
</head>
|
|
171
|
+
|
|
172
|
+
<body>
|
|
173
|
+
<div class="container">
|
|
174
|
+
<div class="header">
|
|
175
|
+
<img src="https://assets.heliyos.ai/heliyos-logo-white.png" alt="Heliyos AI">
|
|
176
|
+
<div class="header-title">New Activity</div>
|
|
177
|
+
<div class="header-date">{{date}}</div>
|
|
178
|
+
</div>
|
|
179
|
+
<div class="content">
|
|
180
|
+
<div class="greeting">
|
|
181
|
+
Hello,<br>
|
|
182
|
+
New activities have been recorded in your Heliyos workspace.
|
|
183
|
+
</div>
|
|
184
|
+
|
|
185
|
+
{{#if has_tasks}}
|
|
186
|
+
<div class="section">
|
|
187
|
+
<div class="section-header">
|
|
188
|
+
<table border="0" cellpadding="0" cellspacing="0" width="100%">
|
|
189
|
+
<tr>
|
|
190
|
+
<td style="vertical-align: middle; padding-right: 8px; width: 24px; font-size: 20px;">✓</td>
|
|
191
|
+
<td style="vertical-align: middle;"><h2 class="section-title">Tasks</h2></td>
|
|
192
|
+
<td style="vertical-align: middle; text-align: right;"><span class="section-count">{{tasks_count}}</span></td>
|
|
193
|
+
</tr>
|
|
194
|
+
</table>
|
|
195
|
+
</div>
|
|
196
|
+
<div class="section-content">
|
|
197
|
+
{{#each tasks}}
|
|
198
|
+
<div class="item">
|
|
199
|
+
<table style="width: 100%; border-collapse: collapse;">
|
|
200
|
+
<tr>
|
|
201
|
+
<td>
|
|
202
|
+
<div class="item-title">{{this.title}}</div>
|
|
203
|
+
<div class="item-meta">
|
|
204
|
+
<span style="color: #7c3aed; font-weight: 600;">{{this.type}}</span> • {{this.actor}}
|
|
205
|
+
</div>
|
|
206
|
+
</td>
|
|
207
|
+
<td style="text-align: right; vertical-align: top; font-size: 11px; color: #9ca3af;">
|
|
208
|
+
{{this.time}}
|
|
209
|
+
</td>
|
|
210
|
+
</tr>
|
|
211
|
+
</table>
|
|
212
|
+
{{#if this.details}}
|
|
213
|
+
<div class="item-details">
|
|
214
|
+
<table class="detail-table">
|
|
215
|
+
<tr>
|
|
216
|
+
{{#each this.details}}
|
|
217
|
+
<td class="detail-cell">
|
|
218
|
+
<div class="detail-label">{{this.label}}</div>
|
|
219
|
+
<div class="detail-value">{{this.value}}</div>
|
|
220
|
+
</td>
|
|
221
|
+
{{/each}}
|
|
222
|
+
</tr>
|
|
223
|
+
</table>
|
|
224
|
+
</div>
|
|
225
|
+
{{/if}}
|
|
226
|
+
{{#if this.view_url}}
|
|
227
|
+
<div style="margin-top: 6px;">
|
|
228
|
+
<a href="{{this.view_url}}" style="font-size: 11px; color: #7c3aed; text-decoration: none; font-weight: bold;">View Details →</a>
|
|
229
|
+
</div>
|
|
230
|
+
{{/if}}
|
|
231
|
+
</div>
|
|
232
|
+
{{/each}}
|
|
233
|
+
</div>
|
|
234
|
+
</div>
|
|
235
|
+
{{/if}}
|
|
236
|
+
|
|
237
|
+
{{#if has_deals}}
|
|
238
|
+
<div class="section">
|
|
239
|
+
<div class="section-header">
|
|
240
|
+
<table border="0" cellpadding="0" cellspacing="0" width="100%">
|
|
241
|
+
<tr>
|
|
242
|
+
<td style="vertical-align: middle; padding-right: 8px; width: 24px; font-size: 20px;">💰</td>
|
|
243
|
+
<td style="vertical-align: middle;"><h2 class="section-title">Deals</h2></td>
|
|
244
|
+
<td style="vertical-align: middle; text-align: right;"><span class="section-count">{{deals_count}}</span></td>
|
|
245
|
+
</tr>
|
|
246
|
+
</table>
|
|
247
|
+
</div>
|
|
248
|
+
<div class="section-content">
|
|
249
|
+
{{#each deals}}
|
|
250
|
+
<div class="item">
|
|
251
|
+
<table style="width: 100%; border-collapse: collapse;">
|
|
252
|
+
<tr>
|
|
253
|
+
<td>
|
|
254
|
+
<div class="item-title">{{this.title}}</div>
|
|
255
|
+
<div class="item-meta">
|
|
256
|
+
<span style="color: #7c3aed; font-weight: 600;">{{this.type}}</span> • {{this.actor}}
|
|
257
|
+
</div>
|
|
258
|
+
</td>
|
|
259
|
+
<td style="text-align: right; vertical-align: top; font-size: 11px; color: #9ca3af;">
|
|
260
|
+
{{this.time}}
|
|
261
|
+
</td>
|
|
262
|
+
</tr>
|
|
263
|
+
</table>
|
|
264
|
+
{{#if this.details}}
|
|
265
|
+
<div class="item-details">
|
|
266
|
+
<table class="detail-table">
|
|
267
|
+
<tr>
|
|
268
|
+
{{#each this.details}}
|
|
269
|
+
<td class="detail-cell">
|
|
270
|
+
<div class="detail-label">{{this.label}}</div>
|
|
271
|
+
<div class="detail-value">{{this.value}}</div>
|
|
272
|
+
</td>
|
|
273
|
+
{{/each}}
|
|
274
|
+
</tr>
|
|
275
|
+
</table>
|
|
276
|
+
</div>
|
|
277
|
+
{{/if}}
|
|
278
|
+
{{#if this.view_url}}
|
|
279
|
+
<div style="margin-top: 6px;">
|
|
280
|
+
<a href="{{this.view_url}}" style="font-size: 11px; color: #7c3aed; text-decoration: none; font-weight: bold;">View Details →</a>
|
|
281
|
+
</div>
|
|
282
|
+
{{/if}}
|
|
283
|
+
</div>
|
|
284
|
+
{{/each}}
|
|
285
|
+
</div>
|
|
286
|
+
</div>
|
|
287
|
+
{{/if}}
|
|
288
|
+
|
|
289
|
+
{{#if has_approvals}}
|
|
290
|
+
<div class="section">
|
|
291
|
+
<div class="section-header">
|
|
292
|
+
<table border="0" cellpadding="0" cellspacing="0" width="100%">
|
|
293
|
+
<tr>
|
|
294
|
+
<td style="vertical-align: middle; padding-right: 8px; width: 24px; font-size: 20px;">✔️</td>
|
|
295
|
+
<td style="vertical-align: middle;"><h2 class="section-title">Reviews</h2></td>
|
|
296
|
+
<td style="vertical-align: middle; text-align: right;"><span class="section-count">{{approvals_count}}</span></td>
|
|
297
|
+
</tr>
|
|
298
|
+
</table>
|
|
299
|
+
</div>
|
|
300
|
+
<div class="section-content">
|
|
301
|
+
{{#each approvals}}
|
|
302
|
+
<div class="item">
|
|
303
|
+
<table style="width: 100%; border-collapse: collapse;">
|
|
304
|
+
<tr>
|
|
305
|
+
<td>
|
|
306
|
+
<div class="item-title">{{this.title}}</div>
|
|
307
|
+
<div class="item-meta">
|
|
308
|
+
<span style="color: #7c3aed; font-weight: 600;">{{this.status}}</span> • {{this.actor}}
|
|
309
|
+
</div>
|
|
310
|
+
</td>
|
|
311
|
+
<td style="text-align: right; vertical-align: top; font-size: 11px; color: #9ca3af;">
|
|
312
|
+
{{this.time}}
|
|
313
|
+
</td>
|
|
314
|
+
</tr>
|
|
315
|
+
</table>
|
|
316
|
+
{{#if this.details}}
|
|
317
|
+
<div class="item-details">
|
|
318
|
+
<table class="detail-table">
|
|
319
|
+
<tr>
|
|
320
|
+
{{#each this.details}}
|
|
321
|
+
<td class="detail-cell">
|
|
322
|
+
<div class="detail-label">{{this.label}}</div>
|
|
323
|
+
<div class="detail-value">{{this.value}}</div>
|
|
324
|
+
</td>
|
|
325
|
+
{{/each}}
|
|
326
|
+
</tr>
|
|
327
|
+
</table>
|
|
328
|
+
</div>
|
|
329
|
+
{{/if}}
|
|
330
|
+
{{#if this.view_url}}
|
|
331
|
+
<div style="margin-top: 6px;">
|
|
332
|
+
<a href="{{this.view_url}}" style="font-size: 11px; color: #7c3aed; text-decoration: none; font-weight: bold;">View Details →</a>
|
|
333
|
+
</div>
|
|
334
|
+
{{/if}}
|
|
335
|
+
</div>
|
|
336
|
+
{{/each}}
|
|
337
|
+
</div>
|
|
338
|
+
</div>
|
|
339
|
+
{{/if}}
|
|
340
|
+
|
|
341
|
+
<div class="divider"></div>
|
|
342
|
+
|
|
343
|
+
<p style="text-align: center; color: #5c5545; font-size: 14px;">
|
|
344
|
+
You received this email because you have immediate notifications enabled for these activities.<br>
|
|
345
|
+
<a href="{{settings_url}}" style="color: #7c3aed;">Manage your notification preferences</a>
|
|
346
|
+
</p>
|
|
347
|
+
</div>
|
|
348
|
+
<div class="footer">
|
|
349
|
+
<p>© {{year}} {{company_name}}. All rights reserved.</p>
|
|
350
|
+
<p>
|
|
351
|
+
<a href="{{settings_url}}">Notification Settings</a> |
|
|
352
|
+
This is an automated message, please do not reply.
|
|
353
|
+
</p>
|
|
354
|
+
</div>
|
|
355
|
+
</div>
|
|
356
|
+
</body>
|
|
357
|
+
|
|
358
|
+
</html>
|
|
@@ -49,21 +49,6 @@
|
|
|
49
49
|
font-size: 14px;
|
|
50
50
|
}
|
|
51
51
|
|
|
52
|
-
.badge {
|
|
53
|
-
display: inline-block;
|
|
54
|
-
background-color: rgba(255, 255, 255, 0.2);
|
|
55
|
-
border-radius: 20px;
|
|
56
|
-
margin-top: 10px;
|
|
57
|
-
padding: 0 14px;
|
|
58
|
-
}
|
|
59
|
-
|
|
60
|
-
.badge-text {
|
|
61
|
-
font-size: 13px;
|
|
62
|
-
color: #ffffff;
|
|
63
|
-
font-weight: 600;
|
|
64
|
-
line-height: 28px;
|
|
65
|
-
}
|
|
66
|
-
|
|
67
52
|
.content {
|
|
68
53
|
padding: 30px;
|
|
69
54
|
background-color: #ffffff;
|
|
@@ -152,14 +137,6 @@
|
|
|
152
137
|
<img src="https://assets.heliyos.ai/heliyos-logo-white.png" alt="Heliyos AI">
|
|
153
138
|
<div class="header-title">{{organization_name}} Daily Briefing</div>
|
|
154
139
|
<div class="header-date">{{date}}</div>
|
|
155
|
-
<div class="badge">
|
|
156
|
-
<table border="0" cellpadding="0" cellspacing="0" style="margin: 0 auto;">
|
|
157
|
-
<tr>
|
|
158
|
-
<td style="vertical-align: middle; padding-right: 5px; font-size: 14px; line-height: 28px;">📊</td>
|
|
159
|
-
<td style="vertical-align: middle;" class="badge-text">Organization summary</td>
|
|
160
|
-
</tr>
|
|
161
|
-
</table>
|
|
162
|
-
</div>
|
|
163
140
|
</div>
|
|
164
141
|
|
|
165
142
|
<div class="content">
|