stream-chat-angular 4.59.2 → 4.60.0

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.
Files changed (44) hide show
  1. package/assets/i18n/en.d.ts +2 -0
  2. package/assets/version.d.ts +1 -1
  3. package/bundles/stream-chat-angular.umd.js +347 -173
  4. package/bundles/stream-chat-angular.umd.js.map +1 -1
  5. package/esm2015/assets/i18n/en.js +3 -1
  6. package/esm2015/assets/version.js +2 -2
  7. package/esm2015/lib/channel/channel.component.js +13 -9
  8. package/esm2015/lib/channel.service.js +24 -2
  9. package/esm2015/lib/custom-templates.service.js +9 -1
  10. package/esm2015/lib/edit-message-form/edit-message-form.component.js +87 -0
  11. package/esm2015/lib/message/message.component.js +16 -25
  12. package/esm2015/lib/message-actions-box/message-actions-box.component.js +6 -46
  13. package/esm2015/lib/message-bounce-prompt/message-bounce-prompt.component.js +80 -0
  14. package/esm2015/lib/message-list/message-list.component.js +14 -8
  15. package/esm2015/lib/parse-date.js +2 -2
  16. package/esm2015/lib/stream-chat.module.js +13 -3
  17. package/esm2015/lib/types.js +1 -1
  18. package/esm2015/public-api.js +3 -1
  19. package/fesm2015/stream-chat-angular.js +319 -169
  20. package/fesm2015/stream-chat-angular.js.map +1 -1
  21. package/lib/channel/channel.component.d.ts +3 -1
  22. package/lib/channel.service.d.ts +10 -9
  23. package/lib/custom-templates.service.d.ts +8 -0
  24. package/lib/edit-message-form/edit-message-form.component.d.ts +31 -0
  25. package/lib/message/message.component.d.ts +2 -1
  26. package/lib/message-actions-box/message-actions-box.component.d.ts +2 -11
  27. package/lib/message-bounce-prompt/message-bounce-prompt.component.d.ts +28 -0
  28. package/lib/stream-chat.module.d.ts +7 -5
  29. package/lib/types.d.ts +0 -6
  30. package/package.json +1 -1
  31. package/public-api.d.ts +2 -0
  32. package/src/assets/i18n/en.ts +3 -0
  33. package/src/assets/styles/css/index.css +1 -1
  34. package/src/assets/styles/scss/Message.scss +21 -17
  35. package/src/assets/styles/scss/MessageActions.scss +0 -9
  36. package/src/assets/styles/scss/_base.scss +8 -1
  37. package/src/assets/styles/v2/css/index.css +1 -1
  38. package/src/assets/styles/v2/css/index.layout.css +1 -1
  39. package/src/assets/styles/v2/scss/AttachmentList/AttachmentList-layout.scss +6 -0
  40. package/src/assets/styles/v2/scss/EditMessageForm/EditMessageForm-layout.scss +13 -15
  41. package/src/assets/styles/v2/scss/Message/Message-layout.scss +14 -3
  42. package/src/assets/styles/v2/scss/MessageActionsBox/MessageActionsBox-layout.scss +0 -8
  43. package/src/assets/styles/v2/scss/_utils.scss +0 -1
  44. package/src/assets/version.ts +1 -1
package/src/assets/styles/scss/Message.scss CHANGED
@@ -83,7 +83,7 @@
83
83
  /* group styling */
84
84
  &--top,
