react-native-chating-ui-kit/lib/CometChatAddMembers/CometChatAddMembers.js

CometChat React Native UI Kit is a collection of custom UI Components designed to build text , chat and calling features in your application. The UI Kit is developed to keep developers in mind and aims to reduce development efforts significantly

//@ts-ignore
import { View } from 'react-native';
import React, { useEffect, useRef } from 'react';
//@ts-ignore
import { CometChat } from '@cometchat-pro/react-native-chat';
import { CometChatUsers, } from '../CometChatUsers';
import { localize } from '../shared';
import { CometChatGroupsEvents } from '../shared/events';
import { CometChatUIEventHandler } from '../shared/events/CometChatUIEventHandler/CometChatUIEventHandler';
import { MessageTypeConstants } from '../shared/constants/UIKitConstants';
//Note: Add userConfiguration
export const CometChatAddMembers = (props) => {
    const userListenerId = 'userlist_' + new Date().getTime();
    const { group, ...newProps } = props;
    const userRef = useRef(null);
    const loggedInUser = useRef(null);
    const addMembersToGroup = (res) => {
        let membersList = res.map((item) => {
            let groupMember = new CometChat.GroupMember(item['uid'], CometChat.GROUP_MEMBER_SCOPE.PARTICIPANT);
            groupMember.setName(item['name']);
            return groupMember;
        });
        CometChat.addMembersToGroup(props.group['guid'], membersList, []).then((response) => {
            let action = new CometChat.Action(group['guid'], MessageTypeConstants.groupMember, CometChat.RECEIVER_TYPE.GROUP, CometChat.CATEGORY_ACTION);
            action.setConversationId(group['conversationId']);
            action.setActionBy(loggedInUser.current);
            action.setActionFor(group);
            action.setSender(loggedInUser.current);
            group['membersCount'] = group['membersCount'] + membersList.length; // increase members count
            CometChatUIEventHandler.emitGroupEvent(CometChatGroupsEvents.ccGroupMemberAdded, {
                addedBy: loggedInUser.current,
                message: action,
                usersAdded: membersList,
                userAddedIn: group,
            });
        }, (error) => {
            console.log('Something went wrong', error);
        });
    };
    useEffect(() => {
        CometChat.addUserListener(userListenerId, new CometChat.UserListener({
            onUserOnline: (onlineUser) => {
                /* when someuser/friend comes online, user will be received here */
                userRef.current.updateList(onlineUser);
            },
            onUserOffline: (offlineUser) => {
                /* when someuser/friend went offline, user will be received here */
                userRef.current.updateList(offlineUser);
            },
        }));
        CometChat.getLoggedinUser()
            .then((u) => (loggedInUser.current = u))
            .catch((e) => { });
        return CometChat.removeUserListener(userListenerId);
    }, []);
    return (<View style={{ flex: 1, width: '100%', height: '100%' }}>
      <CometChatUsers ref={userRef} onSelection={addMembersToGroup} title={localize('ADD_MEMBERS')} showBackButton selectionMode="multiple" {...newProps}/>
    </View>);
};
//# sourceMappingURL=CometChatAddMembers.js.map