@tiledesk/tiledesk-server 2.7.26 → 2.8.0

Sign up to get free protection for your applications and to get access to all the features.
@@ -1,230 +1,235 @@
1
- <!DOCTYPE html
2
- PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
3
- <html lang="en" xmlns="http://www.w3.org/1999/xhtml"
4
- style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; box-sizing: border-box; font-size: 14px; margin: 0;">
5
-
6
- <head>
1
+ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2
+
3
+ <html
4
+ lang="en"
5
+ xmlns="http://www.w3.org/1999/xhtml"
6
+ style="
7
+ font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
8
+ box-sizing: border-box;
9
+ font-size: 14px;
10
+ margin: 0;
11
+ "
12
+ >
13
+ <head>
7
14
  <meta name="viewport" content="width=device-width" />
8
15
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
9
- <title>New email from Tiledesk</title>
16
+ <title>New message from Tiledesk</title>
10
17
 
11
18
  <style type="text/css">
12
- img {
13
- max-width: 100%;
14
- margin-left: 16px;
15
- text-align: center !important;
19
+ img {
20
+ max-width: 100%;
21
+ margin-left: 16px;
22
+ text-align: center !important;
23
+ }
24
+
25
+ img.CToWUd {
26
+ margin-bottom: 16px;
27
+ max-width: 200px !important;
28
+ width: 200px !important;
29
+ min-width: 200px !important;
30
+ outline: none;
31
+ text-decoration: none;
32
+ border: none;
33
+ height: auto;
34
+ margin-left: 0px;
35
+ }
36
+
37
+ body {
38
+ background-color: #e2e7e9;
39
+ -webkit-font-smoothing: antialiased;
40
+ -webkit-text-size-adjust: none;
41
+ width: 100% !important;
42
+ height: 100%;
43
+ line-height: 1.6em;
44
+ padding: 30px 0px;
45
+ }
46
+
47
+ .box-container {
48
+ display: flex;
49
+ flex-direction: column;
50
+ justify-content: center;
51
+ align-items: center;
52
+ width: 100%;
53
+ margin-bottom: 30px;
54
+ /* position: fixed;
55
+ top: 90px; */
56
+ }
57
+
58
+ .box {
59
+ background-color: #fff;
60
+ width: 600px;
61
+ min-height: 400px;
62
+ border-radius: 8px;
63
+ }
64
+
65
+ .header-image {
66
+ background-image: url('https://img.freepik.com/vettori-premium/illustrazione-di-progettazione-del-pacchetto-piatto-di-finanza_205077-4142.jpg?w=2000');
67
+ background-size: cover;
68
+ background-repeat: no-repeat;
69
+ height: 200px;
70
+ width: 100%;
71
+ margin-bottom: 40px;
72
+ border-radius: 8px;
73
+ }
74
+
75
+ .header {
76
+ text-align: center;
77
+ }
78
+
79
+ h1 {
80
+ padding: 0px 40px;
81
+ }
82
+
83
+ .content-body {
84
+ padding: 10px 30px;
85
+ }
86
+
87
+ a {
88
+ /* box-sizing: border-box; */
89
+ font-size: 16px;
90
+ font-weight: 600;
91
+ color: #3c3c3c;
92
+ text-decoration: none;
93
+ margin: 0;
94
+ margin-bottom: 10px;
95
+ }
96
+
97
+ a:hover {
98
+ text-decoration: underline;
99
+ }
100
+
101
+ @media only screen and (max-width: 640px) {
102
+ body {
103
+ padding: 0 !important;
16
104
  }
17
105
 
18
- img.CToWUd {
19
- margin-bottom: 16px;
20
- max-width: 200px !important;
21
- width: 200px !important;
22
- min-width: 200px !important;
23
- outline: none;
24
- text-decoration: none;
25
- border: none;
26
- height: auto;
27
- margin-left: 0px;
106
+ h1 {
107
+ font-weight: 800 !important;
108
+ margin: 20px 0 5px !important;
109
+ text-align: center !important;
28
110
  }
29
111
 
30
- body {
31
- -webkit-font-smoothing: antialiased;
32
- -webkit-text-size-adjust: none;
33
- width: 100% !important;
34
- height: 100%;
35
- line-height: 1.6em;
112
+ h2 {
113
+ font-weight: 800 !important;
114
+ margin: 20px 0 5px !important;
36
115
  }
37
116
 
38
- body {
39
- background-color: #f6f6f6;
117
+ h3 {
118
+ font-weight: 800 !important;
119
+ margin: 20px 0 5px !important;
120
+ }
121
+
122
+ h4 {
123
+ font-weight: 800 !important;
124
+ margin: 20px 0 5px !important;
125
+ }
126
+
127
+ h1 {
128
+ font-size: 22px !important;
129
+ }
130
+
131
+ h2 {
132
+ font-size: 18px !important;
133
+ }
134
+
135
+ h3 {
136
+ font-size: 16px !important;
137
+ }
138
+
139
+ .container {
140
+ padding: 0 !important;
141
+ width: 100% !important;
142
+ }
143
+
144
+ .content {
145
+ padding: 0 !important;
146
+ }
147
+
148
+ .content-wrap {
149
+ padding: 10px !important;
40
150
  }
41
151
 
42
- @media only screen and (max-width: 640px) {
43
- body {
44
- padding: 0 !important;
45
- }
46
-
47
- h1 {
48
- font-weight: 800 !important;
49
- margin: 20px 0 5px !important;
50
- text-align: center !important;
51
- }
52
-
53
- h2 {
54
- font-weight: 800 !important;
55
- margin: 20px 0 5px !important;
56
- }
57
-
58
- h3 {
59
- font-weight: 800 !important;
60
- margin: 20px 0 5px !important;
61
- }
62
-
63
- h4 {
64
- font-weight: 800 !important;
65
- margin: 20px 0 5px !important;
66
- }
67
-
68
- h1 {
69
- font-size: 22px !important;
70
- }
71
-
72
- h2 {
73
- font-size: 18px !important;
74
- }
75
-
76
- h3 {
77
- font-size: 16px !important;
78
- }
79
-
80
- .container {
81
- padding: 0 !important;
82
- width: 100% !important;
83
- }
84
-
85
- .content {
86
- padding: 0 !important;
87
- }
88
-
89
- .content-wrap {
90
- padding: 10px !important;
91
- }
92
-
93
- .invoice {
94
- width: 100% !important;
95
- }
152
+ .invoice {
153
+ width: 100% !important;
96
154
  }
155
+ }
97
156
  </style>
98
- </head>
99
-
100
- <body itemscope itemtype="http://schema.org/EmailMessage"
101
- style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none; width: 100% !important; height: 100%; line-height: 1.6em; background-color: #f6f6f6; margin: 0;"
102
- bgcolor="#f6f6f6">
103
-
104
- <table class="body-wrap"
105
- style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; width: 100%; background-color: #f6f6f6; margin: 0;"
106
- bgcolor="#f6f6f6">
107
- <tr
108
- style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; margin: 0;">
109
- <td style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; vertical-align: top; margin: 0;"
110
- valign="top"></td>
111
- <td class="container" width="600"
112
- style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; vertical-align: top; display: block !important; max-width: 600px !important; clear: both !important; margin: 0 auto;"
113
- valign="top">
114
- <div class="content"
115
- style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; max-width: 600px; display: block; margin: 0 auto; padding: 20px;">
116
-
117
- <div style="text-align:center">
118
- <!--
119
- <a href="http://www.tiledesk.com"
120
- style="color:#2daae1;font-weight:bold;text-decoration:none;word-break:break-word" target="_blank">
121
- <img src="https://tiledesk.com/wp-content/uploads/2023/01/tiledesk_log_email_200.png" class="CToWUd">
122
- </a>
123
- -->
124
- </div>
125
- <table class="main" width="100%" cellpadding="0" cellspacing="0"
126
- style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; border-radius: 3px; background-color: #fff; margin: 0; border: 1px solid #e9e9e9;"
127
- bgcolor="#fff">
128
-
129
- <!-- <tr style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; margin: 0;">
130
-
131
- </tr> -->
132
-
133
- <tr
134
- style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; margin: 0;">
135
- <td class="content-wrap"
136
- style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; vertical-align: top; margin: 0; padding: 20px;"
137
- valign="top">
138
- <table width="100%" cellpadding="0" cellspacing="0"
139
- style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; margin: 0;">
140
-
141
-
142
- <tr
143
- style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; margin: 0;">
144
-
145
- <td class="content-block"
146
- style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; vertical-align: top; margin: 0;"
147
- valign="top">
148
- <h2
149
- style="text-align: center; letter-spacing: 1px; font-weight: 400; line-height:24px ">
150
- {{currentUserFirstname}} {{currentUserLastname}} has invited you to the
151
- Tiledesk project
152
- <strong> {{projectName}}</strong>
153
- </h2>
154
-
155
- <br> <br><strong
156
- style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; margin: 0;">{{to}},</strong>
157
-
158
- <br> <br>
159
- I invited you to take on the role of {{invitedUserRole}} of the Tiledesk
160
- <strong>
161
- {{projectName}}</strong> project
162
-
163
-
164
- <div style="text-align: center;">
165
- <br><br>
166
-
167
- <a href="{{baseScope.baseUrl}}/#/handle-invitation/{{pendinginvitationid}}/{{projectName}}/{{currentUserFirstname}}/{{currentUserLastname}}"
168
- style=" background-color: #ff8574 !important; border: none; color: white; padding: 12px 30px; text-align: center; text-decoration: none; display: inline-block; font-size: 16px; font-weight: 600; letter-spacing: 1px; margin: 4px 2px; cursor: pointer;">
169
- GO TO THE PROJECT
170
- </a>
171
- </div>
172
-
173
- <br><br> The Tiledesk Team
174
- </td>
175
- </tr>
176
-
177
- <tr
178
- style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; margin: 0;">
179
- <td class="content-block"
180
- style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; vertical-align: top; margin: 0;"
181
- valign="top">
182
- </td>
183
- </tr>
184
- </table>
185
- </td>
186
- </tr>
187
-
188
- <tr>
189
- <td>
190
- <hr style="width:94%;height:1px;border:none;background-color: #cacaca;">
191
-
192
- <div style="display: flex; padding: 20px 18px; color: #888888; align-items: center;">
193
- <span>Powered by </span>
194
- <span style="display: flex;"><img
195
- src="https://tiledesk.com/wp-content/uploads/2023/05/tiledesk-solo_logo_new_gray.png"
196
- width="15" height="15" style="margin-left: 6px; margin-top: 2px;" /></span>
197
- <span style="font-weight: bold; margin-left: 2px;">Tiledesk</span>
198
- </div>
199
-
200
- </td>
201
- </tr>
202
-
203
- </table>
204
- <div class="footer"
205
- style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; width: 100%; clear: both; color: #999; margin: 0; padding: 20px;">
206
- <table width="100%"
207
- style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; margin: 0;">
208
- <tr
209
- style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; margin: 0;">
210
- <td class="aligncenter content-block"
211
- style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 12px; vertical-align: top; color: #999; text-align: center; margin: 0;"
212
- align="center" valign="top">
213
- <span><a href="http://www.tiledesk.com"
214
- style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 12px; color: #999; text-decoration: underline; margin: 0;">
215
- Tiledesk.com </a></span>
216
- <br><span><a href="%unsubscribe_url%"
217
- style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 12px; color: #999; text-decoration: underline; margin: 0;">Unsubscribe</a></span>
218
- </td>
219
- </tr>
220
- </table>
221
- </div>
222
- </div>
223
- </td>
224
- <td style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; vertical-align: top; margin: 0;"
225
- valign="top"></td>
226
- </tr>
227
- </table>
228
- </body>
229
-
230
- </html>
157
+ </head>
158
+
159
+ <body>
160
+ <!-- <div style="background-color: #ff5757; height: 300px"></div>
161
+ <div style="background-color: #ffdfe0; height: 80px"></div> -->
162
+ <div class="box-container">
163
+ <div class="box">
164
+ <div class="header-image"></div>
165
+
166
+ <h1 style="text-align: center; color: #333">
167
+ Update on monthly resources usage
168
+ </h1>
169
+
170
+ <div class="content-body">
171
+ <p>Dear {{firstname}},</p>
172
+
173
+ <p>
174
+ This is to inform you that you reached the <b>{{checkpoint}}%</b> of your
175
+ monthly quote for <b>{{resource_name}}</b> on your project <b>{{project_name}}</b>.
176
+ </p>
177
+
178
+ <p>Below is a summary of the monthly resource usage:</p>
179
+
180
+ <table
181
+ style="width: 100%; border-collapse: collapse; margin-bottom: 20px"
182
+ >
183
+ <thead style="">
184
+ <tr>
185
+ <th style="border: 1px solid #ddd; padding: 8px">Resource</th>
186
+ <th style="border: 1px solid #ddd; padding: 8px">Quota</th>
187
+ <th style="border: 1px solid #ddd; padding: 8px">Usage</th>
188
+ </tr>
189
+ </thead>
190
+ <tbody style="text-align: center">
191
+ <tr>
192
+ <td style="border: 1px solid #ddd; padding: 8px">
193
+ Conversations
194
+ </td>
195
+ <td style="border: 1px solid #ddd; padding: 8px">{{requests_quote}}</td>
196
+ <td style="border: 1px solid #ddd; padding: 8px">{{requests_perc}}%</td>
197
+ </tr>
198
+ <tr>
199
+ <td style="border: 1px solid #ddd; padding: 8px">AI Tokens</td>
200
+ <td style="border: 1px solid #ddd; padding: 8px">{{tokens_quote}}</td>
201
+ <td style="border: 1px solid #ddd; padding: 8px">{{tokens_perc}}%</td>
202
+ </tr>
203
+ <tr>
204
+ <td style="border: 1px solid #ddd; padding: 8px">
205
+ Chatbot Email
206
+ </td>
207
+ <td style="border: 1px solid #ddd; padding: 8px">{{email_quote}}</td>
208
+ <td style="border: 1px solid #ddd; padding: 8px">{{email_perc}}%</td>
209
+ </tr>
210
+ <!-- Add more rows for other resources as needed -->
211
+ </tbody>
212
+ </table>
213
+ </div>
214
+
215
+ <p style="text-align: center; font-size: 14px; color: #777">
216
+ This is an automated message. Please do not reply.
217
+ </p>
218
+
219
+ <div style="text-align: center; margin-top: 20px; padding: 20px">
220
+ <img
221
+ src="https://tiledesk.com/wp-content/uploads/2023/10/tiledesk-logo.png"
222
+ alt="Company Footer Logo"
223
+ style="max-width: 160px"
224
+ />
225
+ </div>
226
+
227
+ </div>
228
+ </div>
229
+
230
+ <div class="box-container">
231
+ <a href="http://www.tiledesk.com" class="company-url">Tiledesk.com</a>
232
+ <a href="%unsubscribe_url%" class="unsubscribe">Unsubscribe</a>
233
+ </div>
234
+ </body>
235
+ </html>
@@ -0,0 +1,92 @@
1
+ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2
+
3
+ <html lang="en" xmlns="http://www.w3.org/1999/xhtml">
4
+
5
+ <head>
6
+ <meta name="viewport" content="width=device-width" />
7
+ <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
8
+ <title>New message from Tiledesk</title>
9
+
10
+ <style type="text/css">
11
+ /* Aggiungi qui gli stili CSS */
12
+ </style>
13
+ </head>
14
+
15
+ <body style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; box-sizing: border-box; font-size: 14px; margin: 0; background-color: #e2e7e9; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none; width: 100% !important; height: 100%; line-height: 1.6em; padding: 30px 0px;">
16
+
17
+ <table cellpadding="0" cellspacing="0" width="100%">
18
+ <tr>
19
+ <td align="center" valign="top">
20
+ <table cellpadding="0" cellspacing="0" width="600" style="background-color: #fff; border-radius: 8px;">
21
+ <tr>
22
+ <td style="padding: 0px 30px;">
23
+ <table cellpadding="0" cellspacing="0" width="100%">
24
+ <tr>
25
+ <td style="text-align: center;">
26
+ <img src="https://img.freepik.com/vettori-premium/illustrazione-di-progettazione-del-pacchetto-piatto-di-finanza_205077-4142.jpg?w=2000" alt="Header Image" style="width: 100%; max-height: 250px; border-radius: 8px;" />
27
+ </td>
28
+ </tr>
29
+ <tr>
30
+ <td style="text-align: center;">
31
+ <h1 style="color: #333;">Update on monthly resources usage</h1>
32
+ </td>
33
+ </tr>
34
+ <tr>
35
+ <td style="padding: 10px 30px;">
36
+ <p>Dear {{firstname}},</p>
37
+ <p>This is to inform you that you reached the <b>{{checkpoint}}%</b> of your monthly quote for <b>{{resource_name}}</b> on your project <b>{{project_name}}</b>.</p>
38
+ <p>Below is a summary of the monthly resource usage:</p>
39
+ <table cellpadding="0" cellspacing="0" width="100%" style="border-collapse: collapse; margin-bottom: 20px; text-align: center;">
40
+ <tr>
41
+ <th style="border: 1px solid #ddd; padding: 8px;">Resource</th>
42
+ <th style="border: 1px solid #ddd; padding: 8px;">Quota</th>
43
+ <th style="border: 1px solid #ddd; padding: 8px;">Usage</th>
44
+ </tr>
45
+ <tr>
46
+ <td style="border: 1px solid #ddd; padding: 8px;">Conversations</td>
47
+ <td style="border: 1px solid #ddd; padding: 8px;">{{requests_quote}}</td>
48
+ <td style="border: 1px solid #ddd; padding: 8px;">{{requests_perc}}%</td>
49
+ </tr>
50
+ <tr>
51
+ <td style="border: 1px solid #ddd; padding: 8px;">AI Tokens</td>
52
+ <td style="border: 1px solid #ddd; padding: 8px;">{{tokens_quote}}</td>
53
+ <td style="border: 1px solid #ddd; padding: 8px;">{{tokens_perc}}%</td>
54
+ </tr>
55
+ <tr>
56
+ <td style="border: 1px solid #ddd; padding: 8px;">Chatbot Email</td>
57
+ <td style="border: 1px solid #ddd; padding: 8px;">{{email_quote}}</td>
58
+ <td style="border: 1px solid #ddd; padding: 8px;">{{email_perc}}%</td>
59
+ </tr>
60
+ </table>
61
+ <p style="text-align: center; font-size: 14px; color: #777;">This is an automated message. Please do not reply.</p>
62
+ <div style="text-align: center; margin-top: 20px; padding: 20px;">
63
+ <img src="https://tiledesk.com/wp-content/uploads/2023/10/tiledesk-logo.png" alt="Company Footer Logo" style="max-width: 160px;" />
64
+ </div>
65
+ </td>
66
+ </tr>
67
+ </table>
68
+ </td>
69
+ </tr>
70
+ </table>
71
+ </td>
72
+ </tr>
73
+ <tr>
74
+ <td align="center" valign="top" style="padding-top: 20px;">
75
+ <table cellpadding="0" cellspacing="0" width="600">
76
+ <tr>
77
+ <td style="text-align: center; padding: 6px;">
78
+ <a href="http://www.tiledesk.com" style="font-size: 16px; font-weight: 500; color: #3c3c3c; text-decoration: none; margin: 0; margin-bottom: 10px;">Tiledesk.com</a><br />
79
+ </td>
80
+ </tr>
81
+ <tr>
82
+ <td style="text-align: center; padding: 6px;">
83
+ <a href="%unsubscribe_url%" style="font-size: 16px; font-weight: 500; color: #3c3c3c; text-decoration: none; margin: 0; margin-bottom: 10px;">Unsubscribe</a>
84
+ </td>
85
+ </tr>
86
+ </table>
87
+ </td>
88
+ </tr>
89
+ </table>
90
+ </body>
91
+
92
+ </html>