* Initial setup for new keyboard * fix the offset calculation onMove by adding isKeyboardFullyOpened * Done with the keyboard handling implementation * Handled keyboard focus and blured state using context * Added default height for input container * Android support * Tablet state handling * Fix for refreshing offset in list * Created a default context for mention post list * Fix linter errors * Fix tests * Minor * Fix the height issue for tablet view * Review comments * Dependency fix * Reveiw comment * keyboard animation only enabled with screen on top navigation * added tests * Added extra keyboard component for emoji picker (#9328) * Added extra keyboard component * handled swipe geature for extra keyboard * scroll to bottom visible on emoji picker * Check for stale event for keyboard geature area * fix keyboard stale event for mid-gesture change swipe direction * Closing emoji picker when message priority is opened * changing to thread view closes emoji picker * Close emoij picker and keyboard when attachment icons are clicked * handle android emoji picker behaviour * Remove emoji picker code * fix tests * Address reviev comments * Test fixes * usePreventDoubleTab for race condition and corrected comment on isInputAccessoryViewMode flag * File attachments option in bottom sheet quick action (#9331) * Added extra keyboard component * handled swipe geature for extra keyboard * File attachments option in bottom sheet quick action * Updated tests * i18n * fix test * Added tests * Review comment * fix tests * Integrated Emoji picker to Extra keyboard component. (#9339) * Added extra keyboard component * handled swipe geature for extra keyboard * scroll to bottom visible on emoji picker * Fix the post input container height change issue * Added emoji picker with search functionality * keyboard height not recorded fallback to default height, set search to false closing emoji picker * fix search funcitonality in android * scroll to end bottom dismissed with pressed * Fixed the scroll issue for android * fix the flickering post input issue * Wired up the emoji picker * Added keyboard and spaceback in emoji picker * intl extract * initial cursor position and simple calculation review comment * separated grapheme to utils file * Review comments * nitpick * Fix the bottom safe area and navigation stack restore fix * Fix test * disabled emoji picker in edit post screen * change the name of the variable to name it clarier * fix the tab gap issue in andriod * disabled the emoji skin tone change on andriod * fix the input container jump issue * fix the failing test * UX review * added white space after the attachment icon * When @ or / is press open keyboard on andriod also fix the scroll issue when keyboard is open * back bottom closes emoji picker and opening keyboard jump fix * reverted code * fixed the flickering issue of input and scroll position fix * Added BoR button * Fix the gap issue in thread * fix the warning reaminated issue when opening a channel * Fix the extra space issue between input and emoij picker * Minor fix for extra space between input and emoji picker * WIP * Fix thread view bottom safe area and gap between keyboard and searched emojis * WIP * refactor: make borConfig optional in BoRAction component * refactor: remove optional borConfig and simplify state initialization * Fix the keyboard issue in tablet * Fix the warning issue react-native-keyboard-controller * Fix tests * Fix the tablet search hight issue * Replaced the ExtraKeyboardProvider with KeyboardProvider from rnkc for permalink * WIP * Successfully toggeled bor status * Displayed bor chip in draft editor * Send bor post * Displayed bor chip in draft editor with wrapping * Added read receipt * Bottom sheet jump issue resolved * Search do not close after selecting emoji in search list * Added the bottom inset height in search emoji for android * integrated bor receipt count * fix buid issue * Added margin * Handled updating receipts on sync * test: add comprehensive tests for updateDraftBoRConfig * test: add initial test file for burn on read label component * test: add tests for BoRLabel component * test: update BoRLabel tests to use toBeVisible and remove formatTime mock * test: update BoR label tests to use renderWithIntl * refactor: remove getBaseProps and specify props inline in BoRLabel tests * refactor: improve test component formatting for readability * test: add validation for BoRLabel time display formats * test: add comprehensive tests for Burst on Read (BoR) functionality * WIP * test: add unit tests for BOR quick action component * test: add comprehensive tests for BoR quick action component * test: add missing props to QuickActions test setup * test: add tests for BoR quick action rendering * test: mock BoRQuickAction component for testing * test: add comprehensive tests for observeIsBoREnabled function * test: add initial test file for BOR read receipts screen * test: add comprehensive tests for BORReadReceipts component * test: add test cases for BOR read receipts display * test: add comprehensive tests for humanReadable format in formatTime * Added tests * lint fix * cleanup * cleanup * cleanup * cleanup * cleanup * i18n fix * Fix the cancel state to emoji picker * Prevented displaying BoR quick action in threads * Fixed a test * lint fix * review fixes * review fixes * i18n fix * fixed tests * review fixes * lint fix * restored podfile * Fixed WS event handling for receiving bor post receipnt * Fixed a test * fixed TS * Implemented burn post now for sender and receiver (#9401) * Implemented burn post now for sender and receiver * test: add tests for burnPostNow function * test: add test for delete post option * test: add comprehensive tests for DeletePostOption component * Added tests * Lint fix * minor improvemenmts * lint fix * reset unintended changes * reset unintended changes * Bor delete when read by all (#9407) * WIP * Updated for all read * cleanup * test: add comprehensive tests for handleBoRPostAllRevealed * test: add tests for BOR events in websocket event handler * feat: add comprehensive tests for shouldUpdateForBoRPost function * Added tests * Lint fix * fixed TS * fixed padding * UX fixes --------- Co-authored-by: Rajat Dabade <a-rajat.dabade@mattermost.com> Co-authored-by: Rajat Dabade <rajatdabade1997@gmail.com> Co-authored-by: Mattermost Build <build@mattermost.com> Co-authored-by: Rahim Rahman <rahim.rahman@mattermost.com>
249 lines
10 KiB
TypeScript
249 lines
10 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 ClientPostsMix {
|
|
createPost: (post: Post) => Promise<Post>;
|
|
updatePost: (post: Post) => Promise<Post>;
|
|
getPost: (postId: string, groupLabel?: RequestGroupLabel) => Promise<Post>;
|
|
patchPost: (postPatch: Partial<Post> & {id: string}) => Promise<Post>;
|
|
deletePost: (postId: string) => Promise<any>;
|
|
burnPostNow: (postId: string) => Promise<any>;
|
|
getPostThread: (postId: string, options: FetchPaginatedThreadOptions, groupLabel?: RequestGroupLabel) => Promise<PostResponse>;
|
|
getPosts: (channelId: string, page?: number, perPage?: number, collapsedThreads?: boolean, collapsedThreadsExtended?: boolean, groupLabel?: RequestGroupLabel) => Promise<PostResponse>;
|
|
getPostsSince: (channelId: string, since: number, collapsedThreads?: boolean, collapsedThreadsExtended?: boolean, groupLabel?: RequestGroupLabel) => Promise<PostResponse>;
|
|
getPostsBefore: (channelId: string, postId?: string, page?: number, perPage?: number, collapsedThreads?: boolean, collapsedThreadsExtended?: boolean) => Promise<PostResponse>;
|
|
getPostsAfter: (channelId: string, postId: string, page?: number, perPage?: number, collapsedThreads?: boolean, collapsedThreadsExtended?: boolean) => Promise<PostResponse>;
|
|
getFileInfosForPost: (postId: string) => Promise<FileInfo[]>;
|
|
getSavedPosts: (userId: string, channelId?: string, teamId?: string, page?: number, perPage?: number) => Promise<PostResponse>;
|
|
getPinnedPosts: (channelId: string) => Promise<PostResponse>;
|
|
markPostAsUnread: (userId: string, postId: string) => Promise<any>;
|
|
pinPost: (postId: string) => Promise<any>;
|
|
unpinPost: (postId: string) => Promise<any>;
|
|
addReaction: (userId: string, postId: string, emojiName: string) => Promise<Reaction>;
|
|
removeReaction: (userId: string, postId: string, emojiName: string) => Promise<any>;
|
|
getReactionsForPost: (postId: string) => Promise<any>;
|
|
searchPostsWithParams: (teamId: string, params: PostSearchParams) => Promise<SearchPostResponse>;
|
|
searchPosts: (teamId: string, terms: string, isOrSearch: boolean) => Promise<SearchPostResponse>;
|
|
doPostAction: (postId: string, actionId: string, selectedOption?: string) => Promise<any>;
|
|
doPostActionWithCookie: (postId: string, actionId: string, actionCookie: string, selectedOption?: string) => Promise<any>;
|
|
acknowledgePost: (postId: string, userId: string) => Promise<PostAcknowledgement>;
|
|
unacknowledgePost: (postId: string, userId: string) => Promise<any>;
|
|
sendTestNotification: () => Promise<{status: 'OK'}>;
|
|
revealBoRPost: (postId: string) => Promise<Post>;
|
|
}
|
|
|
|
const ClientPosts = <TBase extends Constructor<ClientBase>>(superclass: TBase) => class extends superclass {
|
|
createPost = async (post: Post) => {
|
|
return this.doFetch(
|
|
`${this.getPostsRoute()}`,
|
|
{method: 'post', body: post, noRetry: true},
|
|
);
|
|
};
|
|
|
|
updatePost = async (post: Post) => {
|
|
return this.doFetch(
|
|
`${this.getPostRoute(post.id)}`,
|
|
{method: 'put', body: post},
|
|
);
|
|
};
|
|
|
|
getPost = async (postId: string, groupLabel?: RequestGroupLabel) => {
|
|
return this.doFetch(
|
|
`${this.getPostRoute(postId)}`,
|
|
{method: 'get', groupLabel},
|
|
);
|
|
};
|
|
|
|
patchPost = async (postPatch: Partial<Post> & {id: string}) => {
|
|
return this.doFetch(
|
|
`${this.getPostRoute(postPatch.id)}/patch`,
|
|
{method: 'put', body: postPatch},
|
|
);
|
|
};
|
|
|
|
deletePost = async (postId: string) => {
|
|
return this.doFetch(
|
|
`${this.getPostRoute(postId)}`,
|
|
{method: 'delete'},
|
|
);
|
|
};
|
|
|
|
burnPostNow = async (postId: string) => {
|
|
return this.doFetch(
|
|
`${this.getPostRoute(postId)}/burn`,
|
|
{method: 'delete'},
|
|
);
|
|
};
|
|
|
|
getPostThread = (postId: string, options: FetchPaginatedThreadOptions, groupLabel?: RequestGroupLabel) => {
|
|
const {
|
|
fetchThreads = true,
|
|
collapsedThreads = false,
|
|
collapsedThreadsExtended = false,
|
|
direction = 'up',
|
|
fetchAll = false,
|
|
perPage = fetchAll ? undefined : PER_PAGE_DEFAULT,
|
|
...rest
|
|
} = options;
|
|
return this.doFetch(
|
|
`${this.getPostRoute(postId)}/thread${buildQueryString({skipFetchThreads: !fetchThreads, collapsedThreads, collapsedThreadsExtended, direction, perPage, ...rest})}`,
|
|
{method: 'get', groupLabel},
|
|
);
|
|
};
|
|
|
|
getPosts = async (channelId: string, page = 0, perPage = PER_PAGE_DEFAULT, collapsedThreads = false, collapsedThreadsExtended = false, groupLabel?: RequestGroupLabel) => {
|
|
return this.doFetch(
|
|
`${this.getChannelRoute(channelId)}/posts${buildQueryString({page, per_page: perPage, collapsedThreads, collapsedThreadsExtended})}`,
|
|
{method: 'get', groupLabel},
|
|
);
|
|
};
|
|
|
|
getPostsSince = async (channelId: string, since: number, collapsedThreads = false, collapsedThreadsExtended = false, groupLabel?: RequestGroupLabel) => {
|
|
return this.doFetch(
|
|
`${this.getChannelRoute(channelId)}/posts${buildQueryString({since, collapsedThreads, collapsedThreadsExtended})}`,
|
|
{method: 'get', groupLabel},
|
|
);
|
|
};
|
|
|
|
getPostsBefore = async (channelId: string, postId = '', page = 0, perPage = PER_PAGE_DEFAULT, collapsedThreads = false, collapsedThreadsExtended = false) => {
|
|
return this.doFetch(
|
|
`${this.getChannelRoute(channelId)}/posts${buildQueryString({before: postId, page, per_page: perPage, collapsedThreads, collapsedThreadsExtended})}`,
|
|
{method: 'get'},
|
|
);
|
|
};
|
|
|
|
getPostsAfter = async (channelId: string, postId: string, page = 0, perPage = PER_PAGE_DEFAULT, collapsedThreads = false, collapsedThreadsExtended = false) => {
|
|
return this.doFetch(
|
|
`${this.getChannelRoute(channelId)}/posts${buildQueryString({after: postId, page, per_page: perPage, collapsedThreads, collapsedThreadsExtended})}`,
|
|
{method: 'get'},
|
|
);
|
|
};
|
|
|
|
getFileInfosForPost = async (postId: string) => {
|
|
return this.doFetch(
|
|
`${this.getPostRoute(postId)}/files/info`,
|
|
{method: 'get'},
|
|
);
|
|
};
|
|
|
|
getSavedPosts = async (userId: string, channelId = '', teamId = '', page = 0, perPage = PER_PAGE_DEFAULT) => {
|
|
return this.doFetch(
|
|
`${this.getUserRoute(userId)}/posts/flagged${buildQueryString({channel_id: channelId, team_id: teamId, page, per_page: perPage})}`,
|
|
{method: 'get'},
|
|
);
|
|
};
|
|
|
|
getPinnedPosts = async (channelId: string) => {
|
|
return this.doFetch(
|
|
`${this.getChannelRoute(channelId)}/pinned`,
|
|
{method: 'get'},
|
|
);
|
|
};
|
|
|
|
markPostAsUnread = async (userId: string, postId: string) => {
|
|
// collapsed_threads_supported is not based on user preferences but to know if "CLIENT" supports CRT
|
|
const body = JSON.stringify({collapsed_threads_supported: true});
|
|
|
|
return this.doFetch(
|
|
`${this.getUserRoute(userId)}/posts/${postId}/set_unread`,
|
|
{method: 'post', body},
|
|
);
|
|
};
|
|
|
|
pinPost = async (postId: string) => {
|
|
return this.doFetch(
|
|
`${this.getPostRoute(postId)}/pin`,
|
|
{method: 'post'},
|
|
);
|
|
};
|
|
|
|
unpinPost = async (postId: string) => {
|
|
return this.doFetch(
|
|
`${this.getPostRoute(postId)}/unpin`,
|
|
{method: 'post'},
|
|
);
|
|
};
|
|
|
|
addReaction = async (userId: string, postId: string, emojiName: string) => {
|
|
return this.doFetch(
|
|
`${this.getReactionsRoute()}`,
|
|
{method: 'post', body: {user_id: userId, post_id: postId, emoji_name: emojiName}},
|
|
);
|
|
};
|
|
|
|
removeReaction = async (userId: string, postId: string, emojiName: string) => {
|
|
return this.doFetch(
|
|
`${this.getUserRoute(userId)}/posts/${postId}/reactions/${emojiName}`,
|
|
{method: 'delete'},
|
|
);
|
|
};
|
|
|
|
getReactionsForPost = async (postId: string) => {
|
|
return this.doFetch(
|
|
`${this.getPostRoute(postId)}/reactions`,
|
|
{method: 'get'},
|
|
);
|
|
};
|
|
|
|
searchPostsWithParams = async (teamId: string, params: PostSearchParams) => {
|
|
const endpoint = teamId ? `${this.getTeamRoute(teamId)}/posts/search` : `${this.getPostsRoute()}/search`;
|
|
return this.doFetch(endpoint, {method: 'post', body: params});
|
|
};
|
|
|
|
searchPosts = async (teamId: string, terms: string, isOrSearch: boolean) => {
|
|
return this.searchPostsWithParams(teamId, {terms, is_or_search: isOrSearch});
|
|
};
|
|
|
|
doPostAction = async (postId: string, actionId: string, selectedOption = '') => {
|
|
return this.doPostActionWithCookie(postId, actionId, '', selectedOption);
|
|
};
|
|
|
|
doPostActionWithCookie = async (postId: string, actionId: string, actionCookie: string, selectedOption = '') => {
|
|
const msg: any = {
|
|
selected_option: selectedOption,
|
|
};
|
|
if (actionCookie !== '') {
|
|
msg.cookie = actionCookie;
|
|
}
|
|
return this.doFetch(
|
|
`${this.getPostRoute(postId)}/actions/${encodeURIComponent(actionId)}`,
|
|
{method: 'post', body: msg},
|
|
);
|
|
};
|
|
|
|
acknowledgePost = async (postId: string, userId: string) => {
|
|
return this.doFetch(
|
|
`${this.getUserRoute(userId)}/posts/${postId}/ack`,
|
|
{method: 'post'},
|
|
);
|
|
};
|
|
|
|
unacknowledgePost = async (postId: string, userId: string) => {
|
|
return this.doFetch(
|
|
`${this.getUserRoute(userId)}/posts/${postId}/ack`,
|
|
{method: 'delete'},
|
|
);
|
|
};
|
|
|
|
sendTestNotification = async () => {
|
|
return this.doFetch(
|
|
`${this.urlVersion}/notifications/test`,
|
|
{method: 'post'},
|
|
);
|
|
};
|
|
|
|
revealBoRPost = async (postId: string) => {
|
|
return this.doFetch(
|
|
`${this.getPostRoute(postId)}/reveal`,
|
|
{method: 'get'},
|
|
);
|
|
};
|
|
};
|
|
|
|
export default ClientPosts;
|