\r\n\t\t\t\t\r\n\t\t\t
\r\n\t\t\t{\r\n\t\t\t\tbutton ?\r\n\t\t\t\t\tbutton(handleClick, isRecording) :\r\n\t\t\t\t\t\r\n\t\t\t : }\r\n\t\t\t\tonClick={handlePlayClick}\r\n\t\t\t\ttitle=\"Play\"\r\n\t\t\t/>\r\n\t\t\t = ({recordVideoResult, setRecordVideoResult, onStop, onReset, ...rest}) => {\r\n\tconst [key, setKey] = React.useState('default');\r\n\r\n\tReact.useEffect(() => {\r\n\t\tsetKey(Math.random());\r\n\t}, [recordVideoResult]);\r\n\r\n\tconst handleStop = (value) => {\r\n\t\tonStop && onStop(value);\r\n\t\tsetKey(Math.random());\r\n\t};\r\n\r\n\treturn (\r\n\t\t = ({onStop, setRecordAudioResult, ...rest}) => {\r\n\tconst {className = 'btn-primary', shape = 'default', disabled} = rest;\r\n\tconst stream = React.useRef();\r\n\tconst recordActions = React.useRef();\r\n\r\n\tconst [isRecording, setIsRecording] = React.useState(false);\r\n\r\n\tconst getRecordActions = async () => {\r\n\t\tif (!stream.current) {\r\n\t\t\tstream.current = await navigator.mediaDevices.getUserMedia({audio: true});\r\n\t\t}\r\n\t\treturn await record(stream.current, 'audio/mp3');\r\n\t};\r\n\r\n\tconst recordAudio = () => {\r\n\t\tif (!recordActions.current) {\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\tif (!isRecording) {\r\n\t\t\tsetIsRecording(true);\r\n\t\t\trecordActions.current.start();\r\n\t\t} else {\r\n\t\t\tsetIsRecording(false);\r\n\t\t\trecordActions.current.stop()\r\n\t\t\t\t.then((result) => {\r\n\t\t\t\t\tstream.current?.getTracks().forEach(track => track.stop());\r\n\t\t\t\t\tsetRecordAudioResult(result);\r\n\t\t\t\t\tonStop && onStop(result);\r\n\t\t\t\t})\r\n\t\t\t\t.catch(console.error);\r\n\t\t}\r\n\t} ;\r\n\r\n\tconst handleClick = (e: React.MouseEvent) => {\r\n\t\te.preventDefault();\r\n\r\n\t\tif (!recordActions.current) {\r\n\t\t\tgetRecordActions().then((actions) => {\r\n\t\t\t\trecordActions.current = actions;\r\n\t\t\t\trecordAudio();\r\n\t\t\t}).catch((e) => {\r\n\t\t\t\tMessage.warn(typeof e === 'object' ? e?.message : e);\r\n\t\t\t});\r\n\t\t\treturn;\r\n\t\t}\r\n\t\trecordAudio();\r\n\t};\r\n\r\n\treturn <>\r\n\t\t = (props) => {\r\n\tconst {\r\n\t\turl,\r\n\t\tstyle,\r\n\t\tclassName = '',\r\n\t\twidth,\r\n\t\tonPlayed,\r\n\t\tbtnClassName = 'btn-primary',\r\n\t\tshape = 'default',\r\n\t\twaveColor = '#58a0e8'\r\n\t} = props;\r\n\r\n\tconst [isPlaying, setIsPlaying] = React.useState(false);\r\n\r\n\tconst wavesurfer = React.useRef();\r\n\tconst wavesurferContainer = React.useRef(null);\r\n\r\n\tReact.useEffect(() => {\r\n\t\timportWavesurfer()\r\n\t\t\t.then(wavesurfer => initializeWavesurfer(wavesurfer.default))\r\n\t\t\t.catch(console.warn);\r\n\t}, []);\r\n\r\n\tconst handlePlay = () => {\r\n\t\tsetIsPlaying(true);\r\n\t\tonPlayed && onPlayed();\r\n\t};\r\n\r\n\tconst handlePause = () => {\r\n\t\tsetIsPlaying(false);\r\n\t};\r\n\r\n\tconst handleFinish = () => {\r\n\t\tsetIsPlaying(false);\r\n\t\twavesurfer.current?.stop();\r\n\t};\r\n\r\n\tconst importWavesurfer = async () => {\r\n\t\t// @ts-ignore\r\n\t\treturn await import('wavesurfer.js');\r\n\t};\r\n\r\n\tconst initializeWavesurfer = (wavesurferBundle) => {\r\n\t\tif (!wavesurferContainer.current) return;\r\n\r\n\t\twavesurfer.current = wavesurferBundle.create({\r\n\t\t\tcontainer: wavesurferContainer.current,\r\n\t\t\twaveColor,\r\n\t\t\tprogressColor: '#cacaca',\r\n\t\t\tbarWidth: 2,\r\n\t\t\tbarHeight: 2,\r\n\t\t\tbarMinHeight: 2,\r\n\t\t\theight: 40,\r\n\t\t\tcursorColor: 'transparent'\r\n\t\t});\r\n\r\n\t\twavesurfer.current?.on('play', handlePlay);\r\n\t\twavesurfer.current?.on('pause', handlePause);\r\n\t\twavesurfer.current?.on('finish', handleFinish);\r\n\r\n\t\twavesurfer.current?.load(url);\r\n\t};\r\n\r\n\tconst handleClick = (e: React.MouseEvent) => {\r\n\t\te.preventDefault();\r\n\r\n\t\tif (!wavesurfer.current) return;\r\n\r\n\t\tif (!isPlaying) {\r\n\t\t\twavesurfer.current.play();\r\n\t\t} else {\r\n\t\t\twavesurfer.current.pause();\r\n\t\t}\r\n\t};\r\n\r\n\treturn (\r\n\t\t\r\n\t\t\t = ({onChange, recordAudioResult, setRecordAudioResult, ...rest}) => {\r\n\tconst {className = 'btn-primary', shape = 'default', disabled} = rest;\r\n\tconst reset = () => {\r\n\t\tsetRecordAudioResult(undefined);\r\n\t\tonChange(undefined);\r\n\t};\r\n\r\n\tconst handleClearClick = (e: React.MouseEvent) => {\r\n\t\te.preventDefault();\r\n\t\treset();\r\n\t};\r\n\r\n\tconst [key, setKey] = React.useState('default');\r\n\r\n\tReact.useEffect(() => {\r\n\t\tsetKey(Math.random());\r\n\t}, [recordAudioResult]);\r\n\r\n\tconst handleChange = (value) => {\r\n\t\tsetKey(Math.random());\r\n\t\tonChange(value);\r\n\t};\r\n\r\n\treturn recordAudioResult ? = (props) => {\r\n\tconst {className = 'chat-message-item', onSelect} = props;\r\n\tconst {triggerNode = } = props;\r\n\treturn (\r\n\t\t !emoji.unified.includes('-') && emoji.added_in === '2.0'}\r\n\t\t\t\t\tonSelect={onSelect}\r\n\t\t\t\t/>\r\n\t\t\t}\r\n\t\t>\r\n\t\t\t{triggerNode}\r\n\t\t\r\n\t);\r\n};\r\n\r\nexport default EmojiComponent;\r\n","import React from 'react';\r\nimport { shallowEqual, useSelector } from 'react-redux';\r\n\r\nimport { Notification } from '@common/typescript/objects/Notification';\r\nimport { BaseUser } from '@common/typescript/objects/BaseUser';\r\nimport { Chat} from '@common/react/objects/Chat';\r\nimport { BaseApplicationState } from '@common/react/store';\r\nimport { subscribe } from '@common/react/utils/SignalRUtils/SignalRUtils';\r\n\r\nimport '@common/react/scss/components/typingComponent.scss';\r\nimport { useChatSettingsProviderContext } from '@common/react/components/Chat/ChatSettingsProvider';\r\n\r\ninterface Props {\r\n\tchat: Chat;\r\n\trender: (contacts) => React.ReactNode;\r\n\tdelay?: number;\r\n}\r\n\r\ninterface ContactTyping {\r\n\tuserId: number;\r\n\ttimer: any;\r\n}\r\n\r\nconst TypingComponent: React.FC = ({chat, delay = 5000, render}) => {\r\n\tconst [contactIds, setContacts] = React.useState([]);\r\n\tconst contactsTyping = React.useRef([]);\r\n\tconst user = useSelector((state: BaseApplicationState) => state.login.user, shallowEqual);\r\n\r\n\tconst context = useChatSettingsProviderContext();\r\n\r\n\tif (!context?.state) throw 'need ChatSettingsContext';\r\n\r\n\tconst {state: {notificationTypes}} = context;\r\n\r\n\tconst handleNotification = React.useCallback((notification: Notification) => {\r\n\t\tif (!user) return;\r\n\t\tswitch (notification.objectType) {\r\n\t\t\tcase notificationTypes.typing:\r\n\t\t\t\tconst data = notification.data;\r\n\t\t\t\tconst userId = data.user;\r\n\t\t\t\tif (user.id === userId || chat.id !== data.chatId) return;\r\n\r\n\t\t\t\tconst item = contactsTyping.current.find(item => item.userId === userId);\r\n\t\t\t\tconst newItem = item ? item : {userId, timer: undefined};\r\n\t\t\t\tif (!item) {\r\n\t\t\t\t\tcontactsTyping.current.push(newItem);\r\n\t\t\t\t\tsetContacts(contactsTyping.current.map(item => item.userId));\r\n\t\t\t\t}\r\n\r\n\t\t\t\tnewItem.timer && clearTimeout(newItem.timer);\r\n\r\n\t\t\t\tnewItem.timer = setTimeout(() => {\r\n\t\t\t\t\tcontactsTyping.current = contactsTyping.current.filter(item => item.userId !== userId);\r\n\t\t\t\t\tsetContacts(contactsTyping.current.map(item => item.userId));\r\n\t\t\t\t}, delay);\r\n\r\n\t\t\t\tbreak;\r\n\t\t}\r\n\t}, [user?.id, chat?.id]);\r\n\r\n\tReact.useEffect(subscribe(handleNotification));\r\n\r\n\tReact.useEffect(() => {\r\n\t\tcontactsTyping.current.forEach(item => item.timer && clearTimeout(item.timer));\r\n\t\tcontactsTyping.current = [];\r\n\t\tsetContacts([]);\r\n\t}, [user?.id, chat?.id]);\r\n\r\n\tconst contacts = React.useMemo(() => {\r\n\t\tif (!contactIds.length) return [];\r\n\r\n\t\treturn chat.contacts.filter(contact => contactIds.find(id => contact.id === id));\r\n\t}, [contactIds, chat?.id, chat?.contacts?.length]);\r\n\r\n\treturn <>\r\n\t\t{render(contacts)}\r\n\t;\r\n};\r\n\r\nexport default TypingComponent;\r\n","import React from 'react';\r\n\r\nimport Mentions, { MentionProps } from 'antd/lib/mentions';\r\n\r\nimport { Chat } from '@common/react/objects/Chat';\r\n\r\nimport '@common/react/scss/components/typingComponent.scss';\r\nimport { request } from '@common/react/components/Api';\r\nimport {\r\n\tChatComponents,\r\n\tChatFormComponentsDictionary,\r\n\tuseChatSettingsProviderContext\r\n} from '@common/react/components/Chat/ChatSettingsProvider';\r\n\r\nexport interface CustomMentionProps extends MentionProps {\r\n\tchat: Chat;\r\n\tprefix?: string;\r\n}\r\n\r\nconst MentionsWithTyping: React.FC = ({chat, prefix = '', ...props}) => {\r\n\tconst lastTyping = React.useRef();\r\n\tconst context = useChatSettingsProviderContext();\r\n\r\n\tif (!context?.state) throw 'need ChatSettingsContext';\r\n\r\n\tconst {state: {otherComponents, requests, typingDelay: delay}} = context;\r\n\r\n\tconst render = React.useCallback((contacts) => {\r\n\t\tconst res = contacts.map(contact => `${contact.firstName} ${contact.lastName}`).join(', ');\r\n\r\n\t\treturn ) => {\r\n\t\tconst k = e.which;\r\n\r\n\t\tif (48 <= k && k <= 90 && chat) {\r\n\t\t\tconst typingDate = Date.now();\r\n\t\t\tif ((!lastTyping.current || (typingDate - lastTyping.current > delay))) {\r\n\t\t\t\tlastTyping.current = typingDate;\r\n\r\n\t\t\t\trequest(requests.typing, {chatId: chat.id})\r\n\t\t\t\t\t.then((result) => {\r\n\t\t\t\t\t})\r\n\t\t\t\t\t.catch(console.log);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\tprops.onKeyDown && props.onKeyDown(e);\r\n\t}, [props.onKeyDown]);\r\n\r\n\tconst typingComponent = otherComponents.includes(ChatComponents.Typing) ?\r\n\t\tChatFormComponentsDictionary[ChatComponents.Typing]({chat, render, delay}) : undefined;\r\n\r\n\treturn <>\r\n\t\t = ({videoMessageUrl}) => {\r\n\tconst [state, setState] = React.useState({\r\n\t\tmaximized: false, \r\n\t\tisPlaying: false, \r\n\t\tshowIcon: false, \r\n\t\tstatus: VideoMessageLoadStatus.Idle\r\n\t});\r\n\r\n\tconst videoRef = React.useRef(null);\r\n\r\n\tconst setMaximized = (maximized: boolean) => {\r\n\t\tsetState({...state, maximized});\r\n\t};\r\n\r\n\tconst setIsPlaying = (isPlaying: boolean) => {\r\n\t\tsetState({...state, isPlaying});\r\n\t};\r\n\t\r\n\tconst load = () => {\r\n\t\tif (!videoRef.current) return;\r\n\t\tvideoRef.current.load();\r\n\t\tsetState(state => ({...state, status: VideoMessageLoadStatus.Loading}));\r\n\t};\r\n\r\n\tconst replay = () => {\r\n\t\tif (!videoRef.current) return;\r\n\t\tvideoRef.current.pause();\r\n\t\tvideoRef.current.currentTime = 0;\r\n\t\tvideoRef.current.play()\r\n\t\t\t.catch(console.warn);\r\n\t};\r\n\r\n\tconst stop = () => {\r\n\t\tif (!videoRef.current) return;\r\n\r\n\t\tvideoRef.current.pause();\r\n\t\tvideoRef.current.currentTime = 0;\r\n\t};\r\n\r\n\tconst handlePlay = () => {\r\n\t\tsetState(state => ({...state, isPlaying: true, showIcon: false}));\r\n\t};\r\n\r\n\tconst handlePause = () => {\r\n\t\tsetIsPlaying(false);\r\n\t};\r\n\r\n\tconst handleEnded = () => {\r\n\t\tif (state.maximized) {\r\n\t\t\tsetMaximized(false);\r\n\t\t\tstop();\r\n\t\t} else {\r\n\t\t\tsetIsPlaying(false);\r\n\t\t\treplay();\r\n\t\t}\r\n\t};\r\n\r\n\tconst handleMouseEnter = () => {\r\n\t\tif (state.isPlaying) return;\r\n\t\t\r\n\t\tsetState(state => ({...state, showIcon: true}));\r\n\t};\r\n\r\n\tconst handleMouseLeave = () => {\r\n\t\tif (state.isPlaying) return;\r\n\t\t\r\n\t\tsetState(state => ({...state, showIcon: false}));\r\n\t};\r\n\r\n\tconst handleClick = (e) => {\r\n\t\te.preventDefault();\r\n\r\n\t\tif (!state.maximized) {\r\n\t\t\tif (state.status === VideoMessageLoadStatus.Idle) {\r\n\t\t\t\tload();\r\n\t\t\t}\r\n\t\t\tsetMaximized(true);\r\n\t\t\treplay();\r\n\t\t} else {\r\n\t\t\tsetMaximized(false);\r\n\t\t\tstop();\r\n\t\t}\r\n\t};\r\n\t\r\n\tconst handleLoadedData: React.ReactEventHandler = (e) => {\r\n\t\tsetState(state => ({...state, status: VideoMessageLoadStatus.Loaded}));\r\n\t};\r\n\t\r\n\tconst handleError: React.ReactEventHandler = (e) => {\r\n\t\t// Message.error('Could not load video message');\r\n\t\tconsole.error(`Video message source link: ${videoMessageUrl}`, videoRef.current?.error);\r\n\t\tsetState(state => ({...state, status: VideoMessageLoadStatus.Error}));\r\n\t};\r\n\t\r\n\tif (state.status === VideoMessageLoadStatus.Error) {\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t
\r\n\t);\r\n};\r\n\r\nexport default VideoMessagePlayer;","import React from 'react';\r\n\r\nimport VoiceMessagePlayer from '@common/react/components/UI/VoiceMessage/VoiceMessagePlayer';\r\n\r\ninterface VoiceMessageChatPlayerProps {\r\n\tvoiceMessageUrl?: string;\r\n\tonPlayed?: () => void;\r\n}\r\n\r\nconst VoiceMessageChatPlayer: React.FC\r\n\t\t\t
\r\n\t);\r\n};\r\n\r\nexport default VideoMessagePreview;","import React from 'react';\r\n\r\nimport VideoMessageRecorder from '@common/react/components/UI/VideoMessage/VideoMessageRecorder';\r\nimport VideoMessagePreview from '@common/react/components/UI/VideoMessage/VideoMessagePreview';\r\nimport { RecordResult } from '@common/react/utils/record-audio';\r\n\r\ninterface VideoMessageInputProps {\r\n\trecordVideoResult?: RecordResult;\r\n\tsetRecordVideoResult: (value: RecordResult | undefined) => void;\r\n\tonStop?: (value: RecordResult | undefined) => void;\r\n\tonReset?: () => void;\r\n\tclassName?: string;\r\n\tshape?: 'circle' | 'default' | 'round';\r\n\tcontainerClassName?: string;\r\n\twaveColor?: string;\r\n\tdisabled?: boolean;\r\n}\r\n\r\nconst VideoMessageInput: React.FC\r\n\t\t\t\t
\r\n\t\t\r\n\t\t\t{\r\n\t\t\t\t!recordVideoResult ?\r\n\t\t\t\t\t
\r\n\t);\r\n};\r\n\r\nexport default VideoMessageInput;","import React from 'react';\r\n\r\nimport Message from 'antd/lib/message';\r\nimport Button from 'antd/lib/button';\r\n\r\nimport {record, RecordResult, RecordControls} from '@common/react/utils/record-audio';\r\nimport '@common/react/scss/components/voiceMessageRecorder.scss';\r\n\r\ninterface VoiceMessageButtonProps {\r\n\tonStop?: (value: RecordResult | undefined) => void;\r\n\tsetRecordAudioResult: (value: RecordResult) => void;\r\n\tclassName?: string;\r\n\tshape?: 'circle' | 'default' | 'round';\r\n\tdisabled?: boolean;\r\n}\r\n\r\nconst VoiceMessageButton: React.FC\r\n\t\t
);\r\n};\r\n\r\nexport default VoiceMessagePlayer;","import React from 'react';\r\n\r\nimport Button from 'antd/lib/button';\r\n\r\nimport {RecordResult} from '@common/react/utils/record-audio';\r\nimport VoiceMessageButton from '@common/react/components/UI/VoiceMessage/VoiceMessageButton';\r\nimport VoiceMessagePlayer from '@common/react/components/UI/VoiceMessage/VoiceMessagePlayer';\r\n\r\nimport '@common/react/scss/components/voiceMessageRecorder.scss';\r\n\r\ninterface VoiceMessageComponent {\r\n\trecordAudioResult: RecordResult | undefined;\r\n\tsetRecordAudioResult: (r: RecordResult | undefined) => void;\r\n\tonChange: (recordAudioResult: RecordResult | undefined) => void;\r\n\tclassName?: string;\r\n\tshape?: 'circle' | 'default' | 'round';\r\n\twaveColor?: string;\r\n\tdisabled?: boolean;\r\n}\r\n\r\nconst VoiceMessageRecorder: React.FC\r\n\t\t\r\n\t\t}\r\n\t\t\t\tonClick={handleClearClick}/>\r\n\t
: \r\n\t\t\t{!!contacts.length &&
;\r\n\t}, []);\r\n\r\n\tconst keyDownHandler = React.useCallback((e: React.KeyboardEvent\r\n\t\t\t\t{`${res} ${contacts.length > 1 ? ' are typing' : ' is typing'}`}\r\n\t\t\t
}\r\n\t\t\r\n\t\t\t\t\r\n\t\t\t\tFailed to load video\r\n\t\t\t
\r\n\t\t);\r\n\t}\r\n\r\n\treturn (\r\n\t\tstate.status === VideoMessageLoadStatus.Loading ?\r\n\t\t\tLoading
:\r\n\t\t\tVOICE MESSAGE URL UNDEFINED
;\r\n};\r\n\r\nexport default VoiceMessageChatPlayer;","import React from 'react';\r\n\r\nimport VideoMessagePlayer from '@common/react/components/UI/VideoMessage/VideoMessagePlayer';\r\n\r\ninterface VideoMessageChatPlayerProps {\r\n\tvideoMessageUrl?: string;\r\n}\r\n\r\nconst VideoMessageChatPlayer: React.FCVIDEO MESSAGE URL IS UNDEFINED
;\r\n};\r\n\r\nexport default VideoMessageChatPlayer;","import * as React from 'react';\r\n\r\nimport Modal from 'antd/lib/modal';\r\n\r\nimport Loading from '@common/react/components/Core/LoadingProvider/Loader';\r\nimport {imageSize} from '@common/react/utils/utils';\r\nimport {IWithFile} from '@common/typescript/objects/WithFile';\r\nimport {FileInterface} from '@common/typescript/objects/FileInterface';\r\nimport '@common/react/scss/components/colorbox.scss';\r\n\r\ninterface ComponentProps {\r\n\tfiles: IWithFile[] | { file: { src: string } }[];\r\n\tdefaultIdx: number | null;\r\n\tonCancel: () => void;\r\n\timageSizeName?: string;\r\n\twidth?: string;\r\n\tclassName?: string;\r\n}\r\n\r\nconst Colorbox: React.FC\r\n\t\t\t{\r\n\t\t\t\tpreviewInfos.map(item => \r\n\t\t\t\t\t
\r\n\t);\r\n};\r\n\r\nexport default LinkPreviewGroup;","import * as React from 'react';\r\n\r\nimport once from 'lodash/once';\r\nimport {FormikProps} from 'formik';\r\nimport PaperClipOutlined from '@ant-design/icons/PaperClipOutlined';\r\nimport message from 'antd/lib/message';\r\nimport Tag from 'antd/lib/tag';\r\nimport Button from 'antd/lib/button';\r\n\r\nimport {Chat, ChatMessage, ChatMessageType} from '@common/react/objects/Chat';\r\nimport {ButtonsProps, ChatFormComponentState, NewMessage} from '@common/react/components/Chat/ChatMessageForm';\r\nimport VideoMessageInput from '@common/react/components/UI/VideoMessage/VideoMessageInput';\r\nimport VoiceMessageRecorder from '@common/react/components/UI/VoiceMessage/VoiceMessageRecorder';\r\nimport EmojiComponent from '@common/react/components/Chat/EmojiComponent';\r\nimport {FileType} from '@common/typescript/objects/FileInterface';\r\nimport File from '@common/react/components/Forms/Files/File';\r\nimport TypingComponent from '@common/react/components/Chat/TypingComponent';\r\nimport MentionsWithTyping, {CustomMentionProps} from '@common/react/components/Chat/MentionsWithTyping';\r\nimport VideoChatButton from '@common/react/components/UI/VideoChat/VideoChatButton';\r\nimport {getChatMessageMarkup, transformMentionMessage} from '@common/react/components/Chat/ChatUtils';\r\nimport {getFilesLayout} from '@common/react/components/Chat/ChatMessageList';\r\nimport VoiceMessageChatPlayer from '@common/react/components/UI/VoiceMessage/VoiceMessageChatPlayer';\r\nimport VideoMessageChatPlayer from '@common/react/components/UI/VideoMessage/VideoMessageChatPlayer';\r\nimport {getUserPick} from '@common/react/components/Chat/ChatListItem';\r\nimport {getAvatar} from '@common/react/components/Utils/Utils';\r\nimport * as ChatsState from '@common/react/store/Chats';\r\nimport {List} from '@common/typescript/objects/List';\r\nimport Colorbox from '@common/react/components/UI/Colorbox/Colorbox';\r\nimport SystemCallButton from '@common/react/components/UI/VideoChat/SystemCallButton';\r\n\r\nimport LinkPreviewComponent, {linkRegex} from '@common/react/components/UI/LinkPreview/LinkPreview';\r\nimport {LinkPreviewContentType} from '@common/react/objects/LinkPreview';\r\nimport { BaseParams } from '@common/react/objects/BaseParams';\r\nimport { phoneFormat } from '@common/react/components/Forms/FormikPhoneControl/FormikPhoneControl';\r\nimport { ChatListHeaderSettingsType } from '@common/react/components/Chat/ChatsListHeaderComponents';\r\nimport {\r\n\tChatMessagesHeaderSettingsType,\r\n\tChatNameType\r\n} from '@common/react/components/Chat/ChatMessagesHeaderComponents';\r\nimport RegularChatMessage from '@common/react/components/Chat/RegularChatMessage';\r\nimport LinkPreviewGroup from '@common/react/components/UI/LinkPreview/LinkPreviewGroup';\r\n\r\nexport interface ChatSettingsRequests {\r\n\tchat: string;\r\n\tchatUser: string;\r\n\tchatMessage: string;\r\n\tchatMessageAccess: string;\r\n\ttyping: string;\r\n\tcompleteChat?: string;\r\n\tremoveMessage?: string;\r\n\tupdateMessage?: string;\r\n}\r\n\r\nexport interface ChatSettingsNotificationTypes {\r\n\tchat: string;\r\n\tchatUser: string;\r\n\tchatMessage: string;\r\n\tchatMessageAccess: string;\r\n\ttyping: string;\r\n}\r\n\r\nexport interface ChatSettingsUserSettings {\r\n\tuseBrowserNotification: boolean;\r\n\tsound: boolean;\r\n}\r\n\r\nexport interface ChatSettingsAvatarSettings {\r\n\t// maybe better return components with special interface\r\n\tgetUserAvatar: (user: any) => React.ReactNode;\r\n\tgetChatAvatar: (chat: any, userId: number) => React.ReactNode;\r\n}\r\n\r\nexport interface ChatSettingsFormSettings {\r\n\tsendByEnter: boolean;\r\n\tunderFormLabel: string;\r\n\tallowPasteImages: boolean;\r\n\tmaxAttachmentsCount: number;\r\n\tmaxMessageLength: number;\r\n\twaveColor?: string;\r\n}\r\n\r\nexport enum ChatFormButtons {\r\n\tFile,\r\n\tEmoji,\r\n\tVoice,\r\n\tVideo\r\n}\r\n\r\ninterface ChatFormButtonsProps extends ButtonsProps {\r\n\tisEditMessage?: boolean;\r\n\twaveColor?: string;\r\n\tsetState: React.Dispatch\r\n\t\t\t\t{!!contacts.length &&
;\r\n\t\t}}/>\r\n\t\r\n};\r\n\r\nexport const ChatMessageListComponentsDictionary = {\r\n\t[ChatComponents.LinkPreview]: previewInfo => \r\n\t\t\t\t\t{text}\r\n\t\t\t\t
}\r\n\t\t\t\r\n\t\t\r\n\t\t
,\r\n\t[ChatMessageType.PhoneCall]: ({message, withRemoteId}) => \r\n\t\t\t{message.text}\r\n\t\t
\r\n\t\r\n\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t}\r\n\t\t\t/>\r\n\t\t
\r\n\t\t\r\n\t\t\t \r\n\t\t\t\t\t\r\n\t\t\t\t}\r\n\t\t\t/>\r\n\t\t
\r\n\t,\r\n\t[ChatMessageType.VoiceMessage]: ({message, contacts, withRemoteId, onMouseEnter}) => \r\n\t\t f.file.name === 'voice_message.mp3') ?\r\n\t\t\t\t`${withRemoteId ? '/remote' : ''}/${message.files.find(f => f.file.name === 'voice_message.mp3')?.file.src}` : undefined}\r\n\t\t\tonPlayed={() => onMouseEnter && onMouseEnter(message)}\r\n\t\t/>\r\n\t\t\r\n\t
,\r\n\t[ChatMessageType.VideoMessage]: ({message, contacts, withRemoteId, onMouseEnter}) => \r\n\t\t f.file.name === 'video_message.webm') ?\r\n\t\t\t\t`${withRemoteId ? '/remote' : ''}/${message.files.find(f => f.file.name === 'video_message.webm')?.file.src}` : undefined}\r\n\t\t/>\r\n\t\t\r\n\t
\r\n};\r\n\r\nexport enum ChatMessageActions {\r\n\tEdit,\r\n\tRemove,\r\n\tReaction\r\n}\r\n\r\nexport const ChatMessageActionsDictionary = {\r\n\t[ChatMessageActions.Edit]: ({edit, message, isEdit, fromUser}) =>\r\n\t\tfromUser ? ')\r\n\t\t.replace(regex, (emoji) => {\r\n\t\t\tconst emojiData = getEmojiDataFromNative(emoji, 'apple', dataApple);\r\n\t\t\treturn `\r\n${Emoji({html: true, set: 'apple', emoji: emojiData.id, size: hasText ? 22 : 50})}`;\r\n\t\t});\r\n};\r\n\r\nexport const getChatName = (chat: Chat, userId: number) => {\r\n\tconst contacts = chat.contacts.filter((user: BaseUserWithAvatar) => user.id !== userId);\r\n\r\n\treturn chat.kind === ChatKind.Personal\r\n\t\t? getUserName(contacts[0])\r\n\t\t: chat.name\r\n\t\t\t? chat.name\r\n\t\t\t: contacts.map((contact: BaseUserWithAvatar, index) => (index > 0 ? ', ' : '') + getUserName(contact));\r\n};\r\n\r\nexport const transformMentionMessage = (text: string, contacts: BaseUserWithAvatar[], withLink: boolean) => {\r\n\treturn contacts.reduce
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t
:\r\n\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\r\n\t\t
\r\n\t);\r\n};\r\n\r\nexport const LogoLoaderPage: React.FC\r\n\t\t\t
\r\n\t);\r\n};\r\n\r\nexport default LogoLoader;","import * as React from 'react';\r\nimport {Link, LinkProps, withRouter} from 'react-router-dom';\r\n\r\nimport * as H from 'history';\r\nimport {RouteComponentProps} from 'react-router';\r\n\r\ntype Props = LinkProps & RouteComponentProps<{}>;\r\n\r\nconst LinkWithPrevLocation: React.FC\r\n\t\t\t\t{this.state.isLoading && \r\n\t\t\t\t\t{children}\r\n\t\t\t\t\r\n\t\t\t
\r\n\t\t\t{onExtraRender && onExtraRender(this.state, this.props)}\r\n\t\t{loaderMarkup}
}\r\n\t\t\t\t\r\n\t\t\t\t
;\r\n\t\t}\r\n\r\n\t\treturn this.props.children;\r\n\t}\r\n}\r\n\r\nexport default withRouter(ErrorBoundary);","import * as React from 'react';\r\nimport {withRouter} from 'react-router';\r\n\r\nimport * as Sentry from '@sentry/browser';\r\n\r\nimport {ErrorBoundary} from '@common/react/components/UI/ErrorBoundary/ErrorBoundary';\r\n\r\nclass ErrorBoundaryWithSentry extends ErrorBoundary {\r\n\tcomponentDidCatch(error, errorInfo) {\r\n\t\tsuper.componentDidCatch && super.componentDidCatch(error, errorInfo);\r\n\t\tSentry.captureException(error);\r\n\t}\r\n}\r\n\r\nexport default withRouter(ErrorBoundaryWithSentry);","module.exports = (__webpack_require__(3))(2);","import {BaseParams} from '@common/typescript/objects/BaseParams';\r\n\r\nexport function addPrefix(obj: object, prefix: string) {\r\n\treturn Object.entries(obj)\r\n\t\t.reduce((acc, [key, value]) => ({...acc, [`${prefix}${key}`]: value}), {});\r\n}\r\n\r\nexport function removePrefix(obj: object, prefix: string) {\r\n\treturn Object.entries(obj)\r\n\t\t.reduce((acc, [key, value]) => {\r\n\t\t\tif (key.indexOf(prefix) !== 0 || prefix === '') {\r\n\t\t\t\treturn {...acc, [key]: value};\r\n\t\t\t}\r\n\t\t\treturn {...acc, [key.slice(prefix.length)]: value};\r\n\t\t}, {});\r\n}\r\n\r\nexport function filterByPrefix(obj: object, prefix: string) {\r\n\treturn Object.entries(obj)\r\n\t\t.reduce((acc, [key, value]) => (\r\n\t\t\tkey.indexOf(prefix) !== 0 ? \r\n\t\t\t\tacc : {...acc, [key]: value}\r\n\t\t), {});\r\n}\r\n\r\nexport function getKeysByPrefix(obj: BaseParams, prefix?: string): BaseParams {\r\n\tif (!prefix) {\r\n\t\treturn obj;\r\n\t}\r\n\r\n\treturn removePrefix(filterByPrefix(obj, prefix), prefix);\r\n}","import * as React from 'react';\r\nimport { useLocation, useHistory, useParams } from 'react-router-dom';\r\n\r\nimport once from 'lodash/once';\r\n\r\nimport { BaseParams } from '@common/typescript/objects/BaseParams';\r\nimport {\r\n\taddPrefix,\r\n\tgetKeysByPrefix,\r\n} from '@common/react/utils/ObjectKeysPrefix/objectKeysPrefix';\r\nimport {generateGUID} from '@common/react/utils/utils';\r\n\r\nimport { List } from '@common/typescript/objects/List';\r\nimport { WithDeleted } from '@common/typescript/objects/WithDeleted';\r\nimport { handleUrl, getSearchParamsFromUrl } from '@common/react/utils/FIltersParamsFromUrl/FiltersParamsFromUrl';\r\nimport useRequest from '@common/react/hooks/useRequest';\r\n\r\nexport enum Mode {\r\n\tView,\r\n\tEdit\r\n}\r\n\r\nexport enum SortingDirection {\r\n\tDefault = 0,\r\n\tAscending = 1,\r\n\tDescending = 2\r\n}\r\n\r\nexport interface WithKey extends WithDeleted {\r\n\tkeyGUID?: string;\r\n}\r\n\r\ninterface Edits\r\n\t\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\t\tOops!!!
Something went wrong\r\n\t\t\t\t
\r\n\t\t\t\r\n\t\t\t\t\tOops!!!
Something went wrong\r\n\t\t\t\t
\r\n\t\t
;\r\n};\r\n\r\nexport default PageNotFound;","import * as React from 'react';\r\n\r\nimport Upload from 'antd/lib/upload';\r\nimport PlusOutlined from '@ant-design/icons/PlusOutlined';\r\nimport LoadingOutlined from '@ant-design/icons/LoadingOutlined';\r\n\r\nimport Button from '@common/react/components/Forms/Button';\r\nimport {FileType, FileInterface} from '@common/typescript/objects/FileInterface';\r\n\r\nimport {request} from '@app/components/Api';\r\n\r\ninterface FileState {\r\n\tisLoading: boolean;\r\n\terror: string | null;\r\n}\r\n\r\ninterface BaseFileProps {\r\n\ttype: string;\r\n\tobjectId: number;\r\n\tonError?: (error: string) => void;\r\n\tfileType?: FileType;\r\n\tinfoMessage?: string;\r\n\tasButton?: boolean;\r\n\taccept?: string;\r\n\tbuttonCaption?: string | JSX.Element;\r\n\tbuttonClassName?: string;\r\n\tdisabled?: boolean;\r\n\tmultiple?: boolean;\r\n\tnoRelation?: boolean; // Whether to create relation for uploaded file or not\r\n\tadditionalData?: object;\r\n\ttransformData?: (data: FormData) => FormData; // Transform data before sending to server\r\n\trequest?: string;\r\n}\r\n\r\ninterface FileProps extends BaseFileProps {\r\n\tupdate: (data: FileInterface) => void;\r\n\tshowError?: boolean;\r\n}\r\n\r\ninterface CustomRequestParams {\r\n\taction: any;\r\n\tdata: any;\r\n\tfile: any;\r\n\tfilename: any;\r\n\theaders: any;\r\n\tonError: any;\r\n\tonProgress: any;\r\n\tonSuccess: any;\r\n\twithCredentials: any;\r\n}\r\n\r\ninterface UploadFileParams {\r\n\tfile: any;\r\n\ttype: string;\r\n\tobjectId: number | null;\r\n\tfileType: FileType;\r\n\tadditionalData?: object;\r\n\theaders?: any;\r\n\trequest?: string;\r\n}\r\n\r\nexport const uploadFile = (params: UploadFileParams, transformData?: (data: FormData) => FormData): Promise404 Not Found
\r\n\t{this.state.error}
}\r\n\t\t\t{buttonCaption}
\r\n\t\t\t\t\t{this.state.error || infoMessage}
\r\n\t\t\t\t\r\n\t\t\t{arr.filter(item => !item.deleted)\r\n\t\t\t\t.map(item => props.renderItem(item, () => {\r\n\r\n\t\t\t\t\tconst itemIndex = arr.indexOf(item);\r\n\r\n\t\t\t\t\tconst newArray = arr.slice();\r\n\r\n\t\t\t\t\tif (item.id === -1) {\r\n\t\t\t\t\t\tnewArray.splice(itemIndex, 1);\r\n\t\t\t\t\t} else {\r\n\t\t\t\t\t\tnewArray.splice(itemIndex, 1, {\r\n\t\t\t\t\t\t\t...item,\r\n\t\t\t\t\t\t\tdeleted: true\r\n\t\t\t\t\t\t});\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\tprops.formikBag.setFieldValue(field.name, newArray);\r\n\t\t\t\t}))\r\n\t\t\t}\r\n\t\t
\r\n\t\t{props.renderInput((newItem) => {\r\n\t\t\tlet arr = props.field.value;\r\n\r\n\t\t\tif (!Array.isArray(arr)) {\r\n\t\t\t\tarr = props.field.value.list;\r\n\t\t\t}\r\n\r\n\t\t\tconst foundItem = arr.filter(nextItem => props.equalityChecker(nextItem, newItem))[0];\r\n\r\n\t\t\tif (!foundItem) {\r\n\t\t\t\tprops.formikBag.setFieldValue(props.field.name, [...arr, newItem]);\r\n\t\t\t} else if (foundItem.deleted) {\r\n\t\t\t\tconst itemIndex = arr.indexOf(foundItem);\r\n\t\t\t\tconst newArray = arr.slice();\r\n\r\n\t\t\t\tnewArray.splice(itemIndex, 1);\r\n\r\n\t\t\t\tnewArray.push({\r\n\t\t\t\t\t...foundItem,\r\n\t\t\t\t\tdeleted: false\r\n\t\t\t\t});\r\n\r\n\t\t\t\tprops.formikBag.setFieldValue(props.field.name, newArray);\r\n\t\t\t}\r\n\t\t})}\r\n\t\r\n\t\t\t\t\r\n\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t{chat.contacts.map((user: BaseUserWithAvatar) => \r\n\t\t\t\t\t\t{renderItem(user)}\r\n\t\t\t\t\t
)}\r\n\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\ttype={type}\r\n\t\t\t\t\t\trenderOption={(autocompleteItem) => {\r\n\t\t\t\t\t\t\treturn {\r\n\t\t\t\t\t\t\t\tkey: `${autocompleteItem.id}`,\r\n\t\t\t\t\t\t\t\tvalue: getUserName(autocompleteItem),\r\n\t\t\t\t\t\t\t\ttitle: getUserName(autocompleteItem),\r\n\t\t\t\t\t\t\t\titem: autocompleteItem,\r\n\t\t\t\t\t\t\t\tlabel: renderAutocompleteItem(autocompleteItem)\r\n\t\t\t\t\t\t\t};\r\n\t\t\t\t\t\t}}\r\n\t\t\t\t\t\tonSelect={onSelect}\r\n\t\t\t\t\t\tvalue=\"\"\r\n\t\t\t\t\t\tisClear={true}\r\n\t\t\t\t\t\tparams={autocompleteParams}\r\n\t\t\t\t\t\tloadOnFocus\r\n\t\t\t\t\t\tantdProps={{\r\n\t\t\t\t\t\t\tplaceholder: 'Start typing for search...',\r\n\t\t\t\t\t\t\tfilterOption: (inputValue, option: any) => {\r\n\t\t\t\t\t\t\t\tconst id = +(option.key as string);\r\n\t\t\t\t\t\t\t\treturn !chat.contacts.some((item: BaseUserWithAvatar) => id === item.id);\r\n\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t}}\r\n\t\t\t\t\t/>\r\n\t\t\t\t
\r\n\t\t\t\r\n\t\t\r\n\t\r\n\t\t\t\r\n\t\t\t\t{otherComponents.includes(ChatComponents.ImageColorBox)\r\n\t\t\t\t&& ChatMessageListComponentsDictionary[ChatComponents.ImageColorBox]({defaultIdx: imageIndex, setImg, files: images})}\r\n\t\t\t \r\n\t\t\t
;\r\n\t}\r\n\r\n\treturn null;\r\n};\r\n\r\nconst ChatsWrapper: React.FC\r\n\t\t\t\t\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\t!!chatListHeaderSettings.length && \r\n\t\t\t\t\r\n\t\t\t\t\t{items.length > 0\r\n\t\t\t\t\t\t? \r\n\t\t\t
\r\n\t\t\t\r\n\t\t\t\t\t\t\t{chatListHeaderSettings?.map((item, i) => \r\n\t\t\t\t\t\t\t\t{typeof item === 'function' ? \r\n\t\t\t\t\t\t\t\t\titem({\r\n\t\t\t\t\t\t\t\t\t\thandleChange,\r\n\t\t\t\t\t\t\t\t\t\tfilters,\r\n\t\t\t\t\t\t\t\t\t\tuser,\r\n\t\t\t\t\t\t\t\t\t\tselectChat: actions.selectChat,\r\n\t\t\t\t\t\t\t\t\t\tpageSettings\r\n\t\t\t\t\t\t\t\t\t})\r\n\t\t\t\t\t\t\t\t\t: ChatsListHeaderDictionary[item]({\r\n\t\t\t\t\t\t\t\t\t\tuser,\r\n\t\t\t\t\t\t\t\t\t\tfilters,\r\n\t\t\t\t\t\t\t\t\t\tselectChat: actions.selectChat,\r\n\t\t\t\t\t\t\t\t\t\thandleChange,\r\n\t\t\t\t\t\t\t\t\t\tpageSettings\r\n\t\t\t\t\t\t\t\t\t})}\r\n\t\t\t\t\t\t\t )\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t}\r\n\t\t\t\t- \r\n\t\t\t\t\t\t\t{items.map((item, index) =>\r\n\t\t\t\t\t\t\t\t
- \r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t
}\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\tThere are not chats\r\n\t\t\t\t\t\t\t{loading &&
\r\n\t\t\t\t\t}\r\n\t\t\t\t\r\n\t\t\t\t\t\t\t\t
}\r\n\t\t\t\t\t\t\r\n\t\t\t\t{currentChat\r\n\t\t\t\t\t? \r\n\t\t\t\t\t\t{showMessagesHeader && {\r\n\t\t\t\t\t\t\t\tif (editMessage) {\r\n\t\t\t\t\t\t\t\t\tsetEdit(null);\r\n\t\t\t\t\t\t\t\t\tactions.updateMessage({\r\n\t\t\t\t\t\t\t\t\t\t...res,\r\n\t\t\t\t\t\t\t\t\t\tfiles: res.files || []\r\n\t\t\t\t\t\t\t\t\t});\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\tchat={currentChat}\r\n\t\t\t\t\t\t/> : null}\r\n\t\t\t\t\t \r\n\t\t\t\t\t: null\r\n\t\t\t\t}\r\n\t\t\t
\r\n\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t{renderChatName && \r\n\t\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\t\tmessagesHeaderComponents?.map((item, i) => \r\n\t\t\t\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\t\t\t\ttypeof item !== 'function' ?\r\n\t\t\t\t\t\t\t\t\t\t\tChatMessagesHeaderDictionary[item]({leaveChat, currentChat, user, history, patientId, state, completeChat, withRemoteId, actions}) :\r\n\t\t\t\t\t\t\t\t\t\t\titem({leaveChat, currentChat, user, history, patientId, state, completeChat, withRemoteId, actions})\r\n\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t )\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t
}\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t{renderChatName({currentChat, user, withRemoteId, patientId})}\r\n\t\t\t\t\t\t\t\t
}\r\n\t\t\t\t\t\t\t\r\n\t\t\t{title && items.map(item => ({\r\n\t\t\t\t\t...item,\r\n\t\t\t\t\tunviewedMessagesCount: item.unviewedMessagesCount > 0 ? item.unviewedMessagesCount : 0\r\n\t\t\t\t}))}\r\n\t\t\t\tonItemsChange={(items, filters) => actions.setChats({\r\n\t\t\t\t\tlist: items,\r\n\t\t\t\t\toffset: items.length - (filters?.pageSize || 10),\r\n\t\t\t\t\texecution: 0,\r\n\t\t\t\t\tcount: items.length\r\n\t\t\t\t})}\r\n\t\t\t>\r\n\t\t\t\t\r\n\t\t\t\r\n\t\t
\r\n\t);\r\n};\r\n\r\nexport default ChatsWrapper;\r\n","import {Action, Reducer} from 'redux';\r\nimport {addTask} from 'domain-task';\r\n\r\nimport {Chat, ChatMessage, ChatUser} from '@common/react/objects/Chat';\r\nimport {BaseUserWithAvatar} from '@common/react/objects/BaseUser';\r\nimport {List, transformArrayToList} from '@common/typescript/objects/List';\r\nimport {BaseApplicationState, BaseAppThunkAction} from '@common/react/store/index';\r\n\r\nimport {request} from '@common/react/components/Api';\r\n\r\nexport interface ChatsState {\r\n\tchats: List\r\n\t\t\t\t
}\r\n\t\t\t