mediasfu-vue 1.0.3 → 1.0.4

package/dist/index.cjs

@@ -145,6 +145,46 @@ const joinRoomOnMediaSFU = async ({
     };
   }
 };
+const COMMON_LANGUAGE_CODES = [
+  "en",
+  "es",
+  "fr",
+  "de",
+  "it",
+  "pt",
+  "nl",
+  "ru",
+  "zh",
+  "ja",
+  "ko",
+  "ar",
+  "hi",
+  "bn",
+  "tr",
+  "pl",
+  "vi",
+  "th",
+  "id",
+  "ms",
+  "sw",
+  "yo",
+  "ha",
+  "ig",
+  "zu",
+  "am",
+  "tw",
+  "he",
+  "fa",
+  "uk",
+  "el",
+  "cs",
+  "ro",
+  "hu",
+  "sv",
+  "da",
+  "no",
+  "fi"
+];
 const createLiveSubtitle = (params) => {
   return mediasfuShared.createLiveSubtitle(params);
 };
@@ -12092,7 +12132,7 @@ const _sfc_main$1d = /* @__PURE__ */ vue.defineComponent({
   },
   setup(__props) {
     const props = __props;
-    const allLanguages = mediasfuShared.SUPPORTED_LANGUAGE_CODES.map((code) => ({
+    const allLanguages = COMMON_LANGUAGE_CODES.map((code) => ({
       code,
       name: mediasfuShared.getLanguageName(code)
     }));
@@ -12184,7 +12224,7 @@ const _sfc_main$1d = /* @__PURE__ */ vue.defineComponent({
     const buildFilteredLanguages = (mode, allowedEntries, blockedEntries) => {
       const allowed = new Set((allowedEntries ?? []).map((entry) => entry.code));
       const blocked = new Set(blockedEntries ?? []);
-      let codes = [...mediasfuShared.SUPPORTED_LANGUAGE_CODES];
+      let codes = [...COMMON_LANGUAGE_CODES];
       if (mode === "allowlist" && allowed.size > 0) {
         codes = codes.filter((code) => allowed.has(code));
       }
@@ -12920,7 +12960,7 @@ const _sfc_main$1d = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const TranslationSettingsModal = /* @__PURE__ */ _export_sfc(_sfc_main$1d, [["__scopeId", "data-v-4a249c4c"]]);
+const TranslationSettingsModal = /* @__PURE__ */ _export_sfc(_sfc_main$1d, [["__scopeId", "data-v-546da8f5"]]);
 const _hoisted_1$k = { style: {
   display: "flex",
   flexDirection: "row",
@@ -13005,10 +13045,10 @@ const _sfc_main$1c = /* @__PURE__ */ vue.defineComponent({
         if (senderId.value) {
           return `Send a direct message to ${senderId.value}`;
         }
-        if (props.focusedInput && props.startDirectMessage && props.directMessageDetails) {
+        if (props.directMessageDetails) {
           return `Send a direct message to ${props.directMessageDetails.name}`;
         }
-        return "Select a message to reply to";
+        return props.islevel === "2" ? "Select a message to reply to" : "Send a direct message to the host";
       }
       return props.eventType === "chat" ? "Send a message" : "Send a message to everyone";
     });
@@ -13020,7 +13060,7 @@ const _sfc_main$1c = /* @__PURE__ */ vue.defineComponent({
     );
     const emptyStateHint = vue.computed(() => {
       if (props.type === "direct") {
-        return props.islevel === "2" ? "Start a conversation from the Participants panel." : "Reply to another participant to begin a private conversation.";
+        return props.islevel === "2" ? "Start a conversation from the Participants panel." : "Send a private message to the host from here.";
       }
       return "Send a message to everyone in the room.";
     });
@@ -13208,7 +13248,7 @@ const _sfc_main$1c = /* @__PURE__ */ vue.defineComponent({
       }
       await props.onSendMessagePress({
         message,
-        receivers: props.type === "direct" ? [senderId.value] : [],
+        receivers: props.type === "direct" && senderId.value ? [senderId.value] : [],
         group: props.type === "group",
         messagesLength: props.messagesLength,
         member: props.member,
@@ -13293,7 +13333,7 @@ const _sfc_main$1c = /* @__PURE__ */ vue.defineComponent({
             ], 4),
             vue.createElementVNode("p", {
               style: vue.normalizeStyle(styles.infoBoxText)
-            }, " Your direct messages are only visible to you and the host or co-host. ", 4)
+            }, " Direct messages you send here go straight to the host and stay private. ", 4)
           ], 4)) : vue.createCommentVNode("", true),
           __props.messages.length === 0 ? (vue.openBlock(), vue.createElementBlock("div", {
             key: 2,
@@ -13408,12 +13448,80 @@ const _sfc_main$1c = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
+const sendMessage = async ({
+  message,
+  receivers,
+  group,
+  messagesLength,
+  member,
+  sender,
+  islevel,
+  showAlert,
+  coHostResponsibility,
+  coHost,
+  roomName,
+  socket,
+  chatSetting
+}) => {
+  let chatValue = false;
+  const normalizedReceivers = (receivers ?? []).filter(
+    (receiver) => typeof receiver === "string" && receiver.trim().length > 0
+  );
+  if (messagesLength > 100 && roomName.startsWith("d") || messagesLength > 500 && roomName.startsWith("s") || messagesLength > 1e5 && roomName.startsWith("p")) {
+    showAlert?.({
+      message: "You have reached the maximum number of messages allowed.",
+      type: "danger",
+      duration: 3e3
+    });
+    return;
+  }
+  if (!message || message === "") {
+    showAlert?.({
+      message: "Message is not valid.",
+      type: "danger",
+      duration: 3e3
+    });
+    return;
+  }
+  if (normalizedReceivers.length < 1 && group === false && islevel === "2") {
+    showAlert?.({
+      message: "Please select a message to reply to",
+      type: "danger",
+      duration: 3e3
+    });
+    return;
+  }
+  const messageObject = {
+    sender: sender ? sender : member,
+    receivers: normalizedReceivers,
+    message,
+    timestamp: (/* @__PURE__ */ new Date()).toLocaleTimeString(),
+    group: group !== void 0 && group !== null ? group : false
+  };
+  try {
+    chatValue = coHostResponsibility.find((item) => item.name === "chat")?.value ?? false;
+  } catch (error) {
+    console.error(error);
+  }
+  if (!(islevel === "2" || coHost === member && chatValue === true) && !chatSetting) {
+    showAlert?.({
+      message: "You are not allowed to send a message in this event room",
+      type: "danger",
+      duration: 3e3
+    });
+    return;
+  }
+  socket.emit("sendMessage", {
+    messageObject,
+    roomName
+  });
+};
 const _sfc_main$1b = /* @__PURE__ */ vue.defineComponent({
   __name: "MessagesModal",
   props: {
     isMessagesModalVisible: { type: Boolean },
     onMessagesClose: {},
-    onSendMessagePress: { type: Function, default: mediasfuShared.sendMessage },
+    onSendMessagePress: { type: Function, default: sendMessage },
     messages: {},
     eventType: {},
     member: {},
@@ -28927,7 +29035,7 @@ const _sfc_main$E = /* @__PURE__ */ vue.defineComponent({
       if (!canSendMessage.value) {
         return;
       }
-      const sendHandler = props.onSendMessagePress ?? mediasfuShared.sendMessage;
+      const sendHandler = props.onSendMessagePress ?? sendMessage;
       const message = currentComposerValue.value.trim();
       await sendHandler({
         message,
@@ -29204,7 +29312,7 @@ const _sfc_main$E = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const ModernMessagesModal = /* @__PURE__ */ _export_sfc(_sfc_main$E, [["__scopeId", "data-v-30c7b9f4"]]);
+const ModernMessagesModal = /* @__PURE__ */ _export_sfc(_sfc_main$E, [["__scopeId", "data-v-1ee2c467"]]);
 const panelGradientBackground$c = "linear-gradient(180deg, var(--ms-modern-panel-surface-elevated) 0%, var(--ms-modern-panel-surface) 100%)";
 const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
   __name: "ModernPanelistsModal",
@@ -47523,6 +47631,7 @@ exports.AudioCard = _sfc_main$1O;
 exports.AudioGrid = _sfc_main$N;
 exports.BackgroundModal = BackgroundModal;
 exports.BreakoutRoomsModal = BreakoutRoomsModal;
+exports.COMMON_LANGUAGE_CODES = COMMON_LANGUAGE_CODES;
 exports.CardVideoDisplay = _sfc_main$1R;
 exports.CoHostModal = CoHostModal;
 exports.ConfigureWhiteboardModal = ConfigureWhiteboardModal;