stream-chat-angular 4.0.0-theming-v2.1 → 4.0.0-theming-v2.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.
Files changed (109) hide show
  1. package/assets/version.d.ts +1 -1
  2. package/bundles/stream-chat-angular.umd.js +6 -2
  3. package/bundles/stream-chat-angular.umd.js.map +1 -1
  4. package/esm2015/assets/version.js +2 -2
  5. package/esm2015/lib/chat-client.service.js +5 -1
  6. package/esm2015/lib/notification-list/notification-list.component.js +2 -2
  7. package/fesm2015/stream-chat-angular.js +6 -2
  8. package/fesm2015/stream-chat-angular.js.map +1 -1
  9. package/lib/chat-client.service.d.ts +5 -0
  10. package/package.json +3 -3
  11. package/src/assets/styles/css/index.css +1 -1
  12. package/src/assets/styles/css/index.css.map +1 -1
  13. package/src/assets/styles/scss/Attachment.scss +48 -21
  14. package/src/assets/styles/scss/Audio.scss +1 -1
  15. package/src/assets/styles/scss/Avatar.scss +1 -1
  16. package/src/assets/styles/scss/ChannelList.scss +5 -1
  17. package/src/assets/styles/scss/ChannelPreview.scss +25 -0
  18. package/src/assets/styles/scss/Gallery.scss +0 -20
  19. package/src/assets/styles/scss/ImageCarousel.scss +39 -0
  20. package/src/assets/styles/scss/LoadingChannels.scss +1 -1
  21. package/src/assets/styles/scss/Message.scss +84 -86
  22. package/src/assets/styles/scss/MessageActions.scss +34 -0
  23. package/src/assets/styles/scss/MessageCommerce.scss +57 -13
  24. package/src/assets/styles/scss/MessageInputFlat.scss +21 -9
  25. package/src/assets/styles/scss/MessageList.scss +51 -10
  26. package/src/assets/styles/scss/MessageLivestream.scss +23 -10
  27. package/src/assets/styles/scss/MessageNotification.scss +7 -1
  28. package/src/assets/styles/scss/MessageTeam.scss +37 -10
  29. package/src/assets/styles/scss/Modal.scss +3 -2
  30. package/src/assets/styles/scss/ReactionList.scss +14 -0
  31. package/src/assets/styles/scss/ReactionSelector.scss +6 -0
  32. package/src/assets/styles/scss/SendButton.scss +6 -0
  33. package/src/assets/styles/scss/SmallMessageInput.scss +0 -1
  34. package/src/assets/styles/scss/Thread.scss +21 -3
  35. package/src/assets/styles/scss/Tooltip.scss +6 -3
  36. package/src/assets/styles/scss/TypingIndicator.scss +5 -0
  37. package/src/assets/styles/scss/_base.scss +26 -0
  38. package/src/assets/styles/scss/_variables.scss +4 -1
  39. package/src/assets/styles/scss/index.scss +5 -4
  40. package/src/assets/styles/v2/css/index.css +1 -0
  41. package/src/assets/styles/v2/css/index.css.map +1 -0
  42. package/src/assets/styles/v2/css/index.layout.css +1 -0
  43. package/src/assets/styles/v2/css/index.layout.css.map +1 -0
  44. package/src/assets/styles/v2/scss/AttachmentList/AttachmentList-layout.scss +285 -0
  45. package/src/assets/styles/v2/scss/AttachmentList/AttachmentList-theme.scss +393 -0
  46. package/src/assets/styles/v2/scss/AttachmentPreviewList/AttachmentPreviewList-layout.scss +118 -0
  47. package/src/assets/styles/v2/scss/AttachmentPreviewList/AttachmentPreviewList-theme.scss +150 -0
  48. package/src/assets/styles/v2/scss/Autocomplete/Autocomplete-layout.scss +52 -0
  49. package/src/assets/styles/v2/scss/Autocomplete/Autocomplete-theme.scss +172 -0
  50. package/src/assets/styles/v2/scss/Avatar/Avatar-layout.scss +11 -0
  51. package/src/assets/styles/v2/scss/Avatar/Avatar-theme.scss +42 -0
  52. package/src/assets/styles/v2/scss/Channel/Channel-layout.scss +139 -0
  53. package/src/assets/styles/v2/scss/Channel/Channel-theme.scss +99 -0
  54. package/src/assets/styles/v2/scss/ChannelHeader/ChannelHeader-layout.scss +23 -0
  55. package/src/assets/styles/v2/scss/ChannelHeader/ChannelHeader-theme.scss +43 -0
  56. package/src/assets/styles/v2/scss/ChannelList/ChannelList-layout.scss +41 -0
  57. package/src/assets/styles/v2/scss/ChannelList/ChannelList-theme.scss +87 -0
  58. package/src/assets/styles/v2/scss/ChannelPreview/ChannelPreview-layout.scss +82 -0
  59. package/src/assets/styles/v2/scss/ChannelPreview/ChannelPreview-theme.scss +108 -0
  60. package/src/assets/styles/v2/scss/EditMessageForm/EditMessageForm-layout.scss +53 -0
  61. package/src/assets/styles/v2/scss/EditMessageForm/EditMessageForm-theme.scss +50 -0
  62. package/src/assets/styles/v2/scss/ImageCarousel/ImageCarousel-layout.scss +41 -0
  63. package/src/assets/styles/v2/scss/ImageCarousel/ImageCarousel-theme.scss +15 -0
  64. package/src/assets/styles/v2/scss/LoadingIndicator/LoadingIndicator-layout.scss +39 -0
  65. package/src/assets/styles/v2/scss/LoadingIndicator/LoadingIndicator-theme.scss +12 -0
  66. package/src/assets/styles/v2/scss/Message/Message-layout.scss +327 -0
  67. package/src/assets/styles/v2/scss/Message/Message-theme.scss +337 -0
  68. package/src/assets/styles/v2/scss/MessageActionsBox/MessageActionsBox-layout.scss +48 -0
  69. package/src/assets/styles/v2/scss/MessageActionsBox/MessageActionsBox-theme.scss +69 -0
  70. package/src/assets/styles/v2/scss/MessageInput/MessageInput-layout.scss +155 -0
  71. package/src/assets/styles/v2/scss/MessageInput/MessageInput-theme.scss +205 -0
  72. package/src/assets/styles/v2/scss/MessageList/MessageList-layout.scss +61 -0
  73. package/src/assets/styles/v2/scss/MessageList/MessageList-theme.scss +105 -0
  74. package/src/assets/styles/v2/scss/MessageList/VirtualMessageList-layout.scss +32 -0
  75. package/src/assets/styles/v2/scss/MessageList/VirtualMessageList-theme.scss +32 -0
  76. package/src/assets/styles/v2/scss/MessageReactions/MessageReactions-layout.scss +63 -0
  77. package/src/assets/styles/v2/scss/MessageReactions/MessageReactions-theme.scss +75 -0
  78. package/src/assets/styles/v2/scss/MessageReactions/MessageReactionsSelector-layout.scss +52 -0
  79. package/src/assets/styles/v2/scss/MessageReactions/MessageReactionsSelector-theme.scss +83 -0
  80. package/src/assets/styles/v2/scss/Modal/Modal-layout.scss +40 -0
  81. package/src/assets/styles/v2/scss/Modal/Modal-theme.scss +75 -0
  82. package/src/assets/styles/v2/scss/Notification/MessageNotification-layout.scss +12 -0
  83. package/src/assets/styles/v2/scss/Notification/MessageNotification-theme.scss +34 -0
  84. package/src/assets/styles/v2/scss/Notification/Notification-layout.scss +3 -0
  85. package/src/assets/styles/v2/scss/Notification/Notification-theme.scss +32 -0
  86. package/src/assets/styles/v2/scss/Notification/NotificationList-layout.scss +11 -0
  87. package/src/assets/styles/v2/scss/Notification/NotificationList-theme.scss +31 -0
  88. package/src/assets/styles/v2/scss/Thread/Thread-layout.scss +48 -0
  89. package/src/assets/styles/v2/scss/Thread/Thread-theme.scss +82 -0
  90. package/src/assets/styles/v2/scss/Tooltip/Tooltip-layout.scss +30 -0
  91. package/src/assets/styles/v2/scss/Tooltip/Tooltip-theme.scss +36 -0
  92. package/src/assets/styles/v2/scss/TypingIndicator/TypingIndicator-layout.scss +23 -0
  93. package/src/assets/styles/v2/scss/TypingIndicator/TypingIndicator-theme.scss +68 -0
  94. package/src/assets/styles/v2/scss/_base.scss +29 -0
  95. package/src/assets/styles/v2/scss/_palette-variables.scss +55 -0
  96. package/src/assets/styles/v2/scss/_theme-variables.scss +217 -0
  97. package/src/assets/styles/v2/scss/_utils.scss +184 -0
  98. package/src/assets/styles/v2/scss/common/CTAButton/CTAButton-layout.scss +4 -0
  99. package/src/assets/styles/v2/scss/common/CTAButton/CTAButton-theme.scss +42 -0
  100. package/src/assets/styles/v2/scss/common/CircleFAButton/CircleFAButton-layout.scss +14 -0
  101. package/src/assets/styles/v2/scss/common/CircleFAButton/CircleFAButton-theme.scss +35 -0
  102. package/src/assets/styles/v2/scss/index.layout.scss +31 -0
  103. package/src/assets/styles/v2/scss/index.scss +33 -0
  104. package/src/assets/styles/{scss → v2/scss}/vendor/emoji-mart.scss +27 -8
  105. package/src/assets/styles/vendor/emoji-mart.scss +514 -0
  106. package/src/assets/styles/{scss/vendor → vendor}/mml-react.scss +523 -26
  107. package/src/assets/styles/{scss/vendor → vendor}/react-file-utils.scss +65 -2
  108. package/src/assets/styles/{scss/vendor → vendor}/react-image-gallery.scss +2 -0
  109. package/src/assets/version.ts +1 -1
