@tencentcloud/roomkit-electron-vue3 2.3.3

package/lib/components/RoomFooter/ApplyControl/MemberApplyControl.vue2.js

@@ -0,0 +1,273 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const Vue = require("vue");
+const environment = require("../../../utils/environment.js");
+const IconButton = require("../../common/base/IconButton.vue.js");
+const SvgIcon = require("../../common/base/SvgIcon.vue.js");
+const StepDownIcon = require("../../common/icons/StepDownIcon.vue.js");
+const ApplyStageIcon = require("../../common/icons/ApplyStageIcon.vue.js");
+const CancelStageIcon = require("../../common/icons/CancelStageIcon.vue.js");
+const CloseIcon = require("../../common/icons/CloseIcon.vue.js");
+const index$2 = require("../../common/base/Dialog/index.vue.js");
+const Message = require("../../common/base/Message/Message.js");
+const message = require("../../../constants/message.js");
+const basic = require("../../../stores/basic.js");
+const room = require("../../../stores/room.js");
+const index = require("../../../locales/index.js");
+const pinia = require("pinia");
+const useRoomEngine = require("../../../hooks/useRoomEngine.js");
+const index$1 = require("../../../utils/common/logger/index.js");
+const TUIRoomEngine = require("@tencentcloud/tuiroom-engine-electron");
+const Button = require("../../common/base/Button.vue.js");
+const _hoisted_1 = { class: "apply-control-container" };
+const _hoisted_2 = {
+  key: 0,
+  class: "attention member-attention"
+};
+const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
+  __name: "MemberApplyControl",
+  setup(__props) {
+    const roomEngine = useRoomEngine.default();
+    const { t } = index.useI18n();
+    const basicStore = basic.useBasicStore();
+    const roomStore = room.useRoomStore();
+    const { lang } = pinia.storeToRefs(basicStore);
+    const { localUser, isGeneralUser, isAdmin } = pinia.storeToRefs(roomStore);
+    const isApplyingOnSeat = Vue.ref(false);
+    const showMemberApplyAttention = Vue.ref(true);
+    const iconName = Vue.ref();
+    const iconTitle = Vue.ref("");
+    const applyToAnchorRequestId = Vue.ref("");
+    const inviteToAnchorRequestId = Vue.ref("");
+    const showDialog = Vue.ref(false);
+    const currentDialogTitle = Vue.ref("");
+    const currentConfirmButton = Vue.ref("");
+    const currentDialogType = Vue.ref("inviteDialog");
+    Vue.watch([localUser, isApplyingOnSeat, lang], ([localUser2, isApplyingOnSeat2]) => {
+      if (localUser2.onSeat) {
+        iconName.value = StepDownIcon.default;
+        iconTitle.value = t("Step down");
+        hideApplyAttention();
+      } else {
+        if (isApplyingOnSeat2) {
+          iconName.value = CancelStageIcon.default;
+          iconTitle.value = t("Cancel Apply");
+        } else {
+          iconName.value = ApplyStageIcon.default;
+          iconTitle.value = t("Apply for the stage");
+        }
+      }
+    }, { immediate: true, deep: true });
+    async function toggleApplySpeech() {
+      hideApplyAttention();
+      if (localUser.value.onSeat) {
+        handleStepDownDialogVisible();
+      } else {
+        isApplyingOnSeat.value ? cancelSeatApplication() : sendSeatApplication();
+      }
+    }
+    const inviteDialogInfo = {
+      content: t("You can turn on the microphone and camera once you are on stage"),
+      confirmButtonText: t("Agree to the stage"),
+      cancelButtonText: t("Reject"),
+      handleConfirm: () => handleInvite(true),
+      handleCancel: () => handleInvite(false)
+    };
+    const leaveSeatDialogInfo = Vue.computed(() => ({
+      content: localUser.value.userRole === TUIRoomEngine.TUIRole.kAdministrator ? t("To go on stage again, a new application needs to be initiated") : t("To go on stage again, you need to reapply and wait for the roomOwner/administrator to approve"),
+      confirmButtonText: t("Step down"),
+      cancelButtonText: t("Cancel"),
+      handleConfirm: () => leaveSeat(),
+      handleCancel: () => handleStepDownDialogVisible()
+    }));
+    const currentDialogInfo = Vue.computed(() => currentDialogType.value === "inviteDialog" ? inviteDialogInfo : leaveSeatDialogInfo.value);
+    async function sendSeatApplication() {
+      var _a, _b;
+      if (isAdmin.value) {
+        await ((_a = roomEngine.instance) == null ? void 0 : _a.takeSeat({ seatIndex: -1, timeout: 0 }));
+        Message.default({ type: "success", message: t("Succeed on stage") });
+        return;
+      }
+      if (isGeneralUser.value) {
+        Message.default({
+          type: "info",
+          message: `${t("The request to go on stage has been sent out, please wait for the roomOwner/administrator to approve it")}`,
+          duration: message.MESSAGE_DURATION.NORMAL
+        });
+      }
+      const request = await ((_b = roomEngine.instance) == null ? void 0 : _b.takeSeat({
+        seatIndex: -1,
+        timeout: 60,
+        requestCallback: (callbackInfo) => {
+          isApplyingOnSeat.value = false;
+          const { requestCallbackType } = callbackInfo;
+          switch (requestCallbackType) {
+            case TUIRoomEngine.TUIRequestCallbackType.kRequestAccepted:
+              Message.default({ type: "success", message: t("Succeed on stage") });
+              break;
+            case TUIRoomEngine.TUIRequestCallbackType.kRequestRejected:
+              Message.default({ type: "warning", message: t("Application to go on stage was rejected") });
+              break;
+            case TUIRoomEngine.TUIRequestCallbackType.kRequestTimeout:
+              Message.default({ type: "warning", message: t("Failed to go on stage, invitation has timed out") });
+              break;
+          }
+        }
+      }));
+      if (request && request.requestId) {
+        applyToAnchorRequestId.value = request.requestId;
+      }
+      isApplyingOnSeat.value = true;
+    }
+    async function cancelSeatApplication() {
+      var _a;
+      Message.default({
+        type: "info",
+        message: `${t("Canceled application to go on stage")}`,
+        duration: message.MESSAGE_DURATION.NORMAL
+      });
+      try {
+        await ((_a = roomEngine.instance) == null ? void 0 : _a.cancelRequest({ requestId: applyToAnchorRequestId.value }));
+        isApplyingOnSeat.value = false;
+      } catch (error) {
+        index$1.default.log("member cancelSpeechApplication", error);
+      }
+    }
+    function handleStepDownDialogVisible() {
+      showDialog.value = !showDialog.value;
+      currentDialogType.value = "leaveSeatDialog";
+      currentDialogTitle.value = t("Are you sure you want to step down");
+    }
+    async function leaveSeat() {
+      var _a;
+      await ((_a = roomEngine.instance) == null ? void 0 : _a.leaveSeat());
+      showDialog.value = false;
+      if (roomStore.isCameraDisableForAllUser && isGeneralUser.value) {
+        roomStore.setCanControlSelfVideo(false);
+      }
+      if (roomStore.isMicrophoneDisableForAllUser && isGeneralUser.value) {
+        roomStore.setCanControlSelfAudio(false);
+      }
+    }
+    function hideApplyAttention() {
+      showMemberApplyAttention.value = false;
+    }
+    async function onRequestReceived(eventInfo) {
+      const { request: { userId, requestId, requestAction } } = eventInfo;
+      if (requestAction === TUIRoomEngine.TUIRequestAction.kRequestRemoteUserOnSeat) {
+        inviteToAnchorRequestId.value = requestId;
+        const userRole = roomStore.getUserRole(userId) === TUIRoomEngine.TUIRole.kRoomOwner ? t("RoomOwner") : t("Admin");
+        currentDialogTitle.value = t("Sb invites you to speak on stage", { role: userRole });
+        currentConfirmButton.value = t("Agree to the stage");
+        showDialog.value = true;
+        currentDialogType.value = "inviteDialog";
+      }
+    }
+    function onRequestCancelled(eventInfo) {
+      const { requestId } = eventInfo;
+      if (inviteToAnchorRequestId.value === requestId) {
+        inviteToAnchorRequestId.value = "";
+        showDialog.value = false;
+      }
+    }
+    async function handleInvite(agree) {
+      var _a;
+      try {
+        await ((_a = roomEngine.instance) == null ? void 0 : _a.responseRemoteRequest({
+          requestId: inviteToAnchorRequestId.value,
+          agree
+        }));
+      } catch (error) {
+        if (error.code === TUIRoomEngine.TUIErrorCode.ERR_ALL_SEAT_OCCUPIED) {
+          Message.default({ type: "warning", message: t("The current number of people on stage has reached the limit") });
+        } else {
+          index$1.default.error("Failure of a user to accept/reject a roomOwner invitation", error);
+        }
+      } finally {
+        showDialog.value = false;
+      }
+    }
+    async function onKickedOffSeat() {
+      Message.default({
+        type: "warning",
+        message: t("You have been invited by the host to step down, please raise your hand if you need to speak"),
+        duration: message.MESSAGE_DURATION.NORMAL
+      });
+    }
+    TUIRoomEngine.once("ready", () => {
+      var _a, _b, _c;
+      (_a = roomEngine.instance) == null ? void 0 : _a.on(TUIRoomEngine.TUIRoomEvents.onRequestReceived, onRequestReceived);
+      (_b = roomEngine.instance) == null ? void 0 : _b.on(TUIRoomEngine.TUIRoomEvents.onRequestCancelled, onRequestCancelled);
+      (_c = roomEngine.instance) == null ? void 0 : _c.on(TUIRoomEngine.TUIRoomEvents.onKickedOffSeat, onKickedOffSeat);
+    });
+    Vue.onBeforeUnmount(() => {
+      var _a, _b, _c;
+      (_a = roomEngine.instance) == null ? void 0 : _a.off(TUIRoomEngine.TUIRoomEvents.onRequestReceived, onRequestReceived);
+      (_b = roomEngine.instance) == null ? void 0 : _b.off(TUIRoomEngine.TUIRoomEvents.onRequestCancelled, onRequestCancelled);
+      (_c = roomEngine.instance) == null ? void 0 : _c.off(TUIRoomEngine.TUIRoomEvents.onKickedOffSeat, onKickedOffSeat);
+    });
+    return (_ctx, _cache) => {
+      return Vue.openBlock(), Vue.createElementBlock("div", null, [
+        Vue.createElementVNode("div", _hoisted_1, [
+          Vue.createVNode(IconButton.default, {
+            title: iconTitle.value,
+            icon: iconName.value,
+            onClickIcon: toggleApplySpeech
+          }, null, 8, ["title", "icon"]),
+          showMemberApplyAttention.value ? (Vue.openBlock(), Vue.createElementBlock("div", _hoisted_2, [
+            Vue.createElementVNode("span", {
+              class: Vue.normalizeClass(Vue.unref(environment.isMobile) ? "mobile-info" : "info")
+            }, Vue.toDisplayString(Vue.unref(t)("Please raise your hand to apply")), 3),
+            Vue.createVNode(SvgIcon.default, {
+              icon: CloseIcon.default,
+              class: "close",
+              onClick: hideApplyAttention
+            })
+          ])) : Vue.createCommentVNode("", true)
+        ]),
+        Vue.createVNode(index$2.default, {
+          modelValue: showDialog.value,
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => showDialog.value = $event),
+          title: currentDialogTitle.value,
+          modal: true,
+          "show-close": false,
+          "close-on-click-modal": false,
+          width: "500px",
+          "append-to-room-container": true,
+          "confirm-button": currentDialogInfo.value.confirmButtonText,
+          "cancel-button": currentDialogInfo.value.cancelButtonText,
+          onConfirm: currentDialogInfo.value.handleConfirm,
+          onCancel: currentDialogInfo.value.handleCancel
+        }, {
+          footer: Vue.withCtx(() => [
+            Vue.createVNode(Button.default, {
+              size: "default",
+              onClick: currentDialogInfo.value.handleConfirm
+            }, {
+              default: Vue.withCtx(() => [
+                Vue.createTextVNode(Vue.toDisplayString(currentDialogInfo.value.confirmButtonText), 1)
+              ]),
+              _: 1
+            }, 8, ["onClick"]),
+            Vue.createVNode(Button.default, {
+              class: "cancel-button",
+              size: "default",
+              type: "primary",
+              onClick: currentDialogInfo.value.handleCancel
+            }, {
+              default: Vue.withCtx(() => [
+                Vue.createTextVNode(Vue.toDisplayString(currentDialogInfo.value.cancelButtonText), 1)
+              ]),
+              _: 1
+            }, 8, ["onClick"])
+          ]),
+          default: Vue.withCtx(() => [
+            Vue.createElementVNode("span", null, Vue.toDisplayString(currentDialogInfo.value.content), 1)
+          ]),
+          _: 1
+        }, 8, ["modelValue", "title", "confirm-button", "cancel-button", "onConfirm", "onCancel"])
+      ]);
+    };
+  }
+});
+exports.default = _sfc_main;

