stream-chat-angular 5.0.0-v5.9 → 5.1.0

package/lib/virtualized-list.service.d.ts

@@ -0,0 +1,58 @@
+import { BehaviorSubject, Observable, Subject } from 'rxjs';
+import { VirtualizedListQueryDirection, VirtualizedListQueryState, VirtualizedListScrollPosition, VirtualizedListVerticalItemPosition } from './types';
+/**
+ * The `VirtualizedListService` removes items from a list that are not currently displayed. This is a high-level overview of how it works:
+ * - Create a new instance for each list that needs virtualization
+ * - Input: Provide a reactive stream that emits all items in the list
+ * - Input: Provide a reactive stream that emit the current scroll position (top, middle or bottom)
+ * - Input: maximum number of items that are allowed in the list (in practice the service can make the virtualized list half this number, you should take this into account when choosing the value)
+ * - Output: The service will emit the current list of displayed items via the virtualized items reactive stream
+ * - For simplicity, the service won't track the height of the items, nor it needs an exact scroll location -> this is how removing items work:
+ *   - If scroll location is bottom/top items around the current bottom/top item will be emitted in the virtualized items stream
+ *   - If scroll location is middle, the service won't remove items, if new items are received, those will be appended to the virtualized list  (this means that in theory the list can grow very big if a lot of new items are received while the user is scrolled somewhere, this is a trade-off for the simplicity of no height tracking)
+ *   - Since there is no height tracking, you should make sure to provide a maximum number that is big enough to fill the biggest expected screen size twice
+ * - If the user scrolls to the bottom/top and there are no more local items to show, the service will trigger a query to load more items
+ *   - Input: you should provide the page size to use, in order for the service to determine if loading is necessary
+ *
+ * The `VirtualizedMessageListService` provides an implementation for the message list component.
+ */
+export declare abstract class VirtualizedListService<T> {
+    private allItems$;
+    private scrollPosition$;
+    readonly jumpToItem$?: Observable<{
+        item: Partial<T> | undefined;
+        position?: VirtualizedListVerticalItemPosition | undefined;
+    }> | undefined;
+    readonly pageSize: number;
+    readonly maxItemCount: number;
+    /**
+     * The items that should be currently displayed, a subset of all items
+     */
+    virtualizedItems$: Observable<T[]>;
+    /**
+     * The result of the last query used to load more items
+     */
+    queryState$: Observable<VirtualizedListQueryState>;
+    protected queryStateSubject: BehaviorSubject<VirtualizedListQueryState>;
+    protected bufferOnTop: number;
+    protected bufferOnBottom: number;
+    protected loadFromBuffer$: Subject<void>;
+    private virtualizedItemsSubject;
+    private subscriptions;
+    constructor(allItems$: Observable<T[]>, scrollPosition$: Observable<VirtualizedListScrollPosition>, jumpToItem$?: Observable<{
+        item: Partial<T> | undefined;
+        position?: VirtualizedListVerticalItemPosition | undefined;
+    }> | undefined, pageSize?: number, maxItemCount?: number);
+    /**
+     * The current value of virtualized items
+     */
+    get virtualizedItems(): T[];
+    /**
+     * Remove all subscriptions, call this once you're done using an instance of this service
+     */
+    dispose(): void;
+    protected loadMoreFromBuffer(_: VirtualizedListQueryDirection): void;
+    private loadMore;
+    protected abstract isEqual: (t1: T, t2: T) => boolean;
+    protected abstract query: (direction: VirtualizedListQueryDirection) => Promise<unknown>;
+}

package/lib/virtualized-message-list.service.d.ts

