@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
|
@@ -10,9 +10,7 @@
|
|
|
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,57 @@
|
|
|
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
|
-
padding: 12px
|
|
50
|
-
background-color: #
|
|
51
|
-
/* --secondary */
|
|
45
|
+
padding: 12px 32px;
|
|
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
|
+
.info-box {
|
|
67
|
+
background-color: #f5f2e9;
|
|
68
|
+
border-left: 4px solid #7c3aed;
|
|
69
|
+
padding: 16px;
|
|
70
|
+
margin: 20px 0;
|
|
71
|
+
border-radius: 4px;
|
|
69
72
|
}
|
|
70
73
|
</style>
|
|
71
74
|
</head>
|
|
@@ -73,20 +76,24 @@
|
|
|
73
76
|
<body>
|
|
74
77
|
<div class="container">
|
|
75
78
|
<div class="header">
|
|
76
|
-
<
|
|
79
|
+
<img src="https://assets.heliyos.ai/heliyos-logo-white.png" alt="Heliyos AI">
|
|
77
80
|
</div>
|
|
78
81
|
<div class="content">
|
|
82
|
+
<h2 style="margin-top: 0; color: #0e0d0c;">Confirm Your Email Address</h2>
|
|
79
83
|
<p>Hello,</p>
|
|
80
|
-
<p>Thank you for signing up! To complete your registration and verify your email address, please click the
|
|
84
|
+
<p>Thank you for signing up for Heliyos AI! To complete your registration and verify your email address, please click the
|
|
81
85
|
button below:</p>
|
|
82
86
|
<p style="text-align: center;">
|
|
83
87
|
<a href="{{confirmation_url}}" class="button">Confirm Email</a>
|
|
84
88
|
</p>
|
|
89
|
+
|
|
90
|
+
<div class="info-box">
|
|
91
|
+
<p style="margin: 0;"><strong>⏰ This link will expire in 24 hours</strong> for security reasons. If you didn't create an account with us, please disregard this email.</p>
|
|
92
|
+
</div>
|
|
93
|
+
|
|
85
94
|
<p>If you're having trouble with the button, you can copy and paste the following URL into your web browser:
|
|
86
95
|
</p>
|
|
87
|
-
<p style="word-break: break-all;">{{confirmation_url}}</p>
|
|
88
|
-
<p>This link will expire in 24 hours for security reasons. If you didn't create an account with us, please
|
|
89
|
-
disregard this email.</p>
|
|
96
|
+
<p style="word-break: break-all; font-size: 13px; color: #5c5545;">{{confirmation_url}}</p>
|
|
90
97
|
<p>We're excited to have you on board!</p>
|
|
91
98
|
</div>
|
|
92
99
|
<div class="footer">
|
|
@@ -96,4 +103,4 @@
|
|
|
96
103
|
</div>
|
|
97
104
|
</body>
|
|
98
105
|
|
|
99
|
-
</html>
|
|
106
|
+
</html>
|
|
@@ -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>Welcome to
|
|
7
|
+
<title>Welcome to 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,60 +18,81 @@
|
|
|
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
|
|
24
|
+
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
|
|
29
25
|
}
|
|
30
26
|
|
|
31
27
|
.header {
|
|
32
|
-
background-color: #
|
|
33
|
-
|
|
34
|
-
color: #ffffff;
|
|
35
|
-
/* --primary-foreground */
|
|
36
|
-
padding: 20px;
|
|
28
|
+
background-color: #7c3aed;
|
|
29
|
+
padding: 30px 20px;
|
|
37
30
|
text-align: center;
|
|
38
31
|
}
|
|
39
32
|
|
|
33
|
+
.header img {
|
|
34
|
+
max-width: 180px;
|
|
35
|
+
height: auto;
|
|
36
|
+
}
|
|
37
|
+
|
|
40
38
|
.content {
|
|
41
39
|
padding: 30px;
|
|
42
40
|
color: #2c2721;
|
|
43
|
-
/* --card-foreground */
|
|
44
41
|
}
|
|
45
42
|
|
|
46
43
|
.button {
|
|
47
44
|
display: inline-block;
|
|
48
45
|
padding: 12px 24px;
|
|
49
|
-
background-color: #
|
|
50
|
-
|
|
51
|
-
color: #ffffff;
|
|
52
|
-
/* --secondary-foreground */
|
|
46
|
+
background-color: #7c3aed;
|
|
47
|
+
color: #ffffff !important;
|
|
53
48
|
text-decoration: none;
|
|
54
|
-
border-radius:
|
|
55
|
-
/* --radius */
|
|
49
|
+
border-radius: 8px;
|
|
56
50
|
font-weight: bold;
|
|
57
|
-
margin
|
|
51
|
+
margin: 8px 0;
|
|
52
|
+
}
|
|
53
|
+
|
|
54
|
+
.button:hover {
|
|
55
|
+
background-color: #6d28d9;
|
|
58
56
|
}
|
|
59
57
|
|
|
60
58
|
.footer {
|
|
61
59
|
background-color: #ebe7db;
|
|
62
|
-
/* --muted */
|
|
63
60
|
padding: 20px;
|
|
64
61
|
text-align: center;
|
|
65
62
|
font-size: 12px;
|
|
66
63
|
color: #5c5545;
|
|
67
|
-
/* --muted-foreground */
|
|
68
64
|
}
|
|
69
65
|
|
|
70
66
|
.next-steps {
|
|
71
|
-
background-color: #
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
67
|
+
background-color: #f5f2e9;
|
|
68
|
+
border-left: 4px solid #7c3aed;
|
|
69
|
+
padding: 20px;
|
|
70
|
+
margin: 24px 0;
|
|
71
|
+
border-radius: 4px;
|
|
72
|
+
}
|
|
73
|
+
|
|
74
|
+
.next-steps h3 {
|
|
75
|
+
margin-top: 0;
|
|
76
|
+
color: #0e0d0c;
|
|
77
|
+
}
|
|
78
|
+
|
|
79
|
+
.next-steps ol {
|
|
80
|
+
margin: 16px 0;
|
|
81
|
+
padding-left: 20px;
|
|
82
|
+
}
|
|
83
|
+
|
|
84
|
+
.next-steps li {
|
|
85
|
+
margin: 12px 0;
|
|
86
|
+
}
|
|
87
|
+
|
|
88
|
+
.next-steps a {
|
|
89
|
+
color: #7c3aed;
|
|
90
|
+
text-decoration: none;
|
|
91
|
+
font-weight: 600;
|
|
92
|
+
}
|
|
93
|
+
|
|
94
|
+
.next-steps a:hover {
|
|
95
|
+
text-decoration: underline;
|
|
77
96
|
}
|
|
78
97
|
</style>
|
|
79
98
|
</head>
|
|
@@ -81,25 +100,36 @@
|
|
|
81
100
|
<body>
|
|
82
101
|
<div class="container">
|
|
83
102
|
<div class="header">
|
|
84
|
-
<
|
|
103
|
+
<img src="https://assets.heliyos.ai/heliyos-logo-white.png" alt="Heliyos AI">
|
|
85
104
|
</div>
|
|
86
105
|
<div class="content">
|
|
87
|
-
<p>Dear {{
|
|
106
|
+
<p>Dear {{fullName}},</p>
|
|
107
|
+
<p>Welcome to Heliyos AI! 🎉</p>
|
|
88
108
|
<p>Thank you for completing your registration. We're thrilled to have you as part of our community!</p>
|
|
89
|
-
<p>Your account is now fully activated, and you're ready to start exploring all the features
|
|
90
|
-
|
|
109
|
+
<p>Your account is now fully activated, and you're ready to start exploring all the powerful features Heliyos has to offer.</p>
|
|
110
|
+
|
|
91
111
|
<div class="next-steps">
|
|
92
|
-
<h3>
|
|
112
|
+
<h3>Get Started with Heliyos:</h3>
|
|
93
113
|
<ol>
|
|
94
|
-
<li>
|
|
95
|
-
|
|
96
|
-
|
|
114
|
+
<li>
|
|
115
|
+
<strong><a href="{{knowledge_base_url}}" target="_blank">Complete your Knowledge Base</a></strong><br>
|
|
116
|
+
<span style="color: #5c5545; font-size: 14px;">Add information about your business to help our AI understand your context</span>
|
|
117
|
+
</li>
|
|
118
|
+
<li>
|
|
119
|
+
<strong><a href="https://heliyos.notion.site/customer-onboarding-hub" target="_blank">Follow our Onboarding Guide</a></strong><br>
|
|
120
|
+
<span style="color: #5c5545; font-size: 14px;">Learn how to use Heliyos features effectively</span>
|
|
121
|
+
</li>
|
|
122
|
+
<li>
|
|
123
|
+
<strong>Start building leadsets, turn on watcher for your favorite companies to keep them always updated</strong><br>
|
|
124
|
+
<span style="color: #5c5545; font-size: 14px;">Explore automated updates, lead generation, and smart insights</span>
|
|
125
|
+
</li>
|
|
97
126
|
</ol>
|
|
98
127
|
</div>
|
|
128
|
+
|
|
99
129
|
<p>If you have any questions or need assistance, our support team is always here to help.</p>
|
|
100
130
|
|
|
101
|
-
<p>We're excited to see what you'll accomplish with
|
|
102
|
-
<p>Best regards,<br>{{company_name}} Team</p>
|
|
131
|
+
<p>We're excited to see what you'll accomplish with Heliyos!</p>
|
|
132
|
+
<p>Best regards,<br>The {{company_name}} Team</p>
|
|
103
133
|
</div>
|
|
104
134
|
<div class="footer">
|
|
105
135
|
<p>© {{year}} {{company_name}}. All rights reserved.</p>
|
|
@@ -108,4 +138,4 @@
|
|
|
108
138
|
</div>
|
|
109
139
|
</body>
|
|
110
140
|
|
|
111
|
-
</html>
|
|
141
|
+
</html>
|
package/package.json
CHANGED
|
@@ -7,12 +7,10 @@
|
|
|
7
7
|
<title>Password Reset Request</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,52 +18,57 @@
|
|
|
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
|
+
.warning-box {
|
|
67
|
+
background-color: #fff3cd;
|
|
68
|
+
border-left: 4px solid #ffc107;
|
|
69
|
+
padding: 16px;
|
|
70
|
+
margin: 20px 0;
|
|
71
|
+
border-radius: 4px;
|
|
69
72
|
}
|
|
70
73
|
</style>
|
|
71
74
|
</head>
|
|
@@ -73,19 +76,24 @@
|
|
|
73
76
|
<body>
|
|
74
77
|
<div class="container">
|
|
75
78
|
<div class="header">
|
|
76
|
-
<
|
|
79
|
+
<img src="https://assets.heliyos.ai/heliyos-logo-white.png" alt="Heliyos AI">
|
|
77
80
|
</div>
|
|
78
81
|
<div class="content">
|
|
82
|
+
<h2 style="margin-top: 0; color: #0e0d0c;">Password Reset Request</h2>
|
|
79
83
|
<p>Hello {{name}},</p>
|
|
80
|
-
<p>We received a request to reset your password. If you didn't make this request, please ignore this email.
|
|
84
|
+
<p>We received a request to reset your password for your Heliyos AI account. If you didn't make this request, please ignore this email.
|
|
81
85
|
</p>
|
|
82
86
|
<p>To reset your password, click the button below:</p>
|
|
83
87
|
<p style="text-align: center;">
|
|
84
88
|
<a href="{{password_recovery_url}}" class="button">Reset Password</a>
|
|
85
89
|
</p>
|
|
86
|
-
|
|
90
|
+
|
|
91
|
+
<div class="warning-box">
|
|
92
|
+
<p style="margin: 0;"><strong>⏰ This link will expire in 24 hours</strong> for security reasons.</p>
|
|
93
|
+
</div>
|
|
94
|
+
|
|
87
95
|
<p>If you're having trouble clicking the button, copy and paste the following URL into your web browser:</p>
|
|
88
|
-
<p style="word-break: break-all;">{{password_recovery_url}}</p>
|
|
96
|
+
<p style="word-break: break-all; font-size: 13px; color: #5c5545;">{{password_recovery_url}}</p>
|
|
89
97
|
<p>If you didn't request a password reset, please contact our support team immediately.</p>
|
|
90
98
|
</div>
|
|
91
99
|
<div class="footer">
|
|
@@ -95,4 +103,4 @@
|
|
|
95
103
|
</div>
|
|
96
104
|
</body>
|
|
97
105
|
|
|
98
|
-
</html>
|
|
106
|
+
</html>
|
package/src/email/index.ts
CHANGED
|
@@ -9,6 +9,8 @@ export const emailTemplates = {
|
|
|
9
9
|
invitingNewUser: "inviting-new-user.html",
|
|
10
10
|
forgotPassword: "forgot-password.html",
|
|
11
11
|
passwordResetSuccess: "password-reset-success.html",
|
|
12
|
+
notificationImmediate: "notification-immediate.html",
|
|
13
|
+
notificationDailySummary: "notification-daily-summary.html",
|
|
12
14
|
};
|
|
13
15
|
|
|
14
16
|
export const getEmailTemplate = (template: string, data: object) => {
|
|
@@ -10,9 +10,7 @@
|
|
|
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,57 @@
|
|
|
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
|
+
.highlight-box {
|
|
67
|
+
background-color: #f5f2e9;
|
|
68
|
+
border-left: 4px solid #7c3aed;
|
|
69
|
+
padding: 16px;
|
|
70
|
+
margin: 20px 0;
|
|
71
|
+
border-radius: 4px;
|
|
69
72
|
}
|
|
70
73
|
</style>
|
|
71
74
|
</head>
|
|
@@ -73,20 +76,25 @@
|
|
|
73
76
|
<body>
|
|
74
77
|
<div class="container">
|
|
75
78
|
<div class="header">
|
|
76
|
-
<
|
|
79
|
+
<img src="https://assets.heliyos.ai/heliyos-logo-white.png" alt="Heliyos AI">
|
|
77
80
|
</div>
|
|
78
81
|
<div class="content">
|
|
79
|
-
<p>Hello {{
|
|
80
|
-
<p>You've been invited to join the {{organization_name}} team on
|
|
81
|
-
|
|
82
|
-
|
|
82
|
+
<p>Hello {{fullName}},</p>
|
|
83
|
+
<p>Great news! You've been invited to join the <strong>{{organization_name}}</strong> team on Heliyos AI!</p>
|
|
84
|
+
|
|
85
|
+
<div class="highlight-box">
|
|
86
|
+
<p style="margin: 0;"><strong>Since you already have a Heliyos account, getting started is easy.</strong> Just click the button below to accept the invitation and join the team.</p>
|
|
87
|
+
</div>
|
|
88
|
+
|
|
83
89
|
<p style="text-align: center;">
|
|
84
90
|
<a href="{{url}}" class="button">Accept Invitation</a>
|
|
85
91
|
</p>
|
|
86
92
|
<p>If you're having trouble with the button, you can copy and paste the following URL into your web browser:
|
|
87
93
|
</p>
|
|
88
|
-
<p style="word-break: break-all;">{{url}}</p>
|
|
94
|
+
<p style="word-break: break-all; font-size: 13px; color: #5c5545;">{{url}}</p>
|
|
89
95
|
|
|
96
|
+
<p>Once you accept, you'll be able to collaborate with your team and access all of Heliyos AI's powerful features.</p>
|
|
97
|
+
|
|
90
98
|
<p>If you have any questions, please don't hesitate to reach out to our support team.</p>
|
|
91
99
|
<p>Best regards,<br>The {{company_name}} Team</p>
|
|
92
100
|
</div>
|
|
@@ -97,4 +105,4 @@
|
|
|
97
105
|
</div>
|
|
98
106
|
</body>
|
|
99
107
|
|
|
100
|
-
</html>
|
|
108
|
+
</html>
|