tuikit-atomicx-vue3 3.3.3 → 3.4.1

package/src/utils/call.ts

@@ -1,12 +1,16 @@
+import { TUIFriendService, TUIUserService, TUIChatEngine } from '@tencentcloud/chat-uikit-engine';
+import TUICore, { TUIConstants } from '@tencentcloud/tui-core';
+import { i18next } from '@tencentcloud/uikit-base-component-vue3';
 import { safeJSONParse } from './json';
-import type { IMessageModel as MessageModel } from '@tencentcloud/chat-uikit-engine';
+import type { StartCallParams, CallMessagePayload } from '../types/call';
+import type { MessageModel } from '../types/engine';
 
 function isCallMessage(message: MessageModel) {
   try {
     const payloadData = safeJSONParse(message.payload.data, {} as any);
     if (payloadData.businessID === 1 && payloadData.data) {
       const payloadDataData = safeJSONParse(payloadData.data, {} as any);
-      if (payloadDataData.businessID === 'av_call') {
+      if (payloadDataData.businessID === 'av_call' || payloadDataData.businessID === 'rtc_call') {
         return true;
       }
     }
@@ -16,6 +20,230 @@ function isCallMessage(message: MessageModel) {
   return false;
 }
 
-export {
-  isCallMessage,
-};
+function startCall(params: StartCallParams) {
+  TUICore.callService({
+    serviceName: TUIConstants.TUICalling.SERVICE.NAME,
+    method: TUIConstants.TUICalling.SERVICE.METHOD.START_CALL,
+    params: {
+      ...params,
+      version: 'v3',
+    },
+  });
+  // offlinePushInfo doc: https://cloud.tencent.com/document/product/269/105713
+}
+
+function parseCallMessage(message: MessageModel): CallMessagePayload | undefined {
+  const dataContent = safeJSONParse<any>(message.payload.data, undefined);
+
+  if (!dataContent) {
+    return undefined;
+  }
+
+  const callInfo = safeJSONParse<any>(dataContent.data, undefined as any);
+
+  if (!callInfo) {
+    return undefined;
+  }
+
+  const result: CallMessagePayload = {
+    description: message.payload.description,
+    extension: message.payload.extension,
+    data: {
+      businessID: dataContent.businessID,
+      timeout: dataContent.timeout,
+      data: {
+        businessID: callInfo.businessID,
+        call_end: callInfo.call_end,
+        call_type: callInfo.call_type,
+        data: {
+          cmd: callInfo.data.cmd,
+          inviter: callInfo.data.inviter,
+          message: callInfo.data.message,
+          room_id: callInfo.data.room_id,
+          str_room_id: callInfo.data.str_room_id,
+        },
+        platform: callInfo.platform,
+        room_id: callInfo.room_id,
+        userData: callInfo.userData,
+        version: callInfo.version,
+      },
+      inviteID: dataContent.inviteID,
+      groupID: dataContent.groupID,
+      actionType: dataContent.actionType,
+      inviter: dataContent.inviter,
+      inviteeList: dataContent.inviteeList,
+    },
+  };
+
+  return result;
+}
+
+function formatTime(seconds: number): string {
+  if (!seconds || seconds <= 0) {
+    return '00:00';
+  }
+
+  const hours = Math.floor(seconds / 3600);
+  const minutes = Math.floor((seconds % 3600) / 60);
+  const secs = Math.floor(seconds % 60);
+
+  if (hours > 0) {
+    return `${hours.toString().padStart(2, '0')}:${minutes.toString().padStart(2, '0')}:${secs.toString().padStart(2, '0')}`;
+  }
+  return `${minutes.toString().padStart(2, '0')}:${secs.toString().padStart(2, '0')}`;
+}
+
+function substringByLength(str: string, maxLength: number = 12): string {
+  if (!str || str.length <= maxLength) {
+    return str;
+  }
+  return `${str.substring(0, maxLength)}...`;
+}
+
+function getUserRemarkByUserID(userID: string): string {
+  const remarkMap = TUIFriendService.getFriendRemark([userID]);
+  return remarkMap[userID] || '';
+}
+
+/**
+ * userID - showName
+ */
+const userShowNameMap = new Map<string, string>();
+/**
+ * userID - 1
+ */
+const requestedUserMap = new Map<string, number>();
+
+function parseCallMessageText(message: MessageModel): string {
+  const callMessagePayload = parseCallMessage(message);
+
+  if (!callMessagePayload || callMessagePayload.data.businessID !== 1) {
+    return '';
+  }
+
+  const { data } = callMessagePayload;
+  const objectData = data.data;
+  const userID: string = (message as any).fromAccount || message.from;
+  const remark = getUserRemarkByUserID(userID);
+  const myUserID = TUIChatEngine.getMyUserID();
+
+  let messageSender = remark || message.nameCard || message.nick || userID;
+  messageSender = substringByLength(messageSender);
+
+  switch (data.actionType) {
+    case 1: {
+      if (objectData?.data?.cmd === 'audioCall' || objectData?.data?.cmd === 'videoCall') {
+        if (data.groupID) {
+          return i18next.t('CallMessage.start_call', { messageSender });
+        }
+      }
+      if (objectData?.data?.cmd === 'hangup') {
+        if (data.groupID) {
+          return i18next.t('CallMessage.call_ended');
+        }
+        return `${i18next.t('CallMessage.call_duration')}: ${formatTime(objectData?.call_end)}`;
+      }
+      if (objectData?.data?.cmd === 'switchToAudio') {
+        return i18next.t('CallMessage.switch_to_audio_call');
+      }
+      if (objectData?.data?.cmd === 'switchToVideo') {
+        return i18next.t('CallMessage.switch_to_video_call');
+      }
+      // when CDM is abnormal, the default return value is start call
+      return i18next.t('CallMessage.start_call');
+    }
+    case 2:
+      if (data.groupID) {
+        return `${messageSender} ${i18next.t('CallMessage.cancel_call')}`;
+      }
+      if (data.inviter === myUserID) {
+        return i18next.t('CallMessage.canceled');
+      }
+      return i18next.t('CallMessage.canceled_by_recipient');
+    case 3:
+      if (objectData?.data?.cmd === 'switchToAudio') {
+        return i18next.t('CallMessage.switch_to_audio_call');
+      }
+      if (objectData?.data?.cmd === 'switchToVideo') {
+        return i18next.t('CallMessage.switch_to_video_call');
+      }
+      if (data.groupID) {
+        return `${messageSender} ${i18next.t('CallMessage.answered')}`;
+      }
+      return i18next.t('CallMessage.answered');
+    case 4:
+      if (data.groupID) {
+        return `${messageSender} ${i18next.t('CallMessage.decline_call')}`;
+      }
+      if (objectData?.line_busy === 'line_busy' || objectData?.data?.message === 'lineBusy') {
+        if (data.inviter === myUserID) {
+          return i18next.t('CallMessage.line_busy');
+        }
+        return i18next.t('CallMessage.missed_due_to_busy');
+      }
+      if (data.inviter === myUserID) {
+        return i18next.t('CallMessage.declined_by_recipient');
+      }
+      return i18next.t('CallMessage.declined');
+    case 5:
+      if (objectData?.data?.cmd === 'switchToAudio') {
+        return i18next.t('CallMessage.switch_to_audio_call');
+      }
+      if (objectData?.data?.cmd === 'switchToVideo') {
+        return i18next.t('CallMessage.switch_to_video_call');
+      }
+      if (data.groupID) {
+        // group call initiator timeout
+        if (userID === data.inviter) {
+          handleCallKitTimeoutSignaling(data.inviteeList);
+          let inviteeList = '';
+          data.inviteeList?.forEach((inviteeUserID: string) => {
+            const showName = userShowNameMap.get(inviteeUserID) || inviteeUserID;
+            inviteeList += `${substringByLength(showName)}、`;
+          });
+          inviteeList = inviteeList.substring(0, inviteeList.lastIndexOf('、'));
+          return `${inviteeList} ${i18next.t('CallMessage.no_answer')}`;
+        }
+        // group call recipient timeout
+        return `${messageSender} ${i18next.t('CallMessage.no_answer')}`;
+      }
+      if (data.inviter === myUserID) {
+        return i18next.t('CallMessage.no_answer_from_recipient');
+      }
+      return i18next.t('CallMessage.no_answer_timeout');
+    default:
+      return '';
+  }
+}
+
+function handleCallKitTimeoutSignaling(inviteeList: string[] = []) {
+  if (inviteeList.length === 0) {
+    return;
+  }
+  const friendRemarkResult = TUIFriendService.getFriendRemark(inviteeList);
+  const userIDList: string[] = [];
+  inviteeList.forEach((userID: string) => {
+    const showName = friendRemarkResult[userID];
+    if (showName) {
+      userShowNameMap.set(userID, showName);
+    } else if (!requestedUserMap.has(userID)) {
+      userIDList.push(userID);
+      requestedUserMap.set(userID, 1);
+    }
+  });
+  // note: request once for each callKit timeout signaling, do not use rate limiting processing for now
+  if (userIDList.length > 0) {
+    TUIUserService.getUserProfile({ userIDList }).then((imResponse: any) => {
+      const profileList = imResponse.data || [];
+      profileList.forEach((profile: any) => {
+        const { userID, nick } = profile;
+        const showName = nick || userID;
+        userShowNameMap.set(userID, showName);
+      });
+    }).catch(() => {
+      // capture exceptions when requests fail to avoid blocking code execution process
+    });
+  }
+}
+
+export { startCall, isCallMessage, parseCallMessage, parseCallMessageText };

package/src/utils/time.ts

@@ -76,7 +76,7 @@ function getTimeStamp({ time, language = 'en-US' }: GetTimeStampOptions) {
  */
 function getTimeStampAuto(time: number) {
   const { language } = useUIKit();
-  return getTimeStamp({ time, language });
+  return getTimeStamp({ time, language: language.value });
 }
 
 export {

package/dist/AttachmentPicker.module-BesmtGyl.js

@@ -1,11 +0,0 @@
-const styles = {
-  "attachment-picker": "_attachment-picker_1bduq_1",
-  "attachment-picker__icon": "_attachment-picker__icon_1bduq_5",
-  "attachment-picker__popup": "_attachment-picker__popup_1bduq_9",
-  "attachment-picker--expanded": "_attachment-picker--expanded_1bduq_19",
-  "attachment-picker__item": "_attachment-picker__item_1bduq_24",
-  "attachment-picker__item-icon": "_attachment-picker__item-icon_1bduq_48"
-};
-export {
-  styles as s
-};

package/dist/AudioRequestDialog.vue_vue_type_script_setup_true_lang-BmX-qsat.js

@@ -1,108 +0,0 @@
-import { defineComponent, ref, onUnmounted, createBlock, openBlock, unref, withCtx, createElementVNode, toDisplayString, createVNode, createTextVNode } from "vue";
-import TUIRoomEngine, { TUIRoomEvents, TUIRequestAction, TUIRole } from "@tencentcloud/tuiroom-engine-js";
-import { TUIButton } from "@tencentcloud/uikit-base-component-vue3";
-import DialogPC from "./baseComp/Dialog/DialogPC.js";
-import { useI18n } from "./locales/index.js";
-import { useRoomEngine } from "./hooks/useRoomEngine.js";
-import { useUserState } from "./states/UserState/index.js";
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "AudioRequestDialog",
-  setup(__props) {
-    const roomEngine = useRoomEngine();
-    const { t } = useI18n();
-    const dialogContent = ref("");
-    const { getUserInfo } = useUserState();
-    const showRequestOpenMicDialog = ref(false);
-    const requestOpenMicRequestId = ref("");
-    async function onRequestReceived(eventInfo) {
-      var _a;
-      const { userId, requestAction, requestId } = eventInfo.request;
-      if (requestAction === TUIRequestAction.kRequestToOpenRemoteMicrophone) {
-        const userRole = ((_a = getUserInfo({ userId })) == null ? void 0 : _a.userRole) === TUIRole.kRoomOwner ? t("RoomOwner") : t("Admin");
-        dialogContent.value = t("Sb invites you to turn on the microphone", {
-          role: userRole
-        });
-        requestOpenMicRequestId.value = requestId;
-        showRequestOpenMicDialog.value = true;
-      }
-    }
-    async function handleAccept() {
-      var _a;
-      await ((_a = roomEngine.instance) == null ? void 0 : _a.responseRemoteRequest({
-        requestId: requestOpenMicRequestId.value,
-        agree: true
-      }));
-      requestOpenMicRequestId.value = "";
-      showRequestOpenMicDialog.value = false;
-    }
-    async function handleReject() {
-      var _a;
-      await ((_a = roomEngine.instance) == null ? void 0 : _a.responseRemoteRequest({
-        requestId: requestOpenMicRequestId.value,
-        agree: false
-      }));
-      requestOpenMicRequestId.value = "";
-      showRequestOpenMicDialog.value = false;
-    }
-    async function onRequestCancelled(eventInfo) {
-      const { requestId } = eventInfo;
-      if (requestOpenMicRequestId.value === requestId) {
-        showRequestOpenMicDialog.value = false;
-      }
-    }
-    TUIRoomEngine.once("ready", () => {
-      var _a, _b;
-      (_a = roomEngine.instance) == null ? void 0 : _a.on(TUIRoomEvents.onRequestReceived, onRequestReceived);
-      (_b = roomEngine.instance) == null ? void 0 : _b.on(TUIRoomEvents.onRequestCancelled, onRequestCancelled);
-    });
-    onUnmounted(() => {
-      var _a, _b;
-      (_a = roomEngine.instance) == null ? void 0 : _a.off(TUIRoomEvents.onRequestReceived, onRequestReceived);
-      (_b = roomEngine.instance) == null ? void 0 : _b.off(
-        TUIRoomEvents.onRequestCancelled,
-        onRequestCancelled
-      );
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(DialogPC), {
-        modelValue: showRequestOpenMicDialog.value,
-        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => showRequestOpenMicDialog.value = $event),
-        title: unref(t)("Tips"),
-        modal: true,
-        "show-close": false,
-        "close-on-click-modal": false,
-        width: "500px",
-        "append-to-room-container": true,
-        "confirm-button": unref(t)("Turn on the microphone"),
-        "cancel-button": unref(t)("Keep it closed"),
-        onConfirm: handleAccept,
-        onCancel: handleReject
-      }, {
-        footer: withCtx(() => [
-          createVNode(unref(TUIButton), {
-            onClick: handleAccept,
-            type: "primary"
-          }, {
-            default: withCtx(() => [
-              createTextVNode(toDisplayString(unref(t)("Turn on the microphone")), 1)
-            ]),
-            _: 1
-          }),
-          createVNode(unref(TUIButton), { onClick: handleReject }, {
-            default: withCtx(() => [
-              createTextVNode(toDisplayString(unref(t)("Keep it closed")), 1)
-            ]),
-            _: 1
-          })
-        ]),
-        default: withCtx(() => [
-          createElementVNode("span", null, toDisplayString(dialogContent.value), 1)
-        ]),
-        _: 1
-      }, 8, ["modelValue", "title", "confirm-button", "cancel-button"]);
-    };
-  }
-});
-export {
-  _sfc_main as _
-};