* Add autotranslations * Develop latest changes and missing features * i18n-extract * Fix tests and update api behavior * Fix minor bugs * adjustments to shimmer animation, showtranslation modal style * Update post.tsx * Update show_translation.tsx * adjust sizing and opacity of translate icon * Add channel header translated icon * Disable auto translation item if it is not a supported language * Move channel info to the top * Update edit channel to channel info * Fix align of option items * Fix i18n * Add detox related changes for channel settings changes * Add tests * Address changes around the my channel column change * Address feedback * Fix test * Fix bad import * Fix set my channel autotranslation * Fix test * Address feedback * Add missing files from last commit * Remove unneeded change --------- Co-authored-by: Matthew Birtch <mattbirtch@gmail.com>
407 lines
16 KiB
TypeScript
407 lines
16 KiB
TypeScript
// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
|
|
// See LICENSE.txt for license information.
|
|
|
|
import {buildQueryString} from '@utils/helpers';
|
|
|
|
import {PER_PAGE_DEFAULT} from './constants';
|
|
|
|
import type ClientBase from './base';
|
|
|
|
export interface ClientChannelsMix {
|
|
getAllChannels: (page?: number, perPage?: number, notAssociatedToGroup?: string, excludeDefaultChannels?: boolean, includeTotalCount?: boolean) => Promise<any>;
|
|
createChannel: (channel: Channel) => Promise<Channel>;
|
|
createDirectChannel: (userIds: string[]) => Promise<Channel>;
|
|
createGroupChannel: (userIds: string[]) => Promise<Channel>;
|
|
deleteChannel: (channelId: string) => Promise<any>;
|
|
unarchiveChannel: (channelId: string) => Promise<Channel>;
|
|
updateChannel: (channel: Channel) => Promise<Channel>;
|
|
convertChannelToPrivate: (channelId: string) => Promise<Channel>;
|
|
updateChannelPrivacy: (channelId: string, privacy: any) => Promise<Channel>;
|
|
patchChannel: (channelId: string, channelPatch: Partial<Channel>) => Promise<Channel>;
|
|
updateChannelNotifyProps: (props: ChannelNotifyProps & {channel_id: string; user_id: string}) => Promise<any>;
|
|
setChannelAutotranslation: (channelId: string, enabled: boolean) => Promise<Channel>;
|
|
setMyChannelAutotranslation: (channelId: string, enabled: boolean) => Promise<ChannelMembership>;
|
|
getChannel: (channelId: string, groupLabel?: RequestGroupLabel) => Promise<Channel>;
|
|
getChannelByName: (teamId: string, channelName: string, includeDeleted?: boolean) => Promise<Channel>;
|
|
getChannelByNameAndTeamName: (teamName: string, channelName: string, includeDeleted?: boolean) => Promise<Channel>;
|
|
getChannels: (teamId: string, page?: number, perPage?: number) => Promise<Channel[]>;
|
|
getArchivedChannels: (teamId: string, page?: number, perPage?: number) => Promise<Channel[]>;
|
|
getSharedChannels: (teamId: string, page?: number, perPage?: number) => Promise<Channel[]>;
|
|
getMyChannels: (teamId: string, includeDeleted?: boolean, lastDeleteAt?: number, groupLabel?: RequestGroupLabel) => Promise<Channel[]>;
|
|
getMyChannelMember: (channelId: string) => Promise<ChannelMembership>;
|
|
getMyChannelMembers: (teamId: string, groupLabel?: RequestGroupLabel) => Promise<ChannelMembership[]>;
|
|
getChannelMembers: (channelId: string, page?: number, perPage?: number) => Promise<ChannelMembership[]>;
|
|
getChannelTimezones: (channelId: string) => Promise<string[]>;
|
|
getChannelMember: (channelId: string, userId: string, groupLabel?: RequestGroupLabel) => Promise<ChannelMembership>;
|
|
getChannelMembersByIds: (channelId: string, userIds: string[]) => Promise<ChannelMembership[]>;
|
|
addToChannel: (userId: string, channelId: string, postRootId?: string) => Promise<ChannelMembership>;
|
|
removeFromChannel: (userId: string, channelId: string) => Promise<any>;
|
|
getChannelStats: (channelId: string, groupLabel?: RequestGroupLabel) => Promise<ChannelStats>;
|
|
getChannelMemberCountsByGroup: (channelId: string, includeTimezones: boolean) => Promise<ChannelMemberCountByGroup[]>;
|
|
getChannelAccessControlAttributes: (channelId: string) => Promise<ChannelAccessControlAttributes>;
|
|
viewMyChannel: (channelId: string, prevChannelId?: string, groupLabel?: RequestGroupLabel) => Promise<any>;
|
|
autocompleteChannels: (teamId: string, name: string) => Promise<Channel[]>;
|
|
autocompleteChannelsForSearch: (teamId: string, name: string) => Promise<Channel[]>;
|
|
searchChannels: (teamId: string, term: string) => Promise<Channel[]>;
|
|
searchArchivedChannels: (teamId: string, term: string) => Promise<Channel[]>;
|
|
searchAllChannels: (term: string, teamIds: string[], archivedOnly?: boolean) => Promise<Channel[]>;
|
|
updateChannelMemberSchemeRoles: (channelId: string, userId: string, isSchemeUser: boolean, isSchemeAdmin: boolean) => Promise<any>;
|
|
getMemberInChannel: (channelId: string, userId: string) => Promise<ChannelMembership>;
|
|
getGroupMessageMembersCommonTeams: (channelId: string) => Promise<Team[]>;
|
|
convertGroupMessageToPrivateChannel: (channelId: string, teamId: string, displayName: string, name: string) => Promise<Channel>;
|
|
getAllChannelsFromAllTeams: (lastDeleteAt: number, includeDeleted: boolean, groupLabel?: RequestGroupLabel) => Promise<Channel[]>;
|
|
getAllMyChannelMembersFromAllTeams: (page: number, perPage: number, groupLabel?: RequestGroupLabel) => Promise<ChannelMembership[]>;
|
|
}
|
|
|
|
const ClientChannels = <TBase extends Constructor<ClientBase>>(superclass: TBase) => class extends superclass {
|
|
getAllChannels = async (page = 0, perPage = PER_PAGE_DEFAULT, notAssociatedToGroup = '', excludeDefaultChannels = false, includeTotalCount = false) => {
|
|
const queryData = {
|
|
page,
|
|
per_page: perPage,
|
|
not_associated_to_group: notAssociatedToGroup,
|
|
exclude_default_channels: excludeDefaultChannels,
|
|
include_total_count: includeTotalCount,
|
|
};
|
|
return this.doFetch(
|
|
`${this.getChannelsRoute()}${buildQueryString(queryData)}`,
|
|
{method: 'get'},
|
|
);
|
|
};
|
|
|
|
getAllChannelsFromAllTeams = async (lastDeleteAt: number, includeDeleted: boolean, groupLabel?: RequestGroupLabel) => {
|
|
const queryData = {
|
|
last_delete_at: lastDeleteAt,
|
|
include_deleted: includeDeleted,
|
|
};
|
|
|
|
return this.doFetch(
|
|
`${this.getUserRoute('me')}/channels${buildQueryString(queryData)}`,
|
|
{method: 'get', groupLabel},
|
|
);
|
|
};
|
|
|
|
getAllMyChannelMembersFromAllTeams = async (page: number, perPage: number, groupLabel?: RequestGroupLabel) => {
|
|
const queryData = {
|
|
page,
|
|
per_page: perPage,
|
|
};
|
|
|
|
return this.doFetch(
|
|
`${this.getUserRoute('me')}/channel_members${buildQueryString(queryData)}`,
|
|
{method: 'get', groupLabel},
|
|
);
|
|
};
|
|
|
|
createChannel = async (channel: Channel) => {
|
|
return this.doFetch(
|
|
`${this.getChannelsRoute()}`,
|
|
{method: 'post', body: channel},
|
|
);
|
|
};
|
|
|
|
createDirectChannel = async (userIds: string[]) => {
|
|
return this.doFetch(
|
|
`${this.getChannelsRoute()}/direct`,
|
|
{method: 'post', body: userIds},
|
|
);
|
|
};
|
|
|
|
createGroupChannel = async (userIds: string[]) => {
|
|
return this.doFetch(
|
|
`${this.getChannelsRoute()}/group`,
|
|
{method: 'post', body: userIds},
|
|
);
|
|
};
|
|
|
|
deleteChannel = async (channelId: string) => {
|
|
return this.doFetch(
|
|
`${this.getChannelRoute(channelId)}`,
|
|
{method: 'delete'},
|
|
);
|
|
};
|
|
|
|
unarchiveChannel = async (channelId: string) => {
|
|
return this.doFetch(
|
|
`${this.getChannelRoute(channelId)}/restore`,
|
|
{method: 'post'},
|
|
);
|
|
};
|
|
|
|
updateChannel = async (channel: Channel) => {
|
|
return this.doFetch(
|
|
`${this.getChannelRoute(channel.id)}`,
|
|
{method: 'put', body: channel},
|
|
);
|
|
};
|
|
|
|
convertChannelToPrivate = async (channelId: string) => {
|
|
this.updateChannelPrivacy(channelId, 'P');
|
|
};
|
|
|
|
updateChannelPrivacy = async (channelId: string, privacy: any) => {
|
|
return this.doFetch(
|
|
`${this.getChannelRoute(channelId)}/privacy`,
|
|
{method: 'put', body: {privacy}},
|
|
);
|
|
};
|
|
|
|
patchChannel = async (channelId: string, channelPatch: ChannelPatch) => {
|
|
return this.doFetch(
|
|
`${this.getChannelRoute(channelId)}/patch`,
|
|
{method: 'put', body: channelPatch},
|
|
);
|
|
};
|
|
|
|
updateChannelNotifyProps = async (props: ChannelNotifyProps & {channel_id: string; user_id: string}) => {
|
|
return this.doFetch(
|
|
`${this.getChannelMemberRoute(props.channel_id, props.user_id)}/notify_props`,
|
|
{method: 'put', body: props},
|
|
);
|
|
};
|
|
|
|
setChannelAutotranslation = async (channelId: string, enabled: boolean) => {
|
|
return this.patchChannel(channelId, {autotranslation: enabled});
|
|
};
|
|
|
|
setMyChannelAutotranslation = async (channelId: string, enabled: boolean) => {
|
|
return this.doFetch(
|
|
`${this.getChannelMemberRoute(channelId, 'me')}/autotranslation`,
|
|
{method: 'put', body: {autotranslation_disabled: !enabled}},
|
|
);
|
|
};
|
|
|
|
getChannel = async (channelId: string, groupLabel?: RequestGroupLabel) => {
|
|
return this.doFetch(
|
|
this.getChannelRoute(channelId),
|
|
{method: 'get', groupLabel},
|
|
);
|
|
};
|
|
|
|
getChannelByName = async (teamId: string, channelName: string, includeDeleted = false) => {
|
|
return this.doFetch(
|
|
`${this.getTeamRoute(teamId)}/channels/name/${channelName}${buildQueryString({
|
|
include_deleted: includeDeleted,
|
|
})}`,
|
|
{method: 'get'},
|
|
);
|
|
};
|
|
|
|
getChannelByNameAndTeamName = async (teamName: string, channelName: string, includeDeleted = false) => {
|
|
return this.doFetch(
|
|
`${this.getTeamNameRoute(teamName)}/channels/name/${channelName}?include_deleted=${includeDeleted}`,
|
|
{method: 'get'},
|
|
);
|
|
};
|
|
|
|
getChannels = async (teamId: string, page = 0, perPage = PER_PAGE_DEFAULT) => {
|
|
return this.doFetch(
|
|
`${this.getTeamRoute(teamId)}/channels${buildQueryString({
|
|
page,
|
|
per_page: perPage,
|
|
})}`,
|
|
{method: 'get'},
|
|
);
|
|
};
|
|
|
|
getArchivedChannels = async (teamId: string, page = 0, perPage = PER_PAGE_DEFAULT) => {
|
|
return this.doFetch(
|
|
`${this.getTeamRoute(teamId)}/channels/deleted${buildQueryString({
|
|
page,
|
|
per_page: perPage,
|
|
})}`,
|
|
{method: 'get'},
|
|
);
|
|
};
|
|
|
|
getSharedChannels = async (teamId: string, page = 0, perPage = PER_PAGE_DEFAULT) => {
|
|
return this.doFetch(
|
|
`${this.getSharedChannelsRoute()}/${teamId}${buildQueryString({page, per_page: perPage})}`,
|
|
{method: 'get'},
|
|
);
|
|
};
|
|
|
|
getMyChannels = async (teamId: string, includeDeleted = false, since = 0, groupLabel?: RequestGroupLabel) => {
|
|
return this.doFetch(
|
|
`${this.getUserRoute('me')}/teams/${teamId}/channels${buildQueryString({
|
|
include_deleted: includeDeleted,
|
|
last_delete_at: since,
|
|
})}`,
|
|
{method: 'get', groupLabel},
|
|
);
|
|
};
|
|
|
|
getMyChannelMember = async (channelId: string) => {
|
|
return this.doFetch(
|
|
`${this.getChannelMemberRoute(channelId, 'me')}`,
|
|
{method: 'get'},
|
|
);
|
|
};
|
|
|
|
getMyChannelMembers = async (teamId: string, groupLabel?: RequestGroupLabel) => {
|
|
return this.doFetch(
|
|
`${this.getUserRoute('me')}/teams/${teamId}/channels/members`,
|
|
{method: 'get', groupLabel},
|
|
);
|
|
};
|
|
|
|
getChannelMembers = async (channelId: string, page = 0, perPage = PER_PAGE_DEFAULT) => {
|
|
return this.doFetch(
|
|
`${this.getChannelMembersRoute(channelId)}${buildQueryString({page, per_page: perPage})}`,
|
|
{method: 'get'},
|
|
);
|
|
};
|
|
|
|
getChannelTimezones = async (channelId: string) => {
|
|
return this.doFetch(
|
|
`${this.getChannelRoute(channelId)}/timezones`,
|
|
{method: 'get'},
|
|
);
|
|
};
|
|
|
|
getChannelMember = async (channelId: string, userId: string, groupLabel?: RequestGroupLabel) => {
|
|
return this.doFetch(
|
|
`${this.getChannelMemberRoute(channelId, userId)}`,
|
|
{method: 'get', groupLabel},
|
|
);
|
|
};
|
|
|
|
getChannelMembersByIds = async (channelId: string, userIds: string[]) => {
|
|
return this.doFetch(
|
|
`${this.getChannelMembersRoute(channelId)}/ids`,
|
|
{method: 'post', body: userIds},
|
|
);
|
|
};
|
|
|
|
addToChannel = async (userId: string, channelId: string, postRootId = '') => {
|
|
const member = {user_id: userId, channel_id: channelId, post_root_id: postRootId};
|
|
return this.doFetch(
|
|
`${this.getChannelMembersRoute(channelId)}`,
|
|
{method: 'post', body: member},
|
|
);
|
|
};
|
|
|
|
removeFromChannel = async (userId: string, channelId: string) => {
|
|
return this.doFetch(
|
|
`${this.getChannelMemberRoute(channelId, userId)}`,
|
|
{method: 'delete'},
|
|
);
|
|
};
|
|
|
|
getChannelStats = async (channelId: string, groupLabel?: RequestGroupLabel) => {
|
|
return this.doFetch(
|
|
`${this.getChannelRoute(channelId)}/stats`,
|
|
{method: 'get', groupLabel},
|
|
);
|
|
};
|
|
|
|
getChannelMemberCountsByGroup = async (channelId: string, includeTimezones: boolean) => {
|
|
return this.doFetch(
|
|
`${this.getChannelRoute(channelId)}/member_counts_by_group?include_timezones=${includeTimezones}`,
|
|
{method: 'get'},
|
|
);
|
|
};
|
|
|
|
getChannelAccessControlAttributes = async (channelId: string) => {
|
|
return this.doFetch(
|
|
`${this.getChannelRoute(channelId)}/access_control/attributes`,
|
|
{method: 'get'},
|
|
);
|
|
};
|
|
|
|
viewMyChannel = async (channelId: string, prevChannelId?: string, groupLabel?: RequestGroupLabel) => {
|
|
// collapsed_threads_supported is not based on user preferences but to know if "CLIENT" supports CRT
|
|
const data = {channel_id: channelId, prev_channel_id: prevChannelId, collapsed_threads_supported: true};
|
|
return this.doFetch(
|
|
`${this.getChannelsRoute()}/members/me/view`,
|
|
{method: 'post', body: data, groupLabel},
|
|
);
|
|
};
|
|
|
|
autocompleteChannels = async (teamId: string, name: string) => {
|
|
return this.doFetch(
|
|
`${this.getTeamRoute(teamId)}/channels/autocomplete${buildQueryString({name})}`,
|
|
{method: 'get'},
|
|
);
|
|
};
|
|
|
|
autocompleteChannelsForSearch = async (teamId: string, name: string) => {
|
|
return this.doFetch(
|
|
`${this.getTeamRoute(teamId)}/channels/search_autocomplete${buildQueryString({name})}`,
|
|
{method: 'get'},
|
|
);
|
|
};
|
|
|
|
searchChannels = async (teamId: string, term: string) => {
|
|
return this.doFetch(
|
|
`${this.getTeamRoute(teamId)}/channels/search`,
|
|
{method: 'post', body: {term}},
|
|
);
|
|
};
|
|
|
|
searchArchivedChannels = async (teamId: string, term: string) => {
|
|
return this.doFetch(
|
|
`${this.getTeamRoute(teamId)}/channels/search_archived`,
|
|
{method: 'post', body: {term}},
|
|
);
|
|
};
|
|
|
|
searchAllChannels = async (term: string, teamIds: string[], archivedOnly = false) => {
|
|
const queryParams = {include_deleted: false, system_console: false, exclude_default_channels: false};
|
|
const body = {
|
|
term,
|
|
team_ids: teamIds,
|
|
deleted: archivedOnly,
|
|
exclude_default_channels: true,
|
|
exclude_group_constrained: true,
|
|
public: true,
|
|
private: false,
|
|
};
|
|
|
|
return this.doFetch(
|
|
`${this.getChannelsRoute()}/search${buildQueryString(queryParams)}`,
|
|
{method: 'post', body},
|
|
);
|
|
};
|
|
|
|
// Update a channel member's scheme_admin/scheme_user properties. Typically
|
|
// this should either be scheme_admin=false, scheme_user=true for ordinary
|
|
// channel member, or scheme_admin=true, scheme_user=true for a channel
|
|
// admin.
|
|
updateChannelMemberSchemeRoles = (channelId: string, userId: string, isSchemeUser: boolean, isSchemeAdmin: boolean) => {
|
|
const body = {scheme_user: isSchemeUser, scheme_admin: isSchemeAdmin};
|
|
return this.doFetch(
|
|
`${this.getChannelMembersRoute(channelId)}/${userId}/schemeRoles`,
|
|
{method: 'put', body},
|
|
);
|
|
};
|
|
|
|
getMemberInChannel = (channelId: string, userId: string) => {
|
|
return this.doFetch(
|
|
`${this.getChannelMembersRoute(channelId)}/${userId}`,
|
|
{method: 'get'},
|
|
);
|
|
};
|
|
|
|
getGroupMessageMembersCommonTeams = (channelId: string) => {
|
|
return this.doFetch(
|
|
`${this.getChannelRoute(channelId)}/common_teams`,
|
|
{method: 'get'},
|
|
);
|
|
};
|
|
|
|
convertGroupMessageToPrivateChannel = (channelId: string, teamId: string, displayName: string, name: string) => {
|
|
const body = {
|
|
channel_id: channelId,
|
|
team_id: teamId,
|
|
display_name: displayName,
|
|
name,
|
|
};
|
|
|
|
return this.doFetch(
|
|
`${this.getChannelRoute(channelId)}/convert_to_channel?team-id=${teamId}`,
|
|
{method: 'post', body},
|
|
);
|
|
};
|
|
};
|
|
|
|
export default ClientChannels;
|