"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/Input/index.js");
const index$2 = require("../../common/base/Select/index.js");
const index$3 = require("../../common/base/Option/index.js");
const Button = require("../../common/base/Button.vue.js");
const Avatar = require("../../common/Avatar.vue.js");
const index$4 = require("../../common/base/Datepicker/index.js");
const index$5 = require("../../common/base/Timepicker/index.js");
const TuiSwitch = require("../../common/base/TuiSwitch.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 Contacts = require("../Contacts.vue.js");
const ScheduleAttendees = require("../../common/icons/ScheduleAttendees.vue.js");
const PanelContainer = require("../PanelContainer.vue.js");
const CloseIcon = require("../../common/icons/CloseIcon.vue.js");
const InvitePanel = require("../InvitePanel.vue.js");
const ActionSheep = require("../../common/base/ActionSheep.vue.js");
const SvgIcon = require("../../common/base/SvgIcon.vue.js");
require("../../../services/main.js");
const roomService = require("../../../services/roomService.js");
const types = require("../../../services/types.js");
const TUIRoomEngine = require("@tencentcloud/tuiroom-engine-js");
require("mitt");
require("../../../services/manager/roomActionManager.js");
require("@tencentcloud/tui-core");
const utils = require("../../../utils/utils.js");
const environment = require("../../../utils/environment.js");
const scheduleUtils = require("../scheduleUtils.js");
const _hoisted_1 = { class: "schedule-conference-form" };
const _hoisted_2 = { class: "form-items-container" };
const _hoisted_3 = { class: "form-item" };
const _hoisted_4 = { class: "form-label" };
const _hoisted_5 = {
  key: 0,
  class: "form-item"
};
const _hoisted_6 = { class: "form-label" };
const _hoisted_7 = { class: "form-value" };
const _hoisted_8 = { class: "form-item" };
const _hoisted_9 = { class: "form-label" };
const _hoisted_10 = { class: "form-value" };
const _hoisted_11 = { class: "form-item" };
const _hoisted_12 = { class: "form-label" };
const _hoisted_13 = { class: "form-value" };
const _hoisted_14 = {
  key: 1,
  class: "form-item"
};
const _hoisted_15 = { class: "form-label" };
const _hoisted_16 = { class: "form-value" };
const _hoisted_17 = { class: "form-item column" };
const _hoisted_18 = { class: "form-label" };
const _hoisted_19 = { class: "form-value" };
const _hoisted_20 = { class: "form-attendees-item-container" };
const _hoisted_21 = ["title"];
const _hoisted_22 = { class: "form-attendees" };
const _hoisted_23 = ["title"];
const _hoisted_24 = {
  key: 0,
  class: "form-attendees-item",
  style: { "flex-basis": "content" }
};
const _hoisted_25 = {
  key: 0,
  class: "form-items-container"
};
const _hoisted_26 = { class: "form-item" };
const _hoisted_27 = { class: "form-label" };
const _hoisted_28 = { class: "form-value flex-end" };
const _hoisted_29 = { class: "form-item" };
const _hoisted_30 = { class: "form-label" };
const _hoisted_31 = { class: "form-value flex-end" };
const _hoisted_32 = { class: "schedule-conference-footer" };
const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
  __name: "ScheduleConferencePanelH5",
  props: {
    userName: {},
    visible: { type: Boolean },
    conferenceInfo: {}
  },
  emits: ["input"],
  setup(__props, { emit: __emit }) {
    const { t } = index.useI18n();
    const shareLinkData = Vue.ref();
    const props = __props;
    const emit = __emit;
    const isDialogVisible = Vue.ref(false);
    const contactsVisible = Vue.ref(false);
    const showRoomInvite = Vue.ref(false);
    const needCheck = Vue.ref(false);
    const isEditMode = Vue.computed(() => !!props.conferenceInfo);
    const roomId = Vue.ref("");
    let contacts = [];
    const { date: startDate, laterTime: startTime } = scheduleUtils.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: environment.isWeChat ? "Asia/Shanghai" : 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) {
          form.value.roomName = t("sb temporary room", {
            name: props.userName || roomService.roomService.basicStore.userId
          });
          const { date, laterTime } = scheduleUtils.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) => {
      needCheck.value = 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 } = scheduleUtils.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: environment.isWeChat ? "Asia/Shanghai" : Intl.DateTimeFormat().resolvedOptions().timeZone,
        searchUser: "",
        scheduleAttendees,
        isMicrophoneDisableForAllUser,
        isScreenShareDisableForAllUser,
        isCameraDisableForAllUser
      };
    });
    const scheduleParams = Vue.computed(() => {
      const { startDate: startDate2, startTime: startTime2, timezone, duration, scheduleAttendees } = form.value;
      const scheduleStartTime = scheduleUtils.convertToTimestamp(startDate2, startTime2, timezone);
      const scheduleEndTime = scheduleUtils.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
      };
    });
    const timeCheck = () => {
      if (!needCheck.value) return true;
      const { timezone, startDate: startDate2, startTime: startTime2 } = form.value;
      const scheduleStartTime = scheduleUtils.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 (!needCheck.value) return true;
      if (form.value.roomName === "") {
        roomService.roomService.emit(types.EventType.ROOM_NOTICE_MESSAGE, {
          type: "warning",
          message: t("The room name cannot be empty")
        });
        return false;
      }
      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 (!needCheck.value) 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(
          scheduleUtils.convertToTimestamp(startDate2, startTime2, newValue, -1, oldValue)
        );
        const { date, laterTime } = scheduleUtils.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
        });
      }
    };
    return (_ctx, _cache) => {
      return Vue.openBlock(), Vue.createElementBlock("div", null, [
        Vue.createVNode(PanelContainer.default, {
          visible: isDialogVisible.value,
          title: Vue.unref(t)(!isEditMode.value ? Vue.unref(t)("Schedule") : Vue.unref(t)("Modify Room")),
          onInput: _cache[9] || (_cache[9] = ($event) => isDialogVisible.value = $event)
        }, {
          default: Vue.withCtx(() => {
            var _a;
            return [
              Vue.createElementVNode("div", _hoisted_1, [
                Vue.createElementVNode("div", _hoisted_2, [
                  Vue.createElementVNode("div", _hoisted_3, [
                    Vue.createElementVNode("span", _hoisted_4, Vue.toDisplayString(Vue.unref(t)("Room Name")), 1),
                    Vue.createVNode(Vue.unref(index$1.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: "",
                      border: false
                    }, null, 8, ["modelValue", "placeholder"])
                  ]),
                  !isEditMode.value ? (Vue.openBlock(), Vue.createElementBlock("div", _hoisted_5, [
                    Vue.createElementVNode("span", _hoisted_6, Vue.toDisplayString(Vue.unref(t)("Room type")), 1),
                    Vue.createElementVNode("div", _hoisted_7, [
                      Vue.createVNode(Vue.unref(index$2.default), {
                        value: form.value.roomMode,
                        onInput: _cache[1] || (_cache[1] = ($event) => form.value.roomMode = $event)
                      }, {
                        default: Vue.withCtx(() => [
                          (Vue.openBlock(), Vue.createElementBlock(Vue.Fragment, null, Vue.renderList(roomTypeList, (item) => {
                            return Vue.createVNode(Vue.unref(index$3.default), {
                              key: item.value,
                              value: item.value,
                              label: Vue.unref(t)(item.label)
                            }, null, 8, ["value", "label"]);
                          }), 64))
                        ]),
                        _: 1
                      }, 8, ["value"])
                    ])
                  ])) : Vue.createCommentVNode("", true),
                  Vue.createElementVNode("div", _hoisted_8, [
                    Vue.createElementVNode("span", _hoisted_9, Vue.toDisplayString(Vue.unref(t)("Starting time")), 1),
                    Vue.createElementVNode("div", _hoisted_10, [
                      Vue.createVNode(Vue.unref(index$4.default), {
                        class: "date-picker",
                        value: form.value.startDate,
                        onInput: _cache[2] || (_cache[2] = ($event) => form.value.startDate = $event)
                      }, null, 8, ["value"]),
                      Vue.createVNode(Vue.unref(index$5.default), {
                        value: form.value.startTime,
                        class: "time-picker",
                        onInput: _cache[3] || (_cache[3] = ($event) => form.value.startTime = $event)
                      }, null, 8, ["value"])
                    ])
                  ]),
                  Vue.createElementVNode("div", _hoisted_11, [
                    Vue.createElementVNode("span", _hoisted_12, Vue.toDisplayString(Vue.unref(t)("Room duration")), 1),
                    Vue.createElementVNode("div", _hoisted_13, [
                      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.unref(environment.isWeChat) ? (Vue.openBlock(), Vue.createElementBlock("div", _hoisted_14, [
                    Vue.createElementVNode("span", _hoisted_15, Vue.toDisplayString(Vue.unref(t)("Time zone")), 1),
                    Vue.createElementVNode("div", _hoisted_16, [
                      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.createCommentVNode("", true),
                  Vue.createElementVNode("div", _hoisted_17, [
                    Vue.createElementVNode("span", _hoisted_18, Vue.toDisplayString(Vue.unref(t)("Attendees")), 1),
                    Vue.createElementVNode("div", _hoisted_19, [
                      Vue.createVNode(Vue.unref(index$1.default), {
                        modelValue: form.value.searchUser,
                        "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => form.value.searchUser = $event),
                        class: "form-input search-user",
                        search: searchScheduleAttend,
                        select: addSelectUser,
                        placeholder: Vue.unref(t)("Please enter the member name"),
                        border: false
                      }, {
                        suffixIcon: Vue.withCtx(() => [
                          Vue.createVNode(SvgIcon.default, {
                            onClick: selectScheduleAttends,
                            icon: ScheduleAttendees.default,
                            class: Vue.normalizeClass(["select-attendees"])
                          })
                        ]),
                        searchResultItem: Vue.withCtx(({ data }) => [
                          Vue.createElementVNode("div", _hoisted_20, [
                            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_21)
                          ])
                        ]),
                        _: 1
                      }, 8, ["modelValue", "placeholder"]),
                      Vue.createElementVNode("div", _hoisted_22, [
                        (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_23),
                            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_24, Vue.toDisplayString(`${form.value.scheduleAttendees.length} ${Vue.unref(t)("people")}`), 1)) : Vue.createCommentVNode("", true)
                      ])
                    ])
                  ])
                ]),
                !isEditMode.value ? (Vue.openBlock(), Vue.createElementBlock("div", _hoisted_25, [
                  Vue.createElementVNode("div", _hoisted_26, [
                    Vue.createElementVNode("span", _hoisted_27, Vue.toDisplayString(Vue.unref(t)("Disable all audios")), 1),
                    Vue.createElementVNode("div", _hoisted_28, [
                      Vue.createVNode(TuiSwitch.default, {
                        theme: "white",
                        modelValue: form.value.isMicrophoneDisableForAllUser,
                        "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => form.value.isMicrophoneDisableForAllUser = $event)
                      }, null, 8, ["modelValue"])
                    ])
                  ]),
                  Vue.createElementVNode("div", _hoisted_29, [
                    Vue.createElementVNode("span", _hoisted_30, Vue.toDisplayString(Vue.unref(t)("Disable all videos")), 1),
                    Vue.createElementVNode("div", _hoisted_31, [
                      Vue.createVNode(TuiSwitch.default, {
                        theme: "white",
                        modelValue: form.value.isCameraDisableForAllUser,
                        "onUpdate:modelValue": _cache[8] || (_cache[8] = ($event) => form.value.isCameraDisableForAllUser = $event)
                      }, null, 8, ["modelValue"])
                    ])
                  ])
                ])) : Vue.createCommentVNode("", true)
              ]),
              Vue.createElementVNode("div", _hoisted_32, [
                !isEditMode.value ? (Vue.openBlock(), Vue.createBlock(Button.default, {
                  key: 0,
                  class: "footer-button",
                  "custom-style": {
                    width: "100%",
                    padding: "10px",
                    fontSize: "16px",
                    borderRadius: "6px"
                  },
                  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,
                  "custom-style": {
                    width: "100%",
                    padding: "10px",
                    fontSize: "16px",
                    borderRadius: "6px"
                  }
                }, {
                  default: Vue.withCtx(() => [
                    Vue.createTextVNode(Vue.toDisplayString(Vue.unref(t)("Save")), 1)
                  ]),
                  _: 1
                }))
              ])
            ];
          }),
          _: 1
        }, 8, ["visible", "title"]),
        Vue.createVNode(Contacts.default, {
          visible: contactsVisible.value,
          contacts: Vue.unref(contacts),
          "selected-list": scheduleParams.value.scheduleAttendees,
          onInput: _cache[10] || (_cache[10] = ($event) => contactsVisible.value = $event),
          onConfirm: contactsConfirm,
          isMobile: true
        }, null, 8, ["visible", "contacts", "selected-list"]),
        Vue.createVNode(ActionSheep.default, {
          visible: showRoomInvite.value,
          onInput: _cache[11] || (_cache[11] = ($event) => showRoomInvite.value = $event),
          title: Vue.unref(t)("Schedule successful, invite members to join")
        }, {
          default: Vue.withCtx(() => [
            Vue.createVNode(InvitePanel.default, { shareLinkData: shareLinkData.value }, null, 8, ["shareLinkData"])
          ]),
          _: 1
        }, 8, ["visible", "title"])
      ]);
    };
  }
});
exports.default = _sfc_main;
