@heliyos/heliyos-api-core 1.0.55 → 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/app.js +5 -0
- 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
|
@@ -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>
|
|
@@ -7,12 +7,10 @@
|
|
|
7
7
|
<title>Password Reset Successful</title>
|
|
8
8
|
<style>
|
|
9
9
|
body {
|
|
10
|
-
font-family:
|
|
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,47 +18,62 @@
|
|
|
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
|
.footer {
|
|
48
44
|
background-color: #ebe7db;
|
|
49
|
-
/* --muted */
|
|
50
45
|
padding: 20px;
|
|
51
46
|
text-align: center;
|
|
52
47
|
font-size: 12px;
|
|
53
48
|
color: #5c5545;
|
|
54
|
-
/* --muted-foreground */
|
|
55
49
|
}
|
|
56
50
|
|
|
57
51
|
.security-tips {
|
|
58
|
-
background-color: #
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
/* --secondary */
|
|
62
|
-
padding: 15px;
|
|
52
|
+
background-color: #f5f2e9;
|
|
53
|
+
border-left: 4px solid #7c3aed;
|
|
54
|
+
padding: 20px;
|
|
63
55
|
margin-top: 20px;
|
|
56
|
+
border-radius: 4px;
|
|
57
|
+
}
|
|
58
|
+
|
|
59
|
+
.security-tips h3 {
|
|
60
|
+
margin-top: 0;
|
|
61
|
+
color: #0e0d0c;
|
|
62
|
+
}
|
|
63
|
+
|
|
64
|
+
.security-tips ul {
|
|
65
|
+
margin: 10px 0;
|
|
66
|
+
padding-left: 20px;
|
|
67
|
+
}
|
|
68
|
+
|
|
69
|
+
.security-tips li {
|
|
70
|
+
margin: 8px 0;
|
|
71
|
+
}
|
|
72
|
+
|
|
73
|
+
.success-icon {
|
|
74
|
+
text-align: center;
|
|
75
|
+
font-size: 48px;
|
|
76
|
+
margin: 20px 0;
|
|
64
77
|
}
|
|
65
78
|
</style>
|
|
66
79
|
</head>
|
|
@@ -68,21 +81,24 @@
|
|
|
68
81
|
<body>
|
|
69
82
|
<div class="container">
|
|
70
83
|
<div class="header">
|
|
71
|
-
<
|
|
84
|
+
<img src="https://assets.heliyos.ai/heliyos-logo-white.png" alt="Heliyos AI">
|
|
72
85
|
</div>
|
|
73
86
|
<div class="content">
|
|
74
|
-
<
|
|
75
|
-
<
|
|
76
|
-
<p>
|
|
77
|
-
<p>
|
|
87
|
+
<div class="success-icon">✅</div>
|
|
88
|
+
<h2 style="text-align: center; margin-top: 0; color: #0e0d0c;">Password Reset Successful</h2>
|
|
89
|
+
<p>Hello {{fullName}},</p>
|
|
90
|
+
<p>Your password has been successfully reset for your Heliyos AI account.</p>
|
|
91
|
+
<p>If you made this change, you can disregard this email and continue using your account with your new password.</p>
|
|
92
|
+
<p><strong>If you did not reset your password</strong>, please contact our support team immediately as your account may have
|
|
78
93
|
been compromised.</p>
|
|
79
94
|
<div class="security-tips">
|
|
80
|
-
<h3
|
|
95
|
+
<h3>🔒 Security Tips</h3>
|
|
81
96
|
<p>For your account's security, we recommend that you:</p>
|
|
82
97
|
<ul>
|
|
83
|
-
<li>Use a strong, unique password for your account</li>
|
|
98
|
+
<li>Use a strong, unique password for your account (at least 12 characters)</li>
|
|
84
99
|
<li>Enable two-factor authentication if available</li>
|
|
85
100
|
<li>Avoid using the same password across multiple websites</li>
|
|
101
|
+
<li>Never share your password with anyone</li>
|
|
86
102
|
</ul>
|
|
87
103
|
</div>
|
|
88
104
|
<p>If you have any questions or concerns, please don't hesitate to contact our support team.</p>
|
|
@@ -94,4 +110,4 @@
|
|
|
94
110
|
</div>
|
|
95
111
|
</body>
|
|
96
112
|
|
|
97
|
-
</html>
|
|
113
|
+
</html>
|