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.
- package/assets/version.d.ts +1 -1
- package/bundles/stream-chat-angular.umd.js +6 -2
- package/bundles/stream-chat-angular.umd.js.map +1 -1
- package/esm2015/assets/version.js +2 -2
- package/esm2015/lib/chat-client.service.js +5 -1
- package/esm2015/lib/notification-list/notification-list.component.js +2 -2
- package/fesm2015/stream-chat-angular.js +6 -2
- package/fesm2015/stream-chat-angular.js.map +1 -1
- package/lib/chat-client.service.d.ts +5 -0
- package/package.json +3 -3
- package/src/assets/styles/css/index.css +1 -1
- package/src/assets/styles/css/index.css.map +1 -1
- package/src/assets/styles/scss/Attachment.scss +48 -21
- package/src/assets/styles/scss/Audio.scss +1 -1
- package/src/assets/styles/scss/Avatar.scss +1 -1
- package/src/assets/styles/scss/ChannelList.scss +5 -1
- package/src/assets/styles/scss/ChannelPreview.scss +25 -0
- package/src/assets/styles/scss/Gallery.scss +0 -20
- package/src/assets/styles/scss/ImageCarousel.scss +39 -0
- package/src/assets/styles/scss/LoadingChannels.scss +1 -1
- package/src/assets/styles/scss/Message.scss +84 -86
- package/src/assets/styles/scss/MessageActions.scss +34 -0
- package/src/assets/styles/scss/MessageCommerce.scss +57 -13
- package/src/assets/styles/scss/MessageInputFlat.scss +21 -9
- package/src/assets/styles/scss/MessageList.scss +51 -10
- package/src/assets/styles/scss/MessageLivestream.scss +23 -10
- package/src/assets/styles/scss/MessageNotification.scss +7 -1
- package/src/assets/styles/scss/MessageTeam.scss +37 -10
- package/src/assets/styles/scss/Modal.scss +3 -2
- package/src/assets/styles/scss/ReactionList.scss +14 -0
- package/src/assets/styles/scss/ReactionSelector.scss +6 -0
- package/src/assets/styles/scss/SendButton.scss +6 -0
- package/src/assets/styles/scss/SmallMessageInput.scss +0 -1
- package/src/assets/styles/scss/Thread.scss +21 -3
- package/src/assets/styles/scss/Tooltip.scss +6 -3
- package/src/assets/styles/scss/TypingIndicator.scss +5 -0
- package/src/assets/styles/scss/_base.scss +26 -0
- package/src/assets/styles/scss/_variables.scss +4 -1
- package/src/assets/styles/scss/index.scss +5 -4
- package/src/assets/styles/v2/css/index.css +1 -0
- package/src/assets/styles/v2/css/index.css.map +1 -0
- package/src/assets/styles/v2/css/index.layout.css +1 -0
- package/src/assets/styles/v2/css/index.layout.css.map +1 -0
- package/src/assets/styles/v2/scss/AttachmentList/AttachmentList-layout.scss +285 -0
- package/src/assets/styles/v2/scss/AttachmentList/AttachmentList-theme.scss +393 -0
- package/src/assets/styles/v2/scss/AttachmentPreviewList/AttachmentPreviewList-layout.scss +118 -0
- package/src/assets/styles/v2/scss/AttachmentPreviewList/AttachmentPreviewList-theme.scss +150 -0
- package/src/assets/styles/v2/scss/Autocomplete/Autocomplete-layout.scss +52 -0
- package/src/assets/styles/v2/scss/Autocomplete/Autocomplete-theme.scss +172 -0
- package/src/assets/styles/v2/scss/Avatar/Avatar-layout.scss +11 -0
- package/src/assets/styles/v2/scss/Avatar/Avatar-theme.scss +42 -0
- package/src/assets/styles/v2/scss/Channel/Channel-layout.scss +139 -0
- package/src/assets/styles/v2/scss/Channel/Channel-theme.scss +99 -0
- package/src/assets/styles/v2/scss/ChannelHeader/ChannelHeader-layout.scss +23 -0
- package/src/assets/styles/v2/scss/ChannelHeader/ChannelHeader-theme.scss +43 -0
- package/src/assets/styles/v2/scss/ChannelList/ChannelList-layout.scss +41 -0
- package/src/assets/styles/v2/scss/ChannelList/ChannelList-theme.scss +87 -0
- package/src/assets/styles/v2/scss/ChannelPreview/ChannelPreview-layout.scss +82 -0
- package/src/assets/styles/v2/scss/ChannelPreview/ChannelPreview-theme.scss +108 -0
- package/src/assets/styles/v2/scss/EditMessageForm/EditMessageForm-layout.scss +53 -0
- package/src/assets/styles/v2/scss/EditMessageForm/EditMessageForm-theme.scss +50 -0
- package/src/assets/styles/v2/scss/ImageCarousel/ImageCarousel-layout.scss +41 -0
- package/src/assets/styles/v2/scss/ImageCarousel/ImageCarousel-theme.scss +15 -0
- package/src/assets/styles/v2/scss/LoadingIndicator/LoadingIndicator-layout.scss +39 -0
- package/src/assets/styles/v2/scss/LoadingIndicator/LoadingIndicator-theme.scss +12 -0
- package/src/assets/styles/v2/scss/Message/Message-layout.scss +327 -0
- package/src/assets/styles/v2/scss/Message/Message-theme.scss +337 -0
- package/src/assets/styles/v2/scss/MessageActionsBox/MessageActionsBox-layout.scss +48 -0
- package/src/assets/styles/v2/scss/MessageActionsBox/MessageActionsBox-theme.scss +69 -0
- package/src/assets/styles/v2/scss/MessageInput/MessageInput-layout.scss +155 -0
- package/src/assets/styles/v2/scss/MessageInput/MessageInput-theme.scss +205 -0
- package/src/assets/styles/v2/scss/MessageList/MessageList-layout.scss +61 -0
- package/src/assets/styles/v2/scss/MessageList/MessageList-theme.scss +105 -0
- package/src/assets/styles/v2/scss/MessageList/VirtualMessageList-layout.scss +32 -0
- package/src/assets/styles/v2/scss/MessageList/VirtualMessageList-theme.scss +32 -0
- package/src/assets/styles/v2/scss/MessageReactions/MessageReactions-layout.scss +63 -0
- package/src/assets/styles/v2/scss/MessageReactions/MessageReactions-theme.scss +75 -0
- package/src/assets/styles/v2/scss/MessageReactions/MessageReactionsSelector-layout.scss +52 -0
- package/src/assets/styles/v2/scss/MessageReactions/MessageReactionsSelector-theme.scss +83 -0
- package/src/assets/styles/v2/scss/Modal/Modal-layout.scss +40 -0
- package/src/assets/styles/v2/scss/Modal/Modal-theme.scss +75 -0
- package/src/assets/styles/v2/scss/Notification/MessageNotification-layout.scss +12 -0
- package/src/assets/styles/v2/scss/Notification/MessageNotification-theme.scss +34 -0
- package/src/assets/styles/v2/scss/Notification/Notification-layout.scss +3 -0
- package/src/assets/styles/v2/scss/Notification/Notification-theme.scss +32 -0
- package/src/assets/styles/v2/scss/Notification/NotificationList-layout.scss +11 -0
- package/src/assets/styles/v2/scss/Notification/NotificationList-theme.scss +31 -0
- package/src/assets/styles/v2/scss/Thread/Thread-layout.scss +48 -0
- package/src/assets/styles/v2/scss/Thread/Thread-theme.scss +82 -0
- package/src/assets/styles/v2/scss/Tooltip/Tooltip-layout.scss +30 -0
- package/src/assets/styles/v2/scss/Tooltip/Tooltip-theme.scss +36 -0
- package/src/assets/styles/v2/scss/TypingIndicator/TypingIndicator-layout.scss +23 -0
- package/src/assets/styles/v2/scss/TypingIndicator/TypingIndicator-theme.scss +68 -0
- package/src/assets/styles/v2/scss/_base.scss +29 -0
- package/src/assets/styles/v2/scss/_palette-variables.scss +55 -0
- package/src/assets/styles/v2/scss/_theme-variables.scss +217 -0
- package/src/assets/styles/v2/scss/_utils.scss +184 -0
- package/src/assets/styles/v2/scss/common/CTAButton/CTAButton-layout.scss +4 -0
- package/src/assets/styles/v2/scss/common/CTAButton/CTAButton-theme.scss +42 -0
- package/src/assets/styles/v2/scss/common/CircleFAButton/CircleFAButton-layout.scss +14 -0
- package/src/assets/styles/v2/scss/common/CircleFAButton/CircleFAButton-theme.scss +35 -0
- package/src/assets/styles/v2/scss/index.layout.scss +31 -0
- package/src/assets/styles/v2/scss/index.scss +33 -0
- package/src/assets/styles/{scss → v2/scss}/vendor/emoji-mart.scss +27 -8
- package/src/assets/styles/vendor/emoji-mart.scss +514 -0
- package/src/assets/styles/{scss/vendor → vendor}/mml-react.scss +523 -26
- package/src/assets/styles/{scss/vendor → vendor}/react-file-utils.scss +65 -2
- package/src/assets/styles/{scss/vendor → vendor}/react-image-gallery.scss +2 -0
- package/src/assets/version.ts +1 -1
package/assets/version.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export declare const version = "4.0.0-theming-v2.
|
|
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.
|
|
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-
|
|
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: [{
|