@@ -1 +1 @@
1
- export declare const version = "4.0.0-theming-v2.1";
1
+ export declare const version = "4.0.0-theming-v2.4";
@@ -355,7 +355,7 @@
355
355
  return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
356
356
  }
357
357
 
358
- var version = '4.0.0-theming-v2.1';
358
+ var version = '4.0.0-theming-v2.4';
359
359
 
360
360
  /**
361
361
  * The `NotificationService` can be used to add or remove notifications. By default the [`NotificationList`](../components/NotificationListComponent.mdx) component displays the currently active notifications.
@@ -450,11 +450,13 @@
450
450
  this.connectionStateSubject = new rxjs.ReplaySubject(1);
451
451
  this.appSettingsSubject = new rxjs.BehaviorSubject(undefined);
452
452
  this.pendingInvitesSubject = new rxjs.BehaviorSubject([]);
453
+ this.userSubject = new rxjs.ReplaySubject(1);
453
454
  this.subscriptions = [];
454
455
  this.events$ = this.notificationSubject.asObservable();
455
456
  this.connectionState$ = this.connectionStateSubject.asObservable();
456
457
  this.appSettings$ = this.appSettingsSubject.asObservable();
457
458
  this.pendingInvites$ = this.pendingInvitesSubject.asObservable();
459
+ this.user$ = this.userSubject.asObservable();
458
460
  }
459
461
  /**
460
462
  * Creates a [`StreamChat`](https://github.com/GetStream/stream-chat-js/blob/668b3e5521339f4e14fc657834531b4c8bf8176b/src/client.ts#L124) instance using the provided `apiKey`, and connects a user with the given meta data and token. More info about [connecting users](https://getstream.io/chat/docs/javascript/init_and_users/?language=javascript) can be found in the platform documentation.
@@ -491,6 +493,7 @@
491
493
  throw error_1;
492
494
  case 4:
493
495
  this.chatClient.setUserAgent("stream-chat-angular-" + version + "-" + this.chatClient.getUserAgent());
496
+ this.userSubject.next(this.chatClient.user);
494
497
  return [2 /*return*/];