package/lib/components/RoomFooter/ApplyControl/MemberApplyControl.vue3.js

@@ -0,0 +1 @@
+"use strict";

package/lib/components/RoomFooter/AudioControl.vue.d.ts

@@ -0,0 +1,6 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    click: (...args: any[]) => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>> & {
+    onClick?: ((...args: any[]) => any) | undefined;
+}, {}, {}>;
+export default _default;

package/lib/components/RoomFooter/AudioControl.vue.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const AudioControl_vue_vue_type_script_setup_true_lang = require("./AudioControl.vue2.js");
+require("./AudioControl.vue3.js");
+const _pluginVue_exportHelper = require("../../_virtual/_plugin-vue_export-helper.js");
+const AudioControl = /* @__PURE__ */ _pluginVue_exportHelper.default(AudioControl_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-986f8b0b"]]);
+exports.default = AudioControl;

package/lib/components/RoomFooter/AudioControl.vue2.js

@@ -0,0 +1,179 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const Vue = require("vue");
+const pinia = require("pinia");
+const Message = require("../common/base/Message/Message.js");
+const index$1 = require("../common/base/Dialog/index.vue.js");
+const room = require("../../stores/room.js");
+const message = require("../../constants/message.js");
+const index = require("../../locales/index.js");
+const TUIRoomEngine = require("@tencentcloud/tuiroom-engine-electron");
+const useRoomEngine = require("../../hooks/useRoomEngine.js");
+const environment = require("../../utils/environment.js");
+const Button = require("../common/base/Button.vue.js");
+const AudioMediaControl = require("../common/AudioMediaControl.vue.js");
+const basic = require("../../stores/basic.js");
+const index$2 = require("../common/base/MessageBox/index.js");
+const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
+  __name: "AudioControl",
+  emits: ["click"],
+  setup(__props, { emit: __emit }) {
+    const roomEngine = useRoomEngine.default();
+    const roomStore = room.useRoomStore();
+    const basicStore = basic.useBasicStore();
+    const {
+      isAudience,
+      localStream,
+      isLocalAudioIconDisable,
+      isMicrophoneDisableForAllUser,
+      userVolumeObj
+    } = pinia.storeToRefs(roomStore);
+    const emits = __emit;
+    const hasMore = Vue.computed(() => !environment.isMobile);
+    const { t } = index.useI18n();
+    const dialogContent = Vue.ref("");
+    function handleAudioMediaClick() {
+      emits("click");
+      toggleMuteAudio();
+    }
+    async function toggleMuteAudio() {
+      var _a, _b, _c, _d;
+      if (isLocalAudioIconDisable.value) {
+        let warningMessage = "";
+        if (isAudience.value) {
+          warningMessage = message.WARNING_MESSAGE.UNMUTE_LOCAL_MIC_FAIL_AUDIENCE;
+        } else if (isMicrophoneDisableForAllUser.value) {
+          warningMessage = message.WARNING_MESSAGE.UNMUTE_LOCAL_MIC_FAIL_MUTE_ALL;
+        }
+        Message.default({
+          type: "warning",
+          message: t(warningMessage),
+          duration: message.MESSAGE_DURATION.NORMAL
+        });
+        return;
+      }
+      if (localStream.value.hasAudioStream) {
+        await ((_a = roomEngine.instance) == null ? void 0 : _a.muteLocalAudio());
+        if (roomStore.isMicrophoneDisableForAllUser) {
+          roomStore.setCanControlSelfAudio(false);
+        }
+      } else {
+        const microphoneList = await ((_b = roomEngine.instance) == null ? void 0 : _b.getMicDevicesList());
+        const hasMicrophoneDevice = microphoneList.length > 0;
+        if (!hasMicrophoneDevice && !environment.isWeChat) {
+          index$2.default({
+            title: t("Note"),
+            message: t("Microphone not detected on current device"),
+            confirmButtonText: t("Sure")
+          });
+          return;
+        }
+        await ((_c = roomEngine.instance) == null ? void 0 : _c.unmuteLocalAudio());
+        if (!basicStore.isOpenMic) {
+          (_d = roomEngine.instance) == null ? void 0 : _d.openLocalMicrophone();
+          basicStore.setIsOpenMic(true);
+        }
+      }
+    }
+    const showRequestOpenMicDialog = Vue.ref(false);
+    const requestOpenMicRequestId = Vue.ref("");
+    async function onRequestReceived(eventInfo) {
+      const { userId, requestAction, requestId } = eventInfo.request;
+      if (requestAction === TUIRoomEngine.TUIRequestAction.kRequestToOpenRemoteMicrophone) {
+        const userRole = roomStore.getUserRole(userId) === TUIRoomEngine.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;
+      roomStore.setCanControlSelfAudio(true);
+      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(TUIRoomEngine.TUIRoomEvents.onRequestReceived, onRequestReceived);
+      (_b = roomEngine.instance) == null ? void 0 : _b.on(TUIRoomEngine.TUIRoomEvents.onRequestCancelled, onRequestCancelled);
+    });
+    Vue.onUnmounted(() => {
+      var _a, _b;
+      (_a = roomEngine.instance) == null ? void 0 : _a.off(TUIRoomEngine.TUIRoomEvents.onRequestReceived, onRequestReceived);
+      (_b = roomEngine.instance) == null ? void 0 : _b.off(TUIRoomEngine.TUIRoomEvents.onRequestCancelled, onRequestCancelled);
+    });
+    return (_ctx, _cache) => {
+      return Vue.openBlock(), Vue.createElementBlock("div", null, [
+        Vue.createVNode(AudioMediaControl.default, {
+          "has-more": hasMore.value,
+          "is-muted": !Vue.unref(localStream).hasAudioStream,
+          "is-disabled": Vue.unref(isLocalAudioIconDisable),
+          "audio-volume": Vue.unref(userVolumeObj)[Vue.unref(localStream).userId],
+          onClick: handleAudioMediaClick
+        }, null, 8, ["has-more", "is-muted", "is-disabled", "audio-volume"]),
+        Vue.createVNode(index$1.default, {
+          modelValue: showRequestOpenMicDialog.value,
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => showRequestOpenMicDialog.value = $event),
+          title: Vue.unref(t)("Tips"),
+          modal: true,
+          "show-close": false,
+          "close-on-click-modal": false,
+          width: "500px",
+          "append-to-room-container": true,
+          "confirm-button": Vue.unref(t)("Turn on the microphone"),
+          "cancel-button": Vue.unref(t)("Keep it closed"),
+          onConfirm: handleAccept,
+          onCancel: handleReject
+        }, {
+          footer: Vue.withCtx(() => [
+            Vue.createVNode(Button.default, {
+              class: "agree-button",
+              size: "default",
+              onClick: handleAccept
+            }, {
+              default: Vue.withCtx(() => [
+                Vue.createTextVNode(Vue.toDisplayString(Vue.unref(t)("Turn on the microphone")), 1)
+              ]),
+              _: 1
+            }),
+            Vue.createVNode(Button.default, {
+              class: "cancel-button",
+              size: "default",
+              type: "primary",
+              onClick: handleReject
+            }, {
+              default: Vue.withCtx(() => [
+                Vue.createTextVNode(Vue.toDisplayString(Vue.unref(t)("Keep it closed")), 1)
+              ]),
+              _: 1
+            })
+          ]),
+          default: Vue.withCtx(() => [
+            Vue.createElementVNode("span", null, Vue.toDisplayString(dialogContent.value), 1)
+          ]),
+          _: 1
+        }, 8, ["modelValue", "title", "confirm-button", "cancel-button"])
+      ]);
+    };
+  }
+});
+exports.default = _sfc_main;

