@heliyos/heliyos-api-core 1.0.60 → 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/index.d.ts +1 -0
- package/dist/email/index.js +1 -0
- package/dist/email/notification-daily-summary.html +0 -12
- package/dist/email/organization-daily-summary.html +296 -0
- package/dist/resend.js +3 -0
- package/package.json +1 -1
- package/src/email/index.ts +1 -0
- package/src/email/notification-daily-summary.html +0 -12
- package/src/email/organization-daily-summary.html +296 -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);
|
|
@@ -286,9 +286,6 @@
|
|
|
286
286
|
</div>
|
|
287
287
|
{{/each}}
|
|
288
288
|
</div>
|
|
289
|
-
<div class="view-all-link">
|
|
290
|
-
<a href="{{tasks_url}}">View all tasks →</a>
|
|
291
|
-
</div>
|
|
292
289
|
</div>
|
|
293
290
|
{{/if}}
|
|
294
291
|
|
|
@@ -336,9 +333,6 @@
|
|
|
336
333
|
</div>
|
|
337
334
|
{{/each}}
|
|
338
335
|
</div>
|
|
339
|
-
<div class="view-all-link">
|
|
340
|
-
<a href="{{deals_url}}">View all deals →</a>
|
|
341
|
-
</div>
|
|
342
336
|
</div>
|
|
343
337
|
{{/if}}
|
|
344
338
|
|
|
@@ -386,9 +380,6 @@
|
|
|
386
380
|
</div>
|
|
387
381
|
{{/each}}
|
|
388
382
|
</div>
|
|
389
|
-
<div class="view-all-link">
|
|
390
|
-
<a href="{{approvals_url}}">View all approvals →</a>
|
|
391
|
-
</div>
|
|
392
383
|
</div>
|
|
393
384
|
{{/if}}
|
|
394
385
|
|
|
@@ -433,9 +424,6 @@
|
|
|
433
424
|
</div>
|
|
434
425
|
{{/each}}
|
|
435
426
|
</div>
|
|
436
|
-
<div class="view-all-link">
|
|
437
|
-
<a href="{{leadsets_url}}">View all leadsets →</a>
|
|
438
|
-
</div>
|
|
439
427
|
</div>
|
|
440
428
|
{{/if}}
|
|
441
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) => {
|
|
@@ -286,9 +286,6 @@
|
|
|
286
286
|
</div>
|
|
287
287
|
{{/each}}
|
|
288
288
|
</div>
|
|
289
|
-
<div class="view-all-link">
|
|
290
|
-
<a href="{{tasks_url}}">View all tasks →</a>
|
|
291
|
-
</div>
|
|
292
289
|
</div>
|
|
293
290
|
{{/if}}
|
|
294
291
|
|
|
@@ -336,9 +333,6 @@
|
|
|
336
333
|
</div>
|
|
337
334
|
{{/each}}
|
|
338
335
|
</div>
|
|
339
|
-
<div class="view-all-link">
|
|
340
|
-
<a href="{{deals_url}}">View all deals →</a>
|
|
341
|
-
</div>
|
|
342
336
|
</div>
|
|
343
337
|
{{/if}}
|
|
344
338
|
|
|
@@ -386,9 +380,6 @@
|
|
|
386
380
|
</div>
|
|
387
381
|
{{/each}}
|
|
388
382
|
</div>
|
|
389
|
-
<div class="view-all-link">
|
|
390
|
-
<a href="{{approvals_url}}">View all approvals →</a>
|
|
391
|
-
</div>
|
|
392
383
|
</div>
|
|
393
384
|
{{/if}}
|
|
394
385
|
|
|
@@ -433,9 +424,6 @@
|
|
|
433
424
|
</div>
|
|
434
425
|
{{/each}}
|
|
435
426
|
</div>
|
|
436
|
-
<div class="view-all-link">
|
|
437
|
-
<a href="{{leadsets_url}}">View all leadsets →</a>
|
|
438
|
-
</div>
|
|
439
427
|
</div>
|
|
440
428
|
{{/if}}
|
|
441
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>
|