@heliyos/heliyos-api-core 1.0.56 → 1.0.57
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 +302 -0
- package/dist/email/notification-immediate.html +161 -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 +302 -0
- package/src/email/notification-immediate.html +161 -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
|
@@ -4,15 +4,13 @@
|
|
|
4
4
|
<head>
|
|
5
5
|
<meta charset="UTF-8">
|
|
6
6
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
7
|
-
<title>You're Invited to Join
|
|
7
|
+
<title>You're Invited to Join Heliyos AI!</title>
|
|
8
8
|
<style>
|
|
9
9
|
body {
|
|
10
10
|
font-family: Arial, sans-serif;
|
|
11
11
|
line-height: 1.6;
|
|
12
12
|
color: #0e0d0c;
|
|
13
|
-
/* --text-000 */
|
|
14
13
|
background-color: #f8f8f6;
|
|
15
|
-
/* --background */
|
|
16
14
|
margin: 0;
|
|
17
15
|
padding: 0;
|
|
18
16
|
}
|
|
@@ -20,52 +18,66 @@
|
|
|
20
18
|
.container {
|
|
21
19
|
max-width: 600px;
|
|
22
20
|
margin: 20px auto;
|
|
23
|
-
background-color: #
|
|
24
|
-
/* --card */
|
|
21
|
+
background-color: #ffffff;
|
|
25
22
|
border-radius: 12px;
|
|
26
|
-
/* --radius */
|
|
27
23
|
overflow: hidden;
|
|
28
|
-
box-shadow: 0 0
|
|
29
|
-
/* Solid color instead of rgba */
|
|
24
|
+
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
|
|
30
25
|
}
|
|
31
26
|
|
|
32
27
|
.header {
|
|
33
|
-
background-color: #
|
|
34
|
-
|
|
35
|
-
color: #ffffff;
|
|
36
|
-
/* --primary-foreground */
|
|
37
|
-
padding: 20px;
|
|
28
|
+
background-color: #7c3aed;
|
|
29
|
+
padding: 30px 20px;
|
|
38
30
|
text-align: center;
|
|
39
31
|
}
|
|
40
32
|
|
|
33
|
+
.header img {
|
|
34
|
+
max-width: 180px;
|
|
35
|
+
height: auto;
|
|
36
|
+
}
|
|
37
|
+
|
|
41
38
|
.content {
|
|
42
39
|
padding: 30px;
|
|
43
40
|
color: #2c2721;
|
|
44
|
-
/* --card-foreground */
|
|
45
41
|
}
|
|
46
42
|
|
|
47
43
|
.button {
|
|
48
44
|
display: inline-block;
|
|
49
45
|
padding: 12px 24px;
|
|
50
|
-
background-color: #
|
|
51
|
-
/* --secondary */
|
|
46
|
+
background-color: #7c3aed;
|
|
52
47
|
color: #ffffff !important;
|
|
53
|
-
/* --secondary-foreground */
|
|
54
48
|
text-decoration: none;
|
|
55
|
-
border-radius:
|
|
56
|
-
/* --radius */
|
|
49
|
+
border-radius: 8px;
|
|
57
50
|
font-weight: bold;
|
|
58
51
|
margin-top: 20px;
|
|
59
52
|
}
|
|
60
53
|
|
|
54
|
+
.button:hover {
|
|
55
|
+
background-color: #6d28d9;
|
|
56
|
+
}
|
|
57
|
+
|
|
61
58
|
.footer {
|
|
62
59
|
background-color: #ebe7db;
|
|
63
|
-
/* --muted */
|
|
64
60
|
padding: 20px;
|
|
65
61
|
text-align: center;
|
|
66
62
|
font-size: 12px;
|
|
67
63
|
color: #5c5545;
|
|
68
|
-
|
|
64
|
+
}
|
|
65
|
+
|
|
66
|
+
.features-list {
|
|
67
|
+
background-color: #f5f2e9;
|
|
68
|
+
border-left: 4px solid #7c3aed;
|
|
69
|
+
padding: 20px;
|
|
70
|
+
margin: 20px 0;
|
|
71
|
+
border-radius: 4px;
|
|
72
|
+
}
|
|
73
|
+
|
|
74
|
+
.features-list ul {
|
|
75
|
+
margin: 10px 0;
|
|
76
|
+
padding-left: 20px;
|
|
77
|
+
}
|
|
78
|
+
|
|
79
|
+
.features-list li {
|
|
80
|
+
margin: 8px 0;
|
|
69
81
|
}
|
|
70
82
|
</style>
|
|
71
83
|
</head>
|
|
@@ -73,11 +85,11 @@
|
|
|
73
85
|
<body>
|
|
74
86
|
<div class="container">
|
|
75
87
|
<div class="header">
|
|
76
|
-
<
|
|
88
|
+
<img src="https://assets.heliyos.ai/heliyos-logo-white.png" alt="Heliyos AI">
|
|
77
89
|
</div>
|
|
78
90
|
<div class="content">
|
|
79
|
-
<p>Hello,</p>
|
|
80
|
-
<p>You've been invited to join the {{organization_name}} team on
|
|
91
|
+
<p>Hello {{fullName}},</p>
|
|
92
|
+
<p>You've been invited to join the <strong>{{organization_name}}</strong> team on Heliyos AI!</p>
|
|
81
93
|
<p>To get started, you'll need to create an account. Don't worry, it's quick and easy. Just click the button
|
|
82
94
|
below to set up your account and accept the invitation:</p>
|
|
83
95
|
<p style="text-align: center;">
|
|
@@ -85,19 +97,23 @@
|
|
|
85
97
|
</p>
|
|
86
98
|
<p>If you're having trouble with the button, you can copy and paste the following URL into your web browser:
|
|
87
99
|
</p>
|
|
88
|
-
<p style="word-break: break-all;">{{url}}</p>
|
|
100
|
+
<p style="word-break: break-all; font-size: 13px; color: #5c5545;">{{url}}</p>
|
|
89
101
|
|
|
90
|
-
<
|
|
91
|
-
|
|
92
|
-
<
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
102
|
+
<div class="features-list">
|
|
103
|
+
<p style="margin-top: 0;"><strong>Here's what you can look forward to with Heliyos AI:</strong></p>
|
|
104
|
+
<ul>
|
|
105
|
+
<li>AI-powered automated updates for your deals and tasks</li>
|
|
106
|
+
<li>Smart lead generation and enrichment</li>
|
|
107
|
+
<li>Seamless collaboration with your team members</li>
|
|
108
|
+
<li>Real-time insights and notifications</li>
|
|
109
|
+
<li>Integration with your favorite tools</li>
|
|
110
|
+
</ul>
|
|
111
|
+
</div>
|
|
112
|
+
|
|
97
113
|
<p>If you have any questions about this invitation or our platform, please don't hesitate to reach out to
|
|
98
114
|
our support team.</p>
|
|
99
115
|
<p>We're excited to have you join us!</p>
|
|
100
|
-
<p>Best regards,<br>{{company_name}} Team</p>
|
|
116
|
+
<p>Best regards,<br>The {{company_name}} Team</p>
|
|
101
117
|
</div>
|
|
102
118
|
<div class="footer">
|
|
103
119
|
<p>© {{year}} {{company_name}}. All rights reserved.</p>
|
|
@@ -106,4 +122,4 @@
|
|
|
106
122
|
</div>
|
|
107
123
|
</body>
|
|
108
124
|
|
|
109
|
-
</html>
|
|
125
|
+
</html>
|
|
@@ -0,0 +1,302 @@
|
|
|
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-left: 2px solid #ebe7db;
|
|
105
|
+
}
|
|
106
|
+
|
|
107
|
+
.item-title {
|
|
108
|
+
font-weight: bold;
|
|
109
|
+
color: #0e0d0c;
|
|
110
|
+
margin-bottom: 4px;
|
|
111
|
+
}
|
|
112
|
+
|
|
113
|
+
.item-meta {
|
|
114
|
+
font-size: 13px;
|
|
115
|
+
color: #5c5545;
|
|
116
|
+
}
|
|
117
|
+
|
|
118
|
+
.org-summary-box {
|
|
119
|
+
background: linear-gradient(135deg, #7c3aed 0%, #6d28d9 100%);
|
|
120
|
+
color: #ffffff;
|
|
121
|
+
padding: 20px;
|
|
122
|
+
border-radius: 8px;
|
|
123
|
+
margin: 24px 0;
|
|
124
|
+
}
|
|
125
|
+
|
|
126
|
+
.org-summary-box h3 {
|
|
127
|
+
margin: 0 0 12px 0;
|
|
128
|
+
font-size: 18px;
|
|
129
|
+
}
|
|
130
|
+
|
|
131
|
+
.org-summary-box p {
|
|
132
|
+
margin: 8px 0;
|
|
133
|
+
line-height: 1.6;
|
|
134
|
+
}
|
|
135
|
+
|
|
136
|
+
.button {
|
|
137
|
+
display: inline-block;
|
|
138
|
+
padding: 10px 20px;
|
|
139
|
+
background-color: #7c3aed;
|
|
140
|
+
color: #ffffff !important;
|
|
141
|
+
text-decoration: none;
|
|
142
|
+
border-radius: 6px;
|
|
143
|
+
font-weight: bold;
|
|
144
|
+
font-size: 13px;
|
|
145
|
+
margin-top: 8px;
|
|
146
|
+
}
|
|
147
|
+
|
|
148
|
+
.button:hover {
|
|
149
|
+
background-color: #6d28d9;
|
|
150
|
+
}
|
|
151
|
+
|
|
152
|
+
.view-all-link {
|
|
153
|
+
text-align: right;
|
|
154
|
+
margin-top: 12px;
|
|
155
|
+
}
|
|
156
|
+
|
|
157
|
+
.view-all-link a {
|
|
158
|
+
color: #7c3aed;
|
|
159
|
+
text-decoration: none;
|
|
160
|
+
font-weight: bold;
|
|
161
|
+
font-size: 14px;
|
|
162
|
+
}
|
|
163
|
+
|
|
164
|
+
.footer {
|
|
165
|
+
background-color: #ebe7db;
|
|
166
|
+
padding: 20px;
|
|
167
|
+
text-align: center;
|
|
168
|
+
font-size: 12px;
|
|
169
|
+
color: #5c5545;
|
|
170
|
+
}
|
|
171
|
+
|
|
172
|
+
.footer a {
|
|
173
|
+
color: #1c6bba;
|
|
174
|
+
text-decoration: none;
|
|
175
|
+
}
|
|
176
|
+
|
|
177
|
+
.divider {
|
|
178
|
+
height: 1px;
|
|
179
|
+
background-color: #ebe7db;
|
|
180
|
+
margin: 24px 0;
|
|
181
|
+
}
|
|
182
|
+
</style>
|
|
183
|
+
</head>
|
|
184
|
+
|
|
185
|
+
<body>
|
|
186
|
+
<div class="container">
|
|
187
|
+
<div class="header">
|
|
188
|
+
<img src="https://assets.heliyos.ai/heliyos-logo-white.png" alt="Heliyos AI">
|
|
189
|
+
<div class="header-title">Daily Activity Summary</div>
|
|
190
|
+
<div class="header-date">{{date}}</div>
|
|
191
|
+
</div>
|
|
192
|
+
<div class="content">
|
|
193
|
+
<div class="greeting">
|
|
194
|
+
Hello,<br>
|
|
195
|
+
Here's your daily summary of activities in your Heliyos workspace.
|
|
196
|
+
</div>
|
|
197
|
+
|
|
198
|
+
{{#if has_org_summary}}
|
|
199
|
+
<div class="org-summary-box">
|
|
200
|
+
<h3>📊 Organization Summary</h3>
|
|
201
|
+
<p>{{org_summary}}</p>
|
|
202
|
+
</div>
|
|
203
|
+
{{/if}}
|
|
204
|
+
|
|
205
|
+
{{#if has_tasks}}
|
|
206
|
+
<div class="section">
|
|
207
|
+
<div class="section-header">
|
|
208
|
+
<h2 class="section-title">✅ Tasks</h2>
|
|
209
|
+
<span class="section-count">{{tasks_count}}</span>
|
|
210
|
+
</div>
|
|
211
|
+
<div class="section-content">
|
|
212
|
+
{{#each tasks}}
|
|
213
|
+
<div class="item">
|
|
214
|
+
<div class="item-title">{{this.title}}</div>
|
|
215
|
+
<div class="item-meta">{{this.type}} • {{this.actor}} • {{this.time}}</div>
|
|
216
|
+
</div>
|
|
217
|
+
{{/each}}
|
|
218
|
+
</div>
|
|
219
|
+
<div class="view-all-link">
|
|
220
|
+
<a href="{{tasks_url}}">View all tasks →</a>
|
|
221
|
+
</div>
|
|
222
|
+
</div>
|
|
223
|
+
{{/if}}
|
|
224
|
+
|
|
225
|
+
{{#if has_deals}}
|
|
226
|
+
<div class="section">
|
|
227
|
+
<div class="section-header">
|
|
228
|
+
<h2 class="section-title">💰 Deals</h2>
|
|
229
|
+
<span class="section-count">{{deals_count}}</span>
|
|
230
|
+
</div>
|
|
231
|
+
<div class="section-content">
|
|
232
|
+
{{#each deals}}
|
|
233
|
+
<div class="item">
|
|
234
|
+
<div class="item-title">{{this.title}}</div>
|
|
235
|
+
<div class="item-meta">{{this.type}} • {{this.actor}} • {{this.time}}</div>
|
|
236
|
+
</div>
|
|
237
|
+
{{/each}}
|
|
238
|
+
</div>
|
|
239
|
+
<div class="view-all-link">
|
|
240
|
+
<a href="{{deals_url}}">View all deals →</a>
|
|
241
|
+
</div>
|
|
242
|
+
</div>
|
|
243
|
+
{{/if}}
|
|
244
|
+
|
|
245
|
+
{{#if has_approvals}}
|
|
246
|
+
<div class="section">
|
|
247
|
+
<div class="section-header">
|
|
248
|
+
<h2 class="section-title">✔️ Approvals</h2>
|
|
249
|
+
<span class="section-count">{{approvals_count}}</span>
|
|
250
|
+
</div>
|
|
251
|
+
<div class="section-content">
|
|
252
|
+
{{#each approvals}}
|
|
253
|
+
<div class="item">
|
|
254
|
+
<div class="item-title">{{this.title}}</div>
|
|
255
|
+
<div class="item-meta">{{this.status}} • {{this.actor}} • {{this.time}}</div>
|
|
256
|
+
</div>
|
|
257
|
+
{{/each}}
|
|
258
|
+
</div>
|
|
259
|
+
<div class="view-all-link">
|
|
260
|
+
<a href="{{approvals_url}}">View all approvals →</a>
|
|
261
|
+
</div>
|
|
262
|
+
</div>
|
|
263
|
+
{{/if}}
|
|
264
|
+
|
|
265
|
+
{{#if has_leadsets}}
|
|
266
|
+
<div class="section">
|
|
267
|
+
<div class="section-header">
|
|
268
|
+
<h2 class="section-title">📋 Leadsets</h2>
|
|
269
|
+
<span class="section-count">{{leadsets_count}}</span>
|
|
270
|
+
</div>
|
|
271
|
+
<div class="section-content">
|
|
272
|
+
{{#each leadsets}}
|
|
273
|
+
<div class="item">
|
|
274
|
+
<div class="item-title">{{this.title}}</div>
|
|
275
|
+
<div class="item-meta">{{this.records_count}} records available • {{this.time}}</div>
|
|
276
|
+
</div>
|
|
277
|
+
{{/each}}
|
|
278
|
+
</div>
|
|
279
|
+
<div class="view-all-link">
|
|
280
|
+
<a href="{{leadsets_url}}">View all leadsets →</a>
|
|
281
|
+
</div>
|
|
282
|
+
</div>
|
|
283
|
+
{{/if}}
|
|
284
|
+
|
|
285
|
+
<div class="divider"></div>
|
|
286
|
+
|
|
287
|
+
<p style="text-align: center; color: #5c5545; font-size: 14px;">
|
|
288
|
+
You received this email because you have daily notifications enabled.<br>
|
|
289
|
+
<a href="{{settings_url}}" style="color: #7c3aed;">Manage your notification preferences</a>
|
|
290
|
+
</p>
|
|
291
|
+
</div>
|
|
292
|
+
<div class="footer">
|
|
293
|
+
<p>© {{year}} {{company_name}}. All rights reserved.</p>
|
|
294
|
+
<p>
|
|
295
|
+
<a href="{{settings_url}}">Notification Settings</a> |
|
|
296
|
+
This is an automated message, please do not reply.
|
|
297
|
+
</p>
|
|
298
|
+
</div>
|
|
299
|
+
</div>
|
|
300
|
+
</body>
|
|
301
|
+
|
|
302
|
+
</html>
|
|
@@ -0,0 +1,161 @@
|
|
|
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-left: 4px 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-meta {
|
|
77
|
+
margin-top: 16px;
|
|
78
|
+
padding-top: 16px;
|
|
79
|
+
border-top: 1px solid #ebe7db;
|
|
80
|
+
font-size: 14px;
|
|
81
|
+
color: #5c5545;
|
|
82
|
+
}
|
|
83
|
+
|
|
84
|
+
.event-meta strong {
|
|
85
|
+
color: #0e0d0c;
|
|
86
|
+
}
|
|
87
|
+
|
|
88
|
+
.button {
|
|
89
|
+
display: inline-block;
|
|
90
|
+
padding: 12px 32px;
|
|
91
|
+
background-color: #7c3aed;
|
|
92
|
+
color: #ffffff !important;
|
|
93
|
+
text-decoration: none;
|
|
94
|
+
border-radius: 8px;
|
|
95
|
+
font-weight: bold;
|
|
96
|
+
margin-top: 20px;
|
|
97
|
+
text-align: center;
|
|
98
|
+
}
|
|
99
|
+
|
|
100
|
+
.button:hover {
|
|
101
|
+
background-color: #6d28d9;
|
|
102
|
+
}
|
|
103
|
+
|
|
104
|
+
.button-container {
|
|
105
|
+
text-align: center;
|
|
106
|
+
margin: 24px 0;
|
|
107
|
+
}
|
|
108
|
+
|
|
109
|
+
.footer {
|
|
110
|
+
background-color: #ebe7db;
|
|
111
|
+
padding: 20px;
|
|
112
|
+
text-align: center;
|
|
113
|
+
font-size: 12px;
|
|
114
|
+
color: #5c5545;
|
|
115
|
+
}
|
|
116
|
+
|
|
117
|
+
.footer a {
|
|
118
|
+
color: #1c6bba;
|
|
119
|
+
text-decoration: none;
|
|
120
|
+
}
|
|
121
|
+
</style>
|
|
122
|
+
</head>
|
|
123
|
+
|
|
124
|
+
<body>
|
|
125
|
+
<div class="container">
|
|
126
|
+
<div class="header">
|
|
127
|
+
<img src="https://assets.heliyos.ai/heliyos-logo-white.png" alt="Heliyos AI">
|
|
128
|
+
</div>
|
|
129
|
+
<div class="content">
|
|
130
|
+
<p>Hello,</p>
|
|
131
|
+
<p>You have a new update in your Heliyos workspace:</p>
|
|
132
|
+
|
|
133
|
+
<div class="event-card">
|
|
134
|
+
<div class="event-badge">{{event_type_label}}</div>
|
|
135
|
+
<div class="event-title">{{object_name}}</div>
|
|
136
|
+
<div class="event-summary">{{summary}}</div>
|
|
137
|
+
<div class="event-meta">
|
|
138
|
+
<strong>By:</strong> {{actor_name}}<br>
|
|
139
|
+
<strong>When:</strong> {{timestamp}}
|
|
140
|
+
</div>
|
|
141
|
+
</div>
|
|
142
|
+
|
|
143
|
+
<div class="button-container">
|
|
144
|
+
<a href="{{view_url}}" class="button">View in App →</a>
|
|
145
|
+
</div>
|
|
146
|
+
|
|
147
|
+
<p style="color: #5c5545; font-size: 14px; margin-top: 24px;">
|
|
148
|
+
This notification was sent because you have enabled notifications for {{event_type_label}} events.
|
|
149
|
+
</p>
|
|
150
|
+
</div>
|
|
151
|
+
<div class="footer">
|
|
152
|
+
<p>© {{year}} {{company_name}}. All rights reserved.</p>
|
|
153
|
+
<p>
|
|
154
|
+
<a href="{{settings_url}}">Manage notification preferences</a> |
|
|
155
|
+
This is an automated message, please do not reply.
|
|
156
|
+
</p>
|
|
157
|
+
</div>
|
|
158
|
+
</div>
|
|
159
|
+
</body>
|
|
160
|
+
|
|
161
|
+
</html>
|