stream-chat 9.44.1 → 9.45.0

package/src/client.ts

@@ -42,6 +42,8 @@ import {
 
 import type {
   ActiveLiveLocationsAPIResponse,
+  AddUserGroupMembersOptions,
+  AddUserGroupMembersResponse,
   APIErrorResponse,
   APIResponse,
   AppSettings,
@@ -86,12 +88,16 @@ import type {
   CreatePollOptionAPIResponse,
   CreatePredefinedFilterOptions,
   CreateReminderOptions,
+  CreateRoleAPIResponse,
+  CreateUserGroupOptions,
+  CreateUserGroupResponse,
   CustomPermissionOptions,
   DeactivateUsersOptions,
   DeleteChannelsResponse,
   DeleteCommandResponse,
   DeleteMessageOptions,
   DeleteRetentionPolicyResponse,
+  DeleteUserGroupOptions,
   DeleteUserOptions,
   Device,
   DeviceIdentifier,
@@ -134,12 +140,15 @@ import type {
   GetThreadOptions,
   GetUnreadCountAPIResponse,
   GetUnreadCountBatchAPIResponse,
+  GetUserGroupOptions,
+  GetUserGroupResponse,
   ListChannelResponse,
   ListCommandsResponse,
   ListImportsPaginationOptions,
   ListImportsResponse,
   ListPredefinedFiltersOptions,
   ListPredefinedFiltersResponse,
+  ListRolesAPIResponse,
   LocalMessage,
   Logger,
   MarkChannelsReadOptions,
@@ -197,6 +206,8 @@ import type {
   QueryTeamUsageStatsResponse,
   QueryThreadsAPIResponse,
   QueryThreadsOptions,
+  QueryUserGroupsOptions,
+  QueryUserGroupsResponse,
   QueryVotesFilters,
   QueryVotesOptions,
   ReactionFilters,
@@ -205,6 +216,8 @@ import type {
   ReactivateUserOptions,
   ReactivateUsersOptions,
   ReminderAPIResponse,
+  RemoveUserGroupMembersOptions,
+  RemoveUserGroupMembersResponse,
   ReviewFlagReportOptions,
   ReviewFlagReportResponse,
   SdkIdentifier,
@@ -212,6 +225,10 @@ import type {
   SearchMessageSortBase,
   SearchOptions,
   SearchPayload,
+  SearchRolesAPIResponse,
+  SearchRolesOptions,
+  SearchUserGroupsOptions,
+  SearchUserGroupsResponse,
   SegmentData,
   SegmentResponse,
   SegmentTargetsResponse,
@@ -245,6 +262,8 @@ import type {
   UpdatePredefinedFilterOptions,
   UpdateReminderOptions,
   UpdateSegmentData,
+  UpdateUserGroupOptions,
+  UpdateUserGroupResponse,
   UpdateUsersAPIResponse,
   UpsertPushPreferencesResponse,
   UserCustomEvent,
@@ -281,6 +300,13 @@ function isString(x: unknown): x is string {
 
 type MessageComposerTearDownFunction = () => void;
 
+export type QueryChannelsResponseWithChannels = Omit<
+  QueryChannelsAPIResponse,
+  'channels'
+> & {
+  channels: Channel[];
+};
+
 type MessageComposerSetupFunction = ({
   composer,
 }: {
@@ -1827,6 +1853,120 @@ export class StreamChat {
     return data;
   }
 
+  /**
+   * queryUserGroups - List user groups with cursor-based pagination.
+   *
+   * @param {QueryUserGroupsOptions} options The query options
+   *
+   * @return {Promise<QueryUserGroupsResponse>} User Group Query Response
+   */
+  async queryUserGroups(options: QueryUserGroupsOptions = {}) {
+    return await this.get<QueryUserGroupsResponse>(this.baseURL + '/usergroups', options);
+  }
+
+  /**
+   * createUserGroup - Create a user group
+   *
+   * @param {CreateUserGroupOptions} options The create options
+   *
+   * @return {Promise<CreateUserGroupResponse>} User Group Create Response
+   */
+  async createUserGroup(options: CreateUserGroupOptions) {
+    return await this.post<CreateUserGroupResponse>(
+      this.baseURL + '/usergroups',
+      options,
+    );
+  }
+
+  /**
+   * getUserGroup - Get a user group by ID
+   *
+   * @param {string} id The user group ID
+   * @param {GetUserGroupOptions} options Optional query options
+   *
+   * @return {Promise<GetUserGroupResponse>} User Group Get Response
+   */
+  async getUserGroup(id: string, options: GetUserGroupOptions = {}) {
+    return await this.get<GetUserGroupResponse>(
+      `${this.baseURL}/usergroups/${encodeURIComponent(id)}`,
+      options,
+    );
+  }
+
+  /**
+   * searchUserGroups - Search user groups by prefix for autocomplete
+   *
+   * @param {SearchUserGroupsOptions} options The search options
+   *
+   * @return {Promise<SearchUserGroupsResponse>} User Group Search Response
+   */
+  async searchUserGroups(options: SearchUserGroupsOptions) {
+    return await this.get<SearchUserGroupsResponse>(
+      this.baseURL + '/usergroups/search',
+      options,
+    );
+  }
+
+  /**
+   * updateUserGroup - Update a user group by ID
+   *
+   * @param {string} id The user group ID
+   * @param {UpdateUserGroupOptions} options The update options
+   *
+   * @return {Promise<UpdateUserGroupResponse>} User Group Update Response
+   */
+  async updateUserGroup(id: string, options: UpdateUserGroupOptions) {
+    return await this.put<UpdateUserGroupResponse>(
+      `${this.baseURL}/usergroups/${encodeURIComponent(id)}`,
+      options,
+    );
+  }
+
+  /**
+   * deleteUserGroup - Delete a user group by ID
+   *
+   * @param {string} id The user group ID
+   * @param {DeleteUserGroupOptions} options Optional query options
+   *
+   * @return {Promise<APIResponse>} User Group Delete Response
+   */
+  async deleteUserGroup(id: string, options: DeleteUserGroupOptions = {}) {
+    return await this.delete<APIResponse>(
+      `${this.baseURL}/usergroups/${encodeURIComponent(id)}`,
+      options,
+    );
+  }
+
+  /**
+   * addUserGroupMembers - Add members to a user group
+   *
+   * @param {string} id The user group ID
+   * @param {AddUserGroupMembersOptions} options The add-members options
+   *
+   * @return {Promise<AddUserGroupMembersResponse>} User Group Add Members Response
+   */
+  async addUserGroupMembers(id: string, options: AddUserGroupMembersOptions) {
+    return await this.post<AddUserGroupMembersResponse>(
+      `${this.baseURL}/usergroups/${encodeURIComponent(id)}/members`,
+      options,
+    );
+  }
+
+  /**
+   * removeUserGroupMembers - Remove members from a user group
+   *
+   * @param {string} id The user group ID
+   * @param {RemoveUserGroupMembersOptions} options The remove-members options
+   *
+   * @return {Promise<RemoveUserGroupMembersResponse>} User Group Remove Members Response
+   */
+  async removeUserGroupMembers(id: string, options: RemoveUserGroupMembersOptions) {
+    return await this.post<RemoveUserGroupMembersResponse>(
+      `${this.baseURL}/usergroups/${encodeURIComponent(id)}/members/delete`,
+      options,
+    );
+  }
+
   /**
    * queryBannedUsers - Query user bans
    *
@@ -1888,20 +2028,26 @@ export class StreamChat {
   }
 
   /**
-   * queryChannelsRequest - Queries channels and returns the raw response
+   * queryChannelsRequestWithResponse - Queries channels and returns the full API response
+   * including top-level metadata such as `predefined_filter`.
+   *
+   * This exists as a compatibility bridge, as changing `queryChannelsRequest()` to return
+   * `QueryChannelsAPIResponse` would be a breaking change because it currently returns
+   * only the channel list. In the next major release, the request/response APIs should
+   * be consolidated so callers can access the full response through the primary API.
    *
    * @param {ChannelFilters} filterConditions object MongoDB style filters. Can be empty object when using predefined_filter in options.
    * @param {ChannelSort} [sort] Sort options, for instance {created_at: -1}.
    * When using multiple fields, make sure you use array of objects to guarantee field order, for instance [{last_updated: -1}, {created_at: 1}]
    * @param {ChannelOptions} [options] Options object. Can include predefined_filter, filter_values, and sort_values for using predefined filters.
    *
-   * @return {Promise<Array<ChannelAPIResponse>>} search channels response
+   * @return {Promise<QueryChannelsAPIResponse>} full search channels response
    */
-  async queryChannelsRequest(
+  async queryChannelsRequestWithResponse(
     filterConditions: ChannelFilters,
     sort: ChannelSort = [],
     options: ChannelOptions = {},
-  ) {
+  ): Promise<QueryChannelsAPIResponse> {
     const defaultOptions: ChannelOptions = {
       state: true,
       watch: true,
@@ -1934,9 +2080,33 @@ export class StreamChat {
           ...restOptions,
         };
 
-    const data = await this.post<QueryChannelsAPIResponse>(
-      this.baseURL + '/channels',
-      payload,
+    return await this.post<QueryChannelsAPIResponse>(this.baseURL + '/channels', payload);
+  }
+
+  /**
+   * queryChannelsRequest - Queries channels and returns the raw channel response list.
+   *
+   * This preserves the historical return shape for backwards compatibility. Use
+   * `queryChannelsRequestWithResponse()` when response level metadata such as
+   * `predefined_filter` is needed. In the next major release these APIs should be
+   * consolidated into a single full-response API.
+   *
+   * @param {ChannelFilters} filterConditions object MongoDB style filters. Can be empty object when using predefined_filter in options.
+   * @param {ChannelSort} [sort] Sort options, for instance {created_at: -1}.
+   * When using multiple fields, make sure you use array of objects to guarantee field order, for instance [{last_updated: -1}, {created_at: 1}]
+   * @param {ChannelOptions} [options] Options object. Can include predefined_filter, filter_values, and sort_values for using predefined filters.
+   *
+   * @return {Promise<Array<ChannelAPIResponse>>} search channels response
+   */
+  async queryChannelsRequest(
+    filterConditions: ChannelFilters,
+    sort: ChannelSort = [],
+    options: ChannelOptions = {},
+  ) {
+    const data = await this.queryChannelsRequestWithResponse(
+      filterConditions,
+      sort,
+      options,
     );
 
     // FIXME: In the next major release, return the full QueryChannelsAPIResponse
@@ -1955,16 +2125,34 @@ export class StreamChat {
    * @param {ChannelStateOptions} [stateOptions] State options object. These options will only be used for state management and won't be sent in the request.
    * - stateOptions.skipInitialization - Skips the initialization of the state for the channels matching the ids in the list.
    * - stateOptions.skipHydration - Skips returning the channels as instances of the Channel class and rather returns the raw query response.
+   * - stateOptions.withResponse - Returns the full query response with hydrated channels. This is a compatibility bridge for internal callers that need response-level metadata while the default return value remains `Channel[]`.
    *
    * @return {Promise<Array<Channel>>} search channels response
    */
+  async queryChannels(
+    filterConditions: ChannelFilters,
+    sort: ChannelSort,
+    options: ChannelOptions,
+    stateOptions: ChannelStateOptions & { withResponse: true },
+  ): Promise<QueryChannelsResponseWithChannels>;
+  async queryChannels(
+    filterConditions?: ChannelFilters,
+    sort?: ChannelSort,
+    options?: ChannelOptions,
+    stateOptions?: ChannelStateOptions,
+  ): Promise<Channel[]>;
   async queryChannels(
     filterConditions: ChannelFilters,
     sort: ChannelSort = [],
     options: ChannelOptions = {},
     stateOptions: ChannelStateOptions = {},
-  ) {
-    const channels = await this.queryChannelsRequest(filterConditions, sort, options);
+  ): Promise<Channel[] | QueryChannelsResponseWithChannels> {
+    const queryChannelsResponse = await this.queryChannelsRequestWithResponse(
+      filterConditions,
+      sort,
+      options,
+    );
+    const channels = queryChannelsResponse.channels;
 
     this.dispatchEvent({
       type: 'channels.queried',
@@ -1980,7 +2168,16 @@ export class StreamChat {
       });
     }
 
-    return this.hydrateActiveChannels(channels, stateOptions, options);
+    const hydratedChannels = this.hydrateActiveChannels(channels, stateOptions, options);
+
+    if (stateOptions.withResponse) {
+      return {
+        ...queryChannelsResponse,
+        channels: hydratedChannels,
+      };
+    }
+
+    return hydratedChannels;
   }
 
   /**
@@ -3758,7 +3955,7 @@ export class StreamChat {
    * @returns {Promise<APIResponse>}
    */
   createRole(name: string) {
-    return this.post<APIResponse>(`${this.baseURL}/roles`, { name });
+    return this.post<CreateRoleAPIResponse>(`${this.baseURL}/roles`, { name });
   }
 
   /** listRoles - returns the list of all roles for this application
@@ -3766,7 +3963,15 @@ export class StreamChat {
    * @returns {Promise<APIResponse>}
    */
   listRoles() {
-    return this.get<APIResponse>(`${this.baseURL}/roles`);
+    return this.get<ListRolesAPIResponse>(`${this.baseURL}/roles`);
+  }
+
+  /** listRoles - returns the list of all roles for this application
+   *
+   * @returns {Promise<APIResponse>}
+   */
+  searchRoles(options: SearchRolesOptions) {
+    return this.get<SearchRolesAPIResponse>(`${this.baseURL}/roles/search`, options);
   }
 
   /** deleteRole - deletes a custom role

package/src/constants.ts

@@ -15,6 +15,7 @@ export const RESERVED_UPDATED_MESSAGE_FIELDS = Object.freeze({
   updated_at: true,
   command: true,
   // Back-end enriches these fields
+  mentioned_groups: true,
   mentioned_users: true,
   quoted_message: true,
   // Client-specific fields

package/src/messageComposer/MessageComposerEffectHandlers.ts

@@ -30,6 +30,7 @@ const applyCommandActivationEffect: MessageComposerEffectHandler<
   composer.textComposer.state.next({
     command: effect.command,
     mentionedUsers: [],
+    mentions: [],
     suggestions: undefined,
     selection: { start: 0, end: 0 },
     text: '',

package/src/messageComposer/configuration/commands.configuration.ts

@@ -0,0 +1,55 @@
+import type {
+  CommandsConfig,
+  CommandSendValidator,
+  MessageComposerConfig,
+} from './types';
+import type { DeepPartial } from '../../types.utility';
+import { stripMentionTokens } from '../middleware';
+
+export const MENTION_ONLY_COMMANDS = new Set(['mute', 'unmute', 'unban']);
+export const defaultCommandSendabilityValidator: CommandSendValidator = ({
+  command,
+  commandArgsText,
+  mentionedUsersInText,
+}) => {
+  if (command.name !== 'ban' && !MENTION_ONLY_COMMANDS.has(command.name ?? '')) return;
+
+  if (mentionedUsersInText.length === 0) {
+    return { command, ready: false, reason: 'missing-mention' };
+  }
+
+  if (command.name !== 'ban') {
+    return { command, ready: true };
+  }
+
+  const banReason = stripMentionTokens(commandArgsText, mentionedUsersInText);
+
+  if (!banReason.length) {
+    return { command, ready: false, reason: 'missing-ban-reason' };
+  }
+
+  return { command, ready: true };
+};
+export const DEFAULT_COMMANDS_CONFIG: CommandsConfig = {
+  sendValidator: defaultCommandSendabilityValidator,
+};
+export const applyCommandValidatorOverride = (
+  targetConfig: MessageComposerConfig,
+  sourceConfig?: DeepPartial<MessageComposerConfig>,
+) => {
+  const overrideValidator = sourceConfig?.commands?.sendValidator as
+    | CommandSendValidator
+    | undefined;
+
+  if (typeof overrideValidator === 'undefined') {
+    return targetConfig;
+  }
+
+  return {
+    ...targetConfig,
+    commands: {
+      ...targetConfig.commands,
+      sendValidator: overrideValidator,
+    },
+  };
+};

package/src/messageComposer/configuration/configuration.ts

@@ -5,9 +5,10 @@ import type {
   LinkPreviewsManagerConfig,
   LocationComposerConfig,
   MessageComposerConfig,
+  TextComposerConfig,
 } from './types';
-import type { TextComposerConfig } from './types';
 import { generateUUIDv4 } from '../../utils';
+import { DEFAULT_COMMANDS_CONFIG } from './commands.configuration';
 
 export const DEFAULT_LINK_PREVIEW_MANAGER_CONFIG: LinkPreviewsManagerConfig = {
   debounceURLEnrichmentMs: 1500,
@@ -46,6 +47,7 @@ export const DEFAULT_LOCATION_COMPOSER_CONFIG: LocationComposerConfig = {
 
 export const DEFAULT_COMPOSER_CONFIG: MessageComposerConfig = {
   attachments: DEFAULT_ATTACHMENT_MANAGER_CONFIG,
+  commands: DEFAULT_COMMANDS_CONFIG,
   drafts: { enabled: false },
   linkPreviews: DEFAULT_LINK_PREVIEW_MANAGER_CONFIG,
   location: DEFAULT_LOCATION_COMPOSER_CONFIG,

package/src/messageComposer/configuration/index.ts

@@ -1,2 +1,6 @@
 export * from './configuration';
 export * from './types';
+export { applyCommandValidatorOverride } from './commands.configuration';
+export { DEFAULT_COMMANDS_CONFIG } from './commands.configuration';
+export { defaultCommandSendabilityValidator } from './commands.configuration';
+export { MENTION_ONLY_COMMANDS } from './commands.configuration';

package/src/messageComposer/configuration/types.ts

@@ -1,6 +1,8 @@
 import type { LinkPreview } from '../linkPreviewsManager';
 import type { FileUploadFilter } from '../attachmentManager';
+import type { MessageComposer } from '../messageComposer';
 import type { FileLike, FileReference } from '../types';
+import type { CommandResponse, UserResponse } from '../../types';
 
 export type MinimumUploadRequestResult = { file: string; thumb_url?: string } & Partial<
   Record<string, unknown>
@@ -38,6 +40,29 @@ export type TextComposerConfig = {
   maxLengthOnSend?: number;
 };
 
+export type CommandSendability = {
+  command: CommandResponse;
+  ready: boolean;
+  reason?: string & {};
+  metadata?: Record<string, unknown>;
+};
+
+export type CommandSendValidationContext = {
+  command: CommandResponse;
+  composer: MessageComposer;
+  commandArgsText: string;
+  mentionedUsersInText: UserResponse[];
+  rawText: string;
+};
+
+export type CommandSendValidator = (
+  context: CommandSendValidationContext,
+) => CommandSendability | undefined;
+
+export type CommandsConfig = {
+  sendValidator: CommandSendValidator;
+};
+
 export type AttachmentManagerConfig = {
   // todo: document removal of noFiles prop showing how to achieve the same with custom fileUploadFilter function
   /**
@@ -86,6 +111,8 @@ export type LocationComposerConfig = {
 export type MessageComposerConfig = {
   /** If true, enables creating drafts on the server */
   drafts: DraftsConfiguration;
+  /** Configuration for command sendability validation */
+  commands: CommandsConfig;
   /** Configuration for the attachment manager */
   attachments: AttachmentManagerConfig;
   /** Configuration for the link previews manager */

package/src/messageComposer/messageComposer.ts

@@ -5,7 +5,7 @@ import { LocationComposer } from './LocationComposer';
 import { MessageComposerEffectHandlers } from './MessageComposerEffectHandlers';
 import { PollComposer } from './pollComposer';
 import { TextComposer } from './textComposer';
-import { DEFAULT_COMPOSER_CONFIG } from './configuration';
+import { applyCommandValidatorOverride, DEFAULT_COMPOSER_CONFIG } from './configuration';
 import type { MessageComposerMiddlewareValue } from './middleware';
 import {
   MessageComposerMiddlewareExecutor,
@@ -30,7 +30,7 @@ import type {
 } from '../types';
 import { WithSubscriptions } from '../utils/WithSubscriptions';
 import type { StreamChat } from '../client';
-import type { MessageComposerConfig } from './configuration/types';
+import type { CommandSendability, MessageComposerConfig } from './configuration/types';
 import type {
   CommandSuggestionDisabledReason,
   TextComposerCommandActivationEffect,
@@ -44,6 +44,10 @@ import type { PollComposerSnapshot } from './pollComposer';
 import type { TextComposerSnapshot } from './textComposer';
 import type { DeepPartial } from '../types.utility';
 import type { MergeWithCustomizer } from '../utils/mergeWith/mergeWithCore';
+import {
+  getMentionedUsersInText,
+  stripCommandFromText,
+} from './middleware/textComposer/commandUtils';
 
 type UnregisterSubscriptions = Unsubscribe;
 
@@ -208,7 +212,16 @@ export class MessageComposer extends WithSubscriptions {
       );
     }
 
-    const mergeChannelConfigCustomizer: MergeWithCustomizer<
+    /**
+     * Customizes config merges for the composer constructor.
+     *
+     * It catches two scalar override cases that should not use the default deep merge:
+     * - client-disabled `enabled` flags stay disabled even if the channel config tries to re-enable them
+     * - scalar channel-config values replace client defaults for matching config keys
+     *
+     * All other values fall back to the normal `mergeWith` behavior.
+     */
+    const mergeMessageComposerConfigCustomizer: MergeWithCustomizer<
       DeepPartial<MessageComposerConfig>
     > = (originalVal, channelConfigVal, key) =>
       typeof originalVal === 'object'
@@ -223,14 +236,17 @@ export class MessageComposer extends WithSubscriptions {
             : originalVal;
 
     this.configState = new StateStore<MessageComposerConfig>(
-      mergeWith(
-        mergeWith(DEFAULT_COMPOSER_CONFIG, config ?? {}),
-        {
-          location: {
-            enabled: this.channel.getConfig()?.shared_locations,
+      applyCommandValidatorOverride(
+        mergeWith(
+          mergeWith(DEFAULT_COMPOSER_CONFIG, config ?? {}),
+          {
+            location: {
+              enabled: this.channel.getConfig()?.shared_locations,
+            },
           },
-        },
-        mergeChannelConfigCustomizer,
+          mergeMessageComposerConfigCustomizer,
+        ),
+        config,
       ),
     );
 
@@ -360,6 +376,14 @@ export class MessageComposer extends WithSubscriptions {
     return this.state.getLatestValue().quotedMessage;
   }
 
+  get pollId() {
+    return this.state.getLatestValue().pollId;
+  }
+
+  get showReplyInChannel() {
+    return this.state.getLatestValue().showReplyInChannel;
+  }
+
   getCommandDisabledReason = (
     command: CommandResponse,
   ): CommandSuggestionDisabledReason | undefined => {
@@ -378,21 +402,46 @@ export class MessageComposer extends WithSubscriptions {
   isCommandDisabled = (command: CommandResponse) =>
     !!this.getCommandDisabledReason(command);
 
-  get pollId() {
-    return this.state.getLatestValue().pollId;
-  }
+  validateCommandSendability = (
+    command: CommandResponse,
+    text = this.textComposer.text,
+  ): CommandSendability => {
+    const currentMentionedUsers = this.textComposer.mentionedUsers;
+    const mentionedUsersInText = getMentionedUsersInText(text, currentMentionedUsers);
+
+    const validationContext = {
+      command,
+      commandArgsText: command.name
+        ? stripCommandFromText(text, command.name).trim()
+        : text.trim(),
+      composer: this,
+      mentionedUsersInText,
+      rawText: text,
+    };
 
-  get showReplyInChannel() {
-    return this.state.getLatestValue().showReplyInChannel;
+    const result = this.config.commands.sendValidator(validationContext);
+    if (result && !result.ready) {
+      return result;
+    }
+
+    return { command, ready: true };
+  };
+
+  get isCommandSendable() {
+    const currentCommand = this.textComposer.command;
+    return !currentCommand || this.validateCommandSendability(currentCommand).ready;
   }
 
   get hasSendableData() {
-    return !!(
-      (!this.attachmentManager.uploadsInProgressCount &&
-        (!this.textComposer.textIsEmpty ||
-          this.attachmentManager.successfulUploadsCount > 0)) ||
-      this.pollId ||
-      !!this.locationComposer.validLocation
+    return (
+      this.isCommandSendable &&
+      !!(
+        (!this.attachmentManager.uploadsInProgressCount &&
+          (!this.textComposer.textIsEmpty ||
+            this.attachmentManager.successfulUploadsCount > 0)) ||
+        this.pollId ||
+        !!this.locationComposer.validLocation
+      )
     );
   }
 
@@ -426,7 +475,9 @@ export class MessageComposer extends WithSubscriptions {
   }
 
   updateConfig(config: DeepPartial<MessageComposerConfig>) {
-    this.configState.partialNext(mergeWith(this.config, config));
+    this.configState.partialNext(
+      applyCommandValidatorOverride(mergeWith(this.config, config), config),
+    );
   }
 
   refreshId = () => {