* feature edit profile screen * minor refactoring * Apply suggestions from code review Co-authored-by: Elias Nahum <nahumhbl@gmail.com> * ts fixes * revert floatingTextInput label This reverts commit a778e1f76191aea7c1a18d60a23ffbd6d3dec0eb. * code clean up * Apply suggestions from code review Co-authored-by: Elias Nahum <nahumhbl@gmail.com> * code fix * code fix * Adding preventDoubleTap * rename id to fieldKey * Update edit_profile.tsx * wip * navigating through fields; partly done * navigating through fields - partly done * navigating through fields; partly done * completed field navigation * added theme into dependency array * code clean up * revert conditions for disabling fields * Added colorFilters prop to Loading component * Completed loading feature on Edit Profile screen * code clean up * Add profile_error * renamed valid_mime_types to valid_image_mime_types * added props isDisabled to email field * refactored next field logic * fix * fix * code clean up * code clean up * Updated ESLINT hook rules to warning instead of disabled * code fix * code fix * new line within your_profile component * added memo for Field component * added canSave to dependency array * update loading component - color filter * Update app/screens/edit_profile/edit_profile.tsx Co-authored-by: Elias Nahum <nahumhbl@gmail.com> * dependency fix * fix to fetch my latest status * fix to remove unnecessary user id for local action updateLocalUser * prevents bouncing for iOS * code revert * Adding textInputStyle and animatedTextStyle to FloatingTextInput component * correction after dev session * adding changes as per new ux * Update edit_profile.tsx * corrections after ux review * ux review * ux review * code clean up * Adding userProfileFields into useMemo * Add enableSaveButton to dependency of submitUser * Added react-native-image-picker * fix picker util * Added action for setDefaultProfileImage * account outline on remove picture * Update edit_profile.tsx * fix image picker * style fix * fix image picker * removed unused types * mmjstool issue with integrity checksum * perform camera permission check for Android * fix to pull latest status * updated ChangeProfilePicture to EditProfilePciture * removed integrity key for mmjstool in package-lock.json * corrections from pr review * bumping react-native-image-picker to v4.7.1 * pod install * update to hooks dependency * fix profile picture component * added event emitter from edit_profile_picture * made hitslop a constant * code clean up * uploadProfilePicture as a remote action * else if profileImage removed * removed check on isBot * update renderProfilePicture dependencies * extractFileInfo with try catch * updated snappoints * Revert "updated snappoints" This reverts commit 6d16d480a168755fc80e5bc80569ad3ba561f73b. * profile picture size * refactored renderProfilePicture into its own component * change to if else * platform select for hasPermissions * unneeded comment removed * else if on prefix in edit profile picture * track has update user info now * moved image_picker under edit_screen and increased actionSheets item height * added preventDoubleTap for imagePicker * multiple uploads * switch the conditions * added alert box as requested by Marina * Revert "added alert box as requested by Marina" This reverts commit 20735c17a87b40995e05eb4318c138c1adcc6c8c. * Apply suggestions from code review Co-authored-by: Elias Nahum <nahumhbl@gmail.com> * removed userInfos constant * added useMemo for certain components on profile_picture * converting account-outline into a constant * added panelItem component * adding return instead of making the function return * eslint fix * update i18n desc Co-authored-by: Elias Nahum <nahumhbl@gmail.com> * hasPictureUrl transferred to file utils * removing excess mediaType prop * add USER_PROFILE_PICTURE_SIZE into constant/profile * relocate hasPictureUrl method * relocate hasPictureUrl * rename ImagePicker to ProfileImagePicker * removing isDestructive property from panelTypes. * update sectionLimit for attachFileFromPhotoGallery * Change animation for showModalOverCurrentContext to a quick alpha on iOS * re-create PickerUtil if intl changes * Combine styles in edit_profile_picture component * Split profile image component into smaller components * useCallback for showFileAttachmentOptions * split comment into multiple lines * edit_profile group refs * remove unnecessary casting * add new line to file.d.ts * remove extra space for utils/index.d.ts * allowMultiSelection for attachFilesFromFiles, default is false * Split edit profile screen into smaller components Co-authored-by: Elias Nahum <nahumhbl@gmail.com>
528 lines
16 KiB
TypeScript
528 lines
16 KiB
TypeScript
// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
|
|
// See LICENSE.txt for license information.
|
|
|
|
import {Model, Q} from '@nozbe/watermelondb';
|
|
|
|
import {updateRecentCustomStatuses, updateLocalUser} from '@actions/local/user';
|
|
import {fetchRolesIfNeeded} from '@actions/remote/role';
|
|
import {Database, General} from '@constants';
|
|
import DatabaseManager from '@database/manager';
|
|
import {debounce} from '@helpers/api/general';
|
|
import NetworkManager from '@init/network_manager';
|
|
import {queryCurrentUserId, queryWebSocketLastDisconnected} from '@queries/servers/system';
|
|
import {prepareUsers, queryAllUsers, queryCurrentUser, queryUsersById, queryUsersByUsername} from '@queries/servers/user';
|
|
|
|
import {forceLogoutIfNecessary} from './session';
|
|
|
|
import type {Client} from '@client/rest';
|
|
import type ClientError from '@client/rest/error';
|
|
import type UserModel from '@typings/database/models/servers/user';
|
|
|
|
export type MyUserRequest = {
|
|
user?: UserProfile;
|
|
error?: unknown;
|
|
}
|
|
|
|
export type ProfilesPerChannelRequest = {
|
|
data?: ProfilesInChannelRequest[];
|
|
error?: unknown;
|
|
}
|
|
|
|
export type ProfilesInChannelRequest = {
|
|
users?: UserProfile[];
|
|
channelId: string;
|
|
error?: unknown;
|
|
}
|
|
|
|
export const fetchMe = async (serverUrl: string, fetchOnly = false): Promise<MyUserRequest> => {
|
|
let client;
|
|
try {
|
|
client = NetworkManager.getClient(serverUrl);
|
|
} catch (error) {
|
|
return {error};
|
|
}
|
|
|
|
try {
|
|
const user = await client.getMe();
|
|
|
|
if (!fetchOnly) {
|
|
const operator = DatabaseManager.serverDatabases[serverUrl]?.operator;
|
|
if (operator) {
|
|
await operator.handleUsers({users: [user], prepareRecordsOnly: false});
|
|
}
|
|
}
|
|
|
|
return {user};
|
|
} catch (error) {
|
|
await forceLogoutIfNecessary(serverUrl, error as ClientErrorProps);
|
|
return {error};
|
|
}
|
|
};
|
|
|
|
export const fetchProfilesInChannel = async (serverUrl: string, channelId: string, excludeUserId?: string, fetchOnly = false): Promise<ProfilesInChannelRequest> => {
|
|
let client: Client;
|
|
try {
|
|
client = NetworkManager.getClient(serverUrl);
|
|
} catch (error) {
|
|
return {channelId, error};
|
|
}
|
|
|
|
try {
|
|
const users = await client.getProfilesInChannel(channelId);
|
|
const uniqueUsers = Array.from(new Set(users));
|
|
const filteredUsers = uniqueUsers.filter((u) => u.id !== excludeUserId);
|
|
if (!fetchOnly) {
|
|
const operator = DatabaseManager.serverDatabases[serverUrl]?.operator;
|
|
if (operator && filteredUsers.length) {
|
|
const modelPromises: Array<Promise<Model[]>> = [];
|
|
const membership = filteredUsers.map((u) => ({
|
|
channel_id: channelId,
|
|
user_id: u.id,
|
|
}));
|
|
modelPromises.push(operator.handleChannelMembership({
|
|
channelMemberships: membership,
|
|
prepareRecordsOnly: true,
|
|
}));
|
|
const prepare = prepareUsers(operator, filteredUsers);
|
|
if (prepare) {
|
|
modelPromises.push(prepare);
|
|
}
|
|
|
|
if (modelPromises.length) {
|
|
const models = await Promise.all(modelPromises);
|
|
await operator.batchRecords(models.flat());
|
|
}
|
|
}
|
|
}
|
|
|
|
return {channelId, users: filteredUsers};
|
|
} catch (error) {
|
|
forceLogoutIfNecessary(serverUrl, error as ClientError);
|
|
return {channelId, error};
|
|
}
|
|
};
|
|
|
|
export const fetchProfilesPerChannels = async (serverUrl: string, channelIds: string[], excludeUserId?: string, fetchOnly = false): Promise<ProfilesPerChannelRequest> => {
|
|
try {
|
|
const requests = channelIds.map((id) => fetchProfilesInChannel(serverUrl, id, excludeUserId, true));
|
|
const data = await Promise.all(requests);
|
|
|
|
if (!fetchOnly) {
|
|
const operator = DatabaseManager.serverDatabases[serverUrl]?.operator;
|
|
if (operator) {
|
|
const modelPromises: Array<Promise<Model[]>> = [];
|
|
const users = new Set<UserProfile>();
|
|
const memberships: Array<{channel_id: string; user_id: string}> = [];
|
|
for (const item of data) {
|
|
if (item.users?.length) {
|
|
item.users.forEach((u) => {
|
|
users.add(u);
|
|
memberships.push({channel_id: item.channelId, user_id: u.id});
|
|
});
|
|
}
|
|
}
|
|
modelPromises.push(operator.handleChannelMembership({
|
|
channelMemberships: memberships,
|
|
prepareRecordsOnly: true,
|
|
}));
|
|
const prepare = prepareUsers(operator, Array.from(users).filter((u) => u.id !== excludeUserId));
|
|
if (prepare) {
|
|
modelPromises.push(prepare);
|
|
}
|
|
|
|
if (modelPromises.length) {
|
|
const models = await Promise.all(modelPromises);
|
|
await operator.batchRecords(models.flat());
|
|
}
|
|
}
|
|
}
|
|
|
|
return {data};
|
|
} catch (error) {
|
|
return {error};
|
|
}
|
|
};
|
|
|
|
export const updateMe = async (serverUrl: string, user: Partial<UserProfile>) => {
|
|
const database = DatabaseManager.serverDatabases[serverUrl]?.database;
|
|
const operator = DatabaseManager.serverDatabases[serverUrl]?.operator;
|
|
if (!database) {
|
|
return {error: `${serverUrl} database not found`};
|
|
}
|
|
|
|
let client;
|
|
try {
|
|
client = NetworkManager.getClient(serverUrl);
|
|
} catch (error) {
|
|
return {error};
|
|
}
|
|
|
|
let data: UserProfile;
|
|
try {
|
|
data = await client.patchMe(user);
|
|
} catch (e) {
|
|
forceLogoutIfNecessary(serverUrl, e as ClientError);
|
|
return {error: e};
|
|
}
|
|
|
|
if (data) {
|
|
operator.handleUsers({prepareRecordsOnly: false, users: [data]});
|
|
|
|
const updatedRoles: string[] = data.roles.split(' ');
|
|
if (updatedRoles.length) {
|
|
await fetchRolesIfNeeded(serverUrl, updatedRoles);
|
|
}
|
|
}
|
|
|
|
return {data};
|
|
};
|
|
|
|
let ids: string[] = [];
|
|
const debouncedFetchStatusesByIds = debounce((serverUrl: string) => {
|
|
fetchStatusByIds(serverUrl, [...new Set(ids)]);
|
|
}, 200, false, () => {
|
|
ids = [];
|
|
});
|
|
|
|
export const fetchStatusInBatch = (serverUrl: string, id: string) => {
|
|
ids = [...ids, id];
|
|
return debouncedFetchStatusesByIds.apply(null, [serverUrl]);
|
|
};
|
|
|
|
export const fetchStatusByIds = async (serverUrl: string, userIds: string[], fetchOnly = false) => {
|
|
let client: Client;
|
|
try {
|
|
client = NetworkManager.getClient(serverUrl);
|
|
} catch (error) {
|
|
return {error};
|
|
}
|
|
if (!userIds.length) {
|
|
return {statuses: []};
|
|
}
|
|
|
|
try {
|
|
const statuses = await client.getStatusesByIds(userIds);
|
|
|
|
if (!fetchOnly && DatabaseManager.serverDatabases[serverUrl]) {
|
|
const {database, operator} = DatabaseManager.serverDatabases[serverUrl];
|
|
if (operator) {
|
|
const users = await database.get(Database.MM_TABLES.SERVER.USER).query(Q.where('id', Q.oneOf(userIds))).fetch() as UserModel[];
|
|
for (const user of users) {
|
|
const status = statuses.find((s) => s.user_id === user.id);
|
|
user.prepareStatus(status?.status || General.OFFLINE);
|
|
}
|
|
|
|
await operator.batchRecords(users);
|
|
}
|
|
}
|
|
|
|
return {statuses};
|
|
} catch (error) {
|
|
forceLogoutIfNecessary(serverUrl, error as ClientError);
|
|
return {error};
|
|
}
|
|
};
|
|
|
|
export const fetchUsersByIds = async (serverUrl: string, userIds: string[], fetchOnly = false) => {
|
|
let client: Client;
|
|
try {
|
|
client = NetworkManager.getClient(serverUrl);
|
|
} catch (error) {
|
|
return {error};
|
|
}
|
|
if (!userIds.length) {
|
|
return {users: []};
|
|
}
|
|
|
|
const operator = DatabaseManager.serverDatabases[serverUrl]?.operator;
|
|
if (!operator) {
|
|
return {error: `${serverUrl} database not found`};
|
|
}
|
|
|
|
try {
|
|
const currentUserId = await queryCurrentUserId(operator.database);
|
|
const exisingUsers = await queryUsersById(operator.database, userIds);
|
|
const usersToLoad = userIds.filter((id) => (id !== currentUserId && !exisingUsers.find((u) => u.id === id)));
|
|
const users = await client.getProfilesByIds([...new Set(usersToLoad)]);
|
|
if (!fetchOnly) {
|
|
await operator.handleUsers({
|
|
users,
|
|
prepareRecordsOnly: false,
|
|
});
|
|
}
|
|
|
|
return {users};
|
|
} catch (error) {
|
|
forceLogoutIfNecessary(serverUrl, error as ClientError);
|
|
return {error};
|
|
}
|
|
};
|
|
|
|
export const fetchUsersByUsernames = async (serverUrl: string, usernames: string[], fetchOnly = false) => {
|
|
let client: Client;
|
|
try {
|
|
client = NetworkManager.getClient(serverUrl);
|
|
} catch (error) {
|
|
return {error};
|
|
}
|
|
if (!usernames.length) {
|
|
return {users: []};
|
|
}
|
|
|
|
const operator = DatabaseManager.serverDatabases[serverUrl]?.operator;
|
|
if (!operator) {
|
|
return {error: `${serverUrl} database not found`};
|
|
}
|
|
|
|
try {
|
|
const currentUser = await queryCurrentUser(operator.database);
|
|
const exisingUsers = await queryUsersByUsername(operator.database, usernames);
|
|
const usersToLoad = usernames.filter((username) => (username !== currentUser?.username && !exisingUsers.find((u) => u.username === username)));
|
|
const users = await client.getProfilesByUsernames([...new Set(usersToLoad)]);
|
|
|
|
if (!fetchOnly) {
|
|
await operator.handleUsers({
|
|
users,
|
|
prepareRecordsOnly: false,
|
|
});
|
|
}
|
|
|
|
return {users};
|
|
} catch (error) {
|
|
forceLogoutIfNecessary(serverUrl, error as ClientError);
|
|
return {error};
|
|
}
|
|
};
|
|
|
|
export const fetchMissingProfilesByIds = async (serverUrl: string, userIds: string[]) => {
|
|
const operator = DatabaseManager.serverDatabases[serverUrl]?.operator;
|
|
if (!operator) {
|
|
return {error: `${serverUrl} database not found`};
|
|
}
|
|
|
|
try {
|
|
const {users} = await fetchUsersByIds(serverUrl, userIds);
|
|
if (users) {
|
|
const statusToLoad = users.map((u) => u.id);
|
|
fetchStatusByIds(serverUrl, statusToLoad);
|
|
}
|
|
return {users};
|
|
} catch (error) {
|
|
forceLogoutIfNecessary(serverUrl, error as ClientError);
|
|
return {error};
|
|
}
|
|
};
|
|
|
|
export const fetchMissingProfilesByUsernames = async (serverUrl: string, usernames: string[]) => {
|
|
const operator = DatabaseManager.serverDatabases[serverUrl]?.operator;
|
|
if (!operator) {
|
|
return {error: `${serverUrl} database not found`};
|
|
}
|
|
|
|
try {
|
|
const {users} = await fetchUsersByUsernames(serverUrl, usernames);
|
|
if (users) {
|
|
const statusToLoad = users.map((u) => u.id);
|
|
fetchStatusByIds(serverUrl, statusToLoad);
|
|
}
|
|
return {users};
|
|
} catch (error) {
|
|
forceLogoutIfNecessary(serverUrl, error as ClientError);
|
|
return {error};
|
|
}
|
|
};
|
|
|
|
export const updateAllUsersSinceLastDisconnect = async (serverUrl: string) => {
|
|
const database = DatabaseManager.serverDatabases[serverUrl];
|
|
if (!database) {
|
|
return {error: `${serverUrl} database not found`};
|
|
}
|
|
|
|
const lastDisconnectedAt = await queryWebSocketLastDisconnected(database.database);
|
|
|
|
if (!lastDisconnectedAt) {
|
|
return {users: []};
|
|
}
|
|
const currentUserId = await queryCurrentUserId(database.database);
|
|
const users = await queryAllUsers(database.database);
|
|
const userIds = users.map((u) => u.id).filter((id) => id !== currentUserId);
|
|
let userUpdates: UserProfile[] = [];
|
|
try {
|
|
userUpdates = await NetworkManager.getClient(serverUrl).getProfilesByIds(userIds, {since: lastDisconnectedAt});
|
|
} catch {
|
|
// Do nothing
|
|
}
|
|
|
|
if (userUpdates.length) {
|
|
database.operator.handleUsers({users: userUpdates, prepareRecordsOnly: false});
|
|
}
|
|
|
|
return {users: userUpdates};
|
|
};
|
|
|
|
export const updateUsersNoLongerVisible = async (serverUrl: string, prepareRecordsOnly = false): Promise<{error?: unknown; models?: Model[]}> => {
|
|
let client: Client;
|
|
try {
|
|
client = NetworkManager.getClient(serverUrl);
|
|
} catch (error) {
|
|
return {error};
|
|
}
|
|
|
|
const serverDatabase = DatabaseManager.serverDatabases[serverUrl];
|
|
if (!serverDatabase) {
|
|
return {error: `${serverUrl} database not found`};
|
|
}
|
|
|
|
const models: Model[] = [];
|
|
try {
|
|
const knownUsers = new Set(await client.getKnownUsers());
|
|
const currentUserId = await queryCurrentUserId(serverDatabase.database);
|
|
knownUsers.add(currentUserId);
|
|
|
|
const allUsers = await queryAllUsers(serverDatabase.database);
|
|
for (const user of allUsers) {
|
|
if (!knownUsers.has(user.id)) {
|
|
user.prepareDestroyPermanently();
|
|
models.push(user);
|
|
}
|
|
}
|
|
if (models.length && !prepareRecordsOnly) {
|
|
serverDatabase.operator.batchRecords(models);
|
|
}
|
|
} catch (error) {
|
|
forceLogoutIfNecessary(serverUrl, error as ClientError);
|
|
return {error};
|
|
}
|
|
|
|
return {models};
|
|
};
|
|
|
|
export const setStatus = async (serverUrl: string, status: UserStatus) => {
|
|
let client: Client;
|
|
try {
|
|
client = NetworkManager.getClient(serverUrl);
|
|
} catch (error) {
|
|
return {error};
|
|
}
|
|
|
|
try {
|
|
const data = await client.updateStatus(status);
|
|
await updateLocalUser(serverUrl, {status: status.status});
|
|
|
|
return {
|
|
data,
|
|
};
|
|
} catch (error) {
|
|
forceLogoutIfNecessary(serverUrl, error as ClientErrorProps);
|
|
return {error};
|
|
}
|
|
};
|
|
|
|
export const updateCustomStatus = async (serverUrl: string, user: UserModel, customStatus: UserCustomStatus) => {
|
|
let client: Client;
|
|
try {
|
|
client = NetworkManager.getClient(serverUrl);
|
|
} catch (error) {
|
|
return {error};
|
|
}
|
|
|
|
try {
|
|
await client.updateCustomStatus(customStatus);
|
|
return {data: true};
|
|
} catch (error) {
|
|
return {error};
|
|
}
|
|
};
|
|
|
|
export const removeRecentCustomStatus = async (serverUrl: string, customStatus: UserCustomStatus) => {
|
|
let client: Client;
|
|
try {
|
|
client = NetworkManager.getClient(serverUrl);
|
|
} catch (error) {
|
|
return {error};
|
|
}
|
|
|
|
const operator = DatabaseManager.serverDatabases[serverUrl]?.operator;
|
|
if (!operator) {
|
|
return {error: `${serverUrl} database not found`};
|
|
}
|
|
|
|
updateRecentCustomStatuses(serverUrl, customStatus, false, true);
|
|
|
|
try {
|
|
await client.removeRecentCustomStatus(customStatus);
|
|
} catch (error) {
|
|
return {error};
|
|
}
|
|
|
|
return {data: true};
|
|
};
|
|
|
|
export const unsetCustomStatus = async (serverUrl: string) => {
|
|
let client: Client;
|
|
|
|
try {
|
|
client = NetworkManager.getClient(serverUrl);
|
|
} catch (error) {
|
|
return {error};
|
|
}
|
|
|
|
try {
|
|
await client.unsetCustomStatus();
|
|
} catch (error) {
|
|
return {error};
|
|
}
|
|
|
|
return {data: true};
|
|
};
|
|
|
|
export const setDefaultProfileImage = async (serverUrl: string, userId: string) => {
|
|
let client: Client;
|
|
|
|
try {
|
|
client = NetworkManager.getClient(serverUrl);
|
|
} catch (error) {
|
|
return {error};
|
|
}
|
|
|
|
try {
|
|
await client.setDefaultProfileImage(userId);
|
|
updateLocalUser(serverUrl, {last_picture_update: Date.now()});
|
|
} catch (error) {
|
|
return {error};
|
|
}
|
|
|
|
return {data: true};
|
|
};
|
|
|
|
export const uploadUserProfileImage = async (serverUrl: string, localPath: string) => {
|
|
const database = DatabaseManager.serverDatabases[serverUrl]?.database;
|
|
if (!database) {
|
|
return {error: `${serverUrl} database not found`};
|
|
}
|
|
|
|
let client: Client;
|
|
try {
|
|
client = NetworkManager.getClient(serverUrl);
|
|
} catch (error) {
|
|
return {error};
|
|
}
|
|
|
|
try {
|
|
const currentUser = await queryCurrentUser(database);
|
|
if (currentUser) {
|
|
const endpoint = `${client.getUserRoute(currentUser.id)}/image`;
|
|
|
|
await client.apiClient.upload(endpoint, localPath, {
|
|
skipBytes: 0,
|
|
method: 'POST',
|
|
multipart: {
|
|
fileKey: 'image',
|
|
},
|
|
});
|
|
}
|
|
} catch (e) {
|
|
return {error: e};
|
|
}
|
|
return {error: undefined};
|
|
};
|