@tencentcloud/roomkit-electron-vue3 2.5.0 → 2.6.0

package/es/components/ScheduleConference/{ScheduleConferencePanel.vue2.mjs → ScheduleConferencePanel/index.vue2.mjs}

@@ -1,27 +1,32 @@
-import { defineComponent, ref, computed, watch, nextTick, openBlock, createElementBlock, Fragment, createVNode, unref, withCtx, createElementVNode, createTextVNode, toDisplayString, createBlock, renderList, createCommentVNode } from "vue";
-import { useI18n } from "../../locales/index.mjs";
-import Dialog from "../common/base/Dialog/index.vue.mjs";
-import TuiInput from "../common/base/Input/index.vue.mjs";
-import TuiSelect from "../common/base/Select.vue.mjs";
-import TuiOption from "../common/base/Option.vue.mjs";
-import TuiCheckbox from "../common/base/Checkbox.vue.mjs";
-import TuiButton from "../common/base/Button.vue.mjs";
-import TuiAvatar from "../common/Avatar.vue.mjs";
-import TuiDatepicker from "../common/base/Datepicker/Datepicker.vue.mjs";
-import _sfc_main$1 from "../common/base/Datepicker/Timepicker.vue.mjs";
-import _sfc_main$2 from "./DurationTimePicker.vue.mjs";
-import _sfc_main$3 from "./TimezonePicker.vue.mjs";
-import TuiShareLink from "./ShareLink.vue.mjs";
-import Contacts from "./Contacts.vue.mjs";
-import _sfc_main$4 from "../common/icons/ScheduleAttendees.vue.mjs";
-import CloseIcon from "../common/icons/CloseIcon.vue.mjs";
-import "../../services/main.mjs";
-import { roomService } from "../../services/roomService.mjs";
-import { EventType } from "../../services/types.mjs";
+import { defineComponent, ref, computed, watch, nextTick, openBlock, createElementBlock, createVNode, unref, withCtx, createElementVNode, createTextVNode, toDisplayString, createBlock, Fragment, renderList, createCommentVNode, normalizeClass } from "vue";
+import { useI18n } from "../../../locales/index.mjs";
+import TuiInput from "../../common/base/Input/index.vue.mjs";
+import TuiSelect from "../../common/base/Select/index.vue.mjs";
+import TuiOption from "../../common/base/Option/index.vue.mjs";
+import TuiCheckbox from "../../common/base/Checkbox/index.vue.mjs";
+import TuiButton from "../../common/base/Button.vue.mjs";
+import Avatar from "../../common/Avatar.vue.mjs";
+import TuiDatepicker from "../../common/base/Datepicker/index.vue.mjs";
+import _sfc_main$1 from "../../common/base/Timepicker/index.vue.mjs";
+import _sfc_main$2 from "../DurationTimePicker.vue.mjs";
+import _sfc_main$3 from "../TimezonePicker.vue.mjs";
+import TuiShareLink from "../ShareLink.vue.mjs";
+import Contacts from "../Contacts.vue.mjs";
+import ScheduleAttendees from "../../common/icons/ScheduleAttendees.vue.mjs";
+import PanelContainer from "../PanelContainer.vue.mjs";
+import CloseIcon from "../../common/icons/CloseIcon.vue.mjs";
+import HideContentIcon from "../../common/icons/HideContentIcon.vue.mjs";
+import ShowContentIcon from "../../common/icons/ShowContentIcon.vue.mjs";
+import "../../../services/main.mjs";
+import { roomService } from "../../../services/roomService.mjs";
+import { EventType } from "../../../services/types.mjs";
 import { TUISeatMode, TUIConferenceStatus } from "@tencentcloud/tuiroom-engine-electron";
 import "mitt";
