@tencentcloud/chat-uikit-react 2.3.1 → 3.0.0

package/src/components/MessageElement/utils/emojiMap.ts

@@ -1,95 +0,0 @@
-export interface IEmojiUrlMap {
-  [key: string]: string;
-}
-
-export interface IBigEmojiListItem {
-  icon: number;
-  list: string[];
-}
-
-export const emojiBaseUrl = 'https://web.sdk.qcloud.com/im/assets/emoji-plugin/';
-
-export const emojiUrlMap: IEmojiUrlMap = {
-  '[TUIEmoji_Expect]': 'emoji_0@2x.png',
-  '[TUIEmoji_Blink]': 'emoji_1@2x.png',
-  '[TUIEmoji_Guffaw]': 'emoji_2@2x.png',
-  '[TUIEmoji_KindSmile]': 'emoji_3@2x.png',
-  '[TUIEmoji_Haha]': 'emoji_4@2x.png',
-  '[TUIEmoji_Cheerful]': 'emoji_5@2x.png',
-  '[TUIEmoji_Smile]': 'emoji_6@2x.png',
-  '[TUIEmoji_Sorrow]': 'emoji_7@2x.png',
-  '[TUIEmoji_Speechless]': 'emoji_8@2x.png',
-  '[TUIEmoji_Amazed]': 'emoji_9@2x.png',
-  '[TUIEmoji_Complacent]': 'emoji_10@2x.png',
-  '[TUIEmoji_Lustful]': 'emoji_11@2x.png',
-  '[TUIEmoji_Stareyes]': 'emoji_12@2x.png',
-  '[TUIEmoji_Giggle]': 'emoji_13@2x.png',
-  '[TUIEmoji_Daemon]': 'emoji_14@2x.png',
-  '[TUIEmoji_Rage]': 'emoji_15@2x.png',
-  '[TUIEmoji_Yawn]': 'emoji_16@2x.png',
-  '[TUIEmoji_TearsLaugh]': 'emoji_17@2x.png',
-  '[TUIEmoji_Silly]': 'emoji_18@2x.png',
-  '[TUIEmoji_Wail]': 'emoji_19@2x.png',
-  '[TUIEmoji_Kiss]': 'emoji_20@2x.png',
-  '[TUIEmoji_Trapped]': 'emoji_21@2x.png',
-  '[TUIEmoji_Fear]': 'emoji_22@2x.png',
-  '[TUIEmoji_BareTeeth]': 'emoji_23@2x.png',
-  '[TUIEmoji_FlareUp]': 'emoji_24@2x.png',
-  '[TUIEmoji_Tact]': 'emoji_25@2x.png',
-  '[TUIEmoji_Shit]': 'emoji_26@2x.png',
-  '[TUIEmoji_ShutUp]': 'emoji_27@2x.png',
-  '[TUIEmoji_Sigh]': 'emoji_28@2x.png',
-  '[TUIEmoji_Hehe]': 'emoji_29@2x.png',
-  '[TUIEmoji_Silent]': 'emoji_30@2x.png',
-  '[TUIEmoji_Skull]': 'emoji_31@2x.png',
-  '[TUIEmoji_Mask]': 'emoji_32@2x.png',
-  '[TUIEmoji_Beer]': 'emoji_33@2x.png',
-  '[TUIEmoji_Cake]': 'emoji_34@2x.png',
-  '[TUIEmoji_RedPacket]': 'emoji_35@2x.png',
-  '[TUIEmoji_Bombs]': 'emoji_36@2x.png',
-  '[TUIEmoji_Ai]': 'emoji_37@2x.png',
-  '[TUIEmoji_Celebrate]': 'emoji_38@2x.png',
-  '[TUIEmoji_Bless]': 'emoji_39@2x.png',
-  '[TUIEmoji_Flower]': 'emoji_40@2x.png',
-  '[TUIEmoji_Watermelon]': 'emoji_41@2x.png',
-  '[TUIEmoji_Cow]': 'emoji_42@2x.png',
-  '[TUIEmoji_Fool]': 'emoji_43@2x.png',
-  '[TUIEmoji_Surprised]': 'emoji_44@2x.png',
-  '[TUIEmoji_Askance]': 'emoji_45@2x.png',
-  '[TUIEmoji_Monster]': 'emoji_46@2x.png',
-  '[TUIEmoji_Pig]': 'emoji_47@2x.png',
-  '[TUIEmoji_Coffee]': 'emoji_48@2x.png',
-  '[TUIEmoji_Ok]': 'emoji_49@2x.png',
-  '[TUIEmoji_Heart]': 'emoji_50@2x.png',
-  '[TUIEmoji_Sun]': 'emoji_51@2x.png',
-  '[TUIEmoji_Moon]': 'emoji_52@2x.png',
-  '[TUIEmoji_Star]': 'emoji_53@2x.png',
-  '[TUIEmoji_Rich]': 'emoji_54@2x.png',
-  '[TUIEmoji_Fortune]': 'emoji_55@2x.png',
-  '[TUIEmoji_857]': 'emoji_56@2x.png',
-  '[TUIEmoji_666]': 'emoji_57@2x.png',
-  '[TUIEmoji_Prohibit]': 'emoji_58@2x.png',
-  '[TUIEmoji_Convinced]': 'emoji_59@2x.png',
-  '[TUIEmoji_Knife]': 'emoji_60@2x.png',
-  '[TUIEmoji_Like]': 'emoji_61@2x.png',
-};
-
-export const faceUrl = 'https://web.sdk.qcloud.com/im/assets/face-elem/';
-
-export const bigEmojiList: IBigEmojiListItem[] = [
-  {
-    icon: 1,
-    list: ['yz00', 'yz01', 'yz02', 'yz03', 'yz04', 'yz05', 'yz06', 'yz07', 'yz08',
-      'yz09', 'yz10', 'yz11', 'yz12', 'yz13', 'yz14', 'yz15', 'yz16', 'yz17'],
-  },
-  {
-    icon: 2,
-    list: ['ys00', 'ys01', 'ys02', 'ys03', 'ys04', 'ys05', 'ys06', 'ys07', 'ys08',
-      'ys09', 'ys10', 'ys11', 'ys12', 'ys13', 'ys14', 'ys15'],
-  },
-  {
-    icon: 3,
-    list: ['gcs00', 'gcs01', 'gcs02', 'gcs03', 'gcs04', 'gcs05', 'gcs06', 'gcs07',
-      'gcs08', 'gcs09', 'gcs10', 'gcs11', 'gcs12', 'gcs13', 'gcs14', 'gcs15', 'gcs16'],
-  },
-];

