@product7/product7-js 0.1.3 → 0.1.4
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/product7-js.js +21 -12
- package/dist/product7-js.js.map +1 -1
- package/dist/product7-js.min.js +1 -1
- package/dist/product7-js.min.js.map +1 -1
- package/package.json +1 -1
- package/src/styles/messenger-components.js +6 -9
- package/src/styles/messenger-features.js +1 -1
- package/src/styles/messenger-views.js +6 -1
- package/src/widgets/messenger/views/HomeView.js +8 -1
package/package.json
CHANGED
|
@@ -37,16 +37,12 @@ export const messengerComponentsStyles = `
|
|
|
37
37
|
}
|
|
38
38
|
|
|
39
39
|
.messenger-message-sender {
|
|
40
|
-
|
|
41
|
-
font-weight: var(--font-weight-medium);
|
|
42
|
-
color: var(--msg-text-secondary);
|
|
43
|
-
margin-bottom: 2px;
|
|
44
|
-
margin-left: 0;
|
|
40
|
+
display: none;
|
|
45
41
|
}
|
|
46
42
|
|
|
47
43
|
.messenger-message-bubble {
|
|
48
|
-
padding:
|
|
49
|
-
border-radius: 1.
|
|
44
|
+
padding: 7px 13px;
|
|
45
|
+
border-radius: 1.125rem;
|
|
50
46
|
word-wrap: break-word;
|
|
51
47
|
max-width: 100%;
|
|
52
48
|
}
|
|
@@ -66,6 +62,7 @@ export const messengerComponentsStyles = `
|
|
|
66
62
|
|
|
67
63
|
.messenger-message-content {
|
|
68
64
|
font-size: var(--font-size-base);
|
|
65
|
+
font-weight: var(--font-weight-medium);
|
|
69
66
|
line-height: var(--line-height-relaxed);
|
|
70
67
|
}
|
|
71
68
|
|
|
@@ -240,7 +237,7 @@ export const messengerComponentsStyles = `
|
|
|
240
237
|
|
|
241
238
|
.messenger-chat-empty h3 {
|
|
242
239
|
margin: 0 0 var(--spacing-2);
|
|
243
|
-
font-size: var(--font-size-
|
|
240
|
+
font-size: var(--font-size-base);
|
|
244
241
|
font-weight: var(--font-weight-semibold);
|
|
245
242
|
color: var(--msg-text);
|
|
246
243
|
}
|
|
@@ -560,7 +557,7 @@ export const messengerComponentsStyles = `
|
|
|
560
557
|
|
|
561
558
|
.messenger-prechat-title {
|
|
562
559
|
margin: 0 0 var(--spacing-2);
|
|
563
|
-
font-size: var(--font-size-
|
|
560
|
+
font-size: var(--font-size-base);
|
|
564
561
|
font-weight: var(--font-weight-semibold);
|
|
565
562
|
color: var(--msg-text);
|
|
566
563
|
}
|
|
@@ -90,11 +90,11 @@ export const messengerFeaturesStyles = `
|
|
|
90
90
|
EMPTY STATE
|
|
91
91
|
======================================== */
|
|
92
92
|
.messenger-empty-state {
|
|
93
|
+
flex: 1;
|
|
93
94
|
display: flex;
|
|
94
95
|
flex-direction: column;
|
|
95
96
|
align-items: center;
|
|
96
97
|
justify-content: center;
|
|
97
|
-
height: 100%;
|
|
98
98
|
text-align: center;
|
|
99
99
|
padding: var(--spacing-10);
|
|
100
100
|
}
|
|
@@ -283,9 +283,14 @@ export const messengerViewsStyles = `
|
|
|
283
283
|
|
|
284
284
|
.messenger-home-changelog-card-desc {
|
|
285
285
|
margin: 0;
|
|
286
|
-
font-size: var(--font-size-
|
|
286
|
+
font-size: var(--font-size-sm);
|
|
287
|
+
font-weight: var(--font-weight-normal);
|
|
287
288
|
color: var(--msg-text-secondary);
|
|
288
289
|
line-height: var(--line-height-relaxed);
|
|
290
|
+
display: -webkit-box;
|
|
291
|
+
-webkit-line-clamp: 3;
|
|
292
|
+
-webkit-box-orient: vertical;
|
|
293
|
+
overflow: hidden;
|
|
289
294
|
}
|
|
290
295
|
|
|
291
296
|
.messenger-home-availability,
|
|
@@ -184,7 +184,7 @@ export class HomeView {
|
|
|
184
184
|
}
|
|
185
185
|
<div class="messenger-home-changelog-card-content">
|
|
186
186
|
<h4 class="messenger-home-changelog-card-title">${item.title}</h4>
|
|
187
|
-
<p class="messenger-home-changelog-card-desc">${item.description
|
|
187
|
+
<p class="messenger-home-changelog-card-desc">${this._stripHtml(item.description)}</p>
|
|
188
188
|
</div>
|
|
189
189
|
</div>
|
|
190
190
|
`
|
|
@@ -198,6 +198,13 @@ export class HomeView {
|
|
|
198
198
|
`;
|
|
199
199
|
}
|
|
200
200
|
|
|
201
|
+
_stripHtml(html) {
|
|
202
|
+
if (!html) return '';
|
|
203
|
+
const tmp = document.createElement('div');
|
|
204
|
+
tmp.innerHTML = html;
|
|
205
|
+
return (tmp.textContent || tmp.innerText || '').trim();
|
|
206
|
+
}
|
|
207
|
+
|
|
201
208
|
_formatDate(dateString) {
|
|
202
209
|
if (!dateString) return '';
|
|
203
210
|
const date = new Date(dateString);
|