-import "../../services/manager/roomActionManager.mjs";
-import { deepClone, calculateByteLength } from "../../utils/utils.mjs";
+import "../../../services/manager/roomActionManager.mjs";
+import { PASSWORD_MAX_LENGTH_LIMIT } from "../../../constants/room.mjs";
+import { deepClone, isDigitsOnly, calculateByteLength } from "../../../utils/utils.mjs";
+import { getDateAndTime, convertToTimestamp, calculateEndTime } from "../scheduleUtils.mjs";
+import SvgIcon from "../../common/base/SvgIcon.vue.mjs";
 const _hoisted_1 = { class: "schedule-conference-form" };
 const _hoisted_2 = { class: "form-item" };
 const _hoisted_3 = { class: "form-label" };
@@ -53,14 +58,22 @@ const _hoisted_22 = {
 };
 const _hoisted_23 = {
   key: 1,
-  class: "form-item column"
+  class: "form-item column",
+  style: { "align-items": "baseline" }
 };
 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 _hoisted_25 = { class: "password-container" };
+const _hoisted_26 = { class: "form-title" };
+const _hoisted_27 = {
+  key: 2,
+  class: "form-item column"
+};
+const _hoisted_28 = { class: "form-label" };
+const _hoisted_29 = { class: "form-value" };
+const _hoisted_30 = { class: "checkbox-group" };
+const _hoisted_31 = { class: "schedule-conference-footer" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "ScheduleConferencePanel",
+  __name: "index",
   props: {
     userName: {},
     visible: { type: Boolean },
@@ -71,44 +84,20 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const { t } = useI18n();
     const shareLinkData = 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 = ref(false);
     const contactsVisible = ref(false);
     const showRoomInvite = ref(false);
+    const isShowPassword = ref(false);
+    const passwordChecked = ref(false);
     const isEditMode = computed(() => !!props.conferenceInfo);
     const roomId = ref("");
     let contacts = [];
     const { date: startDate, laterTime: startTime } = getDateAndTime(/* @__PURE__ */ new Date());
     const defaultFormData = ref({
-      roomName: t("sb temporary room", { name: props.userName || roomService.basicStore.userId }),
+      roomName: t("sb temporary room", {
+        name: props.userName || roomService.basicStore.userId
+      }),
       roomMode: "FreeToSpeak",
       startDate,
       startTime,
@@ -118,9 +107,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       scheduleAttendees: [],
       isMicrophoneDisableForAllUser: false,
       isScreenShareDisableForAllUser: false,
-      isCameraDisableForAllUser: false
+      isCameraDisableForAllUser: false,
+      password: `${Math.floor(Math.random() * 9e5) + 1e5}`
     });
     const form = ref(deepClone(defaultFormData.value));
+    const inputType = computed(() => isShowPassword.value ? "text" : "password");
+    const toggleShowPassword = () => {
+      isShowPassword.value = !isShowPassword.value;
+    };
     const resetData = () => {
       defaultFormData.value.startDate = form.value.startDate;
       defaultFormData.value.startTime = form.value.startTime;
@@ -132,6 +126,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         isDialogVisible.value = val;
         if (val) {
           const { date, laterTime } = getDateAndTime(/* @__PURE__ */ new Date());
+          form.value.roomName = t("sb temporary room", {
+            name: props.userName || roomService.basicStore.userId
+          });
           form.value.startDate = date;
           form.value.startTime = laterTime;
           contacts = await roomService.scheduleConferenceManager.fetchFriendList();
@@ -145,23 +142,34 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const updateDialogVisible = (val) => {
       emit("input", val);
       if (!val) {
+        passwordChecked.value = false;
+        isShowPassword.value = false;
         resetData();
       }
     };
-    watch(isDialogVisible, (val) => {
-      updateDialogVisible(val);
-    }, { immediate: true });
+    watch(
+      isDialogVisible,
+      (val) => {
+        updateDialogVisible(val);
+      },
+      { immediate: true }
+    );
     const editParams = computed(() => {
-      if (!props.conferenceInfo)
-        return {};
-      const { basicRoomInfo, scheduleAttendees, scheduleStartTime, scheduleEndTime } = props.conferenceInfo;
+      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
+        isCameraDisableForAllUser,
+        password
       } = basicRoomInfo;
       return {
         roomName,
@@ -174,20 +182,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         scheduleAttendees,
         isMicrophoneDisableForAllUser,
         isScreenShareDisableForAllUser,
-        isCameraDisableForAllUser
+        isCameraDisableForAllUser,
+        password
       };
     });
-    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 = computed(() => {
       const { startDate: startDate2, startTime: startTime2, timezone, duration, scheduleAttendees } = form.value;
       const scheduleStartTime = convertToTimestamp(startDate2, startTime2, timezone);
@@ -202,21 +200,27 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         seatMode: form.value.roomMode === "SpeakAfterTakingSeat" ? TUISeatMode.kApplyToTake : void 0,
         isMicrophoneDisableForAllUser: form.value.isMicrophoneDisableForAllUser,
         isScreenShareDisableForAllUser: form.value.isScreenShareDisableForAllUser,
-        isCameraDisableForAllUser: form.value.isCameraDisableForAllUser
+        isCameraDisableForAllUser: form.value.isCameraDisableForAllUser,
+        password: form.value.password
       };
     });
-    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)
+    const roomPasswordCheck = () => {
+      if (!passwordChecked.value) {
+        form.value.password = "";
         return true;
+      }
+      const { password } = form.value;
+      if (!props.visible || password === "" || !isDigitsOnly(password) || calculateByteLength(password) < PASSWORD_MAX_LENGTH_LIMIT) {
+        roomService.emit(EventType.ROOM_NOTICE_MESSAGE, {
+          type: "warning",
+          message: t("Your room password format is incorrect, please check it")
+        });
+        return false;
+      }
+      return true;
+    };
+    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();
@@ -231,8 +235,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return result;
     };
     const roomNameCheck = () => {
-      if (!props.visible)
-        return true;
+      if (!props.visible) return true;
+      if (form.value.roomName === "") {
+        roomService.emit(EventType.ROOM_NOTICE_MESSAGE, {
+          type: "warning",
+          message: t("The room name cannot be empty")
+        });
+        return false;
+      }
       const result = calculateByteLength(form.value.roomName) <= 100;
       !result && roomService.emit(EventType.ROOM_NOTICE_MESSAGE, {
         type: "warning",
@@ -242,34 +252,46 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
     const roomStatusCheck = () => {
       var _a;
-      if (!props.visible)
-        return true;
+      if (!props.visible) return true;
       const isNotStarted = ((_a = props.conferenceInfo) == null ? void 0 : _a.status) === TUIConferenceStatus.kConferenceStatusNotStarted;
       !isNotStarted && roomService.emit(EventType.ROOM_NOTICE_MESSAGE, {
         type: "warning",
-        message: t("The meeting is in progress and any meeting information cannot be modified")
+        message: t(
+          "The meeting is in progress and any meeting information cannot be modified"
+        )
       });
       return isNotStarted;
     };
-    watch(() => form.value.startTime, async (newValue, oldValue) => {
-      if (!timeCheck()) {
-        await nextTick();
-        form.value.startTime = oldValue;
+    watch(
+      () => form.value.startTime,
+      async (newValue, oldValue) => {
+        if (!timeCheck()) {
+          await nextTick();
+          form.value.startTime = oldValue;
+        }
       }
-    });
-    watch(() => form.value.startDate, async (newValue, oldValue) => {
-      if (!timeCheck()) {
-        await nextTick();
-        form.value.startDate = oldValue;
+    );
+    watch(
+      () => form.value.startDate,
+      async (newValue, oldValue) => {
+        if (!timeCheck()) {
+          await nextTick();
+          form.value.startDate = oldValue;
+        }
       }
-    });
-    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;
-    });
+    );
+    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" }
@@ -278,14 +300,17 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       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)));
+      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)
+      if (form.value.scheduleAttendees.findIndex(
+        (item) => item.userId === user.userID
+      ) !== -1)
         return;
       form.value.scheduleAttendees.push({
         userId: user.userID,
@@ -294,23 +319,26 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       });
     };
     const removeSelectUser = (user) => {
-      form.value.scheduleAttendees = form.value.scheduleAttendees.filter((item) => item.userId !== user.userId);
+      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;
+      if (!timeCheck()) return;
+      if (!roomNameCheck()) return;
+      if (!roomPasswordCheck()) return;
       roomId.value = String(Math.ceil(Math.random() * 1e6));
       try {
         await roomService.scheduleConferenceManager.scheduleConference({
           ...scheduleParams.value,
           roomId: roomId.value
         });
-        const userIdList = scheduleParams.value.scheduleAttendees.map((item) => item.userId);
+        const userIdList = scheduleParams.value.scheduleAttendees.map(
+          (item) => item.userId
+        );
         if (userIdList && userIdList.length > 0) {
           await roomService.scheduleConferenceManager.addAttendeesByAdmin({
             roomId: roomId.value,
@@ -349,16 +377,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
     const updateConferenceInfo = async () => {
       var _a;
-      if (!roomStatusCheck())
-        return;
-      if (!timeCheck())
-        return;
-      if (!roomNameCheck())
-        return;
+      if (!roomStatusCheck()) return;
+      if (!timeCheck()) return;
+      if (!roomNameCheck()) return;
       try {
         const roomId2 = (_a = props.conferenceInfo) == null ? void 0 : _a.basicRoomInfo.roomId;
-        if (!roomId2)
-          return;
+        if (!roomId2) return;
         const { roomName, scheduleStartTime, scheduleEndTime, scheduleAttendees } = scheduleParams.value;
         await roomService.scheduleConferenceManager.updateConferenceInfo({
           roomId: roomId2,
@@ -366,7 +390,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           scheduleStartTime,
           scheduleEndTime
         });
-        const compareResult = compareArrays(props.conferenceInfo.scheduleAttendees, scheduleAttendees, "userId");
+        const compareResult = compareArrays(
+          props.conferenceInfo.scheduleAttendees,
+          scheduleAttendees,
+          "userId"
+        );
         await Promise.all([
           compareResult.added.length > 0 && roomService.scheduleConferenceManager.addAttendeesByAdmin({
             roomId: roomId2,
@@ -389,16 +417,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       updateDialogVisible(false);
     };
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock(Fragment, null, [
-        createVNode(Dialog, {
-          modelValue: isDialogVisible.value,
-          "onUpdate:modelValue": _cache[10] || (_cache[10] = ($event) => isDialogVisible.value = $event),
+      return openBlock(), createElementBlock("div", null, [
+        createVNode(PanelContainer, {
+          visible: isDialogVisible.value,
           title: unref(t)(!isEditMode.value ? unref(t)("Schedule") : unref(t)("Modify Room")),
-          modal: true,
-          "append-to-body": true
+          onInput: _cache[11] || (_cache[11] = ($event) => isDialogVisible.value = $event)
         }, {
           footer: withCtx(() => [
-            createElementVNode("div", _hoisted_27, [
+            createElementVNode("div", _hoisted_31, [
               createVNode(TuiButton, {
                 class: "footer-button",
                 type: "primary",
@@ -437,13 +463,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 createElementVNode("div", _hoisted_2, [
                   createElementVNode("span", _hoisted_3, toDisplayString(unref(t)("Room Name")), 1),
                   createVNode(TuiInput, {
-                    modelValue: form.value.roomName,
-                    "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => form.value.roomName = $event),
+                    "model-value": form.value.roomName,
+                    onInput: _cache[0] || (_cache[0] = ($event) => form.value.roomName = $event),
                     theme: "white",
                     class: "form-value",
                     placeholder: unref(t)("please enter the room name"),
                     maxlength: ""
-                  }, null, 8, ["modelValue", "placeholder"])
+                  }, null, 8, ["model-value", "placeholder"])
                 ]),
                 !isEditMode.value ? (openBlock(), createElementBlock("div", _hoisted_4, [
                   createElementVNode("span", _hoisted_5, toDisplayString(unref(t)("Room type")), 1),
@@ -511,28 +537,22 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   createElementVNode("span", _hoisted_17, toDisplayString(unref(t)("Attendees")), 1),
                   createElementVNode("div", _hoisted_18, [
                     createVNode(TuiInput, {
-                      modelValue: form.value.searchUser,
-                      "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => form.value.searchUser = $event),
+                      "model-value": form.value.searchUser,
+                      onInput: _cache[6] || (_cache[6] = ($event) => form.value.searchUser = $event),
                       class: "form-input search-user",
                       search: searchScheduleAttend,
                       select: addSelectUser,
                       placeholder: unref(t)("Please enter the member name")
                     }, {
                       suffixIcon: withCtx(() => [
-                        createVNode(_sfc_main$4, {
-                          class: "select-attendees",
-                          onClick: selectScheduleAttends
-                        }),
-                        createVNode(Contacts, {
-                          visible: contactsVisible.value,
-                          contacts: unref(contacts),
-                          "selected-list": scheduleParams.value.scheduleAttendees,
-                          onInput: _cache[6] || (_cache[6] = ($event) => contactsVisible.value = $event),
-                          onConfirm: contactsConfirm
-                        }, null, 8, ["visible", "contacts", "selected-list"])
+                        createVNode(SvgIcon, {
+                          onClick: selectScheduleAttends,
+                          icon: ScheduleAttendees,
+                          class: normalizeClass(["select-attendees"])
+                        })
                       ]),
                       searchResultItem: withCtx(({ data }) => [
-                        createVNode(TuiAvatar, {
+                        createVNode(Avatar, {
                           class: "form-attendees-item-avatar",
                           "img-src": data.profile.avatar
                         }, null, 8, ["img-src"]),
@@ -542,14 +562,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                         }, toDisplayString(data.profile.nick), 9, _hoisted_19)
                       ]),
                       _: 1
-                    }, 8, ["modelValue", "placeholder"]),
+                    }, 8, ["model-value", "placeholder"]),
                     createElementVNode("div", _hoisted_20, [
                       (openBlock(true), createElementBlock(Fragment, null, renderList(form.value.scheduleAttendees, (user) => {
                         return openBlock(), createElementBlock("span", {
                           key: user.userId,
                           class: "form-attendees-item"
                         }, [
-                          createVNode(TuiAvatar, {
+                          createVNode(Avatar, {
                             class: "form-attendees-item-avatar",
                             "img-src": user.avatarUrl
                           }, null, 8, ["img-src"]),
@@ -568,13 +588,54 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   ])
                 ]),
                 !isEditMode.value ? (openBlock(), createElementBlock("div", _hoisted_23, [
-                  createElementVNode("span", _hoisted_24, toDisplayString(unref(t)("Member management")), 1),
+                  createElementVNode("span", _hoisted_24, toDisplayString(unref(t)("Security")), 1),
                   createElementVNode("div", _hoisted_25, [
-                    createElementVNode("div", _hoisted_26, [
+                    createVNode(TuiCheckbox, {
+                      "model-value": form.value.passwordChecked,
+                      class: "checkbox-group-item",
+                      onInput: _cache[7] || (_cache[7] = ($event) => passwordChecked.value = $event)
+                    }, {
+                      default: withCtx(() => [
+                        createElementVNode("span", _hoisted_26, toDisplayString(unref(t)("Room Password")), 1)
+                      ]),
+                      _: 1
+                    }, 8, ["model-value"]),
+                    passwordChecked.value ? (openBlock(), createBlock(TuiInput, {
+                      key: 0,
+                      "model-value": form.value.password,
+                      onInput: _cache[8] || (_cache[8] = ($event) => form.value.password = $event),
+                      theme: "white",
+                      class: "form-value",
+                      style: { "margin-top": "8px" },
+                      placeholder: unref(t)("Enter 6-digit password"),
+                      maxlength: "6",
+                      type: inputType.value
+                    }, {
+                      suffixIcon: withCtx(() => [
+                        isShowPassword.value ? (openBlock(), createBlock(SvgIcon, {
+                          key: 0,
+                          class: "icon",
+                          onClick: toggleShowPassword,
+                          icon: ShowContentIcon
+                        })) : (openBlock(), createBlock(SvgIcon, {
+                          key: 1,
+                          class: "icon",
+                          onClick: toggleShowPassword,
+                          icon: HideContentIcon
+                        }))
+                      ]),
+                      _: 1
+                    }, 8, ["model-value", "placeholder", "type"])) : createCommentVNode("", true)
+                  ])
+                ])) : createCommentVNode("", true),
+                !isEditMode.value ? (openBlock(), createElementBlock("div", _hoisted_27, [
+                  createElementVNode("span", _hoisted_28, toDisplayString(unref(t)("Member management")), 1),
+                  createElementVNode("div", _hoisted_29, [
+                    createElementVNode("div", _hoisted_30, [
                       createVNode(TuiCheckbox, {
                         "model-value": form.value.isMicrophoneDisableForAllUser,
                         class: "checkbox-group-item",
-                        onInput: _cache[8] || (_cache[8] = ($event) => form.value.isMicrophoneDisableForAllUser = $event)
+                        onInput: _cache[9] || (_cache[9] = ($event) => form.value.isMicrophoneDisableForAllUser = $event)
                       }, {
                         default: withCtx(() => [
                           createElementVNode("span", null, toDisplayString(unref(t)("Disable all audios")), 1)
@@ -584,7 +645,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       createVNode(TuiCheckbox, {
                         "model-value": form.value.isCameraDisableForAllUser,
                         class: "checkbox-group-item",
-                        onInput: _cache[9] || (_cache[9] = ($event) => form.value.isCameraDisableForAllUser = $event)
+                        onInput: _cache[10] || (_cache[10] = ($event) => form.value.isCameraDisableForAllUser = $event)
                       }, {
                         default: withCtx(() => [
                           createTextVNode(toDisplayString(unref(t)("Disable all videos")), 1)
@@ -598,13 +659,20 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             ];
           }),
           _: 1
-        }, 8, ["modelValue", "title"]),
+        }, 8, ["visible", "title"]),
+        createVNode(Contacts, {
+          visible: contactsVisible.value,
+          contacts: unref(contacts),
+          "selected-list": scheduleParams.value.scheduleAttendees,
+          onInput: _cache[12] || (_cache[12] = ($event) => contactsVisible.value = $event),
+          onConfirm: contactsConfirm
+        }, null, 8, ["visible", "contacts", "selected-list"]),
         createVNode(TuiShareLink, {
           visible: showRoomInvite.value,
           "schedule-params": shareLinkData.value,
-          onInput: _cache[11] || (_cache[11] = ($event) => showRoomInvite.value = $event)
+          onInput: _cache[13] || (_cache[13] = ($event) => showRoomInvite.value = $event)
         }, null, 8, ["visible", "schedule-params"])
-      ], 64);
+      ]);
     };
   }
 });

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

@@ -4,10 +4,10 @@ declare const _default: import('vue').DefineComponent<__VLS_TypePropsToRuntimePr
     scheduleEndDate: string;
     scheduleStartTime: string;
     scheduleEndTime: string;
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+}>, {}, 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<{
+}, string, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
     item: any;
     scheduleStartDate: string;
     scheduleEndDate: string;

package/es/components/ScheduleConference/ScheduleRoomControl.vue.mjs

@@ -1,7 +1,7 @@
 import _sfc_main from "./ScheduleRoomControl.vue2.mjs";
-import "./ScheduleRoomControl.vue3.mjs";
+/* empty css                          */
 import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
-const ScheduleRoomControl = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-8b752e7f"]]);
+const ScheduleRoomControl = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-e29cbb1f"]]);
 export {
   ScheduleRoomControl as default
 };