stream-chat 9.44.1 → 9.45.0

package/dist/types/messageComposer/textComposer.d.ts

@@ -2,7 +2,7 @@ import { TextComposerMiddlewareExecutor } from './middleware';
 import { StateStore } from '../store';
 import type { TextComposerSuggestion } from './middleware/textComposer/types';
 import type { TextSelection } from './middleware/textComposer/types';
-import type { TextComposerState, TextComposerStateSnapshot } from './middleware/textComposer/types';
+import type { MentionEntity, TextComposerState, TextComposerStateSnapshot } from './middleware/textComposer/types';
 import type { Suggestions } from './middleware/textComposer/types';
 import type { MessageComposer } from './messageComposer';
 import type { CommandResponse, DraftMessage, LocalMessage, UserResponse } from '../types';
@@ -18,7 +18,7 @@ export declare class TextComposer {
     middlewareExecutor: TextComposerMiddlewareExecutor;
     constructor({ composer, message }: TextComposerOptions);
     get channel(): import("..").Channel;
-    get config(): import("./configuration").TextComposerConfig;
+    get config(): import("..").TextComposerConfig;
     get enabled(): boolean;
     set enabled(enabled: boolean);
     get defaultValue(): string | undefined;
@@ -31,8 +31,9 @@ export declare class TextComposer {
     set publishTypingEvents(publishTypingEvents: boolean);
     get command(): CommandResponse | null | undefined;
     get mentionedUsers(): UserResponse[];
+    get mentions(): MentionEntity[];
     get selection(): TextSelection;
-    get suggestions(): Suggestions<import("./middleware").Suggestion> | undefined;
+    get suggestions(): Suggestions<import("..").Suggestion> | undefined;
     get text(): string;
     get textIsEmpty(): boolean;
     initState: ({ message }?: {
@@ -41,10 +42,23 @@ export declare class TextComposer {
     getSnapshot: (state?: TextComposerState) => TextComposerSnapshot;
     restoreSnapshot: (snapshot: TextComposerSnapshot) => void;
     setMentionedUsers(users: UserResponse[]): void;
+    setMentions(entities: MentionEntity[]): void;
     clearCommand(): void;
+    /**
+     * @deprecated Use `upsertMentionEntity({ ...user, mentionType: 'user' })` instead.
+     */
     upsertMentionedUser: (user: UserResponse) => void;
+    /**
+     * @deprecated Use `getMentionEntity('user', userId)` instead.
+     */
     getMentionedUser: (userId: string) => UserResponse | undefined;
+    /**
+     * @deprecated Use `removeMentionEntity('user', userId)` instead.
+     */
     removeMentionedUser: (userId: string) => void;
+    upsertMentionEntity: (entity: MentionEntity) => void;
+    getMentionEntity: (mentionType: MentionEntity["mentionType"], id: MentionEntity["id"]) => MentionEntity | undefined;
+    removeMentionEntity: (mentionType: MentionEntity["mentionType"], id: MentionEntity["id"]) => void;
     setCommand: (command: CommandResponse | null) => void;
     setText: (text: string) => void;
     setSelection: (selection: TextSelection) => void;

package/dist/types/pagination/UserGroupPaginator.d.ts

@@ -0,0 +1,21 @@
+import { BasePaginator } from './BasePaginator';
+import type { PaginationQueryParams, PaginationQueryReturnValue, PaginatorOptions, PaginatorState } from './BasePaginator';
+import type { UserGroupResponse } from '../types';
+import type { StreamChat } from '../client';
+/**
+ * Paginates user-group listing through `/usergroups`.
+ *
+ * This entity only supports forward cursor pagination via `created_at_gt` and `id_gt`.
+ * Previous-page pagination is not available because the API does not expose a backward cursor.
+ */
+export declare class UserGroupPaginator extends BasePaginator<UserGroupResponse> {
+    private client;
+    protected _teamId: string | undefined;
+    constructor(client: StreamChat, options?: PaginatorOptions);
+    get initialState(): PaginatorState<UserGroupResponse>;
+    get teamId(): string | undefined;
+    set teamId(teamId: string | undefined);
+    private buildNextCursor;
+    query: ({ direction, }: PaginationQueryParams) => Promise<PaginationQueryReturnValue<UserGroupResponse>>;
+    filterQueryResults: (items: UserGroupResponse[]) => UserGroupResponse[];
+}

package/dist/types/pagination/index.d.ts

@@ -1,3 +1,4 @@
 export * from './BasePaginator';
 export * from './FilterBuilder';
 export * from './ReminderPaginator';
+export * from './UserGroupPaginator';

package/dist/types/types.d.ts

@@ -88,6 +88,7 @@ export type AppSettingsAPIResponse = APIResponse & {
         async_url_enrich_enabled?: boolean;
         auto_translation_enabled?: boolean;
         before_message_send_hook_url?: string;
+        before_message_send_hook_attempt_timeout_ms?: number;
         campaign_enabled?: boolean;
         cdn_expiration_seconds?: number;
         custom_action_handler_url?: string;
@@ -631,6 +632,8 @@ export type MessageResponseBase = MessageBase & {
     mentioned_users?: UserResponse[];
     mentioned_channel?: boolean;
     mentioned_here?: boolean;
+    mentioned_group_ids?: string[];
+    mentioned_groups?: UserGroupResponse[];
     mentioned_roles?: string[];
     message_text_updated_at?: string;
     moderation?: ModerationResponse;
@@ -766,6 +769,29 @@ export type SearchAPIResponse = APIResponse & {
     previous?: string;
     results_warning?: SearchWarning | null;
 };
+export type RoleResponse = {
+    name: Role;
+    custom: boolean;
+    scopes: string[];
+    created_at: string;
+    updated_at: string;
+};
+export type CreateRoleAPIResponse = APIResponse & {
+    role: RoleResponse;
+};
+export type ListRolesAPIResponse = APIResponse & {
+    roles: RoleResponse[];
+};
+export type SearchRolesAPIResponse = APIResponse & {
+    roles: RoleResponse[];
+};
+export type SearchRolesOptions = {
+    query: string;
+    include_global_roles?: boolean;
+    limit?: number;
+    name_gt?: string;
+    role_type?: 'user' | 'channel';
+};
 export type SearchWarning = {
     channel_search_cids: string[];
     channel_search_count: number;
@@ -949,6 +975,15 @@ export type ChannelStateOptions = {
     offlineMode?: boolean;
     skipInitialization?: string[];
     skipHydration?: boolean;
+    /**
+     * Returns the full query response with hydrated channels from `queryChannels()`.
+     *
+     * This is a compatibility bridge for internal callers that need response level
+     * metadata such as `predefined_filter`. The default `queryChannels()` return value
+     * remains `Channel[]` to avoid a breaking change. This should be folded into a
+     * single full response API in the next major release.
+     */
+    withResponse?: boolean;
 };
 export type CreateChannelOptions = {
     automod?: ChannelConfigAutomod;
@@ -1861,6 +1896,7 @@ export type AppSettings = {
     async_url_enrich_enabled?: boolean;
     auto_translation_enabled?: boolean;
     before_message_send_hook_url?: string;
+    before_message_send_hook_attempt_timeout_ms?: number;
     cdn_expiration_seconds?: number;
     custom_action_handler_url?: string;
     disable_auth_checks?: boolean;
@@ -2165,6 +2201,9 @@ export type Message = Partial<MessageBase & {
     mentioned_users: string[];
     shared_location?: StaticLocationPayload | LiveLocationPayload;
     mentioned_channel?: boolean;
+    mentioned_here?: boolean;
+    mentioned_group_ids?: string[];
+    mentioned_roles?: string[];
 }>;
 export type MessageBase = CustomMessageData & {
     id: string;
@@ -2318,8 +2357,12 @@ export type TokenProvider = () => Promise<string>;
 export type TranslationLanguages = 'af' | 'am' | 'ar' | 'az' | 'bg' | 'bn' | 'bs' | 'cs' | 'da' | 'de' | 'el' | 'en' | 'es' | 'es-MX' | 'et' | 'fa' | 'fa-AF' | 'fi' | 'fr' | 'fr-CA' | 'ha' | 'he' | 'hi' | 'hr' | 'hu' | 'id' | 'it' | 'ja' | 'ka' | 'ko' | 'lt' | 'lv' | 'ms' | 'nl' | 'no' | 'pl' | 'ps' | 'pt' | 'ro' | 'ru' | 'sk' | 'sl' | 'so' | 'sq' | 'sr' | 'sv' | 'sw' | 'ta' | 'th' | 'tl' | 'tr' | 'uk' | 'ur' | 'vi' | 'zh' | 'zh-TW' | (string & {});
 export type TypingStartEvent = Event;
 export type ReservedUpdatedMessageFields = keyof typeof RESERVED_UPDATED_MESSAGE_FIELDS;
-export type UpdatedMessage = Omit<MessageResponse, ReservedUpdatedMessageFields> & {
+export type UpdatedMessage = Omit<MessageResponse, ReservedUpdatedMessageFields | 'mentioned_groups'> & {
     mentioned_users?: string[];
+    mentioned_channel?: boolean;
+    mentioned_here?: boolean;
+    mentioned_group_ids?: string[];
+    mentioned_roles?: string[];
     type?: MessageLabel;
 };
 /**
@@ -3329,7 +3372,7 @@ export type GetDraftResponse = APIResponse & {
 export type QueryDraftsResponse = APIResponse & {
     drafts: DraftResponse[];
 } & Omit<Pager, 'limit'>;
-export type DraftMessagePayload = PartializeKeys<DraftMessage, 'id'> & {
+export type DraftMessagePayload = PartializeKeys<Omit<DraftMessage, 'mentioned_groups'>, 'id'> & {
     user_id?: string;
 };
 export type DraftMessage = {
@@ -3339,6 +3382,11 @@ export type DraftMessage = {
     custom?: {};
     html?: string;
     mentioned_users?: string[];
+    mentioned_channel?: boolean;
+    mentioned_here?: boolean;
+    mentioned_group_ids?: string[];
+    mentioned_groups?: UserGroupResponse[];
+    mentioned_roles?: string[];
     mml?: string;
     parent_id?: string;
     poll_id?: string;
@@ -3469,6 +3517,88 @@ export type QueryRemindersResponse = {
     prev?: string;
     next?: string;
 };
+export type UserGroupMemberResponse = {
+    group_id: string;
+    user_id: string;
+    is_admin: boolean;
+    created_at: string;
+};
+export type UserGroupResponse = {
+    id: string;
+    name: string;
+    created_at: string;
+    updated_at: string;
+    description?: string;
+    team_id?: string;
+    members?: UserGroupMemberResponse[];
+    created_by?: string;
+};
+export type CreateUserGroupOptions = {
+    /** Human-readable user group name */
+    name: string;
+    /** Optional user group description shown to members */
+    description?: string;
+    /** Optional custom user group ID. If omitted, the backend generates one */
+    id?: string;
+    /** Optional list of user IDs to add as members when the group is created */
+    member_ids?: string[];
+    /** Optional team ID that scopes the user group to a specific team */
+    team_id?: string;
+};
+export type CreateUserGroupResponse = APIResponse & {
+    user_group: UserGroupResponse;
+};
+export type GetUserGroupOptions = {
+    team_id?: string;
+};
+export type GetUserGroupResponse = APIResponse & {
+    user_group: UserGroupResponse;
+};
+export type QueryUserGroupsOptions = {
+    limit?: number;
+    id_gt?: string;
+    created_at_gt?: string;
+    team_id?: string;
+};
+export type QueryUserGroupsResponse = APIResponse & {
+    user_groups: UserGroupResponse[];
+};
+export type SearchUserGroupsOptions = {
+    query: string;
+    limit?: number;
+    id_gt?: string;
+    name_gt?: string;
+    team_id?: string;
+};
+export type SearchUserGroupsResponse = APIResponse & {
+    user_groups: UserGroupResponse[];
+};
+export type UpdateUserGroupOptions = {
+    description?: string;
+    name?: string;
+    team_id?: string;
+};
+export type UpdateUserGroupResponse = APIResponse & {
+    user_group: UserGroupResponse;
+};
+export type DeleteUserGroupOptions = {
+    team_id?: string;
+};
+export type AddUserGroupMembersOptions = {
+    member_ids: string[];
+    as_admin?: boolean;
+    team_id?: string;
+};
+export type AddUserGroupMembersResponse = APIResponse & {
+    user_group: UserGroupResponse;
+};
+export type RemoveUserGroupMembersOptions = {
+    member_ids: string[];
+    team_id?: string;
+};
+export type RemoveUserGroupMembersResponse = APIResponse & {
+    user_group: UserGroupResponse;
+};
 export type HookType = 'webhook' | 'sqs' | 'sns' | 'pending_message';
 export type EventHook = {
     id?: string;

package/dist/types/utils.d.ts

@@ -90,6 +90,7 @@ export declare const toDeletedMessage: ({ message, deletedAt, hardDelete, }: {
     text?: string | undefined;
     user_id?: string | undefined;
     command?: string | undefined;
+    mentioned_groups?: import("./types").UserGroupResponse[] | undefined;
     mentioned_users?: UserResponse[] | undefined;
     latest_reactions?: import("./types").ReactionResponse[] | undefined;
     own_reactions?: import("./types").ReactionResponse[] | null | undefined;
@@ -123,6 +124,7 @@ export declare const toDeletedMessage: ({ message, deletedAt, hardDelete, }: {
     member?: import("./types").ChannelMemberResponse | undefined;
     mentioned_channel?: boolean | undefined;
     mentioned_here?: boolean | undefined;
+    mentioned_group_ids?: string[] | undefined;
     mentioned_roles?: string[] | undefined;
     message_text_updated_at?: string | undefined;
     moderation?: import("./types").ModerationResponse | undefined;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "stream-chat",
-  "version": "9.44.1",
+  "version": "9.45.0",
   "description": "JS SDK for the Stream Chat API",
   "homepage": "https://getstream.io/chat/",
   "author": {
@@ -29,11 +29,11 @@
     }
   },
   "browser": {
-    "https": false,
     "crypto": false,
-    "zlib": false,
+    "https": false,
     "jsonwebtoken": false,
-    "ws": false
+    "ws": false,
+    "zlib": false
   },
   "license": "SEE LICENSE IN LICENSE",
   "keywords": [
@@ -51,40 +51,39 @@
   ],
   "dependencies": {
     "@types/jsonwebtoken": "^9.0.8",
-    "@types/ws": "^8.5.14",
-    "axios": "^1.15.1",
+    "@types/ws": "^8.18.1",
+    "axios": "^1.16.1",
     "base64-js": "^1.5.1",
-    "form-data": "^4.0.4",
+    "form-data": "^4.0.5",
     "isomorphic-ws": "^5.0.0",
     "jsonwebtoken": "^9.0.3",
-    "linkifyjs": "^4.3.2",
-    "ws": "^8.18.1"
+    "linkifyjs": "^4.3.3",
+    "ws": "^8.20.1"
   },
   "devDependencies": {
-    "@commitlint/cli": "^19.7.1",
-    "@commitlint/config-conventional": "^19.7.1",
-    "@eslint/js": "^9.21.0",
+    "@commitlint/cli": "^21.0.1",
+    "@commitlint/config-conventional": "^21.0.1",
+    "@eslint/js": "^9.39.4",
     "@semantic-release/changelog": "^6.0.3",
     "@semantic-release/git": "^10.0.1",
-    "@types/base64-js": "^1.3.0",
-    "@types/node": "^22.15.21",
+    "@types/node": "^22.19.19",
     "@types/sinon": "^10.0.6",
-    "@vitest/coverage-v8": "3.1.4",
-    "concurrently": "^9.1.2",
-    "conventional-changelog-conventionalcommits": "^8.0.0",
-    "dotenv": "^8.2.0",
-    "esbuild": "^0.25.4",
-    "eslint": "^9.27.0",
-    "eslint-plugin-import": "^2.31.0",
-    "globals": "^16.0.0",
+    "@vitest/coverage-v8": "^4.1.7",
+    "concurrently": "^9.2.1",
+    "conventional-changelog-conventionalcommits": "^9.3.1",
+    "dotenv": "^17.4.2",
+    "esbuild": "^0.28.0",
+    "eslint": "^9.39.4",
+    "eslint-plugin-import": "^2.32.0",
+    "globals": "^17.6.0",
     "husky": "^9.1.7",
-    "lint-staged": "^15.2.2",
-    "prettier": "^3.5.3",
-    "semantic-release": "^25.0.2",
+    "lint-staged": "^17.0.5",
+    "prettier": "^3.8.3",
+    "semantic-release": "^25.0.3",
     "sinon": "^12.0.1",
-    "typescript": "^5.8.3",
-    "typescript-eslint": "^8.32.1",
-    "vitest": "^3.1.4"
+    "typescript": "^6.0.3",
+    "typescript-eslint": "^8.59.4",
+    "vitest": "^4.1.7"
   },
   "scripts": {
     "build": "rm -rf dist && concurrently 'tsc' './scripts/bundle.mjs'",
@@ -97,7 +96,6 @@
     "eslint": "eslint --max-warnings 0",
     "eslint-fix": "yarn run eslint --fix",
     "test": "yarn test-unit",
-    "testwatch": "NODE_ENV=test nodemon ./node_modules/.bin/mocha --timeout 20000 --require test-entry.js test/test.js",
     "test-types": "yarn run-test-types && yarn run-types-gen",
     "run-test-types": "node test/typescript/index.js",
     "run-types-gen": "tsc --esModuleInterop true --noEmit true --strictNullChecks true --noImplicitAny true --strict true test/typescript/*.ts",
@@ -105,10 +103,19 @@
     "test-coverage": "vitest run --coverage",
     "fix-staged": "lint-staged --config .lintstagedrc.fix.json --concurrent 1",
     "semantic-release": "semantic-release",
-    "prepare": "husky; yarn run build"
+    "postinstall": "husky",
+    "prepare": "yarn run build"
   },
   "engines": {
     "node": ">=18"
   },
-  "packageManager": "yarn@1.22.21+sha1.1959a18351b811cdeedbd484a8f86c3cc3bbaf72"
+  "packageManager": "yarn@4.15.0",
+  "dependenciesMeta": {
+    "esbuild": {
+      "built": true
+    },
+    "husky": {
+      "built": true
+    }
+  }
 }

package/src/channel_manager.ts

@@ -1,10 +1,11 @@
-import type { StreamChat } from './client';
+import type { QueryChannelsResponseWithChannels, StreamChat } from './client';
 import type {
   ChannelFilters,
   ChannelOptions,
   ChannelSort,
   ChannelStateOptions,
   Event,
+  QueryChannelsAPIResponse,
 } from './types';
 import type { ValueOrPatch } from './store';
 import { isPatch, StateStore } from './store';
@@ -34,6 +35,8 @@ export type ChannelManagerPagination = {
   isLoading: boolean;
   isLoadingNext: boolean;
   options: ChannelOptions;
+  responseFilters?: ChannelFilters;
+  responseSort?: ChannelSort;
   sort: ChannelSort;
 };
 
@@ -133,9 +136,14 @@ export type ChannelManagerOptions = {
   lockChannelOrder?: boolean;
 };
 
+export type QueryChannelsRequestOutput = Channel[] | QueryChannelsResponseWithChannels;
+
 export type QueryChannelsRequestType = (
-  ...params: Parameters<StreamChat['queryChannels']>
-) => Promise<Channel[]>;
+  filters: ChannelFilters,
+  sort?: ChannelSort,
+  options?: ChannelOptions,
+  stateOptions?: ChannelStateOptions,
+) => Promise<QueryChannelsRequestOutput>;
 
 export const DEFAULT_CHANNEL_MANAGER_OPTIONS = {
   abortInFlightQuery: false,
@@ -152,6 +160,54 @@ export const DEFAULT_CHANNEL_MANAGER_PAGINATION_OPTIONS = {
   offset: 0,
 };
 
+const mapPredefinedFilterSortToChannelSort = (
+  sort: NonNullable<QueryChannelsAPIResponse['predefined_filter']>['sort'],
+): ChannelSort =>
+  (sort ?? []).map(({ direction = 1, field }) => ({
+    [field]: direction,
+  })) as ChannelSort;
+
+const getResponsePaginationParams = ({
+  queryChannelsResponse,
+  sort,
+}: {
+  queryChannelsResponse?: Pick<QueryChannelsAPIResponse, 'predefined_filter'>;
+  sort: ChannelSort;
+}): Pick<ChannelManagerPagination, 'responseFilters' | 'responseSort'> => {
+  const predefinedFilter = queryChannelsResponse?.predefined_filter;
+
+  if (!predefinedFilter) {
+    return {};
+  }
+
+  return {
+    responseFilters: predefinedFilter.filter as ChannelFilters,
+    responseSort:
+      predefinedFilter.sort !== undefined
+        ? mapPredefinedFilterSortToChannelSort(predefinedFilter.sort)
+        : sort,
+  };
+};
+
+const getResponseFiltersAndSort = (
+  pagination: ChannelManagerPagination,
+): Pick<ChannelManagerPagination, 'filters' | 'sort'> => ({
+  filters: pagination.responseFilters ?? pagination.filters,
+  sort: pagination.responseSort ?? pagination.sort,
+});
+
+const omitResponsePaginationParams = (pagination: ChannelManagerPagination) => {
+  const paginationWithoutResponseParams = { ...pagination };
+  delete paginationWithoutResponseParams.responseFilters;
+  delete paginationWithoutResponseParams.responseSort;
+
+  return paginationWithoutResponseParams;
+};
+
+const isQueryChannelsResponseWithChannels = (
+  response: QueryChannelsRequestOutput,
+): response is QueryChannelsResponseWithChannels => !Array.isArray(response);
+
 /**
  * A class that manages a list of channels and changes it based on configuration and WS events. The
  * list of channels is reactive as well as the pagination and it can be subscribed to for state updates.
@@ -279,23 +335,39 @@ export class ChannelManager extends WithSubscriptions {
       ...options,
     };
     try {
-      const channels = await this.queryChannelsRequest(
+      const queryChannelsResponse = await this.queryChannelsRequest(
         filters,
         sort,
         options,
-        stateOptions,
+        { ...stateOptions, withResponse: true },
       );
+      const channels = isQueryChannelsResponseWithChannels(queryChannelsResponse)
+        ? queryChannelsResponse.channels
+        : queryChannelsResponse;
       const newOffset = offset + (channels?.length ?? 0);
       const newOptions = { ...options, offset: newOffset };
       const { pagination } = this.state.getLatestValue();
+      const responsePaginationParams = getResponsePaginationParams({
+        queryChannelsResponse: isQueryChannelsResponseWithChannels(queryChannelsResponse)
+          ? queryChannelsResponse
+          : undefined,
+        sort,
+      });
+      const paginationWithoutResponseParams = omitResponsePaginationParams(pagination);
 
       this.state.partialNext({
         channels,
         pagination: {
-          ...pagination,
+          // Drop response derived filter/sort from the previous query before applying
+          // the current response. Non predefined queries do not return this metadata,
+          // so keeping the old values would make later WS mutations use stale
+          // predefined filter semantics. Also the predefined_filter might change, producing
+          // a different combination as well so we always need to first clean up.
+          ...paginationWithoutResponseParams,
           hasNext: (channels?.length ?? 0) >= (limit ?? 1),
           isLoading: false,
           options: newOptions,
+          ...responsePaginationParams,
         },
         initialized: true,
         error: undefined,
@@ -368,7 +440,7 @@ export class ChannelManager extends WithSubscriptions {
       this.state.next((currentState) => ({
         ...currentState,
         pagination: {
-          ...currentState.pagination,
+          ...omitResponsePaginationParams(currentState.pagination),
           isLoading: true,
           isLoadingNext: false,
           filters,
@@ -434,12 +506,15 @@ export class ChannelManager extends WithSubscriptions {
       this.state.partialNext({
         pagination: { ...pagination, isLoading: false, isLoadingNext: true },
       });
-      const nextChannels = await this.queryChannelsRequest(
+      const queryChannelsResponse = await this.queryChannelsRequest(
         filters,
         sort,
         options,
         this.stateOptions,
       );
+      const nextChannels = isQueryChannelsResponseWithChannels(queryChannelsResponse)
+        ? queryChannelsResponse.channels
+        : queryChannelsResponse;
       const { channels } = this.state.getLatestValue();
       const newOffset = offset + (nextChannels?.length ?? 0);
       const newOptions = { ...options, offset: newOffset };
@@ -498,7 +573,7 @@ export class ChannelManager extends WithSubscriptions {
       return;
     }
 
-    const { sort } = pagination ?? {};
+    const { sort } = getResponseFiltersAndSort(pagination);
 
     this.setChannels(
       promoteChannel({
@@ -535,7 +610,7 @@ export class ChannelManager extends WithSubscriptions {
     if (!channels) {
       return;
     }
-    const { filters, sort } = pagination ?? {};
+    const { filters, sort } = getResponseFiltersAndSort(pagination);
 
     const channelType = event.channel_type;
     const channelId = event.channel_id;
@@ -594,7 +669,7 @@ export class ChannelManager extends WithSubscriptions {
     });
 
     const { channels, pagination } = this.state.getLatestValue();
-    const { filters, sort } = pagination ?? {};
+    const { filters, sort } = getResponseFiltersAndSort(pagination);
 
     const considerArchivedChannels = shouldConsiderArchivedChannels(filters);
     const isTargetChannelArchived = isChannelArchived(channel);
@@ -631,7 +706,7 @@ export class ChannelManager extends WithSubscriptions {
     });
 
     const { channels, pagination } = this.state.getLatestValue();
-    const { sort, filters } = pagination ?? {};
+    const { filters, sort } = getResponseFiltersAndSort(pagination);
 
     const considerArchivedChannels = shouldConsiderArchivedChannels(filters);
     const isTargetChannelArchived = isChannelArchived(channel);
@@ -658,7 +733,7 @@ export class ChannelManager extends WithSubscriptions {
 
   private memberUpdatedHandler = (event: Event) => {
     const { pagination, channels } = this.state.getLatestValue();
-    const { filters, sort } = pagination;
+    const { filters, sort } = getResponseFiltersAndSort(pagination);
     if (
       !event.member?.user ||
       event.member.user.id !== this.client.userID ||