package/src/components/MessageElement/utils/index.ts

@@ -1,472 +0,0 @@
-import TencentCloudChat, { Conversation, Group, Message } from '@tencentcloud/chat';
-import constant, { MESSAGE_STATUS } from '../../../constants';
-import { JSONStringToParse } from '../../utils';
-
-function t(params: string) {
-  const str = params.split('.');
-  return str[str.length - 1];
-}
-
-// Handling avatars
-export function handleAvatar(item: any) {
-  let avatar = '';
-  switch (item.type) {
-    case TencentCloudChat.TYPES.CONV_C2C:
-      avatar = isUrl(item?.userProfile?.avatar)
-        ? item?.userProfile?.avatar
-        : 'https://web.sdk.qcloud.com/component/TUIKit/assets/avatar_21.png';
-      break;
-    case TencentCloudChat.TYPES.CONV_GROUP:
-      avatar = isUrl(item?.groupProfile?.avatar)
-        ? item?.groupProfile?.avatar
-        : 'https://sdk-web-1252463788.cos.ap-hongkong.myqcloud.com/im/demo/TUIkit/web/img/constomer.svg';
-      break;
-    default:
-      avatar = isUrl(item?.groupProfile?.avatar)
-        ? item?.groupProfile?.avatar
-        : 'https://web.sdk.qcloud.com/component/TUIKit/assets/group_avatar.png';
-      break;
-  }
-  return avatar;
-}
-
-// Handling names
-export function handleName(item: Conversation) {
-  let name = '';
-  switch (item.type) {
-    case TencentCloudChat.TYPES.CONV_C2C:
-      name = item?.userProfile.nick || item?.userProfile?.userID || '';
-      break;
-    case TencentCloudChat.TYPES.CONV_GROUP:
-      name = item.groupProfile.name || item?.groupProfile?.groupID || '';
-      break;
-    default:
-      name = t('系统通知');
-      break;
-  }
-  return name;
-}
-// Handle whether there is someone@
-export function handleAt(item: any) {
-  const List = [
-    `[${t('TUIConversation.有人@我')}]`,
-    `[${t('TUIConversation.@所有人')}]`,
-    `[${t('TUIConversation.@所有人')}][${t('TUIConversation.有人@我')}]`,
-  ];
-  let showAtType = '';
-  for (let index = 0; index < item.groupAtInfoList.length; index += 1) {
-    if (item.groupAtInfoList[index].atTypeArray[0] && item.unreadCount > 0) {
-      showAtType = List[item.groupAtInfoList[index].atTypeArray[0] - 1];
-    }
-  }
-  return showAtType;
-}
-// Internal display of processing message box
-export function handleShowLastMessage(item: Conversation) {
-  const { lastMessage } = item;
-  const conversation = item;
-  let showNick = '';
-  let lastMessagePayload = '';
-  // Judge the number of unread messages and display them only
-  // when the message is enabled without interruption.
-  const showUnreadCount = conversation.unreadCount > 0
-    && conversation.messageRemindType === TencentCloudChat.TYPES.MSG_REMIND_ACPT_NOT_NOTE
-    ? t(`[${conversation.unreadCount > 99 ? '99+' : conversation.unreadCount}条]`)
-    : '';
-  if (!lastMessage.lastTime) {
-    return '';
-  }
-  // Determine the lastmessage sender of the group.
-  // Namecard / Nick / userid is displayed by priority
-  if (conversation.type === TencentCloudChat.TYPES.CONV_GROUP) {
-    if (lastMessage.fromAccount === conversation.groupProfile.selfInfo.userID) {
-      showNick = t('TUIConversation.我');
-    } else {
-      showNick = lastMessage.nameCard || lastMessage.nick || lastMessage.fromAccount;
-    }
-  }
-  // Display content of lastmessage message body
-  if (lastMessage.type === TencentCloudChat.TYPES.MSG_TEXT) {
-    lastMessagePayload = lastMessage.payload.text;
-  } else {
-    lastMessagePayload = lastMessage.messageForShow;
-  }
-
-  if (lastMessage.isRevoked) {
-    lastMessagePayload = t('TUIChat.撤回了一条消息');
-  }
-
-  if (conversation.type === TencentCloudChat.TYPES.CONV_GROUP && lastMessage.type === TencentCloudChat.TYPES.MSG_GRP_TIP) {
-    return lastMessagePayload;
-  }
-  // Specific display content of message box
-  return `${showUnreadCount}${showNick ? `${showNick}:` : ''}${lastMessagePayload}`;
-}
-
-// Handling system tip message display
-export function handleTipMessageShowContext(message: Message) {
-  const options = {
-    message,
-    text: '',
-  };
-  let userName = message.nick || message?.payload?.userIDList.join(',');
-  if (message?.payload?.memberList?.length > 0) {
-    userName = '';
-    message?.payload?.memberList?.map((user: any) => {
-      userName += `${user?.nick || user?.userID},`;
-      return user;
-    });
-    userName = userName.slice(0, -1);
-  }
-  switch (message.payload.operationType) {
-    case TencentCloudChat.TYPES.GRP_TIP_MBR_JOIN:
-      options.text = `${userName} ${t('message.tip.Join in group')}`;
-      break;
-    case TencentCloudChat.TYPES.GRP_TIP_MBR_QUIT:
-      options.text = `${t('message.tip.member')}：${userName} ${t('message.tip.quit group')}`;
-      break;
-    case TencentCloudChat.TYPES.GRP_TIP_MBR_KICKED_OUT:
-      options.text = `${t('message.tip.member')}：${userName} ${t('message.tip.by')} ${message.payload.operatorID} ${t(
-        'message.tip.kicked out of group',
-      )}`;
-      break;
-    case TencentCloudChat.TYPES.GRP_TIP_MBR_SET_ADMIN:
-      options.text = `${t('message.tip.member')}：${userName} ${t('message.tip.become admin')}`;
-      break;
-    case TencentCloudChat.TYPES.GRP_TIP_MBR_CANCELED_ADMIN:
-      options.text = `${t('message.tip.member')}：${userName} ${t('message.tip.by revoked administrator')}`;
-      break;
-    case TencentCloudChat.TYPES.GRP_TIP_GRP_PROFILE_UPDATED:
-      options.text = handleTipGrpUpdated(message);
-      break;
-    case TencentCloudChat.TYPES.GRP_TIP_MBR_PROFILE_UPDATED:
-      message.payload.memberList.map((member: any) => {
-        if (member.muteTime > 0) {
-          options.text = `${t('message.tip.member')}：${member.userID}${t('message.tip.muted')}`;
-        } else {
-          options.text = `${t('message.tip.member')}：${member.userID}${t('message.tip.unmuted')}`;
-        }
-        return member;
-      });
-      break;
-    default:
-      options.text = `[${t('message.tip.reminder message')}]`;
-      break;
-  }
-  return options;
-}
-
-function handleTipGrpUpdated(message: Message) {
-  const { payload } = message;
-  const { newGroupProfile } = payload;
-  const { operatorID } = payload;
-  let text = '';
-  const name = Object.keys(newGroupProfile)[0];
-  switch (name) {
-    case 'muteAllMembers':
-      if (newGroupProfile[name]) {
-        text = `${t('message.tip.admin')} ${operatorID} ${t('message.tip.enable all staff mute')}`;
-      } else {
-        text = `${t('message.tip.admin')} ${operatorID} ${t('message.tip.unmute everyone')}`;
-      }
-      break;
-    case 'ownerID':
-      text = `${newGroupProfile[name]} ${t('message.tip.become the new owner')}`;
-      break;
-    case 'groupName':
-      text = `${operatorID} ${t('message.tip.modify group name')} ${newGroupProfile[name]}`;
-      break;
-    case 'notification':
-      text = `${operatorID} ${t('message.tip.post a new announcement')}`;
-      break;
-    default:
-      break;
-  }
-  return text;
-}
-
-// Parsing and handling text message display
-export function handleTextMessageShowContext(item: any) {
-  return item.getMessageContent();
-}
-
-// Parsing and handling face message display
-export function handleFaceMessageShowContext(item: any) {
-  const face = {
-    message: item,
-    name: '',
-    url: '',
-  };
-  face.name = item.payload.data;
-  if (item.payload.data.indexOf('@2x') < 0) {
-    face.name = `${face.name}@2x`;
-  }
-  face.url = `https://web.sdk.qcloud.com/im/assets/face-elem/${face.name}.png`;
-  return face;
-}
-
-// Parsing and handling location message display
-export function handleLocationMessageShowContext(item: any) {
-  const location: any = {
-    lon: '',
-    lat: '',
-    href: '',
-    url: '',
-    description: '',
-    message: item,
-  };
-  location.lon = item.payload.longitude.toFixed(6);
-  location.lat = item.payload.latitude.toFixed(6);
-  location.href = 'https://map.qq.com/?type=marker&isopeninfowin=1&markertype=1&'
-  + `pointx=${location.lon}&pointy=${location.lat}&name=${item.payload.description}`;
-  location.url = 'https://apis.map.qq.com/ws/staticmap/v2/?'
-  + `center=${location.lat},${location.lon}&zoom=10&size=300*150&maptype=roadmap&`
-  + `markers=size:large|color:0xFFCCFF|label:k|${location.lat},${location.lon}&`
-  + 'key=UBNBZ-PTP3P-TE7DB-LHRTI-Y4YLE-VWBBD';
-  location.description = item.payload.description;
-  return location;
-}
-
-// Parsing and handling image message display
-export function handleImageMessageShowContext(item: any) {
-  return {
-    progress: item?.status === MESSAGE_STATUS.UNSEND && item.progress,
-    url: item.payload.imageInfoArray[1].url,
-    message: item,
-  };
-}
-
-// Parsing and handling video message display
-export function handleVideoMessageShowContext(item: any) {
-  return {
-    progress: item?.status === MESSAGE_STATUS.UNSEND && item?.progress,
-    url: item?.payload?.videoUrl,
-    snapshotUrl: item?.payload?.snapshotUrl,
-    message: item,
-  };
-}
-
-// Parsing and handling audio message display
-export function handleAudioMessageShowContext(item: any) {
-  return {
-    progress: item?.status === MESSAGE_STATUS.UNSEND && item.progress,
-    url: item.payload.url,
-    message: item,
-    second: item.payload.second,
-  };
-}
-
-// Parsing and handling file message display
-export function handleFileMessageShowContext(item: any) {
-  let size = '';
-  if (item.payload.fileSize >= 1024 * 1024) {
-    size = `${(item.payload.fileSize / (1024 * 1024)).toFixed(2)} Mb`;
-  } else if (item.payload.fileSize >= 1024) {
-    size = `${(item.payload.fileSize / 1024).toFixed(2)} Kb`;
-  } else {
-    size = `${item.payload.fileSize.toFixed(2)}B`;
-  }
-  return {
-    progress: item?.status === MESSAGE_STATUS.UNSEND && item.progress,
-    url: item.payload.fileUrl,
-    message: item,
-    name: item.payload.fileName,
-    size,
-  };
-}
-
-// Parsing and handling merger message display
-export function handleMergerMessageShowContext(item: Message) {
-  return { message: item, ...item.payload };
-}
-
-// Parse audio and video call messages
-export function extractCallingInfoFromMessage(message: Message) {
-  let callingmessage: any = {};
-  let objectData: any = {};
-  try {
-    callingmessage = JSONStringToParse(message.payload.data);
-  } catch (error) {
-    callingmessage = {};
-  }
-  if (callingmessage.businessID !== 1) {
-    return '';
-  }
-  try {
-    objectData = JSONStringToParse(callingmessage.data);
-  } catch (error) {
-    objectData = {};
-  }
-  switch (callingmessage.actionType) {
-    case 1: {
-      if (objectData.call_end >= 0 && !callingmessage.groupID) {
-        return `${t('message.custom.talkTime')}：${formatTime(objectData.call_end)}`;
-      }
-      if (callingmessage.groupID) {
-        return `${t('message.custom.groupCallEnd')}`;
-      }
-      if (objectData.data && objectData.data.cmd === 'switchToAudio') {
-        return `${t('message.custom.switchToAudioCall')}`;
-      }
-      if (objectData.data && objectData.data.cmd === 'switchToVideo') {
-        return `${t('message.custom.switchToVideoCall')}`;
-      }
-      return `${t('message.custom.all')}`;
-    }
-    case 2:
-      return `${t('message.custom.cancel')}`;
-    case 3:
-      if (objectData.data && objectData.data.cmd === 'switchToAudio') {
-        return `${t('message.custom.switchToAudioCall')}`;
-      }
-      if (objectData.data && objectData.data.cmd === 'switchToVideo') {
-        return `${t('message.custom.switchToVideoCall')}`;
-      }
-      return `${t('message.custom.accepted')}`;
-    case 4:
-      return `${t('message.custom.rejected')}`;
-    case 5:
-      if (objectData.data && objectData.data.cmd === 'switchToAudio') {
-        return `${t('message.custom.switchToAudioCall')}`;
-      }
-      if (objectData.data && objectData.data.cmd === 'switchToVideo') {
-        return `${t('message.custom.switchToVideoCall')}`;
-      }
-      return `${t('message.custom.noResp')}`;
-    default:
-      return '';
-  }
-}
-
-// Parsing and handling custom message display
-export function handleCustomMessageShowContext(item: Message) {
-  return {
-    message: item,
-    custom: extractCallingInfoFromMessage(item) || item?.payload || `[${t('message.custom.custom')}]`,
-  };
-}
-
-// Parsing and handling system message display
-export function translateGroupSystemNotice(message: Message) {
-  const groupName = message.payload.groupProfile.name || message.payload.groupProfile.groupID;
-  switch (message.payload.operationType) {
-    case 1:
-      return `${message.payload.operatorID} ${t('message.tip.申请加入群组')}：${groupName}`;
-    case 2:
-      return `${t('message.tip.成功加入群组')}：${groupName}`;
-    case 3:
-      return `${t('message.tip.申请加入群组')}：${groupName} ${t('message.tip.被拒绝')}`;
-    case 4:
-      return `${t('message.tip.你被管理员')}${message.payload.operatorID} ${t('message.tip.踢出群组')}：${groupName}`;
-    case 5:
-      return `${t('message.tip.群')}：${groupName} ${t('message.tip.被')} ${message.payload.operatorID} ${t(
-        'message.tip.解散',
-      )}`;
-    case 6:
-      return `${message.payload.operatorID} ${t('message.tip.创建群')}：${groupName}`;
-    case 7:
-      return `${message.payload.operatorID} ${t('message.tip.邀请你加群')}：${groupName}`;
-    case 8:
-      return `${t('message.tip.你退出群组')}：${groupName}`;
-    case 9:
-      return `${t('message.tip.你被')}${message.payload.operatorID} ${t('message.tip.设置为群')}：${groupName} ${t(
-        'message.tip.的管理员',
-      )}`;
-    case 10:
-      return `${t('message.tip.你被')}${message.payload.operatorID} ${t('message.tip.撤销群')}：${groupName} ${t(
-        'message.tip.的管理员身份',
-      )}`;
-    case 12:
-      return `${message.payload.operatorID} ${t('message.tip.邀请你加群')}：${groupName}`;
-    case 13:
-      return `${message.payload.operatorID} ${t('message.tip.同意加群')}：${groupName}`;
-    case 14:
-      return `${message.payload.operatorID} ${t('message.tip.拒接加群')}：${groupName}`;
-    case 255:
-      return `${t('message.tip.自定义群系统通知')}: ${message.payload.userDefinedField}`;
-    default:
-      return '';
-  }
-}
-
-// Image loading complete
-export function getImgLoad(container: Document, className: string, callback: () => void) {
-  const images = container?.querySelectorAll(`.${className}`) || [];
-  const promiseList = Array.prototype.slice.call(images).map(
-    (node: HTMLImageElement) => new Promise((resolve, reject) => {
-      const loadImg = new Image();
-      loadImg.src = node.src;
-      loadImg.onload = () => {
-        resolve(node);
-      };
-    }),
-  );
-
-  Promise.all(promiseList)
-    .then(() => {
-      callback();
-    })
-    .catch((e) => {
-      console.error('网络异常', e);
-    });
-}
-
-// Determine whether it is url
-export function isUrl(url: string) {
-  return /^(https?:\/\/(([a-zA-Z0-9]+-?)+[a-zA-Z0-9]+\.)+[a-zA-Z]+)(:\d+)?(\/.*)?(\?.*)?(#.*)?$/.test(url);
-}
-
-// Handling custom message options
-export function handleOptions(businessID: string, version: number, other: Message) {
-  return {
-    businessID,
-    version,
-    ...other,
-  };
-}
-
-// Determine if it is a typing message
-export function isTypingMessage(item: Message) {
-  if (!item) return false;
-  try {
-    const { businessID } = JSONStringToParse(item?.payload?.data);
-    if (businessID === constant.TYPE_TYPING) return true;
-  } catch {
-    return false;
-  }
-  return false;
-}
-
-export function formatTime(secondTime: number) {
-  const time: number = secondTime;
-  let newTime; let hour; let minite; let seconds;
-  if (time >= 3600) {
-    hour = parseInt(`${time / 3600}`, 10) < 10 ? `0${parseInt(`${time / 3600}`, 10)}` : parseInt(`${time / 3600}`, 10);
-    minite = parseInt(`${(time % 60) / 60}`, 10) < 10 ? `0${parseInt(`${(time % 60) / 60}`, 10)}` : parseInt(`${(time % 60) / 60}`, 10);
-    seconds = time % 3600 < 10 ? parseInt(`0${time % 3600}`) : time % 3600;
-    if (seconds > 60) {
-      minite = parseInt(`${seconds / 60}`, 10) < 10 ? `0${parseInt(`${seconds / 60}`, 10)}` : parseInt(`${seconds / 60}`, 10);
-      seconds = seconds % 60 < 10 ? `0${seconds % 60}` : seconds % 60;
-    }
-    newTime = `${hour}:${minite}:${seconds}`;
-  } else if (time >= 60 && time < 3600) {
-    minite = parseInt(`${time / 60}`, 10) < 10 ? `0${parseInt(`${time / 60}`, 10)}` : parseInt(`${time / 60}`, 10);
-    seconds = time % 60 < 10 ? `0${time % 60}` : time % 60;
-    newTime = `00:${minite}:${seconds}`;
-  } else if (time < 60) {
-    seconds = time < 10 ? `0${time}` : time;
-    newTime = `00:00:${seconds}`;
-  }
-  return newTime;
-}
-
-export const isCallMessage = (message: Message): boolean => {
-  const payloadData = JSONStringToParse(message?.payload?.data);
-  if (payloadData?.businessID === 1 && payloadData?.data) {
-    const payloadDataData = JSONStringToParse(payloadData.data);
-    if (payloadDataData.businessID === 'av_call') {
-      return true;
-    }
-  }
-  return false;
-};

package/src/components/MessageInput/EmojiPicker.tsx

@@ -1,80 +0,0 @@
-import React, { useState } from 'react';
-import { useUIKit } from '@tencentcloud/uikit-base-component-react';
-import { useTUIMessageInputContext } from '../../context/MessageInputContext';
-import { Icon, IconTypes } from '../Icon';
-import { Popup } from '../Popup';
-import {
-  emojiBaseUrl, emojiUrlMap,
-  // bigEmojiList, faceUrl, IBigEmojiListItem,
-} from '../MessageElement/utils/emojiMap';
-
-import type { EmojiData } from './hooks';
-
-export function EmojiPicker(): React.ReactElement {
-  const [show, setShow] = useState(false);
-  const [index, setIndex] = useState(0);
-  const [className, setClassName] = useState('');
-
-  const { t } = useUIKit();
-
-  const handleShow = () => {
-    setShow(!show);
-  };
-  const {
-    onSelectEmoji,
-    sendFaceMessage,
-  } = useTUIMessageInputContext('TUIMessageInputDefault');
-
-  const handleSelectEmoji = (e: any) => {
-    const emoji: EmojiData = {
-      index,
-      data: e.target.dataset.data,
-    };
-    if (!emoji.data) {
-      return;
-    }
-    if (index === 0) {
-      onSelectEmoji && onSelectEmoji(emoji);
-    } else {
-      sendFaceMessage && sendFaceMessage(emoji);
-      handleShow();
-    }
-  };
-
-  const handleVisible = (data: any) => {
-    setClassName(`${!data.top && 'emoji-plugin-top'} ${!data.left && 'emoji-plugin-right'}`);
-  };
-
-  return (
-    <div className="emoji-picker input-plugin-popup">
-      <Icon width={20} height={20} type={IconTypes.EMOJI} onClick={handleShow} />
-      <Popup
-        className={`input-plugin-popup-box ${className}`}
-        show={show}
-        close={handleShow}
-        handleVisible={handleVisible}
-      >
-        <ul className="face-list">
-          {
-            index === 0 && Object.keys(emojiUrlMap).map((emojiKey: string) => {
-              return (
-                <li
-                  role="menuitem"
-                  className="face-list-item"
-                  key={emojiKey}
-                  onClick={handleSelectEmoji}
-                >
-                  <img
-                    src={emojiBaseUrl + emojiUrlMap[emojiKey]}
-                    alt={t(`Emoji.${emojiKey}`)}
-                    data-data={emojiKey}
-                  />
-                </li>
-              );
-            })
-          }
-        </ul>
-      </Popup>
-    </div>
-  );
-}