@@ -0,0 +1,15 @@
+import { ChannelService } from './channel.service';
+import { VirtualizedListQueryDirection, VirtualizedListScrollPosition, StreamMessage } from './types';
+import { Observable } from 'rxjs';
+import { VirtualizedListService } from './virtualized-list.service';
+/**
+ * The `VirtualizedMessageListService` removes messages from the message list that are currently not in view
+ */
+export declare class VirtualizedMessageListService extends VirtualizedListService<StreamMessage> {
+    readonly mode: 'thread' | 'main';
+    private channelService;
+    constructor(mode: 'thread' | 'main', scrollPosition$: Observable<VirtualizedListScrollPosition>, channelService: ChannelService);
+    protected loadMoreFromBuffer(direction: VirtualizedListQueryDirection): void;
+    protected isEqual: (t1: StreamMessage, t2: StreamMessage) => boolean;
+    protected query: (direction: VirtualizedListQueryDirection) => Promise<void> | Promise<import("stream-chat").QueryChannelAPIResponse<import("./types").DefaultStreamChatGenerics>>;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "stream-chat-angular",
-  "version": "5.0.0-v5.9",
+  "version": "5.1.0",
   "description": "Angular components to create chat conversations or livestream style chat",
   "author": "GetStream",
   "homepage": "https://getstream.io/chat/",
@@ -9,12 +9,12 @@
     "url": "https://github.com/GetStream/stream-chat-angular.git"
   },
   "peerDependencies": {
-    "@angular/common": "^15.0.0 || ^16.0.0 || ^17.0.0",
-    "@angular/core": "^15.0.0 || ^16.0.0 || ^17.0.0",
+    "@angular/common": "^15.0.0 || ^16.0.0 || ^17.0.0 || ^18.0.0",
+    "@angular/core": "^15.0.0 || ^16.0.0 || ^17.0.0 || ^18.0.0",
     "@floating-ui/dom": "^1.6.3",
     "@ngx-translate/core": "^14.0.0 || ^15.0.0",
     "angular-mentions": "^1.4.0",
-    "ngx-float-ui": "^15.0.0|| ^16.0.0 || ^17.0.0",
+    "ngx-float-ui": "^15.0.0|| ^16.0.0 || ^17.0.0 || ^18.0.0 || ^18.0.1-rc.0",
     "rxjs": "^7.4.0",
     "stream-chat": "^8.26.0"
   },
@@ -24,7 +24,7 @@
     "emoji-regex": "^10.3.0",
     "pretty-bytes": "^6.1.1",
     "tslib": "^2.3.0",
-    "uuidv4": "^6.2.13"
+    "uuid": "^9.0.1"
   },
   "module": "fesm2015/stream-chat-angular.mjs",
   "es2020": "fesm2020/stream-chat-angular.mjs",

package/public-api.d.ts

@@ -19,7 +19,6 @@ export * from './lib/message/message.component';
 export * from './lib/parse-date';
 export * from './lib/list-users';
 export * from './lib/message-input/message-input.component';
-export * from './lib/edit-message-form/edit-message-form.component';
 export * from './lib/message-bounce-prompt/message-bounce-prompt.component';
 export * from './lib/message-input/textarea/textarea.component';
 export * from './lib/message-input/autocomplete-textarea/autocomplete-textarea.component';
@@ -58,3 +57,7 @@ export * from './lib/message-actions.service';
 export * from './lib/voice-recording/voice-recording.component';
 export * from './lib/voice-recording/voice-recording-wavebar/voice-recording-wavebar.component';
 export * from './lib/is-on-separate-date';
+export * from './lib/message-reactions-selector/message-reactions-selector.component';
+export * from './lib/channel-query';
+export * from './lib/virtualized-list.service';
+export * from './lib/virtualized-message-list.service';

package/src/assets/assets/icons/stream-chat-icons.svg