package/lib/components/RoomFooter/AudioControl.vue3.js

@@ -0,0 +1 @@
+"use strict";

package/lib/components/RoomFooter/ChatControl.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+export default _default;

package/lib/components/RoomFooter/ChatControl.vue.js

@@ -0,0 +1,59 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const Vue = require("vue");
+const IconButton = require("../common/base/IconButton.vue.js");
+const ChatIcon = require("../common/icons/ChatIcon.vue.js");
+const basic = require("../../stores/basic.js");
+const chat = require("../../stores/chat.js");
+const pinia = require("pinia");
+const index = require("../../locales/index.js");
+const Badge = require("../common/base/Badge.vue.js");
+require("../../services/main.js");
+const roomService = require("../../services/roomService.js");
+require("@tencentcloud/tuiroom-engine-electron");
+require("mitt");
+require("../../services/manager/roomActionManager.js");
+const _hoisted_1 = {
+  key: 0,
+  class: "chat-control-container"
+};
+const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
+  __name: "ChatControl",
+  setup(__props) {
+    const { t } = index.useI18n();
+    const chatControlConfig = roomService.roomService.getComponentConfig("ChatControl");
+    const basicStore = basic.useBasicStore();
+    const chatStore = chat.useChatStore();
+    const { sidebarName } = pinia.storeToRefs(basicStore);
+    async function toggleChatSidebar() {
+      if (basicStore.isSidebarOpen && basicStore.sidebarName === "chat") {
+        basicStore.setSidebarOpenStatus(false);
+        basicStore.setSidebarName("");
+        return;
+      }
+      basicStore.setSidebarOpenStatus(true);
+      basicStore.setSidebarName("chat");
+      chatStore.updateUnReadCount(0);
+    }
+    return (_ctx, _cache) => {
+      return Vue.unref(chatControlConfig).visible ? (Vue.openBlock(), Vue.createElementBlock("div", _hoisted_1, [
+        Vue.createVNode(Badge.default, {
+          hidden: Vue.unref(chatStore).unReadCount === 0,
+          value: Vue.unref(chatStore).unReadCount,
+          max: 10
+        }, {
+          default: Vue.withCtx(() => [
+            Vue.createVNode(IconButton.default, {
+              title: Vue.unref(t)("Chat"),
+              icon: ChatIcon.default,
+              "is-active": Vue.unref(sidebarName) === "chat",
+              onClickIcon: toggleChatSidebar
+            }, null, 8, ["title", "is-active"])
+          ]),
+          _: 1
+        }, 8, ["hidden", "value"])
+      ])) : Vue.createCommentVNode("", true);
+    };
+  }
+});
+exports.default = _sfc_main;

package/lib/components/RoomFooter/ChatControl.vue2.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const ChatControl_vue_vue_type_script_setup_true_lang = require("./ChatControl.vue.js");
+exports.default = ChatControl_vue_vue_type_script_setup_true_lang.default;

package/lib/components/RoomFooter/EndControl/index.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+export default _default;

package/lib/components/RoomFooter/EndControl/index.vue.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const index_vue_vue_type_script_setup_true_lang = require("./index.vue2.js");
+require("./index.vue3.js");
+const _pluginVue_exportHelper = require("../../../_virtual/_plugin-vue_export-helper.js");
+const EndControl = /* @__PURE__ */ _pluginVue_exportHelper.default(index_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-8a854972"]]);
+exports.default = EndControl;