@heliyos/heliyos-api-core 1.0.56 → 1.0.58
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/forgot-password.html +34 -26
- package/dist/email/index.d.ts +2 -0
- package/dist/email/index.js +2 -0
- package/dist/email/inviting-existing-user.html +35 -27
- package/dist/email/inviting-new-user.html +50 -34
- package/dist/email/notification-daily-summary.html +397 -0
- package/dist/email/notification-immediate.html +185 -0
- package/dist/email/password-reset-success.html +45 -29
- package/dist/email/signup-step-1.html +34 -27
- package/dist/email/signup-step-2.html +69 -39
- package/package.json +1 -1
- package/src/email/forgot-password.html +34 -26
- package/src/email/index.ts +2 -0
- package/src/email/inviting-existing-user.html +35 -27
- package/src/email/inviting-new-user.html +50 -34
- package/src/email/notification-daily-summary.html +397 -0
- package/src/email/notification-immediate.html +185 -0
- package/src/email/password-reset-success.html +45 -29
- package/src/email/signup-step-1.html +34 -27
- package/src/email/signup-step-2.html +69 -39
|
@@ -0,0 +1,397 @@
|
|
|
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>Daily Summary - 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-radius: 12px;
|
|
23
|
+
overflow: hidden;
|
|
24
|
+
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
|
|
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: 24px 0;
|
|
65
|
+
padding: 20px;
|
|
66
|
+
background-color: #f5f2e9;
|
|
67
|
+
border-radius: 8px;
|
|
68
|
+
border-left: 4px solid #7c3aed;
|
|
69
|
+
}
|
|
70
|
+
|
|
71
|
+
.section-header {
|
|
72
|
+
display: flex;
|
|
73
|
+
justify-content: space-between;
|
|
74
|
+
align-items: center;
|
|
75
|
+
margin-bottom: 16px;
|
|
76
|
+
}
|
|
77
|
+
|
|
78
|
+
.section-title {
|
|
79
|
+
font-size: 18px;
|
|
80
|
+
font-weight: bold;
|
|
81
|
+
color: #0e0d0c;
|
|
82
|
+
margin: 0;
|
|
83
|
+
}
|
|
84
|
+
|
|
85
|
+
.section-count {
|
|
86
|
+
background-color: #7c3aed;
|
|
87
|
+
color: #ffffff;
|
|
88
|
+
padding: 4px 12px;
|
|
89
|
+
border-radius: 12px;
|
|
90
|
+
font-size: 12px;
|
|
91
|
+
font-weight: bold;
|
|
92
|
+
}
|
|
93
|
+
|
|
94
|
+
.section-content {
|
|
95
|
+
color: #2c2721;
|
|
96
|
+
line-height: 1.8;
|
|
97
|
+
}
|
|
98
|
+
|
|
99
|
+
.item {
|
|
100
|
+
margin: 12px 0;
|
|
101
|
+
padding: 12px;
|
|
102
|
+
background-color: #ffffff;
|
|
103
|
+
border-radius: 6px;
|
|
104
|
+
border: 1px solid #7c3aed;
|
|
105
|
+
}
|
|
106
|
+
|
|
107
|
+
.item-summary {
|
|
108
|
+
margin-top: 8px;
|
|
109
|
+
color: #2c2721;
|
|
110
|
+
font-size: 14px;
|
|
111
|
+
line-height: 1.6;
|
|
112
|
+
}
|
|
113
|
+
|
|
114
|
+
.item-details {
|
|
115
|
+
margin-top: 10px;
|
|
116
|
+
background-color: #f8f5ff;
|
|
117
|
+
border-radius: 6px;
|
|
118
|
+
padding: 10px;
|
|
119
|
+
}
|
|
120
|
+
|
|
121
|
+
.detail-row {
|
|
122
|
+
font-size: 13px;
|
|
123
|
+
color: #3f2d63;
|
|
124
|
+
margin: 4px 0;
|
|
125
|
+
}
|
|
126
|
+
|
|
127
|
+
.detail-row strong {
|
|
128
|
+
color: #2b1d4d;
|
|
129
|
+
}
|
|
130
|
+
|
|
131
|
+
.item-link {
|
|
132
|
+
margin-top: 10px;
|
|
133
|
+
}
|
|
134
|
+
|
|
135
|
+
.item-link a {
|
|
136
|
+
color: #7c3aed;
|
|
137
|
+
text-decoration: none;
|
|
138
|
+
font-weight: bold;
|
|
139
|
+
font-size: 13px;
|
|
140
|
+
}
|
|
141
|
+
|
|
142
|
+
.item-title {
|
|
143
|
+
font-weight: bold;
|
|
144
|
+
color: #0e0d0c;
|
|
145
|
+
margin-bottom: 4px;
|
|
146
|
+
}
|
|
147
|
+
|
|
148
|
+
.item-meta {
|
|
149
|
+
font-size: 13px;
|
|
150
|
+
color: #5c5545;
|
|
151
|
+
}
|
|
152
|
+
|
|
153
|
+
.org-summary-box {
|
|
154
|
+
background: linear-gradient(135deg, #7c3aed 0%, #6d28d9 100%);
|
|
155
|
+
color: #ffffff;
|
|
156
|
+
padding: 20px;
|
|
157
|
+
border-radius: 8px;
|
|
158
|
+
margin: 24px 0;
|
|
159
|
+
}
|
|
160
|
+
|
|
161
|
+
.org-summary-box h3 {
|
|
162
|
+
margin: 0 0 12px 0;
|
|
163
|
+
font-size: 18px;
|
|
164
|
+
}
|
|
165
|
+
|
|
166
|
+
.org-summary-box p {
|
|
167
|
+
margin: 8px 0;
|
|
168
|
+
line-height: 1.6;
|
|
169
|
+
}
|
|
170
|
+
|
|
171
|
+
.button {
|
|
172
|
+
display: inline-block;
|
|
173
|
+
padding: 10px 20px;
|
|
174
|
+
background-color: #7c3aed;
|
|
175
|
+
color: #ffffff !important;
|
|
176
|
+
text-decoration: none;
|
|
177
|
+
border-radius: 6px;
|
|
178
|
+
font-weight: bold;
|
|
179
|
+
font-size: 13px;
|
|
180
|
+
margin-top: 8px;
|
|
181
|
+
}
|
|
182
|
+
|
|
183
|
+
.button:hover {
|
|
184
|
+
background-color: #6d28d9;
|
|
185
|
+
}
|
|
186
|
+
|
|
187
|
+
.view-all-link {
|
|
188
|
+
text-align: right;
|
|
189
|
+
margin-top: 12px;
|
|
190
|
+
}
|
|
191
|
+
|
|
192
|
+
.view-all-link a {
|
|
193
|
+
color: #7c3aed;
|
|
194
|
+
text-decoration: none;
|
|
195
|
+
font-weight: bold;
|
|
196
|
+
font-size: 14px;
|
|
197
|
+
}
|
|
198
|
+
|
|
199
|
+
.footer {
|
|
200
|
+
background-color: #7c3aed;
|
|
201
|
+
padding: 20px;
|
|
202
|
+
text-align: center;
|
|
203
|
+
font-size: 12px;
|
|
204
|
+
color: #ffffff;
|
|
205
|
+
}
|
|
206
|
+
|
|
207
|
+
.footer a {
|
|
208
|
+
color: #ffffff;
|
|
209
|
+
text-decoration: none;
|
|
210
|
+
}
|
|
211
|
+
|
|
212
|
+
.divider {
|
|
213
|
+
height: 1px;
|
|
214
|
+
background-color: #ebe7db;
|
|
215
|
+
margin: 24px 0;
|
|
216
|
+
}
|
|
217
|
+
</style>
|
|
218
|
+
</head>
|
|
219
|
+
|
|
220
|
+
<body>
|
|
221
|
+
<div class="container">
|
|
222
|
+
<div class="header">
|
|
223
|
+
<img src="https://assets.heliyos.ai/heliyos-logo-white.png" alt="Heliyos AI">
|
|
224
|
+
<div class="header-title">Daily Activity Summary</div>
|
|
225
|
+
<div class="header-date">{{date}}</div>
|
|
226
|
+
</div>
|
|
227
|
+
<div class="content">
|
|
228
|
+
<div class="greeting">
|
|
229
|
+
Hello,<br>
|
|
230
|
+
Here's your daily summary of activities in your Heliyos workspace.
|
|
231
|
+
</div>
|
|
232
|
+
|
|
233
|
+
{{#if has_org_summary}}
|
|
234
|
+
<div class="org-summary-box">
|
|
235
|
+
<h3>📊 Organization Summary</h3>
|
|
236
|
+
<p>{{org_summary}}</p>
|
|
237
|
+
</div>
|
|
238
|
+
{{/if}}
|
|
239
|
+
|
|
240
|
+
{{#if has_tasks}}
|
|
241
|
+
<div class="section">
|
|
242
|
+
<div class="section-header">
|
|
243
|
+
<h2 class="section-title">✅ Tasks</h2>
|
|
244
|
+
<span class="section-count">{{tasks_count}}</span>
|
|
245
|
+
</div>
|
|
246
|
+
<div class="section-content">
|
|
247
|
+
{{#each tasks}}
|
|
248
|
+
<div class="item">
|
|
249
|
+
<div class="item-title">{{this.title}}</div>
|
|
250
|
+
<div class="item-meta">{{this.type}} • {{this.actor}} • {{this.time}}</div>
|
|
251
|
+
{{#if this.summary}}
|
|
252
|
+
<div class="item-summary">{{this.summary}}</div>
|
|
253
|
+
{{/if}}
|
|
254
|
+
{{#if this.details}}
|
|
255
|
+
<div class="item-details">
|
|
256
|
+
{{#each this.details}}
|
|
257
|
+
<div class="detail-row"><strong>{{this.label}}:</strong> {{this.value}}</div>
|
|
258
|
+
{{/each}}
|
|
259
|
+
</div>
|
|
260
|
+
{{/if}}
|
|
261
|
+
{{#if this.view_url}}
|
|
262
|
+
<div class="item-link">
|
|
263
|
+
<a href="{{this.view_url}}">View in App →</a>
|
|
264
|
+
</div>
|
|
265
|
+
{{/if}}
|
|
266
|
+
</div>
|
|
267
|
+
{{/each}}
|
|
268
|
+
</div>
|
|
269
|
+
<div class="view-all-link">
|
|
270
|
+
<a href="{{tasks_url}}">View all tasks →</a>
|
|
271
|
+
</div>
|
|
272
|
+
</div>
|
|
273
|
+
{{/if}}
|
|
274
|
+
|
|
275
|
+
{{#if has_deals}}
|
|
276
|
+
<div class="section">
|
|
277
|
+
<div class="section-header">
|
|
278
|
+
<h2 class="section-title">💰 Deals</h2>
|
|
279
|
+
<span class="section-count">{{deals_count}}</span>
|
|
280
|
+
</div>
|
|
281
|
+
<div class="section-content">
|
|
282
|
+
{{#each deals}}
|
|
283
|
+
<div class="item">
|
|
284
|
+
<div class="item-title">{{this.title}}</div>
|
|
285
|
+
<div class="item-meta">{{this.type}} • {{this.actor}} • {{this.time}}</div>
|
|
286
|
+
{{#if this.summary}}
|
|
287
|
+
<div class="item-summary">{{this.summary}}</div>
|
|
288
|
+
{{/if}}
|
|
289
|
+
{{#if this.details}}
|
|
290
|
+
<div class="item-details">
|
|
291
|
+
{{#each this.details}}
|
|
292
|
+
<div class="detail-row"><strong>{{this.label}}:</strong> {{this.value}}</div>
|
|
293
|
+
{{/each}}
|
|
294
|
+
</div>
|
|
295
|
+
{{/if}}
|
|
296
|
+
{{#if this.view_url}}
|
|
297
|
+
<div class="item-link">
|
|
298
|
+
<a href="{{this.view_url}}">View in App →</a>
|
|
299
|
+
</div>
|
|
300
|
+
{{/if}}
|
|
301
|
+
</div>
|
|
302
|
+
{{/each}}
|
|
303
|
+
</div>
|
|
304
|
+
<div class="view-all-link">
|
|
305
|
+
<a href="{{deals_url}}">View all deals →</a>
|
|
306
|
+
</div>
|
|
307
|
+
</div>
|
|
308
|
+
{{/if}}
|
|
309
|
+
|
|
310
|
+
{{#if has_approvals}}
|
|
311
|
+
<div class="section">
|
|
312
|
+
<div class="section-header">
|
|
313
|
+
<h2 class="section-title">✔️ Approvals</h2>
|
|
314
|
+
<span class="section-count">{{approvals_count}}</span>
|
|
315
|
+
</div>
|
|
316
|
+
<div class="section-content">
|
|
317
|
+
{{#each approvals}}
|
|
318
|
+
<div class="item">
|
|
319
|
+
<div class="item-title">{{this.title}}</div>
|
|
320
|
+
<div class="item-meta">{{this.status}} • {{this.actor}} • {{this.time}}</div>
|
|
321
|
+
{{#if this.summary}}
|
|
322
|
+
<div class="item-summary">{{this.summary}}</div>
|
|
323
|
+
{{/if}}
|
|
324
|
+
{{#if this.details}}
|
|
325
|
+
<div class="item-details">
|
|
326
|
+
{{#each this.details}}
|
|
327
|
+
<div class="detail-row"><strong>{{this.label}}:</strong> {{this.value}}</div>
|
|
328
|
+
{{/each}}
|
|
329
|
+
</div>
|
|
330
|
+
{{/if}}
|
|
331
|
+
{{#if this.view_url}}
|
|
332
|
+
<div class="item-link">
|
|
333
|
+
<a href="{{this.view_url}}">View in App →</a>
|
|
334
|
+
</div>
|
|
335
|
+
{{/if}}
|
|
336
|
+
</div>
|
|
337
|
+
{{/each}}
|
|
338
|
+
</div>
|
|
339
|
+
<div class="view-all-link">
|
|
340
|
+
<a href="{{approvals_url}}">View all approvals →</a>
|
|
341
|
+
</div>
|
|
342
|
+
</div>
|
|
343
|
+
{{/if}}
|
|
344
|
+
|
|
345
|
+
{{#if has_leadsets}}
|
|
346
|
+
<div class="section">
|
|
347
|
+
<div class="section-header">
|
|
348
|
+
<h2 class="section-title">📋 Leadsets</h2>
|
|
349
|
+
<span class="section-count">{{leadsets_count}}</span>
|
|
350
|
+
</div>
|
|
351
|
+
<div class="section-content">
|
|
352
|
+
{{#each leadsets}}
|
|
353
|
+
<div class="item">
|
|
354
|
+
<div class="item-title">{{this.title}}</div>
|
|
355
|
+
<div class="item-meta">{{this.records_count}} records available • {{this.time}}</div>
|
|
356
|
+
{{#if this.summary}}
|
|
357
|
+
<div class="item-summary">{{this.summary}}</div>
|
|
358
|
+
{{/if}}
|
|
359
|
+
{{#if this.details}}
|
|
360
|
+
<div class="item-details">
|
|
361
|
+
{{#each this.details}}
|
|
362
|
+
<div class="detail-row"><strong>{{this.label}}:</strong> {{this.value}}</div>
|
|
363
|
+
{{/each}}
|
|
364
|
+
</div>
|
|
365
|
+
{{/if}}
|
|
366
|
+
{{#if this.view_url}}
|
|
367
|
+
<div class="item-link">
|
|
368
|
+
<a href="{{this.view_url}}">View in App →</a>
|
|
369
|
+
</div>
|
|
370
|
+
{{/if}}
|
|
371
|
+
</div>
|
|
372
|
+
{{/each}}
|
|
373
|
+
</div>
|
|
374
|
+
<div class="view-all-link">
|
|
375
|
+
<a href="{{leadsets_url}}">View all leadsets →</a>
|
|
376
|
+
</div>
|
|
377
|
+
</div>
|
|
378
|
+
{{/if}}
|
|
379
|
+
|
|
380
|
+
<div class="divider"></div>
|
|
381
|
+
|
|
382
|
+
<p style="text-align: center; color: #5c5545; font-size: 14px;">
|
|
383
|
+
You received this email because you have daily notifications enabled.<br>
|
|
384
|
+
<a href="{{settings_url}}" style="color: #7c3aed;">Manage your notification preferences</a>
|
|
385
|
+
</p>
|
|
386
|
+
</div>
|
|
387
|
+
<div class="footer">
|
|
388
|
+
<p>© {{year}} {{company_name}}. All rights reserved.</p>
|
|
389
|
+
<p>
|
|
390
|
+
<a href="{{settings_url}}">Notification Settings</a> |
|
|
391
|
+
This is an automated message, please do not reply.
|
|
392
|
+
</p>
|
|
393
|
+
</div>
|
|
394
|
+
</div>
|
|
395
|
+
</body>
|
|
396
|
+
|
|
397
|
+
</html>
|
|
@@ -0,0 +1,185 @@
|
|
|
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>{{event_type_label}} - Heliyos Notification</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-radius: 12px;
|
|
23
|
+
overflow: hidden;
|
|
24
|
+
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
|
|
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
|
+
}
|
|
37
|
+
|
|
38
|
+
.content {
|
|
39
|
+
padding: 30px;
|
|
40
|
+
background-color: #ffffff;
|
|
41
|
+
}
|
|
42
|
+
|
|
43
|
+
.event-card {
|
|
44
|
+
background-color: #f5f2e9;
|
|
45
|
+
border: 1px solid #7c3aed;
|
|
46
|
+
border-radius: 8px;
|
|
47
|
+
padding: 20px;
|
|
48
|
+
margin: 20px 0;
|
|
49
|
+
}
|
|
50
|
+
|
|
51
|
+
.event-badge {
|
|
52
|
+
display: inline-block;
|
|
53
|
+
background-color: #7c3aed;
|
|
54
|
+
color: #ffffff;
|
|
55
|
+
padding: 6px 12px;
|
|
56
|
+
border-radius: 20px;
|
|
57
|
+
font-size: 12px;
|
|
58
|
+
font-weight: bold;
|
|
59
|
+
text-transform: uppercase;
|
|
60
|
+
margin-bottom: 12px;
|
|
61
|
+
}
|
|
62
|
+
|
|
63
|
+
.event-title {
|
|
64
|
+
font-size: 20px;
|
|
65
|
+
font-weight: bold;
|
|
66
|
+
color: #0e0d0c;
|
|
67
|
+
margin: 10px 0;
|
|
68
|
+
}
|
|
69
|
+
|
|
70
|
+
.event-summary {
|
|
71
|
+
color: #2c2721;
|
|
72
|
+
margin: 12px 0;
|
|
73
|
+
line-height: 1.6;
|
|
74
|
+
}
|
|
75
|
+
|
|
76
|
+
.event-details {
|
|
77
|
+
margin-top: 12px;
|
|
78
|
+
background-color: #f8f5ff;
|
|
79
|
+
border-radius: 6px;
|
|
80
|
+
padding: 12px;
|
|
81
|
+
}
|
|
82
|
+
|
|
83
|
+
.detail-row {
|
|
84
|
+
font-size: 14px;
|
|
85
|
+
color: #3f2d63;
|
|
86
|
+
margin: 6px 0;
|
|
87
|
+
}
|
|
88
|
+
|
|
89
|
+
.detail-row strong {
|
|
90
|
+
color: #2b1d4d;
|
|
91
|
+
}
|
|
92
|
+
|
|
93
|
+
.event-meta {
|
|
94
|
+
margin-top: 16px;
|
|
95
|
+
padding-top: 16px;
|
|
96
|
+
border-top: 1px solid #ebe7db;
|
|
97
|
+
font-size: 14px;
|
|
98
|
+
color: #5c5545;
|
|
99
|
+
}
|
|
100
|
+
|
|
101
|
+
.event-meta strong {
|
|
102
|
+
color: #0e0d0c;
|
|
103
|
+
}
|
|
104
|
+
|
|
105
|
+
.button {
|
|
106
|
+
display: inline-block;
|
|
107
|
+
padding: 12px 32px;
|
|
108
|
+
background-color: #7c3aed;
|
|
109
|
+
color: #ffffff !important;
|
|
110
|
+
text-decoration: none;
|
|
111
|
+
border-radius: 8px;
|
|
112
|
+
font-weight: bold;
|
|
113
|
+
margin-top: 20px;
|
|
114
|
+
text-align: center;
|
|
115
|
+
}
|
|
116
|
+
|
|
117
|
+
.button:hover {
|
|
118
|
+
background-color: #6d28d9;
|
|
119
|
+
}
|
|
120
|
+
|
|
121
|
+
.button-container {
|
|
122
|
+
text-align: center;
|
|
123
|
+
margin: 24px 0;
|
|
124
|
+
}
|
|
125
|
+
|
|
126
|
+
.footer {
|
|
127
|
+
background-color: #7c3aed;
|
|
128
|
+
padding: 20px;
|
|
129
|
+
text-align: center;
|
|
130
|
+
font-size: 12px;
|
|
131
|
+
color: #ffffff;
|
|
132
|
+
}
|
|
133
|
+
|
|
134
|
+
.footer a {
|
|
135
|
+
color: #ffffff;
|
|
136
|
+
text-decoration: none;
|
|
137
|
+
}
|
|
138
|
+
</style>
|
|
139
|
+
</head>
|
|
140
|
+
|
|
141
|
+
<body>
|
|
142
|
+
<div class="container">
|
|
143
|
+
<div class="header">
|
|
144
|
+
<img src="https://assets.heliyos.ai/heliyos-logo-white.png" alt="Heliyos AI">
|
|
145
|
+
</div>
|
|
146
|
+
<div class="content">
|
|
147
|
+
<p>Hello,</p>
|
|
148
|
+
<p>You have a new update in your Heliyos workspace:</p>
|
|
149
|
+
|
|
150
|
+
<div class="event-card">
|
|
151
|
+
<div class="event-badge">{{event_type_label}}</div>
|
|
152
|
+
<div class="event-title">{{object_name}}</div>
|
|
153
|
+
<div class="event-summary">{{summary}}</div>
|
|
154
|
+
{{#if details}}
|
|
155
|
+
<div class="event-details">
|
|
156
|
+
{{#each details}}
|
|
157
|
+
<div class="detail-row"><strong>{{this.label}}:</strong> {{this.value}}</div>
|
|
158
|
+
{{/each}}
|
|
159
|
+
</div>
|
|
160
|
+
{{/if}}
|
|
161
|
+
<div class="event-meta">
|
|
162
|
+
<strong>By:</strong> {{actor_name}}<br>
|
|
163
|
+
<strong>When:</strong> {{timestamp}}
|
|
164
|
+
</div>
|
|
165
|
+
</div>
|
|
166
|
+
|
|
167
|
+
<div class="button-container">
|
|
168
|
+
<a href="{{view_url}}" class="button">View in App →</a>
|
|
169
|
+
</div>
|
|
170
|
+
|
|
171
|
+
<p style="color: #5c5545; font-size: 14px; margin-top: 24px;">
|
|
172
|
+
This notification was sent because you have enabled notifications for {{event_type_label}} events.
|
|
173
|
+
</p>
|
|
174
|
+
</div>
|
|
175
|
+
<div class="footer">
|
|
176
|
+
<p>© {{year}} {{company_name}}. All rights reserved.</p>
|
|
177
|
+
<p>
|
|
178
|
+
<a href="{{settings_url}}">Manage notification preferences</a> |
|
|
179
|
+
This is an automated message, please do not reply.
|
|
180
|
+
</p>
|
|
181
|
+
</div>
|
|
182
|
+
</div>
|
|
183
|
+
</body>
|
|
184
|
+
|
|
185
|
+
</html>
|