* [MM-31133]: participants screen component (#5116) * Fixed imports * Misc fixes * Added i18n string * Moved '(you)' after the name * [MM-30386][MM-30387] Client and redux changes for collapsed reply threads (#5175) * [MM-30386][MM-30387] Client and redux changes for collapsed reply threads * fix tests * add and use flat shim * use test helper function * use test helper function * revert crt changes to unused client and action functions * use toEqual * incorporate code review feedback * don't assume server success * batch actions * clearer code * WIP in changes, websockets and more redux changes * Added mark thread as read and mark all as read in a team * Added isCollapsedThreadEnabled entity * Fixed loading global screens on load if it's the last visited screen * Added root count and websocker and redux events related to threads * Fixed Message, Mention count root count on init and decrement actions * Moved old client to new client/rest * Misc fix * Misc fix * Misc. * Old redux test cases fix * Added polyfill back for array flat * Fixes mark as unread and pariticipants error in thread * Fixed initial load when CRT not enabled * Handling CRT preference change * Get threads fallsback to search in posts in case of unfollowed or unloaded threads * Gets threads on reconnect * DM, Channel counter fix * Added threads redux tests * Fixed channel dot issue when child post is arrived channel not active * Cleaning up threads on load, not letting posts included in threads getting deleted which can trigger many posts to be loaded at once * Fixed crash on team switch, partly fixed enable/disable from webapp * Fix when viewing a post from notification, to prevent from navigating back to global threads * Fixed when preferences are changed before app is launched * Fixed issue of NO THREADS appearing on reconnect * Excludes CRT handling for newly logged in users * Fixed unread dot showing even when all messages are read * Update app/mm-redux/selectors/entities/threads.ts Co-authored-by: Elias Nahum <nahumhbl@gmail.com> * Not viewing threads action is pushed only when suer is in Global Threads * Fixed cleanup to exclude current team when cleanup starts on app going to background * Dispatch is not passed as param, misc code fixes * Preferences check and handling code refactored * added redux-mock-store * Preference change fix * Removed user login dispatch when handling crt change * Fixed fallback thread support * Return getThread * Added threads to sidebar, moved teamId logic to action * [MM-29106, MM-34847, MM-34843, MM-34846] Collapsed reply threads, Global Threads & In Channel experience UI implementation (#5376) * feat: global threads screen * Refactored global thread menu and misc design fixes * Added empty states for threads, unread. Removing markdown from thread messages. * Added friendly date, fixed long usernames & channel names in threads view. * Mark thread as read * Added intl, refactored code, seperated thread footer from thread item * Added intl to global threads, added global threads to android * Added Follow button to thread view * Added thread badges * In Channel experience .. WIP * Clean posts in channel incase CRT is enabled. * Added follow button, deleted messages doesnot have footer and design is now according to figma * Removed old post and post header * Added for follow/unfollow thread and fixed old one * MISC design & code fixes * Added options-follow/unfollow to the post's long press menu * Shows ORIGINAL MESSAGE DELETED in thread when root post gets deleted * Post list ts fix * Old testcases fix * Eslint fix * Added custom status emoji in at mention autocomplete * Fixed the width of the displayname and username * Changed the max width for the full name and username in the autocomplete item * Review fixes Changed the behaviour of ellipses for long names * Removed safearea bottom * Fixes Mark and unread and thread header theme * Fixes mark as unread and pariticipants error in thread * Unfollowing post fix and misc * Merge with master fix * Added fallback to get thread from posts in case of not following/unloaded threads * Refactored code and added tests for screens * Loads threads from global threads screen, marks thread as marked on new thread posts * Fixed tabs render on no threads, threads footer items styling and tests * Loads threads based on tab and items according to constant * Added infinite loading, unreads based on redux and not active thread list * Fixed the username cutting off after truncating display name issue * Changed avatars to touchableOpacity and added prop for parent component to style * Fixed infinite loading, tab switching scroll to top, misc styles, team switching, scroll indicator insets * Added follow button to DMs, moved follow button further right only on ios * Snapshot updated * Moved from useSelector to connect HOC * Scrolls to top on team change, changed thread constant from mm-redux * Fix merge issue * Test case fix * Fixed participants list * Update app/components/global_threads/global_threads.tsx Co-authored-by: Elias Nahum <nahumhbl@gmail.com> * Update app/components/global_threads/thread_footer/thread_footer.tsx Co-authored-by: Elias Nahum <nahumhbl@gmail.com> * Update app/components/sidebars/main/channels_list/channel_item/index.js Co-authored-by: Elias Nahum <nahumhbl@gmail.com> * Update app/screens/thread/index.js Co-authored-by: Elias Nahum <nahumhbl@gmail.com> * Moved date numbers to constants * Fixed global threads component issues * Thread item display logic moved to redux * Misc fixes * Reverted to TouchableWithFeedback with opacity * Removed obselete snapshots * Removing currentTeamId as we aregetting it in action * Moved to connect component from useSelect for sidebar * Thread read issue fix * Removed react-native-navigation mock Co-authored-by: Anurag Shivarathri <anurag6713@gmail.com> Co-authored-by: Mattermod <mattermod@users.noreply.github.com> Co-authored-by: Manoj <manoj@brightscout.com> Co-authored-by: Elias Nahum <nahumhbl@gmail.com> Co-authored-by: Anurag Shivarathri <anurag6713@gmail.com> Co-authored-by: Mattermod <mattermod@users.noreply.github.com> Co-authored-by: Elias Nahum <nahumhbl@gmail.com> Co-authored-by: Manoj <manoj@brightscout.com> Co-authored-by: Ashish Bhate <bhate.ashish@gmail.com> Co-authored-by: Ashish Bhate <ashish.bhate@mattermost.com> Co-authored-by: Mattermod <mattermod@users.noreply.github.com> Co-authored-by: Elias Nahum <nahumhbl@gmail.com> Co-authored-by: Manoj <manoj@brightscout.com>
311 lines
12 KiB
TypeScript
311 lines
12 KiB
TypeScript
// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
|
|
// See LICENSE.txt for license information.
|
|
|
|
import {analytics} from '@init/analytics';
|
|
import {Channel, ChannelMemberCountByGroup, ChannelMembership, ChannelNotifyProps, ChannelStats} from '@mm-redux/types/channels';
|
|
import {buildQueryString} from '@mm-redux/utils/helpers';
|
|
|
|
import {PER_PAGE_DEFAULT} from './constants';
|
|
|
|
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>;
|
|
getChannel: (channelId: string) => 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[]>;
|
|
getMyChannels: (teamId: string, includeDeleted?: boolean, lastDeleteAt?: number) => Promise<Channel[]>;
|
|
getMyChannelMember: (channelId: string) => Promise<ChannelMembership>;
|
|
getMyChannelMembers: (teamId: string) => Promise<ChannelMembership[]>;
|
|
getChannelMembers: (channelId: string, page?: number, perPage?: number) => Promise<ChannelMembership[]>;
|
|
getChannelTimezones: (channelId: string) => Promise<string[]>;
|
|
getChannelMember: (channelId: string, userId: string) => 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) => Promise<ChannelStats>;
|
|
getChannelMemberCountsByGroup: (channelId: string, includeTimezones: boolean) => Promise<ChannelMemberCountByGroup[]>;
|
|
viewMyChannel: (channelId: string, prevChannelId?: string) => 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[]>;
|
|
}
|
|
|
|
const ClientChannels = (superclass: any) => 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'},
|
|
);
|
|
};
|
|
|
|
createChannel = async (channel: Channel) => {
|
|
analytics.trackAPI('api_channels_create', {team_id: channel.team_id});
|
|
|
|
return this.doFetch(
|
|
`${this.getChannelsRoute()}`,
|
|
{method: 'post', body: JSON.stringify(channel)},
|
|
);
|
|
};
|
|
|
|
createDirectChannel = async (userIds: string[]) => {
|
|
analytics.trackAPI('api_channels_create_direct');
|
|
|
|
return this.doFetch(
|
|
`${this.getChannelsRoute()}/direct`,
|
|
{method: 'post', body: JSON.stringify(userIds)},
|
|
);
|
|
};
|
|
|
|
createGroupChannel = async (userIds: string[]) => {
|
|
analytics.trackAPI('api_channels_create_group');
|
|
|
|
return this.doFetch(
|
|
`${this.getChannelsRoute()}/group`,
|
|
{method: 'post', body: JSON.stringify(userIds)},
|
|
);
|
|
};
|
|
|
|
deleteChannel = async (channelId: string) => {
|
|
analytics.trackAPI('api_channels_delete', {channel_id: channelId});
|
|
|
|
return this.doFetch(
|
|
`${this.getChannelRoute(channelId)}`,
|
|
{method: 'delete'},
|
|
);
|
|
};
|
|
|
|
unarchiveChannel = async (channelId: string) => {
|
|
analytics.trackAPI('api_channels_unarchive', {channel_id: channelId});
|
|
|
|
return this.doFetch(
|
|
`${this.getChannelRoute(channelId)}/restore`,
|
|
{method: 'post'},
|
|
);
|
|
};
|
|
|
|
updateChannel = async (channel: Channel) => {
|
|
analytics.trackAPI('api_channels_update', {channel_id: channel.id});
|
|
|
|
return this.doFetch(
|
|
`${this.getChannelRoute(channel.id)}`,
|
|
{method: 'put', body: JSON.stringify(channel)},
|
|
);
|
|
};
|
|
|
|
convertChannelToPrivate = async (channelId: string) => {
|
|
analytics.trackAPI('api_channels_convert_to_private', {channel_id: channelId});
|
|
|
|
return this.doFetch(
|
|
`${this.getChannelRoute(channelId)}/convert`,
|
|
{method: 'post'},
|
|
);
|
|
};
|
|
|
|
updateChannelPrivacy = async (channelId: string, privacy: any) => {
|
|
analytics.trackAPI('api_channels_update_privacy', {channel_id: channelId, privacy});
|
|
|
|
return this.doFetch(
|
|
`${this.getChannelRoute(channelId)}/privacy`,
|
|
{method: 'put', body: JSON.stringify({privacy})},
|
|
);
|
|
};
|
|
|
|
patchChannel = async (channelId: string, channelPatch: Partial<Channel>) => {
|
|
analytics.trackAPI('api_channels_patch', {channel_id: channelId});
|
|
|
|
return this.doFetch(
|
|
`${this.getChannelRoute(channelId)}/patch`,
|
|
{method: 'put', body: JSON.stringify(channelPatch)},
|
|
);
|
|
};
|
|
|
|
updateChannelNotifyProps = async (props: ChannelNotifyProps & {channel_id: string, user_id: string}) => {
|
|
analytics.trackAPI('api_users_update_channel_notifications', {channel_id: props.channel_id});
|
|
|
|
return this.doFetch(
|
|
`${this.getChannelMemberRoute(props.channel_id, props.user_id)}/notify_props`,
|
|
{method: 'put', body: JSON.stringify(props)},
|
|
);
|
|
};
|
|
|
|
getChannel = async (channelId: string) => {
|
|
analytics.trackAPI('api_channel_get', {channel_id: channelId});
|
|
|
|
return this.doFetch(
|
|
`${this.getChannelRoute(channelId)}`,
|
|
{method: 'get'},
|
|
);
|
|
};
|
|
|
|
getChannelByName = async (teamId: string, channelName: string, includeDeleted = false) => {
|
|
return this.doFetch(
|
|
`${this.getTeamRoute(teamId)}/channels/name/${channelName}?include_deleted=${includeDeleted}`,
|
|
{method: 'get'},
|
|
);
|
|
};
|
|
|
|
getChannelByNameAndTeamName = async (teamName: string, channelName: string, includeDeleted = false) => {
|
|
analytics.trackAPI('api_channel_get_by_name_and_teamName', {channel_name: channelName, team_name: teamName, include_deleted: includeDeleted});
|
|
|
|
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'},
|
|
);
|
|
};
|
|
|
|
getMyChannels = async (teamId: string, includeDeleted = false, lastDeleteAt = 0) => {
|
|
return this.doFetch(
|
|
`${this.getUserRoute('me')}/teams/${teamId}/channels${buildQueryString({
|
|
include_deleted: includeDeleted,
|
|
last_delete_at: lastDeleteAt,
|
|
})}`,
|
|
{method: 'get'},
|
|
);
|
|
};
|
|
|
|
getMyChannelMember = async (channelId: string) => {
|
|
return this.doFetch(
|
|
`${this.getChannelMemberRoute(channelId, 'me')}`,
|
|
{method: 'get'},
|
|
);
|
|
};
|
|
|
|
getMyChannelMembers = async (teamId: string) => {
|
|
return this.doFetch(
|
|
`${this.getUserRoute('me')}/teams/${teamId}/channels/members`,
|
|
{method: 'get'},
|
|
);
|
|
};
|
|
|
|
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) => {
|
|
return this.doFetch(
|
|
`${this.getChannelMemberRoute(channelId, userId)}`,
|
|
{method: 'get'},
|
|
);
|
|
};
|
|
|
|
getChannelMembersByIds = async (channelId: string, userIds: string[]) => {
|
|
return this.doFetch(
|
|
`${this.getChannelMembersRoute(channelId)}/ids`,
|
|
{method: 'post', body: JSON.stringify(userIds)},
|
|
);
|
|
};
|
|
|
|
addToChannel = async (userId: string, channelId: string, postRootId = '') => {
|
|
analytics.trackAPI('api_channels_add_member', {channel_id: channelId});
|
|
|
|
const member = {user_id: userId, channel_id: channelId, post_root_id: postRootId};
|
|
return this.doFetch(
|
|
`${this.getChannelMembersRoute(channelId)}`,
|
|
{method: 'post', body: JSON.stringify(member)},
|
|
);
|
|
};
|
|
|
|
removeFromChannel = async (userId: string, channelId: string) => {
|
|
analytics.trackAPI('api_channels_remove_member', {channel_id: channelId});
|
|
|
|
return this.doFetch(
|
|
`${this.getChannelMemberRoute(channelId, userId)}`,
|
|
{method: 'delete'},
|
|
);
|
|
};
|
|
|
|
getChannelStats = async (channelId: string) => {
|
|
return this.doFetch(
|
|
`${this.getChannelRoute(channelId)}/stats`,
|
|
{method: 'get'},
|
|
);
|
|
};
|
|
|
|
getChannelMemberCountsByGroup = async (channelId: string, includeTimezones: boolean) => {
|
|
return this.doFetch(
|
|
`${this.getChannelRoute(channelId)}/member_counts_by_group?include_timezones=${includeTimezones}`,
|
|
{method: 'get'},
|
|
);
|
|
};
|
|
|
|
viewMyChannel = async (channelId: string, prevChannelId?: string) => {
|
|
const data = {channel_id: channelId, prev_channel_id: prevChannelId, collapsed_threads_supported: true};
|
|
return this.doFetch(
|
|
`${this.getChannelsRoute()}/members/me/view`,
|
|
{method: 'post', body: JSON.stringify(data)},
|
|
);
|
|
};
|
|
|
|
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: JSON.stringify({term})},
|
|
);
|
|
};
|
|
|
|
searchArchivedChannels = async (teamId: string, term: string) => {
|
|
return this.doFetch(
|
|
`${this.getTeamRoute(teamId)}/channels/search_archived`,
|
|
{method: 'post', body: JSON.stringify({term})},
|
|
);
|
|
};
|
|
};
|
|
|
|
export default ClientChannels;
|