@heliyos/heliyos-api-core 1.0.59 → 1.0.61
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 +1 -0
- package/dist/email/index.d.ts +1 -0
- package/dist/email/index.js +1 -0
- package/dist/email/inviting-existing-user.html +1 -0
- package/dist/email/inviting-new-user.html +1 -0
- package/dist/email/notification-daily-summary.html +1 -12
- package/dist/email/notification-immediate.html +1 -0
- package/dist/email/organization-daily-summary.html +296 -0
- package/dist/email/password-reset-success.html +1 -0
- package/dist/email/signup-step-1.html +1 -0
- package/dist/email/signup-step-2.html +1 -0
- package/dist/resend.js +3 -0
- package/package.json +1 -1
- package/src/email/forgot-password.html +1 -0
- package/src/email/index.ts +1 -0
- package/src/email/inviting-existing-user.html +1 -0
- package/src/email/inviting-new-user.html +1 -0
- package/src/email/notification-daily-summary.html +1 -12
- package/src/email/notification-immediate.html +1 -0
- package/src/email/organization-daily-summary.html +296 -0
- package/src/email/password-reset-success.html +1 -0
- package/src/email/signup-step-1.html +1 -0
- package/src/email/signup-step-2.html +1 -0
package/dist/email/index.d.ts
CHANGED
package/dist/email/index.js
CHANGED
|
@@ -39,6 +39,7 @@ exports.emailTemplates = {
|
|
|
39
39
|
passwordResetSuccess: "password-reset-success.html",
|
|
40
40
|
notificationImmediate: "notification-immediate.html",
|
|
41
41
|
notificationDailySummary: "notification-daily-summary.html",
|
|
42
|
+
organizationDailySummary: "organization-daily-summary.html",
|
|
42
43
|
};
|
|
43
44
|
const getEmailTemplate = (template, data) => {
|
|
44
45
|
const filePath = path.join(__dirname, template);
|
|
@@ -19,6 +19,7 @@
|
|
|
19
19
|
max-width: 600px;
|
|
20
20
|
margin: 20px auto;
|
|
21
21
|
background-color: #ffffff;
|
|
22
|
+
border: 2px solid #7c3aed;
|
|
22
23
|
border-radius: 12px;
|
|
23
24
|
overflow: hidden;
|
|
24
25
|
}
|
|
@@ -285,9 +286,6 @@
|
|
|
285
286
|
</div>
|
|
286
287
|
{{/each}}
|
|
287
288
|
</div>
|
|
288
|
-
<div class="view-all-link">
|
|
289
|
-
<a href="{{tasks_url}}">View all tasks →</a>
|
|
290
|
-
</div>
|
|
291
289
|
</div>
|
|
292
290
|
{{/if}}
|
|
293
291
|
|
|
@@ -335,9 +333,6 @@
|
|
|
335
333
|
</div>
|
|
336
334
|
{{/each}}
|
|
337
335
|
</div>
|
|
338
|
-
<div class="view-all-link">
|
|
339
|
-
<a href="{{deals_url}}">View all deals →</a>
|
|
340
|
-
</div>
|
|
341
336
|
</div>
|
|
342
337
|
{{/if}}
|
|
343
338
|
|
|
@@ -385,9 +380,6 @@
|
|
|
385
380
|
</div>
|
|
386
381
|
{{/each}}
|
|
387
382
|
</div>
|
|
388
|
-
<div class="view-all-link">
|
|
389
|
-
<a href="{{approvals_url}}">View all approvals →</a>
|
|
390
|
-
</div>
|
|
391
383
|
</div>
|
|
392
384
|
{{/if}}
|
|
393
385
|
|
|
@@ -432,9 +424,6 @@
|
|
|
432
424
|
</div>
|
|
433
425
|
{{/each}}
|
|
434
426
|
</div>
|
|
435
|
-
<div class="view-all-link">
|
|
436
|
-
<a href="{{leadsets_url}}">View all leadsets →</a>
|
|
437
|
-
</div>
|
|
438
427
|
</div>
|
|
439
428
|
{{/if}}
|
|
440
429
|
|
|
@@ -0,0 +1,296 @@
|
|
|
1
|
+
<!DOCTYPE html>
|
|
2
|
+
<html lang="en">
|
|
3
|
+
<head>
|
|
4
|
+
<meta charset="UTF-8">
|
|
5
|
+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
6
|
+
<title>{{organization_name}} Daily Briefing</title>
|
|
7
|
+
<style>
|
|
8
|
+
body {
|
|
9
|
+
margin: 0;
|
|
10
|
+
padding: 0;
|
|
11
|
+
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
|
|
12
|
+
background-color: #f5f5f7;
|
|
13
|
+
-webkit-font-smoothing: antialiased;
|
|
14
|
+
-moz-osx-font-smoothing: grayscale;
|
|
15
|
+
}
|
|
16
|
+
.email-container {
|
|
17
|
+
max-width: 680px;
|
|
18
|
+
margin: 40px auto;
|
|
19
|
+
background-color: #ffffff;
|
|
20
|
+
border-radius: 16px;
|
|
21
|
+
overflow: hidden;
|
|
22
|
+
box-shadow: 0 4px 24px rgba(0, 0, 0, 0.08);
|
|
23
|
+
}
|
|
24
|
+
.header {
|
|
25
|
+
background: linear-gradient(135deg, #8b5cf6 0%, #6d28d9 100%);
|
|
26
|
+
padding: 48px 40px;
|
|
27
|
+
text-align: center;
|
|
28
|
+
}
|
|
29
|
+
.logo {
|
|
30
|
+
display: flex;
|
|
31
|
+
align-items: center;
|
|
32
|
+
justify-content: center;
|
|
33
|
+
gap: 12px;
|
|
34
|
+
margin-bottom: 24px;
|
|
35
|
+
}
|
|
36
|
+
.logo-icon {
|
|
37
|
+
width: 40px;
|
|
38
|
+
height: 40px;
|
|
39
|
+
background-color: #1e1b29;
|
|
40
|
+
border-radius: 50%;
|
|
41
|
+
display: flex;
|
|
42
|
+
align-items: center;
|
|
43
|
+
justify-content: center;
|
|
44
|
+
}
|
|
45
|
+
.logo-text {
|
|
46
|
+
font-size: 28px;
|
|
47
|
+
font-weight: 600;
|
|
48
|
+
color: #ffffff;
|
|
49
|
+
letter-spacing: -0.5px;
|
|
50
|
+
}
|
|
51
|
+
.header h1 {
|
|
52
|
+
margin: 0 0 12px 0;
|
|
53
|
+
font-size: 32px;
|
|
54
|
+
font-weight: 700;
|
|
55
|
+
color: #ffffff;
|
|
56
|
+
letter-spacing: -0.5px;
|
|
57
|
+
line-height: 1.2;
|
|
58
|
+
}
|
|
59
|
+
.header-date {
|
|
60
|
+
font-size: 16px;
|
|
61
|
+
color: rgba(255, 255, 255, 0.9);
|
|
62
|
+
font-weight: 500;
|
|
63
|
+
}
|
|
64
|
+
.badge {
|
|
65
|
+
display: inline-block;
|
|
66
|
+
padding: 8px 16px;
|
|
67
|
+
background-color: rgba(255, 255, 255, 0.15);
|
|
68
|
+
border-radius: 20px;
|
|
69
|
+
font-size: 14px;
|
|
70
|
+
color: #ffffff;
|
|
71
|
+
font-weight: 600;
|
|
72
|
+
margin-top: 16px;
|
|
73
|
+
backdrop-filter: blur(10px);
|
|
74
|
+
}
|
|
75
|
+
.content {
|
|
76
|
+
padding: 48px 40px;
|
|
77
|
+
}
|
|
78
|
+
.greeting {
|
|
79
|
+
font-size: 18px;
|
|
80
|
+
line-height: 1.6;
|
|
81
|
+
color: #1f2937;
|
|
82
|
+
margin-bottom: 32px;
|
|
83
|
+
}
|
|
84
|
+
.greeting strong {
|
|
85
|
+
color: #111827;
|
|
86
|
+
}
|
|
87
|
+
.section {
|
|
88
|
+
margin-bottom: 40px;
|
|
89
|
+
}
|
|
90
|
+
.section-title {
|
|
91
|
+
display: flex;
|
|
92
|
+
align-items: center;
|
|
93
|
+
gap: 10px;
|
|
94
|
+
font-size: 20px;
|
|
95
|
+
font-weight: 700;
|
|
96
|
+
color: #111827;
|
|
97
|
+
margin-bottom: 20px;
|
|
98
|
+
padding-bottom: 12px;
|
|
99
|
+
border-bottom: 2px solid #e5e7eb;
|
|
100
|
+
}
|
|
101
|
+
.section-icon {
|
|
102
|
+
font-size: 24px;
|
|
103
|
+
}
|
|
104
|
+
.summary-text {
|
|
105
|
+
font-size: 16px;
|
|
106
|
+
line-height: 1.8;
|
|
107
|
+
color: #374151;
|
|
108
|
+
padding: 20px;
|
|
109
|
+
background-color: #f9fafb;
|
|
110
|
+
border-radius: 12px;
|
|
111
|
+
border-left: 4px solid #8b5cf6;
|
|
112
|
+
white-space: pre-wrap;
|
|
113
|
+
word-wrap: break-word;
|
|
114
|
+
}
|
|
115
|
+
.list-container {
|
|
116
|
+
background-color: #ffffff;
|
|
117
|
+
}
|
|
118
|
+
.list-item {
|
|
119
|
+
padding: 16px 0;
|
|
120
|
+
border-bottom: 1px solid #f3f4f6;
|
|
121
|
+
line-height: 1.7;
|
|
122
|
+
color: #374151;
|
|
123
|
+
font-size: 15px;
|
|
124
|
+
display: flex;
|
|
125
|
+
gap: 12px;
|
|
126
|
+
}
|
|
127
|
+
.list-item:last-child {
|
|
128
|
+
border-bottom: none;
|
|
129
|
+
}
|
|
130
|
+
.list-item-icon {
|
|
131
|
+
flex-shrink: 0;
|
|
132
|
+
margin-top: 2px;
|
|
133
|
+
}
|
|
134
|
+
.list-item-text {
|
|
135
|
+
flex: 1;
|
|
136
|
+
}
|
|
137
|
+
.footer-notice {
|
|
138
|
+
text-align: center;
|
|
139
|
+
padding: 32px 40px;
|
|
140
|
+
background-color: #f9fafb;
|
|
141
|
+
border-top: 1px solid #e5e7eb;
|
|
142
|
+
}
|
|
143
|
+
.footer-notice p {
|
|
144
|
+
margin: 8px 0;
|
|
145
|
+
font-size: 14px;
|
|
146
|
+
color: #6b7280;
|
|
147
|
+
line-height: 1.6;
|
|
148
|
+
}
|
|
149
|
+
.footer-notice a {
|
|
150
|
+
color: #8b5cf6;
|
|
151
|
+
text-decoration: none;
|
|
152
|
+
font-weight: 600;
|
|
153
|
+
}
|
|
154
|
+
.footer-notice a:hover {
|
|
155
|
+
text-decoration: underline;
|
|
156
|
+
}
|
|
157
|
+
.footer {
|
|
158
|
+
text-align: center;
|
|
159
|
+
padding: 32px 40px;
|
|
160
|
+
background-color: #8b5cf6;
|
|
161
|
+
color: rgba(255, 255, 255, 0.8);
|
|
162
|
+
}
|
|
163
|
+
.footer p {
|
|
164
|
+
margin: 8px 0;
|
|
165
|
+
font-size: 13px;
|
|
166
|
+
line-height: 1.6;
|
|
167
|
+
}
|
|
168
|
+
.footer-links {
|
|
169
|
+
margin-top: 16px;
|
|
170
|
+
}
|
|
171
|
+
.footer-links a {
|
|
172
|
+
color: #ffffff;
|
|
173
|
+
text-decoration: none;
|
|
174
|
+
margin: 0 8px;
|
|
175
|
+
font-weight: 500;
|
|
176
|
+
}
|
|
177
|
+
@media only screen and (max-width: 640px) {
|
|
178
|
+
.email-container {
|
|
179
|
+
margin: 0;
|
|
180
|
+
border-radius: 0;
|
|
181
|
+
}
|
|
182
|
+
.header {
|
|
183
|
+
padding: 32px 24px;
|
|
184
|
+
}
|
|
185
|
+
.header h1 {
|
|
186
|
+
font-size: 26px;
|
|
187
|
+
}
|
|
188
|
+
.content {
|
|
189
|
+
padding: 32px 24px;
|
|
190
|
+
}
|
|
191
|
+
.footer-notice,
|
|
192
|
+
.footer {
|
|
193
|
+
padding: 24px 24px;
|
|
194
|
+
}
|
|
195
|
+
}
|
|
196
|
+
</style>
|
|
197
|
+
</head>
|
|
198
|
+
<body>
|
|
199
|
+
<div class="email-container">
|
|
200
|
+
<div class="header">
|
|
201
|
+
<div class="logo">
|
|
202
|
+
<div class="logo-icon">
|
|
203
|
+
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
204
|
+
<circle cx="12" cy="12" r="10" fill="white"/>
|
|
205
|
+
<circle cx="12" cy="12" r="4" fill="#8b5cf6"/>
|
|
206
|
+
</svg>
|
|
207
|
+
</div>
|
|
208
|
+
<div class="logo-text">heliyos</div>
|
|
209
|
+
</div>
|
|
210
|
+
<h1>{{organization_name}} Daily Briefing</h1>
|
|
211
|
+
<div class="header-date">{{date}}</div>
|
|
212
|
+
<div class="badge">📊 Organization summary</div>
|
|
213
|
+
</div>
|
|
214
|
+
|
|
215
|
+
<div class="content">
|
|
216
|
+
<div class="greeting">
|
|
217
|
+
<strong>Hello {{first_name}},</strong><br>
|
|
218
|
+
Here's your comprehensive daily briefing for {{organization_name}}.
|
|
219
|
+
</div>
|
|
220
|
+
|
|
221
|
+
<!-- Summary Section -->
|
|
222
|
+
<div class="section">
|
|
223
|
+
<div class="section-title">
|
|
224
|
+
<span class="section-icon">📋</span>
|
|
225
|
+
<span>Daily Overview</span>
|
|
226
|
+
</div>
|
|
227
|
+
<div class="summary-text">{{summary}}</div>
|
|
228
|
+
</div>
|
|
229
|
+
|
|
230
|
+
<!-- Key Highlights -->
|
|
231
|
+
{{#if key_highlights}}
|
|
232
|
+
<div class="section">
|
|
233
|
+
<div class="section-title">
|
|
234
|
+
<span class="section-icon">✨</span>
|
|
235
|
+
<span>Key Highlights</span>
|
|
236
|
+
</div>
|
|
237
|
+
<div class="list-container">
|
|
238
|
+
{{#each key_highlights}}
|
|
239
|
+
<div class="list-item">
|
|
240
|
+
<div class="list-item-text">{{this}}</div>
|
|
241
|
+
</div>
|
|
242
|
+
{{/each}}
|
|
243
|
+
</div>
|
|
244
|
+
</div>
|
|
245
|
+
{{/if}}
|
|
246
|
+
|
|
247
|
+
<!-- Action Items -->
|
|
248
|
+
{{#if action_items}}
|
|
249
|
+
<div class="section">
|
|
250
|
+
<div class="section-title">
|
|
251
|
+
<span class="section-icon">📋</span>
|
|
252
|
+
<span>Action Items</span>
|
|
253
|
+
</div>
|
|
254
|
+
<div class="list-container">
|
|
255
|
+
{{#each action_items}}
|
|
256
|
+
<div class="list-item">
|
|
257
|
+
<div class="list-item-text">{{this}}</div>
|
|
258
|
+
</div>
|
|
259
|
+
{{/each}}
|
|
260
|
+
</div>
|
|
261
|
+
</div>
|
|
262
|
+
{{/if}}
|
|
263
|
+
|
|
264
|
+
<!-- Upcoming Priorities -->
|
|
265
|
+
{{#if upcoming_priorities}}
|
|
266
|
+
<div class="section">
|
|
267
|
+
<div class="section-title">
|
|
268
|
+
<span class="section-icon">🎯</span>
|
|
269
|
+
<span>Upcoming Priorities</span>
|
|
270
|
+
</div>
|
|
271
|
+
<div class="list-container">
|
|
272
|
+
{{#each upcoming_priorities}}
|
|
273
|
+
<div class="list-item">
|
|
274
|
+
<div class="list-item-text">{{this}}</div>
|
|
275
|
+
</div>
|
|
276
|
+
{{/each}}
|
|
277
|
+
</div>
|
|
278
|
+
</div>
|
|
279
|
+
{{/if}}
|
|
280
|
+
</div>
|
|
281
|
+
|
|
282
|
+
<div class="footer-notice">
|
|
283
|
+
<p>You received this email because you have daily organization summaries enabled.</p>
|
|
284
|
+
<p><a href="{{settings_url}}">Manage your notification preferences</a></p>
|
|
285
|
+
</div>
|
|
286
|
+
|
|
287
|
+
<div class="footer">
|
|
288
|
+
<p>© {{year}} Heliyos AI. All rights reserved.</p>
|
|
289
|
+
<div class="footer-links">
|
|
290
|
+
<a href="{{settings_url}}">Notification Settings</a> |
|
|
291
|
+
<span>This is an automated message, please do not reply.</span>
|
|
292
|
+
</div>
|
|
293
|
+
</div>
|
|
294
|
+
</div>
|
|
295
|
+
</body>
|
|
296
|
+
</html>
|
package/dist/resend.js
CHANGED
|
@@ -51,6 +51,9 @@ const resendSendEmail = (to, templateId, dynamicTemplateData, subject) => __awai
|
|
|
51
51
|
firstName = email.split("@")[0];
|
|
52
52
|
}
|
|
53
53
|
}
|
|
54
|
+
if (firstName) {
|
|
55
|
+
firstName = firstName.charAt(0).toUpperCase() + firstName.slice(1);
|
|
56
|
+
}
|
|
54
57
|
const message = {
|
|
55
58
|
to: [email],
|
|
56
59
|
from,
|
package/package.json
CHANGED
package/src/email/index.ts
CHANGED
|
@@ -11,6 +11,7 @@ export const emailTemplates = {
|
|
|
11
11
|
passwordResetSuccess: "password-reset-success.html",
|
|
12
12
|
notificationImmediate: "notification-immediate.html",
|
|
13
13
|
notificationDailySummary: "notification-daily-summary.html",
|
|
14
|
+
organizationDailySummary: "organization-daily-summary.html",
|
|
14
15
|
};
|
|
15
16
|
|
|
16
17
|
export const getEmailTemplate = (template: string, data: object) => {
|
|
@@ -19,6 +19,7 @@
|
|
|
19
19
|
max-width: 600px;
|
|
20
20
|
margin: 20px auto;
|
|
21
21
|
background-color: #ffffff;
|
|
22
|
+
border: 2px solid #7c3aed;
|
|
22
23
|
border-radius: 12px;
|
|
23
24
|
overflow: hidden;
|
|
24
25
|
}
|
|
@@ -285,9 +286,6 @@
|
|
|
285
286
|
</div>
|
|
286
287
|
{{/each}}
|
|
287
288
|
</div>
|
|
288
|
-
<div class="view-all-link">
|
|
289
|
-
<a href="{{tasks_url}}">View all tasks →</a>
|
|
290
|
-
</div>
|
|
291
289
|
</div>
|
|
292
290
|
{{/if}}
|
|
293
291
|
|
|
@@ -335,9 +333,6 @@
|
|
|
335
333
|
</div>
|
|
336
334
|
{{/each}}
|
|
337
335
|
</div>
|
|
338
|
-
<div class="view-all-link">
|
|
339
|
-
<a href="{{deals_url}}">View all deals →</a>
|
|
340
|
-
</div>
|
|
341
336
|
</div>
|
|
342
337
|
{{/if}}
|
|
343
338
|
|
|
@@ -385,9 +380,6 @@
|
|
|
385
380
|
</div>
|
|
386
381
|
{{/each}}
|
|
387
382
|
</div>
|
|
388
|
-
<div class="view-all-link">
|
|
389
|
-
<a href="{{approvals_url}}">View all approvals →</a>
|
|
390
|
-
</div>
|
|
391
383
|
</div>
|
|
392
384
|
{{/if}}
|
|
393
385
|
|
|
@@ -432,9 +424,6 @@
|
|
|
432
424
|
</div>
|
|
433
425
|
{{/each}}
|
|
434
426
|
</div>
|
|
435
|
-
<div class="view-all-link">
|
|
436
|
-
<a href="{{leadsets_url}}">View all leadsets →</a>
|
|
437
|
-
</div>
|
|
438
427
|
</div>
|
|
439
428
|
{{/if}}
|
|
440
429
|
|
|
@@ -0,0 +1,296 @@
|
|
|
1
|
+
<!DOCTYPE html>
|
|
2
|
+
<html lang="en">
|
|
3
|
+
<head>
|
|
4
|
+
<meta charset="UTF-8">
|
|
5
|
+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
6
|
+
<title>{{organization_name}} Daily Briefing</title>
|
|
7
|
+
<style>
|
|
8
|
+
body {
|
|
9
|
+
margin: 0;
|
|
10
|
+
padding: 0;
|
|
11
|
+
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
|
|
12
|
+
background-color: #f5f5f7;
|
|
13
|
+
-webkit-font-smoothing: antialiased;
|
|
14
|
+
-moz-osx-font-smoothing: grayscale;
|
|
15
|
+
}
|
|
16
|
+
.email-container {
|
|
17
|
+
max-width: 680px;
|
|
18
|
+
margin: 40px auto;
|
|
19
|
+
background-color: #ffffff;
|
|
20
|
+
border-radius: 16px;
|
|
21
|
+
overflow: hidden;
|
|
22
|
+
box-shadow: 0 4px 24px rgba(0, 0, 0, 0.08);
|
|
23
|
+
}
|
|
24
|
+
.header {
|
|
25
|
+
background: linear-gradient(135deg, #8b5cf6 0%, #6d28d9 100%);
|
|
26
|
+
padding: 48px 40px;
|
|
27
|
+
text-align: center;
|
|
28
|
+
}
|
|
29
|
+
.logo {
|
|
30
|
+
display: flex;
|
|
31
|
+
align-items: center;
|
|
32
|
+
justify-content: center;
|
|
33
|
+
gap: 12px;
|
|
34
|
+
margin-bottom: 24px;
|
|
35
|
+
}
|
|
36
|
+
.logo-icon {
|
|
37
|
+
width: 40px;
|
|
38
|
+
height: 40px;
|
|
39
|
+
background-color: #1e1b29;
|
|
40
|
+
border-radius: 50%;
|
|
41
|
+
display: flex;
|
|
42
|
+
align-items: center;
|
|
43
|
+
justify-content: center;
|
|
44
|
+
}
|
|
45
|
+
.logo-text {
|
|
46
|
+
font-size: 28px;
|
|
47
|
+
font-weight: 600;
|
|
48
|
+
color: #ffffff;
|
|
49
|
+
letter-spacing: -0.5px;
|
|
50
|
+
}
|
|
51
|
+
.header h1 {
|
|
52
|
+
margin: 0 0 12px 0;
|
|
53
|
+
font-size: 32px;
|
|
54
|
+
font-weight: 700;
|
|
55
|
+
color: #ffffff;
|
|
56
|
+
letter-spacing: -0.5px;
|
|
57
|
+
line-height: 1.2;
|
|
58
|
+
}
|
|
59
|
+
.header-date {
|
|
60
|
+
font-size: 16px;
|
|
61
|
+
color: rgba(255, 255, 255, 0.9);
|
|
62
|
+
font-weight: 500;
|
|
63
|
+
}
|
|
64
|
+
.badge {
|
|
65
|
+
display: inline-block;
|
|
66
|
+
padding: 8px 16px;
|
|
67
|
+
background-color: rgba(255, 255, 255, 0.15);
|
|
68
|
+
border-radius: 20px;
|
|
69
|
+
font-size: 14px;
|
|
70
|
+
color: #ffffff;
|
|
71
|
+
font-weight: 600;
|
|
72
|
+
margin-top: 16px;
|
|
73
|
+
backdrop-filter: blur(10px);
|
|
74
|
+
}
|
|
75
|
+
.content {
|
|
76
|
+
padding: 48px 40px;
|
|
77
|
+
}
|
|
78
|
+
.greeting {
|
|
79
|
+
font-size: 18px;
|
|
80
|
+
line-height: 1.6;
|
|
81
|
+
color: #1f2937;
|
|
82
|
+
margin-bottom: 32px;
|
|
83
|
+
}
|
|
84
|
+
.greeting strong {
|
|
85
|
+
color: #111827;
|
|
86
|
+
}
|
|
87
|
+
.section {
|
|
88
|
+
margin-bottom: 40px;
|
|
89
|
+
}
|
|
90
|
+
.section-title {
|
|
91
|
+
display: flex;
|
|
92
|
+
align-items: center;
|
|
93
|
+
gap: 10px;
|
|
94
|
+
font-size: 20px;
|
|
95
|
+
font-weight: 700;
|
|
96
|
+
color: #111827;
|
|
97
|
+
margin-bottom: 20px;
|
|
98
|
+
padding-bottom: 12px;
|
|
99
|
+
border-bottom: 2px solid #e5e7eb;
|
|
100
|
+
}
|
|
101
|
+
.section-icon {
|
|
102
|
+
font-size: 24px;
|
|
103
|
+
}
|
|
104
|
+
.summary-text {
|
|
105
|
+
font-size: 16px;
|
|
106
|
+
line-height: 1.8;
|
|
107
|
+
color: #374151;
|
|
108
|
+
padding: 20px;
|
|
109
|
+
background-color: #f9fafb;
|
|
110
|
+
border-radius: 12px;
|
|
111
|
+
border-left: 4px solid #8b5cf6;
|
|
112
|
+
white-space: pre-wrap;
|
|
113
|
+
word-wrap: break-word;
|
|
114
|
+
}
|
|
115
|
+
.list-container {
|
|
116
|
+
background-color: #ffffff;
|
|
117
|
+
}
|
|
118
|
+
.list-item {
|
|
119
|
+
padding: 16px 0;
|
|
120
|
+
border-bottom: 1px solid #f3f4f6;
|
|
121
|
+
line-height: 1.7;
|
|
122
|
+
color: #374151;
|
|
123
|
+
font-size: 15px;
|
|
124
|
+
display: flex;
|
|
125
|
+
gap: 12px;
|
|
126
|
+
}
|
|
127
|
+
.list-item:last-child {
|
|
128
|
+
border-bottom: none;
|
|
129
|
+
}
|
|
130
|
+
.list-item-icon {
|
|
131
|
+
flex-shrink: 0;
|
|
132
|
+
margin-top: 2px;
|
|
133
|
+
}
|
|
134
|
+
.list-item-text {
|
|
135
|
+
flex: 1;
|
|
136
|
+
}
|
|
137
|
+
.footer-notice {
|
|
138
|
+
text-align: center;
|
|
139
|
+
padding: 32px 40px;
|
|
140
|
+
background-color: #f9fafb;
|
|
141
|
+
border-top: 1px solid #e5e7eb;
|
|
142
|
+
}
|
|
143
|
+
.footer-notice p {
|
|
144
|
+
margin: 8px 0;
|
|
145
|
+
font-size: 14px;
|
|
146
|
+
color: #6b7280;
|
|
147
|
+
line-height: 1.6;
|
|
148
|
+
}
|
|
149
|
+
.footer-notice a {
|
|
150
|
+
color: #8b5cf6;
|
|
151
|
+
text-decoration: none;
|
|
152
|
+
font-weight: 600;
|
|
153
|
+
}
|
|
154
|
+
.footer-notice a:hover {
|
|
155
|
+
text-decoration: underline;
|
|
156
|
+
}
|
|
157
|
+
.footer {
|
|
158
|
+
text-align: center;
|
|
159
|
+
padding: 32px 40px;
|
|
160
|
+
background-color: #8b5cf6;
|
|
161
|
+
color: rgba(255, 255, 255, 0.8);
|
|
162
|
+
}
|
|
163
|
+
.footer p {
|
|
164
|
+
margin: 8px 0;
|
|
165
|
+
font-size: 13px;
|
|
166
|
+
line-height: 1.6;
|
|
167
|
+
}
|
|
168
|
+
.footer-links {
|
|
169
|
+
margin-top: 16px;
|
|
170
|
+
}
|
|
171
|
+
.footer-links a {
|
|
172
|
+
color: #ffffff;
|
|
173
|
+
text-decoration: none;
|
|
174
|
+
margin: 0 8px;
|
|
175
|
+
font-weight: 500;
|
|
176
|
+
}
|
|
177
|
+
@media only screen and (max-width: 640px) {
|
|
178
|
+
.email-container {
|
|
179
|
+
margin: 0;
|
|
180
|
+
border-radius: 0;
|
|
181
|
+
}
|
|
182
|
+
.header {
|
|
183
|
+
padding: 32px 24px;
|
|
184
|
+
}
|
|
185
|
+
.header h1 {
|
|
186
|
+
font-size: 26px;
|
|
187
|
+
}
|
|
188
|
+
.content {
|
|
189
|
+
padding: 32px 24px;
|
|
190
|
+
}
|
|
191
|
+
.footer-notice,
|
|
192
|
+
.footer {
|
|
193
|
+
padding: 24px 24px;
|
|
194
|
+
}
|
|
195
|
+
}
|
|
196
|
+
</style>
|
|
197
|
+
</head>
|
|
198
|
+
<body>
|
|
199
|
+
<div class="email-container">
|
|
200
|
+
<div class="header">
|
|
201
|
+
<div class="logo">
|
|
202
|
+
<div class="logo-icon">
|
|
203
|
+
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
204
|
+
<circle cx="12" cy="12" r="10" fill="white"/>
|
|
205
|
+
<circle cx="12" cy="12" r="4" fill="#8b5cf6"/>
|
|
206
|
+
</svg>
|
|
207
|
+
</div>
|
|
208
|
+
<div class="logo-text">heliyos</div>
|
|
209
|
+
</div>
|
|
210
|
+
<h1>{{organization_name}} Daily Briefing</h1>
|
|
211
|
+
<div class="header-date">{{date}}</div>
|
|
212
|
+
<div class="badge">📊 Organization summary</div>
|
|
213
|
+
</div>
|
|
214
|
+
|
|
215
|
+
<div class="content">
|
|
216
|
+
<div class="greeting">
|
|
217
|
+
<strong>Hello {{first_name}},</strong><br>
|
|
218
|
+
Here's your comprehensive daily briefing for {{organization_name}}.
|
|
219
|
+
</div>
|
|
220
|
+
|
|
221
|
+
<!-- Summary Section -->
|
|
222
|
+
<div class="section">
|
|
223
|
+
<div class="section-title">
|
|
224
|
+
<span class="section-icon">📋</span>
|
|
225
|
+
<span>Daily Overview</span>
|
|
226
|
+
</div>
|
|
227
|
+
<div class="summary-text">{{summary}}</div>
|
|
228
|
+
</div>
|
|
229
|
+
|
|
230
|
+
<!-- Key Highlights -->
|
|
231
|
+
{{#if key_highlights}}
|
|
232
|
+
<div class="section">
|
|
233
|
+
<div class="section-title">
|
|
234
|
+
<span class="section-icon">✨</span>
|
|
235
|
+
<span>Key Highlights</span>
|
|
236
|
+
</div>
|
|
237
|
+
<div class="list-container">
|
|
238
|
+
{{#each key_highlights}}
|
|
239
|
+
<div class="list-item">
|
|
240
|
+
<div class="list-item-text">{{this}}</div>
|
|
241
|
+
</div>
|
|
242
|
+
{{/each}}
|
|
243
|
+
</div>
|
|
244
|
+
</div>
|
|
245
|
+
{{/if}}
|
|
246
|
+
|
|
247
|
+
<!-- Action Items -->
|
|
248
|
+
{{#if action_items}}
|
|
249
|
+
<div class="section">
|
|
250
|
+
<div class="section-title">
|
|
251
|
+
<span class="section-icon">📋</span>
|
|
252
|
+
<span>Action Items</span>
|
|
253
|
+
</div>
|
|
254
|
+
<div class="list-container">
|
|
255
|
+
{{#each action_items}}
|
|
256
|
+
<div class="list-item">
|
|
257
|
+
<div class="list-item-text">{{this}}</div>
|
|
258
|
+
</div>
|
|
259
|
+
{{/each}}
|
|
260
|
+
</div>
|
|
261
|
+
</div>
|
|
262
|
+
{{/if}}
|
|
263
|
+
|
|
264
|
+
<!-- Upcoming Priorities -->
|
|
265
|
+
{{#if upcoming_priorities}}
|
|
266
|
+
<div class="section">
|
|
267
|
+
<div class="section-title">
|
|
268
|
+
<span class="section-icon">🎯</span>
|
|
269
|
+
<span>Upcoming Priorities</span>
|
|
270
|
+
</div>
|
|
271
|
+
<div class="list-container">
|
|
272
|
+
{{#each upcoming_priorities}}
|
|
273
|
+
<div class="list-item">
|
|
274
|
+
<div class="list-item-text">{{this}}</div>
|
|
275
|
+
</div>
|
|
276
|
+
{{/each}}
|
|
277
|
+
</div>
|
|
278
|
+
</div>
|
|
279
|
+
{{/if}}
|
|
280
|
+
</div>
|
|
281
|
+
|
|
282
|
+
<div class="footer-notice">
|
|
283
|
+
<p>You received this email because you have daily organization summaries enabled.</p>
|
|
284
|
+
<p><a href="{{settings_url}}">Manage your notification preferences</a></p>
|
|
285
|
+
</div>
|
|
286
|
+
|
|
287
|
+
<div class="footer">
|
|
288
|
+
<p>© {{year}} Heliyos AI. All rights reserved.</p>
|
|
289
|
+
<div class="footer-links">
|
|
290
|
+
<a href="{{settings_url}}">Notification Settings</a> |
|
|
291
|
+
<span>This is an automated message, please do not reply.</span>
|
|
292
|
+
</div>
|
|
293
|
+
</div>
|
|
294
|
+
</div>
|
|
295
|
+
</body>
|
|
296
|
+
</html>
|