@tencentcloud/roomkit-electron-vue3 2.4.1 → 2.5.0

package/lib/components/ScheduleConference/ScheduleConferencePanel.vue2.js

@@ -0,0 +1,613 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const Vue = require("vue");
+const index = require("../../locales/index.js");
+const index$1 = require("../common/base/Dialog/index.vue.js");
+const index$2 = require("../common/base/Input/index.vue.js");
+const Select = require("../common/base/Select.vue.js");
+const Option = require("../common/base/Option.vue.js");
+const Checkbox = require("../common/base/Checkbox.vue.js");
+const Button = require("../common/base/Button.vue.js");
+const Avatar = require("../common/Avatar.vue.js");
+const Datepicker = require("../common/base/Datepicker/Datepicker.vue.js");
+const Timepicker_vue_vue_type_script_setup_true_lang = require("../common/base/Datepicker/Timepicker.vue.js");
+const DurationTimePicker_vue_vue_type_script_setup_true_lang = require("./DurationTimePicker.vue.js");
+const TimezonePicker_vue_vue_type_script_setup_true_lang = require("./TimezonePicker.vue.js");
+const ShareLink = require("./ShareLink.vue.js");
+const Contacts = require("./Contacts.vue.js");
+const ScheduleAttendees_vue_vue_type_script_setup_true_lang = require("../common/icons/ScheduleAttendees.vue.js");
+const CloseIcon = require("../common/icons/CloseIcon.vue.js");
+require("../../services/main.js");
+const roomService = require("../../services/roomService.js");
+const types = require("../../services/types.js");
+const TUIRoomEngine = require("@tencentcloud/tuiroom-engine-electron");
+require("mitt");
+require("../../services/manager/roomActionManager.js");
+const utils = require("../../utils/utils.js");
+const _hoisted_1 = { class: "schedule-conference-form" };
+const _hoisted_2 = { class: "form-item" };
+const _hoisted_3 = { class: "form-label" };
+const _hoisted_4 = {
+  key: 0,
+  class: "form-item"
+};
+const _hoisted_5 = { class: "form-label" };
+const _hoisted_6 = { class: "form-value" };
+const _hoisted_7 = { class: "form-item" };
+const _hoisted_8 = { class: "form-label" };
+const _hoisted_9 = { class: "form-value" };
+const _hoisted_10 = { class: "form-item" };
+const _hoisted_11 = { class: "form-label" };
+const _hoisted_12 = { class: "form-value" };
+const _hoisted_13 = { class: "form-item" };
+const _hoisted_14 = { class: "form-label" };
+const _hoisted_15 = { class: "form-value" };
+const _hoisted_16 = { class: "form-item column" };
+const _hoisted_17 = { class: "form-label" };
+const _hoisted_18 = { class: "form-value" };
+const _hoisted_19 = ["title"];
+const _hoisted_20 = { class: "form-attendees" };
+const _hoisted_21 = ["title"];
+const _hoisted_22 = {
+  key: 0,
+  class: "form-attendees-item",
+  style: { "flex-basis": "content" }
+};
+const _hoisted_23 = {
+  key: 1,
+  class: "form-item column"
+};
+const _hoisted_24 = { class: "form-label" };
+const _hoisted_25 = { class: "form-value" };
+const _hoisted_26 = { class: "checkbox-group" };
+const _hoisted_27 = { class: "schedule-conference-footer" };
+const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
+  __name: "ScheduleConferencePanel",
+  props: {
+    userName: {},
+    visible: { type: Boolean },
+    conferenceInfo: {}
+  },
+  emits: ["input"],
+  setup(__props, { emit: __emit }) {
+    const { t } = index.useI18n();
+    const shareLinkData = Vue.ref({});
+    const props = __props;
+    const getDateAndTime = (date, timeZone = Intl.DateTimeFormat().resolvedOptions().timeZone) => {
+      const formatter = new Intl.DateTimeFormat("en-US", {
+        year: "numeric",
+        month: "2-digit",
+        day: "2-digit",
+        hour: "2-digit",
+        minute: "2-digit",
+        hour12: false,
+        // Use 24-hour format
+        timeZone
+      });
+      const formattedDate = formatter.format(date);
+      const [month, day, year, hour, minute] = formattedDate.split(/[\s,:/]+/).filter((part) => part !== "AM" && part !== "PM");
+      const roundedMinute = Math.ceil(parseInt(minute) / 15) * 15;
+      const adjustedHour = roundedMinute === 60 ? parseInt(hour) + 1 : parseInt(hour);
+      const adjustedMinute = roundedMinute === 60 ? 0 : roundedMinute;
+      const adjustedDate = new Date(parseInt(year), parseInt(month) - 1, parseInt(day), adjustedHour, adjustedMinute);
+      if (adjustedDate < date) {
+        adjustedDate.setMinutes(adjustedDate.getMinutes() + 15);
+      }
+      const intHour = parseInt(hour);
+      const intMinute = parseInt(minute);
+      return {
+        date: new Date(parseInt(year), parseInt(month) - 1, parseInt(day)),
+        laterTime: `${adjustedHour < 10 ? `0${adjustedHour}` : adjustedHour}:${adjustedMinute < 10 ? `0${adjustedMinute}` : adjustedMinute}`,
+        time: `${intHour < 10 ? `0${intHour}` : intHour}:${intMinute < 10 ? `0${intMinute}` : intMinute}`
+      };
+    };
+    const emit = __emit;
+    const isDialogVisible = Vue.ref(false);
+    const contactsVisible = Vue.ref(false);
+    const showRoomInvite = Vue.ref(false);
+    const isEditMode = Vue.computed(() => !!props.conferenceInfo);
+    const roomId = Vue.ref("");
+    let contacts = [];
+    const { date: startDate, laterTime: startTime } = getDateAndTime(/* @__PURE__ */ new Date());
+    const defaultFormData = Vue.ref({
+      roomName: t("sb temporary room", { name: props.userName || roomService.roomService.basicStore.userId }),
+      roomMode: "FreeToSpeak",
+      startDate,
+      startTime,
+      duration: 1800,
+      timezone: Intl.DateTimeFormat().resolvedOptions().timeZone,
+      searchUser: "",
+      scheduleAttendees: [],
+      isMicrophoneDisableForAllUser: false,
+      isScreenShareDisableForAllUser: false,
+      isCameraDisableForAllUser: false
+    });
+    const form = Vue.ref(utils.deepClone(defaultFormData.value));
+    const resetData = () => {
+      defaultFormData.value.startDate = form.value.startDate;
+      defaultFormData.value.startTime = form.value.startTime;
+      form.value = Object.assign({}, utils.deepClone(defaultFormData.value));
+    };
+    Vue.watch(
+      () => props.visible,
+      async (val) => {
+        isDialogVisible.value = val;
+        if (val) {
+          const { date, laterTime } = getDateAndTime(/* @__PURE__ */ new Date());
+          form.value.startDate = date;
+          form.value.startTime = laterTime;
+          contacts = await roomService.roomService.scheduleConferenceManager.fetchFriendList();
+          isEditMode.value && (form.value = Object.assign({}, utils.deepClone(editParams.value)));
+        }
+      },
+      {
+        immediate: true
+      }
+    );
+    const updateDialogVisible = (val) => {
+      emit("input", val);
+      if (!val) {
+        resetData();
+      }
+    };
+    Vue.watch(isDialogVisible, (val) => {
+      updateDialogVisible(val);
+    }, { immediate: true });
+    const editParams = Vue.computed(() => {
+      if (!props.conferenceInfo)
+        return {};
+      const { basicRoomInfo, scheduleAttendees, scheduleStartTime, scheduleEndTime } = props.conferenceInfo;
+      const { date, time } = getDateAndTime(new Date(scheduleStartTime * 1e3));
+      const {
+        roomName,
+        isSeatEnabled,
+        isMicrophoneDisableForAllUser,
+        isScreenShareDisableForAllUser,
+        isCameraDisableForAllUser
+      } = basicRoomInfo;
+      return {
+        roomName,
+        roomMode: isSeatEnabled ? "SpeakAfterTakingSeat" : "FreeToSpeak",
+        startDate: date,
+        startTime: time,
+        duration: scheduleEndTime - scheduleStartTime,
+        timezone: Intl.DateTimeFormat().resolvedOptions().timeZone,
+        searchUser: "",
+        scheduleAttendees,
+        isMicrophoneDisableForAllUser,
+        isScreenShareDisableForAllUser,
+        isCameraDisableForAllUser
+      };
+    });
+    const convertToTimestamp = (date, time, timezone, offset = 1, referenceTimezone) => {
+      const year = date.getFullYear();
+      const month = date.getMonth() + 1;
+      const day = date.getDate();
+      const timezoneOffset = offset * getTimezoneOffset(timezone, referenceTimezone) * 60 * 1e3;
+      return (/* @__PURE__ */ new Date(`${year}-${month}-${day} ${time}`)).getTime() - timezoneOffset;
+    };
+    const calculateEndTime = (startTime2, duration) => {
+      const endTime = startTime2 + duration * 1e3;
+      return endTime;
+    };
+    const scheduleParams = Vue.computed(() => {
+      const { startDate: startDate2, startTime: startTime2, timezone, duration, scheduleAttendees } = form.value;
+      const scheduleStartTime = convertToTimestamp(startDate2, startTime2, timezone);
+      const scheduleEndTime = calculateEndTime(scheduleStartTime, duration);
+      return {
+        roomId: roomId.value,
+        scheduleStartTime: scheduleStartTime / 1e3,
+        scheduleEndTime: scheduleEndTime / 1e3,
+        scheduleAttendees,
+        roomName: form.value.roomName,
+        isSeatEnabled: form.value.roomMode !== "FreeToSpeak",
+        seatMode: form.value.roomMode === "SpeakAfterTakingSeat" ? TUIRoomEngine.TUISeatMode.kApplyToTake : void 0,
+        isMicrophoneDisableForAllUser: form.value.isMicrophoneDisableForAllUser,
+        isScreenShareDisableForAllUser: form.value.isScreenShareDisableForAllUser,
+        isCameraDisableForAllUser: form.value.isCameraDisableForAllUser
+      };
+    });
+    function getTimezoneOffset(targetTimezone, referenceTimezone = "UTC") {
+      const now = Date.now();
+      const referenceDate = referenceTimezone === "UTC" ? new Date(now).toISOString() : new Date(now).toLocaleString("en-US", { timeZone: referenceTimezone, hour12: false });
+      const targetDate = new Date(now).toLocaleString("en-US", { timeZone: targetTimezone, hour12: false });
+      const referenceTime = new Date(referenceDate).getTime();
+      const targetTime = new Date(targetDate).getTime();
+      const offset = Math.round((targetTime - referenceTime) / (1e3 * 60));
+      return offset;
+    }
+    const timeCheck = () => {
+      if (!props.visible)
+        return true;
+      const { timezone, startDate: startDate2, startTime: startTime2 } = form.value;
+      const scheduleStartTime = convertToTimestamp(startDate2, startTime2, timezone);
+      const currentDate = /* @__PURE__ */ new Date();
+      currentDate.setMilliseconds(0);
+      currentDate.setSeconds(0);
+      const currentTime = currentDate.getTime();
+      const result = scheduleStartTime >= currentTime;
+      !result && roomService.roomService.emit(types.EventType.ROOM_NOTICE_MESSAGE, {
+        type: "warning",
+        message: t("The start time cannot be earlier than the current time")
+      });
+      return result;
+    };
+    const roomNameCheck = () => {
+      if (!props.visible)
+        return true;
+      const result = utils.calculateByteLength(form.value.roomName) <= 100;
+      !result && roomService.roomService.emit(types.EventType.ROOM_NOTICE_MESSAGE, {
+        type: "warning",
+        message: t("The room name cannot exceed 100 characters")
+      });
+      return result;
+    };
+    const roomStatusCheck = () => {
+      var _a;
+      if (!props.visible)
+        return true;
+      const isNotStarted = ((_a = props.conferenceInfo) == null ? void 0 : _a.status) === TUIRoomEngine.TUIConferenceStatus.kConferenceStatusNotStarted;
+      !isNotStarted && roomService.roomService.emit(types.EventType.ROOM_NOTICE_MESSAGE, {
+        type: "warning",
+        message: t("The meeting is in progress and any meeting information cannot be modified")
+      });
+      return isNotStarted;
+    };
+    Vue.watch(() => form.value.startTime, async (newValue, oldValue) => {
+      if (!timeCheck()) {
+        await Vue.nextTick();
+        form.value.startTime = oldValue;
+      }
+    });
+    Vue.watch(() => form.value.startDate, async (newValue, oldValue) => {
+      if (!timeCheck()) {
+        await Vue.nextTick();
+        form.value.startDate = oldValue;
+      }
+    });
+    Vue.watch(() => form.value.timezone, async (newValue, oldValue) => {
+      const { startDate: startDate2, startTime: startTime2 } = form.value;
+      const currentDate = new Date(convertToTimestamp(startDate2, startTime2, newValue, -1, oldValue));
+      const { date, laterTime } = getDateAndTime(currentDate);
+      form.value.startDate = date;
+      form.value.startTime = laterTime;
+    });
+    const roomTypeList = [
+      { label: "Free Speech Room", value: "FreeToSpeak" },
+      { label: "On-stage Speaking Room", value: "SpeakAfterTakingSeat" }
+    ];
+    const selectScheduleAttends = () => {
+      contactsVisible.value = true;
+    };
+    const searchScheduleAttend = (v) => {
+      if (!v)
+        return [];
+      return contacts.filter((user) => (user == null ? void 0 : user.profile.nick.includes(v)) || (user == null ? void 0 : user.userID.includes(v)));
+    };
+    const addSelectUser = (user) => {
+      var _a, _b;
+      form.value.searchUser = "";
+      if (form.value.scheduleAttendees.findIndex((item) => item.userId === user.userID) !== -1)
+        return;
+      form.value.scheduleAttendees.push({
+        userId: user.userID,
+        userName: (_a = user.profile) == null ? void 0 : _a.nick,
+        avatarUrl: (_b = user.profile) == null ? void 0 : _b.avatar
+      });
+    };
+    const removeSelectUser = (user) => {
+      form.value.scheduleAttendees = form.value.scheduleAttendees.filter((item) => item.userId !== user.userId);
+    };
+    const contactsConfirm = (contacts2) => {
+      form.value.scheduleAttendees = contacts2;
+    };
+    const scheduleConference = async () => {
+      if (!timeCheck())
+        return;
+      if (!roomNameCheck())
+        return;
+      roomId.value = String(Math.ceil(Math.random() * 1e6));
+      try {
+        await roomService.roomService.scheduleConferenceManager.scheduleConference({
+          ...scheduleParams.value,
+          roomId: roomId.value
+        });
+        const userIdList = scheduleParams.value.scheduleAttendees.map((item) => item.userId);
+        if (userIdList && userIdList.length > 0) {
+          await roomService.roomService.scheduleConferenceManager.addAttendeesByAdmin({
+            roomId: roomId.value,
+            userIdList
+          });
+        }
+        shareLinkData.value = utils.deepClone(scheduleParams.value);
+        updateDialogVisible(false);
+        showRoomInvite.value = true;
+      } catch (err) {
+        roomService.roomService.emit(types.EventType.ROOM_NOTICE_MESSAGE, {
+          type: "error",
+          message: err.message
+        });
+      }
+    };
+    const compareArrays = (oldArray, newArray, key) => {
+      const added = [];
+      const removed = [];
+      const newKeySet = new Set(newArray.map((item) => item[key]));
+      const oldKeySet = new Set(oldArray.map((item) => item[key]));
+      newArray.forEach((item) => {
+        if (!oldKeySet.has(item[key])) {
+          added.push(item);
+        }
+      });
+      oldArray.forEach((item) => {
+        if (!newKeySet.has(item[key])) {
+          removed.push(item);
+        }
+      });
+      return {
+        added,
+        removed
+      };
+    };
+    const updateConferenceInfo = async () => {
+      var _a;
+      if (!roomStatusCheck())
+        return;
+      if (!timeCheck())
+        return;
+      if (!roomNameCheck())
+        return;
+      try {
+        const roomId2 = (_a = props.conferenceInfo) == null ? void 0 : _a.basicRoomInfo.roomId;
+        if (!roomId2)
+          return;
+        const { roomName, scheduleStartTime, scheduleEndTime, scheduleAttendees } = scheduleParams.value;
+        await roomService.roomService.scheduleConferenceManager.updateConferenceInfo({
+          roomId: roomId2,
+          roomName,
+          scheduleStartTime,
+          scheduleEndTime
+        });
+        const compareResult = compareArrays(props.conferenceInfo.scheduleAttendees, scheduleAttendees, "userId");
+        await Promise.all([
+          compareResult.added.length > 0 && roomService.roomService.scheduleConferenceManager.addAttendeesByAdmin({
+            roomId: roomId2,
+            userIdList: compareResult.added.map((item) => item.userId)
+          }),
+          compareResult.removed.length > 0 && roomService.roomService.scheduleConferenceManager.removeAttendeesByAdmin({
+            roomId: roomId2,
+            userIdList: compareResult.removed.map((item) => item.userId)
+          })
+        ]);
+        updateDialogVisible(false);
+      } catch (err) {
+        roomService.roomService.emit(types.EventType.ROOM_NOTICE_MESSAGE, {
+          type: "error",
+          message: err.message
+        });
+      }
+    };
+    const cancel = () => {
+      updateDialogVisible(false);
+    };
+    return (_ctx, _cache) => {
+      return Vue.openBlock(), Vue.createElementBlock(Vue.Fragment, null, [
+        Vue.createVNode(index$1.default, {
+          modelValue: isDialogVisible.value,
+          "onUpdate:modelValue": _cache[10] || (_cache[10] = ($event) => isDialogVisible.value = $event),
+          title: Vue.unref(t)(!isEditMode.value ? Vue.unref(t)("Schedule") : Vue.unref(t)("Modify Room")),
+          modal: true,
+          "append-to-body": true
+        }, {
+          footer: Vue.withCtx(() => [
+            Vue.createElementVNode("div", _hoisted_27, [
+              Vue.createVNode(Button.default, {
+                class: "footer-button",
+                type: "primary",
+                onClick: cancel
+              }, {
+                default: Vue.withCtx(() => [
+                  Vue.createTextVNode(Vue.toDisplayString(Vue.unref(t)("Cancel")), 1)
+                ]),
+                _: 1
+              }),
+              !isEditMode.value ? (Vue.openBlock(), Vue.createBlock(Button.default, {
+                key: 0,
+                class: "footer-button",
+                onClick: scheduleConference
+              }, {
+                default: Vue.withCtx(() => [
+                  Vue.createTextVNode(Vue.toDisplayString(Vue.unref(t)("Schedule")), 1)
+                ]),
+                _: 1
+              })) : (Vue.openBlock(), Vue.createBlock(Button.default, {
+                key: 1,
+                class: "footer-button",
+                onClick: updateConferenceInfo
+              }, {
+                default: Vue.withCtx(() => [
+                  Vue.createTextVNode(Vue.toDisplayString(Vue.unref(t)("Save")), 1)
+                ]),
+                _: 1
+              }))
+            ])
+          ]),
+          default: Vue.withCtx(() => {
+            var _a;
+            return [
+              Vue.createElementVNode("div", _hoisted_1, [
+                Vue.createElementVNode("div", _hoisted_2, [
+                  Vue.createElementVNode("span", _hoisted_3, Vue.toDisplayString(Vue.unref(t)("Room Name")), 1),
+                  Vue.createVNode(index$2.default, {
+                    modelValue: form.value.roomName,
+                    "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => form.value.roomName = $event),
+                    theme: "white",
+                    class: "form-value",
+                    placeholder: Vue.unref(t)("please enter the room name"),
+                    maxlength: ""
+                  }, null, 8, ["modelValue", "placeholder"])
+                ]),
+                !isEditMode.value ? (Vue.openBlock(), Vue.createElementBlock("div", _hoisted_4, [
+                  Vue.createElementVNode("span", _hoisted_5, Vue.toDisplayString(Vue.unref(t)("Room type")), 1),
+                  Vue.createElementVNode("div", _hoisted_6, [
+                    Vue.createVNode(Select.default, {
+                      modelValue: form.value.roomMode,
+                      "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => form.value.roomMode = $event),
+                      theme: "white",
+                      class: "select",
+                      teleported: false,
+                      "popper-append-to-body": false,
+                      "custom-select-content-style": { "font-weight": 400 }
+                    }, {
+                      default: Vue.withCtx(() => [
+                        (Vue.openBlock(), Vue.createElementBlock(Vue.Fragment, null, Vue.renderList(roomTypeList, (item) => {
+                          return Vue.createVNode(Option.default, {
+                            key: item.value,
+                            theme: "white",
+                            value: item.value,
+                            label: Vue.unref(t)(item.label),
+                            "custom-option-content-style": { "font-weight": 400 }
+                          }, null, 8, ["value", "label"]);
+                        }), 64))
+                      ]),
+                      _: 1
+                    }, 8, ["modelValue"])
+                  ])
+                ])) : Vue.createCommentVNode("", true),
+                Vue.createElementVNode("div", _hoisted_7, [
+                  Vue.createElementVNode("span", _hoisted_8, Vue.toDisplayString(Vue.unref(t)("Starting time")), 1),
+                  Vue.createElementVNode("div", _hoisted_9, [
+                    Vue.createVNode(Datepicker.default, {
+                      "model-value": form.value.startDate,
+                      class: "date-picker",
+                      onInput: _cache[2] || (_cache[2] = ($event) => form.value.startDate = $event)
+                    }, null, 8, ["model-value"]),
+                    Vue.createVNode(Timepicker_vue_vue_type_script_setup_true_lang.default, {
+                      "model-value": form.value.startTime,
+                      class: "time-picker",
+                      onInput: _cache[3] || (_cache[3] = ($event) => form.value.startTime = $event)
+                    }, null, 8, ["model-value"])
+                  ])
+                ]),
+                Vue.createElementVNode("div", _hoisted_10, [
+                  Vue.createElementVNode("span", _hoisted_11, Vue.toDisplayString(Vue.unref(t)("Room duration")), 1),
+                  Vue.createElementVNode("div", _hoisted_12, [
+                    Vue.createVNode(DurationTimePicker_vue_vue_type_script_setup_true_lang.default, {
+                      "model-value": form.value.duration,
+                      class: "select",
+                      onInput: _cache[4] || (_cache[4] = ($event) => form.value.duration = $event)
+                    }, null, 8, ["model-value"])
+                  ])
+                ]),
+                Vue.createElementVNode("div", _hoisted_13, [
+                  Vue.createElementVNode("span", _hoisted_14, Vue.toDisplayString(Vue.unref(t)("Time zone")), 1),
+                  Vue.createElementVNode("div", _hoisted_15, [
+                    Vue.createVNode(TimezonePicker_vue_vue_type_script_setup_true_lang.default, {
+                      "model-value": form.value.timezone,
+                      class: "select",
+                      onInput: _cache[5] || (_cache[5] = ($event) => form.value.timezone = $event)
+                    }, null, 8, ["model-value"])
+                  ])
+                ]),
+                Vue.createElementVNode("div", _hoisted_16, [
+                  Vue.createElementVNode("span", _hoisted_17, Vue.toDisplayString(Vue.unref(t)("Attendees")), 1),
+                  Vue.createElementVNode("div", _hoisted_18, [
+                    Vue.createVNode(index$2.default, {
+                      modelValue: form.value.searchUser,
+                      "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => form.value.searchUser = $event),
+                      class: "form-input search-user",
+                      search: searchScheduleAttend,
+                      select: addSelectUser,
+                      placeholder: Vue.unref(t)("Please enter the member name")
+                    }, {
+                      suffixIcon: Vue.withCtx(() => [
+                        Vue.createVNode(ScheduleAttendees_vue_vue_type_script_setup_true_lang.default, {
+                          class: "select-attendees",
+                          onClick: selectScheduleAttends
+                        }),
+                        Vue.createVNode(Contacts.default, {
+                          visible: contactsVisible.value,
+                          contacts: Vue.unref(contacts),
+                          "selected-list": scheduleParams.value.scheduleAttendees,
+                          onInput: _cache[6] || (_cache[6] = ($event) => contactsVisible.value = $event),
+                          onConfirm: contactsConfirm
+                        }, null, 8, ["visible", "contacts", "selected-list"])
+                      ]),
+                      searchResultItem: Vue.withCtx(({ data }) => [
+                        Vue.createVNode(Avatar.default, {
+                          class: "form-attendees-item-avatar",
+                          "img-src": data.profile.avatar
+                        }, null, 8, ["img-src"]),
+                        Vue.createElementVNode("p", {
+                          class: "form-attendees-item-name",
+                          title: data.profile.nick
+                        }, Vue.toDisplayString(data.profile.nick), 9, _hoisted_19)
+                      ]),
+                      _: 1
+                    }, 8, ["modelValue", "placeholder"]),
+                    Vue.createElementVNode("div", _hoisted_20, [
+                      (Vue.openBlock(true), Vue.createElementBlock(Vue.Fragment, null, Vue.renderList(form.value.scheduleAttendees, (user) => {
+                        return Vue.openBlock(), Vue.createElementBlock("span", {
+                          key: user.userId,
+                          class: "form-attendees-item"
+                        }, [
+                          Vue.createVNode(Avatar.default, {
+                            class: "form-attendees-item-avatar",
+                            "img-src": user.avatarUrl
+                          }, null, 8, ["img-src"]),
+                          Vue.createElementVNode("p", {
+                            class: "form-attendees-item-name",
+                            title: user.userName
+                          }, Vue.toDisplayString(user.userName), 9, _hoisted_21),
+                          Vue.createVNode(CloseIcon.default, {
+                            class: "form-attendees-item-remove",
+                            onClick: ($event) => removeSelectUser(user)
+                          }, null, 8, ["onClick"])
+                        ]);
+                      }), 128)),
+                      ((_a = form.value.scheduleAttendees) == null ? void 0 : _a.length) > 0 ? (Vue.openBlock(), Vue.createElementBlock("span", _hoisted_22, Vue.toDisplayString(`${form.value.scheduleAttendees.length} ${Vue.unref(t)("people")}`), 1)) : Vue.createCommentVNode("", true)
+                    ])
+                  ])
+                ]),
+                !isEditMode.value ? (Vue.openBlock(), Vue.createElementBlock("div", _hoisted_23, [
+                  Vue.createElementVNode("span", _hoisted_24, Vue.toDisplayString(Vue.unref(t)("Member management")), 1),
+                  Vue.createElementVNode("div", _hoisted_25, [
+                    Vue.createElementVNode("div", _hoisted_26, [
+                      Vue.createVNode(Checkbox.default, {
+                        "model-value": form.value.isMicrophoneDisableForAllUser,
+                        class: "checkbox-group-item",
+                        onInput: _cache[8] || (_cache[8] = ($event) => form.value.isMicrophoneDisableForAllUser = $event)
+                      }, {
+                        default: Vue.withCtx(() => [
+                          Vue.createElementVNode("span", null, Vue.toDisplayString(Vue.unref(t)("Disable all audios")), 1)
+                        ]),
+                        _: 1
+                      }, 8, ["model-value"]),
+                      Vue.createVNode(Checkbox.default, {
+                        "model-value": form.value.isCameraDisableForAllUser,
+                        class: "checkbox-group-item",
+                        onInput: _cache[9] || (_cache[9] = ($event) => form.value.isCameraDisableForAllUser = $event)
+                      }, {
+                        default: Vue.withCtx(() => [
+                          Vue.createTextVNode(Vue.toDisplayString(Vue.unref(t)("Disable all videos")), 1)
+                        ]),
+                        _: 1
+                      }, 8, ["model-value"])
+                    ])
+                  ])
+                ])) : Vue.createCommentVNode("", true)
+              ])
+            ];
+          }),
+          _: 1
+        }, 8, ["modelValue", "title"]),
+        Vue.createVNode(ShareLink.default, {
+          visible: showRoomInvite.value,
+          "schedule-params": shareLinkData.value,
+          onInput: _cache[11] || (_cache[11] = ($event) => showRoomInvite.value = $event)
+        }, null, 8, ["visible", "schedule-params"])
+      ], 64);
+    };
+  }
+});
+exports.default = _sfc_main;

package/lib/components/ScheduleConference/ScheduleConferencePanel.vue3.js

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

package/lib/components/ScheduleConference/ScheduleRoomControl.vue.d.ts

@@ -0,0 +1,29 @@
+declare const _default: import('vue').DefineComponent<__VLS_TypePropsToRuntimeProps<{
+    item: any;
+    scheduleStartDate: string;
+    scheduleEndDate: string;
+    scheduleStartTime: string;
+    scheduleEndTime: string;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "join-conference": (...args: any[]) => void;
+    "show-more": (...args: any[]) => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    item: any;
+    scheduleStartDate: string;
+    scheduleEndDate: string;
+    scheduleStartTime: string;
+    scheduleEndTime: string;
+}>>> & {
+    "onJoin-conference"?: ((...args: any[]) => any) | undefined;
+    "onShow-more"?: ((...args: any[]) => any) | undefined;
+}, {}, {}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};

package/lib/components/ScheduleConference/ScheduleRoomControl.vue.js

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