495
498
  }
496
499
  });
@@ -542,6 +545,7 @@
542
545
  return [4 /*yield*/, this.chatClient.disconnectUser()];
543
546
  case 1:
544
547
  _d.sent();
548
+ this.userSubject.next(undefined);
545
549
  this.subscriptions.forEach(function (s) { return s.unsubscribe(); });
546
550
  return [2 /*return*/];
547
551
  }
@@ -3572,7 +3576,7 @@
3572
3576
  return NotificationListComponent;
3573
3577
  }());
3574
3578
  NotificationListComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0__namespace, type: NotificationListComponent, deps: [{ token: CustomTemplatesService }, { token: NotificationService }, { token: ThemeService }], target: i0__namespace.ɵɵFactoryTarget.Component });
3575
- NotificationListComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.5", type: NotificationListComponent, selector: "stream-notification-list", ngImport: i0__namespace, template: "<div\n class=\"str-chat str-chat__theme-{{\n theme$ | async\n }} str-chat__list-notifications\"\n [class.str-chat]=\"themeVersion === '2'\"\n data-testid=\"notification-list\"\n>\n <ng-container\n *ngFor=\"let notification of notifications$ | async; trackBy: trackById\"\n >\n <ng-template #notificationContent>\n <div\n *ngIf=\"notification.text !== undefined\"\n data-testclass=\"notification-content\"\n >\n {{ notification.text | translate: notification.translateParams }}\n </div>\n <ng-container *ngIf=\"notification.template !== undefined\">\n <ng-container\n *ngTemplateOutlet=\"\n notification.template;\n context: getNotificationContentContext(notification)\n \"\n ></ng-container>\n </ng-container>\n </ng-template>\n <ng-container\n *ngTemplateOutlet=\"\n (customTemplatesService.notificationTemplate$ | async) ||\n defaultNotification;\n context: { type: notification.type, content: notificationContent }\n \"\n ></ng-container>\n </ng-container>\n</div>\n\n<ng-template #defaultNotification let-type=\"type\" let-content=\"content\">\n <stream-notification [type]=\"type\" [content]=\"content\"></stream-notification>\n</ng-template>\n", components: [{ type: NotificationComponent, selector: "stream-notification", inputs: ["type", "content"] }], directives: [{ type: i7__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i7__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i7__namespace.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], pipes: { "async": i7__namespace.AsyncPipe, "translate": i8__namespace.TranslatePipe } });
3579
+ NotificationListComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.5", type: NotificationListComponent, selector: "stream-notification-list", ngImport: i0__namespace, template: "<div\n class=\"str-chat__theme-{{ theme$ | async }} str-chat__list-notifications\"\n [class.str-chat]=\"themeVersion === '2'\"\n data-testid=\"notification-list\"\n>\n <ng-container\n *ngFor=\"let notification of notifications$ | async; trackBy: trackById\"\n >\n <ng-template #notificationContent>\n <div\n *ngIf=\"notification.text !== undefined\"\n data-testclass=\"notification-content\"\n >\n {{ notification.text | translate: notification.translateParams }}\n </div>\n <ng-container *ngIf=\"notification.template !== undefined\">\n <ng-container\n *ngTemplateOutlet=\"\n notification.template;\n context: getNotificationContentContext(notification)\n \"\n ></ng-container>\n </ng-container>\n </ng-template>\n <ng-container\n *ngTemplateOutlet=\"\n (customTemplatesService.notificationTemplate$ | async) ||\n defaultNotification;\n context: { type: notification.type, content: notificationContent }\n \"\n ></ng-container>\n </ng-container>\n</div>\n\n<ng-template #defaultNotification let-type=\"type\" let-content=\"content\">\n <stream-notification [type]=\"type\" [content]=\"content\"></stream-notification>\n</ng-template>\n", components: [{ type: NotificationComponent, selector: "stream-notification", inputs: ["type", "content"] }], directives: [{ type: i7__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i7__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i7__namespace.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], pipes: { "async": i7__namespace.AsyncPipe, "translate": i8__namespace.TranslatePipe } });
3576
3580
  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0__namespace, type: NotificationListComponent, decorators: [{
3577
3581
  type: i0.Component,
3578
3582
  args: [{