85
85
  &--single {
86
- padding-top: calc(var(--md-p)/2);
86
+ padding-top: calc(var(--md-p) / 2);
87
87
 
88
88
  .str-chat__message {
89
89
  &-attachment--img,
@@ -176,7 +176,7 @@
176
176
  }
177
177
 
178
178
  &--bottom {
179
- padding-bottom: calc(var(--md-p)/2);
179
+ padding-bottom: calc(var(--md-p) / 2);
180
180
 
181
181
  .str-chat__message {
182
182
  &-attachment--img,
@@ -217,7 +217,7 @@
217
217
  }
218
218
 
219
219
  &--single {
220
- padding-bottom: calc(var(--md-m)/2);
220
+ padding-bottom: calc(var(--md-m) / 2);
221
221
  }
222
222
 
223
223
  &--top,
@@ -233,14 +233,16 @@
233
233
  .str-chat__message {
234
234
  &-text {
235
235
  &-inner {
236
- border-radius: var(--border-radius) var(--border-radius) var(--border-radius) calc(var(--border-radius-sm) / 2);
236
+ border-radius: var(--border-radius) var(--border-radius) var(--border-radius)
237
+ calc(var(--border-radius-sm) / 2);
237
238
  }
238
239
  }
239
240
 
240
241
  &--me {
241
242
  .str-chat__message-text {
242
243
  &-inner {
243
- border-radius: var(--border-radius) var(--border-radius) calc(var(--border-radius-sm) / 2) var(--border-radius);
244
+ border-radius: var(--border-radius) var(--border-radius)
245
+ calc(var(--border-radius-sm) / 2) var(--border-radius);
244
246
  }
245
247
  }
246
248
  }
@@ -251,10 +253,12 @@
251
253
  .str-chat__message {
252
254
  &-text {
253
255
  &-inner {
254
- border-radius: var(--border-radius) var(--border-radius) var(--border-radius) calc(var(--border-radius-sm) / 2);
256
+ border-radius: var(--border-radius) var(--border-radius) var(--border-radius)
257
+ calc(var(--border-radius-sm) / 2);
255
258
 
256
259
  &--has-attachment {
257
- border-radius: calc(var(--border-radius-sm) / 2) var(--border-radius) var(--border-radius) calc(var(--border-radius-sm) / 2);
260
+ border-radius: calc(var(--border-radius-sm) / 2) var(--border-radius)
261
+ var(--border-radius) calc(var(--border-radius-sm) / 2);
258
262
  }
259
263
  }
260
264
  }
@@ -262,10 +266,12 @@
262
266
  &--me {
263
267
  .str-chat__message-text {
264
268
  &-inner {
265
- border-radius: var(--border-radius) var(--border-radius) calc(var(--border-radius-sm) / 2) var(--border-radius);
269
+ border-radius: var(--border-radius) var(--border-radius)
270
+ calc(var(--border-radius-sm) / 2) var(--border-radius);
266
271
 
267
272
  &--has-attachment {
268
- border-radius: var(--border-radius) calc(var(--border-radius-sm) / 2) calc(var(--border-radius-sm) / 2) var(--border-radius);
273
+ border-radius: var(--border-radius) calc(var(--border-radius-sm) / 2)
274
+ calc(var(--border-radius-sm) / 2) var(--border-radius);
269
275
  }
270
276
  }
271
277
  }
@@ -278,14 +284,16 @@
278
284
  .str-chat__message {
279
285
  &-text {
280
286
  &-inner {
281
- border-radius: calc(var(--border-radius-sm) / 2) var(--border-radius) var(--border-radius) calc(var(--border-radius-sm) / 2);
287
+ border-radius: calc(var(--border-radius-sm) / 2) var(--border-radius) var(--border-radius)
288
+ calc(var(--border-radius-sm) / 2);
282
289
  }
283
290
  }
284
291
 
285
292
  &--me {
286
293
  .str-chat__message-text {
287
294
  &-inner {
288
- border-radius: var(--border-radius) calc(var(--border-radius-sm) / 2) calc(var(--border-radius-sm) / 2) var(--border-radius);
295
+ border-radius: var(--border-radius) calc(var(--border-radius-sm) / 2)
296
+ calc(var(--border-radius-sm) / 2) var(--border-radius);
289
297
 
290
298
  &--has-attachment {
291
299
  margin: 0;
@@ -296,7 +304,8 @@
296
304
  .str-chat__message-attachment-card {
297
305
  margin: 0;
298
306
  padding: 0;
299
- border-radius: var(--border-radius) calc(var(--border-radius-sm) / 2) calc(var(--border-radius-sm) / 2) var(--border-radius);
307
+ border-radius: var(--border-radius) calc(var(--border-radius-sm) / 2)
308
+ calc(var(--border-radius-sm) / 2) var(--border-radius);
300
309
  }
301
310
  }
302
311
  }
@@ -741,11 +750,6 @@
741
750
  padding: 3px 0;
742
751
  }
743
752
  }
744
-
745
- &--options.str-chat-angular__message-simple__actions__action--options--editing {
746
- position: relative;
747
- display: flex;
748
- }
749
753
  }
750
754
  }
751
755
 
package/src/assets/styles/scss/MessageActions.scss CHANGED
@@ -135,12 +135,3 @@
135
135
  }
136
136
  }
137
137
  }
138
-
139
- // Used by Angular SDK to display edit message modal
140
- .str-chat__message-edit-in-progress {
141
- .ngxp__container {
142
- transform: initial !important;
143
- will-change: initial !important;
144
- z-index: 2;
145
- }
146
- }
package/src/assets/styles/scss/_base.scss CHANGED
@@ -31,12 +31,19 @@
31
31
  bottom: 0;
32
32
  opacity: 0;
33
33
 
34
- &[aria-hidden="true"] {
34
+ &[aria-hidden='true'] {
35
35
  visibility: hidden;
36
36
  }
37
37
  }
38
38
  }
39
39
  }
40
+
41
+ // New features are not implemented in theme-v1, corresponding HTML code is hidden
42
+ .str-chat__unread-messages-notification,
43
+ .str-chat__unread-messages-separator-wrapper,
44
+ .str-chat__message-bounce-prompt {
45
+ display: none;
46
+ }
40
47
  }
41
48
 
42
49
  .clearfix {