| 1 |
- {"version":3,"sources":["components/HomePage/LeftBar/SmallMenuBar/index.tsx","components/HomePage/LeftBar/SearchLists/ChatListRecent/RecentItem/index.tsx","components/HomePage/LeftBar/SearchLists/ChatListRecent/ChatItem/index.tsx","components/reusableComponents/AlertInfo/index.tsx","components/HomePage/LeftBar/SearchLists/ChatListRecent/index.tsx","components/HomePage/LeftBar/SearchLists/FilesList/index.tsx","components/HomePage/LeftBar/SearchLists/MediaList/MediaListItem/index.tsx","components/HomePage/LeftBar/SearchLists/MediaList/index.tsx","components/HomePage/LeftBar/SearchLists/TextList/index.tsx","components/HomePage/LeftBar/SearchLists/AudioList/index.tsx","components/HomePage/LeftBar/SearchLists/VideoList/index.tsx","redux/allMessages/operations/index.ts","redux/chats/selector/index.ts","redux/allMessages/selector/index.ts","redux/control/selector/index.ts","redux/chat/operations/index.ts","components/HomePage/LeftBar/SearchLists/index.tsx","components/HomePage/LeftBar/SearchBar/StaticDatePicker/index.tsx","components/HomePage/LeftBar/SearchBar/index.tsx","components/HomePage/LeftBar/ChatsList/ChatItem/DeleteModal/index.tsx","components/HomePage/LeftBar/ChatsList/ChatItem/index.tsx","components/HomePage/LeftBar/ChatsList/index.tsx","components/HomePage/LeftBar/MenuBar/index.tsx","components/HomePage/LeftBar/ContactsList/ContactItem/index.tsx","redux/contacts/selector/index.ts","components/HomePage/LeftBar/ContactsList/index.tsx","redux/contacts/operations/index.ts","components/HomePage/LeftBar/AddContact/ToolBar/index.tsx","components/HomePage/LeftBar/AddContact/index.tsx","components/HomePage/LeftBar/SettingsBar/ToolBar/MenuList/index.tsx","components/HomePage/LeftBar/SettingsBar/ToolBar/index.tsx","components/HomePage/LeftBar/SettingsBar/SettingsPicture/DeleteModal/index.tsx","components/HomePage/LeftBar/SettingsBar/SettingsPicture/index.tsx","components/HomePage/LeftBar/SettingsBar/SettingsMenu/index.tsx","components/HomePage/LeftBar/SettingsBar/index.tsx","components/HomePage/LeftBar/EditBar/ToolBar/index.tsx","components/HomePage/LeftBar/EditBar/EditList/index.tsx","components/HomePage/LeftBar/EditBar/SubmitBtn/index.tsx","components/HomePage/LeftBar/EditBar/index.tsx","components/HomePage/LeftBar/index.tsx","components/HomePage/RightBar/HeaderBar/Credentials/index.tsx","components/HomePage/RightBar/HeaderBar/Buttons/MenuList/index.tsx","components/HomePage/RightBar/HeaderBar/Buttons/DeleteModal/index.tsx","components/HomePage/RightBar/HeaderBar/Buttons/index.tsx","components/HomePage/RightBar/HeaderBar/index.tsx","components/HomePage/RightBar/ChatBar/ArrowBack/index.tsx","components/HomePage/RightBar/ChatBar/FilesMenu/UploadFile/index.tsx","components/HomePage/RightBar/ChatBar/FilesMenu/index.tsx","components/HomePage/RightBar/ChatBar/SendMessage/index.tsx","components/HomePage/RightBar/ChatBar/Messages/MessageLeftText/index.tsx","components/HomePage/RightBar/ChatBar/Messages/MessageLeftImage/index.tsx","components/HomePage/RightBar/ChatBar/Messages/MessageLeftAudio/index.tsx","components/HomePage/RightBar/ChatBar/Messages/MessageLeftVideo/index.tsx","components/HomePage/RightBar/ChatBar/Messages/MessageLeftFile/index.tsx","components/HomePage/RightBar/ChatBar/Messages/MessageRightText/index.tsx","components/HomePage/RightBar/ChatBar/Messages/MessageRightImage/index.tsx","components/HomePage/RightBar/ChatBar/Messages/MessageRightAudio/index.tsx","components/HomePage/RightBar/ChatBar/Messages/MessageRightVideo/index.tsx","components/HomePage/RightBar/ChatBar/Messages/MessageRightFile/index.tsx","components/HomePage/RightBar/ChatBar/Messages/MessageTime/index.tsx","redux/messages/selector/index.ts","redux/messages/operations/index.ts","components/HomePage/RightBar/ChatBar/index.tsx","components/HomePage/RightBar/RightListsAndBars/SearchList/Search/StaticDatePicker/index.tsx","components/HomePage/RightBar/RightListsAndBars/SearchList/Search/index.tsx","components/HomePage/RightBar/RightListsAndBars/SearchList/index.tsx","components/HomePage/RightBar/RightListsAndBars/CredentialsList/ToolBar/index.tsx","components/HomePage/RightBar/RightListsAndBars/CredentialsList/ProfilePicture/index.tsx","components/HomePage/RightBar/RightListsAndBars/CredentialsList/ProfileMenu/index.tsx","components/HomePage/RightBar/RightListsAndBars/CredentialsList/ProfileLists/AudioList/index.tsx","components/HomePage/RightBar/RightListsAndBars/CredentialsList/ProfileLists/MediaList/MediaListItem/index.tsx","components/HomePage/RightBar/RightListsAndBars/CredentialsList/ProfileLists/MediaList/index.tsx","components/HomePage/RightBar/RightListsAndBars/CredentialsList/ProfileLists/FilesList/index.tsx","components/HomePage/RightBar/RightListsAndBars/CredentialsList/ProfileLists/TextList/index.tsx","components/HomePage/RightBar/RightListsAndBars/CredentialsList/ProfileLists/VideoList/index.tsx","components/HomePage/RightBar/RightListsAndBars/CredentialsList/ProfileLists/index.tsx","components/HomePage/RightBar/RightListsAndBars/CredentialsList/index.tsx","components/HomePage/RightBar/RightListsAndBars/EditBar/ToolBar/index.tsx","components/HomePage/RightBar/RightListsAndBars/EditBar/EditList/index.tsx","components/HomePage/RightBar/RightListsAndBars/EditBar/Delete/index.tsx","components/HomePage/RightBar/RightListsAndBars/EditBar/SubmitBtn/index.tsx","components/HomePage/RightBar/RightListsAndBars/EditBar/index.tsx","components/HomePage/RightBar/RightListsAndBars/index.tsx","components/HomePage/RightBar/index.tsx","redux/chats/operations/index.ts","components/HomePage/index.tsx"],"names":["StyledMenu","styled","props","Menu","elevation","anchorOrigin","vertical","horizontal","transformOrigin","theme","borderRadius","marginTop","spacing","minWidth","color","palette","mode","grey","boxShadow","padding","marginBottom","fontSize","text","secondary","marginRight","useStyles","makeStyles","container","position","maxWidth","top","right","zIndex","cursor","SmallMenuBar","handleSelectedMenu","setIsMenuSm","classes","useState","anchorEl","setAnchorEl","open","Boolean","handleClose","className","Avatar","onClick","e","currentTarget","sx","bgcolor","width","height","id","aria-labelledby","onClose","MenuItem","stackItem","display","flexDirection","justifyContent","alignContent","alignItems","background","titleName","paddingTop","RecentItem","handleListItemClick","chat","name","lastName","avatarUrl","companionId","alt","src","prodBaseURL","undefined","firstLetter","Typography","variant","slicedWord","listItemInnerText","flexWrap","listItem_iconAvatar","listItem_iconRight","listItem_icon_time","marginLeft","paddingBottom","ChatItem","lastMessage","lastMessageCreatedAt","createdAt","ListItemButton","ListItemIcon","ListItemText","primary","timeStampEU","AlertInfo","Stack","Alert","severity","AlertTitle","stack","maxHeight","overflowY","webkitBoxShadow","backgroundColor","ChatListRecent","value","date","filteredAndSorted","length","direction","slice","map","List","component","aria-label","folderIcon","listItem","FilesList","messagesMemo","sort","setDisabled","filtered","filter","type","filteredMessages","handleSort","useEffect","message","fullType","ListItem","ListItemAvatar","handleDownload","Divider","overlay","left","boxSizing","wrapper","downloadIcon","content","img","scale","time","MediaListItem","updatedAt","watch","setWatch","url","target","ImageListItem","srcSet","loading","MediaList","ImageList","cols","rowHeight","copyIcon","TextList","style","wordBreak","secondaryTypographyProps","onCopy","copied","AudioList","VideoList","asyncGetAllMessages","dispatch","a","getAllMessages","data","actionGetAllMessagesSuccess","actionGetAllMessagesReject","getStateMemo","createSelector","state","chats","getAllMessagesMemo","allMessages","messages","getIsOpen","control","isOpen","getScroll","scroll","asyncStartChatById","startChat","actionSelectChat","borderBottom","item","icon","lineHeight","fontWeight","underline","SearchLists","setValue","setDate","useDispatch","useSelector","total","isActive","setIsActive","handleIsActive","newValue","idInterval","setInterval","clearInterval","sortByRecent","el","credentials","toLowerCase","includes","timeStampFilter","actionIsOpen","StaticDatePicker","disabled","changeDate","handleOnOpen","DatePicker","inputVariant","orientation","openTo","autoOk","Date","onOpen","onChange","Search","margin","SearchIconWrapper","pointerEvents","StyledInputBase","InputBase","paddingLeft","transition","transitions","create","toolBar","activeSearch","outline","iconBtn","transform","iconArrow","label","inputProps","SearchBar","handleClick","handleOpenIsSearch","handleSearch","isSearch","Toolbar","IconButton","onFocus","placeholder","size","Switch","updateUser","checked","modalDelete","bottom","titleWrapper","DeleteModal","setModal","removeChatForBoth","Button","StyledBadge","Badge","paper","animation","border","opacity","listItemInnerText__icon","listItem_iconTimeChecked","listItem_iconRightBtn","textAlign","listItem_iconRightBtnMute","listItem_iconRightBtnHidden","listItem_typing","listItem_dots","fontFamily","clipPath","to","handleNewMsgs","selected","setSelected","modal","mute","seen","watched","typing","online","muteChat","onContextMenu","preventDefault","handleContextMenu","overlap","list","ChatsList","chatsRef","useRef","sortedChats","setSortedChats","getChatMemo","stopPropagation","actionScroll","find","actionRemoveChat","current","forEach","i","oldDifferent","playNotificationWithoutPermission","notification","number","visibility","listItemLast","listIcon","listIconText","MenuBar","nightMode","Paper","textDecoration","href","ContactItem","contact","_id","removeContact","getState","contacts","getContactsMemo","ContactsList","arr","asyncGetContacts","getContacts","actionGetContactsSuccess","actionGetContactsReject","asyncAddContact","addContact","ToolBar","title","buttonNext","textField","AddContact","setSelectedIndex","setNumber","handleAddContact","isValidNumber","onKeyDown","code","TextField","fullWidth","split","join","trim","required","MenuList","asyncLogout","index","setIndex","removeUserAvatar","nameTile","timeTile","iconDeleteWrapper","iconDelete","SettingsPicture","avatarsArr","selectedItem","SettingsMenu","getNumber","SettingsBar","imgWrapper","imgDropZoneOverlay","addPhoto","avatarArrow","alignSelf","EditList","user","setName","setLastName","openBtn","setOpenBtn","setFile","useDropzone","noDrag","accept","getRootProps","getInputProps","acceptedFiles","handleTextField","format","SubmitBtn","handleSubmit","EditBar","file","Name","LastName","updateCredentials","originalName","originalLastName","formData","FormData","append","updateUserAvatar","LeftBar","setIsSearch","isMenu","setIsMenu","isMenuSm","selectedIndex","modalRoot","handleCloseModal","document","getElementById","addEventListener","removeEventListener","Grid","lg","onMouseEnter","onMouseLeave","createPortal","Credentials","getChat","Buttons","HeaderBar","AppBar","avatarArrowWrapper","listSeenIcon","ArrowBack","isArrow","handleScrollTo","isNew","new","dropZone","UploadFile","children","listText","FilesMenu","setIsOpenMenu","setType","textarea","resize","attachIcon","borderTop","filesMenu","emoji","iconCancel","avatarCamera","avatarRight","ringContainerLeft","ringContainerRight","circle","ringRing","animationIterationCount","SendMessage","isOpenMenu","isOpenEmoji","setIsOpenEmoji","isRecording","setIsRecording","isFilming","setIsFilming","useReactMediaRecorder","audio","status","startRecording","stopRecording","mediaBlobUrl","clearBlobUrl","video","_status","_startRecording","_stopRecording","_mediaBlobUrl","_clearBlobUrl","clearMessage","sentMessage","sentMessageById","XMLHttpRequest","responseType","onload","blob","response","File","sentAudioMessageById","send","sentVideoMessageById","sentImgMessageById","sentFileMessageById","playNotification","handleFocusTextarea","typingChat","handleBlurTextarea","onEmojiClick","_e","emojiObject","prevValue","onBlur","rows","font","borderLeft","borderRight","messageActive","MessageLeftText","primaryTypographyProps","timeStampMessage","removeMessageById","wrapperActive","image","bntDownload","wrapperOverlayImg","overlayDownloadIcon","overlayTime","overlayDelete","MessagesLeftImage","player","MessageLeftAudio","controls","Player","require","playerActive","MessageLeftVideo","playsInline","FileViewer","MessageLeftFile","read","setRead","handleCloseRead","allowFullScreen","fileType","filePath","onError","rel","download","MessageRightText","MessageRightImage","MessageRightAudio","MessageRightVideo","MessageRightFile","MessageTime","getMessages","getMessagesMemo","asyncGetMessagesById","cb","getMessagesById","actionGetMessagesSuccess","actionGetMessagesReject","debounce","messagesScroll","messagesEmpty","messagesBody","ChatBar","userNumber","setIsArrow","setIsNew","divRef","scrollTo","scrollHeight","behavior","handleScroll","useCallback","scrollTop","clientHeight","different","Math","floor","seenChat","debouncedHandleScroll","getChatById","actionGetChatById","ref","onScroll","isTime","MessageLeftImage","searchBarActive","sortChat","SearchList","iconClose","contactsMemo","isContact","setIsContact","ProfilePicture","ProfileMenu","overflow","ProfileLists","filterBy","scrollContainer","CredentialsList","notifications","setMute","Checkbox","Delete","editBar","Mute","updateContact","RightListsAndBars","chatBar","RightBar","handleIsOpen","asyncGetChats","getChats","actionGetChatsSuccess","actionGetChatsReject","minHeight","HomePage","asyncCurrentUser"],"mappings":"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","file":"static/js/HomePage.e4112ee6.chunk.js","sourcesContent":["import { makeStyles } from '@material-ui/core'\r\nimport React, { useState } from 'react';\r\nimport { styled } from '@mui/material/styles';\r\nimport Avatar from '@mui/material/Avatar';\r\nimport Menu from '@mui/material/Menu';\r\nimport MenuItem from '@mui/material/MenuItem';\r\nimport ChatIcon from '@mui/icons-material/Chat';\r\nimport PermContactCalendarIcon from '@mui/icons-material/PermContactCalendar';\r\nimport ModeEditOutlineOutlinedIcon from '@mui/icons-material/ModeEditOutlineOutlined';\r\nimport CloseIcon from '@mui/icons-material/Close';\r\nimport PersonAddAltIcon from '@mui/icons-material/PersonAddAlt';\r\n\r\nconst StyledMenu = styled((props:any) => (\r\n <Menu\r\n elevation={0}\r\n anchorOrigin={{\r\n vertical: 'top',\r\n horizontal: 'right',\r\n }}\r\n transformOrigin={{\r\n vertical: 'bottom',\r\n horizontal: 'right',\r\n }}\r\n {...props}\r\n />\r\n))(({ theme }:any) => ({\r\n '& .MuiPaper-root': {\r\n borderRadius: 10,\r\n marginTop: theme.spacing(-2),\r\n minWidth: 220,\r\n color:\r\n theme.palette.mode === 'light' ? 'rgb(55, 65, 81)' : theme.palette.grey[500],\r\n boxShadow:\r\n 'rgb(255, 255, 255) 0px 0px 0px 0px, rgba(0, 0, 0, 0.05) 0px 0px 0px 1px, rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px',\r\n '& .MuiMenu-list': {\r\n padding: '8px 8px',\r\n },\r\n '& .MuiMenuItem-root': {\r\n marginBottom: theme.spacing(1),\r\n '& .MuiSvgIcon-root': {\r\n fontSize: 21,\r\n color: theme.palette.text.secondary,\r\n marginRight: theme.spacing(4),\r\n }\r\n },\r\n },\r\n}));\r\n\r\nconst useStyles = makeStyles({\r\n container: {\r\n position: 'absolute',\r\n maxWidth: '100%',\r\n top: '92vh',\r\n right: 20,\r\n zIndex: 10,\r\n cursor:'pointer'\r\n },\r\n})\r\n\r\ninterface ISmallMenuBar {\r\n handleSelectedMenu:(i:number) => void,\r\n setIsMenuSm:React.Dispatch<React.SetStateAction<boolean>>,\r\n}\r\nconst SmallMenuBar = ({handleSelectedMenu,setIsMenuSm}:ISmallMenuBar) => {\r\n const classes = useStyles()\r\n const [anchorEl, setAnchorEl] = useState<any>(null);\r\n const open = Boolean(anchorEl);\r\n const handleClick = (e: React.MouseEvent<HTMLDivElement>):void => setAnchorEl(e.currentTarget)\r\n\r\n const handleClose = ():void => {\r\n setIsMenuSm(false)\r\n setAnchorEl(null)\r\n }\r\n\r\n return (\r\n <div className={classes.container}>\r\n <Avatar onClick={handleClick} sx={{\r\n bgcolor: 'rgb(41, 139, 231)',\r\n width: 56, height: 56 }}>\r\n {!anchorEl?<ModeEditOutlineOutlinedIcon />:<CloseIcon/>}\r\n </Avatar>\r\n <StyledMenu\r\n id=\"demo-positioned-menu\"\r\n aria-labelledby=\"demo-positioned-button\"\r\n anchorEl={anchorEl}\r\n open={open}\r\n onClose={handleClose}\r\n >\r\n <MenuItem onClick={() => {\r\n handleClose();\r\n handleSelectedMenu(3)\r\n }}>\r\n <PersonAddAltIcon/>\r\n New Contact\r\n </MenuItem> \r\n <MenuItem onClick={() => {\r\n handleClose();\r\n handleSelectedMenu(1)\r\n }}>\r\n <PermContactCalendarIcon/>\r\n Contacts\r\n </MenuItem> \r\n </StyledMenu> \r\n </div>\r\n );\r\n}\r\nexport default SmallMenuBar","import { makeStyles, Typography } from '@material-ui/core'\r\nimport Avatar from '@mui/material/Avatar';\r\nimport { slicedWord, firstLetter,prodBaseURL } from '../../../../../../helpers';\r\nimport { TChat } from '../../../../../../typescript/redux/chats/types';\r\n\r\nconst useStyles = makeStyles({\r\n stackItem: {\r\n display: 'flex',\r\n flexDirection: 'column',\r\n justifyContent: 'center',\r\n alignContent: 'center',\r\n alignItems: 'center',\r\n padding:5,\r\n borderRadius: 5,\r\n cursor:'pointer',\r\n '&:hover': {\r\n background: '#eeeded'\r\n }\r\n },\r\n titleName: {\r\n color: '#575757',\r\n fontSize: 16,\r\n paddingTop:5\r\n }\r\n})\r\n\r\ninterface IRecentItem {\r\n handleListItemClick: (companionId: string) => void,\r\n chat:TChat,\r\n}\r\n\r\nconst RecentItem = ({handleListItemClick,chat}:IRecentItem) => {\r\n const classes = useStyles()\r\n const { name, lastName,color,avatarUrl,companionId } = chat\r\n \r\n \r\n\r\nreturn (\r\n <div onClick={() => handleListItemClick(companionId)} className={classes.stackItem}>\r\n <Avatar alt={name} src={avatarUrl?`${prodBaseURL}/${avatarUrl}`:undefined}\r\n sx={{ background: color, width: 54, height: 54}}>\r\n {`${firstLetter(name)}${firstLetter(lastName)}`}\r\n </Avatar>\r\n <Typography variant=\"h6\" className={classes.titleName} >{`${firstLetter(name)}${slicedWord(name, 8, 1)}`}</Typography>\r\n </div>\r\n )\r\n}\r\n\r\nexport default RecentItem","import { makeStyles,Typography } from '@material-ui/core'\r\nimport ListItemButton from '@mui/material/ListItemButton';\r\nimport Avatar from '@mui/material/Avatar';\r\nimport ListItemText from '@mui/material/ListItemText';\r\nimport ListItemIcon from '@mui/material/ListItemIcon';\r\n\r\nimport { TChat } from '../../../../../../typescript/redux/chats/types';\r\nimport { firstLetter,slicedWord,timeStampEU,prodBaseURL } from '../../../../../../helpers';\r\n\r\nconst useStyles = makeStyles({\r\n listItemInnerText: {\r\n display: 'flex',\r\n alignContent: 'center',\r\n alignItems: 'center',\r\n flexWrap: 'nowrap',\r\n },\r\n listItem_iconAvatar: {\r\n marginRight:10\r\n },\r\n listItem_iconRight: {\r\n marginRight: 10,\r\n },\r\n listItem_icon_time: {\r\n fontSize: 12,\r\n marginLeft: 5,\r\n paddingBottom:25,\r\n color: '#1b1b1b'\r\n },\r\n})\r\n\r\ninterface IChatItem {\r\n chat: TChat,\r\n handleListItemClick: (companionId: string) => void,\r\n}\r\n\r\nconst ChatItem = ({chat,handleListItemClick}:IChatItem) => {\r\n const classes = useStyles()\r\n const {name,lastName,avatarUrl,color,companionId,lastMessage,lastMessageCreatedAt,createdAt} = chat\r\n\r\n return (\r\n <ListItemButton onClick={() => handleListItemClick(companionId)}>\r\n <ListItemIcon className={classes.listItem_iconAvatar}>\r\n <Avatar alt={name} src={avatarUrl?`${prodBaseURL}/${avatarUrl}`:undefined}\r\n sx={{ background: color, width: 54, height: 54 }}>\r\n {!avatarUrl&&`${firstLetter(name)}${firstLetter(lastName)}`}\r\n </Avatar>\r\n </ListItemIcon> \r\n <ListItemText primary={`${firstLetter(name)}${slicedWord(name, 15, 1)} \r\n ${firstLetter(lastName)}${slicedWord(lastName, 15, 1)}`}\r\n secondary={`${lastMessage ? slicedWord(lastMessage, 35) :\r\n `${firstLetter(name)}${slicedWord(name, 8, 1)} joined Telegram`}`}/>\r\n <ListItemIcon className={classes.listItem_iconRight}>\r\n <Typography className={classes.listItem_icon_time} variant=\"h6\" color=\"initial\">\r\n {timeStampEU(lastMessageCreatedAt?lastMessageCreatedAt:createdAt)}\r\n </Typography>\r\n </ListItemIcon> \r\n </ListItemButton> \r\n );\r\n}\r\nexport default ChatItem","import Alert from '@mui/material/Alert';\r\nimport AlertTitle from '@mui/material/AlertTitle';\r\nimport Stack from '@mui/material/Stack';\r\n\r\n\r\nconst AlertInfo = ({ name }: { name: string }) => {\r\nreturn (\r\n <Stack sx={{ width: '100%' }} spacing={2}>\r\n <Alert severity=\"info\">\r\n <AlertTitle>Warning</AlertTitle>\r\n <strong>{name}</strong>\r\n </Alert>\r\n </Stack>\r\n );\r\n}\r\n\r\nexport default AlertInfo","import { makeStyles } from '@material-ui/core'\r\nimport List from '@mui/material/List';\r\nimport Stack from '@mui/material/Stack';\r\n\r\nimport { TChats } from '../../../../../typescript/redux/chats/types';\r\nimport RecentItem from './RecentItem';\r\nimport ChatItem from './ChatItem';\r\nimport AlertInfo from '../../../../reusableComponents/AlertInfo';\r\n\r\nconst useStyles = makeStyles({\r\n stack: {\r\n display: 'flex',\r\n justifyContent: 'space-around',\r\n paddingTop:20,\r\n },\r\n container: {\r\n width: '100%',\r\n maxHeight: '86vh',\r\n overflowY: 'scroll',\r\n '&::-webkit-scrollbar': {\r\n width: '0.4em'\r\n },\r\n '&::-webkit-scrollbar-track': {\r\n boxShadow: 'inset 0 0 6px rgba(0,0,0,0.00)',\r\n webkitBoxShadow: 'inset 0 0 6px rgba(0,0,0,0.00)',\r\n backgroundColor: '#eceeec',\r\n },\r\n '&::-webkit-scrollbar-thumb': {\r\n backgroundColor: '#ccc8c8',\r\n },\r\n \"&::-webkit-scrollbar-thumb:focus\": {\r\n backgroundColor: \"#959595\",\r\n },\r\n \"&::-webkit-scrollbar-thumb:active\": {\r\n backgroundColor: \"#959595\",\r\n },\r\n }, \r\n})\r\n\r\ninterface IChatListRecent {\r\n value: string,\r\n date:any,\r\n filteredAndSorted: TChats,\r\n handleListItemClick: (companionId: string) => void,\r\n}\r\n\r\nconst ChatListRecent = ({value,date,filteredAndSorted,handleListItemClick}:IChatListRecent) => {\r\n const classes = useStyles()\r\n\r\nreturn (\r\n <>\r\n {!value && !date && filteredAndSorted.length > 0 &&\r\n <Stack direction=\"row\" className={classes.stack}>\r\n {filteredAndSorted.slice(0, 6).map((chat) =>\r\n <RecentItem key={chat.companionId} handleListItemClick={handleListItemClick} chat={chat} />)}\r\n </Stack>}\r\n {(value || date) && filteredAndSorted.length > 0 &&\r\n <List className={classes.container} component=\"nav\" aria-label=\"main mailbox folders\">\r\n {filteredAndSorted.map((chat) =>\r\n <ChatItem key={chat.companionId} handleListItemClick={handleListItemClick} chat={chat} />)}\r\n </List>}\r\n {(value || date) && filteredAndSorted.length === 0 && <AlertInfo name={`Can not find Chat by request: ${value}`} />}\r\n {!value && !date && filteredAndSorted.length === 0 &&<AlertInfo name='You do not have any Chats yet!'/>}\r\n </>) \r\n}\r\n\r\nexport default ChatListRecent","import List from '@mui/material/List';\r\nimport ListItem from '@mui/material/ListItem';\r\nimport ListItemText from '@mui/material/ListItemText';\r\nimport ListItemAvatar from '@mui/material/ListItemAvatar';\r\nimport FolderIcon from '@mui/icons-material/Folder';\r\nimport Divider from '@mui/material/Divider';\r\nimport { makeStyles } from '@material-ui/core'\r\nimport { useEffect } from 'react';\r\n\r\nimport AlertInfo from '../../../../reusableComponents/AlertInfo';\r\nimport { timeStampEU,handleDownload,filteredMessages,handleSort,prodBaseURL } from '../../../../../helpers'\r\nimport { TAllMessages } from '../../../../../typescript/redux/allMessages/types'\r\n\r\nconst useStyles = makeStyles({\r\n container: {\r\n width: '100%',\r\n maxHeight: '86vh',\r\n overflowY: 'scroll',\r\n '&::-webkit-scrollbar': {\r\n width: '0.4em'\r\n },\r\n '&::-webkit-scrollbar-track': {\r\n boxShadow: 'inset 0 0 6px rgba(0,0,0,0.00)',\r\n webkitBoxShadow: 'inset 0 0 6px rgba(0,0,0,0.00)',\r\n backgroundColor: '#eceeec',\r\n },\r\n '&::-webkit-scrollbar-thumb': {\r\n backgroundColor: '#ccc8c8',\r\n },\r\n \"&::-webkit-scrollbar-thumb:focus\": {\r\n backgroundColor: \"#959595\",\r\n },\r\n \"&::-webkit-scrollbar-thumb:active\": {\r\n backgroundColor: \"#959595\",\r\n },\r\n }, \r\n folderIcon: {\r\n color: '#54b0fc',\r\n cursor: 'pointer',\r\n '&:hover': {\r\n color: '#016cc3'\r\n },\r\n },\r\n listItem: {\r\n '&:hover': {\r\n backgroundColor: '#f0f0f0',\r\n }\r\n }, \r\n})\r\n\r\ninterface IFilesList {\r\n messagesMemo: TAllMessages,\r\n value: string,\r\n date: any,\r\n setDisabled: React.Dispatch<boolean>,\r\n sort: boolean\r\n}\r\n\r\nconst FilesList = ({ messagesMemo,value,date,sort,setDisabled }: IFilesList) => {\r\n const classes = useStyles()\r\n const filtered = messagesMemo.filter(({type}) => type !== 'text')\r\n const filteredAndSorted = filteredMessages(handleSort('createdAt', filtered, sort),date,value)\r\n \r\n useEffect(() => {\r\n setDisabled(filtered.length > 0?false:true)\r\n }, [filtered, setDisabled])\r\n \r\n return (\r\n <>\r\n {filteredAndSorted.length > 0 &&\r\n <List className={classes.container}>\r\n {filteredAndSorted.map(({ message, createdAt, fullType }) =>\r\n <div key={createdAt}>\r\n <ListItem alignItems=\"flex-start\" className={classes.listItem}>\r\n <ListItemAvatar>\r\n <FolderIcon onClick={() =>\r\n handleDownload(`${prodBaseURL}/${message}`, fullType)}\r\n className={classes.folderIcon} fontSize='large' />\r\n </ListItemAvatar>\r\n <ListItemText\r\n primary={fullType}\r\n secondary={timeStampEU(createdAt)}\r\n />\r\n </ListItem>\r\n <Divider variant=\"inset\"/>\r\n </div>)}\r\n </List>}\r\n {(value || date)&& filteredAndSorted.length === 0 && <AlertInfo name={`Can not find Files by request: ${value}`} />}\r\n {!value && !date && filteredAndSorted.length === 0 && <AlertInfo name='You do not have Files yet!'/>}\r\n </>\r\n )\r\n}\r\n\r\nexport default FilesList","\r\nimport { makeStyles } from '@material-ui/core'\r\nimport { useState } from 'react';\r\nimport ImageListItem from '@mui/material/ImageListItem';\r\nimport DownloadForOfflineIcon from '@mui/icons-material/DownloadForOffline';\r\nimport { handleDownload,timeStampEU,prodBaseURL } from '../../../../../../helpers'\r\n\r\nconst useStyles = makeStyles({ \r\n overlay: {\r\n position: 'fixed',\r\n top: 0,\r\n left: 0,\r\n width: '100vw',\r\n height: '100vh',\r\n zIndex: 100,\r\n backgroundColor: 'rgba(104, 105, 104, 0.6)',\r\n overflowY: 'hidden',\r\n boxSizing: 'border-box',\r\n display: 'flex',\r\n justifyContent: 'center',\r\n alignContent: 'center',\r\n alignItems: 'center'\r\n },\r\n wrapper: {\r\n width: '30%',\r\n maxHeight: '80%',\r\n position: 'relative',\r\n display: 'flex',\r\n },\r\n downloadIcon: {\r\n position: 'absolute',\r\n content: '',\r\n right: 0,\r\n top: -40,\r\n cursor: 'pointer',\r\n color: '#e9e7e7',\r\n padding: 0,\r\n borderRadius: '50%',\r\n '&:hover': {\r\n backgroundColor: '#ffffff',\r\n color: '#b8b7b7',\r\n }\r\n },\r\n img: {\r\n cursor:'pointer',\r\n '&:hover': {\r\n scale:0.98\r\n }\r\n },\r\n time: {\r\n position: 'absolute',\r\n content: '', \r\n color: '#ffffff',\r\n top: -30,\r\n left: 0,\r\n borderRadius: 10,\r\n padding:'2px 6px 2px 6px',\r\n backgroundColor:'#707070'\r\n }\r\n});\r\nconst MediaListItem = ({ message,fullType,updatedAt }: { message: string,fullType:string,updatedAt:string }) => {\r\n const classes = useStyles();\r\n const [watch, setWatch] = useState<boolean>(false)\r\n const handleOpenWatch = () => !watch && setWatch(true)\r\n const handleCloseWatch = (e:any) => e.target.id === 'overlay'&&watch&&setWatch(false)\r\n \r\n const url = `${prodBaseURL}/${message}`\r\n \r\n return (watch ?\r\n <div onClick={handleCloseWatch} id='overlay' className={classes.overlay}>\r\n <div className={classes.wrapper}>\r\n <span className={classes.time}>{timeStampEU(updatedAt)}</span>\r\n <DownloadForOfflineIcon className={classes.downloadIcon} fontSize='large'\r\n onClick={() => handleDownload(url, fullType)}/>\r\n <img width='100%' height='auto' alt='imageItem' src={url} />\r\n </div>\r\n </div> :\r\n <ImageListItem>\r\n <img onClick={handleOpenWatch} className={classes.img}\r\n src={`${url}?w=164&h=164&fit=crop&auto=format`}\r\n srcSet={`${url}?w=164&h=164&fit=crop&auto=format&dpr=2 2x`}\r\n alt='imageItem' loading=\"lazy\" />\r\n </ImageListItem>\r\n \r\n )\r\n}\r\n\r\nexport default MediaListItem","import ImageList from '@mui/material/ImageList';\r\nimport { makeStyles } from '@material-ui/core'\r\nimport { useEffect } from 'react';\r\n\r\nimport MediaListItem from './MediaListItem';\r\nimport AlertInfo from '../../../../reusableComponents/AlertInfo';\r\nimport { filteredMessages,handleSort } from '../../../../../helpers'\r\nimport { TAllMessages } from '../../../../../typescript/redux/allMessages/types'\r\n\r\nconst useStyles = makeStyles({\r\n container: {\r\n width: '100%',\r\n maxHeight: '86vh',\r\n overflowY: 'scroll',\r\n '&::-webkit-scrollbar': {\r\n width: '0.4em'\r\n },\r\n '&::-webkit-scrollbar-track': {\r\n boxShadow: 'inset 0 0 6px rgba(0,0,0,0.00)',\r\n webkitBoxShadow: 'inset 0 0 6px rgba(0,0,0,0.00)',\r\n backgroundColor: '#eceeec',\r\n },\r\n '&::-webkit-scrollbar-thumb': {\r\n backgroundColor: '#ccc8c8',\r\n },\r\n \"&::-webkit-scrollbar-thumb:focus\": {\r\n backgroundColor: \"#959595\",\r\n },\r\n \"&::-webkit-scrollbar-thumb:active\": {\r\n backgroundColor: \"#959595\",\r\n },\r\n }, \r\n})\r\n\r\ninterface IMediaList {\r\n messagesMemo: TAllMessages,\r\n value: string,\r\n date: any,\r\n setDisabled: React.Dispatch<boolean>,\r\n sort: boolean\r\n}\r\n\r\nconst MediaList = ({ messagesMemo,value,date,sort,setDisabled }: IMediaList) => {\r\n const classes = useStyles()\r\n const filtered = messagesMemo.filter(({type}) => type === 'image')\r\n const filteredAndSorted = filteredMessages(handleSort('createdAt', filtered, sort), date, value)\r\n \r\n useEffect(() => {\r\n setDisabled(filtered.length > 0?false:true)\r\n }, [filtered, setDisabled])\r\n \r\n return (\r\n <>\r\n {filteredAndSorted.length > 0 &&\r\n <ImageList className={classes.container} cols={3} rowHeight={164}>\r\n {filteredAndSorted.map(({message,createdAt,fullType,updatedAt}) => \r\n <MediaListItem key={createdAt} message={message} fullType={fullType} updatedAt={updatedAt}/>)}\r\n </ImageList>}\r\n {(value || date) && filteredAndSorted.length === 0 && <AlertInfo name={`Can not find Media by request: ${value}`} />}\r\n {!value && !date && filteredAndSorted.length === 0 && <AlertInfo name='You do not have Media yet!'/>}\r\n </>\r\n )\r\n}\r\n\r\nexport default MediaList","import List from '@mui/material/List';\r\nimport ListItem from '@mui/material/ListItem';\r\nimport ListItemText from '@mui/material/ListItemText';\r\nimport ListItemAvatar from '@mui/material/ListItemAvatar';\r\nimport Avatar from '@mui/material/Avatar';\r\nimport Divider from '@mui/material/Divider';\r\nimport ContentCopyIcon from '@mui/icons-material/ContentCopy';\r\nimport { CopyToClipboard } from 'react-copy-to-clipboard';\r\nimport { makeStyles } from '@material-ui/core'\r\nimport { useEffect } from 'react';\r\n\r\nimport AlertInfo from '../../../../reusableComponents/AlertInfo';\r\nimport { timeStampEU,firstLetter,copied,filteredMessages,handleSort,prodBaseURL } from '../../../../../helpers'\r\nimport { TAllMessages } from '../../../../../typescript/redux/allMessages/types'\r\n\r\nconst useStyles = makeStyles({\r\n container: {\r\n width: '100%',\r\n maxHeight: '86vh',\r\n overflowY: 'scroll',\r\n '&::-webkit-scrollbar': {\r\n width: '0.4em'\r\n },\r\n '&::-webkit-scrollbar-track': {\r\n boxShadow: 'inset 0 0 6px rgba(0,0,0,0.00)',\r\n webkitBoxShadow: 'inset 0 0 6px rgba(0,0,0,0.00)',\r\n backgroundColor: '#eceeec',\r\n },\r\n '&::-webkit-scrollbar-thumb': {\r\n backgroundColor: '#ccc8c8',\r\n },\r\n \"&::-webkit-scrollbar-thumb:focus\": {\r\n backgroundColor: \"#959595\",\r\n },\r\n \"&::-webkit-scrollbar-thumb:active\": {\r\n backgroundColor: \"#959595\",\r\n },\r\n }, \r\n listItem: {\r\n '&:hover': {\r\n backgroundColor: '#f0f0f0',\r\n }\r\n },\r\n copyIcon: {\r\n color: '#54b0fc',\r\n cursor: 'pointer',\r\n '&:hover': {\r\n color: '#016cc3'\r\n },\r\n }, \r\n})\r\n\r\ninterface ITextList {\r\n messagesMemo: TAllMessages,\r\n value: string,\r\n date: any,\r\n setDisabled: React.Dispatch<boolean>,\r\n sort: boolean\r\n}\r\n\r\nconst TextList = ({ messagesMemo,value,date,sort,setDisabled }: ITextList) => {\r\n const classes = useStyles()\r\n const filtered = messagesMemo.filter(({type}) => type === 'text')\r\n const filteredAndSorted = filteredMessages(handleSort('createdAt', filtered, sort),date,value)\r\n \r\n useEffect(() => {\r\n setDisabled(filtered.length > 0?false:true)\r\n }, [filtered, setDisabled])\r\n \r\n return (\r\n <>\r\n {filteredAndSorted.length > 0 &&\r\n <List className={classes.container}>\r\n {filteredAndSorted.map(({ message, createdAt, lastName, name, color, avatarUrl }) =>\r\n <div key={createdAt}>\r\n <ListItem alignItems=\"flex-start\" className={classes.listItem}>\r\n <ListItemAvatar>\r\n <Avatar alt={name} src={avatarUrl?`${prodBaseURL}/${avatarUrl}`:undefined}\r\n sx={{ background: color, width: 38, height: 38}}>\r\n {`${firstLetter(name)}${firstLetter(lastName)}`}\r\n </Avatar>\r\n </ListItemAvatar>\r\n <ListItemText style={{ wordBreak: 'break-word',marginRight:2 }} primary={message}\r\n secondary={timeStampEU(createdAt)} secondaryTypographyProps={{color: '#020202',paddingTop:0.5}}\r\n />\r\n <CopyToClipboard onCopy={() => copied('Message')} text={message}>\r\n <ContentCopyIcon className={classes.copyIcon} fontSize='large' />\r\n </CopyToClipboard> \r\n </ListItem>\r\n <Divider variant=\"inset\" />\r\n </div>)}\r\n </List>}\r\n {(value || date) && filteredAndSorted.length === 0 && <AlertInfo name={`Can not find Text by request: ${value}`} />}\r\n {!value && !date && filteredAndSorted.length === 0 && <AlertInfo name='You do not have Text yet!'/>} \r\n </>\r\n ) \r\n}\r\n\r\nexport default TextList","import List from '@mui/material/List';\r\nimport ListItem from '@mui/material/ListItem';\r\nimport ListItemText from '@mui/material/ListItemText';\r\nimport ListItemAvatar from '@mui/material/ListItemAvatar';\r\nimport LibraryMusicIcon from '@mui/icons-material/LibraryMusic';\r\nimport Divider from '@mui/material/Divider';\r\nimport { makeStyles } from '@material-ui/core'\r\nimport { useEffect } from 'react';\r\n\r\nimport AlertInfo from '../../../../reusableComponents/AlertInfo';\r\nimport { timeStampEU,handleDownload,filteredMessages,handleSort,prodBaseURL } from '../../../../../helpers'\r\nimport { TAllMessages } from '../../../../../typescript/redux/allMessages/types'\r\n\r\nconst useStyles = makeStyles({\r\n container: {\r\n width: '100%',\r\n maxHeight: '86vh',\r\n overflowY: 'scroll',\r\n '&::-webkit-scrollbar': {\r\n width: '0.4em'\r\n },\r\n '&::-webkit-scrollbar-track': {\r\n boxShadow: 'inset 0 0 6px rgba(0,0,0,0.00)',\r\n webkitBoxShadow: 'inset 0 0 6px rgba(0,0,0,0.00)',\r\n backgroundColor: '#eceeec',\r\n },\r\n '&::-webkit-scrollbar-thumb': {\r\n backgroundColor: '#ccc8c8',\r\n },\r\n \"&::-webkit-scrollbar-thumb:focus\": {\r\n backgroundColor: \"#959595\",\r\n },\r\n \"&::-webkit-scrollbar-thumb:active\": {\r\n backgroundColor: \"#959595\",\r\n },\r\n }, \r\n folderIcon: {\r\n color: '#54b0fc',\r\n cursor: 'pointer',\r\n '&:hover': {\r\n color: '#016cc3'\r\n },\r\n },\r\n listItem: {\r\n '&:hover': {\r\n backgroundColor: '#f0f0f0',\r\n }\r\n }, \r\n})\r\n\r\ninterface IAudioList {\r\n messagesMemo: TAllMessages,\r\n value: string,\r\n date: any,\r\n setDisabled: React.Dispatch<boolean>,\r\n sort: boolean\r\n}\r\n\r\nconst AudioList = ({ messagesMemo,value,date,sort,setDisabled }: IAudioList) => {\r\n const classes = useStyles()\r\n const filtered = messagesMemo.filter(({type}) => type === 'audio')\r\n const filteredAndSorted = filteredMessages(handleSort('createdAt', filtered, sort), date,value)\r\n \r\n useEffect(() => {\r\n setDisabled(filtered.length > 0?false:true)\r\n }, [filtered, setDisabled])\r\n \r\n return(\r\n <>\r\n {filteredAndSorted.length > 0 &&\r\n <List className={classes.container}>\r\n {filteredAndSorted.map(({ message, createdAt, fullType }) =>\r\n <div key={createdAt}>\r\n <ListItem alignItems=\"flex-start\" className={classes.listItem}>\r\n <ListItemAvatar>\r\n <LibraryMusicIcon onClick={() =>\r\n handleDownload(`${prodBaseURL}/${message}`, fullType)}\r\n className={classes.folderIcon} fontSize='large' />\r\n </ListItemAvatar>\r\n <ListItemText\r\n primary={fullType}\r\n secondary={timeStampEU(createdAt)}\r\n />\r\n </ListItem>\r\n <Divider variant=\"inset\"/>\r\n </div>)}\r\n </List>}\r\n {(value || date) && filteredAndSorted.length === 0 && <AlertInfo name={`Can not find Audio by request: ${value}`} />}\r\n {!value && !date && filteredAndSorted.length === 0 && <AlertInfo name='You do not have Audio yet!'/>}\r\n </>)\r\n}\r\nexport default AudioList","import List from '@mui/material/List';\r\nimport ListItem from '@mui/material/ListItem';\r\nimport ListItemText from '@mui/material/ListItemText';\r\nimport ListItemAvatar from '@mui/material/ListItemAvatar';\r\nimport VideoLibraryIcon from '@mui/icons-material/VideoLibrary';\r\nimport Divider from '@mui/material/Divider';\r\nimport { makeStyles } from '@material-ui/core'\r\nimport { useEffect } from 'react';\r\n\r\nimport AlertInfo from '../../../../reusableComponents/AlertInfo';\r\nimport { timeStampEU,handleDownload,filteredMessages,handleSort,prodBaseURL } from '../../../../../helpers'\r\nimport { TAllMessages } from '../../../../../typescript/redux/allMessages/types'\r\n\r\nconst useStyles = makeStyles({\r\n container: {\r\n width: '100%',\r\n maxHeight: '86vh',\r\n overflowY: 'scroll',\r\n '&::-webkit-scrollbar': {\r\n width: '0.4em'\r\n },\r\n '&::-webkit-scrollbar-track': {\r\n boxShadow: 'inset 0 0 6px rgba(0,0,0,0.00)',\r\n webkitBoxShadow: 'inset 0 0 6px rgba(0,0,0,0.00)',\r\n backgroundColor: '#eceeec',\r\n },\r\n '&::-webkit-scrollbar-thumb': {\r\n backgroundColor: '#ccc8c8',\r\n },\r\n \"&::-webkit-scrollbar-thumb:focus\": {\r\n backgroundColor: \"#959595\",\r\n },\r\n \"&::-webkit-scrollbar-thumb:active\": {\r\n backgroundColor: \"#959595\",\r\n },\r\n }, \r\n folderIcon: {\r\n color: '#54b0fc',\r\n cursor: 'pointer',\r\n '&:hover': {\r\n color: '#016cc3'\r\n },\r\n },\r\n listItem: {\r\n '&:hover': {\r\n backgroundColor: '#f0f0f0',\r\n }\r\n }, \r\n})\r\n\r\ninterface IVideoList {\r\n messagesMemo: TAllMessages,\r\n value: string,\r\n date: any,\r\n setDisabled: React.Dispatch<boolean>,\r\n sort: boolean\r\n}\r\n\r\nconst VideoList = ({ messagesMemo,value,date,sort,setDisabled }: IVideoList) => {\r\n const classes = useStyles()\r\n const filtered = messagesMemo.filter(({type}) => type === 'video')\r\n const filteredAndSorted = filteredMessages(handleSort('createdAt', filtered, sort),date,value)\r\n useEffect(() => {\r\n setDisabled(filtered.length > 0?false:true)\r\n }, [filtered, setDisabled])\r\n\r\n return (\r\n <>\r\n {filteredAndSorted.length > 0 &&\r\n <List className={classes.container}>\r\n {filteredAndSorted.map(({ message, createdAt, fullType }) =>\r\n <div key={createdAt}>\r\n <ListItem key={createdAt} alignItems=\"flex-start\" className={classes.listItem}>\r\n <ListItemAvatar>\r\n <VideoLibraryIcon onClick={() =>\r\n handleDownload(`${prodBaseURL}/${message}`, fullType)}\r\n className={classes.folderIcon} fontSize='large' />\r\n </ListItemAvatar>\r\n <ListItemText\r\n primary={fullType}\r\n secondary={timeStampEU(createdAt)}\r\n />\r\n </ListItem>\r\n <Divider variant=\"inset\" />\r\n </div>)}\r\n </List>}\r\n {(value || date)&& filteredAndSorted.length === 0 && <AlertInfo name={`Can not find Video by request: ${value}`} />}\r\n {!value && !date && filteredAndSorted.length === 0 && <AlertInfo name='You do not have Video yet!'/>}\r\n </>\r\n ) \r\n}\r\n\r\nexport default VideoList","import {\r\n actionGetAllMessagesSuccess,\r\n actionGetAllMessagesReject,\r\n} from '../action';\r\nimport { getAllMessages } from '../../../api-data';\r\nimport { IAllMessagesState } from '../../../typescript/redux/allMessages/interfaces'\r\n\r\n\r\nconst asyncGetAllMessages= () => async (dispatch:any) => {\r\n try {\r\n const data = await getAllMessages<IAllMessagesState>()\r\n data && dispatch(actionGetAllMessagesSuccess(data))\r\n } catch (e) {\r\n dispatch(actionGetAllMessagesReject())\r\n } \r\n};\r\n\r\nexport { asyncGetAllMessages };\r\n\r\n\r\n\r\n\r\n","import { createSelector } from 'reselect';\r\nimport { IState } from '../../../typescript/redux/interfaces'\r\n\r\nconst getTotal = (state: IState) => state.chats.total;\r\nconst getLimit = (state:IState) => state.chats.limit;\r\nconst getPage = (state: IState) => state.chats.page;\r\nconst getChats = (state: IState) => state.chats.chats;\r\nconst getState = (state: IState) => state.chats;\r\nconst getStateMemo = createSelector([getState], state => state);\r\n\r\nexport { getTotal,getLimit,getPage,getChats,getState,getStateMemo };\r\n","import { createSelector } from 'reselect';\r\nimport { IState } from '../../../typescript/redux/interfaces'\r\n\r\nconst getAllMessages = (state: IState) => state.allMessages.messages;\r\nconst getState = (state: IState) => state.allMessages;\r\nconst getAllMessagesMemo = createSelector([getAllMessages], messages => messages);\r\n\r\nexport { getAllMessages,getState,getAllMessagesMemo };\r\n\r\n","import { IState } from '../../../typescript/redux/interfaces'\n\nconst getIsOpen = (state: IState) => state.control.isOpen;\nconst getScroll = (state: IState) => state.control.scroll;\nconst getState = (state:IState) => state.control;\n\nexport { getIsOpen,getScroll,getState };\n","import {\r\n actionSelectChat,\r\n actionGetChatById\r\n} from '../action';\r\nimport { startChat,getChatById } from '../../../api-data';\r\n\r\nimport { TChat } from '../../../typescript/redux/chat/types'\r\n\r\nconst asyncStartChatById = (id:string) => async (dispatch:any) => {\r\n try {\r\n const data = await startChat<TChat>(id)\r\n data&&dispatch(actionSelectChat(data))\r\n } catch(e) {}\r\n};\r\n\r\nconst asyncGetChatById = (id:string) => async (dispatch:any) => {\r\n try {\r\n const data = await getChatById<TChat>(id)\r\n data&&dispatch(actionGetChatById(data))\r\n } catch(e) {}\r\n};\r\n\r\n\r\n\r\nexport { asyncStartChatById,asyncGetChatById };\r\n\r\n\r\n\r\n\r\n","import { useState, useEffect } from 'react';\r\nimport { useDispatch,useSelector } from 'react-redux';\r\nimport { makeStyles } from '@material-ui/core'\r\n\r\nimport ChatListRecent from './ChatListRecent'\r\nimport FilesList from './FilesList';\r\nimport MediaList from './MediaList';\r\nimport TextList from './TextList';\r\nimport AudioList from './AudioList'\r\nimport VideoList from './VideoList';\r\nimport { asyncGetAllMessages } from '../../../../redux/allMessages/operations';\r\nimport { getStateMemo } from '../../../../redux/chats/selector';\r\nimport { getAllMessagesMemo } from '../../../../redux/allMessages/selector';\r\nimport { getIsOpen } from '../../../../redux/control/selector';\r\nimport { sortByRecent,timeStampFilter } from '../../../../helpers';\r\nimport { asyncStartChatById } from '../../../../redux/chat/operations';\r\nimport { actionIsOpen } from '../../../../redux/control/action';\r\nimport { TChats } from '../../../../typescript/redux/chats/types';\r\n\r\n\r\nconst useStyles = makeStyles({\r\ncontainer: {\r\n height:'7vh',\r\n borderBottom: 'solid 2px #dddddd',\r\n display: 'flex',\r\n justifyContent: 'space-around',\r\n alignContent: \"center\",\r\n alignItems:\"center\",\r\n flexWrap: 'nowrap',\r\n color:'rgba(0, 0, 0, 0.6)'\r\n},\r\nitem: {\r\n height:'100%',\r\n display: 'flex',\r\n flexDirection: 'column',\r\n justifyContent: 'center',\r\n alignContent: \"center\",\r\n alignItems: \"center\",\r\n cursor:'pointer',\r\n},\r\nicon: {\r\n fontSize: '1rem',\r\n lineHeight: 0,\r\n marginBottom: 0,\r\n fontWeight:600\r\n },\r\nunderline: {\r\n fontSize: '2.2rem',\r\n lineHeight: 0,\r\n },\r\n})\r\n\r\ninterface ISearchLists {\r\n value: string,\r\n setValue: React.Dispatch<string>\r\n sort: boolean,\r\n date: any,\r\n setDate: React.Dispatch<any>,\r\n setDisabled: React.Dispatch<boolean>,\r\n}\r\n\r\nconst SearchLists = ({ value,setValue,sort,date,setDate,setDisabled }: ISearchLists) => {\r\n const classes = useStyles()\r\n const dispatch = useDispatch()\r\n const { chats,total } = useSelector(getStateMemo)\r\n const messagesMemo = useSelector(getAllMessagesMemo)\r\n const isOpen = useSelector(getIsOpen)\r\n const [isActive, setIsActive] = useState<number>(0)\r\n const handleIsActive = (newValue: number): void => {\r\n setIsActive(newValue)\r\n value && setValue('')\r\n date&&setDate('')\r\n } \r\n\r\n const handleListItemClick = (companionId: string) => {\r\n isOpen&&dispatch(actionIsOpen(''))\r\n dispatch(asyncStartChatById(companionId))\r\n }\r\n const filteredChats = (arr: TChats) => arr.filter((el) => {\r\n const credentials = el.name + ' ' + el.lastName\r\n if (!date) {\r\n return credentials.toLowerCase().includes(value.toLowerCase())\r\n } else if (credentials.toLowerCase().includes(value.toLowerCase())\r\n &&timeStampFilter(date) === timeStampFilter(el.lastMessageCreatedAt ?\r\n el.lastMessageCreatedAt : el.createdAt)) {\r\n return el\r\n }\r\n })\r\n \r\n useEffect(() => {\r\n setDate('')\r\n }, [setDate])\r\n \r\n useEffect(() => {\r\n if (isActive === 0) setDisabled(total === '0'?true:false)\r\n }, [isActive,total,setDisabled])\r\n \r\n useEffect(() => {\r\n dispatch(asyncGetAllMessages())\r\n const handleReset = () => dispatch(asyncGetAllMessages())\r\n const idInterval = setInterval(handleReset, 3000);\r\n return () => clearInterval(idInterval);\r\n }, [dispatch]);\r\n \r\n \r\n const filteredAndSorted = filteredChats(sortByRecent(chats,sort))\r\n return (\r\n <>\r\n <div className={classes.container}>\r\n <div className={classes.item} style={{color:isActive === 0?'#1976d2':\"rgba(0, 0, 0, 0.6)\"}}\r\n onClick={() => handleIsActive(0)}>\r\n <span className={classes.icon}>Chats</span>\r\n <span className={classes.underline}>___</span>\r\n </div>\r\n <div className={classes.item} style={{color:isActive === 1?'#1976d2':\"rgba(0, 0, 0, 0.6)\"}}\r\n onClick={() => handleIsActive(1)}>\r\n <span className={classes.icon}>Files</span>\r\n <span className={classes.underline}>___</span>\r\n </div>\r\n <div className={classes.item} style={{color:isActive === 2?'#1976d2':\"rgba(0, 0, 0, 0.6)\"}}\r\n onClick={() => handleIsActive(2)}>\r\n <span className={classes.icon}>Media</span>\r\n <span className={classes.underline}>___</span>\r\n </div>\r\n <div className={classes.item} style={{color:isActive === 3?'#1976d2':\"rgba(0, 0, 0, 0.6)\"}}\r\n onClick={() => handleIsActive(3)}>\r\n <span className={classes.icon}>Text</span>\r\n <span className={classes.underline}>___</span>\r\n </div>\r\n <div className={classes.item} style={{color:isActive === 4?'#1976d2':\"rgba(0, 0, 0, 0.6)\"}}\r\n onClick={() => handleIsActive(4)}>\r\n <span className={classes.icon}>Audio</span>\r\n <span className={classes.underline}>___</span>\r\n </div>\r\n <div className={classes.item} style={{color:isActive === 5?'#1976d2':\"rgba(0, 0, 0, 0.6)\"}}\r\n onClick={() => handleIsActive(5)}>\r\n <span className={classes.icon}>Video</span>\r\n <span className={classes.underline}>___</span>\r\n </div> \r\n </div>\r\n {isActive === 0 && <ChatListRecent value={value} date={date}\r\n filteredAndSorted={filteredAndSorted} handleListItemClick={handleListItemClick} />}\r\n {isActive === 1 && <FilesList messagesMemo={messagesMemo} value={value} date={date} sort={sort} setDisabled={setDisabled}/>}\r\n {isActive === 2 && <MediaList messagesMemo={messagesMemo} value={value} date={date} sort={sort} setDisabled={setDisabled}/>}\r\n {isActive === 3 && <TextList messagesMemo={messagesMemo} value={value} date={date} sort={sort} setDisabled={setDisabled}/>}\r\n {isActive === 4 && <AudioList messagesMemo={messagesMemo} value={value} date={date} sort={sort} setDisabled={setDisabled}/>}\r\n {isActive === 5 && <VideoList messagesMemo={messagesMemo} value={value} date={date} sort={sort} setDisabled={setDisabled}/>}\r\n </> \r\n )\r\n}\r\n\r\nexport default SearchLists","import { DatePicker } from \"@material-ui/pickers\";\r\nimport { makeStyles } from '@material-ui/core'\r\n\r\nconst useStyles = makeStyles({\r\n container: {\r\n position: 'absolute',\r\n },\r\n})\r\n\r\ninterface IStaticDatePicker {\r\n date: Date,\r\n disabled: boolean,\r\n changeDate: React.Dispatch<React.SetStateAction<any>>,\r\n handleOnOpen: () => void,\r\n}\r\n\r\nconst StaticDatePicker = ({ date,disabled, changeDate,handleOnOpen }: IStaticDatePicker) => {\r\n const classes = useStyles()\r\nreturn (\r\n <DatePicker\r\n className={classes.container}\r\n inputVariant='outlined'\r\n orientation=\"portrait\"\r\n variant=\"dialog\"\r\n openTo=\"date\"\r\n autoOk\r\n disabled={disabled}\r\n value={date?date:new Date()}\r\n onOpen={handleOnOpen}\r\n onChange={changeDate}\r\n />\r\n );\r\n};\r\n\r\nexport default StaticDatePicker;","import Toolbar from '@mui/material/Toolbar'\r\nimport IconButton from '@mui/material/IconButton'\r\nimport MenuIcon from '@mui/icons-material/Menu';\r\nimport SearchIcon from '@mui/icons-material/Search';\r\nimport InputBase from '@mui/material/InputBase';\r\nimport ArrowBackIcon from '@mui/icons-material/ArrowBack';\r\nimport Switch from '@mui/material/Switch';\r\nimport CalendarTodayIcon from '@mui/icons-material/CalendarToday';\r\nimport { styled } from '@mui/material/styles';\r\nimport { makeStyles } from '@material-ui/core'\r\nimport { updateUser } from '../../../../api-data';\r\nimport StaticDatePicker from \"./StaticDatePicker\";\r\n\r\n\r\nconst Search = styled('div')(({ theme }:any) => ({\r\n position: 'relative',\r\n borderRadius: '20px',\r\n backgroundColor: '#f1f0f0',\r\n width: '100%',\r\n margin:'0 5% 0 5%'\r\n}));\r\n\r\nconst SearchIconWrapper = styled('div')(({ theme }) => ({\r\n padding: theme.spacing(0, 2),\r\n height: '100%',\r\n position: 'absolute',\r\n pointerEvents: 'none',\r\n display: 'flex',\r\n alignItems: 'center',\r\n justifyContent: 'center',\r\n}));\r\n\r\nconst StyledInputBase = styled(InputBase)(({ theme }) => ({\r\n color: 'inherit',\r\n '& .MuiInputBase-input': { \r\n fontWeight: 500,\r\n borderRadius: '20px',\r\n padding: theme.spacing(1, 1, 1, 0),\r\n paddingLeft: `calc(1em + ${theme.spacing(4)})`,\r\n transition: theme.transitions.create('width'),\r\n width: '100%',\r\n },\r\n}));\r\n\r\nconst useStyles = makeStyles({\r\n toolBar: {\r\n color: '#b1aeae',\r\n height: '7vh',\r\n },\r\n activeSearch: {\r\n outline: '2px solid #2184f7',\r\n color: '#2184f7'\r\n },\r\n iconBtn: {\r\n '&:hover': {\r\n transform: 'rotate(180deg)',\r\n transition: 'all 250ms ease-out ',\r\n }\r\n },\r\n iconArrow: {\r\n '&:hover': {\r\n transform: 'rotate(360deg)',\r\n transition: 'all 250ms ease-out ',\r\n }\r\n },\r\n})\r\n\r\nconst label = { inputProps: { 'aria-label': 'Switch demo' } };\r\n\r\ninterface ISearchBar {\r\n handleClick:() => void,\r\n handleOpenIsSearch:() => void,\r\n handleSearch:(e: React.ChangeEvent<HTMLInputElement>) => void,\r\n isSearch: boolean,\r\n value: string,\r\n sort: boolean,\r\n setDate: React.Dispatch<any>,\r\n date:any,\r\n disabled: boolean\r\n}\r\n\r\nconst SearchBar = ({ handleClick, handleOpenIsSearch, handleSearch, isSearch,\r\n value, sort,setDate,date,disabled }: ISearchBar) => {\r\n const handleSort = () => updateUser({ sort: !sort })\r\n const handleOnOpen = () => setDate('') \r\n \r\n const classes = useStyles()\r\n return (\r\n <Toolbar className={classes.toolBar}>\r\n <IconButton onClick={handleClick}>\r\n {isSearch ? <ArrowBackIcon className={classes.iconArrow} /> : <MenuIcon className={classes.iconBtn} />}\r\n </IconButton>\r\n <div onFocus={handleOpenIsSearch} style={{display:'flex',width:'100%'}}>\r\n <Search className={value?classes.activeSearch:undefined}>\r\n <SearchIconWrapper>\r\n <SearchIcon />\r\n </SearchIconWrapper>\r\n <StyledInputBase\r\n value={value}\r\n onChange={handleSearch}\r\n placeholder={disabled?'Disabled':'Search'}\r\n inputProps={{ 'aria-label': 'search' }}\r\n disabled={disabled}/>\r\n </Search>\r\n <IconButton aria-label=\"delete\" size=\"medium\" disabled={disabled}>\r\n <StaticDatePicker date={date} disabled={disabled} \r\n changeDate={setDate} handleOnOpen={handleOnOpen} /> \r\n <CalendarTodayIcon fontSize='medium'\r\n style={{color:date?'#2184f7':'#b1aeae'}}/>\r\n </IconButton>\r\n </div>\r\n <Switch onClick={handleSort} checked={sort} {...label} disabled={disabled} />\r\n </Toolbar>\r\n )\r\n}\r\n\r\nexport default SearchBar","import Button from '@mui/material/Button';\r\nimport Avatar from '@mui/material/Avatar';\r\nimport { makeStyles } from '@material-ui/core'\r\n\r\nimport { removeChatForBoth } from '../../../../../../api-data';\r\nimport { firstLetter, slicedWord,prodBaseURL } from '../../../../../../helpers';\r\nimport { TChat } from '../../../../../../typescript/redux/chats/types';\r\n\r\nconst useStyles = makeStyles({\r\n modalDelete: {\r\n background: '#ffffff',\r\n position: 'absolute',\r\n content:'',\r\n width: '20%',\r\n height:'auto',\r\n left: '40%',\r\n bottom: '48.5%',\r\n borderRadius: 10,\r\n padding: 10,\r\n display: 'flex',\r\n flexDirection:'column'\r\n }, \r\n overlay: {\r\n position: 'fixed',\r\n top: 0,\r\n left: 0,\r\n width: '100vw',\r\n height: '100vh',\r\n zIndex: 100,\r\n backgroundColor: 'rgba(104, 105, 104, 0.6)',\r\n overflowY: 'hidden',\r\n },\r\n titleWrapper: {\r\n display: 'flex',\r\n justifyContent: 'flex-start',\r\n alignContent: 'center',\r\n alignItems:'center'\r\n },\r\n})\r\n\r\ninterface IDeleteModal {\r\n setModal: (a: boolean) => void,\r\n chat:TChat\r\n}\r\nconst DeleteModal = ({setModal,chat}:IDeleteModal) => {\r\n const classes = useStyles()\r\n const {name,lastName,avatarUrl,color,companionId} = chat\r\n\r\n const handleDeleteModal = (e: any) => {\r\n const id = e.target.id\r\n if (id === 'overlay' || id === 'cancel') return setModal(false)\r\n if (id === 'delete') {\r\n removeChatForBoth(companionId)\r\n setModal(false)\r\n }\r\n }\r\n \r\n return (\r\n <div onClick={handleDeleteModal} className={classes.overlay} id='overlay'>\r\n <div className={classes.modalDelete}>\r\n <div className={classes.titleWrapper}>\r\n <Avatar alt={name} src={avatarUrl?`${prodBaseURL}/${avatarUrl}`:undefined}\r\n sx={{ background: color, width: 38, height: 38,marginRight:2}}>\r\n {`${firstLetter(name)}${firstLetter(lastName)}`}\r\n </Avatar>\r\n <h3 style={{color: '#2c2c2c'}}>Delete chat</h3>\r\n </div>\r\n <p style={{color: '#050505'}}>{`Are you sure you want to delete the\r\n chat with ${`${firstLetter(name)}${slicedWord(name, 15, 1)} \r\n ${firstLetter(lastName)}${slicedWord(lastName, 15, 1)}`}?`}</p>\r\n <Button id='delete' variant=\"text\" color=\"error\" style={{fontWeight:500,fontSize:22}}>\r\n DELETE CHAT\r\n </Button> \r\n <Button id='cancel' variant=\"text\" style={{fontWeight:500,fontSize:22}}>\r\n CANCEL\r\n </Button>\r\n </div>\r\n </div> \r\n )\r\n}\r\n\r\nexport default DeleteModal","import { makeStyles,Typography } from '@material-ui/core'\r\nimport { useState } from 'react';\r\nimport { styled } from '@mui/material/styles';\r\nimport Menu from '@mui/material/Menu';\r\nimport MenuItem from '@mui/material/MenuItem';\r\nimport NotificationsNoneIcon from '@mui/icons-material/NotificationsNone';\r\nimport VolumeOffIcon from '@mui/icons-material/VolumeOff';\r\nimport DeleteOutlineIcon from '@mui/icons-material/DeleteOutline';\r\nimport ListItemButton from '@mui/material/ListItemButton';\r\nimport Avatar from '@mui/material/Avatar';\r\nimport ListItemText from '@mui/material/ListItemText';\r\nimport ListItemIcon from '@mui/material/ListItemIcon';\r\nimport Badge from '@mui/material/Badge';\r\nimport DoneAllIcon from '@mui/icons-material/DoneAll';\r\n\r\nimport { muteChat } from '../../../../../api-data';\r\nimport { TChat } from '../../../../../typescript/redux/chats/types';\r\nimport { firstLetter, slicedWord, timeStampEU,prodBaseURL } from '../../../../../helpers';\r\nimport DeleteModal from './DeleteModal';\r\n\r\nconst StyledMenu = styled((props:any) => (\r\n <Menu\r\n elevation={0}\r\n anchorOrigin={{\r\n vertical: 'top',\r\n horizontal: 'right',\r\n }}\r\n transformOrigin={{\r\n vertical: 'bottom',\r\n horizontal: 'right',\r\n }}\r\n {...props}\r\n />\r\n))(({ theme }:any) => ({\r\n '& .MuiPaper-root': {\r\n borderRadius: 10,\r\n marginTop: theme.spacing(0),\r\n minWidth: 220,\r\n color:\r\n theme.palette.mode === 'light' ? 'rgb(55, 65, 81)' : theme.palette.grey[500],\r\n boxShadow:\r\n 'rgb(255, 255, 255) 0px 0px 0px 0px, rgba(0, 0, 0, 0.05) 0px 0px 0px 1px, rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px',\r\n '& .MuiMenu-list': {\r\n padding: '8px 8px',\r\n },\r\n '& .MuiMenuItem-root': {\r\n marginBottom: theme.spacing(1),\r\n '& .MuiSvgIcon-root': {\r\n fontSize: 21,\r\n color: theme.palette.text.secondary,\r\n marginRight: theme.spacing(4),\r\n }\r\n },\r\n },\r\n}));\r\n\r\nconst StyledBadge = styled(Badge)(({ theme }) => ({\r\n '& .MuiBadge-badge': {\r\n backgroundColor: '#44b700',\r\n color: '#44b700',\r\n boxShadow: `0 0 0 2px ${theme.palette.background.paper}`,\r\n '&::after': {\r\n position: 'absolute',\r\n top: 0,\r\n left: 0,\r\n width: '100%',\r\n height: '100%',\r\n borderRadius: '50%',\r\n animation: 'ripple 1.2s infinite ease-in-out',\r\n border: '1px solid currentColor',\r\n content: '\"\"',\r\n },\r\n },\r\n '@keyframes ripple': {\r\n '0%': {\r\n transform: 'scale(.8)',\r\n opacity: 1,\r\n },\r\n '100%': {\r\n transform: 'scale(2.4)',\r\n opacity: 0,\r\n },\r\n },\r\n}));\r\n\r\nconst useStyles = makeStyles({\r\n listItemInnerText: {\r\n display: 'flex',\r\n alignContent: 'center',\r\n alignItems: 'center',\r\n flexWrap: 'nowrap',\r\n },\r\n listItemInnerText__icon: {\r\n marginLeft: 5,\r\n color: '#959595',\r\n },\r\n listItem_iconAvatar: {\r\n marginRight:10\r\n },\r\n listItem_iconRight: {\r\n marginRight: 10,\r\n display: 'flex',\r\n alignItems: 'center',\r\n justifyContent: 'center',\r\n alignContent: 'center',\r\n flexDirection: 'column'\r\n },\r\n listItem_iconTimeChecked: {\r\n display: 'flex',\r\n flexWrap: 'nowrap',\r\n alignItems: 'center',\r\n justifyContent: 'center',\r\n alignContent: 'center',\r\n marginBottom:2\r\n },\r\n listItem_iconRightBtn: {\r\n background: '#0ac40a',\r\n borderRadius: '50%',\r\n color: '#ffffff',\r\n border: 'none',\r\n height: 24,\r\n width: 24,\r\n textAlign: 'center',\r\n display: 'flex',\r\n alignItems: 'center',\r\n justifyContent: 'center',\r\n alignContent: 'center',\r\n fontSize: 12,\r\n marginLeft: 'auto',\r\n '&:hover': {\r\n outline: 'solid 3px #3ee415',\r\n }\r\n },\r\n listItem_iconRightBtnMute: {\r\n background: '#a7aaa7',\r\n borderRadius: '50%',\r\n color: '#ffffff',\r\n border: 'none',\r\n height: 24,\r\n width: 24,\r\n textAlign: 'center',\r\n display: 'flex',\r\n alignItems: 'center',\r\n justifyContent: 'center',\r\n alignContent: 'center',\r\n fontSize: 12,\r\n marginLeft: 'auto',\r\n '&:hover': {\r\n outline: 'solid 3px #cccbcb',\r\n }\r\n },\r\n listItem_iconRightBtnHidden: {\r\n background: 'inherit',\r\n borderRadius: '50%',\r\n border: 'none',\r\n height: 24,\r\n width: 24,\r\n textAlign: 'center',\r\n display: 'flex',\r\n alignItems: 'center',\r\n justifyContent: 'center',\r\n alignContent: 'center',\r\n fontSize: 12,\r\n marginLeft: 'auto', \r\n },\r\n listItem_icon_time: {\r\n fontSize: 12,\r\n marginLeft: 5,\r\n color: '#1b1b1b'\r\n },\r\n listItem_typing: {\r\n color: '#4d4d4d',\r\n animation: 'ripple 4s infinite ease-in-out', \r\n }, \r\n listItem_dots: {\r\n color: '#1b1b1b',\r\n fontWeight: 'bold',\r\n display:'inline-block',\r\n fontFamily: 'monospace',\r\n clipPath: 'inset(0 3ch 0 0)',\r\n animation: `$run 2s steps(5) infinite`, \r\n },\r\n '@keyframes run': {\r\n to: {\r\n clipPath: 'inset(0 -1ch 0 0)'\r\n },\r\n },\r\n})\r\n\r\ninterface IChatItem {\r\n chat: TChat,\r\n handleListItemClick: (companionId: string) => void,\r\n handleNewMsgs: (e: any,companionId: string) => void,\r\n}\r\nconst ChatItem = ({chat,handleListItemClick,handleNewMsgs}:IChatItem) => {\r\n const classes = useStyles()\r\n const [anchorEl, setAnchorEl] = useState<any>(null);\r\n const [selected, setSelected] = useState<boolean>(false);\r\n const [modal, setModal] = useState<boolean>(false);\r\n const open = Boolean(anchorEl);\r\n const { name, lastName, avatarUrl, color, companionId, mute, seen, total, watched,\r\n typing, online, lastMessage, lastMessageCreatedAt, createdAt } = chat\r\n\r\n const handleClose = (type: string | undefined): void => {\r\n if (type === 'mute') muteChat(companionId)\r\n if (type === 'delete') setModal(true)\r\n setAnchorEl(null)\r\n setSelected(false)\r\n }\r\n const handleContextMenu = (e: React.MouseEvent<HTMLDivElement>):void => {\r\n e.preventDefault()\r\n setAnchorEl(e.currentTarget)\r\n setSelected(true)\r\n } \r\n\r\n return (\r\n <div>\r\n {modal&&<DeleteModal setModal={setModal} chat={chat}/>}\r\n <ListItemButton\r\n selected={selected}\r\n onClick={() => handleListItemClick(companionId)}\r\n onContextMenu={(e) => handleContextMenu(e)}\r\n >\r\n <ListItemIcon className={classes.listItem_iconAvatar}>\r\n <StyledBadge overlap=\"circular\" variant={online === 'true'?'dot':'standard'}\r\n anchorOrigin={{ vertical: 'bottom', horizontal: 'right' }}>\r\n <Avatar alt={name} src={avatarUrl?`${prodBaseURL}/${avatarUrl}`:undefined}\r\n sx={{ background: color, width: 54, height: 54 }}>\r\n {!avatarUrl&&`${firstLetter(name)}${firstLetter(lastName)}`}\r\n </Avatar>\r\n </StyledBadge>\r\n </ListItemIcon> \r\n <ListItemText primary={<div className={classes.listItemInnerText}>\r\n <span>{`${firstLetter(name)}${slicedWord(name, 15, 1)} \r\n ${firstLetter(lastName)}${slicedWord(lastName, 15, 1)}`}</span>\r\n {mute&&<VolumeOffIcon className={classes.listItemInnerText__icon} fontSize='small' />}</div>}\r\n secondary={typing ? <span className={classes.listItem_typing}>\r\n typing<span className={classes.listItem_dots}>...</span></span> :\r\n lastMessage ? slicedWord(lastMessage, 35) :\r\n `${firstLetter(name)}${slicedWord(name, 8, 1)} joined Telegram`}/>\r\n <ListItemIcon className={classes.listItem_iconRight}>\r\n <div className={classes.listItem_iconTimeChecked}>\r\n {watched&& <DoneAllIcon style={{ color: '#18bd03' }} fontSize='small' />}\r\n <Typography className={classes.listItem_icon_time} variant=\"h6\" color=\"initial\">\r\n {timeStampEU(lastMessageCreatedAt?lastMessageCreatedAt:createdAt)}\r\n </Typography>\r\n </div>\r\n {lastMessage && total > seen ? <button onClick={(e) => handleNewMsgs(e,companionId)}\r\n className={mute?classes.listItem_iconRightBtnMute:classes.listItem_iconRightBtn}>{total-seen}</button> :\r\n <button className={classes.listItem_iconRightBtnHidden}/>}\r\n </ListItemIcon> \r\n </ListItemButton>\r\n <StyledMenu\r\n id=\"demo-positioned-menu\"\r\n aria-labelledby=\"demo-positioned-button\"\r\n anchorEl={anchorEl}\r\n open={open}\r\n onClose={handleClose}\r\n > \r\n <MenuItem onClick={() => handleClose('mute')}>\r\n {mute ? <NotificationsNoneIcon /> : <VolumeOffIcon />}\r\n {mute ? 'Unmute chat':'Mute chat'}\r\n </MenuItem>\r\n <MenuItem style={{color:'#f02a2a'}} onClick={() => handleClose('delete')}>\r\n <DeleteOutlineIcon style={{color:'#f02a2a'}}/>\r\n Delete chat\r\n </MenuItem> \r\n </StyledMenu> \r\n </div>\r\n );\r\n}\r\nexport default ChatItem","import List from '@mui/material/List';\r\nimport { makeStyles } from '@material-ui/core'\r\nimport { useState,useEffect,useRef,useCallback } from 'react';\r\nimport { useSelector, useDispatch } from 'react-redux';\r\n\r\nimport AlertInfo from '../../../reusableComponents/AlertInfo'\r\nimport ChatItem from './ChatItem';\r\nimport { notification,playNotificationWithoutPermission,sortByRecent } from '../../../../helpers'\r\nimport { getStateMemo } from '../../../../redux/chats/selector'\r\nimport { getChatMemo } from '../../../../redux/chat/selector'\r\nimport { asyncStartChatById } from '../../../../redux/chat/operations'\r\nimport { actionRemoveChat } from '../../../../redux/chat/action'\r\nimport { actionScroll, actionIsOpen } from '../../../../redux/control/action'\r\nimport { getIsOpen } from '../../../../redux/control/selector';\r\nimport { TChats,TChat } from '../../../../typescript/redux/chats/types';\r\nimport { timeStampFilter,prodBaseURL } from '../../../../helpers';\r\n\r\nconst useStyles = makeStyles({\r\n list: {\r\n width: '100%',\r\n maxHeight: '93vh',\r\n overflowY: 'scroll',\r\n '&::-webkit-scrollbar': {\r\n width: '0.4em'\r\n },\r\n '&::-webkit-scrollbar-track': {\r\n boxShadow: 'inset 0 0 6px rgba(0,0,0,0.00)',\r\n webkitBoxShadow: 'inset 0 0 6px rgba(0,0,0,0.00)',\r\n backgroundColor: '#eceeec',\r\n },\r\n '&::-webkit-scrollbar-thumb': {\r\n backgroundColor: '#ccc8c8',\r\n },\r\n \"&::-webkit-scrollbar-thumb:focus\": {\r\n backgroundColor: \"#959595\",\r\n },\r\n \"&::-webkit-scrollbar-thumb:active\": {\r\n backgroundColor: \"#959595\",\r\n },\r\n },\r\n})\r\n\r\ninterface IChatsList {\r\n sort: boolean,\r\n}\r\n\r\nconst ChatsList = ({sort}:IChatsList) => {\r\n const classes = useStyles()\r\n const dispatch = useDispatch()\r\n const chatsRef = useRef<any>(null)\r\n const [sortedChats, setSortedChats] = useState<TChats>([]);\r\n const { total, chats } = useSelector(getStateMemo)\r\n const chat = useSelector(getChatMemo)\r\n const isOpen = useSelector(getIsOpen)\r\n const handleListItemClick = (companionId: string) => {\r\n isOpen&&dispatch(actionIsOpen(''))\r\n dispatch(asyncStartChatById(companionId))\r\n }\r\n\r\n const handleNewMsgs = (e: React.MouseEvent<HTMLButtonElement, MouseEvent>, companionId: string) => {\r\n e.stopPropagation()\r\n dispatch(actionScroll(true))\r\n isOpen&&dispatch(actionIsOpen(''))\r\n dispatch(asyncStartChatById(companionId))\r\n }\r\n\r\n useEffect(() => {\r\n const handleNotification= (companionId: string) => {\r\n dispatch(asyncStartChatById(companionId))\r\n dispatch(actionScroll(true))\r\n }\r\n setSortedChats(sortByRecent(chats, sort))\r\n if (chat.companionId&&!sortedChats.find((el) => el.companionId === chat.companionId)) dispatch(actionRemoveChat())\r\n if (chatsRef.current) {\r\n chatsRef.current.forEach(({total,seen}: any,i:number) => {\r\n const oldDifferent = total - seen\r\n const chat = sortedChats[i]\r\n if(chat === undefined) return\r\n const newDifferent = chat.total - chat.seen\r\n if (newDifferent > oldDifferent && !chat.mute) {\r\n playNotificationWithoutPermission(`${prodBaseURL}/receive.mp3`)\r\n notification(chat.name,() => handleNotification(chat.companionId))\r\n } \r\n })\r\n }\r\n chatsRef.current = sortedChats\r\n }, [chats, chat,sort,sortedChats, dispatch])\r\n\r\n return total !== '0' ? (\r\n <List className={classes.list} component=\"nav\"\r\n aria-label=\"main mailbox folders\">\r\n {sortedChats.map((el) => <ChatItem key={el.number} chat={el} \r\n handleListItemClick={handleListItemClick} handleNewMsgs={handleNewMsgs} />)}\r\n </List>\r\n ):<AlertInfo name='You do not have Chats yet!' />;\r\n}\r\n\r\nexport default ChatsList","import Divider from '@mui/material/Divider';\r\nimport Paper from '@mui/material/Paper';\r\nimport MenuList from '@mui/material/MenuList';\r\nimport MenuItem from '@mui/material/MenuItem';\r\nimport ListItemText from '@mui/material/ListItemText';\r\nimport ListItemIcon from '@mui/material/ListItemIcon';\r\nimport PermContactCalendarIcon from '@mui/icons-material/PermContactCalendar';\r\nimport SettingsIcon from '@mui/icons-material/Settings';\r\nimport Brightness3Icon from '@mui/icons-material/Brightness3'; \r\nimport HelpOutlineIcon from '@mui/icons-material/HelpOutline';\r\nimport BugReportIcon from '@mui/icons-material/BugReport';\r\nimport PersonAddAltIcon from '@mui/icons-material/PersonAddAlt';\r\nimport Switch from '@mui/material/Switch';\r\nimport { makeStyles } from '@material-ui/core'\r\nimport { updateUser } from '../../../../api-data';\r\n\r\nconst useStyles = makeStyles({\r\n overlay: {\r\n position: 'fixed',\r\n top: 0,\r\n left: 0,\r\n width: '100vw',\r\n height: '100vh',\r\n zIndex:100\r\n },\r\n container: {\r\n position: 'absolute',\r\n width: 270,\r\n maxWidth: '100%',\r\n top: 60,\r\n left: 15,\r\n zIndex: 10,\r\n visibility: 'visible',\r\n },\r\n list: {\r\n background:'#fdfdfd'\r\n },\r\n listItemLast: {\r\n textAlign: 'center',\r\n },\r\n listIcon: {\r\n marginRight: 15,\r\n },\r\n listIconText: {\r\n marginRight: 15,\r\n paddingLeft:6\r\n }\r\n})\r\n\r\nconst label = { inputProps: { 'aria-label': 'Switch demo' } };\r\n\r\ninterface IContactsList {\r\n handleSelectedMenu: (i: number) => void,\r\n nightMode: boolean\r\n}\r\n\r\nconst MenuBar = ({handleSelectedMenu,nightMode}:IContactsList) => {\r\n const classes = useStyles()\r\n const handleNightMode = () => updateUser({ nightMode: !nightMode })\r\n\r\n return (\r\n <div className={classes.overlay} id='overlay'>\r\n <Paper className={classes.container}>\r\n <MenuList className={classes.list}>\r\n <MenuItem onClick={() => handleSelectedMenu(3)}>\r\n <ListItemIcon className={classes.listIcon}>\r\n <PersonAddAltIcon fontSize=\"medium\" />\r\n </ListItemIcon>\r\n <ListItemText>New Contact</ListItemText>\r\n </MenuItem> \r\n <MenuItem onClick={() => handleSelectedMenu(1)}>\r\n <ListItemIcon className={classes.listIcon}>\r\n <PermContactCalendarIcon fontSize=\"medium\" />\r\n </ListItemIcon>\r\n <ListItemText>Contacts</ListItemText>\r\n </MenuItem>\r\n \r\n <MenuItem onClick={() => handleSelectedMenu(2)}>\r\n <ListItemIcon className={classes.listIcon}>\r\n <SettingsIcon fontSize=\"medium\" />\r\n </ListItemIcon>\r\n <ListItemText>Settings</ListItemText>\r\n </MenuItem>\r\n <MenuItem style={{cursor:'default'}}>\r\n <ListItemIcon className={classes.listIcon}>\r\n <Brightness3Icon fontSize=\"medium\" />\r\n </ListItemIcon>\r\n <ListItemText>Night Mode</ListItemText>\r\n <Switch onClick={handleNightMode} checked={nightMode} {...label} style={{cursor:'pointer'}}/>\r\n </MenuItem>\r\n <a style={{ textDecoration: 'none', color: 'inherit' }} target='blank'\r\n href='https://www.makeuseof.com/tag/useful-telegram-features/'>\r\n <MenuItem>\r\n <ListItemIcon className={classes.listIcon}>\r\n <HelpOutlineIcon fontSize=\"medium\" />\r\n </ListItemIcon>\r\n <ListItemText>Telegram Features</ListItemText>\r\n </MenuItem>\r\n </a>\r\n <a style={{ textDecoration: 'none', color: 'inherit' }} target='blank'\r\n href='https://bugs.telegram.org/?tag_ids=41&sort=time'>\r\n <MenuItem>\r\n <ListItemIcon className={classes.listIcon}>\r\n <BugReportIcon fontSize=\"medium\" />\r\n </ListItemIcon>\r\n <ListItemText>Report bug</ListItemText>\r\n </MenuItem>\r\n </a>\r\n <a style={{ textDecoration: 'none', color: 'inherit' }} target='blank'\r\n href='https://www.msn.com/en-in/money/tech/telegram-webk-and-webz-web-apps-launched-whats-the-difference/ar-BB1fOwLR'>\r\n <MenuItem>\r\n <ListItemIcon className={classes.listIconText}>\r\n K\r\n </ListItemIcon>\r\n <ListItemText>Switch to K Version</ListItemText>\r\n </MenuItem>\r\n </a>\r\n <a style={{ textDecoration: 'none', color: 'inherit' }} target='blank'\r\n href='https://desktop.telegram.org/changelog'>\r\n <MenuItem>\r\n <ListItemIcon className={classes.listIconText}>\r\n W\r\n </ListItemIcon>\r\n <ListItemText>Switch to Old Version</ListItemText>\r\n </MenuItem>\r\n </a> \r\n <Divider />\r\n <MenuItem style={{cursor:'default'}}>\r\n <ListItemText secondary='Telegram WebZ 1.32.3' className={classes.listItemLast}/>\r\n </MenuItem>\r\n </MenuList>\r\n </Paper>\r\n </div>\r\n );\r\n}\r\n\r\nexport default MenuBar","import { makeStyles } from '@material-ui/core'\r\nimport { useState } from 'react';\r\nimport { useDispatch } from 'react-redux';\r\nimport { styled } from '@mui/material/styles';\r\nimport Button from '@mui/material/Button';\r\nimport Menu from '@mui/material/Menu';\r\nimport MenuItem from '@mui/material/MenuItem';\r\nimport DeleteOutlineIcon from '@mui/icons-material/DeleteOutline';\r\nimport ListItemButton from '@mui/material/ListItemButton';\r\nimport Avatar from '@mui/material/Avatar';\r\nimport ListItemText from '@mui/material/ListItemText';\r\nimport ListItemIcon from '@mui/material/ListItemIcon';\r\nimport ContentCopyIcon from '@mui/icons-material/ContentCopy';\r\nimport { CopyToClipboard } from 'react-copy-to-clipboard';\r\nimport {removeContact } from '../../../../../api-data';\r\nimport { actionIsOpen } from '../../../../../redux/control/action';\r\nimport { TContact } from '../../../../../typescript/redux/contacts/types';\r\nimport { TIsOpen } from '../../../../../typescript/redux/control/types';\r\nimport { firstLetter,slicedWord,timeStampEU,copied,prodBaseURL } from '../../../../../helpers';\r\n\r\nconst StyledMenu = styled((props:any) => (\r\n <Menu\r\n elevation={0}\r\n anchorOrigin={{\r\n vertical: 'top',\r\n horizontal: 'right',\r\n }}\r\n transformOrigin={{\r\n vertical: 'bottom',\r\n horizontal: 'right',\r\n }}\r\n {...props}\r\n />\r\n))(({ theme }:any) => ({\r\n '& .MuiPaper-root': {\r\n borderRadius: 10,\r\n marginTop: theme.spacing(0),\r\n minWidth: 220,\r\n color:\r\n theme.palette.mode === 'light' ? 'rgb(55, 65, 81)' : theme.palette.grey[500],\r\n boxShadow:\r\n 'rgb(255, 255, 255) 0px 0px 0px 0px, rgba(0, 0, 0, 0.05) 0px 0px 0px 1px, rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px',\r\n '& .MuiMenu-list': {\r\n padding: '8px 8px',\r\n },\r\n '& .MuiMenuItem-root': {\r\n marginBottom: theme.spacing(1),\r\n '& .MuiSvgIcon-root': {\r\n fontSize: 21,\r\n color: theme.palette.text.secondary,\r\n marginRight: theme.spacing(4),\r\n }\r\n },\r\n },\r\n}));\r\n\r\nconst useStyles = makeStyles({\r\n listItem_iconAvatar: {\r\n marginRight:10\r\n },\r\n modalDelete: {\r\n background: '#ffffff',\r\n position: 'absolute',\r\n content:'',\r\n width: '20%',\r\n height:'auto',\r\n left: '40%',\r\n bottom: '48.5%',\r\n borderRadius: 10,\r\n padding: 10,\r\n display: 'flex',\r\n flexDirection:'column'\r\n }, \r\n overlay: {\r\n position: 'fixed',\r\n top: 0,\r\n left: 0,\r\n width: '100vw',\r\n height: '100vh',\r\n zIndex: 100,\r\n backgroundColor: 'rgba(104, 105, 104, 0.6)',\r\n overflowY: 'hidden',\r\n },\r\n titleWrapper: {\r\n display: 'flex',\r\n justifyContent: 'flex-start',\r\n alignContent: 'center',\r\n alignItems:'center'\r\n }, \r\n})\r\ninterface IContactItem {\r\n contact: TContact,\r\n handleListItemClick: (companionId: string) => void,\r\n isOpen: TIsOpen,\r\n}\r\nconst ContactItem = ({contact,handleListItemClick,isOpen}:IContactItem) => {\r\n const classes = useStyles()\r\n const dispatch = useDispatch()\r\n const [anchorEl, setAnchorEl] = useState<any>(null);\r\n const [selected, setSelected] = useState<boolean>(false);\r\n const [modal,setModal] = useState<boolean>(false)\r\n const open = Boolean(anchorEl);\r\n const { name, lastName, avatarUrl, color, companionId,createdAt, number,_id } = contact\r\n\r\n const handleClose = (type: string | undefined): void => {\r\n if (type === 'copy') copied('Number')\r\n if (type === 'delete') setModal(true)\r\n setAnchorEl(null)\r\n setSelected(false)\r\n }\r\n\r\n const handleDeleteModal = (e: any) => {\r\n const id = e.target.id\r\n if (id === 'overlay' || id === 'cancel') return setModal(false)\r\n if (id === 'delete') {\r\n isOpen === 'edit'&&dispatch(actionIsOpen('credentials'))\r\n removeContact(_id)\r\n setModal(false)\r\n }\r\n } \r\n const handleContextMenu = (e: React.MouseEvent<HTMLDivElement>):void => {\r\n e.preventDefault()\r\n setAnchorEl(e.currentTarget)\r\n setSelected(true)\r\n } \r\n\r\n return (\r\n <div>\r\n <ListItemButton\r\n selected={selected}\r\n onClick={() => handleListItemClick(companionId)}\r\n onContextMenu={(e) => handleContextMenu(e)}\r\n >\r\n <ListItemIcon className={classes.listItem_iconAvatar}>\r\n <Avatar alt={name} src={avatarUrl?`${prodBaseURL}/${avatarUrl}`:undefined}\r\n sx={{ background: color, width: 54, height: 54 }}>\r\n {!avatarUrl&&`${firstLetter(name)}${firstLetter(lastName)}`}\r\n </Avatar>\r\n </ListItemIcon> \r\n <ListItemText primary={`${firstLetter(name)}${slicedWord(name, 15, 1)}\r\n ${firstLetter(lastName)}${slicedWord(lastName, 15, 1)}`}\r\n secondary={`Registered since ${timeStampEU(createdAt)}`} />\r\n </ListItemButton> \r\n <StyledMenu\r\n id=\"demo-positioned-menu\"\r\n aria-labelledby=\"demo-positioned-button\"\r\n anchorEl={anchorEl}\r\n open={open}\r\n onClose={handleClose}\r\n >\r\n <CopyToClipboard onCopy={() => handleClose('copy')} text={number}>\r\n <MenuItem>\r\n <ContentCopyIcon />\r\n Copy number\r\n </MenuItem>\r\n </CopyToClipboard>\r\n <MenuItem style={{color:'#f02a2a'}} onClick={() => handleClose('delete')}>\r\n <DeleteOutlineIcon style={{color:'#f02a2a'}}/>\r\n Delete contact\r\n </MenuItem> \r\n </StyledMenu>\r\n {modal&&<div onClick={handleDeleteModal} className={classes.overlay} id='overlay'>\r\n <div className={classes.modalDelete}>\r\n <div className={classes.titleWrapper}>\r\n <Avatar alt={name} src={avatarUrl?`${prodBaseURL}/${avatarUrl}`:undefined}\r\n sx={{ background: color, width: 38, height: 38,marginRight:2}}>\r\n {`${firstLetter(name)}${firstLetter(lastName)}`}\r\n </Avatar>\r\n <h3 style={{color: '#2c2c2c'}}>Delete contact</h3>\r\n </div>\r\n <p style={{ color: '#050505' }}>{`Are you sure you want to delete contact\r\n ${`${firstLetter(name)}${slicedWord(name, 15, 1)}\r\n ${firstLetter(lastName)}${slicedWord(lastName, 15, 1)}`}?`}</p>\r\n <Button id='delete' variant=\"text\" color=\"error\" style={{fontWeight:500,fontSize:22}}>\r\n DELETE CONTACT\r\n </Button> \r\n <Button id='cancel' variant=\"text\" style={{fontWeight:500,fontSize:22}}>\r\n CANCEL\r\n </Button>\r\n </div> \r\n </div>}\r\n </div>\r\n );\r\n}\r\nexport default ContactItem","import { createSelector } from 'reselect';\r\nimport { IState } from '../../../typescript/redux/interfaces'\r\n\r\nconst getTotal = (state: IState) => state.contacts.total;\r\nconst getLimit = (state:IState) => state.contacts.limit;\r\nconst getPage = (state: IState) => state.contacts.page;\r\nconst getContacts = (state: IState) => state.contacts.contacts;\r\nconst getState = (state: IState) => state.contacts;\r\n\r\nconst getContactsMemo = createSelector([getContacts], state => state);\r\n\r\nexport { getTotal,getLimit,getPage,getContacts,getState,getContactsMemo };\r\n","import List from '@mui/material/List';\r\nimport { makeStyles } from '@material-ui/core'\r\nimport { useSelector, useDispatch } from 'react-redux';\r\nimport { useEffect } from 'react';\r\n\r\nimport AlertInfo from '../../../reusableComponents/AlertInfo'\r\nimport ContactItem from './ContactItem';\r\nimport { getState } from '../../../../redux/contacts/selector'\r\nimport { asyncStartChatById } from '../../../../redux/chat/operations'\r\nimport { getIsOpen } from '../../../../redux/control/selector'\r\nimport { actionIsOpen } from '../../../../redux/control/action';\r\nimport { handleSort,timeStampFilter } from '../../../../helpers';\r\nimport { TContacts,TContact } from '../../../../typescript/redux/contacts/types';\r\n\r\nconst useStyles = makeStyles({\r\n list: {\r\n width: '100%',\r\n maxHeight: '93vh',\r\n overflowY: 'scroll',\r\n '&::-webkit-scrollbar': {\r\n width: '0.4em'\r\n },\r\n '&::-webkit-scrollbar-track': {\r\n boxShadow: 'inset 0 0 6px rgba(0,0,0,0.00)',\r\n webkitBoxShadow: 'inset 0 0 6px rgba(0,0,0,0.00)',\r\n backgroundColor: '#eceeec',\r\n },\r\n '&::-webkit-scrollbar-thumb': {\r\n backgroundColor: '#ccc8c8',\r\n },\r\n \"&::-webkit-scrollbar-thumb:focus\": {\r\n backgroundColor: \"#959595\",\r\n },\r\n \"&::-webkit-scrollbar-thumb:active\": {\r\n backgroundColor: \"#959595\",\r\n },\r\n },\r\n})\r\n\r\ninterface IContactList {\r\n value: string,\r\n handleClick: () => void,\r\n sort: boolean,\r\n date: any,\r\n setDisabled: React.Dispatch<boolean>,\r\n}\r\nconst ContactsList = ({value,handleClick,sort,date,setDisabled} : IContactList) => {\r\n const classes = useStyles()\r\n const dispatch = useDispatch()\r\n const { total, contacts } = useSelector(getState)\r\n const isOpen = useSelector(getIsOpen)\r\n\r\n const filteredContacts = ():TContacts => handleSort('name', contacts, sort).filter((el:TContact) => {\r\n const credentials = el.name + ' ' + el.lastName\r\n if (!date) {\r\n return credentials.toLowerCase().includes(value.toLowerCase())\r\n } else if (credentials.toLowerCase().includes(value.toLowerCase())\r\n && timeStampFilter(date) === timeStampFilter(el.createdAt)) {\r\n return el\r\n }\r\n })\r\n\r\n const handleListItemClick = (companionId:string) => {\r\n handleClick()\r\n isOpen&&dispatch(actionIsOpen(''))\r\n dispatch(asyncStartChatById(companionId))\r\n }\r\n\r\n const arr = filteredContacts()\r\n\r\n useEffect(() => {\r\n setDisabled(total === '0'?true:false)\r\n },[total,setDisabled])\r\n \r\n return total !== '0' ? (\r\n <List\r\n className={classes.list} component=\"nav\"\r\n aria-label=\"main mailbox folders\">\r\n {arr.length > 0 ? arr.map((contact) => <ContactItem key={contact.number}\r\n contact={contact} handleListItemClick={handleListItemClick} isOpen={isOpen}/>) :\r\n <AlertInfo name={`Can not find Contact by request : ${value}`} />}\r\n </List>\r\n ):<AlertInfo name='You do not have Contact yet!' />;\r\n}\r\n\r\nexport default ContactsList","import {\r\n actionGetContactsSuccess,\r\n actionGetContactsReject\r\n} from '../action';\r\nimport { addContact,getContacts} from '../../../api-data';\r\nimport { IContactsState } from '../../../typescript/redux/contacts/interfaces'\r\n\r\nconst asyncGetContacts = () => async (dispatch:any) => {\r\n try {\r\n const data = await getContacts<IContactsState>()\r\n data&&dispatch(actionGetContactsSuccess(data))\r\n } catch (e) {\r\n dispatch(actionGetContactsReject())\r\n } \r\n};\r\n\r\nconst asyncAddContact = (number:string) => async (dispatch:any) => {\r\n try {\r\n await addContact(number)\r\n } catch(e) {}\r\n};\r\n\r\n\r\nexport { asyncAddContact,asyncGetContacts };\r\n","import Toolbar from '@mui/material/Toolbar'\r\nimport IconButton from '@mui/material/IconButton'\r\nimport ArrowBackIcon from '@mui/icons-material/ArrowBack';\r\nimport { makeStyles } from '@material-ui/core'\r\n\r\nconst useStyles = makeStyles({\r\n toolBar: {\r\n color: '#b1aeae',\r\n height: '7vh',\r\n },\r\n iconArrow: {\r\n '&:hover': {\r\n transform: 'rotate(360deg)',\r\n transition: 'all 250ms ease-out ',\r\n }\r\n },\r\n})\r\n\r\ninterface ISearchBar {\r\n handleClick:() => void,\r\n}\r\n\r\nconst ToolBar = ({ handleClick }:ISearchBar) => {\r\n \r\n const classes = useStyles()\r\n return (\r\n <Toolbar className={classes.toolBar}>\r\n <IconButton onClick={handleClick}>\r\n <ArrowBackIcon className={classes.iconArrow} /> \r\n </IconButton>\r\n\r\n </Toolbar>\r\n )\r\n}\r\n\r\nexport default ToolBar","import { makeStyles, Button, TextField, Typography } from '@material-ui/core'\r\nimport React, { useState } from 'react';\r\nimport { useDispatch } from 'react-redux';\r\nimport { asyncAddContact } from '../../../../redux/contacts/operations'\r\nimport ToolBar from './ToolBar';\r\n\r\nconst useStyles = makeStyles({\r\n container: {\r\n display: 'flex',\r\n alignItems: 'center',\r\n alignContent:'center',\r\n flexDirection: 'column',\r\n width: 350,\r\n margin: '0 auto',\r\n paddingBottom: 24,\r\n },\r\n title: {\r\n marginBottom: 20,\r\n textAlign: 'center',\r\n },\r\n buttonNext: {\r\n marginTop: 20,\r\n height: 50,\r\n color: '#f8f8f8',\r\n backgroundColor:'#1d74c5',\r\n },\r\n textField: {\r\n marginBottom:20\r\n }\r\n})\r\n\r\ninterface IAddContact {\r\n setSelectedIndex: React.Dispatch<React.SetStateAction<number | null>>,\r\n handleClick: () => void\r\n}\r\n\r\nconst AddContact = ({setSelectedIndex,handleClick}:IAddContact) => {\r\n const classes = useStyles()\r\n const dispatch = useDispatch()\r\n const [number, setNumber] = useState<string>('')\r\n\r\n const handleTextField = (e: React.ChangeEvent<HTMLInputElement>) => {\r\n const value = e.target.value.split(' ').join('').trim()\r\n setNumber(value)\r\n }\r\n const handleAddContact = async () => {\r\n dispatch(asyncAddContact(number))\r\n setNumber('')\r\n setSelectedIndex(1) \r\n }\r\n\r\n const isValidNumber = () => {\r\n if (number.length < 13 || number.length > 13) return false\r\n if(number.slice(0,1) === '+') return true\r\n return true\r\n }\r\n\r\n const handlePressEnter = (e: React.KeyboardEvent<HTMLDivElement>) => {\r\n if(e.code === 'Enter' && isValidNumber()) handleAddContact()\r\n }\r\n\r\n \r\n return (\r\n <>\r\n <ToolBar handleClick={handleClick}/>\r\n <div onKeyDown={handlePressEnter} className={classes.container} >\r\n <Typography\r\n className={classes.title}\r\n variant=\"h5\"\r\n color=\"initial\">\r\n Add new contact\r\n </Typography> \r\n <TextField\r\n id=\"number\"\r\n name='NUMBER'\r\n label=\"Write down a number,+ is requirement\"\r\n value={number}\r\n fullWidth\r\n variant='outlined'\r\n onChange={handleTextField}\r\n className={classes.textField}\r\n required\r\n />\r\n {isValidNumber() &&\r\n <Button\r\n onClick={handleAddContact}\r\n className={classes.buttonNext}\r\n color='primary'\r\n variant=\"contained\"\r\n fullWidth\r\n > ADD\r\n </Button>}\r\n </div>\r\n </> \r\n );\r\n};\r\n\r\nexport default AddContact;","import { useState } from 'react';\r\nimport { useDispatch } from 'react-redux';\r\nimport { styled } from '@mui/material/styles';\r\nimport IconButton from '@mui/material/IconButton';\r\nimport Menu from '@mui/material/Menu';\r\nimport MenuItem from '@mui/material/MenuItem';\r\nimport LogoutIcon from '@mui/icons-material/Logout';\r\nimport MoreVertIcon from '@mui/icons-material/MoreVert';\r\n\r\nimport { asyncLogout } from '../../../../../../redux/authorization/operations';\r\n\r\nconst StyledMenu = styled((props:any) => (\r\n <Menu\r\n elevation={0}\r\n anchorOrigin={{\r\n vertical: 'top',\r\n horizontal: 'right',\r\n }}\r\n transformOrigin={{\r\n vertical: 'bottom',\r\n horizontal: 'right',\r\n }}\r\n {...props}\r\n />\r\n))(({ theme }:any) => ({\r\n '& .MuiPaper-root': {\r\n borderRadius: 10,\r\n marginTop: theme.spacing(5),\r\n minWidth: 180,\r\n color:\r\n theme.palette.mode === 'light' ? 'rgb(55, 65, 81)' : theme.palette.grey[500],\r\n boxShadow:\r\n 'rgb(255, 255, 255) 0px 0px 0px 0px, rgba(0, 0, 0, 0.05) 0px 0px 0px 1px, rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px',\r\n '& .MuiMenu-list': {\r\n padding: '4px 4px',\r\n },\r\n '& .MuiMenuItem-root': {\r\n marginBottom: theme.spacing(1),\r\n '& .MuiSvgIcon-root': {\r\n fontSize: 21,\r\n color: theme.palette.text.secondary,\r\n marginRight: theme.spacing(4),\r\n }\r\n },\r\n },\r\n}));\r\n\r\nconst MenuList = () => {\r\n const dispatch = useDispatch()\r\n const [anchorEl, setAnchorEl] = useState<any>(null);\r\n const open = Boolean(anchorEl);\r\n const handleClick = (e: React.MouseEvent<HTMLButtonElement>): void =>\r\n setAnchorEl(e.currentTarget)\r\n\r\n const handleClose = (type: string | undefined): void => {\r\n if (type === 'logout') dispatch(asyncLogout())\r\n setAnchorEl(null)\r\n }\r\n \r\n return (\r\n <>\r\n <IconButton onClick={handleClick} aria-label=\"delete\"\r\n style={{marginLeft:5}} size=\"medium\">\r\n <MoreVertIcon fontSize='medium'/>\r\n </IconButton>\r\n <StyledMenu\r\n id=\"demo-positioned-menu\"\r\n aria-labelledby=\"demo-positioned-button\"\r\n anchorEl={anchorEl}\r\n open={open}\r\n onClose={handleClose}\r\n >\r\n <MenuItem style={{fontWeight:500}} onClick={() => handleClose('logout')}>\r\n <LogoutIcon/>\r\n Log Out\r\n </MenuItem> \r\n </StyledMenu>\r\n </>\r\n );\r\n}\r\n\r\nexport default MenuList","import Stack from '@mui/material/Stack';\r\nimport IconButton from '@mui/material/IconButton';\r\nimport ArrowBackIcon from '@mui/icons-material/ArrowBack';\r\nimport EditIcon from '@mui/icons-material/Edit';\r\nimport MenuList from './MenuList';\r\nimport { makeStyles, Typography } from '@material-ui/core'\r\n\r\nconst useStyles = makeStyles({\r\n container: {\r\n width: '100%',\r\n height: '7vh',\r\n padding:10,\r\n display: 'flex',\r\n alignContent: 'center',\r\n alignItems: 'center',\r\n backgroundColor: '#ffffff',\r\n },\r\n iconArrow: {\r\n '&:hover': {\r\n transform: 'rotate(360deg)',\r\n transition: 'all 250ms ease-out ',\r\n }\r\n },\r\n})\r\n\r\ninterface IToolBar {\r\n setSelectedIndex: (selectedIndex: number | null) => void,\r\n handleClick:() => void\r\n}\r\n\r\nconst ToolBar = ({setSelectedIndex,handleClick}:IToolBar) => {\r\n const classes = useStyles()\r\n\r\n return (\r\n <Stack className={classes.container} direction=\"row\" spacing={21}>\r\n <IconButton onClick={handleClick} aria-label=\"delete\" size=\"medium\">\r\n <ArrowBackIcon className={classes.iconArrow} fontSize='medium'/>\r\n </IconButton>\r\n <Typography style={{ marginLeft: 20, color: '#474747' }} variant=\"h6\" color=\"initial\">Settings</Typography>\r\n <IconButton onClick={() => setSelectedIndex(4)} style={{ marginLeft: 'auto' }} aria-label=\"delete\" size=\"medium\">\r\n <EditIcon fontSize='medium' /> \r\n </IconButton>\r\n <MenuList/> \r\n </Stack>\r\n )\r\n}\r\n\r\nexport default ToolBar","import Button from '@mui/material/Button';\r\nimport { makeStyles } from '@material-ui/core'\r\nimport { removeUserAvatar } from '../../../../../../api-data';\r\n\r\nconst useStyles = makeStyles({\r\n modalDelete: {\r\n background: '#ffffff',\r\n position: 'absolute',\r\n content:'',\r\n width: '20%',\r\n height:'auto',\r\n left: '40%',\r\n bottom: '48.5%',\r\n borderRadius: 10,\r\n padding: 10,\r\n display: 'flex',\r\n flexDirection:'column'\r\n }, \r\n overlay: {\r\n position: 'fixed',\r\n top: 0,\r\n left: 0,\r\n width: '100vw',\r\n height: '100vh',\r\n zIndex: 100,\r\n backgroundColor: 'rgba(104, 105, 104, 0.6)',\r\n overflowY: 'hidden',\r\n },\r\n titleWrapper: {\r\n display: 'flex',\r\n justifyContent: 'flex-start',\r\n alignContent: 'center',\r\n alignItems:'center'\r\n },\r\n})\r\n\r\ninterface IDeleteModal {\r\n setModal: (a: boolean) => void,\r\n index: number,\r\n setIndex: any\r\n}\r\nconst DeleteModal = ({setModal,index,setIndex}:IDeleteModal) => {\r\n const classes = useStyles()\r\n const handleDeleteModal = (e: any) => {\r\n const id = e.target.id\r\n if (id === 'overlay' || id === 'cancel') return setModal(false)\r\n if (id === 'delete') {\r\n removeUserAvatar(index)\r\n setIndex(index-1)\r\n setModal(false)\r\n }\r\n }\r\n \r\n return (\r\n <div onClick={handleDeleteModal} className={classes.overlay} id='overlay'>\r\n <div className={classes.modalDelete}>\r\n <div className={classes.titleWrapper}>\r\n <h3 style={{color: '#2c2c2c'}}>Delete image</h3>\r\n </div>\r\n <p style={{color: '#050505'}}>{`Are you sure you want to delete the Image?`}</p>\r\n <Button id='delete' variant=\"text\" color=\"error\" style={{fontWeight:500,fontSize:22}}>\r\n DELETE IMAGE\r\n </Button> \r\n <Button id='cancel' variant=\"text\" style={{fontWeight:500,fontSize:22}}>\r\n CANCEL\r\n </Button>\r\n </div>\r\n </div> \r\n )\r\n}\r\n\r\nexport default DeleteModal","import { makeStyles } from '@material-ui/core'\r\nimport { useSelector } from 'react-redux';\r\nimport { useState } from 'react';\r\nimport { getState } from '../../../../../redux/authorization/selector'\r\nimport { Carousel } from 'react-responsive-carousel';\r\nimport DeleteOutlineIcon from '@mui/icons-material/DeleteOutline';\r\nimport Avatar from '@mui/material/Avatar';\r\nimport { firstLetter, slicedWord, timeStampEU,prodBaseURL } from '../../../../../helpers'\r\nimport DeleteModal from './DeleteModal';\r\n\r\n\r\nconst useStyles = makeStyles({\r\n container: {\r\n width: '100%',\r\n backgroundColor: '#ffffff',\r\n position:'relative',\r\n },\r\n nameTile: {\r\n position:'absolute',\r\n color: '#ffffff',\r\n backgroundColor: 'rgb(0,0,0)',\r\n borderRadius: 10,\r\n padding:8,\r\n fontSize: 18,\r\n zIndex:10,\r\n top: '7%',\r\n left: '50%', \r\n marginLeft: '-45%',\r\n opacity: 0.7,\r\n transition: 'opacity .35s ease-in-out'\r\n },\r\n timeTile: {\r\n position:'absolute',\r\n color: '#ffffff',\r\n backgroundColor: 'rgb(0,0,0)',\r\n borderRadius: 10,\r\n padding:4,\r\n fontSize: 15,\r\n top: '1%',\r\n left: '50%', \r\n marginLeft: '-45%',\r\n opacity: 0.7,\r\n transition: 'opacity .35s ease-in-out'\r\n },\r\n iconDeleteWrapper: {\r\n position: 'absolute',\r\n top: '1%',\r\n right: '9%',\r\n },\r\n iconDelete: {\r\n '&:hover': {\r\n opacity: 1,\r\n color: '#fa0000',\r\n animation: `$shake 0.5s`,\r\n }\r\n },\r\n '@keyframes shake': {\r\n '0%': { transform: 'translate(0.5px, 0.5px) rotate(0deg)'},\r\n '10%': { transform: 'translate(-0.5px, -1px) rotate(-1deg)'},\r\n '20%': { transform: 'translate(-1.5px, 0px) rotate(1deg)'},\r\n '30%': { transform: 'translate(1.5px, 1px) rotate(0deg)'},\r\n '40%': { transform: 'translate(0.5px, -0.5px) rotate(1deg)'},\r\n '50%': { transform: 'translate(-0.5px, 1px) rotate(-1deg)'},\r\n '60%': { transform: 'translate(-1.5px, 0.5px) rotate(0deg)'},\r\n '70%': { transform: 'translate(1.5px, 0.5px) rotate(-1deg)'},\r\n '80%': { transform: 'translate(-0.5px, -0.5px) rotate(1deg)'},\r\n '90%': { transform: 'translate(0.5px, 1px) rotate(0deg)'},\r\n '100%': { transform: 'translate(0.5px, -1px) rotate(-1deg)'},\r\n }, \r\n})\r\n\r\nconst SettingsPicture = () => {\r\n const classes = useStyles()\r\n const { name, lastName, avatarsArr, online } = useSelector(getState)\r\n const [modal, setModal] = useState<boolean>(false);\r\n const [index, setIndex] = useState<number>(0);\r\n const handleClick = (): void => setModal(true)\r\n\r\n return (\r\n <div className={classes.container}>\r\n {modal &&\r\n <DeleteModal setModal={setModal} index={index} setIndex={setIndex}/>}\r\n <Carousel onChange={(i)=> setIndex(i)} selectedItem={index}>\r\n {avatarsArr.map(({ avatarUrl, updatedAt }) =>\r\n <div key={avatarUrl}>\r\n <img alt='pic' src={`${prodBaseURL}/${avatarUrl}`}/>\r\n <p className=\"legend\">{timeStampEU(updatedAt)}</p> \r\n </div>)}\r\n </Carousel> \r\n <span className={classes.nameTile}>{`${firstLetter(name)}${slicedWord(name, 15, 1)}\r\n ${firstLetter(lastName)}${slicedWord(lastName, 15, 1)}`}</span>\r\n <span className={classes.timeTile}>{online === 'true' ? 'online' : `last seen ${timeStampEU(online)}`}</span>\r\n {avatarsArr.length > 1 &&\r\n <div className={classes.iconDeleteWrapper}>\r\n <Avatar className={classes.iconDelete} onClick={handleClick}\r\n sx={{width: 36, height: 36, backgroundColor: 'rgb(0,0,0)',\r\n color: '#ffffff', opacity: 0.5,cursor:'pointer'}}>\r\n <DeleteOutlineIcon fontSize='medium'/> \r\n </Avatar> \r\n </div>}\r\n </div>\r\n )\r\n}\r\n\r\nexport default SettingsPicture","import { useSelector } from 'react-redux';\r\nimport Paper from '@mui/material/Paper';\r\nimport MenuList from '@mui/material/MenuList';\r\nimport MenuItem from '@mui/material/MenuItem';\r\nimport ListItemText from '@mui/material/ListItemText';\r\nimport ListItemIcon from '@mui/material/ListItemIcon';\r\nimport PhoneIcon from '@mui/icons-material/Phone';\r\nimport { CopyToClipboard } from 'react-copy-to-clipboard';\r\nimport { makeStyles } from '@material-ui/core'\r\n\r\nimport { getNumber } from '../../../../../redux/authorization/selector'\r\nimport { copied} from '../../../../../helpers';\r\n\r\nconst useStyles = makeStyles({\r\n container: {\r\n width: '100%',\r\n backgroundColor: '#ffffff', \r\n },\r\n})\r\n\r\n\r\nconst SettingsMenu = () => {\r\n const classes = useStyles()\r\n const number = useSelector(getNumber)\r\n\r\n return (\r\n <Paper className={classes.container}>\r\n <MenuList>\r\n <CopyToClipboard onCopy={() => copied('Number')} text={number}>\r\n <MenuItem>\r\n <ListItemIcon style={{marginRight:15}}>\r\n <PhoneIcon fontSize=\"medium\" />\r\n </ListItemIcon>\r\n <ListItemText primary={number} secondary='Phone' />\r\n </MenuItem>\r\n </CopyToClipboard> \r\n </MenuList>\r\n </Paper>\r\n );\r\n}\r\n\r\nexport default SettingsMenu","import ToolBar from \"./ToolBar\"\r\nimport SettingsPicture from \"./SettingsPicture\"\r\nimport SettingsMenu from \"./SettingsMenu\"\r\n\r\ninterface ISettingsBar {\r\n setSelectedIndex: (selectedIndex: number | null) => void,\r\n handleClick:() => void\r\n}\r\n\r\nconst SettingsBar = ({setSelectedIndex,handleClick}:ISettingsBar) => {\r\n return (\r\n <div style={{backgroundColor: '#f3f2f2',height:'100%',width:'100%'}}>\r\n <ToolBar setSelectedIndex={setSelectedIndex} handleClick={handleClick}/>\r\n <SettingsPicture />\r\n <SettingsMenu/>\r\n </div>\r\n )\r\n}\r\n\r\nexport default SettingsBar","import Stack from '@mui/material/Stack';\r\nimport IconButton from '@mui/material/IconButton';\r\nimport ArrowBackIcon from '@mui/icons-material/ArrowBack';\r\nimport { makeStyles, Typography } from '@material-ui/core'\r\n\r\nconst useStyles = makeStyles({\r\n container: {\r\n paddingLeft: 10,\r\n height:'7vh',\r\n width: '100%',\r\n display: 'flex',\r\n alignContent: 'center',\r\n alignItems: 'center',\r\n backgroundColor: '#ffffff',\r\n },\r\n iconArrow: {\r\n '&:hover': {\r\n transform: 'rotate(360deg)',\r\n transition: 'all 250ms ease-out ',\r\n }\r\n },\r\n})\r\n\r\ninterface IToolBar {\r\n setSelectedIndex: React.Dispatch<React.SetStateAction<number | null>>\r\n}\r\n\r\nconst ToolBar = ({setSelectedIndex}:IToolBar) => {\r\n const classes = useStyles()\r\n\r\n return (\r\n <Stack className={classes.container} direction=\"row\" spacing={21}>\r\n <IconButton onClick={() => setSelectedIndex(2)} aria-label=\"delete\" size=\"medium\">\r\n <ArrowBackIcon className={classes.iconArrow} fontSize='medium'/>\r\n </IconButton>\r\n <Typography style={{marginLeft:20,color: '#474747'}} variant=\"h6\" color=\"initial\">Edit profile</Typography>\r\n </Stack>\r\n )\r\n}\r\n\r\nexport default ToolBar","import { makeStyles, TextField } from '@material-ui/core'\r\nimport ListItemAvatar from '@mui/material/ListItemAvatar';\r\nimport Avatar from '@mui/material/Avatar';\r\nimport AddAPhotoIcon from '@mui/icons-material/AddAPhoto';\r\nimport { useEffect } from 'react';\r\nimport { useDropzone } from 'react-dropzone';\r\nimport { format,firstLetter,prodBaseURL } from '../../../../../helpers'\r\nimport { IAuthorizationState } from '../../../../../typescript/redux/authorization/interfaces'\r\n\r\nconst useStyles = makeStyles({\r\n container: {\r\n display: 'flex',\r\n alignItems: 'center',\r\n alignContent:'center',\r\n flexDirection: 'column',\r\n width: '100%',\r\n padding: 20,\r\n paddingTop:0,\r\n position: 'relative',\r\n backgroundColor: '#ffffff',\r\n },\r\n imgWrapper: {\r\n cursor: 'pointer',\r\n marginBottom: 30,\r\n position: 'relative',\r\n },\r\n imgDropZoneOverlay: {\r\n position: 'absolute',\r\n width: 120,\r\n height: 120,\r\n borderRadius: '50%',\r\n backgroundColor: '#6868687d',\r\n left: 0,\r\n zIndex: 1,\r\n display: 'flex',\r\n justifyContent: 'center',\r\n alignContent: 'center',\r\n alignItems:'center'\r\n },\r\n addPhoto: {\r\n color: '#ffffff',\r\n transform: 'scale(1.1)',\r\n '&:hover': {\r\n transform: 'scale(1.3)',\r\n },\r\n },\r\n avatarArrow: {\r\n cursor: 'pointer',\r\n alignSelf: 'flex-end',\r\n '&:hover': {\r\n backgroundColor: 'rgb(62, 149, 231)'\r\n }\r\n }\r\n})\r\n\r\ninterface IEditList {\r\n user: IAuthorizationState,\r\n name: string,\r\n setName: any,\r\n lastName: string,\r\n setLastName: any,\r\n openBtn: boolean,\r\n setOpenBtn: any,\r\n file:any,\r\n setFile: (file:any) => void\r\n}\r\n\r\nconst EditList = (props: IEditList) => {\r\n const classes = useStyles()\r\n const { user, name, setName, lastName, setLastName,\r\n openBtn, setOpenBtn,setFile } = props\r\n const { avatarUrl, color } = user\r\n const { getRootProps, getInputProps, acceptedFiles } = useDropzone({\r\n noDrag: true,\r\n accept:'image/*'\r\n });\r\n\r\n const handleTextField = (e: React.ChangeEvent<HTMLInputElement>) => {\r\n !openBtn&&setOpenBtn(true)\r\n const value = format(e.target.value)\r\n const name = e.target.name\r\n switch (name) {\r\n case 'name':\r\n setName(value)\r\n break;\r\n case 'lastName':\r\n setLastName(value)\r\n break;\r\n default:\r\n break;\r\n }\r\n }\r\n\r\n useEffect(() => {\r\n if (acceptedFiles.slice(-1)[0]) {\r\n setFile(acceptedFiles.slice(-1)[0])\r\n setOpenBtn(true)\r\n }\r\n }, [setFile,setOpenBtn,acceptedFiles])\r\n\r\n return (\r\n <div className={classes.container} > \r\n <ListItemAvatar className={classes.imgWrapper}>\r\n <div {...getRootProps({ className: classes.imgDropZoneOverlay })}>\r\n <AddAPhotoIcon className={classes.addPhoto} fontSize='large' />\r\n <input {...getInputProps()}/>\r\n </div>\r\n <Avatar alt={name} src={avatarUrl?`${prodBaseURL}/${avatarUrl}`:undefined}\r\n sx={{ background: color, width: 120, height: 120}}>\r\n {`${firstLetter(name)}${firstLetter(lastName)}`}\r\n </Avatar>\r\n </ListItemAvatar> \r\n <TextField\r\n id=\"name\"\r\n name='name'\r\n label=\"Name\"\r\n value={name}\r\n fullWidth\r\n variant='outlined'\r\n onChange={handleTextField}\r\n style={{marginBottom:20}}\r\n />\r\n <TextField\r\n id=\"lastName\"\r\n name='lastName'\r\n label=\"LastName\"\r\n value={lastName}\r\n fullWidth\r\n variant='outlined'\r\n onChange={handleTextField}\r\n /> \r\n </div>\r\n )\r\n};\r\n\r\nexport default EditList;","import { makeStyles} from '@material-ui/core'\r\nimport Avatar from '@mui/material/Avatar';\r\nimport DoneIcon from '@mui/icons-material/Done';\r\n\r\nconst useStyles = makeStyles({\r\n container: {\r\n position: 'absolute',\r\n content: '',\r\n top: '92vh',\r\n right:20,\r\n },\r\n avatarArrow: {\r\n cursor: 'pointer',\r\n '&:hover': {\r\n backgroundColor: 'rgb(62, 149, 231)'\r\n }\r\n },\r\n})\r\n\r\nconst SubmitBtn = ({handleSubmit}:{handleSubmit:() => void}) => {\r\n const classes = useStyles() \r\n\r\n return (\r\n <div className={classes.container}>\r\n <Avatar onClick={handleSubmit} className={classes.avatarArrow}\r\n sx={{width: 56, height: 56,backgroundColor: 'rgb(41, 139, 231)',color: '#ffffff'}}>\r\n <DoneIcon fontSize=\"medium\" /> \r\n </Avatar>\r\n </div> \r\n )\r\n};\r\n\r\nexport default SubmitBtn;","import { makeStyles } from '@material-ui/core'\r\nimport { useState,useEffect } from 'react';\r\nimport { useSelector } from 'react-redux';\r\nimport ToolBar from './ToolBar'\r\nimport EditList from './EditList'\r\nimport SubmitBtn from './SubmitBtn';\r\nimport { getState } from '../../../../redux/authorization/selector'\r\nimport { updateCredentials,updateUserAvatar } from '../../../../api-data';\r\n\r\nconst useStyles = makeStyles({\r\n container: {\r\n width: '100%',\r\n height: '100%',\r\n backgroundColor: '#f3f2f2',\r\n position:'relative'\r\n }\r\n})\r\n\r\ninterface IEditBar {\r\n setSelectedIndex: React.Dispatch<React.SetStateAction<number | null>>\r\n}\r\n\r\nconst EditBar= ({setSelectedIndex}:IEditBar) => {\r\n const classes = useStyles()\r\n const user = useSelector(getState)\r\n const [name, setName] = useState<string>('')\r\n const [lastName, setLastName] = useState<string>('')\r\n const [openBtn, setOpenBtn] = useState<boolean>(false)\r\n const [file,setFile] = useState<any>(null)\r\n const {name:Name,lastName:LastName} = user\r\n\r\n const handleSubmit = async () => {\r\n if (name !== Name || lastName !== LastName){\r\n await updateCredentials({ name, lastName, originalName: name, originalLastName: lastName })\r\n }\r\n if (file) {\r\n const formData: any = new FormData()\r\n formData.append(\"avatar\", file);\r\n await updateUserAvatar(formData)\r\n }\r\n file && setFile(null)\r\n openBtn && setOpenBtn(false)\r\n }\r\n \r\n useEffect(() => {\r\n Name&&setName(Name)\r\n LastName && setLastName(LastName)\r\n }, [Name, LastName]) \r\n\r\n return (\r\n <div className={classes.container}>\r\n {openBtn&&<SubmitBtn handleSubmit={handleSubmit}/>}\r\n <ToolBar setSelectedIndex={setSelectedIndex}/>\r\n <EditList user={user} name={name} setName={setName}\r\n lastName={lastName} setLastName={setLastName} \r\n openBtn={openBtn} setOpenBtn={setOpenBtn}\r\n file={file} setFile={setFile}/>\r\n </div>\r\n )\r\n}\r\n\r\nexport default EditBar","import { useState, useRef, useEffect } from 'react';\r\nimport { useSelector } from 'react-redux';\r\nimport { createPortal } from 'react-dom';\r\n\r\nimport Grid from '@mui/material/Grid'\r\nimport SmallMenuBar from './SmallMenuBar'\r\nimport SearchLists from './SearchLists';\r\nimport SearchBar from './SearchBar'\r\nimport ChatsList from './ChatsList'\r\nimport MenuBar from './MenuBar'\r\nimport ContactsList from './ContactsList'\r\nimport AddContact from './AddContact'\r\nimport SettingsBar from './SettingsBar';\r\nimport EditBar from './EditBar';\r\nimport { getState } from '../../../redux/authorization/selector'\r\n\r\nconst LeftBar = () => {\r\n const { sort,nightMode } = useSelector(getState)\r\n const [isSearch, setIsSearch] = useState<boolean>(false)\r\n const [isMenu, setIsMenu] = useState<boolean>(false)\r\n const [isMenuSm, setIsMenuSm] = useState<boolean>(false);\r\n const [selectedIndex, setSelectedIndex] = useState<number | null>(null)\r\n const [disabled, setDisabled] = useState<boolean>(false)\r\n const [value, setValue] = useState<string>('')\r\n const [date, setDate] = useState<any>('');\r\n const modalRoot = useRef<HTMLDivElement|null>(null);\r\n const handleOpenIsSearch = () => !isSearch&&setIsSearch(true)\r\n const handleClick = (): void => {\r\n setValue('')\r\n setDate('')\r\n if (selectedIndex) setSelectedIndex(null)\r\n if(!isSearch) return setIsMenu(!isMenu)\r\n setIsSearch(false)\r\n setDisabled(false)\r\n }\r\n const handleSearch = (e: React.ChangeEvent<HTMLInputElement>):void => setValue(e.target.value)\r\n const handleEnterOpenMenuSm = (): void => {\r\n if(!isMenuSm) setIsMenuSm(true)\r\n }\r\n const handleLeaveCloseMenuSm = (): void => {\r\n if(isMenuSm) setIsMenuSm(false)\r\n }\r\n const handleSelectedMenu = (i: number) => {\r\n setIsSearch(true)\r\n setIsMenu(false)\r\n setIsMenuSm(false)\r\n setValue('')\r\n setDate('')\r\n setSelectedIndex(i)\r\n }\r\n \r\n useEffect(() => {\r\n const handleCloseModal = (e:any) => {\r\n if (e.target.id === 'overlay') {\r\n setIsMenu(false)\r\n setIsMenuSm(false)\r\n }\r\n }\r\n if (!modalRoot.current) {\r\n const modal = document.getElementById('modal-root') as HTMLDivElement | null\r\n if (modal) {\r\n modal.addEventListener('click',handleCloseModal)\r\n modalRoot.current = modal\r\n } \r\n }\r\n return () => {\r\n if (modalRoot.current) {\r\n modalRoot.current.removeEventListener('click',handleCloseModal)\r\n modalRoot.current = null \r\n }\r\n }\r\n }, [])\r\n\r\n return (\r\n <Grid item lg={3} style={{ position: 'relative', backgroundColor:'#ffffff'}}\r\n onMouseEnter={handleEnterOpenMenuSm} onMouseLeave={handleLeaveCloseMenuSm}>\r\n {selectedIndex !== 2 && selectedIndex !== 3 && selectedIndex !== 4 &&\r\n <SearchBar handleClick={handleClick} handleOpenIsSearch={handleOpenIsSearch} sort={sort} \r\n handleSearch={handleSearch} isSearch={isSearch} value={value} setDate={setDate}\r\n date={date} disabled={disabled} />}\r\n {!selectedIndex && isSearch && <SearchLists value={value} setValue={setValue}\r\n sort={sort} date={date} setDate={setDate} setDisabled={setDisabled}/>}\r\n {!selectedIndex&&!isSearch &&<ChatsList sort={sort}/>}\r\n {!selectedIndex && isMenuSm && !isSearch && <SmallMenuBar\r\n handleSelectedMenu={handleSelectedMenu} setIsMenuSm={setIsMenuSm} />}\r\n {isMenu && modalRoot.current &&\r\n createPortal(<MenuBar handleSelectedMenu={handleSelectedMenu} nightMode={nightMode}/>, modalRoot.current)}\r\n {selectedIndex === 1 && <ContactsList handleClick={handleClick} value={value}\r\n sort={sort} date={date} setDisabled={setDisabled} />}\r\n {selectedIndex === 2 && <SettingsBar setSelectedIndex={setSelectedIndex} handleClick={handleClick}/>}\r\n {selectedIndex === 3 && <AddContact setSelectedIndex={setSelectedIndex} handleClick={handleClick}/>}\r\n {selectedIndex === 4 && <EditBar setSelectedIndex={setSelectedIndex}/>}\r\n </Grid>\r\n )\r\n}\r\n\r\nexport default LeftBar","import ListItemButton from '@mui/material/ListItemButton';\r\nimport Avatar from '@mui/material/Avatar';\r\nimport ListItemText from '@mui/material/ListItemText';\r\nimport ListItemIcon from '@mui/material/ListItemIcon';\r\nimport { useDispatch, useSelector } from 'react-redux';\r\n\r\nimport { actionIsOpen } from '../../../../../redux/control/action'\r\nimport { getChat } from '../../../../../redux/chat/selector'\r\nimport { firstLetter,slicedWord,timeStampEU,prodBaseURL } from '../../../../../helpers'\r\n\r\nconst Credentials = () => {\r\n const dispatch = useDispatch()\r\n const { name, lastName, avatarUrl, color, online } = useSelector(getChat)\r\n \r\n return (\r\n <ListItemButton onClick={() => dispatch(actionIsOpen('credentials'))}>\r\n <ListItemIcon >\r\n <Avatar alt={name} src={avatarUrl?`${prodBaseURL}/${avatarUrl}`:undefined}\r\n sx={{ background: color, width: 44, height: 44 }}>\r\n {!avatarUrl&&`${firstLetter(name)}${firstLetter(lastName)}`}\r\n </Avatar>\r\n </ListItemIcon> \r\n <ListItemText primary={`${firstLetter(name)}${slicedWord(name, 15, 1)}\r\n ${firstLetter(lastName)}${slicedWord(lastName, 15, 1)}`}\r\n secondaryTypographyProps={{ color: '#0379af' }} secondary={online === 'true' ?\r\n 'online' : `last seen ${timeStampEU(online)}`} />\r\n </ListItemButton>\r\n )\r\n}\r\n\r\nexport default Credentials","import { useState } from 'react';\r\nimport { useDispatch,useSelector } from 'react-redux';\r\nimport { styled } from '@mui/material/styles';\r\nimport IconButton from '@mui/material/IconButton';\r\nimport Menu from '@mui/material/Menu';\r\nimport MenuItem from '@mui/material/MenuItem';\r\nimport NotificationsNoneIcon from '@mui/icons-material/NotificationsNone';\r\nimport VolumeOffIcon from '@mui/icons-material/VolumeOff';\r\nimport DeleteOutlineIcon from '@mui/icons-material/DeleteOutline';\r\nimport MoreVertIcon from '@mui/icons-material/MoreVert';\r\n\r\nimport { actionIsOpen } from '../../../../../../redux/control/action'\r\nimport { getChat } from '../../../../../../redux/chat/selector'\r\nimport { muteChat } from '../../../../../../api-data'\r\n\r\nconst StyledMenu = styled((props:any) => (\r\n <Menu\r\n elevation={0}\r\n anchorOrigin={{\r\n vertical: 'top',\r\n horizontal: 'right',\r\n }}\r\n transformOrigin={{\r\n vertical: 'bottom',\r\n horizontal: 'right',\r\n }}\r\n {...props}\r\n />\r\n))(({ theme }:any) => ({\r\n '& .MuiPaper-root': {\r\n borderRadius: 10,\r\n marginTop: theme.spacing(-2),\r\n minWidth: 220,\r\n color:\r\n theme.palette.mode === 'light' ? 'rgb(55, 65, 81)' : theme.palette.grey[500],\r\n boxShadow:\r\n 'rgb(255, 255, 255) 0px 0px 0px 0px, rgba(0, 0, 0, 0.05) 0px 0px 0px 1px, rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px',\r\n '& .MuiMenu-list': {\r\n padding: '14px 14px',\r\n },\r\n '& .MuiMenuItem-root': {\r\n marginBottom: theme.spacing(1),\r\n '& .MuiSvgIcon-root': {\r\n fontSize: 21,\r\n color: theme.palette.text.secondary,\r\n marginRight: theme.spacing(4),\r\n }\r\n },\r\n },\r\n}));\r\n\r\n\r\nconst MenuList = ({setModal}:{setModal:any}) => {\r\n const dispatch = useDispatch()\r\n const [anchorEl, setAnchorEl] = useState<any>(null);\r\n const open = Boolean(anchorEl);\r\n const { companionId,mute } = useSelector(getChat)\r\n const handleClick = (e: React.MouseEvent<HTMLButtonElement>): void => {\r\n dispatch(actionIsOpen('menu'))\r\n setAnchorEl(e.currentTarget)\r\n }\r\n\r\n const handleClose = (type:string|undefined):void => {\r\n if (type === 'mute') muteChat(companionId)\r\n if (type === 'deleteModal') setModal(true)\r\n dispatch(actionIsOpen(''))\r\n setAnchorEl(null)\r\n }\r\n\r\n return (\r\n <>\r\n <IconButton onClick={handleClick} aria-label=\"delete\" size=\"medium\">\r\n <MoreVertIcon fontSize='medium'/>\r\n </IconButton>\r\n <StyledMenu\r\n id=\"demo-positioned-menu\"\r\n aria-labelledby=\"demo-positioned-button\"\r\n anchorEl={anchorEl}\r\n open={open}\r\n onClose={handleClose}\r\n >\r\n <MenuItem onClick={() => handleClose('mute')}>\r\n {mute ? <NotificationsNoneIcon /> : <VolumeOffIcon />}\r\n {mute ? 'Unmute':'Mute'}\r\n </MenuItem>\r\n <MenuItem style={{color:'#f02a2a'}} onClick={() => handleClose('deleteModal')}>\r\n <DeleteOutlineIcon style={{color:'#f02a2a'}}/>\r\n Delete chat\r\n </MenuItem> \r\n </StyledMenu>\r\n </>\r\n );\r\n}\r\n\r\nexport default MenuList","import Button from '@mui/material/Button';\r\nimport Avatar from '@mui/material/Avatar';\r\nimport { makeStyles } from '@material-ui/core'\r\nimport { useSelector } from 'react-redux';\r\n\r\nimport { getChat } from '../../../../../../redux/chat/selector';\r\nimport { removeChatForBoth } from '../../../../../../api-data';\r\nimport { firstLetter,slicedWord,prodBaseURL } from '../../../../../../helpers';\r\n\r\nconst useStyles = makeStyles({\r\n modalDelete: {\r\n background: '#ffffff',\r\n position: 'absolute',\r\n content:'',\r\n width: '20%',\r\n height:'auto',\r\n left: '40%',\r\n bottom: '48.5%',\r\n borderRadius: 10,\r\n padding: 10,\r\n display: 'flex',\r\n flexDirection:'column'\r\n }, \r\n overlay: {\r\n position: 'fixed',\r\n top: 0,\r\n left: 0,\r\n width: '100vw',\r\n height: '100vh',\r\n zIndex: 100,\r\n backgroundColor: 'rgba(104, 105, 104, 0.6)',\r\n overflowY: 'hidden',\r\n },\r\n titleWrapper: {\r\n display: 'flex',\r\n justifyContent: 'flex-start',\r\n alignContent: 'center',\r\n alignItems:'center'\r\n },\r\n})\r\n\r\nconst DeleteModal = ({setModal}:{setModal:any}) => {\r\n const classes = useStyles()\r\n const {name,lastName,avatarUrl,color,companionId} = useSelector(getChat)\r\n\r\n const handleDeleteModal = (e: any) => {\r\n const id = e.target.id\r\n if (id === 'overlay' || id === 'cancel') return setModal(false)\r\n if (id === 'delete') {\r\n removeChatForBoth(companionId)\r\n setModal(false)\r\n }\r\n }\r\n\r\n return (\r\n <div onClick={handleDeleteModal} className={classes.overlay} id='overlay'>\r\n <div className={classes.modalDelete}>\r\n <div className={classes.titleWrapper}>\r\n <Avatar alt={name} src={avatarUrl?`${prodBaseURL}/${avatarUrl}`:undefined}\r\n sx={{ background: color, width: 38, height: 38,marginRight:2}}>\r\n {`${firstLetter(name)}${firstLetter(lastName)}`}\r\n </Avatar>\r\n <h3 style={{color: '#2c2c2c'}}>Delete chat</h3>\r\n </div>\r\n <p style={{color: '#050505'}}>{`Are you sure you want to delete the\r\n chat with ${`${firstLetter(name)}${slicedWord(name, 15, 1)} \r\n ${firstLetter(lastName)}${slicedWord(lastName, 15, 1)}`}?`}</p>\r\n <Button id='delete' variant=\"text\" color=\"error\" style={{fontWeight:500,fontSize:22}}>\r\n DELETE CHAT\r\n </Button> \r\n <Button id='cancel' variant=\"text\" style={{fontWeight:500,fontSize:22}}>\r\n CANCEL\r\n </Button>\r\n </div>\r\n </div> \r\n )\r\n}\r\n\r\nexport default DeleteModal","import Stack from '@mui/material/Stack';\r\nimport IconButton from '@mui/material/IconButton';\r\nimport SearchIcon from '@mui/icons-material/Search';\r\nimport { makeStyles } from '@material-ui/core'\r\nimport { useDispatch } from 'react-redux';\r\nimport { useState } from 'react';\r\n\r\nimport MenuList from './MenuList'\r\nimport DeleteModal from './DeleteModal';\r\nimport { actionIsOpen } from '../../../../../redux/control/action'\r\n\r\nconst useStyles = makeStyles({\r\n container: {\r\n marginLeft: 20,\r\n }, \r\n})\r\n\r\nconst Buttons = () => {\r\n const classes = useStyles()\r\n const dispatch = useDispatch()\r\n const [modal,setModal] = useState<boolean>(false)\r\n\r\n return (\r\n <Stack className={classes.container} direction=\"row\">\r\n <IconButton onClick={() => dispatch(actionIsOpen('search'))} aria-label=\"delete\" size=\"medium\">\r\n <SearchIcon fontSize='medium'/>\r\n </IconButton>\r\n <MenuList setModal={setModal}/>\r\n {modal&&<DeleteModal setModal={setModal}/>} \r\n </Stack>\r\n );\r\n}\r\n\r\nexport default Buttons","import Toolbar from '@mui/material/Toolbar'\r\nimport AppBar from '@mui/material/AppBar';\r\nimport { makeStyles } from '@material-ui/core'\r\n\r\nimport Credentials from './Credentials'\r\nimport Buttons from './Buttons'\r\n\r\nconst useStyles = makeStyles({\r\n toolBar: {\r\n color: '#6e6d6d',\r\n display: 'flex',\r\n justifyContent: 'space-between',\r\n backgroundColor: '#ffffff',\r\n height:'7vh'\r\n },\r\n})\r\n\r\nconst HeaderBar = () => {\r\n const classes = useStyles()\r\n return (\r\n <AppBar position=\"static\">\r\n <Toolbar className={classes.toolBar}>\r\n <Credentials/>\r\n <Buttons/>\r\n </Toolbar>\r\n </AppBar> \r\n )\r\n}\r\n\r\nexport default HeaderBar\r\n\r\n","import { makeStyles } from \"@material-ui/core/styles\";\r\nimport ArrowDownwardIcon from '@mui/icons-material/ArrowDownward';\r\nimport Avatar from '@mui/material/Avatar';\r\n\r\nconst useStyles = makeStyles({ \r\n avatarArrowWrapper: {\r\n position:'absolute',\r\n right: 20,\r\n top: '70vh',\r\n width: 56,\r\n }, \r\n avatarArrow: {\r\n cursor:'pointer',\r\n '&:hover': {\r\n backgroundColor: 'rgb(41, 139, 231)',\r\n color: '#ffffff',\r\n }\r\n },\r\n listSeenIcon: {\r\n position: 'absolute',\r\n top: -8,\r\n left: 16,\r\n borderRadius: '50%',\r\n color: '#ffffff',\r\n border: 'none',\r\n height: 24,\r\n width: 24,\r\n textAlign: 'center',\r\n display: 'flex',\r\n alignItems: 'center',\r\n justifyContent: 'center',\r\n alignContent: 'center',\r\n fontSize: 12,\r\n zIndex: 10,\r\n cursor:'pointer',\r\n }, \r\n});\r\n\r\ninterface IArrowBack {\r\n isArrow: boolean,\r\n isNew: {new:number,mute:boolean},\r\n handleScrollTo:() => void\r\n}\r\n\r\nconst ArrowBack = ({ isArrow, handleScrollTo, isNew }: IArrowBack) => {\r\n const classes = useStyles()\r\n\r\nreturn (\r\n <div className={classes.avatarArrowWrapper} style={{display: isArrow ? 'block' : 'none'}}>\r\n <button onClick={handleScrollTo} style={{display: isNew.new ? 'block' : 'none',\r\n background: isNew.mute ? '#a7aaa7' : '#0ac40a'}}\r\n className={classes.listSeenIcon}>{isNew.new}</button>\r\n <Avatar onClick={handleScrollTo} className={classes.avatarArrow}\r\n sx={{backgroundColor: '#ffffff', width: 56, height: 56,color: '#6b6b6b'}}>\r\n <ArrowDownwardIcon fontSize=\"medium\" /> \r\n </Avatar> \r\n </div> \r\n )\r\n}\r\n\r\nexport default ArrowBack","import { makeStyles } from '@material-ui/core'\r\nimport React from 'react';\r\nimport { useDropzone } from 'react-dropzone';\r\nimport { useEffect } from 'react';\r\n\r\nconst useStyles = makeStyles({\r\n container: {\r\n width: '100%',\r\n position:'relative',\r\n },\r\n dropZone: {\r\n width: '100%',\r\n display: 'flex',\r\n position:'relative',\r\n height: 20,\r\n zIndex:10\r\n },\r\n})\r\n\r\ninterface IUploadFile {\r\n children:React.ReactNode,\r\n setFile: any,\r\n setValue: any,\r\n accept: string\r\n}\r\n \r\nconst UploadFile = ({children,setFile,setValue,accept}:IUploadFile) => {\r\n const classes = useStyles()\r\n const { getRootProps, getInputProps, acceptedFiles } = useDropzone({\r\n noDrag: true,\r\n accept\r\n });\r\n useEffect(() => {\r\n if (acceptedFiles.slice(-1)[0]) {\r\n setValue('')\r\n setFile(acceptedFiles.slice(-1)[0])\r\n }\r\n }, [setFile,setValue, acceptedFiles])\r\n \r\n return (\r\n <div className={classes.container} >\r\n {children}\r\n <div {...getRootProps({ className: classes.dropZone })}>\r\n <input placeholder='Photo or Video' {...getInputProps()}/>\r\n </div>\r\n </div>\r\n );\r\n}\r\n\r\nexport default UploadFile","import MenuList from '@mui/material/MenuList';\r\nimport MenuItem from '@mui/material/MenuItem';\r\nimport ListItemText from '@mui/material/ListItemText';\r\nimport ListItemIcon from '@mui/material/ListItemIcon';\r\nimport InsertDriveFileIcon from '@mui/icons-material/InsertDriveFile';\r\nimport { makeStyles } from '@material-ui/core'\r\nimport UploadFile from './UploadFile'\r\n\r\nconst useStyles = makeStyles({\r\n list: {\r\n background: '#fdfdfd',\r\n },\r\n listIcon: {\r\n position: 'absolute',\r\n left:0\r\n },\r\n listText: {\r\n position: 'absolute',\r\n left:40\r\n }, \r\n})\r\n\r\ninterface IFilesMenu {\r\n setIsOpenMenu: any,\r\n setFile: any,\r\n setValue: any,\r\n setType: any\r\n}\r\nconst FilesMenu = ({setIsOpenMenu,setFile,setValue,setType}:IFilesMenu) => {\r\n const classes = useStyles()\r\n const handleClose = (type:string) => {\r\n setType(type)\r\n setIsOpenMenu(false)\r\n }\r\n \r\n return (\r\n <MenuList className={classes.list}>\r\n <MenuItem onClick={() => handleClose('content')}>\r\n <UploadFile setFile={setFile} setValue={setValue} accept='image/*,video/*,audio/*'>\r\n <ListItemIcon className={classes.listIcon}>\r\n <InsertDriveFileIcon fontSize=\"medium\" />\r\n </ListItemIcon>\r\n <ListItemText className={classes.listText}>Upload Image/Audio/Video</ListItemText>\r\n </UploadFile>\r\n </MenuItem>\r\n <MenuItem onClick={() => handleClose('application')}>\r\n <UploadFile setFile={setFile} setValue={setValue} accept='application/pdf,\r\n application/vnd.openxmlformats-officedocument.wordprocessingml.document'>\r\n <ListItemIcon className={classes.listIcon}>\r\n <InsertDriveFileIcon fontSize=\"medium\" />\r\n </ListItemIcon>\r\n <ListItemText className={classes.listText}>Upload File</ListItemText>\r\n </UploadFile>\r\n </MenuItem> \r\n </MenuList>\r\n );\r\n}\r\n\r\nexport default FilesMenu","import { makeStyles } from \"@material-ui/core/styles\";\r\nimport SendIcon from '@mui/icons-material/Send';\r\nimport MicNoneIcon from '@mui/icons-material/MicNone';\r\nimport VideocamIcon from '@mui/icons-material/Videocam';\r\nimport AttachFileIcon from '@mui/icons-material/AttachFile';\r\nimport SentimentSatisfiedAltIcon from '@mui/icons-material/SentimentSatisfiedAlt';\r\nimport CloseIcon from '@mui/icons-material/Close';\r\nimport Picker from 'emoji-picker-react';\r\nimport { useReactMediaRecorder } from \"react-media-recorder\";\r\nimport { useState } from \"react\";\r\nimport { useSelector } from \"react-redux\";\r\n\r\nimport FilesMenu from \"../FilesMenu\";\r\nimport {\r\n sentMessageById, sentImgMessageById, sentAudioMessageById,\r\n sentVideoMessageById,sentFileMessageById\r\n} from '../../../../../api-data'\r\nimport { getChat } from '../../../../../redux/chat/selector'\r\nimport { getIsOpen } from '../../../../../redux/control/selector'\r\nimport { playNotification,prodBaseURL } from \"../../../../../helpers\";\r\nimport { typingChat } from \"../../../../../api-data\";\r\n\r\nconst useStyles = makeStyles({ \r\n container: {\r\n width: '35vw',\r\n height:'6vh',\r\n position: 'fixed',\r\n bottom: '2vh',\r\n borderRadius: 8,\r\n padding: 10,\r\n display: 'flex',\r\n flexWrap: 'nowrap',\r\n alignContent: 'start',\r\n alignItems: 'start',\r\n color: '#6b6b6b',\r\n backgroundColor: '#ffffff', \r\n },\r\n textarea: {\r\n width: '100%',\r\n height: '100%',\r\n outline: 'none',\r\n border:'none',\r\n padding: '0px 10px',\r\n marginLeft: 8,\r\n marginRight: 8,\r\n overflowY:'auto',\r\n resize: 'none',\r\n '&::placeholder': {\r\n color: 'rgb(82, 82, 82)',\r\n fontWeight: 600\r\n }\r\n }, \r\n attachIcon: {\r\n transform:'rotate(30deg)', \r\n },\r\n borderTop: {\r\n position: 'absolute',\r\n left: 0,\r\n top: '-2vh',\r\n width: '100%',\r\n height: 1,\r\n background:'#ffffff',\r\n }, \r\n filesMenu: {\r\n background: '#fdfdfd',\r\n position: 'absolute',\r\n width: '15vw',\r\n maxWidth: '100%',\r\n left: '61%',\r\n bottom:'10vh',\r\n zIndex: 10,\r\n visibility: 'visible',\r\n borderRadius: 10,\r\n padding: '4px 6px',\r\n },\r\n emoji: {\r\n position: 'absolute',\r\n bottom:'10vh',\r\n zIndex: 10,\r\n visibility: 'visible',\r\n },\r\n iconCancel: {\r\n position: 'absolute',\r\n left: -72,\r\n bottom:-1,\r\n display:'flex',\r\n backgroundColor: '#ffffff',\r\n color: 'rgb(243, 69, 69)',\r\n border:'solid 4px rgb(243, 69, 69)',\r\n borderRadius: '50%',\r\n '&:hover': {\r\n backgroundColor: 'rgb(243, 69, 69)',\r\n color: '#ffffff',\r\n }\r\n }, \r\n avatarCamera: {\r\n position: 'absolute',\r\n left: -72,\r\n bottom:-1,\r\n display: 'flex',\r\n borderRadius: '50%',\r\n zIndex: 10,\r\n border: 'solid 14px #ffffff',\r\n '&:hover': {\r\n backgroundColor: 'rgb(41, 139, 231)',\r\n border:'solid 14px rgb(41, 139, 231)',\r\n color: '#ffffff',\r\n }\r\n },\r\n avatarRight: {\r\n position: 'absolute',\r\n right: -72,\r\n bottom:-1,\r\n display: 'flex',\r\n borderRadius: '50%',\r\n zIndex: 10,\r\n border: 'solid 14px #ffffff',\r\n '&:hover': {\r\n backgroundColor: 'rgb(41, 139, 231)',\r\n border:'solid 14px rgb(41, 139, 231)',\r\n color: '#ffffff'\r\n }\r\n }, \r\n overlay: {\r\n position: 'fixed',\r\n top: 0,\r\n left: 0,\r\n width: '100vw',\r\n height: '100vh',\r\n zIndex:100\r\n },\r\n ringContainerLeft: {\r\n position: 'absolute',\r\n left: 10,\r\n top: -40,\r\n zIndex: 10,\r\n }, \r\n ringContainerRight: {\r\n position: 'absolute',\r\n right: 10,\r\n top: -40,\r\n zIndex: 10,\r\n },\r\n circle: {\r\n width: 15,\r\n height: 15,\r\n backgroundColor: '#ff0505',\r\n borderRadius: '50%',\r\n position: 'relative'\r\n },\r\n ringRing: {\r\n border: '3px solid #ff0505',\r\n borderRadius: '50%',\r\n height: 25,\r\n width: 25,\r\n position: 'absolute',\r\n right: -5,\r\n top: -5,\r\n animation: `$pulsate 1s ease-out`,\r\n animationIterationCount: 'infinite',\r\n opacity: 0\r\n },\r\n '@keyframes pulsate': {\r\n '0%': {transform: 'scale(0.1, 0.1)', opacity: 0},\r\n '50%': { opacity: 1},\r\n '100%': {transform: 'scale(1.2, 1.2)', opacity: 0},\r\n },\r\n});\r\n\r\ninterface ISendMessage{\r\n isArrow: boolean,\r\n}\r\n\r\nconst SendMessage = ({isArrow }:ISendMessage) => {\r\n const classes = useStyles();\r\n const { companionId } = useSelector(getChat)\r\n const isOpen = useSelector(getIsOpen)\r\n const [value, setValue] = useState<string>('')\r\n const [file, setFile] = useState<any>(false)\r\n const [isOpenMenu, setIsOpenMenu] = useState<boolean>(false)\r\n const [isOpenEmoji, setIsOpenEmoji] = useState<boolean>(false)\r\n const [isRecording, setIsRecording] = useState<boolean>(false)\r\n const [isFilming, setIsFilming] = useState<boolean>(false) \r\n const [type, setType] = useState<string>('')\r\n const { status, startRecording, stopRecording, mediaBlobUrl, clearBlobUrl } = useReactMediaRecorder({ audio: true });\r\n const { status: _status, startRecording: _startRecording, stopRecording: _stopRecording,\r\n mediaBlobUrl: _mediaBlobUrl, clearBlobUrl: _clearBlobUrl } = useReactMediaRecorder({ video: true });\r\n const onEmojiClick = (_e:any, emojiObject:any) => {\r\n setValue(prevValue => prevValue + emojiObject.emoji)\r\n setIsOpenEmoji(false)\r\n }; \r\n const clearMessage = () => {\r\n file &&setFile(false)\r\n isRecording && setIsRecording(false)\r\n isFilming && setIsFilming(false)\r\n value && setValue('')\r\n type && setType('')\r\n mediaBlobUrl && clearBlobUrl()\r\n _mediaBlobUrl && _clearBlobUrl()\r\n isOpenMenu && setIsOpenMenu(false)\r\n isOpenEmoji && setIsOpenEmoji(false)\r\n \r\n }\r\n const sentMessage = async () => {\r\n if (value) sentMessageById(companionId, value)\r\n if (mediaBlobUrl && type === 'recording') {\r\n const audio = new XMLHttpRequest();\r\n audio.open('GET', mediaBlobUrl, true);\r\n audio.responseType = 'blob';\r\n audio.onload = () => {\r\n if (audio.status === 200) {\r\n const blob = audio.response\r\n const file = new File([blob], 'audio.mp3', {\r\n type: 'audio/mpeg'\r\n })\r\n const formData: any = new FormData()\r\n formData.append(\"audio\", file)\r\n sentAudioMessageById(companionId, formData)\r\n clearBlobUrl()\r\n }\r\n }\r\n audio.send();\r\n }\r\n if (_mediaBlobUrl && type === 'filming') {\r\n const video = new XMLHttpRequest();\r\n video.open('GET', _mediaBlobUrl, true);\r\n video.responseType = 'blob';\r\n video.onload = () => {\r\n if (video.status === 200) {\r\n const blob = video.response\r\n const file = new File([blob], 'video.mp4', {\r\n type: 'video/mp4'\r\n })\r\n const formData: any = new FormData()\r\n formData.append(\"video\", file)\r\n sentVideoMessageById(companionId, formData)\r\n _clearBlobUrl()\r\n }\r\n }\r\n video.send();\r\n } \r\n if (file && type) {\r\n if (file.type.includes('image') && type === 'content') {\r\n const formData: any = new FormData()\r\n formData.append(\"image\", file);\r\n await sentImgMessageById(companionId, formData)\r\n }\r\n if (file.type.includes('audio') && type === 'content') {\r\n const formData: any = new FormData()\r\n formData.append(\"audio\", file);\r\n sentAudioMessageById(companionId, formData)\r\n } \r\n if (file.type.includes('video') && type === 'content') {\r\n const formData: any = new FormData()\r\n formData.append(\"video\", file);\r\n sentVideoMessageById(companionId, formData) \r\n }\r\n if (file.type.includes('application') && type === 'application') {\r\n const formData: any = new FormData()\r\n formData.append(\"file\", file);\r\n sentFileMessageById(companionId, formData) \r\n }\r\n }\r\n clearMessage()\r\n playNotification(`${prodBaseURL}/send.mp3`)\r\n } \r\n const handleTextarea = (e: React.ChangeEvent<HTMLTextAreaElement>) => setValue(e.target.value)\r\n const handleFocusTextarea = async () => await typingChat(companionId,true)\r\n const handleBlurTextarea = async () => await typingChat(companionId,false) \r\n const handleOpenFileMenu = () => !isOpenMenu&&setIsOpenMenu(true)\r\n const handleCloseFileMenu = (e:any) => e.target.id === 'overlay'&&isOpenMenu&&setIsOpenMenu(false) \r\n const handleOpenEmoji = () => !isOpenEmoji&&setIsOpenEmoji(true)\r\n const handleCloseEmoji = (e: any) => e.target.id === 'overlay'&&isOpenEmoji&&setIsOpenEmoji(false) \r\n const handleRecording = () => {\r\n if (isRecording) return stopRecording()\r\n startRecording()\r\n setType('recording')\r\n setIsRecording(true) \r\n }\r\n const handleFilming = () => {\r\n if (isFilming) return _stopRecording()\r\n _startRecording()\r\n setType('filming')\r\n setIsFilming(true) \r\n }\r\n\r\n return (\r\n <div className={classes.container}>\r\n {isArrow && <div className={classes.borderTop}></div>}\r\n {isFilming && _status !== 'stopped' &&\r\n <div className={classes.ringContainerLeft}>\r\n <div className={classes.ringRing}></div>\r\n <div className={classes.circle}></div> \r\n </div>} \r\n {isRecording && status !== 'stopped' &&\r\n <div className={classes.ringContainerRight}>\r\n <div className={classes.ringRing}></div>\r\n <div className={classes.circle}></div> \r\n </div>} \r\n <CloseIcon onClick={clearMessage} fontSize=\"small\" className={classes.iconCancel}\r\n sx={{width: 56, height: 56, display: file || value || status === 'stopped'\r\n || _status === 'stopped' ? 'inline-block' : 'none'}} />\r\n <VideocamIcon onClick={handleFilming} className={classes.avatarCamera}\r\n sx={{backgroundColor: '#ffffff', color: '#7c7c7c', width: 56, height: 56}}\r\n style={{display: status !== 'idle' || _status === 'stopped' || file || value ? 'none' : 'block',\r\n animation: isFilming ? 'ripple 1.2s infinite ease-in-out' : 'none'\r\n }} />\r\n <SendIcon onClick={sentMessage} className={classes.avatarRight} \r\n sx={{backgroundColor: '#ffffff',color: 'rgb(41, 139, 231)', width: 56, height: 56}}\r\n style={{display: value || file || status === 'stopped' || _status === 'stopped' ? 'block':'none' }}/> \r\n <MicNoneIcon onClick={handleRecording} className={classes.avatarRight} \r\n sx={{backgroundColor: isRecording ? 'rgb(41, 139, 231)' : '#ffffff',\r\n color: isRecording ? '#ffffff' : '#6b6b6b', width: 56, height: 56}}\r\n style={{display: !value && !file && status !== 'stopped' && _status === 'idle' ? 'block' : 'none',\r\n animation:isRecording ? 'ripple 1.2s infinite ease-in-out': 'none'}}/>\r\n <SentimentSatisfiedAltIcon onClick={handleOpenEmoji} \r\n fontSize='medium' sx={{color: isOpenEmoji ? 'rgb(41, 139, 231)' : '#6b6b6b', cursor: 'pointer',\r\n pointerEvents: file || status !== 'idle' || _status !== 'idle' ? 'none' : \"auto\",\r\n '&:hover': { color: 'rgb(41, 139, 231)'}}} />\r\n <div onClick={handleCloseEmoji} className={classes.overlay} id='overlay'\r\n style={{ display: isOpenEmoji ? 'block':'none'}}>\r\n <div className={classes.emoji} style={{left: isOpen&&isOpen !== 'menu'?'32.5vw':'45vw'}}>\r\n <Picker onEmojiClick={onEmojiClick} />\r\n </div> \r\n </div>\r\n <textarea disabled={file || status !== 'idle' || _status !== 'idle' ? true : false} value={value} onBlur={handleBlurTextarea}\r\n onFocus={handleFocusTextarea} onChange={handleTextarea} className={classes.textarea}\r\n placeholder={file ? 'The File is ready to send' : status === 'idle' && _status === 'idle' ? 'Message ' :\r\n `${status === 'stopped' || _status === 'stopped' ?'Recorded':'Recording in progress'}`} rows={1}>\r\n </textarea>\r\n <AttachFileIcon onClick={handleOpenFileMenu} className={classes.attachIcon}\r\n fontSize='medium' sx={{color: isOpenMenu ? 'rgb(41, 139, 231)' : '#6b6b6b', cursor: 'pointer',\r\n pointerEvents: value || status !== 'idle' || _status !== 'idle' ? 'none' : \"auto\",'&:hover': { color: 'rgb(41, 139, 231)'}}} />\r\n <div onClick={handleCloseFileMenu} className={classes.overlay} id='overlay'\r\n style={{ display: isOpenMenu ? 'block':'none'}}>\r\n <div className={classes.filesMenu} style={{left: isOpen&&isOpen !== 'menu'?'52.5vw':'65vw'}}>\r\n <FilesMenu setFile={setFile} setValue={setValue} setIsOpenMenu={setIsOpenMenu} setType={setType}/>\r\n </div>\r\n </div> \r\n </div> \r\n )\r\n}\r\n\r\nexport default SendMessage","import { makeStyles } from \"@material-ui/core/styles\";\r\nimport { styled } from '@mui/material/styles';\r\nimport { useState } from \"react\";\r\nimport ListItemText from '@mui/material/ListItemText';\r\nimport Button from '@mui/material/Button';\r\nimport ContentCopyIcon from '@mui/icons-material/ContentCopy';\r\nimport DeleteOutlineIcon from '@mui/icons-material/DeleteOutline';\r\nimport Menu from '@mui/material/Menu';\r\nimport MenuItem from '@mui/material/MenuItem';\r\nimport { CopyToClipboard } from 'react-copy-to-clipboard';\r\nimport { removeMessageById } from \"../../../../../../api-data\";\r\nimport { firstLetter,slicedWord,timeStampMessage,copied } from '../../../../../../helpers'\r\n\r\nconst StyledMenu = styled((props:any) => (\r\n <Menu\r\n elevation={0}\r\n anchorOrigin={{\r\n vertical: 'top',\r\n horizontal: 'right',\r\n }}\r\n transformOrigin={{\r\n vertical: 'bottom',\r\n horizontal: 'right',\r\n }}\r\n {...props}\r\n />\r\n))(({ theme }:any) => ({\r\n '& .MuiPaper-root': {\r\n borderRadius: 10,\r\n marginTop: theme.spacing(0),\r\n minWidth: 220,\r\n color:\r\n theme.palette.mode === 'light' ? 'rgb(55, 65, 81)' : theme.palette.grey[500],\r\n boxShadow:\r\n 'rgb(255, 255, 255) 0px 0px 0px 0px, rgba(0, 0, 0, 0.05) 0px 0px 0px 1px, rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px',\r\n '& .MuiMenu-list': {\r\n padding: '4px 4px',\r\n },\r\n '& .MuiMenuItem-root': {\r\n marginBottom: theme.spacing(1),\r\n '& .MuiSvgIcon-root': {\r\n fontSize: 21,\r\n color: theme.palette.text.secondary,\r\n marginRight: theme.spacing(2),\r\n }\r\n },\r\n },\r\n}));\r\n\r\nconst useStyles = makeStyles({\r\n container: {\r\n display: \"flex\",\r\n justifyContent: \"flex-start\",\r\n marginBottom:15\r\n },\r\n wrapper: {\r\n position: 'relative',\r\n display: 'flex',\r\n alignItems: 'center',\r\n alignContent: 'center',\r\n maxWidth: 450,\r\n padding: \"10px\",\r\n paddingBottom:18,\r\n backgroundColor: \"#ffffff\",\r\n border: \"1px solid #f0f0f0\",\r\n borderRadius: 7,\r\n },\r\n message: {\r\n wordBreak:'break-word',\r\n textAlign: \"left\",\r\n font: \"400 .9em 'Open Sans', sans-serif\",\r\n \"&:after\": {\r\n content: \"''\",\r\n position: \"absolute\",\r\n width: \"0\",\r\n height: \"0\",\r\n borderBottom: \"15px solid #ffffff\",\r\n borderLeft: \"15px solid transparent\",\r\n borderRight: \"15px solid transparent\",\r\n bottom: '0px',\r\n left: \"-15px\"\r\n },\r\n \"&:before\": {\r\n content: \"''\",\r\n position: \"absolute\",\r\n width: \"0\",\r\n height: \"0\",\r\n borderBottom: \"17px solid #ffffff\",\r\n borderLeft: \"16px solid transparent\",\r\n borderRight: \"16px solid transparent\",\r\n bottom: \"-1px\",\r\n left: \"-17px\"\r\n } \r\n },\r\n messageActive: {\r\n wordBreak:'break-word',\r\n textAlign: \"left\",\r\n font: \"400 .9em 'Open Sans', sans-serif\",\r\n \"&:after\": {\r\n content: \"''\",\r\n position: \"absolute\",\r\n width: \"0\",\r\n height: \"0\",\r\n borderBottom: \"15px solid #babdbc\",\r\n borderLeft: \"15px solid transparent\",\r\n borderRight: \"15px solid transparent\",\r\n bottom: '0px',\r\n left: \"-15px\"\r\n },\r\n \"&:before\": {\r\n content: \"''\",\r\n position: \"absolute\",\r\n width: \"0\",\r\n height: \"0\",\r\n borderBottom: \"17px solid #babdbc\",\r\n borderLeft: \"16px solid transparent\",\r\n borderRight: \"16px solid transparent\",\r\n bottom: \"-1px\",\r\n left: \"-17px\"\r\n } \r\n }, \r\n copyIcon: {\r\n color: '#b56ff7',\r\n cursor: 'pointer',\r\n marginRight: 7,\r\n '&:hover': {\r\n color: '#9c3bf8',\r\n },\r\n }, \r\n time: {\r\n position: \"absolute\",\r\n fontSize: \".65em\",\r\n fontWeight:600,\r\n bottom: 6,\r\n right: 6,\r\n color: '#414141',\r\n padding: 3,\r\n borderRadius: 5,\r\n },\r\n modalDelete: {\r\n background: '#ffffff',\r\n position: 'absolute',\r\n content:'',\r\n width: '20%',\r\n height:'auto',\r\n left: '40%',\r\n bottom: '48.5%',\r\n borderRadius: 10,\r\n padding: 10,\r\n display: 'flex',\r\n flexDirection:'column'\r\n }, \r\n overlay: {\r\n position: 'fixed',\r\n top: 0,\r\n left: 0,\r\n width: '100vw',\r\n height: '100vh',\r\n zIndex: 100,\r\n backgroundColor: 'rgba(104, 105, 104, 0.6)',\r\n overflowY: 'hidden',\r\n }, \r\n});\r\n\r\n\r\ninterface IMessageLeftText {\r\n message:string,\r\n name:string,\r\n lastName:string,\r\n createdAt: string,\r\n _id:string\r\n}\r\n\r\nconst MessageLeftText = ({message,name,lastName,createdAt,_id}:IMessageLeftText) => {\r\n const classes = useStyles();\r\n const [anchorEl, setAnchorEl] = useState<any>(null);\r\n const [selected, setSelected] = useState<boolean>(false);\r\n const [modal,setModal] = useState<boolean>(false)\r\n const open = Boolean(anchorEl);\r\n \r\n const handleClose = (type: string | undefined): void => {\r\n if (type === 'copy') copied('Message')\r\n if (type === 'delete') setModal(true)\r\n setAnchorEl(null)\r\n setSelected(false)\r\n }\r\n\r\n const handleDeleteModal = (e: any) => {\r\n const id = e.target.id\r\n if (id === 'overlay' || id === 'cancel') return setModal(false)\r\n if (id === 'delete') {\r\n removeMessageById(_id)\r\n setModal(false)\r\n }\r\n } \r\n const handleContextMenu = (e: React.MouseEvent<HTMLDivElement>):void => {\r\n e.preventDefault()\r\n setAnchorEl(e.currentTarget)\r\n setSelected(true)\r\n } \r\n\r\n return (\r\n <div className={classes.container}>\r\n <div onContextMenu={(e) => handleContextMenu(e)} className={classes.wrapper}\r\n style={{backgroundColor:selected?'#babdbc':undefined,\r\n border:selected?'#babdbc':undefined}}>\r\n <CopyToClipboard onCopy={() => copied('Message')} text={message}>\r\n <ContentCopyIcon className={classes.copyIcon} fontSize='large'/>\r\n </CopyToClipboard>\r\n <ListItemText className={selected?classes.messageActive:classes.message}\r\n primary={`${firstLetter(name)}${slicedWord(name, 15, 1)} \r\n ${firstLetter(lastName)}${slicedWord(lastName, 15, 1)}`}\r\n primaryTypographyProps={{color: \"#0379af\"}}\r\n secondary={message}\r\n secondaryTypographyProps={{ color: \"#0e0d0d\" }} />\r\n <div className={classes.time}>{timeStampMessage(createdAt)}</div>\r\n <StyledMenu id=\"demo-positioned-menu\" aria-labelledby=\"demo-positioned-button\"\r\n anchorEl={anchorEl} open={open} onClose={handleClose}> \r\n <CopyToClipboard onCopy={() => handleClose('copy')} text={message}>\r\n <MenuItem>\r\n <ContentCopyIcon />\r\n Copy message\r\n </MenuItem>\r\n </CopyToClipboard>\r\n <MenuItem style={{color:'#f02a2a'}} onClick={() => handleClose('delete')}>\r\n <DeleteOutlineIcon style={{color:'#f02a2a'}}/>\r\n Delete message\r\n </MenuItem> \r\n </StyledMenu>\r\n {modal &&\r\n <div onClick={handleDeleteModal} className={classes.overlay} id='overlay'>\r\n <div className={classes.modalDelete}>\r\n <h3 style={{color: '#2c2c2c'}}>Delete message</h3>\r\n <p style={{ color: '#050505' }}>Are you sure you want to delete message?</p>\r\n <Button id='delete' variant=\"text\" color=\"error\" style={{fontWeight:500,fontSize:22}}>\r\n DELETE MESSAGE\r\n </Button> \r\n <Button id='cancel' variant=\"text\" style={{fontWeight:500,fontSize:22}}>\r\n CANCEL\r\n </Button>\r\n </div> \r\n </div>} \r\n </div>\r\n </div> \r\n)}; \r\n\r\nexport default MessageLeftText\r\n","import { makeStyles } from \"@material-ui/core/styles\";\r\nimport { styled } from '@mui/material/styles';\r\nimport { useState } from \"react\";\r\nimport DownloadForOfflineIcon from '@mui/icons-material/DownloadForOffline';\r\nimport { IconButton } from \"@material-ui/core\";\r\nimport ImageIcon from '@mui/icons-material/Image';\r\nimport FileDownloadIcon from '@mui/icons-material/FileDownload';\r\nimport Button from '@mui/material/Button';\r\nimport ContentCopyIcon from '@mui/icons-material/ContentCopy';\r\nimport DeleteOutlineIcon from '@mui/icons-material/DeleteOutline';\r\nimport Menu from '@mui/material/Menu';\r\nimport MenuItem from '@mui/material/MenuItem';\r\nimport { CopyToClipboard } from 'react-copy-to-clipboard';\r\nimport { removeMessageById } from \"../../../../../../api-data\";\r\nimport { timeStampMessage, timeStampEU,handleDownload,copied } from '../../../../../../helpers'\r\n\r\nconst StyledMenu = styled((props:any) => (\r\n <Menu\r\n elevation={0}\r\n anchorOrigin={{\r\n vertical: 'top',\r\n horizontal: 'right',\r\n }}\r\n transformOrigin={{\r\n vertical: 'bottom',\r\n horizontal: 'right',\r\n }}\r\n {...props}\r\n />\r\n))(({ theme }:any) => ({\r\n '& .MuiPaper-root': {\r\n borderRadius: 10,\r\n marginTop: theme.spacing(0),\r\n minWidth: 220,\r\n color:\r\n theme.palette.mode === 'light' ? 'rgb(55, 65, 81)' : theme.palette.grey[500],\r\n boxShadow:\r\n 'rgb(255, 255, 255) 0px 0px 0px 0px, rgba(0, 0, 0, 0.05) 0px 0px 0px 1px, rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px',\r\n '& .MuiMenu-list': {\r\n padding: '4px 4px',\r\n },\r\n '& .MuiMenuItem-root': {\r\n marginBottom: theme.spacing(1),\r\n '& .MuiSvgIcon-root': {\r\n fontSize: 21,\r\n color: theme.palette.text.secondary,\r\n marginRight: theme.spacing(2),\r\n }\r\n },\r\n },\r\n}));\r\n\r\nconst useStyles = makeStyles({\r\n container: {\r\n display: \"flex\",\r\n justifyContent: \"flex-start\",\r\n marginBottom:15\r\n },\r\n wrapper: {\r\n width: 400,\r\n position: 'relative',\r\n display: 'flex',\r\n alignItems: 'center',\r\n alignContent: 'center',\r\n justifyContent: 'space-between',\r\n borderRadius: 7,\r\n padding: '12px 5px 12px 5px',\r\n backgroundColor: '#ffffff',\r\n \"&:after\": {\r\n content: \"''\",\r\n position: \"absolute\",\r\n width: \"0\",\r\n height: \"0\",\r\n borderBottom: \"15px solid #ffffff\",\r\n borderLeft: \"15px solid transparent\",\r\n borderRight: \"15px solid transparent\",\r\n bottom: '0px',\r\n left: \"-15px\"\r\n },\r\n \"&:before\": {\r\n content: \"''\",\r\n position: \"absolute\",\r\n width: \"0\",\r\n height: \"0\",\r\n borderBottom: \"17px solid #ffffff\",\r\n borderLeft: \"16px solid transparent\",\r\n borderRight: \"16px solid transparent\",\r\n bottom: \"0px\",\r\n left: \"-17px\"\r\n } \r\n },\r\n wrapperActive: {\r\n width: 400,\r\n position: 'relative',\r\n display: 'flex',\r\n alignItems: 'center',\r\n alignContent: 'center',\r\n justifyContent: 'space-between',\r\n borderRadius: 7,\r\n padding: '12px 5px 12px 5px',\r\n backgroundColor: '#babdbc',\r\n \"&:after\": {\r\n content: \"''\",\r\n position: \"absolute\",\r\n width: \"0\",\r\n height: \"0\",\r\n borderBottom: \"15px solid #babdbc\",\r\n borderLeft: \"15px solid transparent\",\r\n borderRight: \"15px solid transparent\",\r\n bottom: '0px',\r\n left: \"-15px\"\r\n },\r\n \"&:before\": {\r\n content: \"''\",\r\n position: \"absolute\",\r\n width: \"0\",\r\n height: \"0\",\r\n borderBottom: \"17px solid #babdbc\",\r\n borderLeft: \"16px solid transparent\",\r\n borderRight: \"16px solid transparent\",\r\n bottom: \"0px\",\r\n left: \"-17px\"\r\n } \r\n }, \r\n image: {\r\n borderRadius: 7,\r\n width: 300,\r\n maxHeight: 400,\r\n cursor: 'pointer',\r\n }, \r\n time: {\r\n position: \"absolute\",\r\n fontSize: \".65em\",\r\n fontWeight:600,\r\n bottom: 0,\r\n right: 6,\r\n color: '#414141',\r\n padding: 3,\r\n borderRadius: 5,\r\n },\r\n bntDownload: {\r\n backgroundColor: 'inherit',\r\n color: '#54b0fc',\r\n width: 30,\r\n height:30,\r\n '&:hover': {\r\n backgroundColor: '#54b0fc',\r\n color:'#ffffff'\r\n }\r\n }, \r\n overlay: {\r\n position: 'fixed',\r\n top: 0,\r\n left: 0,\r\n width: '100vw',\r\n height: '100vh',\r\n zIndex: 100,\r\n backgroundColor: 'rgba(104, 105, 104, 0.6)',\r\n overflowY: 'hidden',\r\n boxSizing: 'border-box',\r\n display: 'flex',\r\n justifyContent: 'center',\r\n alignContent: 'center',\r\n alignItems: 'center'\r\n },\r\n wrapperOverlayImg: {\r\n width: '30%',\r\n maxHeight: '80%',\r\n position: 'relative',\r\n display: 'flex',\r\n },\r\n overlayDownloadIcon: {\r\n position: 'absolute',\r\n content: '',\r\n right: 0,\r\n top: -40,\r\n cursor: 'pointer',\r\n color: '#e9e7e7',\r\n padding: 0,\r\n borderRadius: '50%',\r\n '&:hover': {\r\n backgroundColor: '#ffffff',\r\n color: '#b8b7b7',\r\n }\r\n },\r\n overlayTime: {\r\n position: 'absolute',\r\n content: '', \r\n color: '#ffffff',\r\n top: -30,\r\n left: 0,\r\n borderRadius: 10,\r\n padding:'2px 6px 2px 6px',\r\n backgroundColor:'#707070'\r\n }, \r\n modalDelete: {\r\n background: '#ffffff',\r\n position: 'absolute',\r\n content:'',\r\n width: '20%',\r\n height:'auto',\r\n left: '40%',\r\n bottom: '48.5%',\r\n borderRadius: 10,\r\n padding: 10,\r\n display: 'flex',\r\n flexDirection:'column'\r\n }, \r\n overlayDelete: {\r\n position: 'fixed',\r\n top: 0,\r\n left: 0,\r\n width: '100vw',\r\n height: '100vh',\r\n zIndex: 100,\r\n backgroundColor: 'rgba(104, 105, 104, 0.6)',\r\n overflowY: 'hidden',\r\n }, \r\n});\r\n\r\ninterface IMessagesLeftImage {\r\n url:string,\r\n createdAt:string,\r\n color: string,\r\n message: string,\r\n messages: any,\r\n fullType: string,\r\n _id:string\r\n}\r\n\r\nconst MessagesLeftImage = ({url,createdAt,color,message,messages,fullType,_id}:IMessagesLeftImage) => {\r\n const classes = useStyles();\r\n const [watch, setWatch] = useState<boolean>(false)\r\n const [anchorEl, setAnchorEl] = useState<any>(null);\r\n const [selected, setSelected] = useState<boolean>(false);\r\n const [modal,setModal] = useState<boolean>(false)\r\n const open = Boolean(anchorEl); \r\n const handleOpenWatch = () => !watch&&setWatch(true)\r\n const handleCloseWatch = (e:any) => e.target.id === 'overlay'&&watch&&setWatch(false)\r\n const handleClose = (type: string | undefined): void => {\r\n if (type === 'copy') copied('Link')\r\n if (type === 'delete') setModal(true)\r\n setAnchorEl(null)\r\n setSelected(false)\r\n }\r\n\r\n const handleDeleteModal = (e: any) => {\r\n const id = e.target.id\r\n if (id === 'overlay' || id === 'cancel') return setModal(false)\r\n if (id === 'delete') {\r\n removeMessageById(_id)\r\n setModal(false)\r\n }\r\n } \r\n const handleContextMenu = (e: React.MouseEvent<HTMLDivElement>):void => {\r\n e.preventDefault()\r\n setAnchorEl(e.currentTarget)\r\n setSelected(true)\r\n } \r\n return (watch ?\r\n <div onClick={handleCloseWatch} id='overlay' className={classes.overlay}>\r\n <div className={classes.wrapperOverlayImg}>\r\n <span className={classes.overlayTime}>{timeStampEU(createdAt)}</span>\r\n <DownloadForOfflineIcon className={classes.overlayDownloadIcon} fontSize='large'\r\n onClick={() => handleDownload(url, fullType)}/>\r\n <img width='100%' height='auto' alt='imageItem' src={url} />\r\n </div>\r\n </div> :\r\n <div className={classes.container}>\r\n <div onContextMenu={(e) => handleContextMenu(e)}\r\n className={selected? classes.wrapperActive:classes.wrapper}>\r\n <ImageIcon fontSize='large' style={{ color: '#bd9a00' }} />\r\n <img onClick={handleOpenWatch} className={classes.image} alt='message pic' src={url}\r\n style={{ backgroundColor: url ? '' : color }} width='300' height='400' />\r\n <IconButton onClick={() => handleDownload(url, fullType)} className={classes.bntDownload} >\r\n <FileDownloadIcon fontSize='medium'/>\r\n </IconButton> \r\n <div className={classes.time}>{timeStampMessage(createdAt)}</div>\r\n <StyledMenu id=\"demo-positioned-menu\" aria-labelledby=\"demo-positioned-button\"\r\n anchorEl={anchorEl} open={open} onClose={handleClose}> \r\n <CopyToClipboard onCopy={() => handleClose('copy')} text={url}>\r\n <MenuItem>\r\n <ContentCopyIcon />\r\n Copy Image link\r\n </MenuItem>\r\n </CopyToClipboard>\r\n <MenuItem style={{color:'#f02a2a'}} onClick={() => handleClose('delete')}>\r\n <DeleteOutlineIcon style={{color:'#f02a2a'}}/>\r\n Delete message\r\n </MenuItem> \r\n </StyledMenu>\r\n {modal &&\r\n <div onClick={handleDeleteModal} className={classes.overlayDelete} id='overlay'>\r\n <div className={classes.modalDelete}>\r\n <h3 style={{color: '#2c2c2c'}}>Delete message</h3>\r\n <p style={{ color: '#050505' }}>Are you sure you want to delete message?</p>\r\n <Button id='delete' variant=\"text\" color=\"error\" style={{fontWeight:500,fontSize:22}}>\r\n DELETE MESSAGE\r\n </Button> \r\n <Button id='cancel' variant=\"text\" style={{fontWeight:500,fontSize:22}}>\r\n CANCEL\r\n </Button>\r\n </div> \r\n </div>} \r\n </div>\r\n </div> \r\n)};\r\n\r\nexport default MessagesLeftImage\r\n","import { makeStyles } from \"@material-ui/core/styles\";\r\nimport { styled } from '@mui/material/styles';\r\nimport { useState } from \"react\";\r\nimport { IconButton } from \"@material-ui/core\";\r\nimport AudioFileIcon from '@mui/icons-material/AudioFile';\r\nimport FileDownloadIcon from '@mui/icons-material/FileDownload';\r\nimport ReactAudioPlayer from 'react-audio-player';\r\nimport Button from '@mui/material/Button';\r\nimport ContentCopyIcon from '@mui/icons-material/ContentCopy';\r\nimport DeleteOutlineIcon from '@mui/icons-material/DeleteOutline';\r\nimport Menu from '@mui/material/Menu';\r\nimport MenuItem from '@mui/material/MenuItem';\r\nimport { CopyToClipboard } from 'react-copy-to-clipboard';\r\n\r\nimport { removeMessageById } from \"../../../../../../api-data\";\r\nimport { timeStampMessage,handleDownload,copied } from '../../../../../../helpers'\r\n\r\nconst StyledMenu = styled((props:any) => (\r\n <Menu\r\n elevation={0}\r\n anchorOrigin={{\r\n vertical: 'top',\r\n horizontal: 'right',\r\n }}\r\n transformOrigin={{\r\n vertical: 'bottom',\r\n horizontal: 'right',\r\n }}\r\n {...props}\r\n />\r\n))(({ theme }:any) => ({\r\n '& .MuiPaper-root': {\r\n borderRadius: 10,\r\n marginTop: theme.spacing(0),\r\n minWidth: 220,\r\n color:\r\n theme.palette.mode === 'light' ? 'rgb(55, 65, 81)' : theme.palette.grey[500],\r\n boxShadow:\r\n 'rgb(255, 255, 255) 0px 0px 0px 0px, rgba(0, 0, 0, 0.05) 0px 0px 0px 1px, rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px',\r\n '& .MuiMenu-list': {\r\n padding: '4px 4px',\r\n },\r\n '& .MuiMenuItem-root': {\r\n marginBottom: theme.spacing(1),\r\n '& .MuiSvgIcon-root': {\r\n fontSize: 21,\r\n color: theme.palette.text.secondary,\r\n marginRight: theme.spacing(2),\r\n }\r\n },\r\n },\r\n}));\r\n\r\nconst useStyles = makeStyles({\r\n container: {\r\n display: \"flex\",\r\n justifyContent: \"flex-start\",\r\n marginBottom:15\r\n },\r\n wrapper: {\r\n position: 'relative',\r\n display: 'flex',\r\n justifyContent: 'space-between',\r\n alignContent: 'center',\r\n alignItems: 'center',\r\n padding: '12px 5px 12px 5px',\r\n backgroundColor: '#ffffff',\r\n borderRadius: 7,\r\n \"&:after\": {\r\n content: \"''\",\r\n position: \"absolute\",\r\n width: \"0\",\r\n height: \"0\",\r\n borderBottom: \"15px solid #ffffff\",\r\n borderLeft: \"15px solid transparent\",\r\n borderRight: \"15px solid transparent\",\r\n bottom: '0px',\r\n left: \"-15px\"\r\n },\r\n \"&:before\": {\r\n content: \"''\",\r\n position: \"absolute\",\r\n width: \"0\",\r\n height: \"0\",\r\n borderBottom: \"17px solid #ffffff\",\r\n borderLeft: \"16px solid transparent\",\r\n borderRight: \"16px solid transparent\",\r\n bottom: \"0px\",\r\n left: \"-17px\"\r\n } \r\n },\r\n wrapperActive: {\r\n position: 'relative',\r\n display: 'flex',\r\n justifyContent: 'space-between',\r\n alignContent: 'center',\r\n alignItems: 'center',\r\n padding: '12px 5px 12px 5px',\r\n backgroundColor: '#babdbc',\r\n borderRadius: 7,\r\n \"&:after\": {\r\n content: \"''\",\r\n position: \"absolute\",\r\n width: \"0\",\r\n height: \"0\",\r\n borderBottom: \"15px solid #babdbc\",\r\n borderLeft: \"15px solid transparent\",\r\n borderRight: \"15px solid transparent\",\r\n bottom: '0px',\r\n left: \"-15px\"\r\n },\r\n \"&:before\": {\r\n content: \"''\",\r\n position: \"absolute\",\r\n width: \"0\",\r\n height: \"0\",\r\n borderBottom: \"17px solid #babdbc\",\r\n borderLeft: \"16px solid transparent\",\r\n borderRight: \"16px solid transparent\",\r\n bottom: \"0px\",\r\n left: \"-17px\"\r\n } \r\n },\r\n bntDownload: {\r\n backgroundColor: 'inherit',\r\n color: '#54b0fc',\r\n width: 30,\r\n height:30,\r\n '&:hover': {\r\n backgroundColor: '#54b0fc',\r\n color:'#ffffff'\r\n }\r\n },\r\n player: {\r\n margin: '0 5px 0 5px',\r\n borderRadius:7\r\n },\r\n time: {\r\n position: \"absolute\",\r\n fontSize: \".65em\",\r\n fontWeight:600,\r\n bottom: 0,\r\n right: 6,\r\n color: '#414141',\r\n padding: 3,\r\n borderRadius: 5,\r\n },\r\n modalDelete: {\r\n background: '#ffffff',\r\n position: 'absolute',\r\n content:'',\r\n width: '20%',\r\n height:'auto',\r\n left: '40%',\r\n bottom: '48.5%',\r\n borderRadius: 10,\r\n padding: 10,\r\n display: 'flex',\r\n flexDirection:'column'\r\n }, \r\n overlay: {\r\n position: 'fixed',\r\n top: 0,\r\n left: 0,\r\n width: '100vw',\r\n height: '100vh',\r\n zIndex: 100,\r\n backgroundColor: 'rgba(104, 105, 104, 0.6)',\r\n overflowY: 'hidden',\r\n }, \r\n});\r\n\r\ninterface IMessageLeftAudio {\r\n url:string,\r\n createdAt: string,\r\n fullType: string,\r\n _id:string\r\n}\r\n\r\nconst MessageLeftAudio = ({ url,createdAt,fullType,_id }:IMessageLeftAudio) => {\r\n const classes = useStyles();\r\n const [anchorEl, setAnchorEl] = useState<any>(null);\r\n const [selected, setSelected] = useState<boolean>(false);\r\n const [modal,setModal] = useState<boolean>(false)\r\n const open = Boolean(anchorEl); \r\n const handleClose = (type: string | undefined): void => {\r\n if (type === 'copy') copied('Link')\r\n if (type === 'delete') setModal(true)\r\n setAnchorEl(null)\r\n setSelected(false)\r\n }\r\n\r\n const handleDeleteModal = (e: any) => {\r\n const id = e.target.id\r\n if (id === 'overlay' || id === 'cancel') return setModal(false)\r\n if (id === 'delete') {\r\n removeMessageById(_id)\r\n setModal(false)\r\n }\r\n } \r\n const handleContextMenu = (e: React.MouseEvent<HTMLDivElement>):void => {\r\n e.preventDefault()\r\n setAnchorEl(e.currentTarget)\r\n setSelected(true)\r\n } \r\n\r\n\r\n return (\r\n <div className={classes.container}>\r\n <div onContextMenu={(e) => handleContextMenu(e)}\r\n className={selected? classes.wrapperActive:classes.wrapper}>\r\n <AudioFileIcon fontSize='large' style={{ color:'#0294c0'}}/> \r\n <ReactAudioPlayer className={classes.player}\r\n src={url}\r\n controls\r\n />\r\n <IconButton onClick={() => handleDownload(url, fullType)} className={classes.bntDownload} >\r\n <FileDownloadIcon fontSize='medium'/>\r\n </IconButton>\r\n <div className={classes.time}>{timeStampMessage(createdAt)}</div>\r\n <StyledMenu id=\"demo-positioned-menu\" aria-labelledby=\"demo-positioned-button\"\r\n anchorEl={anchorEl} open={open} onClose={handleClose}> \r\n <CopyToClipboard onCopy={() => handleClose('copy')} text={url}>\r\n <MenuItem>\r\n <ContentCopyIcon />\r\n Copy Audio link\r\n </MenuItem>\r\n </CopyToClipboard>\r\n <MenuItem style={{color:'#f02a2a'}} onClick={() => handleClose('delete')}>\r\n <DeleteOutlineIcon style={{color:'#f02a2a'}}/>\r\n Delete message\r\n </MenuItem> \r\n </StyledMenu>\r\n {modal &&\r\n <div onClick={handleDeleteModal} className={classes.overlay} id='overlay'>\r\n <div className={classes.modalDelete}>\r\n <h3 style={{color: '#2c2c2c'}}>Delete message</h3>\r\n <p style={{ color: '#050505' }}>Are you sure you want to delete message?</p>\r\n <Button id='delete' variant=\"text\" color=\"error\" style={{fontWeight:500,fontSize:22}}>\r\n DELETE MESSAGE\r\n </Button> \r\n <Button id='cancel' variant=\"text\" style={{fontWeight:500,fontSize:22}}>\r\n CANCEL\r\n </Button>\r\n </div> \r\n </div>} \r\n </div>\r\n </div> \r\n)};\r\n\r\nexport default MessageLeftAudio\r\n","import { makeStyles } from \"@material-ui/core/styles\";\r\nimport { styled } from '@mui/material/styles';\r\nimport { useState } from \"react\";\r\nimport { IconButton } from \"@material-ui/core\";\r\nimport VideoFileIcon from '@mui/icons-material/VideoFile';\r\nimport FileDownloadIcon from '@mui/icons-material/FileDownload';\r\nimport Button from '@mui/material/Button';\r\nimport ContentCopyIcon from '@mui/icons-material/ContentCopy';\r\nimport DeleteOutlineIcon from '@mui/icons-material/DeleteOutline';\r\nimport Menu from '@mui/material/Menu';\r\nimport MenuItem from '@mui/material/MenuItem';\r\nimport { CopyToClipboard } from 'react-copy-to-clipboard';\r\nimport { removeMessageById } from \"../../../../../../api-data\";\r\nimport { timeStampMessage,handleDownload,copied } from '../../../../../../helpers'\r\nconst { Player } = require('video-react')\r\n\r\nconst StyledMenu = styled((props:any) => (\r\n <Menu\r\n elevation={0}\r\n anchorOrigin={{\r\n vertical: 'top',\r\n horizontal: 'right',\r\n }}\r\n transformOrigin={{\r\n vertical: 'bottom',\r\n horizontal: 'right',\r\n }}\r\n {...props}\r\n />\r\n))(({ theme }:any) => ({\r\n '& .MuiPaper-root': {\r\n borderRadius: 10,\r\n marginTop: theme.spacing(0),\r\n minWidth: 220,\r\n color:\r\n theme.palette.mode === 'light' ? 'rgb(55, 65, 81)' : theme.palette.grey[500],\r\n boxShadow:\r\n 'rgb(255, 255, 255) 0px 0px 0px 0px, rgba(0, 0, 0, 0.05) 0px 0px 0px 1px, rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px',\r\n '& .MuiMenu-list': {\r\n padding: '4px 4px',\r\n },\r\n '& .MuiMenuItem-root': {\r\n marginBottom: theme.spacing(1),\r\n '& .MuiSvgIcon-root': {\r\n fontSize: 21,\r\n color: theme.palette.text.secondary,\r\n marginRight: theme.spacing(2),\r\n }\r\n },\r\n },\r\n}));\r\n\r\nconst useStyles = makeStyles({\r\n container: {\r\n display: \"flex\",\r\n justifyContent: \"flex-start\",\r\n marginBottom:15\r\n },\r\n wrapper: {\r\n position: 'relative',\r\n display: 'flex',\r\n justifyContent: 'space-between',\r\n alignContent: 'center',\r\n alignItems: 'center',\r\n width: 400,\r\n padding: '12px 5px 12px 5px',\r\n backgroundColor: '#ffffff',\r\n borderRadius: 7,\r\n \"&:after\": {\r\n content: \"''\",\r\n position: \"absolute\",\r\n width: \"0\",\r\n height: \"0\",\r\n borderBottom: \"15px solid #ffffff\",\r\n borderLeft: \"15px solid transparent\",\r\n borderRight: \"15px solid transparent\",\r\n bottom: '0px',\r\n left: \"-15px\"\r\n },\r\n \"&:before\": {\r\n content: \"''\",\r\n position: \"absolute\",\r\n width: \"0\",\r\n height: \"0\",\r\n borderBottom: \"17px solid #ffffff\",\r\n borderLeft: \"16px solid transparent\",\r\n borderRight: \"16px solid transparent\",\r\n bottom: \"0px\",\r\n left: \"-17px\"\r\n } \r\n },\r\n wrapperActive: {\r\n position: 'relative',\r\n display: 'flex',\r\n justifyContent: 'space-between',\r\n alignContent: 'center',\r\n alignItems: 'center',\r\n width: 400,\r\n padding: '12px 5px 12px 5px',\r\n backgroundColor: '#babdbc',\r\n borderRadius: 7,\r\n \"&:after\": {\r\n content: \"''\",\r\n position: \"absolute\",\r\n width: \"0\",\r\n height: \"0\",\r\n borderBottom: \"15px solid #babdbc\",\r\n borderLeft: \"15px solid transparent\",\r\n borderRight: \"15px solid transparent\",\r\n bottom: '0px',\r\n left: \"-15px\"\r\n },\r\n \"&:before\": {\r\n content: \"''\",\r\n position: \"absolute\",\r\n width: \"0\",\r\n height: \"0\",\r\n borderBottom: \"17px solid #babdbc\",\r\n borderLeft: \"16px solid transparent\",\r\n borderRight: \"16px solid transparent\",\r\n bottom: \"0px\",\r\n left: \"-17px\"\r\n } \r\n }, \r\n bntDownload: {\r\n backgroundColor: 'inherit',\r\n color: '#54b0fc',\r\n width: 30,\r\n height: 30,\r\n marginLeft:5,\r\n '&:hover': {\r\n backgroundColor: '#54b0fc',\r\n color:'#ffffff'\r\n }\r\n },\r\n time: {\r\n position: \"absolute\",\r\n fontSize: \".65em\",\r\n fontWeight:600,\r\n bottom: 0,\r\n right: 6,\r\n color: '#414141',\r\n padding: 3,\r\n borderRadius: 5,\r\n },\r\n player: {\r\n backgroundColor: '#ffffff',\r\n },\r\n playerActive: {\r\n backgroundColor: '#babdbc',\r\n }, \r\n modalDelete: {\r\n background: '#ffffff',\r\n position: 'absolute',\r\n content:'',\r\n width: '20%',\r\n height:'auto',\r\n left: '40%',\r\n bottom: '48.5%',\r\n borderRadius: 10,\r\n padding: 10,\r\n display: 'flex',\r\n flexDirection:'column'\r\n }, \r\n overlay: {\r\n position: 'fixed',\r\n top: 0,\r\n left: 0,\r\n width: '100vw',\r\n height: '100vh',\r\n zIndex: 100,\r\n backgroundColor: 'rgba(104, 105, 104, 0.6)',\r\n overflowY: 'hidden',\r\n }, \r\n});\r\n\r\ninterface IMessageLeftVideo {\r\n url:string,\r\n createdAt: string,\r\n fullType: string,\r\n _id:string\r\n}\r\n\r\nconst MessageLeftVideo = ({ url,createdAt,fullType,_id }:IMessageLeftVideo) => {\r\n const classes = useStyles();\r\n const [anchorEl, setAnchorEl] = useState<any>(null);\r\n const [selected, setSelected] = useState<boolean>(false);\r\n const [modal,setModal] = useState<boolean>(false)\r\n const open = Boolean(anchorEl);\r\n \r\n const handleClose = (type: string | undefined): void => {\r\n if (type === 'copy') copied('Link')\r\n if (type === 'delete') setModal(true)\r\n setAnchorEl(null)\r\n setSelected(false)\r\n }\r\n\r\n const handleDeleteModal = (e: any) => {\r\n const id = e.target.id\r\n if (id === 'overlay' || id === 'cancel') return setModal(false)\r\n if (id === 'delete') {\r\n removeMessageById(_id)\r\n setModal(false)\r\n }\r\n } \r\n const handleContextMenu = (e: React.MouseEvent<HTMLDivElement>):void => {\r\n e.preventDefault()\r\n setAnchorEl(e.currentTarget)\r\n setSelected(true)\r\n } \r\n \r\n\r\n return (\r\n <div className={classes.container}>\r\n <div onContextMenu={(e) => handleContextMenu(e)}\r\n className={selected? classes.wrapperActive:classes.wrapper}>\r\n <VideoFileIcon fontSize='large' style={{ color:'#03b003'}}/> \r\n <Player className={selected?classes.playerActive:classes.player} playsInline src={url}/>\r\n <IconButton onClick={() => handleDownload(url, fullType)} className={classes.bntDownload} >\r\n <FileDownloadIcon fontSize='medium'/>\r\n </IconButton>\r\n <div className={classes.time}>{timeStampMessage(createdAt)}</div>\r\n <StyledMenu id=\"demo-positioned-menu\" aria-labelledby=\"demo-positioned-button\"\r\n anchorEl={anchorEl} open={open} onClose={handleClose}> \r\n <CopyToClipboard onCopy={() => handleClose('copy')} text={url}>\r\n <MenuItem>\r\n <ContentCopyIcon />\r\n Copy Video link\r\n </MenuItem>\r\n </CopyToClipboard>\r\n <MenuItem style={{color:'#f02a2a'}} onClick={() => handleClose('delete')}>\r\n <DeleteOutlineIcon style={{color:'#f02a2a'}}/>\r\n Delete message\r\n </MenuItem> \r\n </StyledMenu>\r\n {modal &&\r\n <div onClick={handleDeleteModal} className={classes.overlay} id='overlay'>\r\n <div className={classes.modalDelete}>\r\n <h3 style={{color: '#2c2c2c'}}>Delete message</h3>\r\n <p style={{ color: '#050505' }}>Are you sure you want to delete message?</p>\r\n <Button id='delete' variant=\"text\" color=\"error\" style={{fontWeight:500,fontSize:22}}>\r\n DELETE MESSAGE\r\n </Button> \r\n <Button id='cancel' variant=\"text\" style={{fontWeight:500,fontSize:22}}>\r\n CANCEL\r\n </Button>\r\n </div> \r\n </div>} \r\n </div>\r\n </div> \r\n)};\r\n\r\nexport default MessageLeftVideo\r\n","import { makeStyles } from \"@material-ui/core/styles\";\r\nimport { styled } from '@mui/material/styles';\r\nimport { useState } from \"react\";\r\nimport { IconButton } from \"@material-ui/core\";\r\nimport InsertDriveFileIcon from '@mui/icons-material/InsertDriveFile';\r\nimport FileDownloadIcon from '@mui/icons-material/FileDownload';\r\nimport Button from '@mui/material/Button';\r\nimport ContentCopyIcon from '@mui/icons-material/ContentCopy';\r\nimport DeleteOutlineIcon from '@mui/icons-material/DeleteOutline';\r\nimport Menu from '@mui/material/Menu';\r\nimport MenuItem from '@mui/material/MenuItem';\r\nimport { CopyToClipboard } from 'react-copy-to-clipboard';\r\nimport { removeMessageById } from \"../../../../../../api-data\";\r\nimport { timeStampMessage,copied } from '../../../../../../helpers'\r\n\r\nconst FileViewer = require('react-file-viewer')\r\n\r\nconst StyledMenu = styled((props:any) => (\r\n <Menu\r\n elevation={0}\r\n anchorOrigin={{\r\n vertical: 'top',\r\n horizontal: 'right',\r\n }}\r\n transformOrigin={{\r\n vertical: 'bottom',\r\n horizontal: 'right',\r\n }}\r\n {...props}\r\n />\r\n))(({ theme }:any) => ({\r\n '& .MuiPaper-root': {\r\n borderRadius: 10,\r\n marginTop: theme.spacing(0),\r\n minWidth: 220,\r\n color:\r\n theme.palette.mode === 'light' ? 'rgb(55, 65, 81)' : theme.palette.grey[500],\r\n boxShadow:\r\n 'rgb(255, 255, 255) 0px 0px 0px 0px, rgba(0, 0, 0, 0.05) 0px 0px 0px 1px, rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px',\r\n '& .MuiMenu-list': {\r\n padding: '4px 4px',\r\n },\r\n '& .MuiMenuItem-root': {\r\n marginBottom: theme.spacing(1),\r\n '& .MuiSvgIcon-root': {\r\n fontSize: 21,\r\n color: theme.palette.text.secondary,\r\n marginRight: theme.spacing(2),\r\n }\r\n },\r\n },\r\n}));\r\n\r\nconst useStyles = makeStyles({\r\n container: {\r\n display: \"flex\",\r\n justifyContent: \"flex-start\",\r\n marginBottom:15\r\n },\r\n wrapper: {\r\n position: 'relative',\r\n display: 'flex',\r\n justifyContent: 'space-between',\r\n alignContent: 'center',\r\n alignItems: 'center',\r\n width: 200,\r\n padding: '5px 5px 12px 5px',\r\n backgroundColor: '#ffffff',\r\n borderRadius: 7,\r\n \"&:after\": {\r\n content: \"''\",\r\n position: \"absolute\",\r\n width: \"0\",\r\n height: \"0\",\r\n borderBottom: \"15px solid #ffffff\",\r\n borderLeft: \"15px solid transparent\",\r\n borderRight: \"15px solid transparent\",\r\n bottom: '0px',\r\n left: \"-15px\"\r\n },\r\n \"&:before\": {\r\n content: \"''\",\r\n position: \"absolute\",\r\n width: \"0\",\r\n height: \"0\",\r\n borderBottom: \"17px solid #ffffff\",\r\n borderLeft: \"16px solid transparent\",\r\n borderRight: \"16px solid transparent\",\r\n bottom: \"0px\",\r\n left: \"-17px\"\r\n } \r\n },\r\n wrapperActive: {\r\n position: 'relative',\r\n display: 'flex',\r\n justifyContent: 'space-between',\r\n alignContent: 'center',\r\n alignItems: 'center',\r\n width: 200,\r\n padding: '5px 5px 12px 5px',\r\n backgroundColor: '#babdbc',\r\n borderRadius: 7,\r\n \"&:after\": {\r\n content: \"''\",\r\n position: \"absolute\",\r\n width: \"0\",\r\n height: \"0\",\r\n borderBottom: \"15px solid #babdbc\",\r\n borderLeft: \"15px solid transparent\",\r\n borderRight: \"15px solid transparent\",\r\n bottom: '0px',\r\n left: \"-15px\"\r\n },\r\n \"&:before\": {\r\n content: \"''\",\r\n position: \"absolute\",\r\n width: \"0\",\r\n height: \"0\",\r\n borderBottom: \"17px solid #babdbc\",\r\n borderLeft: \"16px solid transparent\",\r\n borderRight: \"16px solid transparent\",\r\n bottom: \"0px\",\r\n left: \"-17px\"\r\n } \r\n }, \r\n bntDownload: {\r\n backgroundColor: 'inherit',\r\n color: '#54b0fc',\r\n width: 30,\r\n height:30,\r\n '&:hover': {\r\n backgroundColor: '#54b0fc',\r\n color:'#ffffff'\r\n }\r\n },\r\n title: {\r\n margin: '0 30px 0 5px',\r\n color: '#0e0d0d',\r\n cursor: 'pointer',\r\n '&:hover': {\r\n color: '#54b0fc',\r\n }\r\n },\r\n time: {\r\n position: \"absolute\",\r\n fontSize: \".65em\",\r\n fontWeight:600,\r\n bottom: 0,\r\n right: 6,\r\n color: '#414141',\r\n padding: 3,\r\n borderRadius: 5,\r\n },\r\n overlay: {\r\n position: 'absolute',\r\n top: 0,\r\n left: 0,\r\n width: '100%',\r\n height:'100%',\r\n backgroundColor: 'rgba(104, 105, 104, 0.6)',\r\n border:'solid 2px #0084ff',\r\n cursor: 'pointer',\r\n zIndex:100\r\n },\r\n modalDelete: {\r\n background: '#ffffff',\r\n position: 'absolute',\r\n content:'',\r\n width: '20%',\r\n height:'auto',\r\n left: '40%',\r\n bottom: '48.5%',\r\n borderRadius: 10,\r\n padding: 10,\r\n display: 'flex',\r\n flexDirection:'column'\r\n }, \r\n overlayDelete: {\r\n position: 'fixed',\r\n top: 0,\r\n left: 0,\r\n width: '100vw',\r\n height: '100vh',\r\n zIndex: 100,\r\n backgroundColor: 'rgba(104, 105, 104, 0.6)',\r\n overflowY: 'hidden',\r\n }, \r\n});\r\n\r\ninterface IMessageLeftFile {\r\n url:string,\r\n createdAt: string,\r\n type: string,\r\n _id:string\r\n}\r\n\r\nconst MessageLeftFile = ({ url,createdAt,type,_id }:IMessageLeftFile) => {\r\n const classes = useStyles();\r\n const [read, setRead] = useState<boolean>(false)\r\n const [anchorEl, setAnchorEl] = useState<any>(null);\r\n const [selected, setSelected] = useState<boolean>(false);\r\n const [modal,setModal] = useState<boolean>(false)\r\n const open = Boolean(anchorEl); \r\n const handleOpenRead = () => !read&&setRead(true)\r\n const handleCloseRead = () => read && setRead(false)\r\n const handleClose = (type: string | undefined): void => {\r\n if (type === 'copy') copied('Link')\r\n if (type === 'delete') setModal(true)\r\n setAnchorEl(null)\r\n setSelected(false)\r\n }\r\n\r\n const handleDeleteModal = (e: any) => {\r\n const id = e.target.id\r\n if (id === 'overlay' || id === 'cancel') return setModal(false)\r\n if (id === 'delete') {\r\n removeMessageById(_id)\r\n setModal(false)\r\n }\r\n } \r\n const handleContextMenu = (e: React.MouseEvent<HTMLDivElement>):void => {\r\n e.preventDefault()\r\n setAnchorEl(e.currentTarget)\r\n setSelected(true)\r\n } \r\n\r\n return (\r\n <div className={classes.container}>\r\n {read&&<div className={classes.overlay} id='overlay' onClick={handleCloseRead}>\r\n <FileViewer\r\n allowFullScreen={true}\r\n fileType={type}\r\n filePath={url}\r\n onError={handleCloseRead}\r\n />\r\n </div>}\r\n <div onContextMenu={(e) => handleContextMenu(e)}\r\n className={selected? classes.wrapperActive:classes.wrapper}>\r\n <InsertDriveFileIcon fontSize='large' style={{ color: '#99b401' }} />\r\n {!read && <span className={classes.title} onClick={handleOpenRead}>Read File</span>}\r\n <a href={url} target=\"_blank\" rel=\"noreferrer\" download>\r\n <IconButton className={classes.bntDownload} >\r\n <FileDownloadIcon fontSize='medium'/>\r\n </IconButton>\r\n </a>\r\n <div className={classes.time}>{timeStampMessage(createdAt)}</div>\r\n <StyledMenu id=\"demo-positioned-menu\" aria-labelledby=\"demo-positioned-button\"\r\n anchorEl={anchorEl} open={open} onClose={handleClose}> \r\n <CopyToClipboard onCopy={() => handleClose('copy')} text={url}>\r\n <MenuItem>\r\n <ContentCopyIcon />\r\n Copy File link\r\n </MenuItem>\r\n </CopyToClipboard>\r\n <MenuItem style={{color:'#f02a2a'}} onClick={() => handleClose('delete')}>\r\n <DeleteOutlineIcon style={{color:'#f02a2a'}}/>\r\n Delete message\r\n </MenuItem> \r\n </StyledMenu>\r\n {modal &&\r\n <div onClick={handleDeleteModal} className={classes.overlayDelete} id='overlay'>\r\n <div className={classes.modalDelete}>\r\n <h3 style={{color: '#2c2c2c'}}>Delete message</h3>\r\n <p style={{ color: '#050505' }}>Are you sure you want to delete message?</p>\r\n <Button id='delete' variant=\"text\" color=\"error\" style={{fontWeight:500,fontSize:22}}>\r\n DELETE MESSAGE\r\n </Button> \r\n <Button id='cancel' variant=\"text\" style={{fontWeight:500,fontSize:22}}>\r\n CANCEL\r\n </Button>\r\n </div> \r\n </div>} \r\n </div>\r\n </div> \r\n)};\r\n\r\nexport default MessageLeftFile\r\n","import { makeStyles } from \"@material-ui/core/styles\";\r\nimport { styled } from '@mui/material/styles';\r\nimport { useState } from \"react\";\r\nimport ListItemText from '@mui/material/ListItemText';\r\nimport Button from '@mui/material/Button';\r\nimport ContentCopyIcon from '@mui/icons-material/ContentCopy';\r\nimport DeleteOutlineIcon from '@mui/icons-material/DeleteOutline';\r\nimport Menu from '@mui/material/Menu';\r\nimport MenuItem from '@mui/material/MenuItem';\r\nimport { CopyToClipboard } from 'react-copy-to-clipboard';\r\nimport { firstLetter, slicedWord, timeStampMessage, copied } from '../../../../../../helpers'\r\nimport { removeMessageById } from \"../../../../../../api-data\";\r\n\r\nconst StyledMenu = styled((props:any) => (\r\n <Menu\r\n elevation={0}\r\n anchorOrigin={{\r\n vertical: 'top',\r\n horizontal: 'right',\r\n }}\r\n transformOrigin={{\r\n vertical: 'bottom',\r\n horizontal: 'right',\r\n }}\r\n {...props}\r\n />\r\n))(({ theme }:any) => ({\r\n '& .MuiPaper-root': {\r\n borderRadius: 10,\r\n marginTop: theme.spacing(0),\r\n minWidth: 220,\r\n color:\r\n theme.palette.mode === 'light' ? 'rgb(55, 65, 81)' : theme.palette.grey[500],\r\n boxShadow:\r\n 'rgb(255, 255, 255) 0px 0px 0px 0px, rgba(0, 0, 0, 0.05) 0px 0px 0px 1px, rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px',\r\n '& .MuiMenu-list': {\r\n padding: '4px 4px',\r\n },\r\n '& .MuiMenuItem-root': {\r\n marginBottom: theme.spacing(1),\r\n '& .MuiSvgIcon-root': {\r\n fontSize: 21,\r\n color: theme.palette.text.secondary,\r\n marginRight: theme.spacing(2),\r\n }\r\n },\r\n },\r\n}));\r\n\r\nconst useStyles = makeStyles({\r\n container: {\r\n display: \"flex\",\r\n justifyContent: \"flex-end\",\r\n marginBottom:15\r\n },\r\n wrapper: {\r\n position: 'relative',\r\n display: 'flex',\r\n alignItems: 'center',\r\n alignContent: 'center',\r\n maxWidth: 450,\r\n padding: \"10px\",\r\n paddingBottom:18,\r\n backgroundColor: \"#deffa9\",\r\n border: \"1px solid #d5ff91\",\r\n borderRadius: 7,\r\n },\r\n message: {\r\n wordBreak:'break-word',\r\n textAlign: \"left\",\r\n font: \"400 .9em 'Open Sans', sans-serif\",\r\n \"&:after\": {\r\n content: \"''\",\r\n position: \"absolute\",\r\n width: \"0\",\r\n height: \"0\",\r\n borderBottom: \"15px solid #deffa9\",\r\n borderLeft: \"15px solid transparent\",\r\n borderRight: \"15px solid transparent\",\r\n bottom: \"0\",\r\n right: \"-15px\"\r\n },\r\n \"&:before\": {\r\n content: \"''\",\r\n position: \"absolute\",\r\n width: \"0\",\r\n height: \"0\",\r\n borderBottom: \"17px solid #deffa9\",\r\n borderLeft: \"16px solid transparent\",\r\n borderRight: \"16px solid transparent\",\r\n bottom: \"-1px\",\r\n right: \"-17px\"\r\n }\r\n },\r\n messageActive: {\r\n wordBreak:'break-word',\r\n textAlign: \"left\",\r\n font: \"400 .9em 'Open Sans', sans-serif\",\r\n \"&:after\": {\r\n content: \"''\",\r\n position: \"absolute\",\r\n width: \"0\",\r\n height: \"0\",\r\n borderBottom: \"15px solid #ced8d7\",\r\n borderLeft: \"15px solid transparent\",\r\n borderRight: \"15px solid transparent\",\r\n bottom: \"0\",\r\n right: \"-15px\"\r\n },\r\n \"&:before\": {\r\n content: \"''\",\r\n position: \"absolute\",\r\n width: \"0\",\r\n height: \"0\",\r\n borderBottom: \"17px solid #ced8d7\",\r\n borderLeft: \"16px solid transparent\",\r\n borderRight: \"16px solid transparent\",\r\n bottom: \"-1px\",\r\n right: \"-17px\"\r\n }\r\n }, \r\n copyIcon: {\r\n color: '#b56ff7',\r\n cursor: 'pointer',\r\n marginRight: 7,\r\n '&:hover': {\r\n color: '#9c3bf8',\r\n },\r\n },\r\n time: {\r\n position: \"absolute\",\r\n fontSize: \".65em\",\r\n fontWeight:600,\r\n bottom: 6,\r\n right: 6,\r\n color: '#414141',\r\n padding: 3,\r\n borderRadius: 5,\r\n },\r\n modalDelete: {\r\n background: '#ffffff',\r\n position: 'absolute',\r\n content:'',\r\n width: '20%',\r\n height:'auto',\r\n left: '40%',\r\n bottom: '48.5%',\r\n borderRadius: 10,\r\n padding: 10,\r\n display: 'flex',\r\n flexDirection:'column'\r\n }, \r\n overlay: {\r\n position: 'fixed',\r\n top: 0,\r\n left: 0,\r\n width: '100vw',\r\n height: '100vh',\r\n zIndex: 100,\r\n backgroundColor: 'rgba(104, 105, 104, 0.6)',\r\n overflowY: 'hidden',\r\n }, \r\n});\r\n\r\ninterface IMessageRightText {\r\n message:string,\r\n name:string,\r\n lastName:string,\r\n createdAt: string,\r\n _id:string\r\n}\r\n\r\nconst MessageRightText = ({message,name,lastName,createdAt,_id}:IMessageRightText) => {\r\n const classes = useStyles();\r\n const [anchorEl, setAnchorEl] = useState<any>(null);\r\n const [selected, setSelected] = useState<boolean>(false);\r\n const [modal,setModal] = useState<boolean>(false)\r\n const open = Boolean(anchorEl);\r\n \r\n const handleClose = (type: string | undefined): void => {\r\n if (type === 'copy') copied('Message')\r\n if (type === 'delete') setModal(true)\r\n setAnchorEl(null)\r\n setSelected(false)\r\n }\r\n\r\n const handleDeleteModal = (e: any) => {\r\n const id = e.target.id\r\n if (id === 'overlay' || id === 'cancel') return setModal(false)\r\n if (id === 'delete') {\r\n removeMessageById(_id)\r\n setModal(false)\r\n }\r\n } \r\n const handleContextMenu = (e: React.MouseEvent<HTMLDivElement>):void => {\r\n e.preventDefault()\r\n setAnchorEl(e.currentTarget)\r\n setSelected(true)\r\n } \r\n\r\n return (\r\n <div className={classes.container}>\r\n <div onContextMenu={(e) => handleContextMenu(e)} className={classes.wrapper}\r\n style={{backgroundColor:selected?'#ced8d7':undefined,\r\n border:selected?'#ced8d7':undefined}}>\r\n <CopyToClipboard onCopy={() => copied('Message')} text={message}>\r\n <ContentCopyIcon className={classes.copyIcon} fontSize='large'/>\r\n </CopyToClipboard>\r\n <ListItemText className={selected?classes.messageActive:classes.message} \r\n primary={`${firstLetter(name)}${slicedWord(name, 15, 1)} \r\n ${firstLetter(lastName)}${slicedWord(lastName, 15, 1)}`}\r\n primaryTypographyProps={{color: \"#42aee0\"}}\r\n secondary={message}\r\n secondaryTypographyProps={{ color: \"#0e0d0d\" }} />\r\n <div className={classes.time}>{timeStampMessage(createdAt)}</div>\r\n <StyledMenu id=\"demo-positioned-menu\" aria-labelledby=\"demo-positioned-button\"\r\n anchorEl={anchorEl} open={open} onClose={handleClose}> \r\n <CopyToClipboard onCopy={() => handleClose('copy')} text={message}>\r\n <MenuItem>\r\n <ContentCopyIcon />\r\n Copy message\r\n </MenuItem>\r\n </CopyToClipboard>\r\n <MenuItem style={{color:'#f02a2a'}} onClick={() => handleClose('delete')}>\r\n <DeleteOutlineIcon style={{color:'#f02a2a'}}/>\r\n Delete message\r\n </MenuItem> \r\n </StyledMenu>\r\n {modal &&\r\n <div onClick={handleDeleteModal} className={classes.overlay} id='overlay'>\r\n <div className={classes.modalDelete}>\r\n <h3 style={{color: '#2c2c2c'}}>Delete message</h3>\r\n <p style={{ color: '#050505' }}>Are you sure you want to delete message?</p>\r\n <Button id='delete' variant=\"text\" color=\"error\" style={{fontWeight:500,fontSize:22}}>\r\n DELETE MESSAGE\r\n </Button> \r\n <Button id='cancel' variant=\"text\" style={{fontWeight:500,fontSize:22}}>\r\n CANCEL\r\n </Button>\r\n </div> \r\n </div>} \r\n </div>\r\n </div> \r\n)};\r\n\r\nexport default MessageRightText\r\n","import { makeStyles } from \"@material-ui/core/styles\";\r\nimport { styled } from '@mui/material/styles';\r\nimport { useState } from \"react\";\r\nimport DownloadForOfflineIcon from '@mui/icons-material/DownloadForOffline';\r\nimport { IconButton } from \"@material-ui/core\";\r\nimport ImageIcon from '@mui/icons-material/Image';\r\nimport FileDownloadIcon from '@mui/icons-material/FileDownload';\r\nimport Button from '@mui/material/Button';\r\nimport ContentCopyIcon from '@mui/icons-material/ContentCopy';\r\nimport DeleteOutlineIcon from '@mui/icons-material/DeleteOutline';\r\nimport Menu from '@mui/material/Menu';\r\nimport MenuItem from '@mui/material/MenuItem';\r\nimport { CopyToClipboard } from 'react-copy-to-clipboard';\r\nimport { removeMessageById } from \"../../../../../../api-data\";\r\nimport { timeStampMessage, timeStampEU,handleDownload,copied } from '../../../../../../helpers'\r\n\r\nconst StyledMenu = styled((props:any) => (\r\n <Menu\r\n elevation={0}\r\n anchorOrigin={{\r\n vertical: 'top',\r\n horizontal: 'right',\r\n }}\r\n transformOrigin={{\r\n vertical: 'bottom',\r\n horizontal: 'right',\r\n }}\r\n {...props}\r\n />\r\n))(({ theme }:any) => ({\r\n '& .MuiPaper-root': {\r\n borderRadius: 10,\r\n marginTop: theme.spacing(0),\r\n minWidth: 220,\r\n color:\r\n theme.palette.mode === 'light' ? 'rgb(55, 65, 81)' : theme.palette.grey[500],\r\n boxShadow:\r\n 'rgb(255, 255, 255) 0px 0px 0px 0px, rgba(0, 0, 0, 0.05) 0px 0px 0px 1px, rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px',\r\n '& .MuiMenu-list': {\r\n padding: '4px 4px',\r\n },\r\n '& .MuiMenuItem-root': {\r\n marginBottom: theme.spacing(1),\r\n '& .MuiSvgIcon-root': {\r\n fontSize: 21,\r\n color: theme.palette.text.secondary,\r\n marginRight: theme.spacing(2),\r\n }\r\n },\r\n },\r\n}));\r\n\r\nconst useStyles = makeStyles({\r\n container: {\r\n display: \"flex\",\r\n justifyContent: \"flex-end\",\r\n marginBottom:15\r\n },\r\n wrapper: {\r\n width: 400,\r\n position: 'relative',\r\n display: 'flex',\r\n alignItems: 'center',\r\n alignContent: 'center',\r\n justifyContent: 'space-between',\r\n borderRadius: 7,\r\n padding: '12px 5px 12px 5px',\r\n backgroundColor: '#deffa9',\r\n \"&:after\": {\r\n content: \"''\",\r\n position: \"absolute\",\r\n width: \"0\",\r\n height: \"0\",\r\n borderBottom: \"15px solid #deffa9\",\r\n borderLeft: \"15px solid transparent\",\r\n borderRight: \"15px solid transparent\",\r\n bottom: \"0\",\r\n right: \"-15px\"\r\n },\r\n \"&:before\": {\r\n content: \"''\",\r\n position: \"absolute\",\r\n width: \"0\",\r\n height: \"0\",\r\n borderBottom: \"17px solid #deffa9\",\r\n borderLeft: \"16px solid transparent\",\r\n borderRight: \"16px solid transparent\",\r\n bottom: \"0px\",\r\n right: \"-17px\"\r\n } \r\n },\r\n wrapperActive: {\r\n width: 400,\r\n position: 'relative',\r\n display: 'flex',\r\n alignItems: 'center',\r\n alignContent: 'center',\r\n justifyContent: 'space-between',\r\n borderRadius: 7,\r\n padding: '12px 5px 12px 5px',\r\n backgroundColor: '#ced8d7',\r\n \"&:after\": {\r\n content: \"''\",\r\n position: \"absolute\",\r\n width: \"0\",\r\n height: \"0\",\r\n borderBottom: \"15px solid #ced8d7\",\r\n borderLeft: \"15px solid transparent\",\r\n borderRight: \"15px solid transparent\",\r\n bottom: \"0\",\r\n right: \"-15px\"\r\n },\r\n \"&:before\": {\r\n content: \"''\",\r\n position: \"absolute\",\r\n width: \"0\",\r\n height: \"0\",\r\n borderBottom: \"17px solid #ced8d7\",\r\n borderLeft: \"16px solid transparent\",\r\n borderRight: \"16px solid transparent\",\r\n bottom: \"0px\",\r\n right: \"-17px\"\r\n } \r\n }, \r\n image: {\r\n borderRadius: 7,\r\n width: 300,\r\n maxHeight: 400,\r\n cursor:'pointer',\r\n }, \r\n time: {\r\n position: \"absolute\",\r\n fontSize: \".65em\",\r\n fontWeight:600,\r\n bottom: 0,\r\n right: 6,\r\n color: '#414141',\r\n padding: 3,\r\n borderRadius: 5,\r\n },\r\n bntDownload: {\r\n backgroundColor: 'inherit',\r\n color: '#54b0fc',\r\n width: 30,\r\n height:30,\r\n '&:hover': {\r\n backgroundColor: '#54b0fc',\r\n color:'#ffffff'\r\n }\r\n }, \r\n overlay: {\r\n position: 'fixed',\r\n top: 0,\r\n left: 0,\r\n width: '100vw',\r\n height: '100vh',\r\n zIndex: 100,\r\n backgroundColor: 'rgba(104, 105, 104, 0.6)',\r\n overflowY: 'hidden',\r\n boxSizing: 'border-box',\r\n display: 'flex',\r\n justifyContent: 'center',\r\n alignContent: 'center',\r\n alignItems: 'center'\r\n },\r\n wrapperOverlayImg: {\r\n width: '30%',\r\n maxHeight: '80%',\r\n position: 'relative',\r\n display: 'flex',\r\n },\r\n overlayDownloadIcon: {\r\n position: 'absolute',\r\n content: '',\r\n right: 0,\r\n top: -40,\r\n cursor: 'pointer',\r\n color: '#e9e7e7',\r\n padding: 0,\r\n borderRadius: '50%',\r\n '&:hover': {\r\n backgroundColor: '#ffffff',\r\n color: '#b8b7b7',\r\n }\r\n },\r\n overlayTime: {\r\n position: 'absolute',\r\n content: '', \r\n color: '#ffffff',\r\n top: -30,\r\n left: 0,\r\n borderRadius: 10,\r\n padding:'2px 6px 2px 6px',\r\n backgroundColor:'#707070'\r\n }, \r\n modalDelete: {\r\n background: '#ffffff',\r\n position: 'absolute',\r\n content:'',\r\n width: '20%',\r\n height:'auto',\r\n left: '40%',\r\n bottom: '48.5%',\r\n borderRadius: 10,\r\n padding: 10,\r\n display: 'flex',\r\n flexDirection:'column'\r\n }, \r\n overlayDelete: {\r\n position: 'fixed',\r\n top: 0,\r\n left: 0,\r\n width: '100vw',\r\n height: '100vh',\r\n zIndex: 100,\r\n backgroundColor: 'rgba(104, 105, 104, 0.6)',\r\n overflowY: 'hidden',\r\n }, \r\n});\r\n\r\ninterface IMessageRightImage {\r\n url:string,\r\n createdAt:string,\r\n color: string,\r\n message: string,\r\n messages: any,\r\n fullType: string,\r\n _id:string\r\n}\r\n\r\nconst MessageRightImage = ({url,createdAt,color,message,messages,fullType,_id}:IMessageRightImage) => {\r\n const classes = useStyles();\r\n const [watch, setWatch] = useState<boolean>(false)\r\n const [anchorEl, setAnchorEl] = useState<any>(null);\r\n const [selected, setSelected] = useState<boolean>(false);\r\n const [modal,setModal] = useState<boolean>(false)\r\n const open = Boolean(anchorEl); \r\n const handleOpenWatch = () => !watch&&setWatch(true)\r\n const handleCloseWatch = (e:any) => e.target.id === 'overlay'&&watch&&setWatch(false)\r\n const handleClose = (type: string | undefined): void => {\r\n if (type === 'copy') copied('Link')\r\n if (type === 'delete') setModal(true)\r\n setAnchorEl(null)\r\n setSelected(false)\r\n }\r\n\r\n const handleDeleteModal = (e: any) => {\r\n const id = e.target.id\r\n if (id === 'overlay' || id === 'cancel') return setModal(false)\r\n if (id === 'delete') {\r\n removeMessageById(_id)\r\n setModal(false)\r\n }\r\n } \r\n const handleContextMenu = (e: React.MouseEvent<HTMLDivElement>):void => {\r\n e.preventDefault()\r\n setAnchorEl(e.currentTarget)\r\n setSelected(true)\r\n } \r\n return (watch ?\r\n <div onClick={handleCloseWatch} id='overlay' className={classes.overlay}>\r\n <div className={classes.wrapperOverlayImg}>\r\n <span className={classes.overlayTime}>{timeStampEU(createdAt)}</span>\r\n <DownloadForOfflineIcon className={classes.overlayDownloadIcon} fontSize='large'\r\n onClick={() => handleDownload(url, fullType)}/>\r\n <img width='100%' height='auto' alt='imageItem' src={url} />\r\n </div>\r\n </div> :\r\n <div className={classes.container}>\r\n <div onContextMenu={(e) => handleContextMenu(e)}\r\n className={selected? classes.wrapperActive:classes.wrapper}>\r\n <ImageIcon fontSize='large' style={{ color: '#bd9a00' }} />\r\n <img onClick={handleOpenWatch} className={classes.image} alt='message pic' src={url}\r\n style={{ backgroundColor: url ? '' : color }} width='300' height='400' />\r\n <IconButton onClick={() => handleDownload(url, fullType)} className={classes.bntDownload}>\r\n <FileDownloadIcon fontSize='medium'/>\r\n </IconButton>\r\n <div className={classes.time}>{timeStampMessage(createdAt)}</div>\r\n <StyledMenu id=\"demo-positioned-menu\" aria-labelledby=\"demo-positioned-button\"\r\n anchorEl={anchorEl} open={open} onClose={handleClose}> \r\n <CopyToClipboard onCopy={() => handleClose('copy')} text={url}>\r\n <MenuItem>\r\n <ContentCopyIcon />\r\n Copy Image link\r\n </MenuItem>\r\n </CopyToClipboard>\r\n <MenuItem style={{color:'#f02a2a'}} onClick={() => handleClose('delete')}>\r\n <DeleteOutlineIcon style={{color:'#f02a2a'}}/>\r\n Delete message\r\n </MenuItem> \r\n </StyledMenu>\r\n {modal &&\r\n <div onClick={handleDeleteModal} className={classes.overlayDelete} id='overlay'>\r\n <div className={classes.modalDelete}>\r\n <h3 style={{color: '#2c2c2c'}}>Delete message</h3>\r\n <p style={{ color: '#050505' }}>Are you sure you want to delete message?</p>\r\n <Button id='delete' variant=\"text\" color=\"error\" style={{fontWeight:500,fontSize:22}}>\r\n DELETE MESSAGE\r\n </Button> \r\n <Button id='cancel' variant=\"text\" style={{fontWeight:500,fontSize:22}}>\r\n CANCEL\r\n </Button>\r\n </div> \r\n </div>} \r\n </div>\r\n </div> \r\n)};\r\n\r\nexport default MessageRightImage\r\n","import { makeStyles } from \"@material-ui/core/styles\";\r\nimport { styled } from '@mui/material/styles';\r\nimport { useState } from \"react\";\r\nimport { IconButton } from \"@material-ui/core\";\r\nimport AudioFileIcon from '@mui/icons-material/AudioFile';\r\nimport FileDownloadIcon from '@mui/icons-material/FileDownload';\r\nimport ReactAudioPlayer from 'react-audio-player';\r\nimport Button from '@mui/material/Button';\r\nimport ContentCopyIcon from '@mui/icons-material/ContentCopy';\r\nimport DeleteOutlineIcon from '@mui/icons-material/DeleteOutline';\r\nimport Menu from '@mui/material/Menu';\r\nimport MenuItem from '@mui/material/MenuItem';\r\nimport { CopyToClipboard } from 'react-copy-to-clipboard';\r\nimport { removeMessageById } from \"../../../../../../api-data\";\r\nimport { timeStampMessage,handleDownload,copied } from '../../../../../../helpers'\r\n\r\nconst StyledMenu = styled((props:any) => (\r\n <Menu\r\n elevation={0}\r\n anchorOrigin={{\r\n vertical: 'top',\r\n horizontal: 'right',\r\n }}\r\n transformOrigin={{\r\n vertical: 'bottom',\r\n horizontal: 'right',\r\n }}\r\n {...props}\r\n />\r\n))(({ theme }:any) => ({\r\n '& .MuiPaper-root': {\r\n borderRadius: 10,\r\n marginTop: theme.spacing(0),\r\n minWidth: 220,\r\n color:\r\n theme.palette.mode === 'light' ? 'rgb(55, 65, 81)' : theme.palette.grey[500],\r\n boxShadow:\r\n 'rgb(255, 255, 255) 0px 0px 0px 0px, rgba(0, 0, 0, 0.05) 0px 0px 0px 1px, rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px',\r\n '& .MuiMenu-list': {\r\n padding: '4px 4px',\r\n },\r\n '& .MuiMenuItem-root': {\r\n marginBottom: theme.spacing(1),\r\n '& .MuiSvgIcon-root': {\r\n fontSize: 21,\r\n color: theme.palette.text.secondary,\r\n marginRight: theme.spacing(2),\r\n }\r\n },\r\n },\r\n}));\r\n\r\nconst useStyles = makeStyles({\r\n container: {\r\n display: \"flex\",\r\n justifyContent: \"flex-end\",\r\n marginBottom:15\r\n },\r\n wrapper: {\r\n position: 'relative',\r\n display: 'flex',\r\n justifyContent: 'space-between',\r\n alignContent: 'center',\r\n alignItems: 'center',\r\n padding: '12px 5px 12px 5px',\r\n backgroundColor: '#deffa9',\r\n borderRadius: 7,\r\n \"&:after\": {\r\n content: \"''\",\r\n position: \"absolute\",\r\n width: \"0\",\r\n height: \"0\",\r\n borderBottom: \"15px solid #deffa9\",\r\n borderLeft: \"15px solid transparent\",\r\n borderRight: \"15px solid transparent\",\r\n bottom: \"0\",\r\n right: \"-15px\"\r\n },\r\n \"&:before\": {\r\n content: \"''\",\r\n position: \"absolute\",\r\n width: \"0\",\r\n height: \"0\",\r\n borderBottom: \"17px solid #deffa9\",\r\n borderLeft: \"16px solid transparent\",\r\n borderRight: \"16px solid transparent\",\r\n bottom: \"0px\",\r\n right: \"-17px\"\r\n } \r\n },\r\n wrapperActive: {\r\n position: 'relative',\r\n display: 'flex',\r\n justifyContent: 'space-between',\r\n alignContent: 'center',\r\n alignItems: 'center',\r\n padding: '12px 5px 12px 5px',\r\n backgroundColor: '#ced8d7',\r\n borderRadius: 7,\r\n \"&:after\": {\r\n content: \"''\",\r\n position: \"absolute\",\r\n width: \"0\",\r\n height: \"0\",\r\n borderBottom: \"15px solid #ced8d7\",\r\n borderLeft: \"15px solid transparent\",\r\n borderRight: \"15px solid transparent\",\r\n bottom: \"0\",\r\n right: \"-15px\"\r\n },\r\n \"&:before\": {\r\n content: \"''\",\r\n position: \"absolute\",\r\n width: \"0\",\r\n height: \"0\",\r\n borderBottom: \"17px solid #ced8d7\",\r\n borderLeft: \"16px solid transparent\",\r\n borderRight: \"16px solid transparent\",\r\n bottom: \"0px\",\r\n right: \"-17px\"\r\n } \r\n },\r\n bntDownload: {\r\n backgroundColor: 'inherit',\r\n color: '#54b0fc',\r\n width: 30,\r\n height:30,\r\n '&:hover': {\r\n backgroundColor: '#54b0fc',\r\n color:'#ffffff'\r\n }\r\n },\r\n player: {\r\n margin: '0 5px 0 5px',\r\n borderRadius: 7,\r\n },\r\n time: {\r\n position: \"absolute\",\r\n fontSize: \".65em\",\r\n fontWeight:600,\r\n bottom: 0,\r\n right: 6,\r\n color: '#414141',\r\n padding: 3,\r\n borderRadius: 5,\r\n },\r\n modalDelete: {\r\n background: '#ffffff',\r\n position: 'absolute',\r\n content:'',\r\n width: '20%',\r\n height:'auto',\r\n left: '40%',\r\n bottom: '48.5%',\r\n borderRadius: 10,\r\n padding: 10,\r\n display: 'flex',\r\n flexDirection:'column'\r\n }, \r\n overlay: {\r\n position: 'fixed',\r\n top: 0,\r\n left: 0,\r\n width: '100vw',\r\n height: '100vh',\r\n zIndex: 100,\r\n backgroundColor: 'rgba(104, 105, 104, 0.6)',\r\n overflowY: 'hidden',\r\n }, \r\n});\r\n\r\ninterface IMessageRightAudio {\r\n url:string,\r\n createdAt: string,\r\n fullType: string,\r\n _id:string\r\n}\r\n\r\nconst MessageRightAudio = ({ url,createdAt,fullType,_id }:IMessageRightAudio) => {\r\n const classes = useStyles();\r\n const [anchorEl, setAnchorEl] = useState<any>(null);\r\n const [selected, setSelected] = useState<boolean>(false);\r\n const [modal,setModal] = useState<boolean>(false)\r\n const open = Boolean(anchorEl); \r\n const handleClose = (type: string | undefined): void => {\r\n if (type === 'copy') copied('Link')\r\n if (type === 'delete') setModal(true)\r\n setAnchorEl(null)\r\n setSelected(false)\r\n }\r\n\r\n const handleDeleteModal = (e: any) => {\r\n const id = e.target.id\r\n if (id === 'overlay' || id === 'cancel') return setModal(false)\r\n if (id === 'delete') {\r\n removeMessageById(_id)\r\n setModal(false)\r\n }\r\n } \r\n const handleContextMenu = (e: React.MouseEvent<HTMLDivElement>):void => {\r\n e.preventDefault()\r\n setAnchorEl(e.currentTarget)\r\n setSelected(true)\r\n } \r\n\r\n return (\r\n <div className={classes.container}>\r\n <div onContextMenu={(e) => handleContextMenu(e)}\r\n className={selected? classes.wrapperActive:classes.wrapper}>\r\n <AudioFileIcon fontSize='large' style={{ color:'#0294c0'}}/> \r\n <ReactAudioPlayer className={classes.player} \r\n src={url}\r\n controls\r\n />\r\n <IconButton onClick={() => handleDownload(url, fullType)} className={classes.bntDownload}>\r\n <FileDownloadIcon fontSize='medium'/>\r\n </IconButton>\r\n <div className={classes.time}>{timeStampMessage(createdAt)}</div>\r\n <StyledMenu id=\"demo-positioned-menu\" aria-labelledby=\"demo-positioned-button\"\r\n anchorEl={anchorEl} open={open} onClose={handleClose}> \r\n <CopyToClipboard onCopy={() => handleClose('copy')} text={url}>\r\n <MenuItem>\r\n <ContentCopyIcon />\r\n Copy Audio link\r\n </MenuItem>\r\n </CopyToClipboard>\r\n <MenuItem style={{color:'#f02a2a'}} onClick={() => handleClose('delete')}>\r\n <DeleteOutlineIcon style={{color:'#f02a2a'}}/>\r\n Delete message\r\n </MenuItem> \r\n </StyledMenu>\r\n {modal &&\r\n <div onClick={handleDeleteModal} className={classes.overlay} id='overlay'>\r\n <div className={classes.modalDelete}>\r\n <h3 style={{color: '#2c2c2c'}}>Delete message</h3>\r\n <p style={{ color: '#050505' }}>Are you sure you want to delete message?</p>\r\n <Button id='delete' variant=\"text\" color=\"error\" style={{fontWeight:500,fontSize:22}}>\r\n DELETE MESSAGE\r\n </Button> \r\n <Button id='cancel' variant=\"text\" style={{fontWeight:500,fontSize:22}}>\r\n CANCEL\r\n </Button>\r\n </div> \r\n </div>} \r\n </div>\r\n </div> \r\n)};\r\n\r\nexport default MessageRightAudio\r\n","import { makeStyles } from \"@material-ui/core/styles\";\r\nimport { styled } from '@mui/material/styles';\r\nimport { useState } from \"react\";\r\nimport { IconButton } from \"@material-ui/core\";\r\nimport VideoFileIcon from '@mui/icons-material/VideoFile';\r\nimport FileDownloadIcon from '@mui/icons-material/FileDownload';\r\nimport Button from '@mui/material/Button';\r\nimport ContentCopyIcon from '@mui/icons-material/ContentCopy';\r\nimport DeleteOutlineIcon from '@mui/icons-material/DeleteOutline';\r\nimport Menu from '@mui/material/Menu';\r\nimport MenuItem from '@mui/material/MenuItem';\r\nimport { CopyToClipboard } from 'react-copy-to-clipboard';\r\nimport { removeMessageById } from \"../../../../../../api-data\";\r\nimport { timeStampMessage,handleDownload,copied } from '../../../../../../helpers'\r\n\r\nconst { Player } = require('video-react')\r\n\r\nconst StyledMenu = styled((props:any) => (\r\n <Menu\r\n elevation={0}\r\n anchorOrigin={{\r\n vertical: 'top',\r\n horizontal: 'right',\r\n }}\r\n transformOrigin={{\r\n vertical: 'bottom',\r\n horizontal: 'right',\r\n }}\r\n {...props}\r\n />\r\n))(({ theme }:any) => ({\r\n '& .MuiPaper-root': {\r\n borderRadius: 10,\r\n marginTop: theme.spacing(0),\r\n minWidth: 220,\r\n color:\r\n theme.palette.mode === 'light' ? 'rgb(55, 65, 81)' : theme.palette.grey[500],\r\n boxShadow:\r\n 'rgb(255, 255, 255) 0px 0px 0px 0px, rgba(0, 0, 0, 0.05) 0px 0px 0px 1px, rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px',\r\n '& .MuiMenu-list': {\r\n padding: '4px 4px',\r\n },\r\n '& .MuiMenuItem-root': {\r\n marginBottom: theme.spacing(1),\r\n '& .MuiSvgIcon-root': {\r\n fontSize: 21,\r\n color: theme.palette.text.secondary,\r\n marginRight: theme.spacing(2),\r\n }\r\n },\r\n },\r\n}));\r\n\r\nconst useStyles = makeStyles({\r\n container: {\r\n display: \"flex\",\r\n justifyContent: \"flex-end\",\r\n marginBottom:15\r\n },\r\n wrapper: {\r\n position: 'relative',\r\n display: 'flex',\r\n justifyContent: 'space-between',\r\n alignContent: 'center',\r\n alignItems: 'center',\r\n width: 400,\r\n padding: '12px 5px 12px 5px',\r\n backgroundColor: '#deffa9',\r\n borderRadius: 7,\r\n \"&:after\": {\r\n content: \"''\",\r\n position: \"absolute\",\r\n width: \"0\",\r\n height: \"0\",\r\n borderBottom: \"15px solid #deffa9\",\r\n borderLeft: \"15px solid transparent\",\r\n borderRight: \"15px solid transparent\",\r\n bottom: \"0\",\r\n right: \"-15px\"\r\n },\r\n \"&:before\": {\r\n content: \"''\",\r\n position: \"absolute\",\r\n width: \"0\",\r\n height: \"0\",\r\n borderBottom: \"17px solid #deffa9\",\r\n borderLeft: \"16px solid transparent\",\r\n borderRight: \"16px solid transparent\",\r\n bottom: \"0px\",\r\n right: \"-17px\"\r\n } \r\n },\r\n wrapperActive: {\r\n position: 'relative',\r\n display: 'flex',\r\n justifyContent: 'space-between',\r\n alignContent: 'center',\r\n alignItems: 'center',\r\n width: 400,\r\n padding: '12px 5px 12px 5px',\r\n backgroundColor: '#ced8d7',\r\n borderRadius: 7,\r\n \"&:after\": {\r\n content: \"''\",\r\n position: \"absolute\",\r\n width: \"0\",\r\n height: \"0\",\r\n borderBottom: \"15px solid #ced8d7\",\r\n borderLeft: \"15px solid transparent\",\r\n borderRight: \"15px solid transparent\",\r\n bottom: \"0\",\r\n right: \"-15px\"\r\n },\r\n \"&:before\": {\r\n content: \"''\",\r\n position: \"absolute\",\r\n width: \"0\",\r\n height: \"0\",\r\n borderBottom: \"17px solid #ced8d7\",\r\n borderLeft: \"16px solid transparent\",\r\n borderRight: \"16px solid transparent\",\r\n bottom: \"0px\",\r\n right: \"-17px\"\r\n } \r\n }, \r\n bntDownload: {\r\n backgroundColor: 'inherit',\r\n color: '#54b0fc',\r\n width: 30,\r\n height: 30,\r\n marginLeft:5,\r\n '&:hover': {\r\n backgroundColor: '#54b0fc',\r\n color:'#ffffff'\r\n }\r\n }, \r\n time: {\r\n position: \"absolute\",\r\n fontSize: \".65em\",\r\n fontWeight:600,\r\n bottom: 0,\r\n right: 6,\r\n color: '#414141',\r\n padding: 3,\r\n borderRadius: 5,\r\n },\r\n player: {\r\n backgroundColor: '#deffa9',\r\n },\r\n playerActive: {\r\n backgroundColor: '#ced8d7',\r\n },\r\n modalDelete: {\r\n background: '#ffffff',\r\n position: 'absolute',\r\n content:'',\r\n width: '20%',\r\n height:'auto',\r\n left: '40%',\r\n bottom: '48.5%',\r\n borderRadius: 10,\r\n padding: 10,\r\n display: 'flex',\r\n flexDirection:'column'\r\n }, \r\n overlay: {\r\n position: 'fixed',\r\n top: 0,\r\n left: 0,\r\n width: '100vw',\r\n height: '100vh',\r\n zIndex: 100,\r\n backgroundColor: 'rgba(104, 105, 104, 0.6)',\r\n overflowY: 'hidden',\r\n }, \r\n});\r\n\r\ninterface IMessageRightVideo {\r\n url:string,\r\n createdAt: string,\r\n fullType: string,\r\n _id:string\r\n}\r\n\r\nconst MessageRightVideo = ({ url,createdAt,fullType,_id }:IMessageRightVideo) => {\r\n const classes = useStyles();\r\n const [anchorEl, setAnchorEl] = useState<any>(null);\r\n const [selected, setSelected] = useState<boolean>(false);\r\n const [modal,setModal] = useState<boolean>(false)\r\n const open = Boolean(anchorEl);\r\n \r\n const handleClose = (type: string | undefined): void => {\r\n if (type === 'copy') copied('Link')\r\n if (type === 'delete') setModal(true)\r\n setAnchorEl(null)\r\n setSelected(false)\r\n }\r\n\r\n const handleDeleteModal = (e: any) => {\r\n const id = e.target.id\r\n if (id === 'overlay' || id === 'cancel') return setModal(false)\r\n if (id === 'delete') {\r\n removeMessageById(_id)\r\n setModal(false)\r\n }\r\n } \r\n const handleContextMenu = (e: React.MouseEvent<HTMLDivElement>):void => {\r\n e.preventDefault()\r\n setAnchorEl(e.currentTarget)\r\n setSelected(true)\r\n } \r\n \r\n return (\r\n <div className={classes.container}>\r\n <div onContextMenu={(e) => handleContextMenu(e)}\r\n className={selected? classes.wrapperActive:classes.wrapper}>\r\n <VideoFileIcon fontSize='large' style={{ color:'#03b003'}}/> \r\n <Player className={selected?classes.playerActive:classes.player} playsInline src={url}/>\r\n <IconButton onClick={() => handleDownload(url, fullType)} className={classes.bntDownload}>\r\n <FileDownloadIcon fontSize='medium'/>\r\n </IconButton>\r\n <div className={classes.time}>{timeStampMessage(createdAt)}</div>\r\n <StyledMenu id=\"demo-positioned-menu\" aria-labelledby=\"demo-positioned-button\"\r\n anchorEl={anchorEl} open={open} onClose={handleClose}> \r\n <CopyToClipboard onCopy={() => handleClose('copy')} text={url}>\r\n <MenuItem>\r\n <ContentCopyIcon />\r\n Copy Video link\r\n </MenuItem>\r\n </CopyToClipboard>\r\n <MenuItem style={{color:'#f02a2a'}} onClick={() => handleClose('delete')}>\r\n <DeleteOutlineIcon style={{color:'#f02a2a'}}/>\r\n Delete message\r\n </MenuItem> \r\n </StyledMenu>\r\n {modal &&\r\n <div onClick={handleDeleteModal} className={classes.overlay} id='overlay'>\r\n <div className={classes.modalDelete}>\r\n <h3 style={{color: '#2c2c2c'}}>Delete message</h3>\r\n <p style={{ color: '#050505' }}>Are you sure you want to delete message?</p>\r\n <Button id='delete' variant=\"text\" color=\"error\" style={{fontWeight:500,fontSize:22}}>\r\n DELETE MESSAGE\r\n </Button> \r\n <Button id='cancel' variant=\"text\" style={{fontWeight:500,fontSize:22}}>\r\n CANCEL\r\n </Button>\r\n </div> \r\n </div>} \r\n </div>\r\n </div> \r\n)};\r\n\r\nexport default MessageRightVideo\r\n","import { makeStyles } from \"@material-ui/core/styles\";\r\nimport { styled } from '@mui/material/styles';\r\nimport { useState } from \"react\";\r\nimport { IconButton } from \"@material-ui/core\";\r\nimport InsertDriveFileIcon from '@mui/icons-material/InsertDriveFile';\r\nimport FileDownloadIcon from '@mui/icons-material/FileDownload';\r\nimport Button from '@mui/material/Button';\r\nimport ContentCopyIcon from '@mui/icons-material/ContentCopy';\r\nimport DeleteOutlineIcon from '@mui/icons-material/DeleteOutline';\r\nimport Menu from '@mui/material/Menu';\r\nimport MenuItem from '@mui/material/MenuItem';\r\nimport { CopyToClipboard } from 'react-copy-to-clipboard';\r\nimport { removeMessageById } from \"../../../../../../api-data\";\r\nimport { timeStampMessage,copied } from '../../../../../../helpers'\r\n\r\nconst FileViewer = require('react-file-viewer')\r\n\r\nconst StyledMenu = styled((props:any) => (\r\n <Menu\r\n elevation={0}\r\n anchorOrigin={{\r\n vertical: 'top',\r\n horizontal: 'right',\r\n }}\r\n transformOrigin={{\r\n vertical: 'bottom',\r\n horizontal: 'right',\r\n }}\r\n {...props}\r\n />\r\n))(({ theme }:any) => ({\r\n '& .MuiPaper-root': {\r\n borderRadius: 10,\r\n marginTop: theme.spacing(0),\r\n minWidth: 220,\r\n color:\r\n theme.palette.mode === 'light' ? 'rgb(55, 65, 81)' : theme.palette.grey[500],\r\n boxShadow:\r\n 'rgb(255, 255, 255) 0px 0px 0px 0px, rgba(0, 0, 0, 0.05) 0px 0px 0px 1px, rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px',\r\n '& .MuiMenu-list': {\r\n padding: '4px 4px',\r\n },\r\n '& .MuiMenuItem-root': {\r\n marginBottom: theme.spacing(1),\r\n '& .MuiSvgIcon-root': {\r\n fontSize: 21,\r\n color: theme.palette.text.secondary,\r\n marginRight: theme.spacing(2),\r\n }\r\n },\r\n },\r\n}));\r\n\r\nconst useStyles = makeStyles({\r\n container: {\r\n display: \"flex\",\r\n justifyContent: \"flex-end\",\r\n marginBottom:15\r\n },\r\n wrapper: {\r\n position: 'relative',\r\n display: 'flex',\r\n justifyContent: 'space-between',\r\n alignContent: 'center',\r\n alignItems: 'center',\r\n width: 200,\r\n padding: '5px 5px 12px 5px',\r\n backgroundColor: '#deffa9',\r\n borderRadius: 7,\r\n \"&:after\": {\r\n content: \"''\",\r\n position: \"absolute\",\r\n width: \"0\",\r\n height: \"0\",\r\n borderBottom: \"15px solid #deffa9\",\r\n borderLeft: \"15px solid transparent\",\r\n borderRight: \"15px solid transparent\",\r\n bottom: \"0\",\r\n right: \"-15px\"\r\n },\r\n \"&:before\": {\r\n content: \"''\",\r\n position: \"absolute\",\r\n width: \"0\",\r\n height: \"0\",\r\n borderBottom: \"17px solid #deffa9\",\r\n borderLeft: \"16px solid transparent\",\r\n borderRight: \"16px solid transparent\",\r\n bottom: \"0px\",\r\n right: \"-17px\"\r\n } \r\n },\r\n wrapperActive: {\r\n position: 'relative',\r\n display: 'flex',\r\n justifyContent: 'space-between',\r\n alignContent: 'center',\r\n alignItems: 'center',\r\n width: 200,\r\n padding: '5px 5px 12px 5px',\r\n backgroundColor: '#ced8d7',\r\n borderRadius: 7,\r\n \"&:after\": {\r\n content: \"''\",\r\n position: \"absolute\",\r\n width: \"0\",\r\n height: \"0\",\r\n borderBottom: \"15px solid #ced8d7\",\r\n borderLeft: \"15px solid transparent\",\r\n borderRight: \"15px solid transparent\",\r\n bottom: \"0\",\r\n right: \"-15px\"\r\n },\r\n \"&:before\": {\r\n content: \"''\",\r\n position: \"absolute\",\r\n width: \"0\",\r\n height: \"0\",\r\n borderBottom: \"17px solid #ced8d7\",\r\n borderLeft: \"16px solid transparent\",\r\n borderRight: \"16px solid transparent\",\r\n bottom: \"0px\",\r\n right: \"-17px\"\r\n } \r\n }, \r\n bntDownload: {\r\n backgroundColor: 'inherit',\r\n color: '#54b0fc',\r\n width: 30,\r\n height:30,\r\n '&:hover': {\r\n backgroundColor: '#54b0fc',\r\n color:'#ffffff'\r\n }\r\n }, \r\n title: {\r\n margin: '0 30px 0 5px',\r\n color: '#0e0d0d',\r\n cursor: 'pointer',\r\n '&:hover': {\r\n color: '#54b0fc',\r\n }\r\n },\r\n time: {\r\n position: \"absolute\",\r\n fontSize: \".65em\",\r\n fontWeight:600,\r\n bottom: 0,\r\n right: 6,\r\n color: '#414141',\r\n padding: 3,\r\n borderRadius: 5,\r\n },\r\n overlay: {\r\n position: 'absolute',\r\n top: 0,\r\n left: 0,\r\n width: '100%',\r\n height:'100%',\r\n backgroundColor: 'rgba(104, 105, 104, 0.6)',\r\n border:'solid 2px #0084ff',\r\n cursor: 'pointer',\r\n zIndex:100\r\n },\r\n modalDelete: {\r\n background: '#ffffff',\r\n position: 'absolute',\r\n content:'',\r\n width: '20%',\r\n height:'auto',\r\n left: '40%',\r\n bottom: '48.5%',\r\n borderRadius: 10,\r\n padding: 10,\r\n display: 'flex',\r\n flexDirection:'column'\r\n }, \r\n overlayDelete: {\r\n position: 'fixed',\r\n top: 0,\r\n left: 0,\r\n width: '100vw',\r\n height: '100vh',\r\n zIndex: 100,\r\n backgroundColor: 'rgba(104, 105, 104, 0.6)',\r\n overflowY: 'hidden',\r\n }, \r\n});\r\n\r\ninterface IMessageRightFile {\r\n url:string,\r\n createdAt: string,\r\n type: string,\r\n _id:string\r\n}\r\n\r\nconst MessageRightFile = ({ url,createdAt,type,_id }:IMessageRightFile) => {\r\n const classes = useStyles();\r\n const [read, setRead] = useState<boolean>(false)\r\n const [anchorEl, setAnchorEl] = useState<any>(null);\r\n const [selected, setSelected] = useState<boolean>(false);\r\n const [modal,setModal] = useState<boolean>(false)\r\n const open = Boolean(anchorEl); \r\n const handleOpenRead = () => !read&&setRead(true)\r\n const handleCloseRead = () => read && setRead(false)\r\n const handleClose = (type: string | undefined): void => {\r\n if (type === 'copy') copied('Link')\r\n if (type === 'delete') setModal(true)\r\n setAnchorEl(null)\r\n setSelected(false)\r\n }\r\n\r\n const handleDeleteModal = (e: any) => {\r\n const id = e.target.id\r\n if (id === 'overlay' || id === 'cancel') return setModal(false)\r\n if (id === 'delete') {\r\n removeMessageById(_id)\r\n setModal(false)\r\n }\r\n } \r\n const handleContextMenu = (e: React.MouseEvent<HTMLDivElement>):void => {\r\n e.preventDefault()\r\n setAnchorEl(e.currentTarget)\r\n setSelected(true)\r\n } \r\n\r\n return (\r\n <div className={classes.container}>\r\n {read&&<div className={classes.overlay} id='overlay' onClick={handleCloseRead}>\r\n <FileViewer\r\n allowFullScreen={true}\r\n fileType={type}\r\n filePath={url}\r\n onError={handleCloseRead}\r\n />\r\n </div>}\r\n <div onContextMenu={(e) => handleContextMenu(e)}\r\n className={selected? classes.wrapperActive:classes.wrapper}>\r\n <InsertDriveFileIcon fontSize='large' style={{ color: '#99b401' }} />\r\n {!read && <span className={classes.title} onClick={handleOpenRead}>Read File</span>}\r\n <a href={url} target=\"_blank\" rel=\"noreferrer\" download>\r\n <IconButton className={classes.bntDownload}>\r\n <FileDownloadIcon fontSize='medium'/>\r\n </IconButton>\r\n </a>\r\n <div className={classes.time}>{timeStampMessage(createdAt)}</div>\r\n <StyledMenu id=\"demo-positioned-menu\" aria-labelledby=\"demo-positioned-button\"\r\n anchorEl={anchorEl} open={open} onClose={handleClose}> \r\n <CopyToClipboard onCopy={() => handleClose('copy')} text={url}>\r\n <MenuItem>\r\n <ContentCopyIcon />\r\n Copy File link\r\n </MenuItem>\r\n </CopyToClipboard>\r\n <MenuItem style={{color:'#f02a2a'}} onClick={() => handleClose('delete')}>\r\n <DeleteOutlineIcon style={{color:'#f02a2a'}}/>\r\n Delete message\r\n </MenuItem> \r\n </StyledMenu>\r\n {modal &&\r\n <div onClick={handleDeleteModal} className={classes.overlayDelete} id='overlay'>\r\n <div className={classes.modalDelete}>\r\n <h3 style={{color: '#2c2c2c'}}>Delete message</h3>\r\n <p style={{ color: '#050505' }}>Are you sure you want to delete message?</p>\r\n <Button id='delete' variant=\"text\" color=\"error\" style={{fontWeight:500,fontSize:22}}>\r\n DELETE MESSAGE\r\n </Button> \r\n <Button id='cancel' variant=\"text\" style={{fontWeight:500,fontSize:22}}>\r\n CANCEL\r\n </Button>\r\n </div> \r\n </div>} \r\n </div>\r\n </div> \r\n)};\r\n\r\nexport default MessageRightFile\r\n","import { makeStyles } from \"@material-ui/core/styles\";\r\n\r\nconst useStyles = makeStyles({\r\n container: {\r\n display: \"flex\",\r\n justifyContent: \"center\",\r\n marginBottom:15\r\n },\r\n wrapper: {\r\n textAlign: 'center',\r\n padding: '1px 10px 3px 10px',\r\n backgroundColor: 'rgba(104, 105, 104, 0.8)',\r\n color:'#ffffff',\r\n borderRadius: 7,\r\n fontSize: \".85em\",\r\n fontWeight:600,\r\n },\r\n});\r\n\r\ninterface IMessageTime {\r\n message:string,\r\n}\r\n\r\nconst MessageTime = ({ message }:IMessageTime) => {\r\n const classes = useStyles();\r\n\r\n return (\r\n <div className={classes.container}>\r\n <span className={classes.wrapper}>{message}</span>\r\n </div> \r\n)};\r\n\r\nexport default MessageTime\r\n","import { createSelector } from 'reselect';\r\nimport { IState } from '../../../typescript/redux/interfaces'\r\n\r\nconst getMessages = (state: IState) => state.messages.messages;\r\nconst getState = (state: IState) => state.messages;\r\nconst getMessagesMemo = createSelector([getMessages], messages => messages);\r\n\r\nexport { getMessages,getState,getMessagesMemo };\r\n\r\n","import {\r\n actionGetMessagesSuccess,\r\n actionGetMessagesReject\r\n} from '../action';\r\nimport { getMessagesById } from '../../../api-data';\r\nimport { IMessagesState } from '../../../typescript/redux/messages/interfaces'\r\n\r\n\r\nconst asyncGetMessagesById= (id:string,cb:any) => async (dispatch:any) => {\r\n try {\r\n const data = await getMessagesById<IMessagesState>(id)\r\n data && dispatch(actionGetMessagesSuccess(data))\r\n cb&&cb()\r\n } catch (e) {\r\n dispatch(actionGetMessagesReject())\r\n } \r\n};\r\n\r\n\r\nexport { asyncGetMessagesById };\r\n\r\n\r\n\r\n\r\n","import { makeStyles } from \"@material-ui/core/styles\";\r\nimport { useState, useEffect, useRef, useCallback } from \"react\";\r\nimport { useSelector,useDispatch } from \"react-redux\";\r\n\r\nimport ArrowBack from \"./ArrowBack\";\r\nimport SendMessage from \"./SendMessage\";\r\nimport MessageLeftText from './Messages/MessageLeftText'\r\nimport MessageLeftImage from './Messages/MessageLeftImage'\r\nimport MessageLeftAudio from './Messages/MessageLeftAudio'\r\nimport MessageLeftVideo from './Messages/MessageLeftVideo'\r\nimport MessageLeftFile from \"./Messages/MessageLeftFile\";\r\nimport MessageRightText from './Messages/MessageRightText'\r\nimport MessageRightImage from './Messages/MessageRightImage'\r\nimport MessageRightAudio from './Messages/MessageRightAudio'\r\nimport MessageRightVideo from './Messages/MessageRightVideo'\r\nimport MessageRightFile from \"./Messages/MessageRightFile\";\r\nimport MessageTime from \"./Messages/MessageTime\";\r\nimport AlertInfo from \"../../../reusableComponents/AlertInfo\";\r\nimport { getMessagesMemo } from '../../../../redux/messages/selector'\r\nimport { getNumber } from '../../../../redux/authorization/selector'\r\nimport { getChat } from '../../../../redux/chat/selector'\r\nimport { getScroll } from '../../../../redux/control/selector'\r\nimport { actionScroll } from '../../../../redux/control/action'\r\nimport { asyncGetMessagesById } from '../../../../redux/messages/operations'\r\nimport { asyncGetChatById } from \"../../../../redux/chat/operations\";\r\nimport { seenChat } from \"../../../../api-data\";\r\nimport { timeStampFilter,prodBaseURL } from \"../../../../helpers\";\r\nconst debounce = require('lodash.debounce');\r\n\r\nconst useStyles = makeStyles({ \r\n container: {\r\n height: '93vh',\r\n width: \"100%\",\r\n display: \"flex\",\r\n alignItems: \"center\",\r\n alignContent:\"center\",\r\n flexDirection: \"column\",\r\n position: \"relative\",\r\n },\r\n messagesScroll: {\r\n paddingTop: 30,\r\n overflowY: \"scroll\",\r\n maxHeight: '83vh',\r\n width: \"100%\",\r\n display: \"flex\",\r\n justifyContent: 'center',\r\n '&::-webkit-scrollbar': {\r\n width: '0.4em'\r\n },\r\n '&::-webkit-scrollbar-track': {\r\n boxShadow: 'inset 0 0 6px rgba(0,0,0,0.00)',\r\n webkitBoxShadow: 'inset 0 0 6px rgba(0,0,0,0.00)',\r\n backgroundColor: '#eceeec',\r\n },\r\n '&::-webkit-scrollbar-thumb': {\r\n backgroundColor: '#ccc8c8',\r\n },\r\n \"&::-webkit-scrollbar-thumb:focus\": {\r\n backgroundColor: \"#959595\",\r\n },\r\n \"&::-webkit-scrollbar-thumb:active\": {\r\n backgroundColor: \"#959595\",\r\n },\r\n },\r\n messagesEmpty: {\r\n overflowY: \"hidden\",\r\n width: \"100%\",\r\n display: \"flex\",\r\n justifyContent: 'center',\r\n paddingTop: 30,\r\n }, \r\n messagesBody: {\r\n width: \"60%\",\r\n }, \r\n});\r\n\r\nconst ChatBar = () => {\r\n const classes = useStyles();\r\n const dispatch = useDispatch()\r\n const messages = useSelector(getMessagesMemo)\r\n const userNumber = useSelector(getNumber)\r\n const { companionId,total,seen,mute } = useSelector(getChat)\r\n const scroll = useSelector(getScroll)\r\n const [isArrow, setIsArrow] = useState<boolean>(false)\r\n const [isNew, setIsNew] = useState<{new:number,mute:boolean}>({new:0,mute:false})\r\n const divRef = useRef<any | null>(null)\r\n let time:any\r\n const handleScrollTo = () => {\r\n divRef.current&&divRef.current.scrollTo({\r\n top: divRef.current.scrollHeight,\r\n behavior: 'smooth'\r\n })\r\n }\r\n\r\n const handleScroll = useCallback(({ target:{scrollHeight,scrollTop,clientHeight}}: any) => {\r\n const different = scrollHeight - Math.floor(scrollTop)\r\n const reached = different - clientHeight\r\n if (total !== seen&&reached < 10) seenChat(companionId)\r\n setIsArrow(different === clientHeight ? false : true)\r\n }, [total,seen, companionId])\r\n \r\n const debouncedHandleScroll = debounce(handleScroll, 300)\r\n \r\n useEffect(() => {\r\n if (scroll) {\r\n dispatch(asyncGetMessagesById(companionId, handleScrollTo))\r\n dispatch(actionScroll(false))\r\n }\r\n }, [dispatch, scroll, companionId])\r\n \r\n useEffect(() => {\r\n dispatch(asyncGetMessagesById(companionId, handleScrollTo))\r\n const handleReset = () => {\r\n dispatch(asyncGetChatById(companionId))\r\n dispatch(asyncGetMessagesById(companionId, null))\r\n }\r\n const idInterval = setInterval(handleReset, 3000);\r\n return () => clearInterval(idInterval);\r\n }, [dispatch, companionId]);\r\n \r\n useEffect(() => {\r\n setIsNew({ new:total-seen,mute})\r\n }, [total,seen,mute]); \r\n\r\n useEffect(() => {\r\n if (divRef.current) {\r\n const { scrollHeight, clientHeight } = divRef.current\r\n if(total !== seen&&scrollHeight === clientHeight) seenChat(companionId)\r\n }\r\n }, [total,seen,companionId]);\r\n\r\n return (\r\n <div className={classes.container} >\r\n <ArrowBack isArrow={isArrow} isNew={isNew} handleScrollTo={handleScrollTo}/>\r\n <div ref={divRef} onScroll={debouncedHandleScroll}\r\n className={messages.length > 0 ? classes.messagesScroll : classes.messagesEmpty}>\r\n <div className={classes.messagesBody}>\r\n {messages.length > 0 ? messages.map(({ message, name, lastName, color,\r\n createdAt,number, type,fullType,_id }) => {\r\n let isTime\r\n if (!time) {\r\n isTime = true\r\n time = createdAt\r\n } else if (timeStampFilter(time) !== timeStampFilter(createdAt)) {\r\n time = createdAt\r\n isTime = true\r\n }\r\n const url = `${prodBaseURL}/${message}`\r\n if (number !== userNumber) {\r\n if (type === 'text') return (<div key={createdAt}>\r\n {isTime&&<MessageTime message={timeStampFilter(createdAt)}/>}\r\n <MessageLeftText\r\n message={message}\r\n createdAt={createdAt}\r\n name={name}\r\n lastName={lastName}\r\n _id={_id}\r\n /></div>)\r\n if (type === 'image') return (<div key={createdAt}>\r\n {isTime&&<MessageTime message={timeStampFilter(createdAt)}/>}\r\n <MessageLeftImage \r\n url={url}\r\n createdAt={createdAt}\r\n color={color}\r\n message={message}\r\n messages={messages}\r\n fullType={fullType}\r\n _id={_id}\r\n /></div>)\r\n if (type === 'audio') return (<div key={createdAt}>\r\n {isTime&&<MessageTime message={timeStampFilter(createdAt)}/>}\r\n <MessageLeftAudio \r\n url={url}\r\n createdAt={createdAt}\r\n fullType={fullType}\r\n _id={_id}\r\n /></div>)\r\n if (type === 'video') return (<div key={createdAt}>\r\n {isTime&&<MessageTime message={timeStampFilter(createdAt)}/>}\r\n <MessageLeftVideo \r\n url={url}\r\n createdAt={createdAt}\r\n fullType={fullType}\r\n _id={_id}\r\n /></div>)\r\n if (type) return (<div key={createdAt}>\r\n {isTime&&<MessageTime message={timeStampFilter(createdAt)}/>}\r\n <MessageLeftFile \r\n url={url}\r\n createdAt={createdAt}\r\n type={type}\r\n _id={_id}\r\n /></div>) \r\n } else {\r\n if (type === 'text') return (<div key={createdAt}>\r\n {isTime&&<MessageTime message={timeStampFilter(createdAt)}/>}\r\n <MessageRightText \r\n message={message}\r\n createdAt={createdAt}\r\n name={name}\r\n lastName={lastName}\r\n _id={_id}\r\n /></div>)\r\n if (type === 'image') return (<div key={createdAt}>\r\n {isTime&&<MessageTime message={timeStampFilter(createdAt)}/>}\r\n <MessageRightImage \r\n url={url}\r\n createdAt={createdAt}\r\n color={color}\r\n message={message}\r\n messages={messages}\r\n fullType={fullType}\r\n _id={_id}\r\n /></div>)\r\n if (type === 'audio') return (<div key={createdAt}>\r\n {isTime&&<MessageTime message={timeStampFilter(createdAt)}/>}\r\n <MessageRightAudio \r\n url={url}\r\n createdAt={createdAt}\r\n fullType={fullType}\r\n _id={_id}\r\n /></div>)\r\n if (type === 'video') return (<div key={createdAt}>\r\n {isTime&&<MessageTime message={timeStampFilter(createdAt)}/>}\r\n <MessageRightVideo \r\n url={url}\r\n createdAt={createdAt}\r\n fullType={fullType}\r\n _id={_id}\r\n /></div>)\r\n if (type) return (<div key={createdAt}>\r\n {isTime&&<MessageTime message={timeStampFilter(createdAt)}/>}\r\n <MessageRightFile \r\n url={url}\r\n createdAt={createdAt}\r\n type={type}\r\n _id={_id}\r\n /></div>) \r\n }\r\n }) : <AlertInfo name='You do not have messages yet!' />}\r\n </div>\r\n </div> \r\n <SendMessage isArrow={isArrow} /> \r\n </div>\r\n );\r\n}\r\n\r\nexport default ChatBar","import { DatePicker } from \"@material-ui/pickers\";\r\nimport { makeStyles } from '@material-ui/core'\r\n\r\ninterface IStaticDatePicker {\r\n disabled:boolean,\r\n date: Date,\r\n changeDate: React.Dispatch<React.SetStateAction<any>>,\r\n handleOnOpen: () => void\r\n}\r\n\r\nconst useStyles = makeStyles({\r\n container: {\r\n position: 'absolute',\r\n\r\n},\r\n})\r\n\r\nconst StaticDatePicker = ({ disabled, date, changeDate,handleOnOpen }: IStaticDatePicker) => {\r\n const classes = useStyles()\r\nreturn (\r\n <DatePicker\r\n disabled={disabled}\r\n className={classes.container}\r\n inputVariant='outlined'\r\n orientation=\"portrait\"\r\n variant=\"dialog\"\r\n openTo=\"date\"\r\n autoOk\r\n value={date?date:new Date()}\r\n onOpen={handleOnOpen}\r\n onChange={changeDate}\r\n />\r\n );\r\n};\r\n\r\nexport default StaticDatePicker;","import InputBase from '@mui/material/InputBase';\r\nimport Toolbar from '@mui/material/Toolbar'\r\nimport IconButton from '@mui/material/IconButton';\r\nimport SearchIcon from '@mui/icons-material/Search';\r\nimport CloseIcon from '@mui/icons-material/Close';\r\nimport CalendarTodayIcon from '@mui/icons-material/CalendarToday';\r\nimport Switch from '@mui/material/Switch';\r\nimport { styled } from '@mui/material/styles';\r\nimport { makeStyles } from '@material-ui/core'\r\nimport { useDispatch, useSelector } from \"react-redux\";\r\n\r\nimport { actionIsOpen } from '../../../../../../redux/control/action'\r\nimport { getMessages } from '../../../../../../redux/messages/selector'\r\nimport { getChat } from '../../../../../../redux/chat/selector'\r\nimport { sortChat } from '../../../../../../api-data';\r\nimport StaticDatePicker from \"./StaticDatePicker\";\r\n\r\nconst SearchBar = styled('div')(({ theme }:any) => ({\r\n position: 'relative',\r\n borderRadius: '20px',\r\n backgroundColor: '#f1f0f0', \r\n width: '100%',\r\n margin:'0 5% 0 5%'\r\n}));\r\n\r\nconst SearchIconWrapper = styled('div')(({ theme }) => ({\r\n padding: theme.spacing(0, 2),\r\n height: '100%',\r\n position: 'absolute',\r\n pointerEvents: 'none',\r\n display: 'flex',\r\n alignItems: 'center',\r\n justifyContent: 'center',\r\n}));\r\n\r\nconst StyledInputBase = styled(InputBase)(({ theme }) => ({\r\n color: 'inherit',\r\n '& .MuiInputBase-input': { \r\n fontWeight: 500,\r\n borderRadius: '20px',\r\n padding: theme.spacing(1, 1, 1, 0),\r\n paddingLeft: `calc(1em + ${theme.spacing(4)})`,\r\n transition: theme.transitions.create('width'),\r\n width: '100%',\r\n },\r\n}));\r\n\r\nconst useStyles = makeStyles({\r\n toolBar: {\r\n color: '#b1aeae',\r\n height:'7vh'\r\n },\r\n searchBarActive: {\r\n outline: '2px solid #2184f7',\r\n color: '#2184f7',\r\n },\r\n})\r\n\r\nconst label = { inputProps: { 'aria-label': 'Switch demo' } };\r\n\r\ninterface ISearch {\r\n handleSearch: (e: React.ChangeEvent<HTMLInputElement>) => void,\r\n value: string,\r\n setDate: React.Dispatch<any>,\r\n date:any,\r\n}\r\n\r\nconst Search = ({handleSearch,value,setDate,date}:ISearch) => {\r\n const dispatch = useDispatch()\r\n const classes = useStyles()\r\n const { sort, companionId } = useSelector(getChat)\r\n const messages = useSelector(getMessages)\r\n const disabled = messages.length > 0 ? false : true\r\n const handleOnOpen = () => setDate('')\r\n const handleSort = () => sortChat(companionId)\r\n\r\n return (\r\n <Toolbar className={classes.toolBar} >\r\n <IconButton onClick={() => dispatch(actionIsOpen(''))} aria-label=\"delete\" size=\"medium\">\r\n <CloseIcon fontSize='medium'/>\r\n </IconButton>\r\n <SearchBar className={!value||disabled?undefined:classes.searchBarActive}>\r\n <SearchIconWrapper>\r\n <SearchIcon />\r\n </SearchIconWrapper>\r\n <StyledInputBase\r\n disabled={disabled}\r\n onChange={handleSearch}\r\n placeholder={disabled?'Disabled':'Search'}\r\n value={value}\r\n inputProps={{ 'aria-label': 'search' }}\r\n />\r\n </SearchBar> \r\n <IconButton aria-label=\"delete\" size=\"medium\" disabled={disabled}>\r\n <StaticDatePicker disabled={disabled} date={date}\r\n changeDate={setDate} handleOnOpen={handleOnOpen} /> \r\n <CalendarTodayIcon fontSize='medium'\r\n style={{color:date?'#2184f7':'#b1aeae'}}/>\r\n </IconButton>\r\n <Switch onClick={handleSort} checked={sort} {...label} disabled={disabled} /> \r\n </Toolbar>\r\n )\r\n}\r\n\r\nexport default Search","import { makeStyles } from '@material-ui/core'\r\nimport { useSelector } from 'react-redux'\r\nimport React, { useState } from 'react'\r\nimport List from '@mui/material/List';\r\nimport ListItem from '@mui/material/ListItem';\r\nimport ListItemText from '@mui/material/ListItemText';\r\nimport ListItemAvatar from '@mui/material/ListItemAvatar';\r\nimport Avatar from '@mui/material/Avatar';\r\nimport Typography from '@mui/material/Typography';\r\nimport Divider from '@mui/material/Divider';\r\nimport Search from './Search'\r\nimport AlertInfo from \"../../../../reusableComponents/AlertInfo\";\r\nimport { getMessages } from '../../../../../redux/messages/selector'\r\nimport { getChat } from '../../../../../redux/chat/selector'\r\nimport { timeStampEU, timeStampFilter, firstLetter, slicedWord, handleSort,prodBaseURL } from '../../../../../helpers'\r\nimport { TMessages } from '../../../../../typescript/redux/messages/types';\r\n\r\nconst useStyles = makeStyles({\r\n container: {\r\n height: '100%',\r\n backgroundColor: '#ffffff'\r\n },\r\n list: {\r\n maxHeight: '93vh',\r\n overflowY: 'scroll',\r\n '&::-webkit-scrollbar': {\r\n width: '0.4em'\r\n },\r\n '&::-webkit-scrollbar-track': {\r\n boxShadow: 'inset 0 0 6px rgba(0,0,0,0.00)',\r\n webkitBoxShadow: 'inset 0 0 6px rgba(0,0,0,0.00)',\r\n backgroundColor: '#eceeec',\r\n },\r\n '&::-webkit-scrollbar-thumb': {\r\n backgroundColor: '#ccc8c8',\r\n },\r\n \"&::-webkit-scrollbar-thumb:focus\": {\r\n backgroundColor: \"#959595\",\r\n },\r\n \"&::-webkit-scrollbar-thumb:active\": {\r\n backgroundColor: \"#959595\",\r\n }, \r\n },\r\n listItem: {\r\n '&:hover': {\r\n backgroundColor: '#f0f0f0',\r\n }\r\n },\r\n})\r\n\r\nconst SearchList= () => {\r\n const classes = useStyles()\r\n const { sort } = useSelector(getChat)\r\n const messages = useSelector(getMessages)\r\n const [value, setValue] = useState<string>('')\r\n const [date, setDate] = useState<any>('');\r\n const handleSearch = (e: React.ChangeEvent<HTMLInputElement>): void => setValue(e.target.value)\r\n\r\n const filteredMessages = (arr:TMessages) => arr.filter((el) => {\r\n if (!date) {\r\n return el.message.toLowerCase().includes(value.toLowerCase())\r\n } else if (el.message.toLowerCase().includes(value.toLowerCase())\r\n && timeStampFilter(date) === timeStampFilter(el.createdAt)) {\r\n return el\r\n }\r\n })\r\n const arr:TMessages = filteredMessages(handleSort('createdAt',messages,sort))\r\nreturn (\r\n <div className={classes.container}>\r\n <Search handleSearch={handleSearch} value={value}\r\n setDate={setDate} date={date} />\r\n <div className={messages.length > 0 ?classes.list:undefined}>\r\n {messages.length > 0 ? arr.length > 0 ?\r\n <List sx={{ width: '100%' }}>\r\n {arr.map(({ name, lastName, avatarUrl, color, message, createdAt }) =>\r\n <div key={createdAt}>\r\n <ListItem alignItems=\"flex-start\" className={classes.listItem}>\r\n <ListItemAvatar>\r\n <Avatar alt={name} src={avatarUrl?`${prodBaseURL}/${avatarUrl}`:undefined}\r\n sx={{ background: color, width: 44, height: 44, marginRight:2 }}>\r\n {!avatarUrl&&`${firstLetter(name)}${firstLetter(lastName)}`}\r\n </Avatar>\r\n </ListItemAvatar>\r\n <ListItemText\r\n primary={`${firstLetter(name)}${slicedWord(name, 15, 1)} \r\n ${firstLetter(lastName)}${slicedWord(lastName, 15, 1)}`}\r\n secondary={<>\r\n <Typography\r\n sx={{ display: 'block',wordBreak:'break-word' }}\r\n component=\"span\"\r\n variant=\"body2\"\r\n color=\"text.primary\"\r\n >\r\n {message}\r\n </Typography>\r\n {timeStampEU(createdAt)}\r\n </>}\r\n />\r\n </ListItem>\r\n <Divider variant=\"inset\"/>\r\n </div>)}\r\n </List> :\r\n <AlertInfo name={`Can not find message by request: ${value}`}/>:\r\n <AlertInfo name='You do not have messages yet!' />}\r\n </div>\r\n </div>\r\n )\r\n}\r\n\r\nexport default SearchList","import Stack from '@mui/material/Stack';\r\nimport IconButton from '@mui/material/IconButton';\r\nimport PersonAddAltIcon from '@mui/icons-material/PersonAddAlt';\r\nimport EditIcon from '@mui/icons-material/Edit';\r\nimport CloseIcon from '@mui/icons-material/Close';\r\nimport { makeStyles, Typography } from '@material-ui/core'\r\nimport { useDispatch, useSelector } from 'react-redux';\r\nimport { useState,useEffect } from 'react';\r\nimport { actionIsOpen } from '../../../../../../redux/control/action'\r\nimport { getContactsMemo } from '../../../../../../redux/contacts/selector'\r\nimport { getChat } from '../../../../../../redux/chat/selector'\r\nimport { asyncAddContact } from '../../../../../../redux/contacts/operations';\r\n\r\nconst useStyles = makeStyles({\r\n container: {\r\n display: 'flex',\r\n alignContent: 'center',\r\n alignItems: 'center',\r\n height:'7vh'\r\n },\r\n iconClose: {\r\n '&:hover': {\r\n transform: 'rotate(180deg)',\r\n transition: 'all 250ms ease-out ',\r\n }\r\n }, \r\n})\r\n\r\nconst ToolBar = () => {\r\n const dispatch = useDispatch()\r\n const classes = useStyles()\r\n const contactsMemo = useSelector(getContactsMemo)\r\n const { number } = useSelector(getChat)\r\n const [isContact, setIsContact] = useState<boolean>(false)\r\n\r\n useEffect(() => {\r\n const contact = contactsMemo.find((el) => el.number === number)\r\n if (contact) {\r\n setIsContact(true)\r\n } else {\r\n setIsContact(false)\r\n } \r\n }, [contactsMemo,number])\r\n \r\n return (\r\n <Stack className={classes.container} direction=\"row\">\r\n <IconButton onClick={() => dispatch(actionIsOpen(''))} aria-label=\"delete\" size=\"medium\">\r\n <CloseIcon className={classes.iconClose} fontSize='medium'/>\r\n </IconButton>\r\n <Typography variant=\"h6\" color=\"initial\" style={{marginLeft:20,color: '#474747'}}>Profile</Typography>\r\n <IconButton style={{marginLeft:'auto',marginRight:'3%'}} aria-label=\"delete\" size=\"medium\">\r\n {isContact ? <EditIcon onClick={() => dispatch(actionIsOpen('edit'))} fontSize='medium' /> :\r\n <PersonAddAltIcon onClick={() => dispatch(asyncAddContact(number))} fontSize='medium' />}\r\n </IconButton>\r\n </Stack>\r\n )\r\n}\r\n\r\nexport default ToolBar","import { makeStyles } from '@material-ui/core'\r\nimport { useSelector } from 'react-redux';\r\nimport { Carousel } from 'react-responsive-carousel';\r\nimport { firstLetter,slicedWord,timeStampEU,prodBaseURL } from '../../../../../../helpers'\r\nimport { getChat } from '../../../../../../redux/chat/selector'\r\n\r\nconst useStyles = makeStyles({\r\n container: {\r\n position: 'relative',\r\n },\r\n nameTile: {\r\n position:'absolute',\r\n color: '#ffffff',\r\n backgroundColor: 'rgb(0,0,0)',\r\n borderRadius: 10,\r\n padding:8,\r\n fontSize: 18,\r\n zIndex:10,\r\n top: '6%',\r\n left: '50%', \r\n marginLeft: '-45%',\r\n opacity: 0.7,\r\n transition: 'opacity .35s ease-in-out'\r\n },\r\n timeTile: {\r\n position:'absolute',\r\n color: '#ffffff',\r\n backgroundColor: 'rgb(0,0,0)',\r\n borderRadius: 10,\r\n padding:4,\r\n fontSize: 15,\r\n top: '1%',\r\n left: '50%', \r\n marginLeft: '-45%',\r\n opacity: 0.7,\r\n transition: 'opacity .35s ease-in-out'\r\n }, \r\n})\r\n\r\nconst ProfilePicture = () => {\r\n const classes = useStyles()\r\n const { name, lastName, online, avatarsArr} = useSelector(getChat)\r\n return (\r\n <div className={classes.container}>\r\n <Carousel>\r\n {avatarsArr.map(({avatarUrl,updatedAt}) => <div>\r\n <img alt='pic' src={`${prodBaseURL}/${avatarUrl}`}/>\r\n <p className=\"legend\">{timeStampEU(updatedAt)}</p>\r\n </div>)}\r\n </Carousel> \r\n <span className={classes.nameTile}>{`${firstLetter(name)}${slicedWord(name, 15, 1)}\r\n ${firstLetter(lastName)}${slicedWord(lastName, 15, 1)}`}</span>\r\n <span className={classes.timeTile}>{online === 'true'?'online':`last seen ${timeStampEU(online)}`}</span>\r\n </div>\r\n )\r\n}\r\n\r\nexport default ProfilePicture","import { useSelector } from 'react-redux';\r\nimport Paper from '@mui/material/Paper';\r\nimport MenuList from '@mui/material/MenuList';\r\nimport MenuItem from '@mui/material/MenuItem';\r\nimport ListItemText from '@mui/material/ListItemText';\r\nimport ListItemIcon from '@mui/material/ListItemIcon';\r\nimport PhoneIcon from '@mui/icons-material/Phone';\r\nimport NotificationsIcon from '@mui/icons-material/Notifications';\r\nimport SortIcon from '@mui/icons-material/Sort';\r\nimport Switch from '@mui/material/Switch';\r\nimport Divider from '@mui/material/Divider';\r\nimport AlternateEmailIcon from '@mui/icons-material/AlternateEmail';\r\nimport { CopyToClipboard } from 'react-copy-to-clipboard';\r\nimport { makeStyles } from '@material-ui/core'\r\n\r\nimport { getChat } from '../../../../../../redux/chat/selector'\r\nimport { muteChat,sortChat } from '../../../../../../api-data'\r\nimport { copied,firstLetter,slicedWord } from '../../../../../../helpers';\r\n\r\nconst useStyles = makeStyles({\r\n listIcon: {\r\n marginRight: 15,\r\n },\r\n})\r\n\r\nconst label = { inputProps: { 'aria-label': 'Switch demo' } };\r\n\r\nconst ProfileMenu = ({disabled}:{disabled:boolean}) => {\r\n const classes = useStyles()\r\n const { number, mute,sort,companionId,originalName,originalLastName } = useSelector(getChat)\r\n const handleMute = () => muteChat(companionId)\r\n const handleSort = () => sortChat(companionId)\r\n \r\n const credentials = `${firstLetter(originalName)}${slicedWord(originalName, 15, 1)}\r\n ${firstLetter(originalLastName)}${slicedWord(originalLastName, 15, 1)}`\r\n return (\r\n <Paper>\r\n <MenuList>\r\n <CopyToClipboard onCopy={() => copied('Number')} text={number}>\r\n <MenuItem>\r\n <ListItemIcon className={classes.listIcon}>\r\n <PhoneIcon fontSize=\"medium\" />\r\n </ListItemIcon>\r\n <ListItemText primary={number} secondary='Phone' />\r\n </MenuItem>\r\n </CopyToClipboard>\r\n <Divider variant=\"inset\" />\r\n <CopyToClipboard onCopy={() => copied('Username')} text={credentials}>\r\n <MenuItem style={{cursor:'pointer'}}>\r\n <ListItemIcon className={classes.listIcon}>\r\n <AlternateEmailIcon fontSize=\"medium\" />\r\n </ListItemIcon>\r\n <ListItemText primary={credentials} secondary='Username' />\r\n </MenuItem>\r\n </CopyToClipboard>\r\n <Divider variant=\"inset\"/> \r\n <MenuItem style={{cursor:'default'}}>\r\n <ListItemIcon className={classes.listIcon}>\r\n <NotificationsIcon fontSize=\"medium\" />\r\n </ListItemIcon>\r\n <ListItemText primary='Notification' />\r\n <Switch style={{ cursor:'pointer'}} onClick={handleMute} {...label} checked={!mute} />\r\n </MenuItem>\r\n <Divider variant=\"inset\" />\r\n <MenuItem disabled={disabled} style={{cursor:'default'}}>\r\n <ListItemIcon className={classes.listIcon}>\r\n <SortIcon fontSize=\"medium\" />\r\n </ListItemIcon>\r\n <ListItemText primary={`Sort by Date`} />\r\n <Switch style={{ cursor:'pointer'}} onClick={handleSort} {...label} checked={sort} />\r\n </MenuItem> \r\n </MenuList>\r\n </Paper>\r\n );\r\n}\r\n\r\nexport default ProfileMenu","import List from '@mui/material/List';\r\nimport ListItem from '@mui/material/ListItem';\r\nimport ListItemText from '@mui/material/ListItemText';\r\nimport ListItemAvatar from '@mui/material/ListItemAvatar';\r\nimport LibraryMusicIcon from '@mui/icons-material/LibraryMusic';\r\nimport Divider from '@mui/material/Divider';\r\nimport { makeStyles } from '@material-ui/core'\r\n\r\nimport AlertInfo from '../../../../../../reusableComponents/AlertInfo';\r\nimport { timeStampEU,handleDownload,prodBaseURL } from '../../../../../../../helpers'\r\nimport { TMessages } from '../../../../../../../typescript/redux/messages/types'\r\n\r\nconst useStyles = makeStyles({\r\n folderIcon: {\r\n color: '#54b0fc',\r\n cursor: 'pointer',\r\n '&:hover': {\r\n color: '#016cc3'\r\n },\r\n },\r\n listItem: {\r\n '&:hover': {\r\n backgroundColor: '#f0f0f0',\r\n }\r\n }, \r\n})\r\nconst AudioList = ({ filteredAndSorted }: { filteredAndSorted: TMessages }) => {\r\n const classes = useStyles()\r\n \r\n return filteredAndSorted.length > 0 ?(\r\n <List>\r\n {filteredAndSorted.map(({ message, createdAt, fullType }) =>\r\n <div key={createdAt}>\r\n <ListItem alignItems=\"flex-start\" className={classes.listItem}>\r\n <ListItemAvatar>\r\n <LibraryMusicIcon onClick={() =>\r\n handleDownload(`${prodBaseURL}/${message}`, fullType)}\r\n className={classes.folderIcon} fontSize='large' />\r\n </ListItemAvatar>\r\n <ListItemText\r\n primary={fullType}\r\n secondary={timeStampEU(createdAt)}\r\n />\r\n </ListItem>\r\n <Divider variant=\"inset\"/>\r\n </div>)}\r\n </List>\r\n ): <AlertInfo name='You do not have Audio yet!'/> \r\n}\r\n\r\nexport default AudioList","\r\nimport { makeStyles } from '@material-ui/core'\r\nimport { useState } from 'react';\r\nimport ImageListItem from '@mui/material/ImageListItem';\r\nimport DownloadForOfflineIcon from '@mui/icons-material/DownloadForOffline';\r\nimport { handleDownload,timeStampEU,prodBaseURL } from '../../../../../../../../helpers'\r\n\r\nconst useStyles = makeStyles({ \r\n overlay: {\r\n position: 'fixed',\r\n top: 0,\r\n left: 0,\r\n width: '100vw',\r\n height: '100vh',\r\n zIndex: 100,\r\n backgroundColor: 'rgba(104, 105, 104, 0.6)',\r\n overflowY: 'hidden',\r\n boxSizing: 'border-box',\r\n display: 'flex',\r\n justifyContent: 'center',\r\n alignContent: 'center',\r\n alignItems: 'center'\r\n },\r\n wrapper: {\r\n width: '30%',\r\n maxHeight: '80%',\r\n position: 'relative',\r\n display: 'flex',\r\n },\r\n downloadIcon: {\r\n position: 'absolute',\r\n content: '',\r\n right: 0,\r\n top: -40,\r\n cursor: 'pointer',\r\n color: '#e9e7e7',\r\n padding: 0,\r\n borderRadius: '50%',\r\n '&:hover': {\r\n backgroundColor: '#ffffff',\r\n color: '#b8b7b7',\r\n }\r\n },\r\n img: {\r\n cursor:'pointer',\r\n '&:hover': {\r\n scale:0.98\r\n }\r\n },\r\n time: {\r\n position: 'absolute',\r\n content: '', \r\n color: '#ffffff',\r\n top: -30,\r\n left: 0,\r\n borderRadius: 10,\r\n padding:'2px 6px 2px 6px',\r\n backgroundColor:'#707070'\r\n }\r\n});\r\nconst MediaListItem = ({ message,fullType,updatedAt }: { message: string,fullType:string,updatedAt:string }) => {\r\n const classes = useStyles();\r\n const [watch, setWatch] = useState<boolean>(false)\r\n const handleOpenWatch = () => !watch && setWatch(true)\r\n const handleCloseWatch = (e:any) => e.target.id === 'overlay'&&watch&&setWatch(false)\r\n \r\n const url = `${prodBaseURL}/${message}`\r\n \r\n return (watch ?\r\n <div onClick={handleCloseWatch} id='overlay' className={classes.overlay}>\r\n <div className={classes.wrapper}>\r\n <span className={classes.time}>{timeStampEU(updatedAt)}</span>\r\n <DownloadForOfflineIcon className={classes.downloadIcon} fontSize='large'\r\n onClick={() => handleDownload(url, fullType)}/>\r\n <img width='100%' height='auto' alt='imageItem' src={url} />\r\n </div>\r\n </div> :\r\n <ImageListItem>\r\n <img onClick={handleOpenWatch} className={classes.img}\r\n src={`${url}?w=164&h=164&fit=crop&auto=format`}\r\n srcSet={`${url}?w=164&h=164&fit=crop&auto=format&dpr=2 2x`}\r\n alt='imageItem' loading=\"lazy\" />\r\n </ImageListItem>\r\n \r\n )\r\n}\r\n\r\nexport default MediaListItem","import ImageList from '@mui/material/ImageList';\r\nimport MediaListItem from './MediaListItem';\r\n\r\nimport AlertInfo from '../../../../../../reusableComponents/AlertInfo';\r\nimport { TMessages } from '../../../../../../../typescript/redux/messages/types'\r\n\r\nconst MediaList = ({ filteredAndSorted }: { filteredAndSorted: TMessages }) => {\r\n \r\n return filteredAndSorted.length > 0 ?(\r\n <ImageList sx={{ width: '100%', height: 'auto',overflow:'hidden' }} cols={3} rowHeight={164}>\r\n {filteredAndSorted.map(({message,createdAt,fullType,updatedAt}) => \r\n <MediaListItem key={createdAt} message={message} fullType={fullType} updatedAt={updatedAt}/>)}\r\n </ImageList>\r\n ): <AlertInfo name='You do not have Media yet!'/> \r\n}\r\n\r\nexport default MediaList","import List from '@mui/material/List';\r\nimport ListItem from '@mui/material/ListItem';\r\nimport ListItemText from '@mui/material/ListItemText';\r\nimport ListItemAvatar from '@mui/material/ListItemAvatar';\r\nimport FolderIcon from '@mui/icons-material/Folder';\r\nimport Divider from '@mui/material/Divider';\r\nimport { makeStyles } from '@material-ui/core'\r\n\r\nimport AlertInfo from '../../../../../../reusableComponents/AlertInfo';\r\nimport { timeStampEU,handleDownload,prodBaseURL } from '../../../../../../../helpers'\r\nimport { TMessages } from '../../../../../../../typescript/redux/messages/types'\r\n\r\nconst useStyles = makeStyles({\r\n folderIcon: {\r\n color: '#54b0fc',\r\n cursor: 'pointer',\r\n '&:hover': {\r\n color: '#016cc3'\r\n },\r\n },\r\n listItem: {\r\n '&:hover': {\r\n backgroundColor: '#f0f0f0',\r\n }\r\n }, \r\n})\r\n\r\nconst FilesList = ({ filteredAndSorted }: { filteredAndSorted: TMessages }) => {\r\n const classes = useStyles()\r\n \r\n return filteredAndSorted.length > 0 ?(\r\n <List>\r\n {filteredAndSorted.map(({ message, createdAt, fullType }) =>\r\n <div key={createdAt}>\r\n <ListItem alignItems=\"flex-start\" className={classes.listItem}>\r\n <ListItemAvatar>\r\n <FolderIcon onClick={() =>\r\n handleDownload(`${prodBaseURL}/${message}`, fullType)}\r\n className={classes.folderIcon} fontSize='large' />\r\n </ListItemAvatar>\r\n <ListItemText\r\n primary={fullType}\r\n secondary={timeStampEU(createdAt)}\r\n />\r\n </ListItem>\r\n <Divider variant=\"inset\"/>\r\n </div>)}\r\n </List>\r\n ): <AlertInfo name='You do not have Files yet!'/> \r\n}\r\n\r\nexport default FilesList","import List from '@mui/material/List';\r\nimport ListItem from '@mui/material/ListItem';\r\nimport ListItemText from '@mui/material/ListItemText';\r\nimport ListItemAvatar from '@mui/material/ListItemAvatar';\r\nimport Avatar from '@mui/material/Avatar';\r\nimport Divider from '@mui/material/Divider';\r\nimport ContentCopyIcon from '@mui/icons-material/ContentCopy';\r\nimport { CopyToClipboard } from 'react-copy-to-clipboard';\r\nimport { makeStyles } from '@material-ui/core'\r\n\r\nimport AlertInfo from '../../../../../../reusableComponents/AlertInfo';\r\nimport { timeStampEU,firstLetter,copied,prodBaseURL } from '../../../../../../../helpers'\r\nimport { TMessages } from '../../../../../../../typescript/redux/messages/types'\r\n\r\nconst useStyles = makeStyles({\r\n listItem: {\r\n '&:hover': {\r\n backgroundColor: '#f0f0f0',\r\n }\r\n },\r\n copyIcon: {\r\n color: '#54b0fc',\r\n cursor: 'pointer',\r\n '&:hover': {\r\n color: '#016cc3'\r\n },\r\n }, \r\n})\r\n\r\nconst TextList = ({ filteredAndSorted }: { filteredAndSorted: TMessages }) => {\r\n const classes = useStyles()\r\n \r\n return filteredAndSorted.length > 0 ?(\r\n <List>\r\n {filteredAndSorted.map(({ message, createdAt, lastName, name, color, avatarUrl }) =>\r\n <div key={createdAt}>\r\n <ListItem alignItems=\"flex-start\" className={classes.listItem}>\r\n <ListItemAvatar>\r\n <Avatar alt={name} src={avatarUrl?`${prodBaseURL}/${avatarUrl}`:undefined}\r\n sx={{ background: color, width: 38, height: 38}}>\r\n {`${firstLetter(name)}${firstLetter(lastName)}`}\r\n </Avatar>\r\n </ListItemAvatar>\r\n <ListItemText style={{ wordBreak: 'break-word',marginRight:2 }} primary={message}\r\n secondary={timeStampEU(createdAt)} secondaryTypographyProps={{color: '#020202',paddingTop:0.5}}\r\n />\r\n <CopyToClipboard onCopy={() => copied('Message')} text={message}>\r\n <ContentCopyIcon className={classes.copyIcon} fontSize='large' />\r\n </CopyToClipboard> \r\n </ListItem>\r\n <Divider variant=\"inset\" />\r\n </div>)}\r\n </List>\r\n ): <AlertInfo name='You do not have Text yet!'/> \r\n}\r\n\r\nexport default TextList","import List from '@mui/material/List';\r\nimport ListItem from '@mui/material/ListItem';\r\nimport ListItemText from '@mui/material/ListItemText';\r\nimport ListItemAvatar from '@mui/material/ListItemAvatar';\r\nimport VideoLibraryIcon from '@mui/icons-material/VideoLibrary';\r\nimport Divider from '@mui/material/Divider';\r\nimport { makeStyles } from '@material-ui/core'\r\n\r\nimport AlertInfo from '../../../../../../reusableComponents/AlertInfo';\r\nimport { timeStampEU,handleDownload,prodBaseURL } from '../../../../../../../helpers'\r\nimport { TMessages } from '../../../../../../../typescript/redux/messages/types'\r\n\r\nconst useStyles = makeStyles({\r\n folderIcon: {\r\n color: '#54b0fc',\r\n cursor: 'pointer',\r\n '&:hover': {\r\n color: '#016cc3'\r\n },\r\n },\r\n listItem: {\r\n '&:hover': {\r\n backgroundColor: '#f0f0f0',\r\n }\r\n }, \r\n})\r\nconst VideoList = ({ filteredAndSorted }: { filteredAndSorted: TMessages }) => {\r\n const classes = useStyles()\r\n\r\n return filteredAndSorted.length > 0 ?(\r\n <List>\r\n {filteredAndSorted.map(({ message, createdAt, fullType }) =>\r\n <div key={createdAt}>\r\n <ListItem key={createdAt} alignItems=\"flex-start\" className={classes.listItem}>\r\n <ListItemAvatar>\r\n <VideoLibraryIcon onClick={() =>\r\n handleDownload(`${prodBaseURL}/${message}`, fullType)}\r\n className={classes.folderIcon} fontSize='large' />\r\n </ListItemAvatar>\r\n <ListItemText\r\n primary={fullType}\r\n secondary={timeStampEU(createdAt)}\r\n />\r\n </ListItem>\r\n <Divider variant=\"inset\"/>\r\n </div>)}\r\n </List>\r\n ): <AlertInfo name='You do not have Audio yet!'/> \r\n}\r\n\r\nexport default VideoList","import { useState,useEffect } from 'react';\r\nimport { useSelector } from 'react-redux';\r\nimport { makeStyles } from '@material-ui/core'\r\n\r\nimport AudioList from './AudioList';\r\nimport MediaList from './MediaList';\r\nimport FilesList from './FilesList';\r\nimport TextList from './TextList';\r\nimport VideoList from './VideoList'\r\nimport { getMessagesMemo } from '../../../../../../redux/messages/selector'\r\nimport { handleSort } from '../../../../../../helpers';\r\nimport { getChat } from '../../../../../../redux/chat/selector'\r\nimport { TMessages } from '../../../../../../typescript/redux/messages/types'\r\n\r\nconst useStyles = makeStyles({\r\ncontainer: {\r\n borderBottom: 'solid 2px #dddddd',\r\n display: 'flex',\r\n justifyContent: 'space-around',\r\n alignContent: \"center\",\r\n alignItems:\"center\",\r\n flexWrap: 'nowrap',\r\n height:'7vh',\r\n color:'rgba(0, 0, 0, 0.6)'\r\n },\r\n item: {\r\n height:'100%',\r\n display: 'flex',\r\n flexDirection: 'column',\r\n justifyContent: 'center',\r\n alignContent: \"center\",\r\n alignItems: \"center\",\r\n cursor:'pointer',\r\n },\r\nicon: {\r\n fontSize: '1rem',\r\n lineHeight: 0,\r\n marginBottom: 0,\r\n fontWeight:600\r\n },\r\nunderline: {\r\n fontSize: '2.5rem',\r\n lineHeight: 0,\r\n },\r\n})\r\n\r\nconst ProfileLists = ({setDisabled}:{setDisabled: React.Dispatch<boolean>,}) => {\r\n const classes = useStyles()\r\n const { sort } = useSelector(getChat)\r\n const messagesMemo = useSelector(getMessagesMemo)\r\n const [isActive, setIsActive] = useState<number>(0)\r\n const handleIsActive = (newValue: number): void => setIsActive(newValue)\r\n const filterBy = ['text', 'image', 'text', 'audio', 'video']\r\n const sorted: TMessages = handleSort('createdAt', messagesMemo, sort)\r\n const filteredAndSorted = sorted.filter((el) => {\r\n if (isActive !== 0) {\r\n if(el.type === filterBy[isActive]) return el\r\n } else {\r\n if(el.type !== filterBy[isActive]) return el\r\n }\r\n })\r\n useEffect(() => {\r\n setDisabled(filteredAndSorted.length > 0?false:true)\r\n },[filteredAndSorted,setDisabled])\r\n return (\r\n <>\r\n <div className={classes.container}>\r\n <div className={classes.item} style={{color:isActive === 0?'#1976d2':\"rgba(0, 0, 0, 0.6)\"}}\r\n onClick={() => handleIsActive(0)}>\r\n <span className={classes.icon}>Files</span>\r\n <span className={classes.underline}>___</span>\r\n </div>\r\n <div className={classes.item} style={{color:isActive === 1?'#1976d2':\"rgba(0, 0, 0, 0.6)\"}}\r\n onClick={() => handleIsActive(1)}>\r\n <span className={classes.icon}>Media</span>\r\n <span className={classes.underline}>___</span>\r\n </div>\r\n <div className={classes.item} style={{color:isActive === 2?'#1976d2':\"rgba(0, 0, 0, 0.6)\"}}\r\n onClick={() => handleIsActive(2)}>\r\n <span className={classes.icon}>Text</span>\r\n <span className={classes.underline}>___</span>\r\n </div>\r\n <div className={classes.item} style={{color:isActive === 3?'#1976d2':\"rgba(0, 0, 0, 0.6)\"}}\r\n onClick={() => handleIsActive(3)}>\r\n <span className={classes.icon}>Audio</span>\r\n <span className={classes.underline}>___</span>\r\n </div>\r\n <div className={classes.item} style={{color:isActive === 4?'#1976d2':\"rgba(0, 0, 0, 0.6)\"}}\r\n onClick={() => handleIsActive(4)}>\r\n <span className={classes.icon}>Video</span>\r\n <span className={classes.underline}>___</span>\r\n </div>\r\n </div>\r\n {isActive === 0 && <FilesList filteredAndSorted={filteredAndSorted}/>} \r\n {isActive === 1 && <MediaList filteredAndSorted={filteredAndSorted}/>}\r\n {isActive === 2 && <TextList filteredAndSorted={filteredAndSorted}/>}\r\n {isActive === 3 && <AudioList filteredAndSorted={filteredAndSorted} />}\r\n {isActive === 4 && <VideoList filteredAndSorted={filteredAndSorted}/>}\r\n </> \r\n )\r\n}\r\n\r\nexport default ProfileLists","import { makeStyles } from '@material-ui/core'\r\nimport { useState } from 'react'\r\nimport ToolBar from './ToolBar'\r\nimport ProfilePicture from './ProfilePicture'\r\nimport ProfileMenu from './ProfileMenu'\r\nimport ProfileLists from './ProfileLists'\r\n\r\nconst useStyles = makeStyles({\r\n container: {\r\n backgroundColor: '#ffffff',\r\n height: '100%',\r\n width:'100%',\r\n position:'relative'\r\n },\r\n scrollContainer: {\r\n overflowY: 'scroll',\r\n maxHeight: '93vh',\r\n width: '100%',\r\n '&::-webkit-scrollbar': {\r\n width: '0.4em'\r\n },\r\n '&::-webkit-scrollbar-track': {\r\n boxShadow: 'inset 0 0 6px rgba(0,0,0,0.00)',\r\n webkitBoxShadow: 'inset 0 0 6px rgba(0,0,0,0.00)',\r\n backgroundColor: '#eceeec',\r\n },\r\n '&::-webkit-scrollbar-thumb': {\r\n backgroundColor: '#ccc8c8',\r\n },\r\n \"&::-webkit-scrollbar-thumb:focus\": {\r\n backgroundColor: \"#959595\",\r\n },\r\n \"&::-webkit-scrollbar-thumb:active\": {\r\n backgroundColor: \"#959595\",\r\n }, \r\n },\r\n})\r\n\r\nconst CredentialsList = () => {\r\n const classes = useStyles()\r\n const [disabled, setDisabled] = useState<boolean>(false)\r\n return (\r\n <div className={classes.container}>\r\n <ToolBar />\r\n <div className={classes.scrollContainer}>\r\n <ProfilePicture />\r\n <ProfileMenu disabled={disabled}/>\r\n <ProfileLists setDisabled={setDisabled}/>\r\n </div>\r\n </div>\r\n )\r\n}\r\n\r\nexport default CredentialsList","import Stack from '@mui/material/Stack';\r\nimport IconButton from '@mui/material/IconButton';\r\nimport ArrowBackIcon from '@mui/icons-material/ArrowBack';\r\nimport { makeStyles, Typography } from '@material-ui/core'\r\nimport { useDispatch } from 'react-redux';\r\n\r\nimport { actionIsOpen } from '../../../../../../redux/control/action'\r\n\r\nconst useStyles = makeStyles({\r\n container: {\r\n height:'7vh',\r\n width: '100%',\r\n display: 'flex',\r\n alignContent: 'center',\r\n alignItems: 'center',\r\n backgroundColor: '#ffffff',\r\n },\r\n iconArrow: {\r\n '&:hover': {\r\n transform: 'rotate(360deg)',\r\n transition: 'all 250ms ease-out ',\r\n }\r\n },\r\n})\r\n\r\nconst ToolBar = () => {\r\n const dispatch = useDispatch()\r\n const classes = useStyles()\r\n\r\n return (\r\n <Stack className={classes.container} direction=\"row\" spacing={21}>\r\n <IconButton onClick={() => dispatch(actionIsOpen('credentials'))} aria-label=\"delete\" size=\"medium\">\r\n <ArrowBackIcon className={classes.iconArrow} fontSize='medium'/>\r\n </IconButton>\r\n <Typography style={{marginLeft:20,color: '#474747'}} variant=\"h6\" color=\"initial\">Edit chat</Typography>\r\n </Stack>\r\n )\r\n}\r\n\r\nexport default ToolBar","import { makeStyles, TextField, Typography } from '@material-ui/core'\r\nimport ListItemAvatar from '@mui/material/ListItemAvatar';\r\nimport Avatar from '@mui/material/Avatar';\r\nimport Checkbox from '@mui/material/Checkbox';\r\nimport ListItemText from '@mui/material/ListItemText';\r\nimport { format,firstLetter,slicedWord,prodBaseURL } from '../../../../../../helpers'\r\nimport { TChat } from '../../../../../../typescript/redux/chat/types'\r\n\r\nconst useStyles = makeStyles({\r\n container: {\r\n display: 'flex',\r\n alignItems: 'center',\r\n alignContent:'center',\r\n flexDirection: 'column',\r\n width: '100%',\r\n margin: '0 auto',\r\n padding: 20,\r\n marginBottom:15,\r\n position: 'relative',\r\n backgroundColor: '#ffffff',\r\n },\r\n textField: {\r\n marginBottom:20\r\n },\r\n notifications: {\r\n width: '100%',\r\n display: 'flex',\r\n justifyContent: 'flex-start',\r\n alignContent: 'start',\r\n alignItems: 'start',\r\n marginBottom:'auto'\r\n },\r\n avatarArrow: {\r\n cursor: 'pointer',\r\n alignSelf: 'flex-end',\r\n '&:hover': {\r\n backgroundColor: 'rgb(62, 149, 231)'\r\n }\r\n }\r\n})\r\n\r\nconst label = { inputProps: { 'aria-label': 'Checkbox demo' } };\r\n\r\ninterface IEditList {\r\n chat: TChat,\r\n name: string,\r\n setName: any,\r\n lastName: string,\r\n setLastName: any,\r\n mute: boolean,\r\n setMute: any,\r\n openBtn: boolean,\r\n setOpenBtn: any, \r\n}\r\n\r\nconst EditList = (props: IEditList) => {\r\n const classes = useStyles()\r\n const {chat,name,setName,lastName,setLastName,mute,setMute,openBtn,setOpenBtn} = props\r\n const { avatarUrl,color,originalName,originalLastName } = chat\r\n const handleNotifications = () => {\r\n setMute(!mute)\r\n !openBtn&&setOpenBtn(true)\r\n }\r\n const handleTextField = (e: React.ChangeEvent<HTMLInputElement>) => {\r\n !openBtn&&setOpenBtn(true)\r\n const value = format(e.target.value)\r\n const name = e.target.name\r\n switch (name) {\r\n case 'name':\r\n setName(value)\r\n break;\r\n case 'lastName':\r\n setLastName(value)\r\n break;\r\n default:\r\n break;\r\n }\r\n }\r\n \r\n return (\r\n <div className={classes.container} > \r\n <ListItemAvatar style={{marginBottom:10}}>\r\n <Avatar alt={name} src={avatarUrl?`${prodBaseURL}/${avatarUrl}`:undefined}\r\n sx={{ background: color, width: 120, height: 120,marginRight:2}}>\r\n {`${firstLetter(name)}${firstLetter(lastName)}`}\r\n </Avatar>\r\n </ListItemAvatar> \r\n <Typography style={{color: '#080808',fontSize:22,fontWeight:500}}>\r\n {`${firstLetter(originalName)}${slicedWord(originalName, 15, 1)} \r\n ${firstLetter(originalLastName)}${slicedWord(originalLastName, 15, 1)}`}\r\n </Typography>\r\n <Typography style={{fontSize:17,marginBottom:20}}>original name</Typography> \r\n <TextField\r\n id=\"name\"\r\n name='name'\r\n label=\"Name\"\r\n value={name}\r\n fullWidth\r\n variant='outlined'\r\n onChange={handleTextField}\r\n className={classes.textField}\r\n />\r\n <TextField\r\n id=\"lastName\"\r\n name='lastName'\r\n label=\"LastName\"\r\n value={lastName}\r\n fullWidth\r\n variant='outlined'\r\n onChange={handleTextField}\r\n className={classes.textField}\r\n />\r\n <div className={classes.notifications}>\r\n <Checkbox onChange={handleNotifications} {...label} checked={!mute} style={{marginRight:20}} />\r\n <ListItemText primary=\"Notifications\" primaryTypographyProps={{ color: \"#0e0d0d\" }}\r\n secondary={!mute ? 'Disabled':'Enabled'} />\r\n </div> \r\n </div>\r\n )\r\n};\r\n\r\nexport default EditList;","import { makeStyles } from '@material-ui/core'\r\nimport Button from '@mui/material/Button';\r\nimport Avatar from '@mui/material/Avatar';\r\nimport MenuItem from '@mui/material/MenuItem';\r\nimport DeleteOutlineIcon from '@mui/icons-material/DeleteOutline';\r\nimport { useState } from 'react';\r\nimport { useDispatch } from 'react-redux';\r\nimport { actionIsOpen } from '../../../../../../redux/control/action'\r\nimport { removeContact } from '../../../../../../api-data';\r\nimport { TContact } from '../../../../../../typescript/redux/contacts/types';\r\nimport { slicedWord,firstLetter,prodBaseURL } from '../../../../../../helpers';\r\nconst useStyles = makeStyles({\r\n container: {\r\n width: '100%',\r\n padding: '20px 10px 20px 10px',\r\n backgroundColor: '#ffffff',\r\n },\r\n modalDelete: {\r\n background: '#ffffff',\r\n position: 'absolute',\r\n content:'',\r\n width: '20%',\r\n height:'auto',\r\n left: '40%',\r\n bottom: '48.5%',\r\n borderRadius: 10,\r\n padding: 10,\r\n display: 'flex',\r\n flexDirection:'column'\r\n }, \r\n overlay: {\r\n position: 'fixed',\r\n top: 0,\r\n left: 0,\r\n width: '100vw',\r\n height: '100vh',\r\n zIndex: 100,\r\n backgroundColor: 'rgba(104, 105, 104, 0.6)',\r\n overflowY: 'hidden',\r\n },\r\n titleWrapper: {\r\n display: 'flex',\r\n justifyContent: 'flex-start',\r\n alignContent: 'center',\r\n alignItems:'center'\r\n },\r\n})\r\n\r\nconst Delete = ({ isContact }:{ isContact:TContact}) => {\r\n const classes = useStyles()\r\n const dispatch = useDispatch()\r\n const {_id,avatarUrl,color,name,lastName} = isContact\r\n const [modal,setModal] = useState<boolean>(false)\r\n const handleDeleteModal = (e: any) => {\r\n const id = e.target.id\r\n if (id === 'overlay' || id === 'cancel') return setModal(false)\r\n if (id === 'delete') {\r\n dispatch(actionIsOpen('credentials'))\r\n removeContact(_id)\r\n setModal(false)\r\n }\r\n } \r\n const handleOpenModal = () => setModal(true)\r\n return (\r\n <>\r\n <ul className={classes.container}>\r\n <MenuItem onClick={handleOpenModal} style={{fontSize:19,color:'#f02a2a'}} >\r\n <DeleteOutlineIcon fontSize='medium' style={{marginRight:27}}/>\r\n Delete contact\r\n </MenuItem> \r\n </ul>\r\n {modal&&<div onClick={handleDeleteModal} className={classes.overlay} id='overlay'>\r\n <div className={classes.modalDelete}>\r\n <div className={classes.titleWrapper}>\r\n <Avatar alt={name} src={avatarUrl?`${prodBaseURL}/${avatarUrl}`:undefined}\r\n sx={{ background: color, width: 38, height: 38,marginRight:2}}>\r\n {`${firstLetter(name)}${firstLetter(lastName)}`}\r\n </Avatar>\r\n <h3 style={{color: '#2c2c2c'}}>Delete contact</h3>\r\n </div>\r\n <p style={{ color: '#050505' }}>{`Are you sure you want to delete contact\r\n ${`${firstLetter(name)}${slicedWord(name, 15, 1)}\r\n ${firstLetter(lastName)}${slicedWord(lastName, 15, 1)}`}?`}</p>\r\n <Button id='delete' variant=\"text\" color=\"error\" style={{fontWeight:500,fontSize:22}}>\r\n DELETE CONTACT\r\n </Button> \r\n <Button id='cancel' variant=\"text\" style={{fontWeight:500,fontSize:22}}>\r\n CANCEL\r\n </Button>\r\n </div> \r\n </div>}\r\n </>\r\n );\r\n}\r\n\r\nexport default Delete","import { makeStyles} from '@material-ui/core'\r\nimport Avatar from '@mui/material/Avatar';\r\nimport DoneIcon from '@mui/icons-material/Done';\r\n\r\nconst useStyles = makeStyles({\r\n container: {\r\n position: 'absolute',\r\n top: '92vh',\r\n left: 20,\r\n }, \r\n avatarArrow: {\r\n cursor: 'pointer',\r\n '&:hover': {\r\n backgroundColor: 'rgb(62, 149, 231)'\r\n }\r\n }\r\n})\r\n\r\nconst SubmitBtn = ({handleSubmit}:{handleSubmit:() => void}) => {\r\n const classes = useStyles() \r\n\r\n return (\r\n <div className={classes.container}>\r\n <Avatar onClick={handleSubmit} className={classes.avatarArrow}\r\n sx={{width: 56, height: 56,backgroundColor: 'rgb(41, 139, 231)',color: '#ffffff'}}>\r\n <DoneIcon fontSize=\"medium\" /> \r\n </Avatar>\r\n </div> \r\n )\r\n};\r\n\r\nexport default SubmitBtn;","import { makeStyles } from '@material-ui/core'\r\nimport { useState,useEffect } from 'react';\r\nimport { useSelector } from 'react-redux';\r\nimport ToolBar from './ToolBar'\r\nimport EditList from './EditList'\r\nimport Delete from './Delete'\r\nimport SubmitBtn from './SubmitBtn';\r\nimport { getContactsMemo } from '../../../../../redux/contacts/selector'\r\nimport { getChat } from '../../../../../redux/chat/selector'\r\nimport { muteChat,updateContact } from '../../../../../api-data';\r\n\r\nconst useStyles = makeStyles({\r\n editBar: {\r\n backgroundColor: '#f3f2f2',\r\n height: '100%',\r\n position:'relative'\r\n }\r\n})\r\n\r\nconst EditBar= () => {\r\n const classes = useStyles()\r\n const contactsMemo = useSelector(getContactsMemo)\r\n const chat = useSelector(getChat)\r\n const [isContact, setIsContact] = useState<any>(false)\r\n const [name, setName] = useState<string>('')\r\n const [lastName, setLastName] = useState<string>('')\r\n const [mute, setMute] = useState<boolean>(true)\r\n const [openBtn, setOpenBtn] = useState<boolean>(false)\r\n const {name:Name,lastName:LastName,mute:Mute,companionId,_id} = chat\r\n\r\n const handleSubmit = () => {\r\n if (mute !== !Mute) {\r\n muteChat(companionId)\r\n }\r\n if (name !== Name || lastName !== LastName) {\r\n updateContact(isContact._id,_id,name,lastName,companionId)\r\n } \r\n openBtn&&setOpenBtn(false)\r\n }\r\n\r\n useEffect(() => {\r\n const contact = contactsMemo.find((el) => el.number === chat.number)\r\n contact && setIsContact(contact) \r\n }, [contactsMemo, chat.number])\r\n \r\n useEffect(() => {\r\n setName(Name)\r\n setLastName(LastName)\r\n setMute(!Mute)\r\n }, [Name, LastName, Mute]) \r\n\r\n return (\r\n <div className={classes.editBar}>\r\n {openBtn&&<SubmitBtn handleSubmit={handleSubmit}/>}\r\n <ToolBar />\r\n <EditList chat={chat} name={name} setName={setName} lastName={lastName}\r\n setLastName={setLastName} mute={mute} setMute={setMute}\r\n openBtn={openBtn} setOpenBtn={setOpenBtn} />\r\n <Delete isContact={isContact} />\r\n </div>\r\n )\r\n}\r\n\r\nexport default EditBar","import { useSelector } from 'react-redux'\r\nimport SearchList from './SearchList'\r\nimport CredentialsList from './CredentialsList'\r\nimport EditBar from './EditBar'\r\nimport { getIsOpen } from '../../../../redux/control/selector'\r\n\r\n\r\nconst RightListsAndBars = () => {\r\n const isOpen = useSelector(getIsOpen)\r\n return (\r\n <>\r\n {isOpen === 'credentials' && <CredentialsList />}\r\n {isOpen === 'search' && <SearchList />}\r\n {isOpen === 'edit' && <EditBar/>}\r\n </>\r\n )\r\n}\r\n\r\nexport default RightListsAndBars","import Grid from '@mui/material/Grid'\r\nimport { makeStyles } from '@material-ui/core'\r\nimport { useSelector } from 'react-redux'\r\nimport { getIsOpen } from '../../../redux/control/selector'\r\nimport { getChatMemo } from '../../../redux/chat/selector'\r\n\r\nimport HeaderBar from './HeaderBar'\r\nimport ChatBar from './ChatBar'\r\nimport RightListsAndBars from './RightListsAndBars'\r\n\r\n\r\nconst useStyles = makeStyles({\r\n chatBar: {\r\n background: 'linear-gradient(to bottom right, #e7f097 , #b1e667,#f4f75e)',\r\n },\r\n})\r\n\r\nconst RightBar = () => {\r\n const classes = useStyles()\r\n const isOpen = useSelector(getIsOpen)\r\n const { _id } = useSelector(getChatMemo)\r\n const handleIsOpen = isOpen&&isOpen !== 'menu'\r\n\r\n return _id?\r\n <Grid item lg={9} style={{display:'flex'}}>\r\n <Grid item lg={handleIsOpen?8:12}>\r\n <Grid item lg={12} >\r\n <HeaderBar/>\r\n </Grid> \r\n <Grid item lg={12} className={classes.chatBar}>\r\n <ChatBar />\r\n </Grid>\r\n </Grid>\r\n <Grid item lg={handleIsOpen?4:0}>\r\n <RightListsAndBars/>\r\n </Grid> \r\n </Grid>\r\n : <Grid item lg={9} className={classes.chatBar}/>\r\n}\r\n\r\nexport default RightBar","import {\r\n actionGetChatsSuccess,\r\n actionGetChatsReject,\r\n} from '../action';\r\nimport { getChats} from '../../../api-data';\r\nimport { IChatsRes } from '../../../typescript/redux/chats/interfaces'\r\n\r\nconst asyncGetChats = () => async (dispatch:any) => {\r\n try {\r\n const data = await getChats<IChatsRes>()\r\n data&&dispatch(actionGetChatsSuccess(data))\r\n } catch (e) {\r\n dispatch(actionGetChatsReject())\r\n }\r\n};\r\n\r\nexport { asyncGetChats };\r\n\r\n\r\n\r\n\r\n","import Grid from '@mui/material/Grid'\r\nimport LeftBar from './LeftBar'\r\nimport RightBar from './RightBar'\r\nimport { makeStyles } from '@material-ui/core'\r\nimport { useDispatch } from 'react-redux'\r\nimport { useEffect } from 'react'\r\nimport { asyncGetContacts } from '../../redux/contacts/operations'\r\nimport { asyncGetChats } from '../../redux/chats/operations'\r\nimport { asyncCurrentUser } from '../../redux/authorization/operations'\r\n\r\nconst useStyles = makeStyles({\r\n container: {\r\n minHeight: '100vh',\r\n maxHeight: '100vh',\r\n },\r\n})\r\n\r\nconst HomePage = () => {\r\n const classes = useStyles()\r\n const dispatch = useDispatch()\r\n\r\n useEffect(() => {\r\n dispatch(asyncGetChats())\r\n dispatch(asyncGetContacts())\r\n dispatch(asyncCurrentUser())\r\n const handleReset = () => {\r\n dispatch(asyncGetChats())\r\n dispatch(asyncGetContacts())\r\n dispatch(asyncCurrentUser())\r\n }\r\n const idInterval = setInterval(handleReset, 3000);\r\n return () => clearInterval(idInterval);\r\n }, [dispatch]);\r\n \r\nreturn (\r\n <Grid className={classes.container} container spacing={0} >\r\n <LeftBar/>\r\n <RightBar/>\r\n </Grid>\r\n )\r\n}\r\n\r\nexport default HomePage"],"sourceRoot":""}
|