@@ -0,0 +1,46 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg xmlns="http://www.w3.org/2000/svg">
+<metadata>Copyright (C) 2024 by original authors @ fontello.com</metadata>
+<defs>
+<font id="stream-chat-icons" horiz-adv-x="1000" >
+<font-face font-family="stream-chat-icons" font-weight="400" font-stretch="normal" units-per-em="1000" ascent="850" descent="-150" />
+<missing-glyph horiz-adv-x="1000" />
+<glyph glyph-name="action" unicode="&#xe800;" d="M500 517c46 0 83 37 83 83 0 46-37 83-83 83-46 0-83-37-83-83 0-46 37-83 83-83z m0-84c-46 0-83-37-83-83 0-46 37-83 83-83 46 0 83 37 83 83 0 46-37 83-83 83z m0-250c-46 0-83-37-83-83 0-46 37-83 83-83 46 0 83 37 83 83 0 46-37 83-83 83z" horiz-adv-x="1000" />
+
+<glyph glyph-name="arrow-down" unicode="&#xe801;" d="M309 504l191-190 191 190 59-58-250-250-250 250 59 58z" horiz-adv-x="1000" />
+
+<glyph glyph-name="arrow-left" unicode="&#xe802;" d="M654 541l-58 59-250-250 250-250 58 59-190 191 190 191z" horiz-adv-x="1000" />
+
+<glyph glyph-name="arrow-right" unicode="&#xe803;" d="M404 600l-58-59 191-191-191-191 58-59 250 250-250 250z" horiz-adv-x="1000" />
+
+<glyph glyph-name="close" unicode="&#xe804;" d="M792 583l-59 59-233-233-233 233-59-59 233-233-233-233 59-59 233 233 233-233 59 59-233 233 233 233z" horiz-adv-x="1000" />
+
+<glyph glyph-name="arrow-up" unicode="&#xe805;" d="M691 196l-191 191-191-191-59 58 250 250 250-250-59-58z" horiz-adv-x="1000" />
+
+<glyph glyph-name="chat-bubble" unicode="&#xe806;" d="M779 670h-558c-39 0-70-32-70-70v-629l139 140h489c39 0 70 32 70 70v419c0 38-31 70-70 70z m0-489h-489l-69-70v489h558v-419z" horiz-adv-x="1000" />
+
+<glyph glyph-name="pause" unicode="&#xe807;" d="M250 58h167v584h-167v-584z m333 584v-584h167v584h-167z" horiz-adv-x="1000" />
+
+<glyph glyph-name="download" unicode="&#xe808;" d="M806 432c-28 143-154 251-306 251-120 0-225-68-277-168-125-13-223-120-223-248 0-138 112-250 250-250h542c115 0 208 93 208 208 0 110-85 199-194 207z m-14-332h-542c-92 0-167 75-167 167 0 85 64 156 149 165l44 5 21 39c40 77 117 124 203 124 109 0 203-77 225-185l12-62 64-5c65-4 116-58 116-123 0-69-57-125-125-125z m-232 333h-120v-125h-107l167-166 167 166h-107v125z" horiz-adv-x="1000" />
+
+<glyph glyph-name="delivered" unicode="&#xe809;" d="M375 175l-175 175-58-58 233-234 500 500-58 59-442-442z" horiz-adv-x="1000" />
+
+<glyph glyph-name="play" unicode="&#xe80a;" d="M271 642v-584l458 292-458 292z" horiz-adv-x="1000" />
+
+<glyph glyph-name="reaction" unicode="&#xe80b;" d="M500 767c-230 0-417-187-417-417 0-230 187-417 417-417 230 0 417 187 417 417 0 230-187 417-417 417z m0-750c-184 0-333 149-333 333 0 184 149 333 333 333 184 0 333-149 333-333 0-184-149-333-333-333z m146 375c34 0 62 28 62 62 0 35-28 63-62 63-35 0-63-28-63-63 0-34 28-62 63-62z m-292 0c35 0 63 28 63 62 0 35-28 63-63 63-34 0-62-28-62-63 0-34 28-62 62-62z m146-271c97 0 180 61 213 146h-426c33-85 116-146 213-146z" horiz-adv-x="1000" />
+
+<glyph glyph-name="error" unicode="&#xe80c;" d="M500 767c-230 0-417-187-417-417 0-230 187-417 417-417 230 0 417 187 417 417 0 230-187 417-417 417z m42-625h-84v83h84v-83z m0 166h-84v250h84v-250z" horiz-adv-x="1000" />
+
+<glyph glyph-name="read" unicode="&#xe80d;" d="M749 571l-59 58-264-264 58-58 265 264z m176 58l-441-440-174 173-58-58 232-233 500 500-59 58z m-909-325l233-233 58 58-232 233-59-58z" horiz-adv-x="1000" />
+
+<glyph glyph-name="retry" unicode="&#xe80e;" d="M735 585c-60 61-143 98-235 98-184 0-333-149-333-333 0-184 149-333 333-333 155 0 285 106 322 250h-87c-34-97-126-167-235-167-138 0-250 112-250 250 0 138 112 250 250 250 69 0 131-29 176-74l-134-134h291v291l-98-98z" horiz-adv-x="1000" />
+
+<glyph glyph-name="reply-in-thread" unicode="&#xe80f;" d="M417 496v167l-292-292 292-292v171c208 0 354-67 458-212-42 208-167 416-458 458z" horiz-adv-x="1000" />
+
+<glyph glyph-name="send" unicode="&#xe810;" d="M167-67l833 417-833 417 0-324 595-93-595-93 0-324z" horiz-adv-x="1000" />
+
+<glyph glyph-name="attach" unicode="&#xe811;" d="M542 558h-84v-166h-166v-84h166v-166h84v166h166v84h-166v166z m-42 209c-230 0-417-187-417-417 0-230 187-417 417-417 230 0 417 187 417 417 0 230-187 417-417 417z m0-750c-184 0-333 149-333 333 0 184 149 333 333 333 184 0 333-149 333-333 0-184-149-333-333-333z" horiz-adv-x="1000" />
+</font>
+</defs>
+</svg>

package/src/assets/i18n/en.ts

@@ -53,7 +53,7 @@ export const en = {
     'Pick your emoji': 'Pick your emoji',
     Pin: 'Pin',
     'Pinned by': 'Pinned by',
-    Reply: 'Reply',
+    Reply: 'Quote Reply',
     'Reply to Message': 'Reply to Message',
     Search: 'Search',
     'Searching...': 'Searching...',
@@ -119,5 +119,6 @@ export const en = {
     'Send Anyway': 'Send Anyway',
     Edited: 'Edited',
     'Error playing audio': 'Error playing audio',
+    'Copy text': 'Copy text',
   },
 };