@xipkg/calls-chat 0.1.13 → 0.1.15

package/dist/index.mjs

@@ -5,6 +5,7 @@ import { Close, Send, Chat as Chat$1 } from '@xipkg/icons';
 import { UserProfile } from '@xipkg/userprofile';
 import { ScrollArea } from '@xipkg/scrollarea';
 import { Modal, ModalContent, ModalTitle } from '@xipkg/modal';
+import { useTranslation } from 'react-i18next';
 import { useLiveKitDataChannel, useLiveKitDataChannelListener } from '@xipkg/calls-hooks';
 import { useRoom, useCalls } from '@xipkg/calls-providers';
 import { useSoundEffectsStore } from '@xipkg/calls-store';
@@ -142,11 +143,13 @@ var parseLinks = (message) => {
   });
 };
 var Chat = ({ compactPositionClassName } = {}) => {
+  const { t, i18n } = useTranslation("calls");
   const [messageText, setMessageText] = useState("");
   const messagesEndRef = useRef(null);
   const { sendChatMessage, closeChat } = useChat();
   const { chatMessages, isChatOpen } = useChatStore();
   const { data: currentUser } = useCalls().auth.useCurrentUser();
+  const timeLocale = i18n.language?.startsWith("ru") ? "ru-RU" : i18n.language?.startsWith("en") ? "en-US" : i18n.language;
   const scrollToBottom = (behavior = "smooth") => {
     messagesEndRef.current?.scrollIntoView({ behavior });
   };
@@ -187,11 +190,11 @@ var Chat = ({ compactPositionClassName } = {}) => {
   if (!isChatOpen) return null;
   const chatContent = /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsxs("div", { className: "border-border-default flex items-center justify-between pr-3", children: [
-      /* @__PURE__ */ jsx("h3", { className: "text-text-primary text-lg font-medium", children: "\u0427\u0430\u0442" }),
-      /* @__PURE__ */ jsx(Button, { size: "icon", variant: "none", onClick: closeChat, children: /* @__PURE__ */ jsx(Close, { className: "h-6 w-6", "aria-label": "\u0417\u0430\u043A\u0440\u044B\u0442\u044C \u0447\u0430\u0442" }) })
+      /* @__PURE__ */ jsx("h3", { className: "text-text-primary text-lg font-medium", children: t("chat.title") }),
+      /* @__PURE__ */ jsx(Button, { size: "icon", variant: "none", onClick: closeChat, children: /* @__PURE__ */ jsx(Close, { className: "h-6 w-6", "aria-label": t("chat.close") }) })
     ] }),
     /* @__PURE__ */ jsx(ScrollArea, { className: "min-h-0 flex-1 py-2 pr-3", children: /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
-      chatMessages.length === 0 ? /* @__PURE__ */ jsx("div", { className: "text-text-secondary text-center", children: /* @__PURE__ */ jsx("p", { children: "\u041D\u0430\u0447\u043D\u0438\u0442\u0435 \u043E\u0431\u0449\u0435\u043D\u0438\u0435 \u0432 \u0447\u0430\u0442\u0435" }) }) : chatMessages.map((message) => {
+      chatMessages.length === 0 ? /* @__PURE__ */ jsx("div", { className: "text-text-secondary text-center", children: /* @__PURE__ */ jsx("p", { children: t("chat.empty") }) }) : chatMessages.map((message) => {
         const isOwnMessage = Number(message.senderId) === Number(currentUser?.id);
         return /* @__PURE__ */ jsx(
           "div",
@@ -212,7 +215,7 @@ var Chat = ({ compactPositionClassName } = {}) => {
                   "div",
                   {
                     className: `text-xs-base ${isOwnMessage ? "text-text-disabled ml-auto" : "text-text-secondary"}`,
-                    children: new Date(message.timestamp).toLocaleTimeString("ru-RU", {
+                    children: new Date(message.timestamp).toLocaleTimeString(timeLocale, {
                       hour: "2-digit",
                       minute: "2-digit"
                     })
@@ -243,7 +246,7 @@ var Chat = ({ compactPositionClassName } = {}) => {
           ref: textareaRef,
           value: messageText,
           onChange: (e) => setMessageText(e.target.value),
-          placeholder: "\u041D\u0430\u043F\u0438\u0448\u0438\u0442\u0435 \u0441\u043E\u043E\u0431\u0449\u0435\u043D\u0438\u0435...",
+          placeholder: t("chat.placeholder"),
           className: "my-3 max-h-32 min-w-full rounded-none border-none p-0 pr-2",
           onKeyDown: handleKeyDownSendMessage
         }
@@ -276,7 +279,7 @@ var Chat = ({ compactPositionClassName } = {}) => {
         className: "border-border-default bg-background-surface flex h-[85dvh] max-h-[85dvh] w-[calc(100vw-32px)] max-w-[calc(100vw-32px)] flex-col gap-0 overflow-hidden rounded-2xl border p-4 pr-1",
         "aria-describedby": void 0,
         children: [
-          /* @__PURE__ */ jsx(ModalTitle, { className: "sr-only", children: "\u0427\u0430\u0442" }),
+          /* @__PURE__ */ jsx(ModalTitle, { className: "sr-only", children: t("chat.title") }),
           /* @__PURE__ */ jsx("div", { className: "flex min-h-0 flex-1 flex-col overflow-hidden", children: chatContent })
         ]
       }
@@ -315,7 +318,7 @@ var ChatButton = ({ className }) => {
       "data-umami-event-state": isChatOpen ? "close" : "open",
       children: [
         /* @__PURE__ */ jsx(Chat$1, { className: cn("h-6 w-6", isChatOpen ? "fill-icon-brand" : "fill-icon-primary") }),
-        unreadMessagesCount > 0 && /* @__PURE__ */ jsx("div", { className: "text-text-danger bg-action-primary-background-pressed absolute -top-1 -right-1 flex h-5 w-5 items-center justify-center rounded-full text-xs font-medium", children: unreadMessagesCount > 99 ? "99+" : unreadMessagesCount })
+        unreadMessagesCount > 0 && /* @__PURE__ */ jsx("div", { className: "bg-action-primary-background-default text-action-primary-text absolute -top-1 -right-1 flex h-5 min-w-5 items-center justify-center rounded-full px-1 text-xs font-medium", children: unreadMessagesCount > 99 ? "99+" : unreadMessagesCount })
       ]
     }
   );

package/dist/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/store/chatStore.ts","../src/hooks/useChat.ts","../src/utils/chat.tsx","../src/ui/Chat.tsx","../src/ui/ChatButton.tsx"],"names":["jsx","jsxs","Button","cn","Chat"],"mappings":"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","file":"index.mjs","sourcesContent":["import { create } from 'zustand';\n\ntype ChatMessageT = {\n  id: string;\n  text: string;\n  senderId: string;\n  senderName: string;\n  timestamp: number;\n};\n\nexport type useChatStoreT = {\n  isChatOpen: boolean;\n  chatMessages: ChatMessageT[];\n  unreadMessagesCount: number;\n  addChatMessage: (message: ChatMessageT) => void;\n  clearUnreadMessages: () => void;\n  updateStore: (type: keyof useChatStoreT, value: unknown) => void;\n};\n\n// Чат передаётся только через LiveKit DataChannel (P2P/broadcast в рамках текущего звонка),\n// серверной истории сообщений нет. Раньше стор персистился в localStorage без привязки\n// к конкретному звонку — сообщения предыдущего звонка «утекали» в следующий на том же\n// устройстве (и только у того пользователя, у кого localStorage не был очищен штатным\n// disconnect-флоу). Стор намеренно НЕ персистится: чат живёт только в памяти на время\n// звонка и одинаково пуст у всех при входе в новый звонок.\nexport const useChatStore = create<useChatStoreT>()((set, get) => ({\n  isChatOpen: false,\n  chatMessages: [],\n  unreadMessagesCount: 0,\n  updateStore: (type: keyof useChatStoreT, value: unknown) => set({ [type]: value }),\n\n  addChatMessage: (message: ChatMessageT) => {\n    const { isChatOpen, unreadMessagesCount, chatMessages } = get();\n\n    // Проверяем, нет ли уже сообщения с таким ID (дедупликация)\n    const messageExists = chatMessages.some((msg) => msg.id === message.id);\n    if (messageExists) {\n      return;\n    }\n\n    set((state) => ({\n      chatMessages: [...state.chatMessages, message],\n      unreadMessagesCount: isChatOpen ? unreadMessagesCount : unreadMessagesCount + 1,\n    }));\n  },\n\n  clearUnreadMessages: () => set({ unreadMessagesCount: 0 }),\n}));\n","import { useCallback } from 'react';\nimport { useLiveKitDataChannel, useLiveKitDataChannelListener } from '@xipkg/calls-hooks';\nimport { useRoom } from '@xipkg/calls-providers';\nimport { useSoundEffectsStore } from '@xipkg/calls-store';\nimport { playSound } from '@xipkg/calls-utils';\nimport { useChatStore } from '../store';\n\nconst CHAT_MESSAGE_TYPE = 'chat_message';\n\ntype ChatMessagePayload = {\n  id: string;\n  text: string;\n  senderId: string;\n  senderName: string;\n  timestamp: number;\n};\n\nexport const useChat = () => {\n  const { sendMessage } = useLiveKitDataChannel();\n  const { addChatMessage, clearUnreadMessages, updateStore } = useChatStore();\n  const chatSoundVolume = useSoundEffectsStore((s) => s.chatMessageVolume);\n  const { room } = useRoom();\n\n  // Получаем информацию о текущем участнике из LiveKit\n  const getCurrentParticipantInfo = useCallback(() => {\n    if (!room?.localParticipant) {\n      return {\n        senderId: 'unknown',\n        senderName: 'Unknown User',\n      };\n    }\n\n    const participant = room.localParticipant;\n\n    try {\n      // Парсим метаданные участника\n      const metadata = participant.metadata;\n      if (metadata) {\n        const userInfo = JSON.parse(metadata);\n        return {\n          senderId: userInfo?.user_id || userInfo?.id || participant.identity,\n          senderName:\n            userInfo?.display_name ||\n            userInfo?.name ||\n            userInfo?.username ||\n            participant.name ||\n            participant.identity,\n        };\n      }\n    } catch (error) {\n      console.warn('⚠️ Failed to parse participant metadata:', error);\n    }\n\n    // Fallback на стандартные поля LiveKit\n    return {\n      senderId: participant.identity,\n      senderName: participant.name || participant.identity,\n    };\n  }, [room]);\n\n  const handleChatMessage = useCallback(\n    (message: { type: string; payload: unknown }) => {\n      if (message.type === CHAT_MESSAGE_TYPE) {\n        const payload = message.payload as ChatMessagePayload;\n\n        // Проверяем, что это не наше собственное сообщение\n        const currentParticipantInfo = getCurrentParticipantInfo();\n        if (payload.senderId === currentParticipantInfo.senderId) {\n          console.log('💬 Ignoring own message:', payload);\n          return;\n        }\n\n        console.log('💬 Received chat message:', payload);\n        addChatMessage(payload);\n        playSound('chatMessage', chatSoundVolume);\n      }\n    },\n    [addChatMessage, getCurrentParticipantInfo, chatSoundVolume],\n  );\n\n  // Слушаем сообщения чата\n  useLiveKitDataChannelListener(handleChatMessage);\n\n  const sendChatMessage = useCallback(\n    (text: string) => {\n      if (!text.trim()) return;\n\n      const participantInfo = getCurrentParticipantInfo();\n      const message: ChatMessagePayload = {\n        id: `${Date.now()}-${Math.random()}`,\n        text: text.trim(),\n        senderId: participantInfo.senderId,\n        senderName: participantInfo.senderName,\n        timestamp: Date.now(),\n      };\n\n      console.log('📤 Sending chat message:', message);\n\n      // Добавляем сообщение в локальный store отправителя\n      addChatMessage(message);\n\n      // Отправляем через DataChannel\n      sendMessage(CHAT_MESSAGE_TYPE, message);\n    },\n    [sendMessage, getCurrentParticipantInfo, addChatMessage],\n  );\n\n  const toggleChat = useCallback(() => {\n    updateStore('isChatOpen', !useChatStore.getState().isChatOpen);\n    clearUnreadMessages();\n  }, [updateStore, clearUnreadMessages]);\n\n  const openChat = useCallback(() => {\n    updateStore('isChatOpen', true);\n    clearUnreadMessages();\n  }, [updateStore, clearUnreadMessages]);\n\n  const closeChat = useCallback(() => {\n    updateStore('isChatOpen', false);\n  }, [updateStore]);\n\n  return {\n    sendChatMessage,\n    toggleChat,\n    openChat,\n    closeChat,\n  };\n};\n","export const parseLinks = (message: string) => {\n  const urlRegex = /(https?:\\/\\/[^\\s]+)/g;\n  const messageParts = message.split(urlRegex);\n\n  return messageParts.map((messagePart, index) => {\n    if (urlRegex.test(messagePart)) {\n      return (\n        <a\n          key={index}\n          href={messagePart}\n          target=\"_blank\"\n          rel=\"noopener noreferrer\"\n          className=\"text-text-link hover:text-text-link cursor-pointer underline\"\n          onClick={(e) => e.stopPropagation()}\n          data-umami-event=\"outbound-link-click\"\n          data-umami-event-url={messagePart}\n          data-umami-event-source=\"chat\"\n        >\n          {messagePart}\n        </a>\n      );\n    }\n\n    return messagePart;\n  });\n};\n","import { useState, useRef, useEffect } from 'react';\nimport { Button } from '@xipkg/button';\nimport { Textarea } from '@xipkg/textarea';\nimport { Send, Close } from '@xipkg/icons';\nimport { UserProfile } from '@xipkg/userprofile';\nimport { ScrollArea } from '@xipkg/scrollarea';\nimport { Modal, ModalContent, ModalTitle } from '@xipkg/modal';\nimport { useChat } from '../hooks';\nimport { useCalls } from '@xipkg/calls-providers';\nimport { useChatStore } from '../store';\nimport { cn, useMediaQuery } from '@xipkg/utils';\nimport { parseLinks } from '../utils/chat';\n\ntype ChatProps = {\n  /** В компакт-режиме: классы позиционирования (как у CompactCall: top-16 bottom-4 left-4 и т.д.) */\n  compactPositionClassName?: string;\n};\n\nexport const Chat = ({ compactPositionClassName }: ChatProps = {}) => {\n  const [messageText, setMessageText] = useState('');\n  const messagesEndRef = useRef<HTMLDivElement>(null);\n  const { sendChatMessage, closeChat } = useChat();\n  const { chatMessages, isChatOpen } = useChatStore();\n  const { data: currentUser } = useCalls().auth.useCurrentUser();\n\n  const scrollToBottom = (behavior: ScrollBehavior = 'smooth') => {\n    messagesEndRef.current?.scrollIntoView({ behavior });\n  };\n\n  const textareaRef = useRef<HTMLTextAreaElement>(null);\n\n  useEffect(() => {\n    if (isChatOpen) {\n      requestAnimationFrame(() => {\n        scrollToBottom('auto');\n      });\n    }\n  }, [isChatOpen]);\n\n  // Автоматическая прокрутка при получении новых сообщений\n  useEffect(() => {\n    if (isChatOpen && chatMessages.length > 0) {\n      requestAnimationFrame(() => {\n        scrollToBottom('smooth');\n      });\n    }\n  }, [chatMessages.length, isChatOpen]);\n\n  const handleSendMessage = () => {\n    if (messageText.trim()) {\n      sendChatMessage(messageText);\n      setMessageText('');\n      requestAnimationFrame(() => {\n        scrollToBottom('smooth');\n      });\n    }\n\n    if (textareaRef.current) {\n      textareaRef.current.style.height = 'auto';\n    }\n  };\n\n  const handleKeyDownSendMessage = (e: React.KeyboardEvent<HTMLTextAreaElement>) => {\n    // Enter без Shift - отправка сообщения\n    // Shift+Enter - перенос строки (разрешаем стандартное поведение)\n    if (e.key === 'Enter' && !e.shiftKey) {\n      e.preventDefault();\n      handleSendMessage();\n    }\n    // Если Shift+Enter, не предотвращаем стандартное поведение - будет перенос строки\n  };\n\n  const isMobile = useMediaQuery('(max-width: 639px)');\n  if (!isChatOpen) return null;\n\n  const chatContent = (\n    <>\n      {/* Заголовок */}\n      <div className=\"border-border-default flex items-center justify-between pr-3\">\n        <h3 className=\"text-text-primary text-lg font-medium\">Чат</h3>\n        <Button size=\"icon\" variant=\"none\" onClick={closeChat}>\n          <Close className=\"h-6 w-6\" aria-label=\"Закрыть чат\" />\n        </Button>\n      </div>\n\n      {/* Сообщения */}\n      <ScrollArea className=\"min-h-0 flex-1 py-2 pr-3\">\n        <div className=\"space-y-4\">\n          {chatMessages.length === 0 ? (\n            <div className=\"text-text-secondary text-center\">\n              <p>Начните общение в чате</p>\n            </div>\n          ) : (\n            chatMessages.map((message) => {\n              const isOwnMessage = Number(message.senderId) === Number(currentUser?.id);\n              return (\n                <div\n                  key={message.id}\n                  className={`flex ${isOwnMessage ? 'justify-end' : 'justify-start'}`}\n                >\n                  <div className=\"text-text-primary flex max-w-[90%] flex-col gap-1 rounded-lg select-text\">\n                    <div className=\"text-text-primary flex flex-row items-center gap-1 text-xs font-medium\">\n                      {!isOwnMessage && (\n                        <UserProfile\n                          size=\"s\"\n                          userId={Number(message.senderId)}\n                          text={message.senderName}\n                          src={`https://api.sovlium.ru/files/users/${message.senderId}/avatar.webp`}\n                        />\n                      )}\n                      <div\n                        className={`text-xs-base ${isOwnMessage ? 'text-text-disabled ml-auto' : 'text-text-secondary'}`}\n                      >\n                        {new Date(message.timestamp).toLocaleTimeString('ru-RU', {\n                          hour: '2-digit',\n                          minute: '2-digit',\n                        })}\n                      </div>\n                    </div>\n                    <div\n                      className={cn(\n                        'cursor-text rounded-lg px-3 py-2 text-sm wrap-break-word whitespace-pre-wrap select-text',\n                        isOwnMessage\n                          ? 'bg-action-primary-background-disabled'\n                          : 'bg-background-page',\n                      )}\n                    >\n                      {parseLinks(message.text)}\n                    </div>\n                  </div>\n                </div>\n              );\n            })\n          )}\n          <div ref={messagesEndRef} />\n        </div>\n      </ScrollArea>\n\n      {/* Поле ввода */}\n      <div className=\"flex items-end gap-2 pr-3\">\n        <div className=\"border-border-default flex max-h-40 w-full flex-1 items-center rounded-xl border pl-4\">\n          <Textarea\n            ref={textareaRef}\n            value={messageText}\n            onChange={(e) => setMessageText(e.target.value)}\n            placeholder=\"Напишите сообщение...\"\n            className=\"my-3 max-h-32 min-w-full rounded-none border-none p-0 pr-2\"\n            onKeyDown={handleKeyDownSendMessage}\n          />\n          <div className=\"pr-1\">\n            <Button\n              size=\"icon\"\n              variant=\"primary\"\n              onClick={handleSendMessage}\n              disabled={!messageText.trim()}\n              className=\"rounded-xl p-2\"\n            >\n              <Send\n                className={cn(\n                  'fill-action-primary-text group-hover:fill-action-primary-text h-6 w-6',\n                  !messageText.trim() && 'fill-icon-secondary',\n                )}\n              />\n            </Button>\n          </div>\n        </div>\n      </div>\n    </>\n  );\n\n  if (isMobile) {\n    return (\n      <Modal open={isChatOpen} onOpenChange={(open) => !open && closeChat()}>\n        <ModalContent\n          className=\"border-border-default bg-background-surface flex h-[85dvh] max-h-[85dvh] w-[calc(100vw-32px)] max-w-[calc(100vw-32px)] flex-col gap-0 overflow-hidden rounded-2xl border p-4 pr-1\"\n          aria-describedby={undefined}\n        >\n          <ModalTitle className=\"sr-only\">Чат</ModalTitle>\n          <div className=\"flex min-h-0 flex-1 flex-col overflow-hidden\">{chatContent}</div>\n        </ModalContent>\n      </Modal>\n    );\n  }\n\n  if (compactPositionClassName) {\n    return (\n      <div\n        className={cn(\n          'border-border-default bg-background-surface fixed z-100 flex min-h-0 w-[328px] flex-col overflow-hidden rounded-2xl border p-4 pr-1 shadow-lg',\n          compactPositionClassName,\n        )}\n      >\n        {chatContent}\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"bg-background-surface border-border-default sm:border-border-default fixed flex h-full min-h-0 w-full max-w-none min-w-[328px] flex-col overflow-hidden rounded-2xl border p-4 pr-1 sm:relative sm:max-w-[328px]\">\n      {chatContent}\n    </div>\n  );\n};\n","import { Button } from '@xipkg/button';\nimport { Chat } from '@xipkg/icons';\nimport { cn } from '@xipkg/utils';\nimport { useChat } from '../hooks/useChat';\nimport { useChatStore } from '../store/chatStore';\n\ntype ChatButtonProps = {\n  /** Дополнительные классы (например, для компактной панели: h-8 w-8 rounded-xl) */\n  className?: string;\n};\n\nexport const ChatButton = ({ className }: ChatButtonProps) => {\n  const { toggleChat } = useChat();\n  const { isChatOpen, unreadMessagesCount } = useChatStore();\n\n  return (\n    <Button\n      size=\"icon\"\n      variant=\"none\"\n      onClick={toggleChat}\n      className={cn(\n        'bg-background-surface hover:bg-background-page text-text-primary relative m-0 rounded-xl p-0',\n        !className && 'h-10 w-10 min-w-10',\n        isChatOpen && 'text-text-link',\n        className,\n      )}\n      data-umami-event=\"call-toggle-chat\"\n      data-umami-event-state={isChatOpen ? 'close' : 'open'}\n    >\n      <Chat className={cn('h-6 w-6', isChatOpen ? 'fill-icon-brand' : 'fill-icon-primary')} />\n      {unreadMessagesCount > 0 && (\n        <div className=\"text-text-danger bg-action-primary-background-pressed absolute -top-1 -right-1 flex h-5 w-5 items-center justify-center rounded-full text-xs font-medium\">\n          {unreadMessagesCount > 99 ? '99+' : unreadMessagesCount}\n        </div>\n      )}\n    </Button>\n  );\n};\n"]}
+{"version":3,"sources":["../src/store/chatStore.ts","../src/hooks/useChat.ts","../src/utils/chat.tsx","../src/ui/Chat.tsx","../src/ui/ChatButton.tsx"],"names":["jsx","jsxs","Button","cn","Chat"],"mappings":"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","file":"index.mjs","sourcesContent":["import { create } from 'zustand';\n\ntype ChatMessageT = {\n  id: string;\n  text: string;\n  senderId: string;\n  senderName: string;\n  timestamp: number;\n};\n\nexport type useChatStoreT = {\n  isChatOpen: boolean;\n  chatMessages: ChatMessageT[];\n  unreadMessagesCount: number;\n  addChatMessage: (message: ChatMessageT) => void;\n  clearUnreadMessages: () => void;\n  updateStore: (type: keyof useChatStoreT, value: unknown) => void;\n};\n\n// Чат передаётся только через LiveKit DataChannel (P2P/broadcast в рамках текущего звонка),\n// серверной истории сообщений нет. Раньше стор персистился в localStorage без привязки\n// к конкретному звонку — сообщения предыдущего звонка «утекали» в следующий на том же\n// устройстве (и только у того пользователя, у кого localStorage не был очищен штатным\n// disconnect-флоу). Стор намеренно НЕ персистится: чат живёт только в памяти на время\n// звонка и одинаково пуст у всех при входе в новый звонок.\nexport const useChatStore = create<useChatStoreT>()((set, get) => ({\n  isChatOpen: false,\n  chatMessages: [],\n  unreadMessagesCount: 0,\n  updateStore: (type: keyof useChatStoreT, value: unknown) => set({ [type]: value }),\n\n  addChatMessage: (message: ChatMessageT) => {\n    const { isChatOpen, unreadMessagesCount, chatMessages } = get();\n\n    // Проверяем, нет ли уже сообщения с таким ID (дедупликация)\n    const messageExists = chatMessages.some((msg) => msg.id === message.id);\n    if (messageExists) {\n      return;\n    }\n\n    set((state) => ({\n      chatMessages: [...state.chatMessages, message],\n      unreadMessagesCount: isChatOpen ? unreadMessagesCount : unreadMessagesCount + 1,\n    }));\n  },\n\n  clearUnreadMessages: () => set({ unreadMessagesCount: 0 }),\n}));\n","import { useCallback } from 'react';\nimport { useLiveKitDataChannel, useLiveKitDataChannelListener } from '@xipkg/calls-hooks';\nimport { useRoom } from '@xipkg/calls-providers';\nimport { useSoundEffectsStore } from '@xipkg/calls-store';\nimport { playSound } from '@xipkg/calls-utils';\nimport { useChatStore } from '../store';\n\nconst CHAT_MESSAGE_TYPE = 'chat_message';\n\ntype ChatMessagePayload = {\n  id: string;\n  text: string;\n  senderId: string;\n  senderName: string;\n  timestamp: number;\n};\n\nexport const useChat = () => {\n  const { sendMessage } = useLiveKitDataChannel();\n  const { addChatMessage, clearUnreadMessages, updateStore } = useChatStore();\n  const chatSoundVolume = useSoundEffectsStore((s) => s.chatMessageVolume);\n  const { room } = useRoom();\n\n  // Получаем информацию о текущем участнике из LiveKit\n  const getCurrentParticipantInfo = useCallback(() => {\n    if (!room?.localParticipant) {\n      return {\n        senderId: 'unknown',\n        senderName: 'Unknown User',\n      };\n    }\n\n    const participant = room.localParticipant;\n\n    try {\n      // Парсим метаданные участника\n      const metadata = participant.metadata;\n      if (metadata) {\n        const userInfo = JSON.parse(metadata);\n        return {\n          senderId: userInfo?.user_id || userInfo?.id || participant.identity,\n          senderName:\n            userInfo?.display_name ||\n            userInfo?.name ||\n            userInfo?.username ||\n            participant.name ||\n            participant.identity,\n        };\n      }\n    } catch (error) {\n      console.warn('⚠️ Failed to parse participant metadata:', error);\n    }\n\n    // Fallback на стандартные поля LiveKit\n    return {\n      senderId: participant.identity,\n      senderName: participant.name || participant.identity,\n    };\n  }, [room]);\n\n  const handleChatMessage = useCallback(\n    (message: { type: string; payload: unknown }) => {\n      if (message.type === CHAT_MESSAGE_TYPE) {\n        const payload = message.payload as ChatMessagePayload;\n\n        // Проверяем, что это не наше собственное сообщение\n        const currentParticipantInfo = getCurrentParticipantInfo();\n        if (payload.senderId === currentParticipantInfo.senderId) {\n          console.log('💬 Ignoring own message:', payload);\n          return;\n        }\n\n        console.log('💬 Received chat message:', payload);\n        addChatMessage(payload);\n        playSound('chatMessage', chatSoundVolume);\n      }\n    },\n    [addChatMessage, getCurrentParticipantInfo, chatSoundVolume],\n  );\n\n  // Слушаем сообщения чата\n  useLiveKitDataChannelListener(handleChatMessage);\n\n  const sendChatMessage = useCallback(\n    (text: string) => {\n      if (!text.trim()) return;\n\n      const participantInfo = getCurrentParticipantInfo();\n      const message: ChatMessagePayload = {\n        id: `${Date.now()}-${Math.random()}`,\n        text: text.trim(),\n        senderId: participantInfo.senderId,\n        senderName: participantInfo.senderName,\n        timestamp: Date.now(),\n      };\n\n      console.log('📤 Sending chat message:', message);\n\n      // Добавляем сообщение в локальный store отправителя\n      addChatMessage(message);\n\n      // Отправляем через DataChannel\n      sendMessage(CHAT_MESSAGE_TYPE, message);\n    },\n    [sendMessage, getCurrentParticipantInfo, addChatMessage],\n  );\n\n  const toggleChat = useCallback(() => {\n    updateStore('isChatOpen', !useChatStore.getState().isChatOpen);\n    clearUnreadMessages();\n  }, [updateStore, clearUnreadMessages]);\n\n  const openChat = useCallback(() => {\n    updateStore('isChatOpen', true);\n    clearUnreadMessages();\n  }, [updateStore, clearUnreadMessages]);\n\n  const closeChat = useCallback(() => {\n    updateStore('isChatOpen', false);\n  }, [updateStore]);\n\n  return {\n    sendChatMessage,\n    toggleChat,\n    openChat,\n    closeChat,\n  };\n};\n","export const parseLinks = (message: string) => {\n  const urlRegex = /(https?:\\/\\/[^\\s]+)/g;\n  const messageParts = message.split(urlRegex);\n\n  return messageParts.map((messagePart, index) => {\n    if (urlRegex.test(messagePart)) {\n      return (\n        <a\n          key={index}\n          href={messagePart}\n          target=\"_blank\"\n          rel=\"noopener noreferrer\"\n          className=\"text-text-link hover:text-text-link cursor-pointer underline\"\n          onClick={(e) => e.stopPropagation()}\n          data-umami-event=\"outbound-link-click\"\n          data-umami-event-url={messagePart}\n          data-umami-event-source=\"chat\"\n        >\n          {messagePart}\n        </a>\n      );\n    }\n\n    return messagePart;\n  });\n};\n","import { useState, useRef, useEffect } from 'react';\nimport { Button } from '@xipkg/button';\nimport { Textarea } from '@xipkg/textarea';\nimport { Send, Close } from '@xipkg/icons';\nimport { UserProfile } from '@xipkg/userprofile';\nimport { ScrollArea } from '@xipkg/scrollarea';\nimport { Modal, ModalContent, ModalTitle } from '@xipkg/modal';\nimport { useTranslation } from 'react-i18next';\nimport { useChat } from '../hooks';\nimport { useCalls } from '@xipkg/calls-providers';\nimport { useChatStore } from '../store';\nimport { cn, useMediaQuery } from '@xipkg/utils';\nimport { parseLinks } from '../utils/chat';\n\ntype ChatProps = {\n  /** В компакт-режиме: классы позиционирования (как у CompactCall: top-16 bottom-4 left-4 и т.д.) */\n  compactPositionClassName?: string;\n};\n\nexport const Chat = ({ compactPositionClassName }: ChatProps = {}) => {\n  const { t, i18n } = useTranslation('calls');\n  const [messageText, setMessageText] = useState('');\n  const messagesEndRef = useRef<HTMLDivElement>(null);\n  const { sendChatMessage, closeChat } = useChat();\n  const { chatMessages, isChatOpen } = useChatStore();\n  const { data: currentUser } = useCalls().auth.useCurrentUser();\n  const timeLocale = i18n.language?.startsWith('ru')\n    ? 'ru-RU'\n    : i18n.language?.startsWith('en')\n      ? 'en-US'\n      : i18n.language;\n\n  const scrollToBottom = (behavior: ScrollBehavior = 'smooth') => {\n    messagesEndRef.current?.scrollIntoView({ behavior });\n  };\n\n  const textareaRef = useRef<HTMLTextAreaElement>(null);\n\n  useEffect(() => {\n    if (isChatOpen) {\n      requestAnimationFrame(() => {\n        scrollToBottom('auto');\n      });\n    }\n  }, [isChatOpen]);\n\n  // Автоматическая прокрутка при получении новых сообщений\n  useEffect(() => {\n    if (isChatOpen && chatMessages.length > 0) {\n      requestAnimationFrame(() => {\n        scrollToBottom('smooth');\n      });\n    }\n  }, [chatMessages.length, isChatOpen]);\n\n  const handleSendMessage = () => {\n    if (messageText.trim()) {\n      sendChatMessage(messageText);\n      setMessageText('');\n      requestAnimationFrame(() => {\n        scrollToBottom('smooth');\n      });\n    }\n\n    if (textareaRef.current) {\n      textareaRef.current.style.height = 'auto';\n    }\n  };\n\n  const handleKeyDownSendMessage = (e: React.KeyboardEvent<HTMLTextAreaElement>) => {\n    // Enter без Shift - отправка сообщения\n    // Shift+Enter - перенос строки (разрешаем стандартное поведение)\n    if (e.key === 'Enter' && !e.shiftKey) {\n      e.preventDefault();\n      handleSendMessage();\n    }\n    // Если Shift+Enter, не предотвращаем стандартное поведение - будет перенос строки\n  };\n\n  const isMobile = useMediaQuery('(max-width: 639px)');\n  if (!isChatOpen) return null;\n\n  const chatContent = (\n    <>\n      {/* Заголовок */}\n      <div className=\"border-border-default flex items-center justify-between pr-3\">\n        <h3 className=\"text-text-primary text-lg font-medium\">{t('chat.title')}</h3>\n        <Button size=\"icon\" variant=\"none\" onClick={closeChat}>\n          <Close className=\"h-6 w-6\" aria-label={t('chat.close')} />\n        </Button>\n      </div>\n\n      {/* Сообщения */}\n      <ScrollArea className=\"min-h-0 flex-1 py-2 pr-3\">\n        <div className=\"space-y-4\">\n          {chatMessages.length === 0 ? (\n            <div className=\"text-text-secondary text-center\">\n              <p>{t('chat.empty')}</p>\n            </div>\n          ) : (\n            chatMessages.map((message) => {\n              const isOwnMessage = Number(message.senderId) === Number(currentUser?.id);\n              return (\n                <div\n                  key={message.id}\n                  className={`flex ${isOwnMessage ? 'justify-end' : 'justify-start'}`}\n                >\n                  <div className=\"text-text-primary flex max-w-[90%] flex-col gap-1 rounded-lg select-text\">\n                    <div className=\"text-text-primary flex flex-row items-center gap-1 text-xs font-medium\">\n                      {!isOwnMessage && (\n                        <UserProfile\n                          size=\"s\"\n                          userId={Number(message.senderId)}\n                          text={message.senderName}\n                          src={`https://api.sovlium.ru/files/users/${message.senderId}/avatar.webp`}\n                        />\n                      )}\n                      <div\n                        className={`text-xs-base ${isOwnMessage ? 'text-text-disabled ml-auto' : 'text-text-secondary'}`}\n                      >\n                        {new Date(message.timestamp).toLocaleTimeString(timeLocale, {\n                          hour: '2-digit',\n                          minute: '2-digit',\n                        })}\n                      </div>\n                    </div>\n                    <div\n                      className={cn(\n                        'cursor-text rounded-lg px-3 py-2 text-sm wrap-break-word whitespace-pre-wrap select-text',\n                        isOwnMessage\n                          ? 'bg-action-primary-background-disabled'\n                          : 'bg-background-page',\n                      )}\n                    >\n                      {parseLinks(message.text)}\n                    </div>\n                  </div>\n                </div>\n              );\n            })\n          )}\n          <div ref={messagesEndRef} />\n        </div>\n      </ScrollArea>\n\n      {/* Поле ввода */}\n      <div className=\"flex items-end gap-2 pr-3\">\n        <div className=\"border-border-default flex max-h-40 w-full flex-1 items-center rounded-xl border pl-4\">\n          <Textarea\n            ref={textareaRef}\n            value={messageText}\n            onChange={(e) => setMessageText(e.target.value)}\n            placeholder={t('chat.placeholder')}\n            className=\"my-3 max-h-32 min-w-full rounded-none border-none p-0 pr-2\"\n            onKeyDown={handleKeyDownSendMessage}\n          />\n          <div className=\"pr-1\">\n            <Button\n              size=\"icon\"\n              variant=\"primary\"\n              onClick={handleSendMessage}\n              disabled={!messageText.trim()}\n              className=\"rounded-xl p-2\"\n            >\n              <Send\n                className={cn(\n                  'fill-action-primary-text group-hover:fill-action-primary-text h-6 w-6',\n                  !messageText.trim() && 'fill-icon-secondary',\n                )}\n              />\n            </Button>\n          </div>\n        </div>\n      </div>\n    </>\n  );\n\n  if (isMobile) {\n    return (\n      <Modal open={isChatOpen} onOpenChange={(open) => !open && closeChat()}>\n        <ModalContent\n          className=\"border-border-default bg-background-surface flex h-[85dvh] max-h-[85dvh] w-[calc(100vw-32px)] max-w-[calc(100vw-32px)] flex-col gap-0 overflow-hidden rounded-2xl border p-4 pr-1\"\n          aria-describedby={undefined}\n        >\n          <ModalTitle className=\"sr-only\">{t('chat.title')}</ModalTitle>\n          <div className=\"flex min-h-0 flex-1 flex-col overflow-hidden\">{chatContent}</div>\n        </ModalContent>\n      </Modal>\n    );\n  }\n\n  if (compactPositionClassName) {\n    return (\n      <div\n        className={cn(\n          'border-border-default bg-background-surface fixed z-100 flex min-h-0 w-[328px] flex-col overflow-hidden rounded-2xl border p-4 pr-1 shadow-lg',\n          compactPositionClassName,\n        )}\n      >\n        {chatContent}\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"bg-background-surface border-border-default sm:border-border-default fixed flex h-full min-h-0 w-full max-w-none min-w-[328px] flex-col overflow-hidden rounded-2xl border p-4 pr-1 sm:relative sm:max-w-[328px]\">\n      {chatContent}\n    </div>\n  );\n};\n","import { Button } from '@xipkg/button';\nimport { Chat } from '@xipkg/icons';\nimport { cn } from '@xipkg/utils';\nimport { useChat } from '../hooks/useChat';\nimport { useChatStore } from '../store/chatStore';\n\ntype ChatButtonProps = {\n  /** Дополнительные классы (например, для компактной панели: h-8 w-8 rounded-xl) */\n  className?: string;\n};\n\nexport const ChatButton = ({ className }: ChatButtonProps) => {\n  const { toggleChat } = useChat();\n  const { isChatOpen, unreadMessagesCount } = useChatStore();\n\n  return (\n    <Button\n      size=\"icon\"\n      variant=\"none\"\n      onClick={toggleChat}\n      className={cn(\n        'bg-background-surface hover:bg-background-page text-text-primary relative m-0 rounded-xl p-0',\n        !className && 'h-10 w-10 min-w-10',\n        isChatOpen && 'text-text-link',\n        className,\n      )}\n      data-umami-event=\"call-toggle-chat\"\n      data-umami-event-state={isChatOpen ? 'close' : 'open'}\n    >\n      <Chat className={cn('h-6 w-6', isChatOpen ? 'fill-icon-brand' : 'fill-icon-primary')} />\n      {unreadMessagesCount > 0 && (\n        <div className=\"bg-action-primary-background-default text-action-primary-text absolute -top-1 -right-1 flex h-5 min-w-5 items-center justify-center rounded-full px-1 text-xs font-medium\">\n          {unreadMessagesCount > 99 ? '99+' : unreadMessagesCount}\n        </div>\n      )}\n    </Button>\n  );\n};\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xipkg/calls-chat",
-  "version": "0.1.13",
+  "version": "0.1.15",
   "type": "module",
   "exports": {
     ".": {
@@ -17,13 +17,13 @@
     "@xipkg/icons": "^3.1.0",
     "@xipkg/textarea": "1.3.0",
     "@xipkg/button": "4.3.0",
-    "@xipkg/calls-ui": "^0.1.13",
-    "@xipkg/calls-utils": "^0.1.13",
-    "@xipkg/calls-types": "^0.1.13",
-    "@xipkg/calls-config": "^0.1.13",
-    "@xipkg/calls-providers": "^0.1.13",
-    "@xipkg/calls-store": "^0.1.13",
-    "@xipkg/calls-hooks": "^0.1.13",
+    "@xipkg/calls-ui": "^0.1.15",
+    "@xipkg/calls-utils": "^0.1.15",
+    "@xipkg/calls-types": "^0.1.15",
+    "@xipkg/calls-config": "^0.1.15",
+    "@xipkg/calls-providers": "^0.1.15",
+    "@xipkg/calls-store": "^0.1.15",
+    "@xipkg/calls-hooks": "^0.1.15",
     "zustand": "5.0.14",
     "@xipkg/utils": "^1.8.0"
   },
@@ -45,7 +45,9 @@
     "typescript-eslint": "^8.65.0"
   },
   "peerDependencies": {
-    "react": "^19.2.8"
+    "i18next": "24.2.2",
+    "react": "^19.2.8",
+    "react-i18next": "15.4.1"
   },
   "description": "calls package",
   "author": "xi.effect",