| 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/chats/operations/index.ts","redux/chats/selector/index.ts","redux/allMessages/selector/index.ts","redux/control/selector/index.ts","redux/chat/operations/index.ts","redux/pinnedMessages/selector/index.ts","components/HomePage/LeftBar/SearchLists/index.tsx","redux/allMessages/operations/index.ts","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","redux/contacts/operations/index.ts","components/HomePage/LeftBar/ContactsList/index.tsx","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","img/transparentPic.png","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/CentralBar/HeaderBar/Credentials/index.tsx","components/HomePage/CentralBar/HeaderBar/Buttons/MenuList/index.tsx","components/HomePage/CentralBar/HeaderBar/Buttons/DeleteModal/index.tsx","components/HomePage/CentralBar/HeaderBar/Buttons/index.tsx","components/HomePage/CentralBar/HeaderBar/PinnedBar/index.tsx","components/HomePage/CentralBar/HeaderBar/index.tsx","components/HomePage/CentralBar/ChatBar/ArrowBack/index.tsx","components/HomePage/CentralBar/ChatBar/SendMessage/FilesMenu/UploadFile/index.tsx","components/HomePage/CentralBar/ChatBar/SendMessage/FilesMenu/index.tsx","hooks/index.tsx","components/HomePage/CentralBar/ChatBar/SendMessage/ReplyBar/index.tsx","components/HomePage/CentralBar/ChatBar/SendMessage/ForwardBar/index.tsx","components/HomePage/CentralBar/ChatBar/SendMessage/EditBar/index.tsx","components/HomePage/CentralBar/ChatBar/SendMessage/index.tsx","components/HomePage/CentralBar/ChatBar/UnpinBar/index.tsx","components/HomePage/CentralBar/ChatBar/Messages/MessageLeftDeleted/index.tsx","components/HomePage/CentralBar/ChatBar/Messages/MessageLeftText/index.tsx","components/HomePage/CentralBar/ChatBar/Messages/MessageLeftReply/index.tsx","components/HomePage/CentralBar/ChatBar/Messages/MessageLeftForward/index.tsx","components/HomePage/CentralBar/ChatBar/Messages/MessageLeftImage/index.tsx","components/HomePage/CentralBar/ChatBar/Messages/MessageLeftAudio/index.tsx","components/HomePage/CentralBar/ChatBar/Messages/MessageLeftVideo/index.tsx","components/HomePage/CentralBar/ChatBar/Messages/MessageLeftFile/index.tsx","components/HomePage/CentralBar/ChatBar/Messages/MessageRightDeleted/index.tsx","components/HomePage/CentralBar/ChatBar/Messages/MessageRightText/index.tsx","components/HomePage/CentralBar/ChatBar/Messages/MessageRightReply/index.tsx","components/HomePage/CentralBar/ChatBar/Messages/MessageRightForward/index.tsx","components/HomePage/CentralBar/ChatBar/Messages/MessageRightImage/index.tsx","components/HomePage/CentralBar/ChatBar/Messages/MessageRightAudio/index.tsx","components/HomePage/CentralBar/ChatBar/Messages/MessageRightVideo/index.tsx","components/HomePage/CentralBar/ChatBar/Messages/MessageRightFile/index.tsx","components/HomePage/CentralBar/ChatBar/Messages/MessageDivider/index.tsx","components/HomePage/CentralBar/ChatBar/ForwardSearchList/ForwardSearch/StaticDatePicker/index.tsx","components/HomePage/CentralBar/ChatBar/ForwardSearchList/ForwardSearch/index.tsx","components/HomePage/CentralBar/ChatBar/ForwardSearchList/ForwardList/ForwardItem/index.tsx","components/HomePage/CentralBar/ChatBar/ForwardSearchList/ForwardList/index.tsx","components/HomePage/CentralBar/ChatBar/ForwardSearchList/index.tsx","redux/messages/selector/index.ts","redux/pinnedMessages/operations/index.ts","redux/messages/operations/index.ts","components/HomePage/CentralBar/ChatBar/index.tsx","components/HomePage/CentralBar/index.tsx","components/HomePage/RightBar/SearchList/Search/StaticDatePicker/index.tsx","components/HomePage/RightBar/SearchList/Search/index.tsx","components/HomePage/RightBar/SearchList/index.tsx","components/HomePage/RightBar/CredentialsList/ToolBar/index.tsx","components/HomePage/RightBar/CredentialsList/ProfilePicture/index.tsx","components/HomePage/RightBar/CredentialsList/ProfileMenu/index.tsx","components/HomePage/RightBar/CredentialsList/ProfileLists/AudioList/index.tsx","components/HomePage/RightBar/CredentialsList/ProfileLists/MediaList/MediaListItem/index.tsx","components/HomePage/RightBar/CredentialsList/ProfileLists/MediaList/index.tsx","components/HomePage/RightBar/CredentialsList/ProfileLists/FilesList/index.tsx","components/HomePage/RightBar/CredentialsList/ProfileLists/TextList/index.tsx","components/HomePage/RightBar/CredentialsList/ProfileLists/VideoList/index.tsx","components/HomePage/RightBar/CredentialsList/ProfileLists/index.tsx","components/HomePage/RightBar/CredentialsList/index.tsx","components/HomePage/RightBar/EditBar/ToolBar/index.tsx","components/HomePage/RightBar/EditBar/EditList/index.tsx","components/HomePage/RightBar/EditBar/Delete/index.tsx","components/HomePage/RightBar/EditBar/SubmitBtn/index.tsx","components/HomePage/RightBar/EditBar/index.tsx","components/HomePage/RightBar/index.tsx","components/HomePage/CallBar/index.tsx","img/wallpaper.jpg","img/wallpaperNight.jpg","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","setPopup","classes","dispatch","useDispatch","useState","anchorEl","setAnchorEl","open","Boolean","handleClose","className","Avatar","onClick","e","currentTarget","sx","bgcolor","width","height","id","aria-labelledby","onClose","MenuItem","actionLeftIsOpen","stackItem","display","flexDirection","justifyContent","alignContent","alignItems","background","titleName","paddingTop","RecentItem","handleListItemClick","chat","name","lastName","avatarUrl","companionId","alt","src","prodAwsS3","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","style","wordBreak","stack","maxHeight","overflowY","animationDuration","animationDirection","animation","webkitBoxShadow","backgroundColor","left","ChatListRecent","value","date","filteredAndSortedChats","length","direction","slice","map","List","component","aria-label","folderIcon","margin","listItem","FilesList","filteredAndSortedMessages","handleScrollToTheMessage","fullType","_id","ListItem","ListItemAvatar","Divider","overlay","overflow","boxSizing","topBar","wrapperCredentials","wrapperIcons","magnifying","transform","downloadIcon","iconCloseOverlay","transition","wrapperImage","innerImage","objectFit","img","scale","MediaListItem","message","updatedAt","watch","setWatch","setScale","refView","useRef","handleCloseWatch","target","url","primaryTypographyProps","secondaryTypographyProps","current","handleDownload","ref","ImageListItem","srcSet","loading","MediaList","ImageList","cols","rowHeight","TextList","AudioList","VideoList","asyncGetChats","a","getChats","data","actionGetChatsSuccess","actionGetChatsReject","getStateMemo","createSelector","state","chats","getAllMessagesMemo","allMessages","messages","getLeftIsOpen","control","leftIsOpen","getRightIsOpen","rightIsOpen","getScrollChat","scrollChat","getOpenPinned","openPinned","getState","asyncStartChatById","startChat","actionSelectChat","asyncGetChatById","getChatById","actionGetChatById","getPinnedMessagesMemo","pinnedMessages","borderBottom","StyledTabs","Tabs","TabIndicatorProps","children","borderLeft","borderRight","StyledTab","Tab","disableRipple","fontWeight","textTransform","SearchLists","setValue","sort","setDate","setDisabled","chatDivRef","useSelector","total","messagesMemo","pinnedMessagesMemo","isActive","setIsActive","scrollTo","nodeRef","childNodes","toScrollNode","find","el","scrollIntoView","behavior","setTimeout","some","actionOpenPinned","actionRightIsOpen","useEffect","handleReset","getAllMessages","actionGetAllMessagesSuccess","actionGetAllMessagesReject","idInterval","setInterval","refreshAppTime","clearInterval","useMemo","sortByRecent","filter","credentials","toLowerCase","includes","timeStampFilter","filtered","filterBy","type","filteredMessages","handleSort","Box","onChange","_e","newValue","label","StaticDatePicker","disabled","changeDate","handleOnOpen","DatePicker","inputVariant","orientation","openTo","autoOk","Date","onOpen","Search","SearchIconWrapper","pointerEvents","StyledInputBase","InputBase","paddingLeft","transitions","create","toolBar","activeSearch","outline","iconBtn","iconArrow","inputProps","SearchBar","handleClick","handleOpenIsSearch","handleSearch","Toolbar","IconButton","onFocus","placeholder","size","Switch","updateUser","asyncCurrentUser","checked","modalDelete","content","bottom","titleWrapper","DeleteModal","setModal","removeChatForBoth","actionRemoveChat","Button","StyledBadge","Badge","paper","border","opacity","listItemInnerText__icon","listItem_iconTimeChecked","listItem_iconRightBtn","textAlign","listItem_iconRightBtnMute","pinnedIcon","listIconsRightContainer","listItem_typing","listItem_dots","fontFamily","clipPath","to","iconClose","handleNewMsgs","pinned","selectedCompanionId","selected","setSelected","modal","mute","seen","watched","typing","online","seenCompanion","openedChat","muteChat","onContextMenu","preventDefault","handleContextMenu","overlap","pinChat","handlePin","list","ChatsList","chatsRef","silentMode","getSilentMode","getChatMemo","actionScrollChat","stopPropagation","handleNotification","useCallback","sortedChats","pinnedArr","sortedAndFilteredArr","push","forEach","i","oldDifferent","playNotificationWithoutPermission","prodBaseURL","notification","number","visibility","listItemLast","listIcon","listIconText","MenuBar","nightMode","Paper","textDecoration","href","ContactItem","contact","copied","onCopy","pinContact","removeContact","getContactsMemo","contacts","asyncGetContacts","getContacts","actionGetContactsSuccess","actionGetContactsReject","asyncAddContact","addContact","ContactsList","filteredContacts","ToolBar","title","buttonNext","textField","AddContact","setNumber","handleAddContact","isValidNumber","onKeyDown","code","TextField","fullWidth","split","join","trim","required","MenuList","asyncLogout","index","setIndex","removeUserAvatar","nameTitle","timeTitle","countryTitle","credentialsTitle","credentialsLowTitle","iconDeleteWrapper","iconDelete","SettingsPicture","getAuthorizationState","avatarsArr","country","isDefault","selectedItem","transparentPic","SettingsMenu","getNumber","SettingsBar","imgWrapper","capturedPicture","capturePhoto","EditList","user","setName","setLastName","openBtn","setOpenBtn","file","setFile","camera","setCamera","selfie","setSelfie","useDropzone","noDrag","accept","getRootProps","getInputProps","acceptedFiles","handleTextField","format","audio","screenshotFormat","videoConstraints","facingMode","getScreenshot","playNotification","avatarArrow","SubmitBtn","handleSubmit","EditBar","Name","LastName","updateCredentials","originalName","originalLastName","fetch","then","res","blob","imgFile","File","formData","FormData","append","updateUserAvatar","LeftBar","popup","modalRoot","handleCloseModal","modalHtml","document","getElementById","addEventListener","removeEventListener","Grid","item","lg","onMouseEnter","onMouseLeave","createPortal","Credentials","getChat","setModalDelete","setIsSomeSelected","Buttons","handleStartCall","listWrapper","listWrapperDashes","listStyle","modalUnpin","PinnedBar","handleOpenPinned","openedPin","setOpenedPin","openedIndex","setOpenedIndex","heightPerDash","heightOfDash","prevState","toUpperCase","pinMessageById","toolBarPinned","pinnedBack","toolBarRight","buttonDelete","HeaderBar","selectedArr","isSomeSelected","handleClearSelect","AppBar","removeSelectedMessagesById","avatarArrowWrapper","listSeenIcon","ArrowBack","isArrow","handleScrollTo","isNew","new","dropZone","UploadFile","setType","prevType","onFileDialogCancel","listText","FilesMenu","setIsOpenMenu","typeFile","usePrevious","replyTop","replyIconClose","replyListWrapper","replyColumn","ReplyBar","isReply","handleCloseReply","forwardTop","forwardIconClose","forwardListWrapper","forwardColumn","ForwardBar","isForward","handleCloseForward","setIsForward","editTop","editListWrapper","editIconClose","editColumn","isEdit","handleCloseEdit","caption","containerActive","textarea","resize","attachIcon","borderTop","filesMenu","emoji","captionTextField","iconCancel","avatarCamera","avatarRight","pauseLeft","pauseRight","avatarPause","animationIterationCount","ringContainerLeft","ringContainerRight","circle","ringRing","overlayCamera","SendMessage","setIsReply","setIsEdit","modalForward","setCaption","isOpenCaption","setIsOpenCaption","isOpenMenu","isOpenEmoji","setIsOpenEmoji","isOpenCaptionEmoji","setIsOpenCaptionEmoji","isRecording","setIsRecording","isFilming","setIsFilming","isOpenCamera","setIsOpenCamera","status","setStatus","_status","_setStatus","useReactMediaRecorder","blobPropertyBag","startRecording","stopRecording","mediaBlobUrl","clearBlobUrl","video","_startRecording","_stopRecording","_mediaBlobUrl","_clearBlobUrl","onEmojiClick","emojiObject","flag","prevValue","clearMessage","sentMessage","sentMessageById","sentMessageReplyById","sentMessageForwardById","companionIdForwardToAndFrom","sentMessageEditById","XMLHttpRequest","responseType","onload","response","sentAudioMessageById","send","sentVideoMessageById","sentImgMessageById","sentFileMessageById","handleFocusTextarea","typingChat","handleBlurTextarea","handleRecording","handleFilming","defaultState","obj","multiline","InputProps","startAdornment","InputAdornment","onBlur","rows","handleCaptureAvatar","unpinBar","UnpinBar","handleUnpinAll","wrapper","font","wrapperInner","deletedInformation","informationWrapper","paddingRight","time","emojiTitle","emojiCompanionTitle","emojiActive","checkboxSelect","column","avatarIcon","tongueOne","tongueTwo","MessageLeftDeleted","tongue","edited","forwardReplyName","forwardReplyLastName","emojiCompanion","isSelected","handleSelected","handleReply","handleForward","handleOpenTheChat","handleEdit","align","timeStampMessage","emojisArr","Number","Checkbox","idEmoji","updateMessageById","String","removeMessageById","MessageLeftText","wrapperInnerMessage","copyIcon","replyListItem","MessageLeftReply","replyMessage","replyName","replyLastName","replyCaption","oldId","MessageLeftForward","forwardName","forwardLastName","forwardMessage","forwardCaption","handleScrollToTheChat","image","bntDownload","minHeight","overlayDelete","MessagesLeftImage","player","MessageLeftAudio","controls","Player","require","playerActive","MessageLeftVideo","playsInline","FileViewer","MessageLeftFile","read","setRead","handleCloseRead","allowFullScreen","fileType","filePath","onError","MessageRightDeleted","MessageRightText","MessageRightReply","MessageRightForward","MessageRightImage","MessageRightAudio","MessageRightVideo","MessageRightFile","MessageDivider","searchBarActive","ForwardSearch","ForwardItem","handleForwardTo","ForwardList","filteredAndSorted","ForwardSearchList","setModalForward","getSort","newCompanionId","getMessages","getMessagesMemo","asyncFindPinnedMessages","actionGetPinnedMessagesSuccess","actionGetPinnedMessagesReject","asyncGetMessagesById","cb","getMessagesById","actionGetMessagesSuccess","actionGetMessagesReject","debounce","messagesScroll","messagesEmpty","messagesBody","ChatBar","unread","setSelectedArr","userNumber","chatNumber","setIsArrow","setIsNew","getSeconds","Math","round","getTime","renderArr","scrollHeight","handleScroll","scrollTop","clientHeight","different","floor","seenChat","debouncedHandleScroll","onScroll","isUnread","isTime","deleted","isTongue","nextTongue","urlForward","urlReply","MessageLeftImage","CentralBar","backgroundImage","unpinAllMessagesById","sortChat","SearchList","contactsMemo","isContact","setIsContact","ProfilePicture","ProfileMenu","ProfileLists","scrollContainer","CredentialsList","notifications","alignSelf","setMute","Delete","editBar","Mute","updateContact","RightBar","Peer","shareScreenActive","shareScreenDisabled","modalCall","justifyItems","rightIcons","rightIconWrapper","rightIconWrapperClose","borderTopRightRadius","bottomWrapper","bottomItem","bottomIcon","bottomIconEndAccept","ringPulsate","titleIconBottom","CallBar","callStatus","setCallStatus","socket","myVideoRef","userVideoRef","connectionRef","mySocket","setMySocket","companionSocket","setCompanionSocket","companionSignal","setCompanionSignal","setAvatarUrl","setColor","handleLeaveCall","destroy","navigator","mediaDevices","getUserMedia","stream","peer","initiator","trickle","on","emit","socketId","signalData","from","userId","console","log","signal","handleAnswerCall","srcObject","socketIdChat","autoPlay","io","prodSocketURL","centralAndRight","myVideo","HomePage","getNightMode","wallpaperNight","wallpaper","muted","draggable","throttleDrag","hideDefaultLines","renderDirections","rotationPosition","origin","onDrag"],"mappings":"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","file":"static/js/HomePage.fc85d94f.chunk.js","sourcesContent":["import { makeStyles } from '@material-ui/core'\r\nimport React, { useState } from 'react';\r\nimport { useDispatch } from 'react-redux';\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 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\nimport { actionLeftIsOpen } from '../../../../redux/control/action';\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 setPopup:React.Dispatch<React.SetStateAction<boolean>>,\r\n}\r\nconst SmallMenuBar = ({setPopup}:ISmallMenuBar) => {\r\n const classes = useStyles()\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<HTMLDivElement>):void => setAnchorEl(e.currentTarget)\r\n\r\n const handleClose = ():void => {\r\n setPopup(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 dispatch(actionLeftIsOpen('contact'))\r\n }}>\r\n <PersonAddAltIcon/>\r\n New Contact\r\n </MenuItem> \r\n <MenuItem onClick={() => {\r\n handleClose();\r\n dispatch(actionLeftIsOpen('contacts'))\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,prodAwsS3 } 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?`${prodAwsS3}/${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,prodAwsS3 } 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?`${prodAwsS3}/${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 style={{wordBreak:'break-word'}}>{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: '88vh',\r\n overflowY: 'scroll',\r\n position: 'absolute',\r\n animationDuration: '0.2s',\r\n animationDirection: 'normal',\r\n animation: `$moveElement`, \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 '@keyframes moveElement': {\r\n '0%': { left: '-100%'},\r\n '100%': { left: '0%'},\r\n }, \r\n})\r\n\r\ninterface IChatListRecent {\r\n value: string,\r\n date:any,\r\n filteredAndSortedChats: TChats,\r\n handleListItemClick: (companionId: string) => void,\r\n}\r\n\r\nconst ChatListRecent = ({value,date,filteredAndSortedChats,handleListItemClick}:IChatListRecent) => {\r\n const classes = useStyles()\r\n\r\nreturn (\r\n <>\r\n {!value && !date && filteredAndSortedChats.length > 0 &&\r\n <Stack direction=\"row\" className={classes.stack}>\r\n {filteredAndSortedChats.slice(0, 6).map((chat) =>\r\n <RecentItem key={chat.companionId} handleListItemClick={handleListItemClick} chat={chat} />)}\r\n </Stack>}\r\n {(value || date) && filteredAndSortedChats.length > 0 &&\r\n <List className={classes.container} component=\"nav\" aria-label=\"main mailbox folders\">\r\n {filteredAndSortedChats.map((chat) =>\r\n <ChatItem key={chat.companionId} handleListItemClick={handleListItemClick} chat={chat} />)}\r\n </List>}\r\n {(value || date) && filteredAndSortedChats.length === 0 && <AlertInfo name={`Can not find Chat by request: ${value}`} />}\r\n {!value && !date && filteredAndSortedChats.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 Avatar from '@mui/material/Avatar';\r\nimport InsertDriveFileIcon from '@mui/icons-material/InsertDriveFile';\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,prodAwsS3,firstLetter } 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: '88vh',\r\n overflowY: 'scroll',\r\n position: 'absolute',\r\n animationDuration: '0.2s',\r\n animationDirection: 'normal',\r\n animation: `$moveElement`, \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 margin: 'auto 0px',\r\n color: '#54b0fc',\r\n },\r\n listItem: {\r\n cursor:'pointer',\r\n '&:hover': {\r\n backgroundColor: '#f0f0f0',\r\n }\r\n },\r\n '@keyframes moveElement': {\r\n '0%': { left: '-100%'},\r\n '100%': { left: '0%'},\r\n }, \r\n})\r\n\r\ninterface IFilesList {\r\n filteredAndSortedMessages: TAllMessages,\r\n value: string,\r\n date: any,\r\n handleScrollToTheMessage:(_id:string,companionId:string) => void\r\n}\r\n\r\nconst FilesList = ({ filteredAndSortedMessages,value,date,handleScrollToTheMessage }: IFilesList) => {\r\n const classes = useStyles()\r\n \r\n return (\r\n <>\r\n {filteredAndSortedMessages.length > 0 &&\r\n <List className={classes.container}>\r\n {filteredAndSortedMessages.map(({ createdAt, fullType,_id,companionId,name,avatarUrl,lastName,color }) =>\r\n <div key={createdAt}>\r\n <ListItem onClick={() => handleScrollToTheMessage(_id,companionId)}\r\n alignItems=\"flex-start\" className={classes.listItem}>\r\n <ListItemAvatar>\r\n <Avatar alt={name} src={avatarUrl?`${prodAwsS3}/${avatarUrl}`:undefined}\r\n sx={{ background: color, width: 40, height: 40}}>\r\n {`${firstLetter(name)}${firstLetter(lastName)}`}\r\n </Avatar>\r\n </ListItemAvatar> \r\n <ListItemText\r\n primary={fullType}\r\n secondary={timeStampEU(createdAt)}\r\n />\r\n <InsertDriveFileIcon className={classes.folderIcon} fontSize='large' /> \r\n </ListItem>\r\n <Divider variant=\"inset\"/>\r\n </div>)}\r\n </List>}\r\n {(value || date)&& filteredAndSortedMessages.length === 0 && <AlertInfo name={`Can not find Files by request: ${value}`} />}\r\n {!value && !date && filteredAndSortedMessages.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,useRef } from 'react';\r\nimport ImageListItem from '@mui/material/ImageListItem';\r\nimport DownloadForOfflineIcon from '@mui/icons-material/DownloadForOffline';\r\nimport ListItemText from '@mui/material/ListItemText';\r\nimport ListItemIcon from '@mui/material/ListItemIcon';\r\nimport Avatar from '@mui/material/Avatar';\r\nimport ZoomOutIcon from '@mui/icons-material/ZoomOut';\r\nimport ZoomInIcon from '@mui/icons-material/ZoomIn';\r\nimport CloseIcon from '@mui/icons-material/Close';\r\nimport { handleDownload, timeStampEU, prodAwsS3,firstLetter, slicedWord } 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 overflow: 'auto',\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 topBar: {\r\n position: 'fixed',\r\n top: 0,\r\n left: 0,\r\n height: '7vh',\r\n width: '100vw',\r\n display: 'flex',\r\n alignContent: 'center',\r\n alignItems: 'center',\r\n justifyContent: 'space-between',\r\n backgroundColor: 'rgba(65, 65, 65, 0.9)',\r\n zIndex: 10,\r\n padding: '0px 20px'\r\n },\r\n wrapperCredentials: {\r\n display: 'flex',\r\n alignContent: 'center',\r\n alignItems: 'center',\r\n }, \r\n wrapperIcons: {\r\n display: 'flex',\r\n alignContent: 'center',\r\n alignItems: 'center',\r\n }, \r\n magnifying : {\r\n marginLeft:5,\r\n cursor: 'pointer',\r\n color: '#e9e7e7',\r\n padding: 0,\r\n '&:hover': {\r\n color: '#ffffff',\r\n transform: 'scale(1.1)'\r\n }\r\n }, \r\n downloadIcon: {\r\n marginLeft:5,\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 iconCloseOverlay: {\r\n marginLeft:5,\r\n cursor: 'pointer',\r\n color: '#e9e7e7',\r\n padding: 0,\r\n '&:hover': {\r\n color: '#ffffff',\r\n transform: 'rotate(180deg)',\r\n transition: 'all 250ms ease-out ',\r\n }\r\n }, \r\n wrapperImage: {\r\n borderRadius: 5,\r\n maxWidth:500,\r\n maxHeight: 750,\r\n display: 'flex',\r\n overflow: 'auto'\r\n },\r\n innerImage: {\r\n objectFit: 'cover',\r\n }, \r\n img: {\r\n cursor:'pointer',\r\n '&:hover': {\r\n scale:0.98\r\n }\r\n }, \r\n});\r\n\r\ninterface IMediaListItem {\r\n message: string,\r\n fullType: string,\r\n updatedAt: string,\r\n handleScrollToTheMessage: (_id: string,companionId:string) => void,\r\n id: string,\r\n companionId: string,\r\n name: string,\r\n lastName: string,\r\n color: string\r\n}\r\n\r\n\r\nconst MediaListItem = ({ message,fullType,updatedAt,handleScrollToTheMessage,id,companionId,name,lastName,color }: IMediaListItem) => {\r\n const classes = useStyles();\r\n const [watch, setWatch] = useState<boolean>(false)\r\n const [scale, setScale] = useState<number>(1)\r\n const refView = useRef<null | any>(null)\r\n const handleIncreaseScale = () => {\r\n if (scale < 5) {\r\n refView.current.style.transform = `scale(${scale+0.25},${scale+0.25})`\r\n refView.current.style.transformOrigin = `${50 / scale + 0.25}px ${50 / scale + 0.25}px`\r\n setScale(scale+0.25)\r\n }\r\n }\r\n const handleDecreaseScale = () => {\r\n if (scale >= 0.5) {\r\n refView.current.style.transform = `scale(${scale-0.25},${scale-0.25})`\r\n refView.current.style.transformOrigin = `${50/scale-0.25}px ${50/scale-0.25}px`\r\n setScale(scale-0.25)\r\n }\r\n } \r\n const handleOpenWatch = () => !watch && setWatch(true)\r\n const handleCloseWatch = (e:any) => {\r\n const id = e.target.id\r\n if (id === 'overlay' || id === 'close') {\r\n setWatch(false)\r\n setScale(1)\r\n }\r\n } \r\n \r\n const url = `${prodAwsS3}/${message}`\r\n \r\n return (watch ?\r\n <div onClick={(e) => {\r\n handleCloseWatch(e)\r\n handleScrollToTheMessage(id,companionId)\r\n }} id='overlay' className={classes.overlay}>\r\n <div className={classes.topBar}>\r\n <div className={classes.wrapperCredentials}>\r\n <ListItemIcon >\r\n <Avatar alt={name} src={url?url:undefined}\r\n sx={{ background: color, width: 44, height: 44 }}>\r\n {!url&&`${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 primaryTypographyProps={{ color: '#ffffff' }}\r\n secondary={timeStampEU(updatedAt)} secondaryTypographyProps={{ color: '#ffffff' }} />\r\n </div>\r\n <div className={classes.wrapperIcons}>\r\n <ZoomOutIcon onClick={handleDecreaseScale}\r\n className={classes.magnifying} fontSize='large' />\r\n <ZoomInIcon onClick={handleIncreaseScale}\r\n className={classes.magnifying} fontSize='large' />\r\n <DownloadForOfflineIcon onClick={() => handleDownload(url, fullType)}\r\n className={classes.downloadIcon} fontSize='large' />\r\n <CloseIcon id='close' onClick={handleCloseWatch}\r\n className={classes.iconCloseOverlay} fontSize='large' />\r\n </div> \r\n </div>\r\n <div ref={refView} className={classes.wrapperImage}>\r\n <img className={classes.innerImage}\r\n 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\n\r\nimport MediaListItem from './MediaListItem';\r\nimport AlertInfo from '../../../../reusableComponents/AlertInfo';\r\nimport { TAllMessages } from '../../../../../typescript/redux/allMessages/types'\r\n\r\nconst useStyles = makeStyles({\r\n container: {\r\n width: '100%',\r\n maxHeight: '88vh',\r\n overflowY: 'scroll',\r\n position: 'absolute',\r\n animationDuration: '0.2s',\r\n animationDirection: 'normal',\r\n animation: `$moveElement`, \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 '@keyframes moveElement': {\r\n '0%': { left: '-100%'},\r\n '100%': { left: '0%'},\r\n }, \r\n})\r\n\r\ninterface IMediaList {\r\n filteredAndSortedMessages: TAllMessages,\r\n value: string,\r\n date: any,\r\n handleScrollToTheMessage:(_id:string,companionId:string) => void\r\n}\r\n\r\nconst MediaList = ({ filteredAndSortedMessages,value,date,handleScrollToTheMessage }: IMediaList) => {\r\n const classes = useStyles()\r\n \r\n return (\r\n <>\r\n {filteredAndSortedMessages.length > 0 &&\r\n <ImageList className={classes.container} cols={3} rowHeight={164}>\r\n {filteredAndSortedMessages.map(({message,createdAt,fullType,updatedAt,_id,companionId,name,lastName,color}) => \r\n <MediaListItem key={createdAt} message={message} fullType={fullType}\r\n updatedAt={updatedAt} handleScrollToTheMessage={handleScrollToTheMessage} id={_id}\r\n companionId={companionId} name={name} lastName={lastName} color={color}/>)}\r\n </ImageList>}\r\n {(value || date) && filteredAndSortedMessages.length === 0 && <AlertInfo name={`Can not find Media by request: ${value}`} />}\r\n {!value && !date && filteredAndSortedMessages.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 { makeStyles } from '@material-ui/core'\r\n\r\nimport AlertInfo from '../../../../reusableComponents/AlertInfo';\r\nimport { timeStampEU,firstLetter,prodAwsS3 } 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: '88vh',\r\n overflowY: 'scroll',\r\n position: 'absolute',\r\n animationDuration: '0.2s',\r\n animationDirection: 'normal',\r\n animation: `$moveElement`, \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 cursor:'pointer',\r\n '&:hover': {\r\n backgroundColor: '#f0f0f0',\r\n }\r\n },\r\n folderIcon: {\r\n margin: 'auto 0px',\r\n color: '#54b0fc',\r\n },\r\n '@keyframes moveElement': {\r\n '0%': { left: '-100%'},\r\n '100%': { left: '0%'},\r\n }, \r\n})\r\n\r\ninterface ITextList {\r\n filteredAndSortedMessages: TAllMessages,\r\n value: string,\r\n date: any,\r\n handleScrollToTheMessage:(_id:string,companionId:string) => void\r\n}\r\n\r\nconst TextList = ({ filteredAndSortedMessages,value,date,handleScrollToTheMessage }: ITextList) => {\r\n const classes = useStyles()\r\n \r\n return (\r\n <>\r\n {filteredAndSortedMessages.length > 0 &&\r\n <List className={classes.container}>\r\n {filteredAndSortedMessages.map(({ message, createdAt, lastName, name, color, avatarUrl,_id,companionId }) =>\r\n <div key={createdAt}>\r\n <ListItem onClick={() => handleScrollToTheMessage(_id,companionId)}\r\n alignItems=\"flex-start\" className={classes.listItem}>\r\n <ListItemAvatar>\r\n <Avatar alt={name} src={avatarUrl?`${prodAwsS3}/${avatarUrl}`:undefined}\r\n sx={{ background: color, width: 40, height: 40}}>\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 <ContentCopyIcon className={classes.folderIcon} fontSize='large' /> \r\n </ListItem>\r\n <Divider variant=\"inset\" />\r\n </div>)}\r\n </List>}\r\n {(value || date) && filteredAndSortedMessages.length === 0 && <AlertInfo name={`Can not find Text by request: ${value}`} />}\r\n {!value && !date && filteredAndSortedMessages.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 Avatar from '@mui/material/Avatar';\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,firstLetter,prodAwsS3 } 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: '88vh',\r\n overflowY: 'scroll',\r\n position: 'absolute',\r\n animationDuration: '0.2s',\r\n animationDirection: 'normal',\r\n animation: `$moveElement`, \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 margin: 'auto 0px',\r\n color: '#54b0fc',\r\n },\r\n listItem: {\r\n cursor:'pointer',\r\n '&:hover': {\r\n backgroundColor: '#f0f0f0',\r\n }\r\n },\r\n '@keyframes moveElement': {\r\n '0%': { left: '-100%'},\r\n '100%': { left: '0%'},\r\n }, \r\n})\r\n\r\ninterface IAudioList {\r\n filteredAndSortedMessages: TAllMessages,\r\n value: string,\r\n date: any,\r\n handleScrollToTheMessage:(_id:string,companionId:string) => void\r\n}\r\n\r\nconst AudioList = ({ filteredAndSortedMessages,value,date,handleScrollToTheMessage }: IAudioList) => {\r\n const classes = useStyles()\r\n \r\n return(\r\n <>\r\n {filteredAndSortedMessages.length > 0 &&\r\n <List className={classes.container}>\r\n {filteredAndSortedMessages.map(({ createdAt, fullType,_id,companionId,name,avatarUrl,lastName,color }) =>\r\n <div key={createdAt}>\r\n <ListItem onClick={() => handleScrollToTheMessage(_id,companionId)}\r\n alignItems=\"flex-start\" className={classes.listItem}>\r\n <ListItemAvatar>\r\n <Avatar alt={name} src={avatarUrl?`${prodAwsS3}/${avatarUrl}`:undefined}\r\n sx={{ background: color, width: 40, height: 40}}>\r\n {`${firstLetter(name)}${firstLetter(lastName)}`}\r\n </Avatar>\r\n </ListItemAvatar> \r\n <ListItemText\r\n primary={fullType}\r\n secondary={timeStampEU(createdAt)}\r\n />\r\n <LibraryMusicIcon className={classes.folderIcon} fontSize='large'/> \r\n </ListItem>\r\n <Divider variant=\"inset\"/>\r\n </div>)}\r\n </List>}\r\n {(value || date) && filteredAndSortedMessages.length === 0 && <AlertInfo name={`Can not find Audio by request: ${value}`} />}\r\n {!value && !date && filteredAndSortedMessages.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 Avatar from '@mui/material/Avatar';\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,prodAwsS3,firstLetter } 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: '88vh',\r\n overflowY: 'scroll',\r\n position: 'absolute',\r\n animationDuration: '0.2s',\r\n animationDirection: 'normal',\r\n animation: `$moveElement`, \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 margin: 'auto 0px',\r\n color: '#54b0fc',\r\n },\r\n listItem: {\r\n cursor:'pointer',\r\n '&:hover': {\r\n backgroundColor: '#f0f0f0',\r\n }\r\n },\r\n '@keyframes moveElement': {\r\n '0%': { left: '-100%'},\r\n '100%': { left: '0%'},\r\n }, \r\n})\r\n\r\ninterface IVideoList {\r\n filteredAndSortedMessages: TAllMessages,\r\n value: string,\r\n date: any,\r\n handleScrollToTheMessage:(_id:string,companionId:string) => void\r\n}\r\n\r\nconst VideoList = ({ filteredAndSortedMessages,value,date,handleScrollToTheMessage }: IVideoList) => {\r\n const classes = useStyles()\r\n\r\n return (\r\n <>\r\n {filteredAndSortedMessages.length > 0 &&\r\n <List className={classes.container}>\r\n {filteredAndSortedMessages.map(({ createdAt, fullType,_id,companionId,name,avatarUrl,lastName,color }) =>\r\n <div key={createdAt}>\r\n <ListItem onClick={() => handleScrollToTheMessage(_id,companionId)}\r\n key={createdAt} alignItems=\"flex-start\" className={classes.listItem}>\r\n <ListItemAvatar>\r\n <Avatar alt={name} src={avatarUrl?`${prodAwsS3}/${avatarUrl}`:undefined}\r\n sx={{ background: color, width: 40, height: 40}}>\r\n {`${firstLetter(name)}${firstLetter(lastName)}`}\r\n </Avatar>\r\n </ListItemAvatar> \r\n <ListItemText\r\n primary={fullType}\r\n secondary={timeStampEU(createdAt)}\r\n />\r\n <VideoLibraryIcon className={classes.folderIcon} fontSize='large'/> \r\n </ListItem>\r\n <Divider variant=\"inset\" />\r\n </div>)}\r\n </List>}\r\n {(value || date)&& filteredAndSortedMessages.length === 0 && <AlertInfo name={`Can not find Video by request: ${value}`} />}\r\n {!value && !date && filteredAndSortedMessages.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 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 { 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 getLeftIsOpen = (state: IState) => state.control.leftIsOpen;\nconst getRightIsOpen = (state: IState) => state.control.rightIsOpen;\nconst getScrollChat = (state: IState) => state.control.scrollChat;\nconst getOpenPinned = (state: IState) => state.control.openPinned;\nconst getState = (state:IState) => state.control;\n\nexport { getLeftIsOpen,getRightIsOpen,getScrollChat,getOpenPinned,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 { createSelector } from 'reselect';\r\nimport { IState } from '../../../typescript/redux/interfaces'\r\n\r\nconst getPinnedMessages = (state: IState) => state.pinnedMessages;\r\nconst getState = (state: IState) => state.pinnedMessages;\r\nconst getPinnedMessagesMemo = createSelector([getPinnedMessages], pinnedMessages => pinnedMessages);\r\n\r\nexport { getPinnedMessages,getState,getPinnedMessagesMemo };\r\n","import { useState, useEffect,useMemo } from 'react';\r\nimport { useDispatch, useSelector } from 'react-redux';\r\nimport Tab from '@mui/material/Tab';\r\nimport Tabs from '@mui/material/Tabs';\r\nimport Box from '@mui/material/Box';\r\nimport { makeStyles } from '@material-ui/core'\r\nimport { styled } from '@mui/material/styles';\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 { asyncGetChats } from '../../../../redux/chats/operations';\r\nimport { getStateMemo } from '../../../../redux/chats/selector';\r\nimport { getAllMessagesMemo } from '../../../../redux/allMessages/selector';\r\nimport { getState } from '../../../../redux/control/selector';\r\nimport { sortByRecent,filterBy,filteredMessages,handleSort,timeStampFilter,refreshAppTime } from '../../../../helpers';\r\nimport { asyncStartChatById } from '../../../../redux/chat/operations';\r\nimport { getPinnedMessagesMemo } from '../../../../redux/pinnedMessages/selector';\r\nimport { actionLeftIsOpen,actionRightIsOpen,actionOpenPinned } from '../../../../redux/control/action';\r\nimport { TMessage } from '../../../../typescript/redux/messages/types';\r\n\r\nconst useStyles = makeStyles({\r\n container: {\r\n height: '5vh',\r\n display: \"flex\",\r\n alignContent: \"end\",\r\n alignItems: \"end\",\r\n width:'100%',\r\n borderBottom: 'solid 2px #dddddd',\r\n },\r\n})\r\n\r\ninterface StyledTabsProps {\r\n children?: React.ReactNode;\r\n value: number;\r\n onChange: (event: React.SyntheticEvent, newValue: number) => void;\r\n}\r\n\r\nconst StyledTabs = styled((props: StyledTabsProps) => (\r\n <Tabs\r\n {...props}\r\n TabIndicatorProps={{ children: <span className=\"MuiTabs-indicatorSpan\" /> }}\r\n />\r\n))({\r\n '& .MuiTabs-flexContainer': {\r\n display: \"flex\",\r\n width: '100%',\r\n padding:'0px 10px',\r\n justifyContent: \"space-between\"\r\n },\r\n '& .MuiTabs-indicator': {\r\n height: 0,\r\n backgroundColor: 'transparent',\r\n borderBottom: '3px solid #1976d2',\r\n borderLeft: '3px solid transparent',\r\n borderRight: '3px solid transparent',\r\n },\r\n});\r\n\r\nconst StyledTab = styled((props:{label: string}) => <Tab disableRipple {...props} />)({\r\n fontSize: '1rem',\r\n fontWeight: 550,\r\n textTransform: 'none',\r\n minWidth: 'auto',\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 chatDivRef: any | null\r\n}\r\n\r\nconst SearchLists = ({ value,setValue,sort,date,setDate,setDisabled,chatDivRef}: 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 pinnedMessagesMemo = useSelector(getPinnedMessagesMemo)\r\n const { leftIsOpen,rightIsOpen,openPinned } = useSelector(getState)\r\n const [isActive, setIsActive] = useState<number>(0)\r\n const handleIsActive = (_e:any,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 rightIsOpen && dispatch(actionRightIsOpen(''))\r\n openPinned&&dispatch(actionOpenPinned(false))\r\n dispatch(asyncStartChatById(companionId))\r\n }\r\n \r\n const scrollTo = (nodeRef: any,id:string) => {\r\n const childNodes = nodeRef.current.childNodes[0].childNodes\r\n let toScrollNode = [...childNodes].find((el: any) => el.id === id)\r\n if (toScrollNode) {\r\n toScrollNode = [...toScrollNode.childNodes].slice(-1)[0]\r\n toScrollNode.style.backgroundColor = 'rgba(70, 70, 70, 0.4)'\r\n toScrollNode.style.boxShadow = '0px 0px 6px 0px #ffffff'\r\n toScrollNode.scrollIntoView({ behavior: 'smooth' })\r\n setTimeout(() => {\r\n toScrollNode.style.backgroundColor = 'unset'\r\n toScrollNode.style.boxShadow = 'unset'\r\n }, 2000)\r\n }\r\n }\r\n \r\n const handleScrollToTheMessage = (_id: string, companionId: string) => {\r\n if (openPinned && !pinnedMessagesMemo.some((el) => (el._id === _id && el.companionId === companionId))) {\r\n dispatch(actionOpenPinned(false)) \r\n }\r\n if (chatDivRef.current && chatDivRef.current.id === companionId) {\r\n scrollTo(chatDivRef,_id)\r\n } else if (chatDivRef.current && chatDivRef.current.id !== companionId) {\r\n rightIsOpen&&dispatch(actionRightIsOpen(''))\r\n dispatch(asyncStartChatById(companionId))\r\n setTimeout(() => {\r\n if(chatDivRef.current) scrollTo(chatDivRef,_id)\r\n }, 3000) \r\n } else if (!chatDivRef.current) {\r\n rightIsOpen&&dispatch(actionRightIsOpen(''))\r\n dispatch(asyncStartChatById(companionId))\r\n setTimeout(() => {\r\n if(chatDivRef.current) scrollTo(chatDivRef,_id)\r\n }, 3000)\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) {\r\n dispatch(actionLeftIsOpen('searchChats'))\r\n } else {\r\n dispatch(actionLeftIsOpen('searchAllMessages'))\r\n }\r\n }, [isActive,dispatch]) \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 const handleReset = () => {\r\n if (leftIsOpen === 'searchChats') {\r\n dispatch(asyncGetChats())\r\n } else if (leftIsOpen === 'searchAllMessages') {\r\n dispatch(asyncGetAllMessages())\r\n }\r\n }\r\n handleReset()\r\n const idInterval = setInterval(handleReset, refreshAppTime);\r\n return () => clearInterval(idInterval);\r\n }, [leftIsOpen,dispatch]);\r\n \r\n \r\n const filteredAndSortedChats = useMemo(() => {\r\n return sortByRecent(chats,sort).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 } else return undefined\r\n })\r\n }, [chats, date, value, sort])\r\n\r\n const filteredAndSortedMessages = useMemo(() => {\r\n const filtered = messagesMemo.filter((el:TMessage) => filterBy[isActive === 0?0:isActive-1].includes(el.type))\r\n if(isActive > 0) setDisabled(filtered.length > 0?false:true) \r\n return filteredMessages(handleSort('createdAt', filtered, sort), date, value)\r\n }, [messagesMemo, date, isActive, sort, value,setDisabled])\r\n\r\n return (\r\n <>\r\n <Box className={classes.container}>\r\n <StyledTabs sx={{width:'100%'}} onChange={handleIsActive} value={isActive} aria-label=\"wrapped label tabs example\">\r\n <StyledTab label='Chats' />\r\n <StyledTab label='Files' />\r\n <StyledTab label='Media' />\r\n <StyledTab label='Text' />\r\n <StyledTab label='Audio' />\r\n <StyledTab label='Video' />\r\n </StyledTabs>\r\n </Box>\r\n {isActive === 0 && <ChatListRecent value={value} date={date}\r\n filteredAndSortedChats={filteredAndSortedChats} handleListItemClick={handleListItemClick} />}\r\n {isActive === 1 && <FilesList filteredAndSortedMessages={filteredAndSortedMessages} value={value} date={date} handleScrollToTheMessage={handleScrollToTheMessage}/>}\r\n {isActive === 2 && <MediaList filteredAndSortedMessages={filteredAndSortedMessages} value={value} date={date} handleScrollToTheMessage={handleScrollToTheMessage}/>}\r\n {isActive === 3 && <TextList filteredAndSortedMessages={filteredAndSortedMessages} value={value} date={date} handleScrollToTheMessage={handleScrollToTheMessage}/>}\r\n {isActive === 4 && <AudioList filteredAndSortedMessages={filteredAndSortedMessages} value={value} date={date} handleScrollToTheMessage={handleScrollToTheMessage}/>}\r\n {isActive === 5 && <VideoList filteredAndSortedMessages={filteredAndSortedMessages} value={value} date={date} handleScrollToTheMessage={handleScrollToTheMessage}/>}\r\n </> \r\n )\r\n}\r\n\r\nexport default SearchLists","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 { 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 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 Toolbar from '@mui/material/Toolbar'\r\nimport CalendarTodayIcon from '@mui/icons-material/CalendarToday';\r\nimport StaticDatePicker from \"./StaticDatePicker\";\r\nimport { styled } from '@mui/material/styles';\r\nimport { makeStyles } from '@material-ui/core'\r\nimport { useDispatch } from 'react-redux';\r\nimport { updateUser } from '../../../../api-data';\r\nimport { TLeftIsOpen } from '../../../../typescript/redux/control/types';\r\nimport { asyncCurrentUser } from '../../../../redux/authorization/operations';\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 display: 'flex',\r\n alignContent: 'center',\r\n alignItems:'center',\r\n color: '#b1aeae',\r\n height: '7vh',\r\n padding: 0,\r\n margin:0,\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:(e: any) => void,\r\n handleSearch:(e: React.ChangeEvent<HTMLInputElement>) => void,\r\n leftIsOpen: TLeftIsOpen,\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, leftIsOpen,\r\n value, sort, setDate, date, disabled }: ISearchBar) => {\r\n const dispatch = useDispatch()\r\n const handleSort = () => {\r\n updateUser({ sort: !sort })\r\n setTimeout(() => {\r\n dispatch(asyncCurrentUser())\r\n }, 1000);\r\n }\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 {leftIsOpen ? <ArrowBackIcon className={classes.iconArrow} /> : <MenuIcon className={classes.iconBtn} />}\r\n </IconButton>\r\n <div onFocus={handleOpenIsSearch} style={{display:'flex',width:'100%'}}>\r\n <Search id='search' className={value?classes.activeSearch:undefined}>\r\n <SearchIconWrapper id='search'>\r\n <SearchIcon id='search'/>\r\n </SearchIconWrapper>\r\n <StyledInputBase\r\n id='search'\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 <Switch id='sort' onClick={handleSort} checked={sort} {...label} disabled={disabled} />\r\n </div>\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\nimport { useDispatch } from 'react-redux';\r\n\r\nimport { removeChatForBoth } from '../../../../../../api-data';\r\nimport { actionRightIsOpen } from '../../../../../../redux/control/action';\r\nimport { actionRemoveChat } from '../../../../../../redux/chat/action';\r\nimport { firstLetter, slicedWord,prodAwsS3 } 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 dispatch = useDispatch()\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 dispatch(actionRemoveChat())\r\n dispatch(actionRightIsOpen(''))\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?`${prodAwsS3}/${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\nimport DoneIcon from '@mui/icons-material/Done';\r\nimport PushPinIcon from '@mui/icons-material/PushPin';\r\nimport CloseIcon from '@mui/icons-material/Close';\r\n\r\nimport { muteChat,pinChat } from '../../../../../api-data';\r\nimport { TChat } from '../../../../../typescript/redux/chats/types';\r\nimport { firstLetter, slicedWord, timeStampEU,prodAwsS3 } 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 },\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 cursor: 'pointer',\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: 10,\r\n '&:hover': {\r\n outline: 'solid 3px #3ee415',\r\n }\r\n },\r\n listItem_iconRightBtnMute: {\r\n cursor: 'pointer',\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: 10,\r\n '&:hover': {\r\n outline: 'solid 3px #cccbcb',\r\n }\r\n },\r\n pinnedIcon: {\r\n transform: 'rotate(45deg)',\r\n },\r\n listIconsRightContainer: {\r\n marginLeft: 'auto',\r\n display: 'flex',\r\n alignItems: 'center',\r\n justifyContent: 'center',\r\n alignContent: 'center',\r\n },\r\n listItem_icon_time: {\r\n fontSize: 12,\r\n marginLeft: 5,\r\n },\r\n listItem_typing: {\r\n animation: 'ripple 4s infinite ease-in-out', \r\n }, \r\n listItem_dots: {\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 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\ninterface IChatItem {\r\n chat: TChat,\r\n handleListItemClick: (companionId: string) => void,\r\n handleNewMsgs: (e: any, companionId: string) => void,\r\n id: string,\r\n pinned: boolean,\r\n selectedCompanionId: string,\r\n}\r\nconst ChatItem = ({chat,handleListItemClick,handleNewMsgs,id,pinned,selectedCompanionId}: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,seenCompanion } = chat\r\n const openedChat = companionId === selectedCompanionId\r\n const handlePin = (id: string, pinned:boolean) => {\r\n pinChat(id,!pinned)\r\n handleClose(undefined)\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 <>\r\n {modal&&<DeleteModal setModal={setModal} chat={chat}/>}\r\n <ListItemButton\r\n sx={{backgroundColor: openedChat ? '#26afee' : selected ? 'rgba(0, 0, 0, 0.1)' : 'transparent',\r\n '&:hover':{backgroundColor:openedChat ? '#26afee':'rgba(0, 0, 0, 0.1)'}}}\r\n onClick={() => handleListItemClick(companionId)}\r\n onContextMenu={(e) => handleContextMenu(e)}>\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?`${prodAwsS3}/${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 primaryTypographyProps={{color:openedChat?'#ffffff':'#000000'}} 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 style={{color:openedChat?'#ffffff':'#959595'}}\r\n className={classes.listItemInnerText__icon} fontSize='small' />}</div>}\r\n secondary={typing ? <span style={{color:openedChat?'#ffffff':'#4d4d4d'}}\r\n className={classes.listItem_typing}>\r\n typing<span style={{color:openedChat?'#ffffff':'#1b1b1b'}}\r\n className={classes.listItem_dots}>...</span></span> :\r\n lastMessage ? slicedWord(lastMessage, 28) :\r\n `${firstLetter(name)}${slicedWord(name, 15, 1)} joined Telegram`}\r\n secondaryTypographyProps={{color:openedChat?'#ffffff':'#000000'}}/>\r\n <ListItemIcon className={classes.listItem_iconRight}>\r\n <div className={classes.listItem_iconTimeChecked}>\r\n {watched &&<DoneAllIcon style={{ color: openedChat ? '#ffffff' : '#18bd03' }} fontSize='small' />}\r\n {!watched&&seenCompanion < total&& <DoneIcon style={{ color: openedChat ? '#ffffff' :'#18bd03' }} fontSize='small' />}\r\n <Typography className={classes.listItem_icon_time} style={{ color: openedChat ? '#ffffff' : '#1b1b1b' }}\r\n variant=\"h6\" color=\"initial\">\r\n {timeStampEU(lastMessageCreatedAt?lastMessageCreatedAt:createdAt)}\r\n </Typography>\r\n </div>\r\n <div className={classes.listIconsRightContainer}>\r\n {pinned && <PushPinIcon className={classes.pinnedIcon} fontSize='small'\r\n style={{color:openedChat?'#ffffff':'#959595'}}/>}\r\n {lastMessage && total > seen &&\r\n <button onClick={(e) => handleNewMsgs(e, companionId)}\r\n style={{outline:openedChat?'none':undefined,color:openedChat&&!mute?'#26afee':openedChat?'#ffffff':undefined,backgroundColor:openedChat&&!mute?'#ffffff':openedChat?'#a7aaa7':undefined}}\r\n className={mute ? classes.listItem_iconRightBtnMute : classes.listItem_iconRightBtn}>\r\n {total - seen}\r\n </button>} \r\n </div>\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 onClick={() => handlePin(id,pinned)}>\r\n {pinned ?\r\n <CloseIcon className={classes.iconClose} /> :\r\n <PushPinIcon />}\r\n {pinned?'Unpin chat':'Pin 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 </>\r\n );\r\n}\r\nexport default ChatItem","import List from '@mui/material/List';\r\nimport { makeStyles } from '@material-ui/core'\r\nimport { useEffect,useRef,useCallback,useMemo } 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 { getSilentMode } from '../../../../redux/authorization/selector'\r\nimport { asyncGetChatById } from '../../../../redux/chat/operations'\r\nimport { asyncGetChats } from '../../../../redux/chats/operations';\r\nimport { actionRightIsOpen,actionScrollChat,actionOpenPinned } from '../../../../redux/control/action'\r\nimport { TChats,TChat } from '../../../../typescript/redux/chats/types';\r\nimport { prodBaseURL,refreshAppTime } 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 setDisabled: React.Dispatch<boolean>,\r\n}\r\n\r\nconst ChatsList = ({sort,setDisabled}:IChatsList) => {\r\n const classes = useStyles()\r\n const dispatch = useDispatch()\r\n const chatsRef = useRef<any>(null)\r\n const silentMode = useSelector(getSilentMode)\r\n const { total, chats } = useSelector(getStateMemo)\r\n const chat = useSelector(getChatMemo) \r\n \r\n const handleListItemClick = (companionId: string) => {\r\n dispatch(actionRightIsOpen(''))\r\n dispatch(actionOpenPinned(false))\r\n dispatch(asyncGetChatById(companionId))\r\n if(chat.companionId !== companionId) setTimeout(() => dispatch(actionScrollChat(true)), 500)\r\n }\r\n\r\n const handleNewMsgs = (e: React.MouseEvent<HTMLButtonElement, MouseEvent>, companionId: string) => {\r\n e.stopPropagation()\r\n dispatch(actionRightIsOpen(''))\r\n dispatch(actionOpenPinned(false))\r\n dispatch(asyncGetChatById(companionId))\r\n setTimeout(() => dispatch(actionScrollChat(true)), 500)\r\n }\r\n\r\n const handleNotification = useCallback((companionId: string) => {\r\n dispatch(asyncGetChatById(companionId))\r\n dispatch(actionOpenPinned(false))\r\n dispatch(actionRightIsOpen(''))\r\n setTimeout(() => dispatch(actionScrollChat(true)), 500)\r\n }, [dispatch])\r\n\r\n const sortedChats = useMemo((): TChats => {\r\n const pinnedArr: any[] = []\r\n const sortedAndFilteredArr: TChats = sortByRecent(chats, sort)\r\n .filter((el: TChat) => {\r\n if (el.pinned === true) {\r\n pinnedArr.push(el)\r\n return undefined\r\n } else return el\r\n })\r\n return [...pinnedArr,...sortedAndFilteredArr]\r\n },[chats,sort])\r\n \r\n useEffect(() => {\r\n const handleReset = () => dispatch(asyncGetChats())\r\n handleReset()\r\n const idInterval = setInterval(handleReset, refreshAppTime);\r\n return () => clearInterval(idInterval);\r\n }, [dispatch]); \r\n\r\n useEffect(() => {\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 !silentMode&&playNotificationWithoutPermission(`${prodBaseURL}/telegramReceive.mp3`)\r\n notification(chat.name, () => handleNotification(chat.companionId))\r\n } \r\n })\r\n }\r\n chatsRef.current = sortedChats\r\n }, [chat,sortedChats,handleNotification,dispatch,silentMode])\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 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 id={el._id} pinned={el.pinned} selectedCompanionId={chat.companionId} />)}\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 NotificationsIcon from '@mui/icons-material/Notifications';\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 { useEffect } from 'react';\r\nimport { useDispatch } from 'react-redux';\r\nimport { updateUser } from '../../../../api-data';\r\nimport { asyncCurrentUser } from '../../../../redux/authorization/operations';\r\nimport { actionLeftIsOpen } from '../../../../redux/control/action';\r\nimport { refreshAppTime } 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 },\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 nightMode: boolean,\r\n silentMode: boolean,\r\n}\r\n\r\nconst MenuBar = ({nightMode,silentMode}:IContactsList) => {\r\n const classes = useStyles()\r\n const dispatch = useDispatch()\r\n const handleNightMode = () => updateUser({ nightMode: !nightMode })\r\n const handleSilentMode = () => updateUser({ silentMode: !silentMode })\r\n\r\n useEffect(() => {\r\n const handleReset = () => dispatch(asyncCurrentUser())\r\n handleReset()\r\n const idInterval = setInterval(handleReset, refreshAppTime);\r\n return () => clearInterval(idInterval);\r\n }, [dispatch]); \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={() => dispatch(actionLeftIsOpen('contact'))}>\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={() => dispatch(actionLeftIsOpen('contacts'))}>\r\n <ListItemIcon className={classes.listIcon}>\r\n <PermContactCalendarIcon fontSize=\"medium\" />\r\n </ListItemIcon>\r\n <ListItemText>Contacts</ListItemText>\r\n </MenuItem>\r\n <MenuItem onClick={() => dispatch(actionLeftIsOpen('settings'))}>\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 <MenuItem style={{cursor:'default'}}>\r\n <ListItemIcon className={classes.listIcon}>\r\n <NotificationsIcon fontSize=\"medium\" />\r\n </ListItemIcon>\r\n <ListItemText>Silent Mode</ListItemText>\r\n <Switch onClick={handleSilentMode} checked={silentMode} {...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 PushPinIcon from '@mui/icons-material/PushPin';\r\nimport CloseIcon from '@mui/icons-material/Close';\r\nimport { CopyToClipboard } from 'react-copy-to-clipboard';\r\nimport {removeContact,pinContact } from '../../../../../api-data';\r\nimport { actionRightIsOpen } from '../../../../../redux/control/action';\r\nimport { TContact } from '../../../../../typescript/redux/contacts/types';\r\nimport { TRightIsOpen } from '../../../../../typescript/redux/control/types';\r\nimport { firstLetter,slicedWord,timeStampEU,copied,prodAwsS3 } 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 iconClose: {\r\n '&:hover': {\r\n transform: 'rotate(180deg)',\r\n transition: 'all 250ms ease-out ',\r\n }\r\n },\r\n pinnedIcon: {\r\n marginLeft: 'auto',\r\n transform: 'rotate(45deg)',\r\n color: '#959595',\r\n }, \r\n})\r\ninterface IContactItem {\r\n contact: TContact,\r\n handleListItemClick: (companionId: string) => void,\r\n rightIsOpen: TRightIsOpen,\r\n id: string,\r\n pinned: boolean\r\n}\r\nconst ContactItem = ({contact,handleListItemClick,rightIsOpen,id,pinned}: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 handlePin = (id: string, pinned:boolean) => {\r\n pinContact(id,!pinned)\r\n handleClose(undefined)\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 rightIsOpen === 'edit'&&dispatch(actionRightIsOpen('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?`${prodAwsS3}/${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 {pinned && <PushPinIcon className={classes.pinnedIcon} fontSize='small' />}\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 onClick={() => handlePin(id,pinned)}>\r\n {pinned ?\r\n <CloseIcon className={classes.iconClose} /> :\r\n <PushPinIcon />}\r\n {pinned?'Unpin contact':'Pin contact'}\r\n </MenuItem> \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?`${prodAwsS3}/${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\nconst getStateMemo = createSelector([getState], state => state);\r\n\r\nexport { getTotal,getLimit,getPage,getContacts,getState,getContactsMemo,getStateMemo };\r\n","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 List from '@mui/material/List';\r\nimport { makeStyles } from '@material-ui/core'\r\nimport { useSelector, useDispatch } from 'react-redux';\r\nimport { useEffect,useMemo } from 'react';\r\n\r\nimport AlertInfo from '../../../reusableComponents/AlertInfo'\r\nimport ContactItem from './ContactItem';\r\nimport { getStateMemo } from '../../../../redux/contacts/selector'\r\nimport { asyncGetContacts } from '../../../../redux/contacts/operations';\r\nimport { asyncStartChatById } from '../../../../redux/chat/operations'\r\nimport { getRightIsOpen } from '../../../../redux/control/selector'\r\nimport { actionLeftIsOpen, actionRightIsOpen,actionOpenPinned } from '../../../../redux/control/action';\r\nimport { handleSort,timeStampFilter,refreshAppTime } 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(getStateMemo)\r\n const rightIsOpen = useSelector(getRightIsOpen)\r\n\r\n const handleListItemClick = (companionId: string) => {\r\n handleClick()\r\n dispatch(actionRightIsOpen(''))\r\n dispatch(actionOpenPinned(false))\r\n dispatch(asyncStartChatById(companionId))\r\n }\r\n\r\n useEffect(() => {\r\n dispatch(actionLeftIsOpen('contacts'))\r\n }, [dispatch]) \r\n\r\n useEffect(() => {\r\n setDisabled(total === '0'?true:false)\r\n }, [total, setDisabled])\r\n \r\n useEffect(() => {\r\n const handleReset = () => dispatch(asyncGetContacts())\r\n handleReset()\r\n const idInterval = setInterval(handleReset, refreshAppTime);\r\n return () => clearInterval(idInterval);\r\n }, [dispatch]);\r\n\r\n const filteredContacts = useMemo((): TContacts => {\r\n const pinnedArr: any[] = []\r\n const sortedAndFilteredArr: TContacts = handleSort('name', contacts, sort)\r\n .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 } else return undefined\r\n }).filter((el: TContact) => {\r\n if (el.pinned === true) {\r\n pinnedArr.push(el)\r\n return undefined\r\n } else return el\r\n })\r\n return [...pinnedArr,...sortedAndFilteredArr]\r\n },[contacts,date,value,sort]) \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 {filteredContacts.length > 0 ? filteredContacts.map((contact) => <ContactItem key={contact.number}\r\n contact={contact} handleListItemClick={handleListItemClick}\r\n rightIsOpen={rightIsOpen} id={contact._id} pinned={contact.pinned} />) :\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 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 { actionLeftIsOpen } from '../../../../redux/control/action';\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 handleClick: () => void\r\n}\r\n\r\nconst AddContact = ({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 dispatch(actionLeftIsOpen('contacts'))\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 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 { makeStyles, Typography } from '@material-ui/core'\r\nimport { useDispatch } from 'react-redux';\r\nimport MenuList from './MenuList';\r\nimport { actionLeftIsOpen } from '../../../../../redux/control/action';\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 handleClick:() => void\r\n}\r\n\r\nconst ToolBar = ({handleClick}:IToolBar) => {\r\n const classes = useStyles()\r\n const dispatch = useDispatch()\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={() => dispatch(actionLeftIsOpen('edit'))} 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","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAPoAAAD6AQMAAACyIsh+AAAAAXNSR0IB2cksfwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAANQTFRFAAAAp3o92gAAAAF0Uk5TAEDm2GYAAAAeSURBVHic7cEBAQAAAIIg/69uSEABAAAAAAAAAL8GIDoAASo5tcIAAAAASUVORK5CYII=\"","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 { getAuthorizationState } 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, prodAwsS3 } from '../../../../../helpers'\r\nimport transparentPic from './../../../../../img/transparentPic.png'\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 nameTitle: {\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 timeTitle: {\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 countryTitle: {\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: '13%',\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 credentialsTitle: {\r\n position:'absolute',\r\n color: '#ffffff',\r\n fontSize: 100,\r\n top: '30%',\r\n left: '38%',\r\n },\r\n credentialsLowTitle: {\r\n position:'absolute',\r\n color: '#ffffff',\r\n fontSize: 25,\r\n top: '90%',\r\n left: '9%',\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,createdAt,color,country } = useSelector(getAuthorizationState)\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 const isDefault = avatarsArr.length === 0 ? false: 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 {isDefault ?\r\n avatarsArr.map(({ avatarUrl, updatedAt }) =>\r\n <div key={avatarUrl}>\r\n <img alt='pic' src={`${prodAwsS3}/${avatarUrl}`}/>\r\n <p className=\"legend\">{timeStampEU(updatedAt)}</p> \r\n </div>) :\r\n [\r\n <div>\r\n <img alt='transparentPic' src={transparentPic}\r\n style={{ background: `linear-gradient(to bottom, ${color}, ${color} 80%, #5d5d5d 100%)` }} />\r\n <p className=\"legend\">{timeStampEU(createdAt)}</p> \r\n </div>\r\n ]\r\n }\r\n </Carousel> \r\n <span className={classes.nameTitle}>{`${firstLetter(name)}${slicedWord(name, 15, 1)}\r\n ${firstLetter(lastName)}${slicedWord(lastName, 15, 1)}`}</span>\r\n <span className={classes.timeTitle}>{online === 'true' ? 'online' : `last seen ${timeStampEU(online)}`}</span>\r\n <span className={classes.countryTitle}>{country}</span>\r\n {!isDefault&&<span className={classes.credentialsTitle}>{`${firstLetter(name)}${firstLetter(lastName)}`}</span>}\r\n {!isDefault&&<span className={classes.credentialsLowTitle}>{`${firstLetter(name)}${firstLetter(lastName)}`}</span>} \r\n {avatarsArr.length > 0 &&\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='Copy number' />\r\n </MenuItem>\r\n </CopyToClipboard> \r\n </MenuList>\r\n </Paper>\r\n );\r\n}\r\n\r\nexport default SettingsMenu","import { useEffect } from \"react\"\r\nimport { useDispatch } from \"react-redux\"\r\nimport ToolBar from \"./ToolBar\"\r\nimport SettingsPicture from \"./SettingsPicture\"\r\nimport SettingsMenu from \"./SettingsMenu\"\r\nimport { asyncCurrentUser } from '../../../../redux/authorization/operations'\r\nimport { refreshAppTime } from '../../../../helpers'\r\n\r\ninterface ISettingsBar {\r\n handleClick:() => void\r\n}\r\n\r\nconst SettingsBar = ({ handleClick }: ISettingsBar) => {\r\n const dispatch = useDispatch()\r\n\r\n useEffect(() => {\r\n const handleReset = () => dispatch(asyncCurrentUser())\r\n handleReset()\r\n const idInterval = setInterval(handleReset, refreshAppTime);\r\n return () => clearInterval(idInterval);\r\n }, [dispatch]);\r\n \r\n return (\r\n <div style={{backgroundColor: '#f3f2f2',height:'100%',width:'100%'}}>\r\n <ToolBar 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\nimport { useDispatch } from 'react-redux';\r\nimport { actionLeftIsOpen } from '../../../../../redux/control/action';\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\n\r\nconst ToolBar = () => {\r\n const classes = useStyles()\r\n const dispatch = useDispatch()\r\n\r\n return (\r\n <Stack className={classes.container} direction=\"row\" spacing={21}>\r\n <IconButton onClick={() => dispatch(actionLeftIsOpen('settings'))} 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 PhotoCameraFrontIcon from '@mui/icons-material/PhotoCameraFront';\r\nimport CameraIcon from '@mui/icons-material/Camera';\r\nimport { useEffect } from 'react';\r\nimport { useDropzone } from 'react-dropzone';\r\nimport Webcam from \"react-webcam\";\r\nimport { format,firstLetter,prodAwsS3,prodBaseURL,playNotification } 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 marginBottom: 30,\r\n width: '100%',\r\n display: 'flex',\r\n flexWrap: 'nowrap',\r\n alignItems: 'center',\r\n alignContent: 'center',\r\n flexDirection: 'row',\r\n justifyContent:'center'\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 display: 'flex',\r\n justifyContent: 'center',\r\n alignContent: 'center',\r\n alignItems: 'center',\r\n flexDirection:'column'\r\n },\r\n capturedPicture: {\r\n borderRadius: 10,\r\n border:'solid 2px rgb(62, 149, 231)'\r\n }, \r\n capturePhoto: {\r\n color: '#ffffff',\r\n cursor: 'pointer',\r\n '&:hover': {\r\n color: '#48ff00',\r\n animation: `$rotating 2s linear infinite`\r\n },\r\n }, \r\n '@keyframes rotating': {\r\n\t 'from': { transform: 'rotate(0deg)'},\r\n\t 'to': { transform: 'rotate(360deg)'},\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 camera: boolean,\r\n setCamera: any,\r\n selfie:any,\r\n setSelfie: (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,file,setFile,camera,setCamera,selfie,setSelfie } = props\r\n const { avatarUrl, color,silentMode } = user\r\n const { getRootProps, getInputProps, acceptedFiles } = useDropzone({\r\n noDrag: true,\r\n accept:'image/*'\r\n });\r\n \r\n const videoConstraints = {\r\n width: 1280,\r\n height: 720,\r\n facingMode: \"user\"\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 const handleOpenCamera = () => {\r\n setCamera(true)\r\n file&&setFile(null)\r\n }\r\n\r\n const handleCloseCamera = (e: any) => {\r\n const id = e.target.id\r\n if (id === 'overlay') setCamera(false)\r\n }\r\n\r\n useEffect(() => {\r\n if (acceptedFiles.slice(-1)[0]) {\r\n setFile(acceptedFiles.slice(-1)[0])\r\n setSelfie(false)\r\n setOpenBtn(true)\r\n }\r\n }, [setFile,setSelfie,setOpenBtn,acceptedFiles])\r\n\r\n return (\r\n <div className={classes.container}>\r\n <div className={classes.imgWrapper}>\r\n <div {...getRootProps()}>\r\n <AddAPhotoIcon fontSize='large'\r\n sx={{color: file ? 'rgb(62, 149, 231)' : '#6b6b6b',\r\n '&:hover': { color: 'rgb(41, 139, 231)' },cursor:'pointer'}} />\r\n <input {...getInputProps()}/>\r\n </div>\r\n <ListItemAvatar style={{margin:'0px 20px'}}>\r\n <Avatar alt={name} src={avatarUrl?`${prodAwsS3}/${avatarUrl}`:undefined}\r\n sx={{ background: color, width: 120, height: 120,fontSize:30}}>\r\n {`${firstLetter(name)}${firstLetter(lastName)}`}\r\n </Avatar>\r\n </ListItemAvatar>\r\n <PhotoCameraFrontIcon onClick={handleOpenCamera} fontSize='large'\r\n sx={{color: selfie ? 'rgb(62, 149, 231)' : '#6b6b6b',\r\n '&:hover': { color: 'rgb(41, 139, 231)' },cursor:'pointer'}}/>\r\n </div>\r\n {camera &&\r\n <div onClick={handleCloseCamera} id='overlay'\r\n className={classes.overlay}>\r\n <Webcam\r\n audio={false}\r\n screenshotFormat=\"image/jpeg\"\r\n width='40%'\r\n videoConstraints={videoConstraints}\r\n style={{marginBottom:30}}\r\n >\r\n {({ getScreenshot }) => <>\r\n <CameraIcon onClick={() => {\r\n setSelfie(getScreenshot())\r\n setOpenBtn(true)\r\n !silentMode&&playNotification(`${prodBaseURL}/cameraCapture.mp3`)\r\n }}\r\n className={classes.capturePhoto} fontSize='large' style={{marginBottom:30}} />\r\n <img className={classes.capturedPicture} width='300' height='174'\r\n style={{visibility:selfie?'visible':'hidden'}} src={selfie} alt='chosen pic'></img>\r\n </>}\r\n </Webcam>\r\n </div>}\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:30}}\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,useDispatch } from 'react-redux';\r\nimport ToolBar from './ToolBar'\r\nimport EditList from './EditList'\r\nimport SubmitBtn from './SubmitBtn';\r\nimport { getAuthorizationState } from '../../../../redux/authorization/selector'\r\nimport { asyncCurrentUser } from '../../../../redux/authorization/operations';\r\nimport { updateCredentials, updateUserAvatar } from '../../../../api-data';\r\nimport { refreshAppTime } from '../../../../helpers';\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\n\r\n\r\nconst EditBar= () => {\r\n const classes = useStyles()\r\n const dispatch = useDispatch()\r\n const user = useSelector(getAuthorizationState)\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 [camera, setCamera] = useState<boolean>(false)\r\n const [selfie, setSelfie] = useState<any>(null)\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 (selfie) {\r\n fetch(selfie)\r\n .then(res => res.blob())\r\n .then(blob => {\r\n const imgFile = new File([blob], \"selfie\", { type: \"image/jpeg\" })\r\n const formData: any = new FormData()\r\n formData.append(\"avatar\", imgFile);\r\n updateUserAvatar(formData)\r\n })\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 selfie && setSelfie(null)\r\n openBtn && setOpenBtn(false)\r\n }\r\n\r\n useEffect(() => {\r\n const handleReset = () => !openBtn && dispatch(asyncCurrentUser())\r\n handleReset()\r\n const idInterval = setInterval(handleReset, refreshAppTime);\r\n return () => clearInterval(idInterval);\r\n }, [openBtn,dispatch]); \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 />\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} camera={camera} setCamera={setCamera}\r\n selfie={selfie} setSelfie={setSelfie}/>\r\n </div>\r\n )\r\n}\r\n\r\nexport default EditBar","import { useState, useRef, useEffect } from 'react';\r\nimport { useSelector,useDispatch } 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 { getAuthorizationState } from '../../../redux/authorization/selector';\r\nimport { getLeftIsOpen } from '../../../redux/control/selector';\r\nimport { actionLeftIsOpen } from '../../../redux/control/action';\r\n\r\nconst LeftBar = ({chatDivRef}:{chatDivRef: any | null}) => {\r\n const dispatch = useDispatch()\r\n const { sort, nightMode,silentMode } = useSelector(getAuthorizationState)\r\n const leftIsOpen = useSelector(getLeftIsOpen)\r\n const [modal, setModal] = useState<boolean>(false)\r\n const [popup, setPopup] = useState<boolean>(false);\r\n const [disabled, setDisabled] = useState<boolean>(true)\r\n const [value, setValue] = useState<string>('')\r\n const [date, setDate] = useState<any>('');\r\n const modalRoot = useRef<HTMLDivElement | null>(null);\r\n \r\n const handleOpenIsSearch = (e:any) => {\r\n const id = e.target.id\r\n if(leftIsOpen === '' && id === 'sort') return\r\n leftIsOpen === '' && dispatch(actionLeftIsOpen('searchChats'))\r\n }\r\n \r\n const handleClick = () => {\r\n dispatch(actionLeftIsOpen(''))\r\n setModal(true)\r\n }\r\n \r\n const handleSearch = (e: React.ChangeEvent<HTMLInputElement>):void => setValue(e.target.value)\r\n const handleEnterOpenMenuSm = () => !popup&&setPopup(true)\r\n \r\n const handleLeaveCloseMenuSm = () => popup&&setPopup(false)\r\n \r\n useEffect(() => {\r\n setValue('')\r\n setDate('') \r\n setModal(false)\r\n setPopup(false)\r\n },[leftIsOpen])\r\n \r\n useEffect(() => {\r\n const handleCloseModal = (e:any) => {\r\n if (e.target.id === 'overlay') {\r\n setModal(false)\r\n setPopup(false)\r\n }\r\n }\r\n if (!modalRoot.current) {\r\n const modalHtml = document.getElementById('modal-root') as HTMLDivElement | null\r\n if (modalHtml) {\r\n modalHtml.addEventListener('click',handleCloseModal)\r\n modalRoot.current = modalHtml\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 {leftIsOpen === '' || leftIsOpen === 'contacts'\r\n || leftIsOpen === 'searchChats' || leftIsOpen === 'searchAllMessages' ?\r\n <SearchBar handleClick={handleClick} handleOpenIsSearch={handleOpenIsSearch} sort={sort} \r\n handleSearch={handleSearch} leftIsOpen={leftIsOpen} value={value} setDate={setDate}\r\n date={date} disabled={disabled} />:null}\r\n {leftIsOpen === 'searchChats' || leftIsOpen === 'searchAllMessages' ?<SearchLists value={value} setValue={setValue}\r\n sort={sort} date={date} setDate={setDate} setDisabled={setDisabled} chatDivRef={chatDivRef}/>:null}\r\n {leftIsOpen === ''&&<ChatsList sort={sort} setDisabled={setDisabled}/>}\r\n {leftIsOpen === '' && popup && <SmallMenuBar setPopup={setPopup} />}\r\n {modal && modalRoot.current &&\r\n createPortal(<MenuBar nightMode={nightMode} silentMode={silentMode}/>, modalRoot.current)}\r\n {leftIsOpen === 'contacts' && <ContactsList handleClick={handleClick} value={value}\r\n sort={sort} date={date} setDisabled={setDisabled} />}\r\n {leftIsOpen === 'contact' && <AddContact handleClick={handleClick}/>}\r\n {leftIsOpen === 'settings' && <SettingsBar handleClick={handleClick}/>}\r\n {leftIsOpen === 'edit' && <EditBar/>}\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 { actionRightIsOpen } from '../../../../../redux/control/action'\r\nimport { getChat } from '../../../../../redux/chat/selector'\r\nimport { firstLetter,slicedWord,timeStampEU,prodAwsS3 } 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(actionRightIsOpen('credentials'))}>\r\n <ListItemIcon >\r\n <Avatar alt={name} src={avatarUrl?`${prodAwsS3}/${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 { 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\nimport CheckBoxIcon from '@mui/icons-material/CheckBox';\r\n\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\ninterface IMenuList {\r\n setModalDelete:any,\r\n setIsSomeSelected: React.Dispatch<React.SetStateAction<boolean>>,\r\n}\r\n\r\nconst MenuList = ({setModalDelete,setIsSomeSelected}:IMenuList) => {\r\n const [anchorEl, setAnchorEl] = useState<any>(null);\r\n const open = Boolean(anchorEl);\r\n const { companionId, mute } = useSelector(getChat)\r\n \r\n const handleClick = (e: React.MouseEvent<HTMLButtonElement>): void => {\r\n e.stopPropagation()\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') setModalDelete(true)\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 onClick={() => {\r\n setIsSomeSelected(true)\r\n handleClose(undefined)\r\n }}>\r\n <CheckBoxIcon />\r\n Select message\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,useDispatch } from 'react-redux';\r\n\r\nimport { getChat } from '../../../../../../redux/chat/selector';\r\nimport { actionRemoveChat } from '../../../../../../redux/chat/action';\r\nimport { actionRightIsOpen } from '../../../../../../redux/control/action'\r\nimport { removeChatForBoth } from '../../../../../../api-data';\r\nimport { firstLetter,slicedWord,prodAwsS3 } 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 = ({setModalDelete}:{setModalDelete:any}) => {\r\n const classes = useStyles()\r\n const dispatch = useDispatch()\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 setModalDelete(false)\r\n if (id === 'delete') {\r\n removeChatForBoth(companionId)\r\n setModalDelete(false)\r\n dispatch(actionRemoveChat())\r\n dispatch(actionRightIsOpen(''))\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?`${prodAwsS3}/${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 PhoneIcon from '@mui/icons-material/Phone';\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 { actionRightIsOpen } from '../../../../../redux/control/action'\r\n\r\nconst useStyles = makeStyles({\r\n container: {\r\n marginLeft: 20,\r\n display: 'flex',\r\n alignContent: 'center',\r\n alignItems:'center'\r\n }, \r\n})\r\n\r\ninterface IButtons {\r\n setIsSomeSelected: React.Dispatch<React.SetStateAction<boolean>>,\r\n handleStartCall: () => void\r\n}\r\n\r\nconst Buttons = ({setIsSomeSelected,handleStartCall}:IButtons) => {\r\n const classes = useStyles()\r\n const dispatch = useDispatch()\r\n const [modalDelete, setModalDelete] = useState<boolean>(false)\r\n const handleOpenSearch = (e: any) => {\r\n e.stopPropagation()\r\n dispatch(actionRightIsOpen('search'))\r\n }\r\n\r\n return (\r\n <Stack className={classes.container} direction=\"row\">\r\n <IconButton onClick={handleOpenSearch} aria-label=\"delete\" size=\"medium\">\r\n <SearchIcon fontSize='medium'/>\r\n </IconButton>\r\n <IconButton onClick={handleStartCall} aria-label=\"delete\" size=\"medium\">\r\n <PhoneIcon fontSize='medium'/>\r\n </IconButton> \r\n <MenuList setModalDelete={setModalDelete} setIsSomeSelected={setIsSomeSelected}/>\r\n {modalDelete && <DeleteModal setModalDelete={setModalDelete} />}\r\n </Stack>\r\n );\r\n}\r\n\r\nexport default Buttons","import Stack from '@mui/material/Stack';\r\nimport IconButton from '@mui/material/IconButton';\r\nimport MenuItem from '@mui/material/MenuItem';\r\nimport ListItemText from '@mui/material/ListItemText';\r\nimport CloseIcon from '@mui/icons-material/Close';\r\nimport MenuOpenIcon from '@mui/icons-material/MenuOpen';\r\nimport Button from '@mui/material/Button';\r\nimport LibraryMusicIcon from '@mui/icons-material/LibraryMusic';\r\nimport InsertDriveFileIcon from '@mui/icons-material/InsertDriveFile';\r\nimport ImageIcon from '@mui/icons-material/Image';\r\nimport ContentCopyIcon from '@mui/icons-material/ContentCopy';\r\nimport VideoLibraryIcon from '@mui/icons-material/VideoLibrary';\r\nimport { makeStyles } from '@material-ui/core'\r\nimport { useSelector } from 'react-redux';\r\nimport { useState,useEffect} from 'react';\r\n\r\nimport { TMessage } from '../../../../../typescript/redux/messages/types';\r\nimport { getPinnedMessagesMemo } from '../../../../../redux/pinnedMessages/selector';\r\nimport { pinMessageById } from '../../../../../api-data';\r\n\r\nconst useStyles = makeStyles({\r\n container: {\r\n marginLeft: 20,\r\n display: 'flex',\r\n alignContent: 'center',\r\n alignItems: 'center',\r\n position:'relative'\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 listWrapper: {\r\n background: '#fdfdfd',\r\n padding: 0,\r\n },\r\n listWrapperDashes: {\r\n position: 'absolute',\r\n top: 0,\r\n width: 2,\r\n height: '100%',\r\n display: 'flex',\r\n flexDirection: 'column',\r\n justifyContent:'space-around',\r\n flexWrap:'nowrap',\r\n listStyle:'none'\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 modalUnpin: {\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 folderIcon: {\r\n color: '#54b0fc',\r\n },\r\n})\r\n\r\ninterface IPinnedBar {\r\n chatDivRef: any | null,\r\n handleOpenPinned: () => void,\r\n}\r\n\r\nconst PinnedBar = ({chatDivRef,handleOpenPinned}:IPinnedBar) => {\r\n const classes = useStyles()\r\n const pinnedMessagesMemo = useSelector(getPinnedMessagesMemo)\r\n const [openedPin, setOpenedPin] = useState<TMessage | null>(null)\r\n const [openedIndex, setOpenedIndex] = useState<number>(0)\r\n const [modal, setModal] = useState<boolean>(false)\r\n const heightPerDash = 100/pinnedMessagesMemo.length\r\n const heightOfDash = heightPerDash-((heightPerDash/100)*20)\r\n \r\n const handleActivePin = () => {\r\n const childNodes = chatDivRef.current.childNodes[0].childNodes\r\n let toScrollNode: any\r\n if (pinnedMessagesMemo.length - 1 === openedIndex) {\r\n setOpenedIndex(0)\r\n toScrollNode = [ ...childNodes ].find((el:any) => el.id === pinnedMessagesMemo[0]._id)\r\n } else {\r\n setOpenedIndex(prevState => prevState + 1)\r\n toScrollNode = [...childNodes].find((el: any) => el.id === pinnedMessagesMemo[openedIndex + 1]._id)\r\n }\r\n if (toScrollNode) {\r\n toScrollNode = [...toScrollNode.childNodes].slice(-1)[0]\r\n toScrollNode.style.backgroundColor = 'rgba(70, 70, 70, 0.4)'\r\n toScrollNode.style.boxShadow = '0px 0px 6px 0px #ffffff'\r\n toScrollNode.scrollIntoView({ behavior: 'smooth' })\r\n setTimeout(() => {\r\n toScrollNode.style.backgroundColor = 'unset'\r\n toScrollNode.style.boxShadow = 'unset'\r\n }, 2000)\r\n }\r\n }\r\n const handleUnpin = (e: any) => {\r\n const id = e.target.id\r\n if (id === 'overlay' || id === 'cancel') return setModal(false)\r\n if (id === 'unpin' && openedPin) {\r\n pinMessageById(openedPin._id, !openedPin.pinned)\r\n setModal(false)\r\n if (openedIndex - 1 >= 0) {\r\n return setOpenedIndex(prevState => prevState - 1)\r\n } else {\r\n setOpenedIndex(0)\r\n }\r\n }\r\n }\r\n\r\n useEffect(() => {\r\n setOpenedPin(pinnedMessagesMemo[openedIndex])\r\n }, [pinnedMessagesMemo,openedIndex])\r\n\r\n return openedPin ?\r\n <Stack className={classes.container} direction=\"row\">\r\n <ul className={classes.listWrapperDashes}>\r\n {pinnedMessagesMemo.map(({ _id }) =>\r\n <li key={_id} style={{backgroundColor:openedPin._id === _id? \"#00aeff\":\"#addbf0\",\r\n height: `${heightOfDash}%`}}></li>)}\r\n </ul> \r\n <ul className={classes.listWrapper}>\r\n <MenuItem onClick={handleActivePin}>\r\n <ListItemText style={{margin:'0px 10px 0px 20px'}}\r\n primary={`Pinned Message ${openedIndex + 1} of ${pinnedMessagesMemo.length}`}\r\n primaryTypographyProps={{ color: \"#0379af\",fontSize:16 }}\r\n secondary={`Type : ${openedPin.type.toUpperCase()}`}\r\n secondaryTypographyProps={{ fontSize:16 }}/> \r\n {openedPin.type === 'text' &&<ContentCopyIcon className={classes.folderIcon} fontSize='large' />}\r\n {openedPin.type === 'audio' &&<LibraryMusicIcon className={classes.folderIcon} fontSize='large' />}\r\n {openedPin.type === 'video' &&<VideoLibraryIcon className={classes.folderIcon} fontSize='large' />}\r\n {openedPin.type === 'image' &&<ImageIcon className={classes.folderIcon} fontSize='large' />}\r\n {openedPin.type === 'pdf'&&<InsertDriveFileIcon className={classes.folderIcon} fontSize='large' />} \r\n {openedPin.type === 'docx'&&<InsertDriveFileIcon className={classes.folderIcon} fontSize='large' />} \r\n </MenuItem> \r\n </ul>\r\n <IconButton onClick={() => setModal(true)} aria-label=\"delete\" size=\"medium\">\r\n <CloseIcon className={classes.iconClose} fontSize='medium'/>\r\n </IconButton>\r\n <IconButton onClick={handleOpenPinned} aria-label=\"delete\" size=\"medium\">\r\n <MenuOpenIcon fontSize='medium'/>\r\n </IconButton>\r\n {modal &&\r\n <div onClick={handleUnpin} className={classes.overlay} id='overlay'>\r\n <div className={classes.modalUnpin}>\r\n <h3 style={{color: '#2c2c2c'}}>Telegram</h3>\r\n <p style={{ color: '#050505' }}>Would you like to unpin this message?</p>\r\n <Button id='unpin' variant=\"text\" color=\"error\" style={{fontWeight:500,fontSize:22}}>\r\n UNPIN\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 </Stack> :\r\n null\r\n}\r\n\r\nexport default PinnedBar","import Toolbar from '@mui/material/Toolbar'\r\nimport AppBar from '@mui/material/AppBar';\r\nimport { makeStyles,Typography } from '@material-ui/core'\r\nimport Button from '@mui/material/Button';\r\nimport { useState } from 'react';\r\nimport { useSelector,useDispatch } from 'react-redux';\r\nimport IconButton from '@mui/material/IconButton';\r\nimport ArrowBackIcon from '@mui/icons-material/ArrowBack';\r\nimport Credentials from './Credentials'\r\nimport Buttons from './Buttons'\r\nimport PinnedBar from './PinnedBar';\r\nimport { removeSelectedMessagesById } from '../../../../api-data';\r\nimport { getChatMemo } from '../../../../redux/chat/selector';\r\nimport { actionRightIsOpen,actionOpenPinned } from '../../../../redux/control/action';\r\nimport { TPinnedMessages } from '../../../../typescript/redux/pinnedMessages/types'; \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 toolBarPinned: {\r\n color: '#6e6d6d',\r\n display: 'flex',\r\n alignItems: 'center',\r\n alignContent:'center',\r\n backgroundColor: '#ffffff',\r\n height: '7vh',\r\n cursor:'pointer'\r\n },\r\n pinnedBack: {\r\n display: 'flex',\r\n width:'100%',\r\n alignContent: 'center',\r\n alignItems: 'center',\r\n flexWrap: 'nowrap',\r\n }, \r\n credentials: {\r\n background: '#fdfdfd',\r\n width:'100%',\r\n height: '100%',\r\n margin:'0 auto'\r\n }, \r\n toolBarRight: {\r\n display: 'flex',\r\n }, \r\n buttonDelete: {\r\n color: '#f8f8f8',\r\n backgroundColor:'#1d74c5',\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 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 IHeaderBar {\r\n chatDivRef: any | null,\r\n selectedArr: string[] | [],\r\n isSomeSelected: boolean,\r\n setIsSomeSelected: React.Dispatch<React.SetStateAction<boolean>>,\r\n handleClearSelect: () => void,\r\n openPinned: boolean,\r\n pinnedMessagesMemo: TPinnedMessages,\r\n handleStartCall: () => void,\r\n}\r\n\r\nconst HeaderBar = ({chatDivRef,selectedArr,isSomeSelected,setIsSomeSelected,handleClearSelect,openPinned,pinnedMessagesMemo,handleStartCall}:IHeaderBar) => {\r\n const classes = useStyles()\r\n const dispatch = useDispatch()\r\n const { companionId } = useSelector(getChatMemo)\r\n const [modal, setModal] = useState<boolean>(false)\r\n const handleClosePinned = (e: any) => {\r\n e.stopPropagation()\r\n dispatch(actionOpenPinned(false))\r\n }\r\n const handleOpenPinned = () => dispatch(actionOpenPinned(true))\r\n const handleOpenCredentials = (e: any) => {\r\n e.stopPropagation()\r\n dispatch(actionRightIsOpen('credentials'))\r\n }\r\n const handleOpenModal = (): void => setModal(true)\r\n const handleDeleteModal = (e: any) => {\r\n const id = e.target.id\r\n if (id === 'overlay') return setModal(false)\r\n if (id === 'cancel') {\r\n handleClearSelect()\r\n setModal(false)\r\n }\r\n if (id === 'delete') {\r\n removeSelectedMessagesById(companionId,selectedArr)\r\n handleClearSelect()\r\n setModal(false)\r\n }\r\n } \r\n\r\n return (<>\r\n {!isSomeSelected&&openPinned &&pinnedMessagesMemo.length > 0&&\r\n <AppBar position=\"static\">\r\n <Toolbar className={classes.toolBarPinned}>\r\n <div onClick={handleOpenCredentials} className={classes.pinnedBack}>\r\n <IconButton onClick={handleClosePinned}\r\n 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\">\r\n {`${pinnedMessagesMemo.length} pinned messages`}\r\n </Typography>\r\n </div>\r\n <Buttons setIsSomeSelected={setIsSomeSelected} handleStartCall={handleStartCall}/>\r\n </Toolbar>\r\n </AppBar>}\r\n {!openPinned && !isSomeSelected &&\r\n <AppBar position=\"static\">\r\n <Toolbar className={classes.toolBar}>\r\n <Credentials/>\r\n <div className={classes.toolBarRight}>\r\n <PinnedBar chatDivRef={chatDivRef} handleOpenPinned={handleOpenPinned}/>\r\n <Buttons setIsSomeSelected={setIsSomeSelected} handleStartCall={handleStartCall}/>\r\n </div>\r\n </Toolbar>\r\n </AppBar>} \r\n {isSomeSelected &&\r\n <AppBar position=\"static\">\r\n <Toolbar className={classes.toolBar}>\r\n <Button color='primary' onClick={handleOpenModal}\r\n variant=\"contained\" className={classes.buttonDelete}\r\n style={{visibility: selectedArr.length === 0 ? 'hidden' : 'visible',\r\n fontWeight:500}}>\r\n {`DELETE ${selectedArr.length}`}\r\n </Button>\r\n <Button onClick={handleClearSelect} style={{color:'#1d74c5',fontWeight:500}}>\r\n CANCEL\r\n </Button>\r\n </Toolbar>\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 messages</h3>\r\n <p style={{ color: '#050505' }}>Are you sure you want to delete messages?</p>\r\n <Button id='delete' variant=\"text\" color=\"error\" style={{fontWeight:500,fontSize:22}}>\r\n DELETE MESSAGES\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 </AppBar>}\r\n </>\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 openPinned: boolean\r\n}\r\n\r\nconst ArrowBack = ({ isArrow, handleScrollTo, isNew,openPinned }: 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&&!openPinned ? '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 setType: any,\r\n prevType: string | undefined\r\n}\r\n \r\nconst UploadFile = ({children,setFile,setValue,accept,setType,prevType}:IUploadFile) => {\r\n const classes = useStyles()\r\n const onFileDialogCancel = () => setType(prevType)\r\n const { getRootProps, getInputProps, acceptedFiles } = useDropzone({\r\n noDrag: true,accept,onFileDialogCancel});\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 { usePrevious } from '../../../../../../hooks';\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 type: string\r\n}\r\nconst FilesMenu = ({setIsOpenMenu,setFile,setValue,setType,type}:IFilesMenu) => {\r\n const classes = useStyles()\r\n const prevType = usePrevious(type);\r\n const handleClose = (typeFile:string) => {\r\n setIsOpenMenu(false)\r\n setType(typeFile)\r\n }\r\n return (\r\n <MenuList className={classes.list}>\r\n <MenuItem onClick={() => handleClose('content')}>\r\n <UploadFile setFile={setFile} setValue={setValue} setType={setType} prevType={prevType} 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} setType={setType} prevType={prevType} 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 { useRef,useEffect } from 'react';\r\n\r\nconst usePrevious = (typeFile: string): string | undefined => {\r\n const ref = useRef<string | undefined>();\r\n useEffect(() => {\r\n ref.current = typeFile;\r\n });\r\n return ref.current;\r\n};\r\n\r\nexport {\r\n usePrevious\r\n}","import { makeStyles } from \"@material-ui/core/styles\";\r\nimport CloseIcon from '@mui/icons-material/Close';\r\nimport ReplyIcon from '@mui/icons-material/Reply';\r\nimport MenuItem from '@mui/material/MenuItem';\r\nimport ListItemText from '@mui/material/ListItemText';\r\nimport LibraryMusicIcon from '@mui/icons-material/LibraryMusic';\r\nimport InsertDriveFileIcon from '@mui/icons-material/InsertDriveFile';\r\nimport ImageIcon from '@mui/icons-material/Image';\r\nimport ContentCopyIcon from '@mui/icons-material/ContentCopy';\r\nimport VideoLibraryIcon from '@mui/icons-material/VideoLibrary';\r\n\r\nimport { firstLetter,slicedWord } from \"../../../../../../helpers\";\r\nimport { TMessage } from \"../../../../../../typescript/redux/messages/types\";\r\n\r\nconst useStyles = makeStyles({ \r\n replyTop : {\r\n position: 'absolute',\r\n left: 0,\r\n top: '-7vh',\r\n height: '6vh',\r\n width: '100%',\r\n borderRadius: 8,\r\n display: 'flex',\r\n flexWrap: 'nowrap',\r\n alignContent: 'center',\r\n alignItems: 'center',\r\n color: '#6b6b6b',\r\n border:'solid 2px rgb(41, 139, 231)',\r\n backgroundColor: '#ffffff',\r\n padding: '0px 5px',\r\n zIndex:2,\r\n },\r\n replyIconClose: {\r\n cursor: 'pointer',\r\n marginLeft: 5,\r\n marginRight: 5,\r\n '&:hover': {\r\n color:'#f02a2a',\r\n transform: 'rotate(180deg)',\r\n transition: 'all 250ms ease-out ',\r\n }\r\n },\r\n replyListWrapper: {\r\n width: '100%',\r\n },\r\n replyColumn: {\r\n height: '80%',\r\n width: 2,\r\n backgroundColor: 'rgb(41, 139, 231)',\r\n marginRight:10\r\n },\r\n folderIcon: {\r\n color: '#54b0fc',\r\n }, \r\n});\r\n\r\ninterface IReplyBar {\r\n isReply:TMessage,\r\n handleCloseReply: () => void,\r\n handleScrollToTheMessage:(_id:string) => void\r\n}\r\n\r\nconst ReplyBar = ({ isReply, handleCloseReply,handleScrollToTheMessage }: IReplyBar) => {\r\n const classes = useStyles();\r\n \r\n return (\r\n <div className={classes.replyTop}>\r\n <ReplyIcon style={{margin:'0px 7px',color: \"rgb(41, 139, 231)\"}}/>\r\n <div className={classes.replyColumn}></div>\r\n <ul className={classes.replyListWrapper}>\r\n <MenuItem onClick={() => handleScrollToTheMessage(isReply._id)}>\r\n <ListItemText\r\n primary={`${firstLetter(isReply.name)}${slicedWord(isReply.name, 15, 1)} \r\n ${firstLetter(isReply.lastName)}${slicedWord(isReply.lastName, 15, 1)}`}\r\n primaryTypographyProps={{ color: \"rgb(41, 139, 231)\",fontSize:16 }}\r\n secondary={`Type : ${isReply.type.toUpperCase()}`}\r\n secondaryTypographyProps={{ fontSize: 16 }} />\r\n {isReply.type === 'text' &&<ContentCopyIcon className={classes.folderIcon} fontSize='large' />}\r\n {isReply.type === 'audio' &&<LibraryMusicIcon className={classes.folderIcon} fontSize='large' />}\r\n {isReply.type === 'video' &&<VideoLibraryIcon className={classes.folderIcon} fontSize='large' />}\r\n {isReply.type === 'image' &&<ImageIcon className={classes.folderIcon} fontSize='large' />}\r\n {isReply.type === 'pdf'&&<InsertDriveFileIcon className={classes.folderIcon} fontSize='large' />} \r\n {isReply.type === 'docx'&&<InsertDriveFileIcon className={classes.folderIcon} fontSize='large' />}\r\n </MenuItem>\r\n </ul>\r\n <CloseIcon onClick={handleCloseReply} className={classes.replyIconClose} />\r\n </div>\r\n )\r\n}\r\n\r\nexport default ReplyBar","import { makeStyles } from \"@material-ui/core/styles\";\r\nimport { useDispatch } from \"react-redux\";\r\nimport CloseIcon from '@mui/icons-material/Close';\r\nimport ReplyIcon from '@mui/icons-material/Reply';\r\nimport MenuItem from '@mui/material/MenuItem';\r\nimport ListItemText from '@mui/material/ListItemText';\r\nimport LibraryMusicIcon from '@mui/icons-material/LibraryMusic';\r\nimport InsertDriveFileIcon from '@mui/icons-material/InsertDriveFile';\r\nimport ImageIcon from '@mui/icons-material/Image';\r\nimport ContentCopyIcon from '@mui/icons-material/ContentCopy';\r\nimport VideoLibraryIcon from '@mui/icons-material/VideoLibrary';\r\n\r\nimport { firstLetter,slicedWord } from \"../../../../../../helpers\";\r\nimport { TMessage } from \"../../../../../../typescript/redux/messages/types\";\r\nimport { asyncGetChatById } from '../../../../../../redux/chat/operations'\r\nimport { actionRightIsOpen, actionOpenPinned } from '../../../../../../redux/control/action'\r\n\r\nconst useStyles = makeStyles({ \r\n forwardTop : {\r\n position: 'absolute',\r\n left: 0,\r\n top: '-7vh',\r\n height: '6vh',\r\n width: '100%',\r\n borderRadius: 8,\r\n display: 'flex',\r\n flexWrap: 'nowrap',\r\n alignContent: 'center',\r\n alignItems: 'center',\r\n color: '#6b6b6b',\r\n border:'solid 2px rgb(41, 139, 231)',\r\n backgroundColor: '#ffffff',\r\n padding: '0px 5px',\r\n zIndex:2,\r\n },\r\n forwardIconClose: {\r\n cursor: 'pointer',\r\n marginLeft: 5,\r\n marginRight: 5,\r\n '&:hover': {\r\n color:'#f02a2a',\r\n transform: 'rotate(180deg)',\r\n transition: 'all 250ms ease-out ',\r\n }\r\n },\r\n forwardListWrapper: {\r\n width: '100%',\r\n },\r\n forwardColumn: {\r\n height: '80%',\r\n width: 2,\r\n backgroundColor: 'rgb(41, 139, 231)',\r\n marginRight:10\r\n },\r\n folderIcon: {\r\n color: '#54b0fc',\r\n }, \r\n});\r\n\r\ninterface IForwardBar {\r\n companionId: string,\r\n isForward:TMessage,\r\n handleCloseForward: () => void,\r\n handleScrollToTheMessage: (_id: string) => void,\r\n setIsForward: React.Dispatch<React.SetStateAction<TMessage | undefined>>,\r\n}\r\n\r\nconst ForwardBar = ({ companionId,isForward, handleCloseForward,handleScrollToTheMessage,setIsForward }: IForwardBar) => {\r\n const classes = useStyles();\r\n const dispatch = useDispatch()\r\n \r\n const handleScrollHereOrBack = () => {\r\n if (companionId === isForward.companionId) return handleScrollToTheMessage(isForward._id)\r\n setIsForward(undefined)\r\n dispatch(actionRightIsOpen(''))\r\n dispatch(actionOpenPinned(false))\r\n dispatch(asyncGetChatById(isForward.companionId))\r\n setTimeout(() => handleScrollToTheMessage(isForward._id), 2000)\r\n }\r\n \r\n return (\r\n <div className={classes.forwardTop}>\r\n <ReplyIcon style={{margin:'0px 7px',color: \"rgb(41, 139, 231)\",transform :'rotateY(180deg)'}} />\r\n <div className={classes.forwardColumn}></div>\r\n <ul className={classes.forwardListWrapper}>\r\n <MenuItem onClick={handleScrollHereOrBack}>\r\n <ListItemText\r\n primary={`${firstLetter(isForward.name)}${slicedWord(isForward.name, 15, 1)} \r\n ${firstLetter(isForward.lastName)}${slicedWord(isForward.lastName, 15, 1)}`}\r\n primaryTypographyProps={{ color: \"rgb(41, 139, 231)\",fontSize:16 }}\r\n secondary={`Type : ${isForward.type.toUpperCase()}`}\r\n secondaryTypographyProps={{ fontSize:16 }}/> \r\n {isForward.type === 'text' &&<ContentCopyIcon className={classes.folderIcon} fontSize='large' />}\r\n {isForward.type === 'audio' &&<LibraryMusicIcon className={classes.folderIcon} fontSize='large' />}\r\n {isForward.type === 'video' &&<VideoLibraryIcon className={classes.folderIcon} fontSize='large' />}\r\n {isForward.type === 'image' &&<ImageIcon className={classes.folderIcon} fontSize='large' />}\r\n {isForward.type === 'pdf'&&<InsertDriveFileIcon className={classes.folderIcon} fontSize='large' />} \r\n {isForward.type === 'docx'&&<InsertDriveFileIcon className={classes.folderIcon} fontSize='large' />} \r\n </MenuItem>\r\n </ul>\r\n <CloseIcon onClick={handleCloseForward} className={classes.forwardIconClose} />\r\n </div>\r\n )\r\n}\r\n\r\nexport default ForwardBar","import { makeStyles } from \"@material-ui/core/styles\";\r\nimport CloseIcon from '@mui/icons-material/Close';\r\nimport EditIcon from '@mui/icons-material/Edit';\r\nimport ListItemText from '@mui/material/ListItemText';\r\n\r\nimport { TMessage } from \"../../../../../../typescript/redux/messages/types\";\r\n\r\nconst useStyles = makeStyles({ \r\n editTop : {\r\n position: 'absolute',\r\n left: 0,\r\n top: '-7vh',\r\n height: '6vh',\r\n width: '100%',\r\n borderRadius: 8,\r\n display: 'flex',\r\n flexWrap: 'nowrap',\r\n alignContent: 'center',\r\n alignItems: 'center',\r\n color: '#6b6b6b',\r\n border:'solid 2px rgb(41, 139, 231)',\r\n backgroundColor: '#ffffff',\r\n padding: '0px 5px',\r\n zIndex:2,\r\n },\r\n editListWrapper: {\r\n width: '100%',\r\n wordBreak: 'break-word',\r\n overflowY: \"auto\",\r\n height: '6vh',\r\n }, \r\n editIconClose: {\r\n cursor: 'pointer',\r\n marginLeft: 5,\r\n marginRight: 5,\r\n '&:hover': {\r\n color:'#f02a2a',\r\n transform: 'rotate(180deg)',\r\n transition: 'all 250ms ease-out ',\r\n }\r\n },\r\n editColumn: {\r\n height: '80%',\r\n width: 2,\r\n backgroundColor: 'rgb(41, 139, 231)',\r\n marginRight:10\r\n }, \r\n});\r\n\r\ninterface IEditBar {\r\n isEdit:TMessage,\r\n handleCloseEdit: () => void,\r\n handleScrollToTheMessage:(_id:string) => void\r\n}\r\n\r\nconst EditBar = ({ isEdit, handleCloseEdit,handleScrollToTheMessage }: IEditBar) => {\r\n const classes = useStyles();\r\n \r\n return (\r\n <div className={classes.editTop}>\r\n <EditIcon style={{margin:'0px 7px',color: \"rgb(41, 139, 231)\"}}/>\r\n <div className={classes.editColumn}></div>\r\n <ul className={classes.editListWrapper}>\r\n <li onClick={() => handleScrollToTheMessage(isEdit._id)}>\r\n <ListItemText\r\n primary={`Edit ${isEdit.type === 'text'?'Message and Caption':'only Caption'}`}\r\n primaryTypographyProps={{ color: \"rgb(41, 139, 231)\",fontSize:16 }}\r\n secondary={isEdit.type === 'text' ? `Message: ${isEdit.message} , Caption: ${isEdit.caption}`:`Caption: ${isEdit.caption}`}\r\n secondaryTypographyProps={{ fontSize: 16}} />\r\n </li>\r\n </ul>\r\n <CloseIcon onClick={handleCloseEdit} className={classes.editIconClose} />\r\n </div>\r\n )\r\n}\r\n\r\nexport default EditBar","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 PauseIcon from '@mui/icons-material/Pause';\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 PhotoCameraFrontIcon from '@mui/icons-material/PhotoCameraFront';\r\nimport CommentIcon from '@mui/icons-material/Comment';\r\nimport Avatar from '@mui/material/Avatar';\r\nimport Webcam from \"react-webcam\";\r\nimport CameraIcon from '@mui/icons-material/Camera';\r\nimport TextField from '@material-ui/core/TextField';\r\nimport Picker from 'emoji-picker-react';\r\nimport InputAdornment from '@mui/material/InputAdornment';\r\n\r\nimport { useReactMediaRecorder } from \"react-media-recorder\";\r\nimport { useState,useEffect,useCallback } from \"react\";\r\nimport { useSelector } from \"react-redux\";\r\n\r\nimport FilesMenu from \"./FilesMenu\";\r\nimport ReplyBar from './ReplyBar'\r\nimport ForwardBar from \"./ForwardBar\";\r\nimport EditBar from \"./EditBar\";\r\nimport {\r\n sentMessageById, sentImgMessageById, sentAudioMessageById,\r\n sentVideoMessageById, sentFileMessageById, sentMessageEditById,\r\n sentMessageReplyById, sentMessageForwardById\r\n} from '../../../../../api-data'\r\nimport { getChat } from '../../../../../redux/chat/selector'\r\nimport { getRightIsOpen } from '../../../../../redux/control/selector'\r\nimport { playNotification,prodBaseURL } from \"../../../../../helpers\";\r\nimport { typingChat } from \"../../../../../api-data\";\r\nimport { TMessage } from \"../../../../../typescript/redux/messages/types\";\r\n\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 border:'solid 2px #ffffff',\r\n backgroundColor: '#ffffff', \r\n },\r\n containerActive: {\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 border:'solid 2px rgb(41, 139, 231)',\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: 'inherit',\r\n fontWeight: 600,\r\n fontSize:20\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: -21,\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:'9vh',\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 zIndex: 10,\r\n visibility: 'visible',\r\n },\r\n captionTextField: {\r\n zIndex: 10,\r\n visibility: 'visible', \r\n width: '35vw',\r\n backgroundColor: '#ffffff',\r\n borderRadius: 4,\r\n height: '6vh',\r\n overflowY: 'auto',\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 pauseLeft: {\r\n position: 'absolute',\r\n left: -72,\r\n bottom:-1,\r\n zIndex: 10, \r\n },\r\n pauseRight: {\r\n position: 'absolute',\r\n right: -72,\r\n bottom:-1,\r\n zIndex: 10, \r\n }, \r\n avatarPause: {\r\n backgroundColor: '#ffffff',\r\n cursor: 'pointer',\r\n animation: `$shake 1s`,\r\n animationIterationCount:'infinite',\r\n '&:hover': {\r\n backgroundColor: '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: -25,\r\n top: -25,\r\n zIndex: 10,\r\n }, \r\n ringContainerRight: {\r\n position: 'absolute',\r\n right: -25,\r\n top: -25,\r\n zIndex: 10,\r\n },\r\n circle: {\r\n width: 15,\r\n height: 15,\r\n backgroundColor: 'rgb(255, 4, 4)',\r\n borderRadius: '50%',\r\n position: 'relative'\r\n },\r\n ringRing: {\r\n border: '3px solid rgb(255, 4, 4)',\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 '@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 overlayCamera: {\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 display: 'flex',\r\n justifyContent: 'center',\r\n alignContent: 'center',\r\n alignItems: 'center',\r\n flexDirection:'column'\r\n },\r\n capturedPicture: {\r\n borderRadius: 10,\r\n border:'solid 2px rgb(62, 149, 231)'\r\n }, \r\n capturePhoto: {\r\n color: '#ffffff',\r\n cursor: 'pointer',\r\n '&:hover': {\r\n color: '#48ff00',\r\n animation: `$rotating 2s linear infinite`\r\n },\r\n }, \r\n '@keyframes rotating': {\r\n\t 'from': { transform: 'rotate(0deg)'},\r\n\t 'to': { transform: 'rotate(360deg)'},\r\n }, \r\n});\r\n\r\ninterface ISendMessage{\r\n isArrow: boolean,\r\n silentMode: boolean,\r\n isReply:TMessage | undefined,\r\n setIsReply: React.Dispatch<React.SetStateAction<TMessage | undefined>>,\r\n isForward: TMessage | undefined,\r\n setIsForward: React.Dispatch<React.SetStateAction<TMessage | undefined>>,\r\n isEdit: TMessage | undefined, \r\n setIsEdit: React.Dispatch<React.SetStateAction<TMessage | undefined>>,\r\n modalForward: boolean,\r\n handleScrollToTheMessage: (_id: string) => void,\r\n}\r\n\r\nconst SendMessage = ({isArrow,silentMode,isReply,setIsReply,isForward,setIsForward,isEdit,setIsEdit,modalForward,handleScrollToTheMessage }:ISendMessage) => {\r\n const classes = useStyles();\r\n const { companionId } = useSelector(getChat)\r\n const rightIsOpen = useSelector(getRightIsOpen)\r\n const [value, setValue] = useState<string>('')\r\n const [file, setFile] = useState<any>(false)\r\n const [caption, setCaption] = useState<string>('')\r\n const [isOpenCaption, setIsOpenCaption] = useState<boolean>(false)\r\n const [isOpenMenu, setIsOpenMenu] = useState<boolean>(false)\r\n const [isOpenEmoji, setIsOpenEmoji] = useState<boolean>(false)\r\n const [isOpenCaptionEmoji, setIsOpenCaptionEmoji] = useState<boolean>(false)\r\n const [isRecording, setIsRecording] = useState<boolean>(false)\r\n const [isFilming, setIsFilming] = useState<boolean>(false)\r\n const [isOpenCamera, setIsOpenCamera] = useState<boolean>(false)\r\n const [type, setType] = useState<string>('')\r\n const [status, setStatus] = useState<string | null>(null)\r\n const [_status, _setStatus] = useState<string | null>(null)\r\n const { startRecording, stopRecording, mediaBlobUrl, clearBlobUrl, } = useReactMediaRecorder({ audio: true,blobPropertyBag:{type: \"audio/mp3\"}});\r\n const { startRecording: _startRecording, stopRecording: _stopRecording,\r\n mediaBlobUrl: _mediaBlobUrl, clearBlobUrl: _clearBlobUrl } = useReactMediaRecorder({ video: true, blobPropertyBag: { type: \"video/mp4\" } });\r\n const videoConstraints = {\r\n width: 1280,\r\n height: 720,\r\n facingMode: \"user\"\r\n };\r\n const onEmojiClick = (_e: any, emojiObject: any, flag: string) => {\r\n if (flag === 'input') {\r\n setValue(prevValue => prevValue + emojiObject.emoji)\r\n setIsOpenEmoji(false)\r\n }\r\n if (flag ==='caption') {\r\n setCaption(prevValue => prevValue + emojiObject.emoji)\r\n setIsOpenCaptionEmoji(false)\r\n } \r\n }; \r\n const clearMessage = () => {\r\n setFile(false)\r\n setIsRecording(false)\r\n setIsFilming(false)\r\n setValue('')\r\n setCaption('')\r\n setType('')\r\n clearBlobUrl()\r\n _clearBlobUrl()\r\n setIsOpenMenu(false)\r\n setIsOpenEmoji(false)\r\n setIsOpenCaption(false)\r\n setIsOpenCaptionEmoji(false)\r\n setStatus(null)\r\n _setStatus(null)\r\n }\r\n\r\n const sentMessage = async () => {\r\n if (value && !isReply && !isForward && !isEdit) sentMessageById(companionId, value, caption.trim())\r\n if (value && isReply && !isForward && !isEdit) {\r\n sentMessageReplyById(isReply._id, value, caption.trim())\r\n setIsReply(undefined)\r\n }\r\n if (value&&isForward && !isEdit && !isReply) {\r\n sentMessageForwardById(isForward._id,isForward.companionIdForwardToAndFrom,value,caption.trim())\r\n setIsForward(undefined)\r\n } \r\n if (isEdit && !isForward && !isReply) {\r\n sentMessageEditById(isEdit._id, value, caption.trim())\r\n setIsEdit(undefined)\r\n } \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,caption.trim())\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,caption.trim())\r\n _clearBlobUrl()\r\n }\r\n }\r\n video.send();\r\n } \r\n if (file && type && type !== 'base64') { \r\n if (file.type.includes('image') && type === 'content') {\r\n const formData: any = new FormData()\r\n formData.append(\"image\", file);\r\n sentImgMessageById(companionId, formData, caption.trim())\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,caption.trim())\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,caption.trim()) \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,caption.trim()) \r\n } \r\n }\r\n if (typeof file === 'string' && type === 'base64') {\r\n fetch(file).then(res => res.blob()).then(blob => {\r\n const imgFile = new File([blob], \"selfie\", { type: \"image/jpeg\" })\r\n const formData: any = new FormData()\r\n formData.append(\"image\", imgFile);\r\n sentImgMessageById(companionId, formData, caption.trim())\r\n })\r\n } \r\n clearMessage()\r\n !silentMode&&playNotification(`${prodBaseURL}/send.mp3`)\r\n } \r\n const handleTextarea = (e: React.ChangeEvent<HTMLTextAreaElement>) => setValue(e.target.value)\r\n const handleTextareaCaption = (e: React.ChangeEvent<HTMLTextAreaElement>) => setCaption(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 handleOpenCaptionEmoji = () => !isOpenEmoji && setIsOpenCaptionEmoji(true)\r\n const handleOpenCaption = () => !isOpenCaption && setIsOpenCaption(true)\r\n const handleCloseCaption = (e: any) => {\r\n if (e.target.id === 'overlay') {\r\n if(isOpenCaptionEmoji) return setIsOpenCaptionEmoji(false)\r\n isOpenCaption && setIsOpenCaption(false)\r\n }\r\n } \r\n const handleRecording = () => {\r\n if (isRecording) {\r\n setStatus('stopped')\r\n stopRecording()\r\n return \r\n }\r\n startRecording()\r\n setStatus('recording')\r\n setType('recording')\r\n setIsRecording(true) \r\n }\r\n const handleFilming = () => {\r\n if (isFilming) {\r\n _setStatus('stopped')\r\n _stopRecording()\r\n return \r\n }\r\n _startRecording()\r\n _setStatus('recording')\r\n setType('filming')\r\n setIsFilming(true) \r\n }\r\n const handleOpenCamera = () => setIsOpenCamera(true)\r\n\r\n const handleCloseCamera = (e: any) => {\r\n const id = e.target.id\r\n if (id === 'overlay') setIsOpenCamera(false)\r\n }\r\n \r\n const handleCaptureAvatar = (getScreenshot:() => string| null) => {\r\n setFile(getScreenshot())\r\n setType('base64')\r\n !silentMode&&playNotification(`${prodBaseURL}/cameraCapture.mp3`)\r\n }\r\n\r\n const handleCloseReply = () => {\r\n setIsReply(undefined)\r\n clearMessage()\r\n }\r\n\r\n const handleCloseForward= () => {\r\n setIsForward(undefined)\r\n clearMessage()\r\n }\r\n \r\n const handleCloseEdit = () => {\r\n setIsEdit(undefined)\r\n clearMessage()\r\n } \r\n\r\n const defaultState = useCallback(() => {\r\n stopRecording()\r\n _stopRecording()\r\n clearBlobUrl()\r\n _clearBlobUrl()\r\n setStatus(null)\r\n _setStatus(null)\r\n setIsRecording(false)\r\n setIsFilming(false) \r\n setFile(false)\r\n setValue('')\r\n setCaption('')\r\n setType('')\r\n setIsOpenMenu(false)\r\n setIsOpenEmoji(false)\r\n setIsOpenCaption(false)\r\n setIsOpenCaptionEmoji(false)\r\n },[_clearBlobUrl,clearBlobUrl,_stopRecording,stopRecording])\r\n\r\n useEffect(() => {\r\n defaultState()\r\n }, [isReply, isForward,isEdit, companionId])\r\n \r\n useEffect(() => {\r\n setIsReply(undefined)\r\n setIsEdit(undefined)\r\n }, [companionId, setIsReply,setIsEdit])\r\n\r\n useEffect(() => {\r\n if (isEdit) {\r\n isEdit.type ==='text'&&setValue(isEdit.message?isEdit.message:'')\r\n setCaption(isEdit.caption?isEdit.caption:'')\r\n }\r\n }, [isEdit, companionId]) \r\n \r\n useEffect(() => {\r\n const companionIdForwardToAndFrom = isForward?.companionIdForwardToAndFrom\r\n if(companionIdForwardToAndFrom&&companionIdForwardToAndFrom !== companionId) setIsForward(undefined)\r\n }, [companionId])\r\n \r\n return (\r\n <div className={(value&&isEdit&&isEdit.type === 'text') || (isEdit&&isEdit.type !== 'text') || (value&&!isEdit) || file || status === 'stopped' || _status === 'stopped' ?classes.containerActive:classes.container}>\r\n {isArrow && <div className={classes.borderTop}></div>}\r\n {isReply && <ReplyBar isReply={isReply} handleCloseReply={handleCloseReply}\r\n handleScrollToTheMessage={handleScrollToTheMessage} />}\r\n {isEdit && <EditBar isEdit={isEdit} handleCloseEdit={handleCloseEdit}\r\n handleScrollToTheMessage={handleScrollToTheMessage} />} \r\n {isForward && !modalForward && <ForwardBar companionId={companionId} \r\n isForward={isForward} handleCloseForward={handleCloseForward}\r\n handleScrollToTheMessage={handleScrollToTheMessage} setIsForward={setIsForward}/>}\r\n {isFilming && _status !== 'stopped' && \r\n <>\r\n <div className={classes.pauseLeft}>\r\n <Avatar onClick={handleFilming } className={classes.avatarPause}\r\n sx={{backgroundColor: '#ffffff',color:'#6b6b6b',width: 56, height: 56}}>\r\n <PauseIcon fontSize=\"large\"/> \r\n </Avatar> \r\n </div>\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 </>} \r\n {isRecording && status !== 'stopped' && \r\n <> \r\n <div className={classes.pauseRight}>\r\n <Avatar onClick={handleRecording} className={classes.avatarPause}\r\n sx={{backgroundColor: '#ffffff',color:'#6b6b6b',width: 56, height: 56}}>\r\n <PauseIcon fontSize=\"large\"/> \r\n </Avatar> \r\n </div> \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 </>} \r\n <CloseIcon onClick={clearMessage} fontSize=\"small\" className={classes.iconCancel}\r\n sx={{width: 56, height: 56, display: file || (value&&!isReply&&!isForward&&!isEdit) || (status === 'stopped'&&type)\r\n || (_status === 'stopped'&&type) ? 'inline-block' : 'none'}} />\r\n <VideocamIcon onClick={handleFilming} className={classes.avatarCamera}\r\n sx={{backgroundColor: '#ffffff', color: '#6b6b6b', width: 56, height: 56}}\r\n style={{ display: status !== null || _status === 'stopped' || file || value || isFilming || isReply || isForward || isEdit? 'none' : 'block' }} /> \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&&isEdit&&isEdit.type === 'text') || (isEdit&&isEdit.type !== 'text') || (value&&!isEdit) || file || status === 'stopped' || _status === 'stopped'? 'block':'none' }}/>\r\n <MicNoneIcon onClick={handleRecording} className={classes.avatarRight} \r\n sx={{backgroundColor:'#ffffff',color: '#6b6b6b', width: 56, height: 56}}\r\n style={{display: !value && !file && status !== 'stopped' && _status === null&&!isRecording && !isReply && !isForward && !isEdit ? 'block' : '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 || _status || (isEdit&&isEdit.type !== 'text') ? 'none' : \"auto\",\r\n '&:hover': { color: 'rgb(41, 139, 231)' }, marginRight:1}}/>\r\n <CommentIcon onClick={handleOpenCaption} \r\n fontSize='medium' sx={{color: isOpenCaption || caption ? 'rgb(41, 139, 231)' : '#6b6b6b', cursor: 'pointer',\r\n pointerEvents: value || file || status === 'stopped' || _status === 'stopped' || (isEdit&&isEdit.type !== 'text')? 'auto' : \"none\",\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: rightIsOpen?'32.5vw':'45vw',bottom:'9vh'}}>\r\n <Picker onEmojiClick={(e,obj) => onEmojiClick(e,obj,'input')} />\r\n </div> \r\n </div>\r\n <div onClick={handleCloseCaption} className={classes.overlay} id='overlay'\r\n style={{ display: isOpenCaption ? 'block' : 'none' }}>\r\n {isOpenCaptionEmoji && <div className={classes.emoji}\r\n style={{ left: rightIsOpen ? '32.5vw' : '45vw',bottom:isReply || isForward || isEdit?'23vh':'16vh' }}>\r\n <Picker onEmojiClick={(e,obj) => onEmojiClick(e,obj,'caption')} />\r\n </div>} \r\n <TextField multiline className={classes.captionTextField} onChange={handleTextareaCaption}\r\n style={{left: rightIsOpen ? '32.5vw' : '45vw', top: isReply || isForward || isEdit?'78.5vh':'85vh' }}\r\n placeholder='Caption' value={caption} id=\"caption\" name='caption' variant='outlined'\r\n InputProps={{\r\n startAdornment: (<InputAdornment position=\"start\" sx={{marginRight:4}}>\r\n <SentimentSatisfiedAltIcon onClick={handleOpenCaptionEmoji}\r\n sx={{color: isOpenCaptionEmoji ? 'rgb(41, 139, 231)' : '#6b6b6b', cursor: 'pointer',\r\n '&:hover': { color: 'rgb(41, 139, 231)' },position:'fixed',top: isReply || isForward || isEdit?'80vh':'86.5vh'}} />\r\n </InputAdornment>\r\n ),}}/>\r\n </div>\r\n <textarea disabled={file || type === 'recording' || type === 'filming' || (isEdit&&isEdit.type !== 'text')? 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 === null && _status === null ? 'Message' :\r\n `${status === 'stopped' || _status === 'stopped' ? type === 'recording' || type === 'filming'?'Recorded':'Message':'Recording in progress...'}`} rows={1}\r\n style={{color:value || file || type === 'recording' || type === 'filming' ?'rgb(41, 139, 231)':'#6b6b6b'}}>\r\n </textarea>\r\n <PhotoCameraFrontIcon onClick={handleOpenCamera} fontSize='medium'\r\n sx={{color: isOpenCamera || type === 'base64' ? 'rgb(62, 149, 231)' : '#6b6b6b', marginRight: 1, cursor: 'pointer',\r\n pointerEvents: type === 'content' || type === 'application' || value || status !== null\r\n || _status !== null || isReply || isForward || isEdit ? 'none' : \"auto\",\r\n '&:hover': { color: 'rgb(41, 139, 231)'}}}/>\r\n <AttachFileIcon onClick={handleOpenFileMenu} className={classes.attachIcon}\r\n fontSize='medium' sx={{color: isOpenMenu || type === 'content' || type === 'application' ? 'rgb(41, 139, 231)' : '#6b6b6b', cursor: 'pointer',\r\n pointerEvents: type === 'base64' || value || status !== null || _status !== null || isReply || isForward || isEdit? 'none' : \"auto\", '&:hover':\r\n { 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: rightIsOpen?'52.5vw':'65vw'}}>\r\n <FilesMenu setFile={setFile} setValue={setValue} setIsOpenMenu={setIsOpenMenu} setType={setType} type={type}/>\r\n </div>\r\n </div>\r\n {isOpenCamera &&\r\n <div onClick={handleCloseCamera} id='overlay' className={classes.overlayCamera}>\r\n <Webcam audio={false} screenshotFormat=\"image/jpeg\" width='40%'\r\n videoConstraints={videoConstraints} style={{marginBottom:30}}>\r\n {({ getScreenshot }) => <>\r\n <CameraIcon onClick={() => handleCaptureAvatar(getScreenshot)}\r\n className={classes.capturePhoto} fontSize='large' style={{marginBottom:30}} />\r\n <img className={classes.capturedPicture} width='300' height='174'\r\n style={{visibility:file?'visible':'hidden'}} src={file} alt='chosen pic'></img>\r\n </>}\r\n </Webcam>\r\n </div>}\r\n </div> \r\n )\r\n}\r\n\r\nexport default SendMessage","import { makeStyles } from '@material-ui/core'\r\nimport { TPinnedMessages } from '../../../../../typescript/redux/pinnedMessages/types' \r\n\r\nconst useStyles = makeStyles({\r\n unpinBar: { \r\n backgroundColor: '#ffffff',\r\n color:'#2b97fd',\r\n display: 'flex',\r\n justifyContent: 'center',\r\n alignContent: 'center',\r\n alignItems: 'center',\r\n width: '100%',\r\n height: '7vh',\r\n position: 'fixed',\r\n cursor:'pointer',\r\n bottom: '0vh',\r\n fontSize:18,\r\n '&:hover': {\r\n color: '#0084ff',\r\n }\r\n }, \r\n})\r\n\r\ninterface IUnpinBar {\r\n pinnedMessagesMemo: TPinnedMessages,\r\n handleUnpinAll: () => void,\r\n}\r\n\r\nconst UnpinBar = ({pinnedMessagesMemo,handleUnpinAll}:IUnpinBar) => {\r\n const classes = useStyles() \r\n\r\n return (\r\n <div onClick={handleUnpinAll} className={classes.unpinBar}>\r\n {`UNPIN ALL ${pinnedMessagesMemo.length} MESSAGES`}\r\n </div>\r\n )\r\n}\r\n\r\nexport default UnpinBar\r\n\r\n","import { makeStyles } from \"@material-ui/core/styles\";\r\nimport { styled } from '@mui/material/styles';\r\nimport { useState } from \"react\";\r\nimport Typography from '@mui/material/Typography';\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 Divider from '@mui/material/Divider';\r\nimport CheckBoxIcon from '@mui/icons-material/CheckBox';\r\nimport Checkbox from '@mui/material/Checkbox';\r\nimport PushPinIcon from '@mui/icons-material/PushPin';\r\nimport CloseIcon from '@mui/icons-material/Close';\r\nimport ReplyIcon from '@mui/icons-material/Reply';\r\nimport VisibilityIcon from '@mui/icons-material/Visibility';\r\nimport Avatar from '@mui/material/Avatar';\r\nimport { CopyToClipboard } from 'react-copy-to-clipboard';\r\nimport { removeMessageById,updateMessageById,pinMessageById } from \"../../../../../../api-data\";\r\nimport { firstLetter,slicedWord,timeStampMessage,copied,emojisArr,prodAwsS3 } 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 alignItems: 'flex-start',\r\n alignContent: 'flex-start',\r\n flexDirection:'column',\r\n borderRadius: 7,\r\n position: 'relative',\r\n padding:'4px 0px 4px 22px'\r\n }, \r\n wrapper: {\r\n position: 'relative',\r\n display: 'flex',\r\n alignItems: 'start',\r\n alignContent: 'start',\r\n flexDirection: 'column',\r\n maxWidth: 450,\r\n minWidth:200,\r\n padding: 5,\r\n borderRadius: 7,\r\n wordBreak:'break-word',\r\n textAlign: \"left\",\r\n font: \"400 .9em 'Open Sans', sans-serif\",\r\n },\r\n wrapperInner: {\r\n position: 'relative',\r\n display: 'flex',\r\n alignItems: 'start',\r\n alignContent: 'start',\r\n flexDirection: 'column',\r\n width: '100%',\r\n cursor: 'pointer',\r\n padding:'0px 10px',\r\n '&:hover': {\r\n backgroundColor: 'rgba(104, 105, 104, 0.2)'\r\n }\r\n },\r\n deletedInformation: {\r\n display: 'flex',\r\n justifyContent:'start',\r\n alignItems: 'center',\r\n alignContent: 'center',\r\n }, \r\n informationWrapper: {\r\n display: 'flex',\r\n alignItems: 'center',\r\n alignContent: 'center',\r\n justifyContent: 'flex-end',\r\n width: '100%',\r\n paddingRight:3,\r\n },\r\n time: {\r\n fontSize: \".65em\",\r\n fontWeight:600,\r\n color: '#414141',\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 emojiTitle: {\r\n position: \"absolute\",\r\n fontSize: \"1.7em\",\r\n fontWeight:600,\r\n bottom: '0.2rem',\r\n right: -40,\r\n },\r\n emojiCompanionTitle: {\r\n position: \"absolute\",\r\n fontSize: \"1.7em\",\r\n fontWeight:600,\r\n bottom: '2.2rem',\r\n right: -40,\r\n }, \r\n emoji: {\r\n\t\tcursor: 'pointer',\r\n\t\tfontSize: '1.7rem',\r\n transition: 'all 0.3s',\r\n '&:hover': {\r\n transform: 'scale(1.5)'\r\n }\r\n },\r\n emojiActive: {\r\n cursor: 'pointer',\r\n fontSize: '1.2rem',\r\n animation: `$emoji 0.6s ease-out`,\r\n\t\tanimationDirection: 'forwards',\r\n\t\tanimationIterationCount: 1,\r\n }, \r\n '@keyframes emoji': {\r\n\t '5%': { transform: 'translateY(1rem)'},\r\n\t '10%': { transform: 'translateY(0) scale(1)',opacity: 1},\r\n\t '50%': { transform: 'translateY(-4rem) scale(1.5) rotateY(90deg)'},\r\n\t '80%': {opacity: 0},\r\n\t '100%': {transform: 'translateY(-8rem) scale(2) rotateY(180deg)',opacity: 0},\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 checkboxSelect: {\r\n position: 'absolute',\r\n left: -64,\r\n top: -10,\r\n pointerEvents: 'auto'\r\n },\r\n folderIcon: {\r\n color: '#535353',\r\n marginRight:5\r\n },\r\n column: {\r\n position: 'absolute',\r\n content: '',\r\n width: 2,\r\n left:0,\r\n top:'10%',\r\n height:'80%',\r\n backgroundColor: '#535353',\r\n },\r\n avatarIcon: {\r\n position: 'absolute',\r\n left: -54,\r\n bottom: 0,\r\n },\r\n tongueOne: {\r\n content: \"''\",\r\n position: \"absolute\",\r\n width: \"0\",\r\n height: \"0\",\r\n borderLeft: \"15px solid transparent\",\r\n borderRight: \"15px solid transparent\",\r\n bottom: '0px',\r\n left: \"-15px\",\r\n},\r\ntongueTwo: {\r\n content: \"''\",\r\n position: \"absolute\",\r\n width: \"0\",\r\n height: \"0\",\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\r\nconst label = { inputProps: { 'aria-label': 'Checkbox demo' } };\r\n\r\ninterface IMessageLeftDeleted {\r\n tongue: boolean,\r\n watched: boolean,\r\n edited: boolean,\r\n companionIdForwardToAndFrom: string,\r\n avatarUrl: string,\r\n color: string,\r\n message: string,\r\n name: string,\r\n lastName: string,\r\n forwardReplyName:string,\r\n forwardReplyLastName: string,\r\n caption: string,\r\n createdAt: string,\r\n emoji: string,\r\n emojiCompanion: string,\r\n pinned: boolean,\r\n isSomeSelected: boolean,\r\n isSelected:(_id:string) => boolean,\r\n handleSelected: (_id:string) => void, \r\n _id: string,\r\n nightMode: boolean,\r\n handleReply: (_id: string) => void,\r\n handleForward: (_id: string) => void,\r\n handleEdit: (_id: string) => void,\r\n handleOpenTheChat: (companionIdForwardToAndFrom:string | null) => void,\r\n}\r\n\r\nconst MessageLeftDeleted = ({tongue,watched,edited,companionIdForwardToAndFrom,avatarUrl,color,message,name,lastName,forwardReplyName,forwardReplyLastName,caption,createdAt,emoji,emojiCompanion,pinned,isSomeSelected,isSelected,handleSelected,_id,nightMode,handleReply,handleForward,handleEdit,handleOpenTheChat}:IMessageLeftDeleted) => {\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 checked = isSelected(_id)\r\n \r\n const handleClose = (type: string | undefined): void => {\r\n if (type === 'copy') copied('Text')\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 const handleEmojiMenu = ({ target }: any): void => {\r\n const idEmoji = target.id\r\n if (idEmoji === emoji) {updateMessageById(_id,'') \r\n } else updateMessageById(_id,idEmoji)\r\n }\r\n\r\n \r\n return (\r\n <div className={classes.container} style={{marginBottom:tongue?12:0}}>\r\n <div onContextMenu={(e) => handleContextMenu(e)} className={classes.wrapper}\r\n style={{backgroundColor:selected?'#babdbc':'#ffffff',pointerEvents:isSomeSelected?'none':'auto'}}>\r\n <Typography style={{color: \"#00b333\"}} variant=\"h6\" align=\"right\">\r\n {`${firstLetter(name)}${slicedWord(name, 15, 1)} \r\n ${firstLetter(lastName)}${slicedWord(lastName, 15, 1)}`}\r\n </Typography>\r\n <div className={classes.wrapperInner} onClick={() => handleOpenTheChat(companionIdForwardToAndFrom)}>\r\n <div className={classes.column}></div>\r\n <Typography style={{color: \"#535353\"}} variant=\"h6\" align=\"right\">\r\n {`${companionIdForwardToAndFrom?'Forwarded from':'Replied to'} ${firstLetter(forwardReplyName)}${slicedWord(forwardReplyName, 15, 1)}\r\n ${firstLetter(forwardReplyLastName)}${slicedWord(forwardReplyLastName, 15, 1)}`}\r\n </Typography>\r\n <div className={classes.deletedInformation}>\r\n <DeleteOutlineIcon className={classes.folderIcon} fontSize='large' />\r\n <Typography style={{color: \"#535353\"}} variant=\"h6\" align=\"right\">\r\n The Message was Deleted\r\n </Typography>\r\n </div>\r\n </div>\r\n <ListItemText primary={message} primaryTypographyProps={{ color: \"#000000\" }} />\r\n <ListItemText secondary={caption} secondaryTypographyProps={{color: \"#000000\"}}/>\r\n <div className={classes.informationWrapper}>\r\n <div className={classes.time} style={{ color: '#959595'}}>{`${edited?'edited ':''}${timeStampMessage(createdAt)}`}</div>\r\n {watched&&<VisibilityIcon style={{ color: '#959595', marginLeft: 5 }} fontSize='small' />}\r\n </div>\r\n {tongue&&<div className={classes.avatarIcon}>\r\n <Avatar alt={name} src={avatarUrl?`${prodAwsS3}/${avatarUrl}`:undefined}\r\n sx={{ background: color, width: 40, height: 40 }}>\r\n {!avatarUrl&&`${firstLetter(name)}${firstLetter(lastName)}`}\r\n </Avatar>\r\n </div>}\r\n {tongue&&<span className={classes.tongueOne} style={{borderBottom: `15px solid ${selected?'#babdbc' : \"#ffffff\"}`}}></span>}\r\n {tongue&&<span className={classes.tongueTwo} style={{borderBottom: `17px solid ${selected?'#babdbc' : \"#ffffff\"}`}}></span>}\r\n {emojiCompanion && <div className={classes.emojiCompanionTitle}>{emojisArr[Number(emojiCompanion)]}</div>}\r\n {emoji && <div className={classes.emojiTitle}>{emojisArr[Number(emoji)]}</div>}\r\n {isSomeSelected && <div className={classes.checkboxSelect}><Checkbox {...label} checked={checked} sx={{ color: nightMode ? '#ffffff' : '#00ff48', '&.Mui-checked': { color: nightMode ? '#ffffff' : '#00ff48' } }}\r\n onClick={() => handleSelected(_id)}/></div>}\r\n <StyledMenu id=\"demo-positioned-menu\" aria-labelledby=\"demo-positioned-button\"\r\n anchorEl={anchorEl} open={open} onClose={handleClose}>\r\n <MenuItem onClick={handleEmojiMenu} style={{ cursor: 'none' }} >\r\n {emojisArr.map((el:string, i:number) =>\r\n <div key={el} className={emoji === String(i)?classes.emojiActive:classes.emoji} id={String(i)}>{el}</div>)}\r\n </MenuItem>\r\n <Divider />\r\n <MenuItem onClick={() => {\r\n handleReply(_id)\r\n handleClose(undefined)\r\n }}>\r\n <ReplyIcon />\r\n Reply\r\n </MenuItem>\r\n <MenuItem onClick={() => {\r\n handleForward(_id)\r\n handleClose(undefined)\r\n }}>\r\n <ReplyIcon style={{transform :'rotateY(180deg)'}} />\r\n Forward\r\n </MenuItem> \r\n <CopyToClipboard onCopy={() => handleClose('copy')} text={`${message} ${caption}`}>\r\n <MenuItem>\r\n <ContentCopyIcon />\r\n Copy Text\r\n </MenuItem>\r\n </CopyToClipboard>\r\n <MenuItem onClick={() => {\r\n pinMessageById(_id, !pinned)\r\n handleClose(undefined)\r\n }}>\r\n {pinned ?\r\n <CloseIcon className={classes.iconClose} /> :\r\n <PushPinIcon />}\r\n {pinned?'Unpin':'Pin'}\r\n </MenuItem> \r\n <MenuItem onClick={() => {\r\n handleSelected(_id)\r\n handleClose(undefined)\r\n }}>\r\n <CheckBoxIcon />\r\n Select\r\n </MenuItem> \r\n <MenuItem style={{color:'#f02a2a'}} onClick={() => handleClose('delete')}>\r\n <DeleteOutlineIcon style={{color:'#f02a2a'}}/>\r\n Delete\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 MessageLeftDeleted\r\n","import { makeStyles } from \"@material-ui/core/styles\";\r\nimport { styled } from '@mui/material/styles';\r\nimport { useState } from \"react\";\r\nimport Typography from '@mui/material/Typography';\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 Divider from '@mui/material/Divider';\r\nimport CheckBoxIcon from '@mui/icons-material/CheckBox';\r\nimport Checkbox from '@mui/material/Checkbox';\r\nimport PushPinIcon from '@mui/icons-material/PushPin';\r\nimport CloseIcon from '@mui/icons-material/Close';\r\nimport ReplyIcon from '@mui/icons-material/Reply';\r\nimport VisibilityIcon from '@mui/icons-material/Visibility';\r\nimport Avatar from '@mui/material/Avatar';\r\nimport { CopyToClipboard } from 'react-copy-to-clipboard';\r\nimport { removeMessageById,updateMessageById,pinMessageById } from \"../../../../../../api-data\";\r\nimport { firstLetter,slicedWord,timeStampMessage,copied,emojisArr,prodAwsS3 } 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 alignItems: 'flex-start',\r\n alignContent: 'flex-start',\r\n flexDirection:'column',\r\n borderRadius: 7,\r\n position: 'relative',\r\n padding:'4px 0px 4px 22px'\r\n }, \r\n wrapper: {\r\n position: 'relative',\r\n display: 'flex',\r\n alignItems: 'start',\r\n alignContent: 'start',\r\n flexDirection: 'column',\r\n maxWidth: 450,\r\n minWidth:200,\r\n padding: 5,\r\n borderRadius: 7,\r\n wordBreak:'break-word',\r\n textAlign: \"left\",\r\n font: \"400 .9em 'Open Sans', sans-serif\",\r\n },\r\n wrapperInner: {\r\n display: 'flex',\r\n alignItems: 'start',\r\n alignContent: 'start',\r\n flexDirection: 'column',\r\n }, \r\n informationWrapper: {\r\n display: 'flex',\r\n alignItems: 'center',\r\n alignContent: 'center',\r\n justifyContent: 'flex-end',\r\n width: '100%',\r\n paddingRight:3,\r\n },\r\n time: {\r\n fontSize: \".65em\",\r\n fontWeight:600,\r\n color: '#414141',\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 emojiTitle: {\r\n position: \"absolute\",\r\n fontSize: \"1.7em\",\r\n fontWeight:600,\r\n bottom: '0.2rem',\r\n right: -40,\r\n },\r\n emojiCompanionTitle: {\r\n position: \"absolute\",\r\n fontSize: \"1.7em\",\r\n fontWeight:600,\r\n bottom: '2.2rem',\r\n right: -40,\r\n }, \r\n emoji: {\r\n\t\tcursor: 'pointer',\r\n\t\tfontSize: '1.7rem',\r\n transition: 'all 0.3s',\r\n '&:hover': {\r\n transform: 'scale(1.5)'\r\n }\r\n },\r\n emojiActive: {\r\n cursor: 'pointer',\r\n fontSize: '1.2rem',\r\n animation: `$emoji 0.6s ease-out`,\r\n\t\tanimationDirection: 'forwards',\r\n\t\tanimationIterationCount: 1,\r\n }, \r\n '@keyframes emoji': {\r\n\t '5%': { transform: 'translateY(1rem)'},\r\n\t '10%': { transform: 'translateY(0) scale(1)',opacity: 1},\r\n\t '50%': { transform: 'translateY(-4rem) scale(1.5) rotateY(90deg)'},\r\n\t '80%': {opacity: 0},\r\n\t '100%': {transform: 'translateY(-8rem) scale(2) rotateY(180deg)',opacity: 0},\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 checkboxSelect: {\r\n position: 'absolute',\r\n left: -64,\r\n top: -10,\r\n pointerEvents: 'auto'\r\n },\r\n avatarIcon: {\r\n position: 'absolute',\r\n left: -54,\r\n bottom: 0,\r\n },\r\n tongueOne: {\r\n content: \"''\",\r\n position: \"absolute\",\r\n width: \"0\",\r\n height: \"0\",\r\n borderLeft: \"15px solid transparent\",\r\n borderRight: \"15px solid transparent\",\r\n bottom: '0px',\r\n left: \"-15px\",\r\n},\r\ntongueTwo: {\r\n content: \"''\",\r\n position: \"absolute\",\r\n width: \"0\",\r\n height: \"0\",\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\r\nconst label = { inputProps: { 'aria-label': 'Checkbox demo' } };\r\n\r\ninterface IMessageLeftText {\r\n message: string,\r\n tongue: boolean,\r\n watched: boolean,\r\n edited: boolean,\r\n avatarUrl: string,\r\n color: string,\r\n name:string,\r\n lastName:string,\r\n createdAt: string,\r\n caption: string,\r\n emoji: string,\r\n emojiCompanion: string,\r\n pinned: boolean,\r\n isSomeSelected: boolean,\r\n isSelected:(_id:string) => boolean,\r\n handleSelected: (_id:string) => void,\r\n _id: string,\r\n nightMode: boolean,\r\n handleReply: (_id: string) => void,\r\n handleForward: (_id: string) => void,\r\n}\r\n\r\nconst MessageLeftText = ({message,tongue,watched,edited,avatarUrl,color,name,lastName,createdAt,caption,emoji,emojiCompanion,pinned,isSomeSelected,isSelected,handleSelected,_id,nightMode,handleReply,handleForward}: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 const checked = isSelected(_id)\r\n \r\n const handleClose = (type: string | undefined): void => {\r\n if (type === 'copy') copied('Text')\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 const handleEmojiMenu = ({ target }: any): void => {\r\n const idEmoji = target.id\r\n if (idEmoji === emoji) {updateMessageById(_id,'') \r\n } else updateMessageById(_id,idEmoji)\r\n } \r\n \r\n return (\r\n <div className={classes.container} style={{marginBottom:tongue?12:0}}>\r\n <div onContextMenu={(e) => handleContextMenu(e)} className={classes.wrapper}\r\n style={{backgroundColor:selected?'#babdbc':\"#ffffff\",pointerEvents:isSomeSelected?'none':'auto'}}>\r\n <Typography style={{color: \"#00b333\"}} variant=\"h6\" align=\"right\">\r\n {`${firstLetter(name)}${slicedWord(name, 15, 1)} \r\n ${firstLetter(lastName)}${slicedWord(lastName, 15, 1)}`}\r\n </Typography>\r\n <div className={classes.wrapperInner}>\r\n <ListItemText primary={message} primaryTypographyProps={{ color: \"#000000\" }} />\r\n <ListItemText secondary={caption} secondaryTypographyProps={{color: \"#000000\"}}/>\r\n </div>\r\n <div className={classes.informationWrapper}>\r\n <div className={classes.time} style={{ color: '#959595'}}>{`${edited?'edited ':''}${timeStampMessage(createdAt)}`}</div>\r\n {watched&&<VisibilityIcon style={{ color: '#959595', marginLeft: 5 }} fontSize='small' />}\r\n </div>\r\n {tongue&&<div className={classes.avatarIcon}>\r\n <Avatar alt={name} src={avatarUrl?`${prodAwsS3}/${avatarUrl}`:undefined}\r\n sx={{ background: color, width: 40, height: 40 }}>\r\n {!avatarUrl&&`${firstLetter(name)}${firstLetter(lastName)}`}\r\n </Avatar>\r\n </div>}\r\n {tongue&&<span className={classes.tongueOne} style={{borderBottom: `15px solid ${selected?'#babdbc' : \"#ffffff\"}`}}></span>}\r\n {tongue&&<span className={classes.tongueTwo} style={{borderBottom: `17px solid ${selected?'#babdbc' : \"#ffffff\"}`}}></span>}\r\n {emojiCompanion && <div className={classes.emojiCompanionTitle}>{emojisArr[Number(emojiCompanion)]}</div>}\r\n {emoji && <div className={classes.emojiTitle}>{emojisArr[Number(emoji)]}</div>}\r\n {isSomeSelected && <div className={classes.checkboxSelect}><Checkbox {...label} checked={checked} sx={{ color: nightMode ? '#ffffff' : '#00ff48', '&.Mui-checked': { color: nightMode ? '#ffffff' : '#00ff48' } }}\r\n onClick={() => handleSelected(_id)}/></div>}\r\n <StyledMenu id=\"demo-positioned-menu\" aria-labelledby=\"demo-positioned-button\"\r\n anchorEl={anchorEl} open={open} onClose={handleClose}>\r\n <MenuItem onClick={handleEmojiMenu} style={{ cursor: 'none' }} >\r\n {emojisArr.map((el:string, i:number) =>\r\n <div key={el} className={emoji === String(i)?classes.emojiActive:classes.emoji} id={String(i)}>{el}</div>)}\r\n </MenuItem>\r\n <Divider />\r\n <MenuItem onClick={() => {\r\n handleReply(_id)\r\n handleClose(undefined)\r\n }}>\r\n <ReplyIcon />\r\n Reply\r\n </MenuItem>\r\n <MenuItem onClick={() => {\r\n handleForward(_id)\r\n handleClose(undefined)\r\n }}>\r\n <ReplyIcon style={{transform :'rotateY(180deg)'}} />\r\n Forward\r\n </MenuItem> \r\n <CopyToClipboard onCopy={() => handleClose('copy')} text={`${message?message:''} ${caption?caption:''}`}>\r\n <MenuItem>\r\n <ContentCopyIcon />\r\n Copy Text\r\n </MenuItem>\r\n </CopyToClipboard>\r\n <MenuItem onClick={() => {\r\n pinMessageById(_id, !pinned)\r\n handleClose(undefined)\r\n }}>\r\n {pinned ?\r\n <CloseIcon className={classes.iconClose} /> :\r\n <PushPinIcon />}\r\n {pinned?'Unpin':'Pin'}\r\n </MenuItem> \r\n <MenuItem onClick={() => {\r\n handleSelected(_id)\r\n handleClose(undefined)\r\n }}>\r\n <CheckBoxIcon />\r\n Select\r\n </MenuItem> \r\n <MenuItem style={{color:'#f02a2a'}} onClick={() => handleClose('delete')}>\r\n <DeleteOutlineIcon style={{color:'#f02a2a'}}/>\r\n Delete\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 Typography from '@mui/material/Typography';\r\nimport ListItemText from '@mui/material/ListItemText';\r\nimport Button from '@mui/material/Button';\r\nimport DeleteOutlineIcon from '@mui/icons-material/DeleteOutline';\r\nimport Menu from '@mui/material/Menu';\r\nimport MenuItem from '@mui/material/MenuItem';\r\nimport Divider from '@mui/material/Divider';\r\nimport CheckBoxIcon from '@mui/icons-material/CheckBox';\r\nimport Checkbox from '@mui/material/Checkbox';\r\nimport PushPinIcon from '@mui/icons-material/PushPin';\r\nimport CloseIcon from '@mui/icons-material/Close';\r\nimport ReplyIcon from '@mui/icons-material/Reply';\r\nimport DownloadIcon from '@mui/icons-material/Download';\r\nimport LibraryMusicIcon from '@mui/icons-material/LibraryMusic';\r\nimport InsertDriveFileIcon from '@mui/icons-material/InsertDriveFile';\r\nimport ImageIcon from '@mui/icons-material/Image';\r\nimport ContentCopyIcon from '@mui/icons-material/ContentCopy';\r\nimport VideoLibraryIcon from '@mui/icons-material/VideoLibrary';\r\nimport VisibilityIcon from '@mui/icons-material/Visibility';\r\nimport Avatar from '@mui/material/Avatar';\r\nimport { CopyToClipboard } from 'react-copy-to-clipboard';\r\nimport { removeMessageById,updateMessageById,pinMessageById } from \"../../../../../../api-data\";\r\nimport { firstLetter,slicedWord,timeStampMessage,copied,emojisArr,handleDownload,prodAwsS3 } 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 alignItems: 'flex-start',\r\n alignContent: 'flex-start',\r\n flexDirection:'column',\r\n borderRadius: 7,\r\n position: 'relative',\r\n padding:'4px 0px 4px 22px'\r\n }, \r\n wrapper: {\r\n position: 'relative',\r\n display: 'flex',\r\n alignItems: 'start',\r\n alignContent: 'start',\r\n flexDirection: 'column',\r\n maxWidth: 450,\r\n minWidth:200,\r\n padding: 5,\r\n borderRadius: 7,\r\n wordBreak:'break-word',\r\n textAlign: \"left\",\r\n font: \"400 .9em 'Open Sans', sans-serif\",\r\n },\r\n wrapperInner: {\r\n position: 'relative',\r\n display: 'flex',\r\n alignItems: 'center',\r\n alignContent: 'center',\r\n width: '100%',\r\n cursor: 'pointer',\r\n '&:hover': {\r\n backgroundColor: 'rgba(104, 105, 104, 0.2)'\r\n }\r\n },\r\n wrapperInnerMessage: {\r\n display: 'flex',\r\n alignItems: 'start',\r\n alignContent: 'start',\r\n flexDirection: 'column',\r\n marginLeft:20,\r\n },\r\n informationWrapper: {\r\n display: 'flex',\r\n alignItems: 'center',\r\n alignContent: 'center',\r\n justifyContent: 'flex-end',\r\n width: '100%',\r\n paddingRight:3,\r\n },\r\n time: {\r\n fontSize: \".65em\",\r\n fontWeight:600,\r\n color: '#414141',\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 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 emojiTitle: {\r\n position: \"absolute\",\r\n fontSize: \"1.7em\",\r\n fontWeight:600,\r\n bottom: '0.2rem',\r\n right: -40,\r\n },\r\n emojiCompanionTitle: {\r\n position: \"absolute\",\r\n fontSize: \"1.7em\",\r\n fontWeight:600,\r\n bottom: '2.2rem',\r\n right: -40,\r\n }, \r\n emoji: {\r\n\t\tcursor: 'pointer',\r\n\t\tfontSize: '1.7rem',\r\n transition: 'all 0.3s',\r\n '&:hover': {\r\n transform: 'scale(1.5)'\r\n }\r\n },\r\n emojiActive: {\r\n cursor: 'pointer',\r\n fontSize: '1.2rem',\r\n animation: `$emoji 0.6s ease-out`,\r\n\t\tanimationDirection: 'forwards',\r\n\t\tanimationIterationCount: 1,\r\n }, \r\n '@keyframes emoji': {\r\n\t '5%': { transform: 'translateY(1rem)'},\r\n\t '10%': { transform: 'translateY(0) scale(1)',opacity: 1},\r\n\t '50%': { transform: 'translateY(-4rem) scale(1.5) rotateY(90deg)'},\r\n\t '80%': {opacity: 0},\r\n\t '100%': {transform: 'translateY(-8rem) scale(2) rotateY(180deg)',opacity: 0},\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 folderIcon: {\r\n color: '#26afee',\r\n },\r\n replyListItem: {\r\n display: 'flex',\r\n width: '100%',\r\n flexWrap: 'nowrap',\r\n alignContent: 'center',\r\n alignItems: 'center',\r\n },\r\n checkboxSelect: {\r\n position: 'absolute',\r\n left: -64,\r\n top: -10,\r\n pointerEvents: 'auto'\r\n },\r\n column: {\r\n position: 'absolute',\r\n content: '',\r\n width: 2,\r\n left:43,\r\n top:'10%',\r\n height:'80%',\r\n backgroundColor: '#26afee',\r\n },\r\n avatarIcon: {\r\n position: 'absolute',\r\n left: -54,\r\n bottom: 0,\r\n },\r\n tongueOne: {\r\n content: \"''\",\r\n position: \"absolute\",\r\n width: \"0\",\r\n height: \"0\",\r\n borderLeft: \"15px solid transparent\",\r\n borderRight: \"15px solid transparent\",\r\n bottom: '0px',\r\n left: \"-15px\",\r\n},\r\ntongueTwo: {\r\n content: \"''\",\r\n position: \"absolute\",\r\n width: \"0\",\r\n height: \"0\",\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\r\nconst label = { inputProps: { 'aria-label': 'Checkbox demo' } };\r\n\r\ninterface IMessageLeftReply {\r\n url: string,\r\n tongue: boolean,\r\n watched: boolean,\r\n edited: boolean,\r\n avatarUrl: string,\r\n color: string,\r\n replyMessage: string,\r\n message: string,\r\n name: string,\r\n lastName: string, \r\n replyName:string,\r\n replyLastName: string,\r\n replyCaption: string,\r\n createdAt: string,\r\n caption: string,\r\n emoji: string,\r\n emojiCompanion: string,\r\n pinned: boolean,\r\n isSomeSelected: boolean,\r\n isSelected:(_id:string) => boolean,\r\n handleSelected: (_id:string) => void, \r\n _id: string,\r\n nightMode: boolean,\r\n handleReply: (_id: string) => void,\r\n handleForward: (_id: string) => void,\r\n fullType: string,\r\n handleScrollToTheMessage: (_id: string) => void,\r\n oldId: string\r\n}\r\n\r\nconst MessageLeftReply = ({url,tongue,watched,edited,avatarUrl,color,replyMessage,message,name,lastName,replyName,replyLastName,replyCaption,createdAt,caption,emoji,emojiCompanion,pinned,isSomeSelected,isSelected,handleSelected,_id,nightMode,handleReply,handleForward,fullType,handleScrollToTheMessage,oldId}:IMessageLeftReply) => {\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 checked = isSelected(_id)\r\n \r\n const handleClose = (type: string | undefined): void => {\r\n if (type === 'copy') copied('Text')\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 const handleEmojiMenu = ({ target }: any): void => {\r\n const idEmoji = target.id\r\n if (idEmoji === emoji) {updateMessageById(_id,'') \r\n } else updateMessageById(_id,idEmoji)\r\n }\r\n \r\n const handleClickIcon = () => handleDownload(url, fullType) \r\n \r\n return (\r\n <div className={classes.container} style={{marginBottom:tongue?12:0}}>\r\n <div onContextMenu={(e) => handleContextMenu(e)} className={classes.wrapper}\r\n style={{backgroundColor:selected?'#babdbc':'#ffffff',pointerEvents:isSomeSelected?'none':'auto'}}>\r\n <Typography style={{color: \"#00b333\"}} variant=\"h6\" align=\"right\">\r\n {`${firstLetter(name)}${slicedWord(name, 15, 1)} \r\n ${firstLetter(lastName)}${slicedWord(lastName, 15, 1)}`}\r\n </Typography>\r\n <div className={classes.wrapperInner}>\r\n {fullType === null &&<ContentCopyIcon className={classes.folderIcon} fontSize='large'/>}\r\n {fullType&&fullType.includes('audio') &&<LibraryMusicIcon className={classes.folderIcon} fontSize='large' />}\r\n {fullType&&fullType.includes('video') &&<VideoLibraryIcon className={classes.folderIcon} fontSize='large' />}\r\n {fullType&&fullType.includes('image') &&<ImageIcon className={classes.folderIcon} fontSize='large' />}\r\n {fullType && fullType.includes('application') && <InsertDriveFileIcon className={classes.folderIcon} fontSize='large' />}\r\n <div className={classes.column}></div>\r\n <div className={classes.wrapperInnerMessage} onClick={() => handleScrollToTheMessage(oldId)}>\r\n <Typography style={{color: \"#26afee\"}} variant=\"h6\" align=\"right\">\r\n {`Replied to ${firstLetter(replyName)}${slicedWord(replyName, 15, 1)}\r\n ${firstLetter(replyLastName)}${slicedWord(replyLastName, 15, 1)}`}\r\n </Typography>\r\n <ListItemText primary={fullType === null?replyMessage:fullType} primaryTypographyProps={{ color: \"#535353\" }} />\r\n <ListItemText secondary={replyCaption} secondaryTypographyProps={{color: \"#535353\"}}/>\r\n </div>\r\n </div> \r\n <ListItemText primary={message} primaryTypographyProps={{ color: \"#000000\" }} />\r\n <ListItemText secondary={caption} secondaryTypographyProps={{color: \"#000000\"}}/>\r\n <div className={classes.informationWrapper}>\r\n <div className={classes.time} style={{ color: '#959595'}}>{`${edited?'edited ':''}${timeStampMessage(createdAt)}`}</div>\r\n {watched&&<VisibilityIcon style={{ color: '#959595', marginLeft: 5 }} fontSize='small' />}\r\n </div>\r\n {tongue&&<div className={classes.avatarIcon}>\r\n <Avatar alt={name} src={avatarUrl?`${prodAwsS3}/${avatarUrl}`:undefined}\r\n sx={{ background: color, width: 40, height: 40 }}>\r\n {!avatarUrl&&`${firstLetter(name)}${firstLetter(lastName)}`}\r\n </Avatar>\r\n </div>}\r\n {tongue&&<span className={classes.tongueOne} style={{borderBottom: `15px solid ${selected?'#babdbc' : \"#ffffff\"}`}}></span>}\r\n {tongue&&<span className={classes.tongueTwo} style={{borderBottom: `17px solid ${selected?'#babdbc' : \"#ffffff\"}`}}></span>}\r\n {emojiCompanion && <div className={classes.emojiCompanionTitle}>{emojisArr[Number(emojiCompanion)]}</div>}\r\n {emoji && <div className={classes.emojiTitle}>{emojisArr[Number(emoji)]}</div>}\r\n {isSomeSelected && <div className={classes.checkboxSelect}><Checkbox {...label} checked={checked} sx={{ color: nightMode ? '#ffffff' : '#00ff48', '&.Mui-checked': { color: nightMode ? '#ffffff' : '#00ff48' } }}\r\n onClick={() => handleSelected(_id)}/></div>}\r\n <StyledMenu id=\"demo-positioned-menu\" aria-labelledby=\"demo-positioned-button\"\r\n anchorEl={anchorEl} open={open} onClose={handleClose}>\r\n <MenuItem onClick={handleEmojiMenu} style={{ cursor: 'none' }} >\r\n {emojisArr.map((el:string, i:number) =>\r\n <div key={el} className={emoji === String(i)?classes.emojiActive:classes.emoji} id={String(i)}>{el}</div>)}\r\n </MenuItem>\r\n <Divider />\r\n <MenuItem onClick={() => {\r\n handleReply(_id)\r\n handleClose(undefined)\r\n }}>\r\n <ReplyIcon />\r\n Reply\r\n </MenuItem>\r\n <MenuItem onClick={() => {\r\n handleForward(_id)\r\n handleClose(undefined)\r\n }}>\r\n <ReplyIcon style={{transform :'rotateY(180deg)'}} />\r\n Forward\r\n </MenuItem>\r\n {fullType&&<MenuItem onClick={handleClickIcon}>\r\n <DownloadIcon/>\r\n Download\r\n </MenuItem>} \r\n <CopyToClipboard onCopy={() => handleClose('copy')} text={`${replyMessage&&fullType === null ? replyMessage : fullType} ${replyCaption ? replyCaption : ''} ${message ? message : ''} ${caption ? caption : ''}`}>\r\n <MenuItem>\r\n <ContentCopyIcon />\r\n Copy Text\r\n </MenuItem>\r\n </CopyToClipboard>\r\n <MenuItem onClick={() => {\r\n pinMessageById(_id, !pinned)\r\n handleClose(undefined)\r\n }}>\r\n {pinned ?\r\n <CloseIcon className={classes.iconClose} /> :\r\n <PushPinIcon />}\r\n {pinned?'Unpin':'Pin'}\r\n </MenuItem> \r\n <MenuItem onClick={() => {\r\n handleSelected(_id)\r\n handleClose(undefined)\r\n }}>\r\n <CheckBoxIcon />\r\n Select\r\n </MenuItem> \r\n <MenuItem style={{color:'#f02a2a'}} onClick={() => handleClose('delete')}>\r\n <DeleteOutlineIcon style={{color:'#f02a2a'}}/>\r\n Delete\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 MessageLeftReply\r\n","import { makeStyles } from \"@material-ui/core/styles\";\r\nimport { styled } from '@mui/material/styles';\r\nimport { useState } from \"react\";\r\nimport Typography from '@mui/material/Typography';\r\nimport ListItemText from '@mui/material/ListItemText';\r\nimport Button from '@mui/material/Button';\r\nimport DownloadIcon from '@mui/icons-material/Download';\r\nimport LibraryMusicIcon from '@mui/icons-material/LibraryMusic';\r\nimport InsertDriveFileIcon from '@mui/icons-material/InsertDriveFile';\r\nimport ImageIcon from '@mui/icons-material/Image';\r\nimport ContentCopyIcon from '@mui/icons-material/ContentCopy';\r\nimport VideoLibraryIcon from '@mui/icons-material/VideoLibrary';\r\nimport DeleteOutlineIcon from '@mui/icons-material/DeleteOutline';\r\nimport Menu from '@mui/material/Menu';\r\nimport MenuItem from '@mui/material/MenuItem';\r\nimport Divider from '@mui/material/Divider';\r\nimport CheckBoxIcon from '@mui/icons-material/CheckBox';\r\nimport Checkbox from '@mui/material/Checkbox';\r\nimport PushPinIcon from '@mui/icons-material/PushPin';\r\nimport CloseIcon from '@mui/icons-material/Close';\r\nimport ReplyIcon from '@mui/icons-material/Reply';\r\nimport VisibilityIcon from '@mui/icons-material/Visibility';\r\nimport Avatar from '@mui/material/Avatar';\r\nimport { CopyToClipboard } from 'react-copy-to-clipboard';\r\nimport { removeMessageById,updateMessageById,pinMessageById } from \"../../../../../../api-data\";\r\nimport { firstLetter,slicedWord,timeStampMessage,copied,emojisArr,handleDownload,prodAwsS3 } 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 alignItems: 'flex-start',\r\n alignContent: 'flex-start',\r\n flexDirection:'column',\r\n borderRadius: 7,\r\n position: 'relative',\r\n padding:'4px 0px 4px 22px'\r\n }, \r\n wrapper: {\r\n position: 'relative',\r\n display: 'flex',\r\n alignItems: 'start',\r\n alignContent: 'start',\r\n flexDirection: 'column',\r\n maxWidth: 450,\r\n minWidth:200,\r\n padding: 5,\r\n borderRadius: 7,\r\n wordBreak:'break-word',\r\n textAlign: \"left\",\r\n font: \"400 .9em 'Open Sans', sans-serif\",\r\n },\r\n wrapperInner: {\r\n position: 'relative',\r\n display: 'flex',\r\n alignItems: 'center',\r\n alignContent: 'center',\r\n width: '100%',\r\n cursor: 'pointer',\r\n '&:hover': {\r\n backgroundColor: 'rgba(104, 105, 104, 0.2)'\r\n }\r\n },\r\n wrapperInnerMessage: {\r\n display: 'flex',\r\n alignItems: 'start',\r\n alignContent: 'start',\r\n flexDirection: 'column',\r\n marginLeft:20,\r\n }, \r\n informationWrapper: {\r\n display: 'flex',\r\n alignItems: 'center',\r\n alignContent: 'center',\r\n justifyContent: 'flex-end',\r\n width: '100%',\r\n paddingRight:3,\r\n },\r\n time: {\r\n fontSize: \".65em\",\r\n fontWeight:600,\r\n color: '#414141',\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 emojiTitle: {\r\n position: \"absolute\",\r\n fontSize: \"1.7em\",\r\n fontWeight:600,\r\n bottom: '0.2rem',\r\n right: -40,\r\n },\r\n emojiCompanionTitle: {\r\n position: \"absolute\",\r\n fontSize: \"1.7em\",\r\n fontWeight:600,\r\n bottom: '2.2rem',\r\n right: -40,\r\n }, \r\n emoji: {\r\n\t\tcursor: 'pointer',\r\n\t\tfontSize: '1.7rem',\r\n transition: 'all 0.3s',\r\n '&:hover': {\r\n transform: 'scale(1.5)'\r\n }\r\n },\r\n emojiActive: {\r\n cursor: 'pointer',\r\n fontSize: '1.2rem',\r\n animation: `$emoji 0.6s ease-out`,\r\n\t\tanimationDirection: 'forwards',\r\n\t\tanimationIterationCount: 1,\r\n }, \r\n '@keyframes emoji': {\r\n\t '5%': { transform: 'translateY(1rem)'},\r\n\t '10%': { transform: 'translateY(0) scale(1)',opacity: 1},\r\n\t '50%': { transform: 'translateY(-4rem) scale(1.5) rotateY(90deg)'},\r\n\t '80%': {opacity: 0},\r\n\t '100%': {transform: 'translateY(-8rem) scale(2) rotateY(180deg)',opacity: 0},\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 checkboxSelect: {\r\n position: 'absolute',\r\n left: -64,\r\n top: -10,\r\n pointerEvents: 'auto'\r\n },\r\n folderIcon: {\r\n color: '#26afee',\r\n },\r\n column: {\r\n position: 'absolute',\r\n content: '',\r\n width: 2,\r\n left:43,\r\n top:'10%',\r\n height:'80%',\r\n backgroundColor: '#26afee',\r\n },\r\n avatarIcon: {\r\n position: 'absolute',\r\n left: -54,\r\n bottom: 0,\r\n },\r\n tongueOne: {\r\n content: \"''\",\r\n position: \"absolute\",\r\n width: \"0\",\r\n height: \"0\",\r\n borderLeft: \"15px solid transparent\",\r\n borderRight: \"15px solid transparent\",\r\n bottom: '0px',\r\n left: \"-15px\",\r\n},\r\ntongueTwo: {\r\n content: \"''\",\r\n position: \"absolute\",\r\n width: \"0\",\r\n height: \"0\",\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\r\nconst label = { inputProps: { 'aria-label': 'Checkbox demo' } };\r\n\r\ninterface IMessageLeftForward {\r\n url: string,\r\n companionIdForwardToAndFrom: string,\r\n oldId: string,\r\n tongue: boolean,\r\n watched: boolean,\r\n edited: boolean,\r\n avatarUrl: string,\r\n color: string,\r\n message: string,\r\n name: string,\r\n lastName: string,\r\n forwardName:string,\r\n forwardLastName: string,\r\n forwardMessage: string,\r\n forwardCaption: string,\r\n createdAt: string,\r\n caption: string,\r\n emoji: string,\r\n emojiCompanion: string,\r\n pinned: boolean,\r\n isSomeSelected: boolean,\r\n isSelected:(_id:string) => boolean,\r\n handleSelected: (_id:string) => void, \r\n _id: string,\r\n nightMode: boolean,\r\n handleReply: (_id: string) => void,\r\n handleForward: (_id: string) => void,\r\n handleScrollToTheChat: (companionIdForwardToAndFrom:string,oldId:string) => void,\r\n fullType: string\r\n}\r\n\r\nconst MessageLeftForward = ({url,companionIdForwardToAndFrom,oldId,tongue,watched,edited,avatarUrl,color,message,name,lastName,forwardName,forwardLastName,forwardMessage,forwardCaption,createdAt,caption,emoji,emojiCompanion,pinned,isSomeSelected,isSelected,handleSelected,_id,nightMode,handleReply,handleForward,handleScrollToTheChat,fullType}:IMessageLeftForward) => {\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 checked = isSelected(_id)\r\n \r\n const handleClose = (type: string | undefined): void => {\r\n if (type === 'copy') copied('Text')\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 const handleEmojiMenu = ({ target }: any): void => {\r\n const idEmoji = target.id\r\n if (idEmoji === emoji) {updateMessageById(_id,'') \r\n } else updateMessageById(_id,idEmoji)\r\n }\r\n\r\n const handleClickIcon = () => handleDownload(url, fullType) \r\n \r\n return (\r\n <div className={classes.container} style={{marginBottom:tongue?12:0}}>\r\n <div onContextMenu={(e) => handleContextMenu(e)} className={classes.wrapper}\r\n style={{backgroundColor:selected?'#babdbc':'#ffffff',pointerEvents:isSomeSelected?'none':'auto'}}>\r\n <Typography style={{color: \"#00b333\"}} variant=\"h6\" align=\"right\">\r\n {`${firstLetter(name)}${slicedWord(name, 15, 1)} \r\n ${firstLetter(lastName)}${slicedWord(lastName, 15, 1)}`}\r\n </Typography>\r\n <div className={classes.wrapperInner}>\r\n {fullType === null &&<ContentCopyIcon className={classes.folderIcon} fontSize='large'/>}\r\n {fullType&&fullType.includes('audio') &&<LibraryMusicIcon className={classes.folderIcon} fontSize='large' />}\r\n {fullType&&fullType.includes('video') &&<VideoLibraryIcon className={classes.folderIcon} fontSize='large' />}\r\n {fullType&&fullType.includes('image') &&<ImageIcon className={classes.folderIcon} fontSize='large' />}\r\n {fullType && fullType.includes('application') && <InsertDriveFileIcon className={classes.folderIcon} fontSize='large' />}\r\n <div className={classes.column}></div>\r\n <div className={classes.wrapperInnerMessage} onClick={() => handleScrollToTheChat(companionIdForwardToAndFrom,oldId)}>\r\n <Typography style={{color: \"#26afee\"}} variant=\"h6\" align=\"right\">\r\n {`Forwarded from ${firstLetter(forwardName)}${slicedWord(forwardName, 15, 1)}\r\n ${firstLetter(forwardLastName)}${slicedWord(forwardLastName, 15, 1)}`}\r\n </Typography>\r\n <ListItemText primary={fullType === null?forwardMessage:fullType} primaryTypographyProps={{ color: \"#535353\" }} />\r\n <ListItemText secondary={forwardCaption} secondaryTypographyProps={{color: \"#535353\"}}/>\r\n </div>\r\n </div>\r\n <ListItemText primary={message} primaryTypographyProps={{ color: \"#000000\" }} />\r\n <ListItemText secondary={caption} secondaryTypographyProps={{color: \"#000000\"}}/>\r\n <div className={classes.informationWrapper}>\r\n <div className={classes.time} style={{ color: '#959595'}}>{`${edited?'edited ':''}${timeStampMessage(createdAt)}`}</div>\r\n {watched&&<VisibilityIcon style={{ color: '#959595', marginLeft: 5 }} fontSize='small' />}\r\n </div>\r\n {tongue&&<div className={classes.avatarIcon}>\r\n <Avatar alt={name} src={avatarUrl?`${prodAwsS3}/${avatarUrl}`:undefined}\r\n sx={{ background: color, width: 40, height: 40 }}>\r\n {!avatarUrl&&`${firstLetter(name)}${firstLetter(lastName)}`}\r\n </Avatar>\r\n </div>}\r\n {tongue&&<span className={classes.tongueOne} style={{borderBottom: `15px solid ${selected?'#babdbc' : \"#ffffff\"}`}}></span>}\r\n {tongue&&<span className={classes.tongueTwo} style={{borderBottom: `17px solid ${selected?'#babdbc' : \"#ffffff\"}`}}></span>}\r\n {emojiCompanion && <div className={classes.emojiCompanionTitle}>{emojisArr[Number(emojiCompanion)]}</div>}\r\n {emoji && <div className={classes.emojiTitle}>{emojisArr[Number(emoji)]}</div>}\r\n {isSomeSelected && <div className={classes.checkboxSelect}><Checkbox {...label} checked={checked} sx={{ color: nightMode ? '#ffffff' : '#00ff48', '&.Mui-checked': { color: nightMode ? '#ffffff' : '#00ff48' } }}\r\n onClick={() => handleSelected(_id)}/></div>}\r\n <StyledMenu id=\"demo-positioned-menu\" aria-labelledby=\"demo-positioned-button\"\r\n anchorEl={anchorEl} open={open} onClose={handleClose}>\r\n <MenuItem onClick={handleEmojiMenu} style={{ cursor: 'none' }} >\r\n {emojisArr.map((el:string, i:number) =>\r\n <div key={el} className={emoji === String(i)?classes.emojiActive:classes.emoji} id={String(i)}>{el}</div>)}\r\n </MenuItem>\r\n <Divider />\r\n <MenuItem onClick={() => {\r\n handleReply(_id)\r\n handleClose(undefined)\r\n }}>\r\n <ReplyIcon />\r\n Reply\r\n </MenuItem>\r\n <MenuItem onClick={() => {\r\n handleForward(_id)\r\n handleClose(undefined)\r\n }}>\r\n <ReplyIcon style={{transform :'rotateY(180deg)'}} />\r\n Forward\r\n </MenuItem> \r\n {fullType&&<MenuItem onClick={handleClickIcon}>\r\n <DownloadIcon/>\r\n Download\r\n </MenuItem>} \r\n <CopyToClipboard onCopy={() => handleClose('copy')} text={`${forwardMessage&&fullType === null ? forwardMessage : fullType} ${forwardCaption ? forwardCaption : ''} ${message ? message : ''} ${caption ? caption : ''}`}>\r\n <MenuItem>\r\n <ContentCopyIcon />\r\n Copy Text\r\n </MenuItem>\r\n </CopyToClipboard>\r\n <MenuItem onClick={() => {\r\n pinMessageById(_id, !pinned)\r\n handleClose(undefined)\r\n }}>\r\n {pinned ?\r\n <CloseIcon className={classes.iconClose} /> :\r\n <PushPinIcon />}\r\n {pinned?'Unpin':'Pin'}\r\n </MenuItem> \r\n <MenuItem onClick={() => {\r\n handleSelected(_id)\r\n handleClose(undefined)\r\n }}>\r\n <CheckBoxIcon />\r\n Select\r\n </MenuItem> \r\n <MenuItem style={{color:'#f02a2a'}} onClick={() => handleClose('delete')}>\r\n <DeleteOutlineIcon style={{color:'#f02a2a'}}/>\r\n Delete\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 MessageLeftForward\r\n","import { makeStyles } from \"@material-ui/core/styles\";\r\nimport { styled } from '@mui/material/styles';\r\nimport { useState, useRef } from \"react\";\r\nimport Typography from '@mui/material/Typography';\r\nimport DownloadForOfflineIcon from '@mui/icons-material/DownloadForOffline';\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 Divider from '@mui/material/Divider';\r\nimport CheckBoxIcon from '@mui/icons-material/CheckBox';\r\nimport Checkbox from '@mui/material/Checkbox';\r\nimport PushPinIcon from '@mui/icons-material/PushPin';\r\nimport ListItemText from '@mui/material/ListItemText';\r\nimport ListItemIcon from '@mui/material/ListItemIcon';\r\nimport ZoomOutIcon from '@mui/icons-material/ZoomOut';\r\nimport ZoomInIcon from '@mui/icons-material/ZoomIn';\r\nimport CloseIcon from '@mui/icons-material/Close';\r\nimport ReplyIcon from '@mui/icons-material/Reply';\r\nimport DownloadIcon from '@mui/icons-material/Download';\r\nimport VisibilityIcon from '@mui/icons-material/Visibility';\r\nimport Avatar from '@mui/material/Avatar';\r\nimport { CopyToClipboard } from 'react-copy-to-clipboard';\r\nimport { removeMessageById,updateMessageById,pinMessageById } from \"../../../../../../api-data\";\r\nimport { timeStampMessage, timeStampEU,handleDownload,copied,emojisArr,firstLetter, slicedWord,prodAwsS3 } 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 alignItems: 'flex-start',\r\n alignContent: 'flex-start',\r\n flexDirection:'column',\r\n borderRadius: 7,\r\n position: 'relative',\r\n padding:'4px 0px 4px 22px'\r\n },\r\n wrapper: {\r\n position: 'relative',\r\n display: 'flex',\r\n alignItems: 'start',\r\n alignContent: 'start',\r\n flexDirection: 'column',\r\n width: 400,\r\n borderRadius: 7,\r\n padding: 5,\r\n },\r\n informationWrapper: {\r\n display: 'flex',\r\n alignItems: 'center',\r\n alignContent: 'center',\r\n justifyContent: 'flex-end',\r\n width: '100%',\r\n paddingRight:3,\r\n },\r\n time: {\r\n fontSize: \".65em\",\r\n fontWeight:600,\r\n color: '#414141',\r\n }, \r\n image: {\r\n borderRadius: 7,\r\n width: '100%',\r\n maxHeight: 'auto',\r\n cursor: 'pointer',\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 minHeight: '100vh',\r\n zIndex: 100,\r\n backgroundColor: 'rgba(104, 105, 104, 0.6)',\r\n overflow: 'auto',\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 topBar: {\r\n position: 'fixed',\r\n top: 0,\r\n left: 0,\r\n height: '7vh',\r\n width: '100vw',\r\n display: 'flex',\r\n alignContent: 'center',\r\n alignItems: 'center',\r\n justifyContent: 'space-between',\r\n backgroundColor: 'rgba(65, 65, 65, 0.9)',\r\n zIndex: 10,\r\n padding: '0px 20px'\r\n },\r\n wrapperCredentials: {\r\n display: 'flex',\r\n alignContent: 'center',\r\n alignItems: 'center',\r\n }, \r\n wrapperIcons: {\r\n display: 'flex',\r\n alignContent: 'center',\r\n alignItems: 'center',\r\n }, \r\n magnifying : {\r\n marginLeft:5,\r\n cursor: 'pointer',\r\n color: '#e9e7e7',\r\n padding: 0,\r\n '&:hover': {\r\n color: '#ffffff',\r\n transform: 'scale(1.1)'\r\n }\r\n }, \r\n downloadIcon: {\r\n marginLeft:5,\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 iconCloseOverlay: {\r\n marginLeft:5,\r\n cursor: 'pointer',\r\n color: '#e9e7e7',\r\n padding: 0,\r\n '&:hover': {\r\n color: '#ffffff',\r\n transform: 'rotate(180deg)',\r\n transition: 'all 250ms ease-out ',\r\n }\r\n }, \r\n wrapperImage: {\r\n borderRadius: 5,\r\n maxWidth:500,\r\n maxHeight: 750,\r\n display: 'flex',\r\n overflow: 'auto'\r\n },\r\n innerImage: {\r\n objectFit: 'cover',\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 emojiTitle: {\r\n position: \"absolute\",\r\n fontSize: \"1.7em\",\r\n fontWeight:600,\r\n bottom: '0.2rem',\r\n right: -40,\r\n },\r\n emojiCompanionTitle: {\r\n position: \"absolute\",\r\n fontSize: \"1.7em\",\r\n fontWeight:600,\r\n bottom: '2.2rem',\r\n right: -40,\r\n }, \r\n emoji: {\r\n\t\tcursor: 'pointer',\r\n\t\tfontSize: '1.7rem',\r\n transition: 'all 0.3s',\r\n '&:hover': {\r\n transform: 'scale(1.5)'\r\n }\r\n },\r\n emojiActive: {\r\n cursor: 'pointer',\r\n fontSize: '1.2rem',\r\n animation: `$emoji 0.6s ease-out`,\r\n\t\tanimationDirection: 'forwards',\r\n\t\tanimationIterationCount: 1,\r\n }, \r\n '@keyframes emoji': {\r\n\t '5%': { transform: 'translateY(1rem)'},\r\n\t '10%': { transform: 'translateY(0) scale(1)',opacity: 1},\r\n\t '50%': { transform: 'translateY(-4rem) scale(1.5) rotateY(90deg)'},\r\n\t '80%': {opacity: 0},\r\n\t '100%': {transform: 'translateY(-8rem) scale(2) rotateY(180deg)',opacity: 0},\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 checkboxSelect: {\r\n position: 'absolute',\r\n left: -64,\r\n top: -10,\r\n pointerEvents: 'auto'\r\n },\r\n avatarIcon: {\r\n position: 'absolute',\r\n left: -54,\r\n bottom: 0,\r\n },\r\n tongueOne: {\r\n content: \"''\",\r\n position: \"absolute\",\r\n width: \"0\",\r\n height: \"0\",\r\n borderLeft: \"15px solid transparent\",\r\n borderRight: \"15px solid transparent\",\r\n bottom: '0px',\r\n left: \"-15px\",\r\n},\r\ntongueTwo: {\r\n content: \"''\",\r\n position: \"absolute\",\r\n width: \"0\",\r\n height: \"0\",\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\r\nconst label = { inputProps: { 'aria-label': 'Checkbox demo' } };\r\n\r\ninterface IMessagesLeftImage {\r\n url: string,\r\n tongue: boolean,\r\n watched: boolean,\r\n edited: boolean,\r\n avatarUrl: string,\r\n color: string,\r\n createdAt:string,\r\n fullType: string,\r\n caption: string,\r\n emoji: string,\r\n emojiCompanion: string,\r\n pinned: boolean,\r\n isSomeSelected: boolean,\r\n isSelected:(_id:string) => boolean,\r\n handleSelected: (_id:string) => void, \r\n _id: string,\r\n name: string,\r\n lastName: string,\r\n nightMode: boolean,\r\n handleReply: (_id: string) => void,\r\n handleForward: (_id: string) => void,\r\n}\r\n\r\nconst MessagesLeftImage = ({url,tongue,watched,edited,avatarUrl,color,createdAt,fullType,caption,emoji,emojiCompanion,pinned,isSomeSelected,isSelected,handleSelected,_id,name,lastName,nightMode,handleReply,handleForward}: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 [scale, setScale] = useState<number>(1)\r\n const refView = useRef<null | any>(null)\r\n const [modal,setModal] = useState<boolean>(false)\r\n const open = Boolean(anchorEl);\r\n const checked = isSelected(_id)\r\n const handleIncreaseScale = () => {\r\n if (scale < 5) {\r\n refView.current.style.transform = `scale(${scale+0.25},${scale+0.25})`\r\n refView.current.style.transformOrigin = `${50 / scale + 0.25}px ${50 / scale + 0.25}px`\r\n setScale(scale+0.25)\r\n }\r\n }\r\n const handleDecreaseScale = () => {\r\n if (scale >= 0.5) {\r\n refView.current.style.transform = `scale(${scale-0.25},${scale-0.25})`\r\n refView.current.style.transformOrigin = `${50/scale-0.25}px ${50/scale-0.25}px`\r\n setScale(scale-0.25)\r\n }\r\n } \r\n const handleOpenWatch = () => !watch&&setWatch(true)\r\n const handleCloseWatch = (e:any) => {\r\n const id = e.target.id\r\n if (id === 'overlay' || id === 'close') {\r\n setWatch(false)\r\n refView.current.style.transform = 'scale(1)'\r\n setScale(1)\r\n }\r\n } \r\n const handleClose = (type: string | undefined): void => {\r\n if (type === 'copy') copied('Text')\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 const handleEmojiMenu = ({ target }: any): void => {\r\n const idEmoji = target.id\r\n if (idEmoji === emoji) {updateMessageById(_id,'') \r\n } else updateMessageById(_id,idEmoji)\r\n } \r\n \r\n return (watch ?\r\n <div onClick={handleCloseWatch} id='overlay' className={classes.overlay}>\r\n <div className={classes.topBar}>\r\n <div className={classes.wrapperCredentials}>\r\n <ListItemIcon >\r\n <Avatar alt={name} src={url?url:undefined}\r\n sx={{ background: color, width: 44, height: 44 }}>\r\n {!url&&`${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 primaryTypographyProps={{ color: '#ffffff' }}\r\n secondary={timeStampEU(createdAt)} secondaryTypographyProps={{ color: '#ffffff' }} />\r\n </div>\r\n <div className={classes.wrapperIcons}>\r\n <ZoomOutIcon onClick={handleDecreaseScale}\r\n className={classes.magnifying} fontSize='large' />\r\n <ZoomInIcon onClick={handleIncreaseScale}\r\n className={classes.magnifying} fontSize='large' />\r\n <DownloadForOfflineIcon onClick={() => handleDownload(url, fullType)}\r\n className={classes.downloadIcon} fontSize='large' />\r\n <CloseIcon id='close' onClick={handleCloseWatch}\r\n className={classes.iconCloseOverlay} fontSize='large' />\r\n </div> \r\n </div>\r\n <div ref={refView} className={classes.wrapperImage}>\r\n <img className={classes.innerImage}\r\n width='100%' height='auto' alt='imageItem' src={url} />\r\n </div>\r\n </div> :\r\n <div className={classes.container} style={{marginBottom:tongue?12:0}}>\r\n <div onContextMenu={(e) => handleContextMenu(e)} className={classes.wrapper}\r\n style={{backgroundColor:selected?'#babdbc':'#ffffff',pointerEvents:isSomeSelected?'none':'auto'}}>\r\n <Typography style={{color: \"#00b333\",marginBottom:10}} variant=\"h6\" align=\"right\">\r\n {`${firstLetter(name)}${slicedWord(name, 15, 1)} \r\n ${firstLetter(lastName)}${slicedWord(lastName, 15, 1)}`}\r\n </Typography>\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 <ListItemText style={{wordBreak:'break-word'}} secondary={caption} secondaryTypographyProps={{color: \"#000000\"}}/>\r\n <div className={classes.informationWrapper}>\r\n <div className={classes.time} style={{ color: '#959595'}}>{`${edited?'edited ':''}${timeStampMessage(createdAt)}`}</div>\r\n {watched&&<VisibilityIcon style={{ color: '#959595', marginLeft: 5 }} fontSize='small' />}\r\n </div>\r\n {tongue&&<div className={classes.avatarIcon}>\r\n <Avatar alt={name} src={avatarUrl?`${prodAwsS3}/${avatarUrl}`:undefined}\r\n sx={{ background: color, width: 40, height: 40 }}>\r\n {!avatarUrl&&`${firstLetter(name)}${firstLetter(lastName)}`}\r\n </Avatar>\r\n </div>}\r\n {tongue&&<span className={classes.tongueOne} style={{borderBottom: `15px solid ${selected?'#babdbc' : \"#ffffff\"}`}}></span>}\r\n {tongue&&<span className={classes.tongueTwo} style={{borderBottom: `17px solid ${selected?'#babdbc' : \"#ffffff\"}`}}></span>}\r\n {emojiCompanion && <div className={classes.emojiCompanionTitle}>{emojisArr[Number(emojiCompanion)]}</div>}\r\n {emoji && <div className={classes.emojiTitle}>{emojisArr[Number(emoji)]}</div>}\r\n {isSomeSelected && <div className={classes.checkboxSelect}><Checkbox {...label} checked={checked} sx={{ color: nightMode ? '#ffffff' : '#00ff48', '&.Mui-checked': { color: nightMode ? '#ffffff' : '#00ff48' } }}\r\n onClick={() => handleSelected(_id)}/></div>}\r\n <StyledMenu id=\"demo-positioned-menu\" aria-labelledby=\"demo-positioned-button\"\r\n anchorEl={anchorEl} open={open} onClose={handleClose}>\r\n <MenuItem onClick={handleEmojiMenu} style={{ cursor: 'none' }} >\r\n {emojisArr.map((el:string, i:number) =>\r\n <div key={el} className={emoji === String(i)?classes.emojiActive:classes.emoji} id={String(i)}>{el}</div>)}\r\n </MenuItem>\r\n <Divider />\r\n <MenuItem onClick={() => {\r\n handleReply(_id)\r\n handleClose(undefined)\r\n }}>\r\n <ReplyIcon />\r\n Reply\r\n </MenuItem>\r\n <MenuItem onClick={() => {\r\n handleForward(_id)\r\n handleClose(undefined)\r\n }}>\r\n <ReplyIcon style={{transform :'rotateY(180deg)'}} />\r\n Forward\r\n </MenuItem> \r\n <MenuItem onClick={() => handleDownload(url, fullType)}>\r\n <DownloadIcon/>\r\n Download\r\n </MenuItem> \r\n {caption&&<CopyToClipboard onCopy={() => handleClose('copy')} text={caption}>\r\n <MenuItem>\r\n <ContentCopyIcon />\r\n Copy Text\r\n </MenuItem>\r\n </CopyToClipboard>}\r\n <MenuItem onClick={() => {\r\n pinMessageById(_id, !pinned)\r\n handleClose(undefined)\r\n }}>\r\n {pinned ?\r\n <CloseIcon className={classes.iconClose} /> :\r\n <PushPinIcon />}\r\n {pinned?'Unpin':'Pin'}\r\n </MenuItem> \r\n <MenuItem onClick={() => {\r\n handleSelected(_id)\r\n handleClose(undefined)\r\n }}>\r\n <CheckBoxIcon />\r\n Select\r\n </MenuItem> \r\n <MenuItem style={{color:'#f02a2a'}} onClick={() => handleClose('delete')}>\r\n <DeleteOutlineIcon style={{color:'#f02a2a'}}/>\r\n Delete\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 ListItemText from '@mui/material/ListItemText';\r\nimport Typography from '@mui/material/Typography';\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 Divider from '@mui/material/Divider';\r\nimport CheckBoxIcon from '@mui/icons-material/CheckBox';\r\nimport Checkbox from '@mui/material/Checkbox';\r\nimport PushPinIcon from '@mui/icons-material/PushPin';\r\nimport CloseIcon from '@mui/icons-material/Close';\r\nimport ReplyIcon from '@mui/icons-material/Reply';\r\nimport DownloadIcon from '@mui/icons-material/Download';\r\nimport VisibilityIcon from '@mui/icons-material/Visibility';\r\nimport Avatar from '@mui/material/Avatar';\r\nimport { CopyToClipboard } from 'react-copy-to-clipboard';\r\n\r\nimport { removeMessageById,updateMessageById,pinMessageById } from \"../../../../../../api-data\";\r\nimport { prodAwsS3,timeStampMessage,handleDownload,copied,emojisArr,slicedWord,firstLetter } 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 alignItems: 'flex-start',\r\n alignContent: 'flex-start',\r\n flexDirection:'column',\r\n borderRadius: 7,\r\n position: 'relative',\r\n padding:'4px 0px 4px 22px'\r\n }, \r\n wrapper: {\r\n position: 'relative',\r\n display: 'flex',\r\n alignItems: 'start',\r\n alignContent: 'start',\r\n flexDirection: 'column',\r\n padding: 5,\r\n width:350,\r\n borderRadius: 7,\r\n },\r\n informationWrapper: {\r\n display: 'flex',\r\n alignItems: 'center',\r\n alignContent: 'center',\r\n justifyContent: 'flex-end',\r\n width: '100%',\r\n paddingRight:3,\r\n },\r\n time: {\r\n fontSize: \".65em\",\r\n fontWeight:600,\r\n color: '#414141',\r\n }, \r\n player: {\r\n borderRadius: 7,\r\n width:'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 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 emojiTitle: {\r\n position: \"absolute\",\r\n fontSize: \"1.7em\",\r\n fontWeight:600,\r\n bottom: '0.2rem',\r\n right: -40,\r\n },\r\n emojiCompanionTitle: {\r\n position: \"absolute\",\r\n fontSize: \"1.7em\",\r\n fontWeight:600,\r\n bottom: '2.2rem',\r\n right: -40,\r\n }, \r\n emoji: {\r\n\t\tcursor: 'pointer',\r\n\t\tfontSize: '1.7rem',\r\n transition: 'all 0.3s',\r\n '&:hover': {\r\n transform: 'scale(1.5)'\r\n }\r\n },\r\n emojiActive: {\r\n cursor: 'pointer',\r\n fontSize: '1.2rem',\r\n animation: `$emoji 0.6s ease-out`,\r\n\t\tanimationDirection: 'forwards',\r\n\t\tanimationIterationCount: 1,\r\n }, \r\n '@keyframes emoji': {\r\n\t '5%': { transform: 'translateY(1rem)'},\r\n\t '10%': { transform: 'translateY(0) scale(1)',opacity: 1},\r\n\t '50%': { transform: 'translateY(-4rem) scale(1.5) rotateY(90deg)'},\r\n\t '80%': {opacity: 0},\r\n\t '100%': {transform: 'translateY(-8rem) scale(2) rotateY(180deg)',opacity: 0},\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 checkboxSelect: {\r\n position: 'absolute',\r\n left: -64,\r\n top: -10,\r\n pointerEvents: 'auto'\r\n },\r\n avatarIcon: {\r\n position: 'absolute',\r\n left: -54,\r\n bottom: 10,\r\n },\r\n tongueOne: {\r\n content: \"''\",\r\n position: \"absolute\",\r\n width: \"0\",\r\n height: \"0\",\r\n borderLeft: \"15px solid transparent\",\r\n borderRight: \"15px solid transparent\",\r\n bottom: '0px',\r\n left: \"-15px\",\r\n},\r\ntongueTwo: {\r\n content: \"''\",\r\n position: \"absolute\",\r\n width: \"0\",\r\n height: \"0\",\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\r\nconst label = { inputProps: { 'aria-label': 'Checkbox demo' } };\r\n\r\ninterface IMessageLeftAudio {\r\n url: string,\r\n tongue: boolean,\r\n watched: boolean,\r\n edited: boolean,\r\n avatarUrl: string,\r\n color: string,\r\n name: string,\r\n lastName: string,\r\n createdAt: string,\r\n fullType: string,\r\n caption: string,\r\n emoji: string,\r\n emojiCompanion: string,\r\n pinned: boolean,\r\n isSomeSelected: boolean,\r\n isSelected:(_id:string) => boolean,\r\n handleSelected: (_id:string) => void, \r\n _id: string,\r\n nightMode: boolean,\r\n handleReply: (_id: string) => void,\r\n handleForward: (_id: string) => void,\r\n}\r\n\r\nconst MessageLeftAudio = ({ url,tongue,watched,edited,avatarUrl,color,name,lastName,createdAt,fullType,caption,emoji,emojiCompanion,pinned,isSomeSelected,isSelected,handleSelected,_id,nightMode,handleReply,handleForward }: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 checked = isSelected(_id)\r\n const handleClose = (type: string | undefined): void => {\r\n if (type === 'copy') copied('Text')\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 const handleEmojiMenu = ({ target }: any): void => {\r\n const idEmoji = target.id\r\n if (idEmoji === emoji) {\r\n updateMessageById(_id, '')\r\n } else updateMessageById(_id,idEmoji)\r\n } \r\n\r\n return (\r\n <div className={classes.container} style={{marginBottom:tongue?12:0}}>\r\n <div onContextMenu={(e) => handleContextMenu(e)}\r\n className={classes.wrapper} style={{backgroundColor: selected ? '#babdbc' : \"#ffffff\",pointerEvents: isSomeSelected ? 'none' : 'auto'}}>\r\n <Typography style={{color: \"#00b333\",marginBottom:10}} variant=\"h6\" align=\"right\">\r\n {`${firstLetter(name)}${slicedWord(name, 15, 1)} \r\n ${firstLetter(lastName)}${slicedWord(lastName, 15, 1)}`}\r\n </Typography>\r\n <ReactAudioPlayer className={classes.player} src={url} controls />\r\n <ListItemText style={{wordBreak:'break-word'}} secondary={caption} secondaryTypographyProps={{color: \"#000000\"}}/>\r\n <div className={classes.informationWrapper}>\r\n <div className={classes.time} style={{ color: '#959595'}}>{`${edited?'edited ':''}${timeStampMessage(createdAt)}`}</div>\r\n {watched&&<VisibilityIcon style={{ color: '#959595', marginLeft: 5 }} fontSize='small' />}\r\n </div>\r\n {tongue&&<div className={classes.avatarIcon}>\r\n <Avatar alt={name} src={avatarUrl?`${prodAwsS3}/${avatarUrl}`:undefined}\r\n sx={{ background: color, width: 40, height: 40 }}>\r\n {!avatarUrl&&`${firstLetter(name)}${firstLetter(lastName)}`}\r\n </Avatar>\r\n </div>}\r\n {tongue&&<span className={classes.tongueOne} style={{borderBottom: `15px solid ${selected?'#babdbc' : \"#ffffff\"}`}}></span>}\r\n {tongue&&<span className={classes.tongueTwo} style={{borderBottom: `17px solid ${selected?'#babdbc' : \"#ffffff\"}`}}></span>}\r\n {emojiCompanion && <div className={classes.emojiCompanionTitle}>{emojisArr[Number(emojiCompanion)]}</div>}\r\n {emoji && <div className={classes.emojiTitle}>{emojisArr[Number(emoji)]}</div>}\r\n {isSomeSelected && <div className={classes.checkboxSelect}><Checkbox {...label} checked={checked} sx={{ color: nightMode ? '#ffffff' : '#00ff48', '&.Mui-checked': { color: nightMode ? '#ffffff' : '#00ff48' } }}\r\n onClick={() => handleSelected(_id)}/></div>}\r\n <StyledMenu id=\"demo-positioned-menu\" aria-labelledby=\"demo-positioned-button\"\r\n anchorEl={anchorEl} open={open} onClose={handleClose}>\r\n <MenuItem onClick={handleEmojiMenu} style={{ cursor: 'none' }} >\r\n {emojisArr.map((el:string, i:number) =>\r\n <div key={el} className={emoji === String(i)?classes.emojiActive:classes.emoji} id={String(i)}>{el}</div>)}\r\n </MenuItem>\r\n <Divider />\r\n <MenuItem onClick={() => {\r\n handleReply(_id)\r\n handleClose(undefined)\r\n }}>\r\n <ReplyIcon />\r\n Reply\r\n </MenuItem>\r\n <MenuItem onClick={() => {\r\n handleForward(_id)\r\n handleClose(undefined)\r\n }}>\r\n <ReplyIcon style={{transform :'rotateY(180deg)'}} />\r\n Forward\r\n </MenuItem> \r\n <MenuItem onClick={() => handleDownload(url, fullType)}>\r\n <DownloadIcon/>\r\n Download\r\n </MenuItem> \r\n {caption&&<CopyToClipboard onCopy={() => handleClose('copy')} text={caption}>\r\n <MenuItem>\r\n <ContentCopyIcon />\r\n Copy Text\r\n </MenuItem>\r\n </CopyToClipboard>}\r\n <MenuItem onClick={() => {\r\n pinMessageById(_id, !pinned)\r\n handleClose(undefined)\r\n }}>\r\n {pinned ?\r\n <CloseIcon className={classes.iconClose} /> :\r\n <PushPinIcon />}\r\n {pinned?'Unpin':'Pin'}\r\n </MenuItem> \r\n <MenuItem onClick={() => {\r\n handleSelected(_id)\r\n handleClose(undefined)\r\n }}>\r\n <CheckBoxIcon />\r\n Select\r\n </MenuItem> \r\n <MenuItem style={{color:'#f02a2a'}} onClick={() => handleClose('delete')}>\r\n <DeleteOutlineIcon style={{color:'#f02a2a'}}/>\r\n Delete\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 Typography from '@mui/material/Typography';\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 Divider from '@mui/material/Divider';\r\nimport CheckBoxIcon from '@mui/icons-material/CheckBox';\r\nimport Checkbox from '@mui/material/Checkbox';\r\nimport PushPinIcon from '@mui/icons-material/PushPin';\r\nimport CloseIcon from '@mui/icons-material/Close';\r\nimport ReplyIcon from '@mui/icons-material/Reply';\r\nimport DownloadIcon from '@mui/icons-material/Download';\r\nimport VisibilityIcon from '@mui/icons-material/Visibility';\r\nimport Avatar from '@mui/material/Avatar';\r\nimport { CopyToClipboard } from 'react-copy-to-clipboard';\r\nimport { removeMessageById,updateMessageById,pinMessageById } from \"../../../../../../api-data\";\r\nimport { prodAwsS3,timeStampMessage,handleDownload,copied,emojisArr,slicedWord,firstLetter } 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 alignItems: 'flex-start',\r\n alignContent: 'flex-start',\r\n flexDirection:'column',\r\n borderRadius: 7,\r\n position: 'relative',\r\n padding:'4px 0px 4px 22px'\r\n }, \r\n wrapper: {\r\n position: 'relative',\r\n display: 'flex',\r\n alignItems: 'start',\r\n alignContent: 'start',\r\n flexDirection: 'column',\r\n width: 400,\r\n padding: 5,\r\n borderRadius: 7,\r\n },\r\n informationWrapper: {\r\n display: 'flex',\r\n alignItems: 'center',\r\n alignContent: 'center',\r\n justifyContent: 'flex-end',\r\n width: '100%',\r\n paddingRight:3,\r\n },\r\n time: {\r\n fontSize: \".65em\",\r\n fontWeight:600,\r\n color: '#414141',\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 player: {\r\n backgroundColor: '#ffffff',\r\n width: '100%',\r\n },\r\n playerActive: {\r\n backgroundColor: '#babdbc',\r\n width: '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 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 emojiTitle: {\r\n position: \"absolute\",\r\n fontSize: \"1.7em\",\r\n fontWeight:600,\r\n bottom: '0.2rem',\r\n right: -40,\r\n },\r\n emojiCompanionTitle: {\r\n position: \"absolute\",\r\n fontSize: \"1.7em\",\r\n fontWeight:600,\r\n bottom: '2.2rem',\r\n right: -40,\r\n }, \r\n emoji: {\r\n\t\tcursor: 'pointer',\r\n\t\tfontSize: '1.7rem',\r\n transition: 'all 0.3s',\r\n '&:hover': {\r\n transform: 'scale(1.5)'\r\n }\r\n },\r\n emojiActive: {\r\n cursor: 'pointer',\r\n fontSize: '1.2rem',\r\n animation: `$emoji 0.6s ease-out`,\r\n\t\tanimationDirection: 'forwards',\r\n\t\tanimationIterationCount: 1,\r\n }, \r\n '@keyframes emoji': {\r\n\t '5%': { transform: 'translateY(1rem)'},\r\n\t '10%': { transform: 'translateY(0) scale(1)',opacity: 1},\r\n\t '50%': { transform: 'translateY(-4rem) scale(1.5) rotateY(90deg)'},\r\n\t '80%': {opacity: 0},\r\n\t '100%': {transform: 'translateY(-8rem) scale(2) rotateY(180deg)',opacity: 0},\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 checkboxSelect: {\r\n position: 'absolute',\r\n left: -64,\r\n top: -10,\r\n pointerEvents: 'auto'\r\n },\r\n avatarIcon: {\r\n position: 'absolute',\r\n left: -54,\r\n bottom: 0,\r\n },\r\n tongueOne: {\r\n content: \"''\",\r\n position: \"absolute\",\r\n width: \"0\",\r\n height: \"0\",\r\n borderLeft: \"15px solid transparent\",\r\n borderRight: \"15px solid transparent\",\r\n bottom: '0px',\r\n left: \"-15px\",\r\n},\r\ntongueTwo: {\r\n content: \"''\",\r\n position: \"absolute\",\r\n width: \"0\",\r\n height: \"0\",\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\r\nconst label = { inputProps: { 'aria-label': 'Checkbox demo' } };\r\n\r\ninterface IMessageLeftVideo {\r\n url: string,\r\n tongue: boolean,\r\n watched: boolean,\r\n edited: boolean,\r\n avatarUrl: string,\r\n color: string,\r\n name: string,\r\n lastName: string,\r\n createdAt: string,\r\n fullType: string,\r\n caption: string,\r\n emoji: string,\r\n emojiCompanion: string,\r\n pinned: boolean,\r\n isSomeSelected: boolean,\r\n isSelected:(_id:string) => boolean,\r\n handleSelected: (_id:string) => void, \r\n _id: string,\r\n nightMode: boolean,\r\n handleReply: (_id: string) => void,\r\n handleForward: (_id: string) => void,\r\n}\r\n\r\nconst MessageLeftVideo = ({ url,tongue,watched,edited,avatarUrl,color,name,lastName,createdAt,fullType,caption,emoji,emojiCompanion,pinned,isSomeSelected,isSelected,handleSelected,_id,nightMode,handleReply,handleForward }: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 const checked = isSelected(_id)\r\n const handleClose = (type: string | undefined): void => {\r\n if (type === 'copy') copied('Text')\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 const handleEmojiMenu = ({ target }: any): void => {\r\n const idEmoji = target.id\r\n if (idEmoji === emoji) {updateMessageById(_id,'') \r\n } else updateMessageById(_id,idEmoji)\r\n } \r\n\r\n return (\r\n <div className={classes.container} style={{marginBottom:tongue?12:0}}>\r\n <div onContextMenu={(e) => handleContextMenu(e)} className={classes.wrapper}\r\n style={{backgroundColor:selected?'#babdbc':'#ffffff',pointerEvents:isSomeSelected?'none':'auto'}}>\r\n <Typography style={{color: \"#00b333\",marginBottom:10}} variant=\"h6\" align=\"right\">\r\n {`${firstLetter(name)}${slicedWord(name, 15, 1)} \r\n ${firstLetter(lastName)}${slicedWord(lastName, 15, 1)}`}\r\n </Typography>\r\n <Player className={selected?classes.playerActive:classes.player} playsInline src={url}/>\r\n <ListItemText style={{wordBreak:'break-word'}} secondary={caption} secondaryTypographyProps={{color: \"#000000\"}}/>\r\n <div className={classes.informationWrapper}>\r\n <div className={classes.time} style={{ color: '#959595'}}>{`${edited?'edited ':''}${timeStampMessage(createdAt)}`}</div>\r\n {watched&&<VisibilityIcon style={{ color: '#959595', marginLeft: 5 }} fontSize='small' />}\r\n </div>\r\n {tongue&&<div className={classes.avatarIcon}>\r\n <Avatar alt={name} src={avatarUrl?`${prodAwsS3}/${avatarUrl}`:undefined}\r\n sx={{ background: color, width: 40, height: 40 }}>\r\n {!avatarUrl&&`${firstLetter(name)}${firstLetter(lastName)}`}\r\n </Avatar>\r\n </div>}\r\n {tongue&&<span className={classes.tongueOne} style={{borderBottom: `15px solid ${selected?'#babdbc' : \"#ffffff\"}`}}></span>}\r\n {tongue&&<span className={classes.tongueTwo} style={{borderBottom: `17px solid ${selected?'#babdbc' : \"#ffffff\"}`}}></span>}\r\n {emojiCompanion && <div className={classes.emojiCompanionTitle}>{emojisArr[Number(emojiCompanion)]}</div>}\r\n {emoji && <div className={classes.emojiTitle}>{emojisArr[Number(emoji)]}</div>}\r\n {isSomeSelected && <div className={classes.checkboxSelect}><Checkbox {...label} checked={checked} sx={{ color: nightMode ? '#ffffff' : '#00ff48', '&.Mui-checked': { color: nightMode ? '#ffffff' : '#00ff48' } }}\r\n onClick={() => handleSelected(_id)}/></div>}\r\n <StyledMenu id=\"demo-positioned-menu\" aria-labelledby=\"demo-positioned-button\"\r\n anchorEl={anchorEl} open={open} onClose={handleClose}>\r\n <MenuItem onClick={handleEmojiMenu} style={{ cursor: 'none' }} >\r\n {emojisArr.map((el:string, i:number) =>\r\n <div key={el} className={emoji === String(i)?classes.emojiActive:classes.emoji} id={String(i)}>{el}</div>)}\r\n </MenuItem>\r\n <Divider />\r\n <MenuItem onClick={() => {\r\n handleReply(_id)\r\n handleClose(undefined)\r\n }}>\r\n <ReplyIcon />\r\n Reply\r\n </MenuItem>\r\n <MenuItem onClick={() => {\r\n handleForward(_id)\r\n handleClose(undefined)\r\n }}>\r\n <ReplyIcon style={{transform :'rotateY(180deg)'}} />\r\n Forward\r\n </MenuItem> \r\n <MenuItem onClick={() => handleDownload(url, fullType)}>\r\n <DownloadIcon/>\r\n Download\r\n </MenuItem> \r\n {caption&&<CopyToClipboard onCopy={() => handleClose('copy')} text={caption}>\r\n <MenuItem>\r\n <ContentCopyIcon />\r\n Copy Text\r\n </MenuItem>\r\n </CopyToClipboard>}\r\n <MenuItem onClick={() => {\r\n pinMessageById(_id, !pinned)\r\n handleClose(undefined)\r\n }}>\r\n {pinned ?\r\n <CloseIcon className={classes.iconClose} /> :\r\n <PushPinIcon />}\r\n {pinned?'Unpin':'Pin'}\r\n </MenuItem> \r\n <MenuItem onClick={() => {\r\n handleSelected(_id)\r\n handleClose(undefined)\r\n }}>\r\n <CheckBoxIcon />\r\n Select\r\n </MenuItem> \r\n <MenuItem style={{color:'#f02a2a'}} onClick={() => handleClose('delete')}>\r\n <DeleteOutlineIcon style={{color:'#f02a2a'}}/>\r\n Delete\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, useRef } from \"react\";\r\nimport Typography from '@mui/material/Typography';\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 Divider from '@mui/material/Divider';\r\nimport CheckBoxIcon from '@mui/icons-material/CheckBox';\r\nimport Checkbox from '@mui/material/Checkbox';\r\nimport PushPinIcon from '@mui/icons-material/PushPin';\r\nimport CloseIcon from '@mui/icons-material/Close';\r\nimport ZoomOutIcon from '@mui/icons-material/ZoomOut';\r\nimport ZoomInIcon from '@mui/icons-material/ZoomIn';\r\nimport ReplyIcon from '@mui/icons-material/Reply';\r\nimport Avatar from '@mui/material/Avatar';\r\nimport DownloadIcon from '@mui/icons-material/Download';\r\nimport VisibilityIcon from '@mui/icons-material/Visibility';\r\nimport { CopyToClipboard } from 'react-copy-to-clipboard';\r\nimport { removeMessageById,updateMessageById,pinMessageById } from \"../../../../../../api-data\";\r\nimport { timeStampMessage,copied,emojisArr,slicedWord,firstLetter,handleDownload,prodAwsS3 } 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 alignItems: 'flex-start',\r\n alignContent: 'flex-start',\r\n flexDirection:'column',\r\n borderRadius: 7,\r\n padding:'4px 0px 4px 22px'\r\n }, \r\n wrapper: {\r\n position: 'relative',\r\n display: 'flex',\r\n alignItems: 'start',\r\n alignContent: 'start',\r\n flexDirection: 'column',\r\n maxWidth: 450,\r\n minWidth:300,\r\n padding: 5,\r\n borderRadius: 7, \r\n },\r\n informationWrapper: {\r\n display: 'flex',\r\n alignItems: 'center',\r\n alignContent: 'center',\r\n justifyContent: 'flex-end',\r\n width: '100%',\r\n paddingRight:3,\r\n },\r\n time: {\r\n fontSize: \".65em\",\r\n fontWeight:600,\r\n color: '#414141',\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: 'auto',\r\n zIndex: 100,\r\n overflow: 'auto',\r\n },\r\n wrapperIcons: {\r\n position: 'absolute',\r\n top: 14,\r\n right: 40,\r\n display: 'flex',\r\n alignContent: 'center',\r\n alignItems: 'center',\r\n padding: '2px 10px',\r\n borderRadius: 10,\r\n backgroundColor: 'rgba(65, 65, 65, 0.9)',\r\n zIndex:150\r\n }, \r\n magnifying : {\r\n cursor: 'pointer',\r\n color: '#e9e7e7',\r\n padding: 0,\r\n marginRight:10,\r\n '&:hover': {\r\n color: '#ffffff',\r\n transform: 'scale(1.1)'\r\n }\r\n },\r\n iconCloseOverlay: {\r\n marginLeft:5,\r\n cursor: 'pointer',\r\n color: '#e9e7e7',\r\n padding: 0,\r\n '&:hover': {\r\n color: '#ffffff',\r\n transform: 'rotate(180deg)',\r\n transition: 'all 250ms ease-out ',\r\n }\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 emojiTitle: {\r\n position: \"absolute\",\r\n fontSize: \"1.7em\",\r\n fontWeight:600,\r\n bottom: '0.2rem',\r\n right: -40,\r\n },\r\n emojiCompanionTitle: {\r\n position: \"absolute\",\r\n fontSize: \"1.7em\",\r\n fontWeight:600,\r\n bottom: '2.2rem',\r\n right: -40,\r\n }, \r\n emoji: {\r\n\t\tcursor: 'pointer',\r\n\t\tfontSize: '1.7rem',\r\n transition: 'all 0.3s',\r\n '&:hover': {\r\n transform: 'scale(1.5)'\r\n }\r\n },\r\n emojiActive: {\r\n cursor: 'pointer',\r\n fontSize: '1.2rem',\r\n animation: `$emoji 0.6s ease-out`,\r\n\t\tanimationDirection: 'forwards',\r\n\t\tanimationIterationCount: 1,\r\n }, \r\n '@keyframes emoji': {\r\n\t '5%': { transform: 'translateY(1rem)'},\r\n\t '10%': { transform: 'translateY(0) scale(1)',opacity: 1},\r\n\t '50%': { transform: 'translateY(-4rem) scale(1.5) rotateY(90deg)'},\r\n\t '80%': {opacity: 0},\r\n\t '100%': {transform: 'translateY(-8rem) scale(2) rotateY(180deg)',opacity: 0},\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 checkboxSelect: {\r\n position: 'absolute',\r\n left: -64,\r\n top: -10,\r\n pointerEvents: 'auto'\r\n },\r\n folderIcon: {\r\n marginRight: 7,\r\n color: '#54b0fc',\r\n cursor: 'pointer',\r\n '&:hover': {\r\n color: '#016cc3'\r\n },\r\n },\r\n avatarIcon: {\r\n position: 'absolute',\r\n left: -54,\r\n bottom: 0,\r\n },\r\n tongueOne: {\r\n content: \"''\",\r\n position: \"absolute\",\r\n width: \"0\",\r\n height: \"0\",\r\n borderLeft: \"15px solid transparent\",\r\n borderRight: \"15px solid transparent\",\r\n bottom: '0px',\r\n left: \"-15px\",\r\n},\r\ntongueTwo: {\r\n content: \"''\",\r\n position: \"absolute\",\r\n width: \"0\",\r\n height: \"0\",\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\r\nconst label = { inputProps: { 'aria-label': 'Checkbox demo' } };\r\n\r\ninterface IMessageLeftFile {\r\n url: string,\r\n tongue: boolean,\r\n watched: boolean,\r\n edited: boolean,\r\n avatarUrl: string,\r\n color: string,\r\n name: string,\r\n lastName: string,\r\n createdAt: string,\r\n type: string,\r\n caption: string,\r\n emoji: string,\r\n emojiCompanion: string,\r\n pinned: boolean,\r\n isSomeSelected: boolean,\r\n isSelected:(_id:string) => boolean,\r\n handleSelected: (_id:string) => void, \r\n _id: string,\r\n nightMode: boolean,\r\n handleReply: (_id: string) => void,\r\n handleForward: (_id: string) => void,\r\n}\r\n\r\nconst MessageLeftFile = ({ url,tongue,watched,edited,avatarUrl,color,name,lastName,createdAt,type,caption,emoji,emojiCompanion,pinned,isSomeSelected,isSelected,handleSelected,_id,nightMode,handleReply,handleForward }: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 [scale, setScale] = useState<number>(1)\r\n const [modal, setModal] = useState<boolean>(false)\r\n const refView = useRef<null | any>(null)\r\n const open = Boolean(anchorEl);\r\n const checked = isSelected(_id)\r\n const handleIncreaseScale = () => {\r\n if (scale < 5) {\r\n refView.current.style.transform = `scale(${scale+0.25},${scale+0.25})`\r\n refView.current.style.transformOrigin = `${50 / scale + 0.25}px ${50 / scale + 0.25}px`\r\n setScale(scale+0.25)\r\n }\r\n }\r\n const handleDecreaseScale = () => {\r\n if (scale >= 0.5) {\r\n refView.current.style.transform = `scale(${scale-0.25},${scale-0.25})`\r\n refView.current.style.transformOrigin = `${50/scale-0.25}px ${50/scale-0.25}px`\r\n setScale(scale-0.25)\r\n }\r\n } \r\n const handleOpenRead = () => !read&&setRead(true)\r\n const handleDownloadFile = (e: any) => {\r\n e.stopPropagation()\r\n handleDownload(url, type)\r\n }\r\n const handleCloseRead = (e:any) => {\r\n const id = e.target.id\r\n if (id === 'overlay' || id === 'close') {\r\n setRead(false)\r\n setScale(1)\r\n }\r\n }\r\n const handleClose = (type: string | undefined): void => {\r\n if (type === 'copy') copied('Text')\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 const handleEmojiMenu = ({ target }: any): void => {\r\n const idEmoji = target.id\r\n if (idEmoji === emoji) {updateMessageById(_id,'') \r\n } else updateMessageById(_id,idEmoji)\r\n } \r\n\r\n return (\r\n <div className={classes.container} style={{marginBottom:tongue?12:0}}>\r\n {read && <div className={classes.wrapperIcons}>\r\n <ZoomOutIcon onClick={handleDecreaseScale} className={classes.magnifying} fontSize='large' />\r\n <ZoomInIcon onClick={handleIncreaseScale} className={classes.magnifying} fontSize='large' />\r\n <CloseIcon id='close' onClick={handleCloseRead} className={classes.iconCloseOverlay} fontSize='large' />\r\n </div>} \r\n {read && <div className={classes.overlay} id='overlay'\r\n onClick={handleCloseRead}>\r\n <div ref={refView}>\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>}\r\n <div onContextMenu={(e) => handleContextMenu(e)} className={classes.wrapper}\r\n style={{backgroundColor:selected?'#babdbc':\"#ffffff\",pointerEvents:isSomeSelected?'none':'auto'}}>\r\n <Typography style={{color: \"#00b333\",marginBottom:10}} variant=\"h6\" align=\"right\">\r\n {`${firstLetter(name)}${slicedWord(name, 15, 1)} \r\n ${firstLetter(lastName)}${slicedWord(lastName, 15, 1)}`}\r\n </Typography>\r\n {!read &&<Button fullWidth onClick={handleOpenRead} variant=\"contained\" color='warning' style={{fontWeight:500,fontSize:18}}>\r\n Read File\r\n </Button>}\r\n <ListItemText style={{wordBreak:'break-word'}} secondary={caption} secondaryTypographyProps={{color: \"#000000\"}}/>\r\n <div className={classes.informationWrapper}>\r\n <div className={classes.time} style={{ color: '#959595'}}>{`${edited?'edited ':''}${timeStampMessage(createdAt)}`}</div>\r\n {watched&&<VisibilityIcon style={{ color: '#959595', marginLeft: 5 }} fontSize='small' />}\r\n </div>\r\n {tongue&&<div className={classes.avatarIcon}>\r\n <Avatar alt={name} src={avatarUrl?`${prodAwsS3}/${avatarUrl}`:undefined}\r\n sx={{ background: color, width: 40, height: 40 }}>\r\n {!avatarUrl&&`${firstLetter(name)}${firstLetter(lastName)}`}\r\n </Avatar>\r\n </div>}\r\n {tongue&&<span className={classes.tongueOne} style={{borderBottom: `15px solid ${selected?'#babdbc' : \"#ffffff\"}`}}></span>}\r\n {tongue&&<span className={classes.tongueTwo} style={{borderBottom: `17px solid ${selected?'#babdbc' : \"#ffffff\"}`}}></span>}\r\n {emojiCompanion && <div className={classes.emojiCompanionTitle}>{emojisArr[Number(emojiCompanion)]}</div>}\r\n {emoji && <div className={classes.emojiTitle}>{emojisArr[Number(emoji)]}</div>}\r\n {isSomeSelected && <div className={classes.checkboxSelect}><Checkbox {...label} checked={checked} sx={{ color: nightMode ? '#ffffff' : '#00ff48', '&.Mui-checked': { color: nightMode ? '#ffffff' : '#00ff48' } }}\r\n onClick={() => handleSelected(_id)}/></div>}\r\n <StyledMenu id=\"demo-positioned-menu\" aria-labelledby=\"demo-positioned-button\"\r\n anchorEl={anchorEl} open={open} onClose={handleClose}>\r\n <MenuItem onClick={handleEmojiMenu} style={{ cursor: 'none' }} >\r\n {emojisArr.map((el:string, i:number) =>\r\n <div key={el} className={emoji === String(i)?classes.emojiActive:classes.emoji} id={String(i)}>{el}</div>)}\r\n </MenuItem>\r\n <Divider />\r\n <MenuItem onClick={() => {\r\n handleReply(_id)\r\n handleClose(undefined)\r\n }}>\r\n <ReplyIcon />\r\n Reply\r\n </MenuItem>\r\n <MenuItem onClick={() => {\r\n handleForward(_id)\r\n handleClose(undefined)\r\n }}>\r\n <ReplyIcon style={{transform :'rotateY(180deg)'}} />\r\n Forward\r\n </MenuItem> \r\n <MenuItem onClick={handleDownloadFile}>\r\n <DownloadIcon/>\r\n Download\r\n </MenuItem> \r\n {caption&&<CopyToClipboard onCopy={() => handleClose('copy')} text={caption}>\r\n <MenuItem>\r\n <ContentCopyIcon />\r\n Copy Text\r\n </MenuItem>\r\n </CopyToClipboard>}\r\n <MenuItem onClick={() => {\r\n pinMessageById(_id, !pinned)\r\n handleClose(undefined)\r\n }}>\r\n {pinned ?\r\n <CloseIcon className={classes.iconClose} /> :\r\n <PushPinIcon />}\r\n {pinned?'Unpin':'Pin'}\r\n </MenuItem> \r\n <MenuItem onClick={() => {\r\n handleSelected(_id)\r\n handleClose(undefined)\r\n }}>\r\n <CheckBoxIcon />\r\n Select\r\n </MenuItem>\r\n <MenuItem style={{color:'#f02a2a'}} onClick={() => handleClose('delete')}>\r\n <DeleteOutlineIcon style={{color:'#f02a2a'}}/>\r\n Delete\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 Typography from '@mui/material/Typography';\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 Divider from '@mui/material/Divider';\r\nimport CheckBoxIcon from '@mui/icons-material/CheckBox';\r\nimport Checkbox from '@mui/material/Checkbox';\r\nimport PushPinIcon from '@mui/icons-material/PushPin';\r\nimport CloseIcon from '@mui/icons-material/Close';\r\nimport ReplyIcon from '@mui/icons-material/Reply';\r\nimport DoneAllIcon from '@mui/icons-material/DoneAll';\r\nimport DoneIcon from '@mui/icons-material/Done';\r\nimport EditIcon from '@mui/icons-material/Edit';\r\nimport Avatar from '@mui/material/Avatar';\r\nimport { CopyToClipboard } from 'react-copy-to-clipboard';\r\nimport { firstLetter, slicedWord, timeStampMessage, copied,emojisArr,prodAwsS3 } from '../../../../../../helpers'\r\nimport { removeMessageById,updateMessageById,pinMessageById } 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 alignItems: 'flex-end',\r\n alignContent: 'flex-end',\r\n flexDirection:'column',\r\n borderRadius: 7,\r\n position: 'relative',\r\n padding:'4px 22px 4px 0px'\r\n },\r\n wrapper: {\r\n position: 'relative',\r\n display: 'flex',\r\n alignItems: 'start',\r\n alignContent: 'start',\r\n flexDirection: 'column',\r\n maxWidth: 450,\r\n minWidth:200,\r\n padding: 5,\r\n borderRadius: 7,\r\n wordBreak:'break-word',\r\n textAlign: \"left\",\r\n font: \"400 .9em 'Open Sans', sans-serif\",\r\n },\r\n wrapperInner: {\r\n position: 'relative',\r\n display: 'flex',\r\n alignItems: 'start',\r\n alignContent: 'start',\r\n flexDirection: 'column',\r\n width: '100%',\r\n cursor: 'pointer',\r\n padding:'0px 10px',\r\n '&:hover': {\r\n backgroundColor: 'rgba(104, 105, 104, 0.2)'\r\n }\r\n },\r\n deletedInformation: {\r\n display: 'flex',\r\n justifyContent:'start',\r\n alignItems: 'center',\r\n alignContent: 'center',\r\n },\r\n informationWrapper: {\r\n display: 'flex',\r\n alignItems: 'center',\r\n alignContent: 'center',\r\n justifyContent: 'flex-end',\r\n width: '100%',\r\n paddingRight:3,\r\n },\r\n time: {\r\n fontSize: \".65em\",\r\n fontWeight:600,\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 emojiTitle: {\r\n position: \"absolute\",\r\n fontSize: \"1.7em\",\r\n fontWeight:600,\r\n bottom: '0.2rem',\r\n left: -40,\r\n },\r\n emojiCompanionTitle: {\r\n position: \"absolute\",\r\n fontSize: \"1.7em\",\r\n fontWeight:600,\r\n bottom: '2.2rem',\r\n left: -40,\r\n }, \r\n emoji: {\r\n\t\tcursor: 'pointer',\r\n\t\tfontSize: '1.7rem',\r\n transition: 'all 0.3s',\r\n '&:hover': {\r\n transform: 'scale(1.5)'\r\n }\r\n },\r\n emojiActive: {\r\n cursor: 'pointer',\r\n fontSize: '1.2rem',\r\n animation: `$emoji 0.6s ease-out`,\r\n\t\tanimationDirection: 'forwards',\r\n\t\tanimationIterationCount: 1,\r\n }, \r\n '@keyframes emoji': {\r\n\t '5%': { transform: 'translateY(1rem)'},\r\n\t '10%': { transform: 'translateY(0) scale(1)',opacity: 1},\r\n\t '50%': { transform: 'translateY(-4rem) scale(1.5) rotateY(90deg)'},\r\n\t '80%': {opacity: 0},\r\n\t '100%': {transform: 'translateY(-8rem) scale(2) rotateY(180deg)',opacity: 0},\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 checkboxSelect: {\r\n position: 'absolute',\r\n right: -64,\r\n top: -10,\r\n pointerEvents: 'auto'\r\n },\r\n folderIcon: {\r\n color: '#535353',\r\n marginRight:5\r\n },\r\n column: {\r\n position: 'absolute',\r\n content: '',\r\n width: 2,\r\n left:0,\r\n top:'10%',\r\n height:'80%',\r\n backgroundColor: '#535353',\r\n },\r\n avatarIcon: {\r\n position: 'absolute',\r\n right: -54,\r\n bottom: 0,\r\n },\r\n tongueOne: {\r\n content: \"''\",\r\n position: \"absolute\",\r\n width: \"0\",\r\n height: \"0\",\r\n borderRight: \"15px solid transparent\",\r\n borderLeft: \"15px solid transparent\",\r\n bottom: '0px',\r\n right: \"-15px\",\r\n},\r\ntongueTwo: {\r\n content: \"''\",\r\n position: \"absolute\",\r\n width: \"0\",\r\n height: \"0\",\r\n borderRight: \"16px solid transparent\",\r\n borderLeft: \"16px solid transparent\",\r\n bottom: \"0px\",\r\n right: \"-17px\",\r\n }, \r\n});\r\n\r\nconst label = { inputProps: { 'aria-label': 'Checkbox demo' } };\r\n\r\ninterface IMessageRightDeleted {\r\n tongue: boolean,\r\n watched: boolean,\r\n edited: boolean,\r\n companionIdForwardToAndFrom: string,\r\n avatarUrl: string,\r\n color: string,\r\n message: string,\r\n name: string,\r\n lastName: string,\r\n forwardReplyName:string,\r\n forwardReplyLastName: string,\r\n caption: string,\r\n createdAt: string,\r\n emoji: string,\r\n emojiCompanion: string,\r\n pinned: boolean,\r\n isSomeSelected: boolean,\r\n isSelected:(_id:string) => boolean,\r\n handleSelected: (_id:string) => void, \r\n _id: string,\r\n nightMode: boolean,\r\n handleReply: (_id: string) => void,\r\n handleForward: (_id: string) => void,\r\n handleEdit: (_id: string) => void,\r\n handleOpenTheChat: (companionIdForwardToAndFrom:string | null) => void,\r\n}\r\n\r\nconst MessageRightDeleted = ({tongue,watched,edited,avatarUrl,companionIdForwardToAndFrom,color,message,name,lastName,forwardReplyName,forwardReplyLastName,caption,createdAt,emoji,emojiCompanion,pinned,isSomeSelected,isSelected,handleSelected,_id,nightMode,handleReply,handleForward,handleEdit,handleOpenTheChat}:IMessageRightDeleted) => {\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 checked = isSelected(_id)\r\n const handleClose = (type: string | undefined): void => {\r\n if (type === 'copy') copied('Text')\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 const handleEmojiMenu = ({ target }: any): void => {\r\n const idEmoji = target.id\r\n if (idEmoji === emoji) {updateMessageById(_id,'') \r\n } else updateMessageById(_id,idEmoji)\r\n } \r\n\r\n return (\r\n <div className={classes.container} style={{marginBottom:tongue?12:0}}>\r\n <div onContextMenu={(e) => handleContextMenu(e)} className={classes.wrapper}\r\n style={{backgroundColor:selected?'#ced8d7':'#deffa9', pointerEvents: isSomeSelected ? 'none' : 'auto'}}>\r\n <Typography style={{color: \"#26afee\"}} variant=\"h6\" align=\"right\">\r\n {`${firstLetter(name)}${slicedWord(name, 15, 1)} \r\n ${firstLetter(lastName)}${slicedWord(lastName, 15, 1)}`}\r\n </Typography>\r\n <div className={classes.wrapperInner} onClick={() => handleOpenTheChat(companionIdForwardToAndFrom)}>\r\n <div className={classes.column}></div>\r\n <Typography style={{color: \"#535353\"}} variant=\"h6\" align=\"right\">\r\n {`${companionIdForwardToAndFrom?'Forwarded from':'Replied to'} ${firstLetter(forwardReplyName)}${slicedWord(forwardReplyName, 15, 1)}\r\n ${firstLetter(forwardReplyLastName)}${slicedWord(forwardReplyLastName, 15, 1)}`}\r\n </Typography>\r\n <div className={classes.deletedInformation}>\r\n <DeleteOutlineIcon className={classes.folderIcon} fontSize='large' />\r\n <Typography style={{color: \"#535353\"}} variant=\"h6\" align=\"right\">\r\n The Message was Deleted\r\n </Typography>\r\n </div>\r\n </div>\r\n <ListItemText primary={message} primaryTypographyProps={{ color: \"#000000\" }} />\r\n <ListItemText secondary={caption} secondaryTypographyProps={{color: \"#000000\"}}/>\r\n <div className={classes.informationWrapper}>\r\n <div className={classes.time} style={{ color: '#18bd03'}}>{`${edited?'edited ':''}${timeStampMessage(createdAt)}`}</div>\r\n {watched ? <DoneAllIcon style={{ color: '#18bd03', marginLeft: 5 }} fontSize='small' /> :\r\n <DoneIcon style={{ color: '#18bd03',marginLeft:5}} fontSize='small' />}\r\n </div>\r\n {tongue&&<div className={classes.avatarIcon}>\r\n <Avatar alt={name} src={avatarUrl?`${prodAwsS3}/${avatarUrl}`:undefined}\r\n sx={{ background: color, width: 40, height: 40 }}>\r\n {!avatarUrl&&`${firstLetter(name)}${firstLetter(lastName)}`}\r\n </Avatar>\r\n </div>}\r\n {tongue&&<span className={classes.tongueOne} style={{borderBottom: `15px solid ${selected?'#ced8d7':'#deffa9'}`}}></span>}\r\n {tongue&&<span className={classes.tongueTwo} style={{borderBottom: `17px solid ${selected?'#ced8d7':'#deffa9'}`}}></span>}\r\n {emojiCompanion && <div className={classes.emojiCompanionTitle}>{emojisArr[Number(emojiCompanion)]}</div>}\r\n {emoji && <div className={classes.emojiTitle}>{emojisArr[Number(emoji)]}</div>}\r\n {isSomeSelected && <div className={classes.checkboxSelect}><Checkbox {...label} checked={checked} sx={{ color: nightMode ? '#ffffff' : '#00ff48', '&.Mui-checked': { color: nightMode ? '#ffffff' : '#00ff48' } }}\r\n onClick={() => handleSelected(_id)}/></div>}\r\n <StyledMenu id=\"demo-positioned-menu\" aria-labelledby=\"demo-positioned-button\"\r\n anchorEl={anchorEl} open={open} onClose={handleClose}>\r\n <MenuItem onClick={handleEmojiMenu} style={{ cursor: 'none' }} >\r\n {emojisArr.map((el:string, i:number) =>\r\n <div key={el} className={emoji === String(i)?classes.emojiActive:classes.emoji} id={String(i)}>{el}</div>)}\r\n </MenuItem>\r\n <Divider />\r\n <MenuItem onClick={() => {\r\n handleReply(_id)\r\n handleClose(undefined)\r\n }}>\r\n <ReplyIcon />\r\n Reply\r\n </MenuItem>\r\n <MenuItem onClick={() => {\r\n handleForward(_id)\r\n handleClose(undefined)\r\n }}>\r\n <ReplyIcon style={{transform :'rotateY(180deg)'}} />\r\n Forward\r\n </MenuItem> \r\n <MenuItem onClick={() => {\r\n handleEdit(_id)\r\n handleClose(undefined)\r\n }}>\r\n <EditIcon/>\r\n Edit\r\n </MenuItem> \r\n <CopyToClipboard onCopy={() => handleClose('copy')} text={`${message} ${caption}`}>\r\n <MenuItem>\r\n <ContentCopyIcon />\r\n Copy Text\r\n </MenuItem>\r\n </CopyToClipboard>\r\n <MenuItem onClick={() => {\r\n pinMessageById(_id, !pinned)\r\n handleClose(undefined)\r\n }}>\r\n {pinned ?\r\n <CloseIcon className={classes.iconClose} /> :\r\n <PushPinIcon />}\r\n {pinned?'Unpin':'Pin'}\r\n </MenuItem> \r\n <MenuItem onClick={() => {\r\n handleSelected(_id)\r\n handleClose(undefined)\r\n }}>\r\n <CheckBoxIcon />\r\n Select\r\n </MenuItem>\r\n <MenuItem style={{color:'#f02a2a'}} onClick={() => handleClose('delete')}>\r\n <DeleteOutlineIcon style={{color:'#f02a2a'}}/>\r\n Delete\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 MessageRightDeleted\r\n","import { makeStyles } from \"@material-ui/core/styles\";\r\nimport { styled } from '@mui/material/styles';\r\nimport { useState } from \"react\";\r\nimport Typography from '@mui/material/Typography';\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 Divider from '@mui/material/Divider';\r\nimport CheckBoxIcon from '@mui/icons-material/CheckBox';\r\nimport Checkbox from '@mui/material/Checkbox';\r\nimport PushPinIcon from '@mui/icons-material/PushPin';\r\nimport CloseIcon from '@mui/icons-material/Close';\r\nimport ReplyIcon from '@mui/icons-material/Reply';\r\nimport DoneAllIcon from '@mui/icons-material/DoneAll';\r\nimport DoneIcon from '@mui/icons-material/Done';\r\nimport EditIcon from '@mui/icons-material/Edit';\r\nimport Avatar from '@mui/material/Avatar';\r\nimport { CopyToClipboard } from 'react-copy-to-clipboard';\r\nimport { firstLetter, slicedWord, timeStampMessage, copied,emojisArr,prodAwsS3 } from '../../../../../../helpers'\r\nimport { removeMessageById,updateMessageById,pinMessageById } 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 alignItems: 'flex-end',\r\n alignContent: 'flex-end',\r\n flexDirection:'column',\r\n borderRadius: 7,\r\n position: 'relative',\r\n padding:'4px 22px 4px 0px'\r\n },\r\n wrapper: {\r\n position: 'relative',\r\n display: 'flex',\r\n alignItems: 'start',\r\n alignContent: 'start',\r\n flexDirection: 'column',\r\n maxWidth: 450,\r\n minWidth:200,\r\n padding: 5,\r\n borderRadius: 7,\r\n wordBreak:'break-word',\r\n textAlign: \"left\",\r\n font: \"400 .9em 'Open Sans', sans-serif\",\r\n },\r\n wrapperInner: {\r\n display: 'flex',\r\n alignItems: 'start',\r\n alignContent: 'start',\r\n flexDirection: 'column',\r\n }, \r\n informationWrapper: {\r\n display: 'flex',\r\n alignItems: 'center',\r\n alignContent: 'center',\r\n justifyContent: 'flex-end',\r\n width: '100%',\r\n paddingRight:3,\r\n },\r\n time: {\r\n fontSize: \".65em\",\r\n fontWeight:600,\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 emojiTitle: {\r\n position: \"absolute\",\r\n fontSize: \"1.7em\",\r\n fontWeight:600,\r\n bottom: '0.2rem',\r\n left: -40,\r\n },\r\n emojiCompanionTitle: {\r\n position: \"absolute\",\r\n fontSize: \"1.7em\",\r\n fontWeight:600,\r\n bottom: '2.2rem',\r\n left: -40,\r\n }, \r\n emoji: {\r\n\t\tcursor: 'pointer',\r\n\t\tfontSize: '1.7rem',\r\n transition: 'all 0.3s',\r\n '&:hover': {\r\n transform: 'scale(1.5)'\r\n }\r\n },\r\n emojiActive: {\r\n cursor: 'pointer',\r\n fontSize: '1.2rem',\r\n animation: `$emoji 0.6s ease-out`,\r\n\t\tanimationDirection: 'forwards',\r\n\t\tanimationIterationCount: 1,\r\n }, \r\n '@keyframes emoji': {\r\n\t '5%': { transform: 'translateY(1rem)'},\r\n\t '10%': { transform: 'translateY(0) scale(1)',opacity: 1},\r\n\t '50%': { transform: 'translateY(-4rem) scale(1.5) rotateY(90deg)'},\r\n\t '80%': {opacity: 0},\r\n\t '100%': {transform: 'translateY(-8rem) scale(2) rotateY(180deg)',opacity: 0},\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 checkboxSelect: {\r\n position: 'absolute',\r\n right: -64,\r\n top: -10,\r\n pointerEvents: 'auto'\r\n },\r\n avatarIcon: {\r\n position: 'absolute',\r\n right: -54,\r\n bottom: 0,\r\n },\r\n tongueOne: {\r\n content: \"''\",\r\n position: \"absolute\",\r\n width: \"0\",\r\n height: \"0\",\r\n borderRight: \"15px solid transparent\",\r\n borderLeft: \"15px solid transparent\",\r\n bottom: '0px',\r\n right: \"-15px\",\r\n},\r\ntongueTwo: {\r\n content: \"''\",\r\n position: \"absolute\",\r\n width: \"0\",\r\n height: \"0\",\r\n borderRight: \"16px solid transparent\",\r\n borderLeft: \"16px solid transparent\",\r\n bottom: \"0px\",\r\n right: \"-17px\",\r\n }, \r\n});\r\n\r\nconst label = { inputProps: { 'aria-label': 'Checkbox demo' } };\r\n\r\ninterface IMessageRightText {\r\n message: string,\r\n tongue: boolean,\r\n watched: boolean,\r\n edited: boolean,\r\n avatarUrl: string,\r\n color: string,\r\n name:string,\r\n lastName:string,\r\n createdAt: string,\r\n caption: string,\r\n emoji: string,\r\n emojiCompanion: string,\r\n pinned: boolean,\r\n isSomeSelected: boolean,\r\n isSelected:(_id:string) => boolean,\r\n handleSelected: (_id:string) => void, \r\n _id: string,\r\n nightMode: boolean,\r\n handleReply: (_id: string) => void,\r\n handleForward: (_id: string) => void,\r\n handleEdit:(_id: string) => void,\r\n}\r\n\r\nconst MessageRightText = ({message,tongue,watched,edited,avatarUrl,color,name,lastName,createdAt,caption,emoji,emojiCompanion,pinned,isSomeSelected,isSelected,handleSelected,_id,nightMode,handleReply,handleForward,handleEdit}: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 const checked = isSelected(_id)\r\n const handleClose = (type: string | undefined): void => {\r\n if (type === 'copy') copied('Text')\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 const handleEmojiMenu = ({ target }: any): void => {\r\n const idEmoji = target.id\r\n if (idEmoji === emoji) {updateMessageById(_id,'') \r\n } else updateMessageById(_id,idEmoji)\r\n } \r\n\r\n return (\r\n <div className={classes.container} style={{marginBottom:tongue?12:0}}>\r\n <div onContextMenu={(e) => handleContextMenu(e)} className={classes.wrapper}\r\n style={{backgroundColor:selected?'#ced8d7':\"#deffa9\",pointerEvents:isSomeSelected?'none':'auto'}}>\r\n <Typography style={{color: \"#26afee\"}} variant=\"h6\" align=\"right\">\r\n {`${firstLetter(name)}${slicedWord(name, 15, 1)} \r\n ${firstLetter(lastName)}${slicedWord(lastName, 15, 1)}`}\r\n </Typography>\r\n <div className={classes.wrapperInner}>\r\n <ListItemText primary={message} primaryTypographyProps={{ color: \"#000000\" }} />\r\n <ListItemText secondary={caption} secondaryTypographyProps={{color: \"#000000\"}}/>\r\n </div>\r\n <div className={classes.informationWrapper}>\r\n <div className={classes.time} style={{ color: '#18bd03'}}>{`${edited?'edited ':''}${timeStampMessage(createdAt)}`}</div>\r\n {watched ? <DoneAllIcon style={{ color: '#18bd03', marginLeft: 5 }} fontSize='small' /> :\r\n <DoneIcon style={{ color: '#18bd03',marginLeft:5}} fontSize='small' />}\r\n </div>\r\n {tongue&&<div className={classes.avatarIcon}>\r\n <Avatar alt={name} src={avatarUrl?`${prodAwsS3}/${avatarUrl}`:undefined}\r\n sx={{ background: color, width: 40, height: 40 }}>\r\n {!avatarUrl&&`${firstLetter(name)}${firstLetter(lastName)}`}\r\n </Avatar>\r\n </div>}\r\n {tongue&&<span className={classes.tongueOne} style={{borderBottom: `15px solid ${selected?'#ced8d7':'#deffa9'}`}}></span>}\r\n {tongue&&<span className={classes.tongueTwo} style={{borderBottom: `17px solid ${selected?'#ced8d7':'#deffa9'}`}}></span>}\r\n {emojiCompanion && <div className={classes.emojiCompanionTitle}>{emojisArr[Number(emojiCompanion)]}</div>}\r\n {emoji && <div className={classes.emojiTitle}>{emojisArr[Number(emoji)]}</div>}\r\n {isSomeSelected && <div className={classes.checkboxSelect}><Checkbox {...label} checked={checked} sx={{ color: nightMode ? '#ffffff' : '#00ff48', '&.Mui-checked': { color: nightMode ? '#ffffff' : '#00ff48' } }}\r\n onClick={() => handleSelected(_id)}/></div>}\r\n <StyledMenu id=\"demo-positioned-menu\" aria-labelledby=\"demo-positioned-button\"\r\n anchorEl={anchorEl} open={open} onClose={handleClose}>\r\n <MenuItem onClick={handleEmojiMenu} style={{ cursor: 'none' }} >\r\n {emojisArr.map((el:string, i:number) =>\r\n <div key={el} className={emoji === String(i)?classes.emojiActive:classes.emoji} id={String(i)}>{el}</div>)}\r\n </MenuItem>\r\n <Divider />\r\n <MenuItem onClick={() => {\r\n handleReply(_id)\r\n handleClose(undefined)\r\n }}>\r\n <ReplyIcon />\r\n Reply\r\n </MenuItem>\r\n <MenuItem onClick={() => {\r\n handleForward(_id)\r\n handleClose(undefined)\r\n }}>\r\n <ReplyIcon style={{transform :'rotateY(180deg)'}} />\r\n Forward\r\n </MenuItem> \r\n <MenuItem onClick={() => {\r\n handleEdit(_id)\r\n handleClose(undefined)\r\n }}>\r\n <EditIcon/>\r\n Edit\r\n </MenuItem> \r\n <CopyToClipboard onCopy={() => handleClose('copy')} text={`${message ? message : ''} ${caption ? caption : ''}`}>\r\n <MenuItem>\r\n <ContentCopyIcon />\r\n Copy Text\r\n </MenuItem>\r\n </CopyToClipboard>\r\n <MenuItem onClick={() => {\r\n pinMessageById(_id, !pinned)\r\n handleClose(undefined)\r\n }}>\r\n {pinned ?\r\n <CloseIcon className={classes.iconClose} /> :\r\n <PushPinIcon />}\r\n {pinned?'Unpin':'Pin'}\r\n </MenuItem> \r\n <MenuItem onClick={() => {\r\n handleSelected(_id)\r\n handleClose(undefined)\r\n }}>\r\n <CheckBoxIcon />\r\n Select\r\n </MenuItem>\r\n <MenuItem style={{color:'#f02a2a'}} onClick={() => handleClose('delete')}>\r\n <DeleteOutlineIcon style={{color:'#f02a2a'}}/>\r\n Delete\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 Typography from '@mui/material/Typography';\r\nimport ListItemText from '@mui/material/ListItemText';\r\nimport Button from '@mui/material/Button';\r\nimport DeleteOutlineIcon from '@mui/icons-material/DeleteOutline';\r\nimport Menu from '@mui/material/Menu';\r\nimport MenuItem from '@mui/material/MenuItem';\r\nimport Divider from '@mui/material/Divider';\r\nimport CheckBoxIcon from '@mui/icons-material/CheckBox';\r\nimport Checkbox from '@mui/material/Checkbox';\r\nimport PushPinIcon from '@mui/icons-material/PushPin';\r\nimport CloseIcon from '@mui/icons-material/Close';\r\nimport ReplyIcon from '@mui/icons-material/Reply';\r\nimport LibraryMusicIcon from '@mui/icons-material/LibraryMusic';\r\nimport InsertDriveFileIcon from '@mui/icons-material/InsertDriveFile';\r\nimport ImageIcon from '@mui/icons-material/Image';\r\nimport ContentCopyIcon from '@mui/icons-material/ContentCopy';\r\nimport VideoLibraryIcon from '@mui/icons-material/VideoLibrary';\r\nimport DoneAllIcon from '@mui/icons-material/DoneAll';\r\nimport DoneIcon from '@mui/icons-material/Done';\r\nimport EditIcon from '@mui/icons-material/Edit';\r\nimport DownloadIcon from '@mui/icons-material/Download';\r\nimport Avatar from '@mui/material/Avatar';\r\nimport { CopyToClipboard } from 'react-copy-to-clipboard';\r\nimport { firstLetter, slicedWord, timeStampMessage, copied,emojisArr,handleDownload,prodAwsS3 } from '../../../../../../helpers'\r\nimport { removeMessageById,updateMessageById,pinMessageById } 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 alignItems: 'flex-end',\r\n alignContent: 'flex-end',\r\n flexDirection:'column',\r\n borderRadius: 7,\r\n position: 'relative',\r\n padding:'4px 22px 4px 0px'\r\n },\r\n wrapper: {\r\n position: 'relative',\r\n display: 'flex',\r\n alignItems: 'start',\r\n alignContent: 'start',\r\n flexDirection: 'column',\r\n maxWidth: 450,\r\n minWidth:200,\r\n padding: 5,\r\n borderRadius: 7,\r\n wordBreak:'break-word',\r\n textAlign: \"left\",\r\n font: \"400 .9em 'Open Sans', sans-serif\",\r\n },\r\n wrapperInner: {\r\n position: 'relative',\r\n display: 'flex',\r\n alignItems: 'center',\r\n alignContent: 'center',\r\n width: '100%',\r\n cursor: 'pointer',\r\n '&:hover': {\r\n backgroundColor: 'rgba(104, 105, 104, 0.2)'\r\n }\r\n },\r\n wrapperInnerMessage: {\r\n display: 'flex',\r\n alignItems: 'start',\r\n alignContent: 'start',\r\n flexDirection: 'column',\r\n marginLeft:20,\r\n }, \r\n informationWrapper: {\r\n display: 'flex',\r\n alignItems: 'center',\r\n alignContent: 'center',\r\n justifyContent: 'flex-end',\r\n width: '100%',\r\n paddingRight:3,\r\n },\r\n time: {\r\n fontSize: \".65em\",\r\n fontWeight:600,\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 emojiTitle: {\r\n position: \"absolute\",\r\n fontSize: \"1.7em\",\r\n fontWeight:600,\r\n bottom: '0.2rem',\r\n left: -40,\r\n },\r\n emojiCompanionTitle: {\r\n position: \"absolute\",\r\n fontSize: \"1.7em\",\r\n fontWeight:600,\r\n bottom: '2.2rem',\r\n left: -40,\r\n }, \r\n emoji: {\r\n\t\tcursor: 'pointer',\r\n\t\tfontSize: '1.7rem',\r\n transition: 'all 0.3s',\r\n '&:hover': {\r\n transform: 'scale(1.5)'\r\n }\r\n },\r\n emojiActive: {\r\n cursor: 'pointer',\r\n fontSize: '1.2rem',\r\n animation: `$emoji 0.6s ease-out`,\r\n\t\tanimationDirection: 'forwards',\r\n\t\tanimationIterationCount: 1,\r\n }, \r\n '@keyframes emoji': {\r\n\t '5%': { transform: 'translateY(1rem)'},\r\n\t '10%': { transform: 'translateY(0) scale(1)',opacity: 1},\r\n\t '50%': { transform: 'translateY(-4rem) scale(1.5) rotateY(90deg)'},\r\n\t '80%': {opacity: 0},\r\n\t '100%': {transform: 'translateY(-8rem) scale(2) rotateY(180deg)',opacity: 0},\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 folderIcon: {\r\n color: '#00b333',\r\n },\r\n checkboxSelect: {\r\n position: 'absolute',\r\n right: -64,\r\n top: -10,\r\n pointerEvents: 'auto'\r\n },\r\n column: {\r\n position: 'absolute',\r\n content: '',\r\n width: 2,\r\n left:43,\r\n top:'10%',\r\n height:'80%',\r\n backgroundColor: '#00b333',\r\n },\r\n avatarIcon: {\r\n position: 'absolute',\r\n right: -54,\r\n bottom: 0,\r\n },\r\n tongueOne: {\r\n content: \"''\",\r\n position: \"absolute\",\r\n width: \"0\",\r\n height: \"0\",\r\n borderRight: \"15px solid transparent\",\r\n borderLeft: \"15px solid transparent\",\r\n bottom: '0px',\r\n right: \"-15px\",\r\n},\r\ntongueTwo: {\r\n content: \"''\",\r\n position: \"absolute\",\r\n width: \"0\",\r\n height: \"0\",\r\n borderRight: \"16px solid transparent\",\r\n borderLeft: \"16px solid transparent\",\r\n bottom: \"0px\",\r\n right: \"-17px\",\r\n }, \r\n});\r\n\r\nconst label = { inputProps: { 'aria-label': 'Checkbox demo' } };\r\n\r\ninterface IMessageRightReply {\r\n url: string,\r\n tongue: boolean,\r\n watched: boolean,\r\n edited: boolean,\r\n avatarUrl: string,\r\n color: string,\r\n replyMessage: string,\r\n message: string,\r\n name: string,\r\n lastName: string,\r\n replyName:string,\r\n replyLastName: string,\r\n replyCaption: string,\r\n createdAt: string,\r\n caption: string,\r\n emoji: string,\r\n emojiCompanion: string,\r\n pinned: boolean,\r\n isSomeSelected: boolean,\r\n isSelected:(_id:string) => boolean,\r\n handleSelected: (_id:string) => void, \r\n _id: string,\r\n nightMode: boolean,\r\n handleReply: (_id: string) => void,\r\n handleForward: (_id: string) => void,\r\n handleEdit:(_id: string) => void,\r\n fullType: string,\r\n handleScrollToTheMessage: (_id: string) => void,\r\n oldId: string\r\n}\r\n\r\nconst MessageRightReply = ({url,tongue,watched,edited,avatarUrl,color,replyMessage,message,name,lastName,replyName,replyLastName,replyCaption,createdAt,caption,emoji,emojiCompanion,pinned,isSomeSelected,isSelected,handleSelected,_id,nightMode,handleReply,handleForward,handleEdit,fullType,handleScrollToTheMessage,oldId}:IMessageRightReply) => {\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 checked = isSelected(_id)\r\n const handleClose = (type: string | undefined): void => {\r\n if (type === 'copy') copied('Text')\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 const handleEmojiMenu = ({ target }: any): void => {\r\n const idEmoji = target.id\r\n if (idEmoji === emoji) {updateMessageById(_id,'') \r\n } else updateMessageById(_id,idEmoji)\r\n }\r\n \r\n const handleClickIcon = () => handleDownload(url, fullType) \r\n\r\n return (\r\n <div className={classes.container} style={{marginBottom:tongue?12:0}}>\r\n <div onContextMenu={(e) => handleContextMenu(e)} className={classes.wrapper}\r\n style={{backgroundColor:selected?'#ced8d7':'#deffa9',pointerEvents:isSomeSelected?'none':'auto'}}>\r\n <Typography style={{color: \"#26afee\"}} variant=\"h6\" align=\"right\">\r\n {`${firstLetter(name)}${slicedWord(name, 15, 1)} \r\n ${firstLetter(lastName)}${slicedWord(lastName, 15, 1)}`}\r\n </Typography>\r\n <div className={classes.wrapperInner}>\r\n {fullType === null &&<ContentCopyIcon className={classes.folderIcon} fontSize='large'/>}\r\n {fullType&&fullType.includes('audio') &&<LibraryMusicIcon className={classes.folderIcon} fontSize='large' />}\r\n {fullType&&fullType.includes('video') &&<VideoLibraryIcon className={classes.folderIcon} fontSize='large' />}\r\n {fullType&&fullType.includes('image') &&<ImageIcon className={classes.folderIcon} fontSize='large' />}\r\n {fullType && fullType.includes('application') && <InsertDriveFileIcon className={classes.folderIcon} fontSize='large' />}\r\n <div className={classes.column}></div>\r\n <div className={classes.wrapperInnerMessage} onClick={() => handleScrollToTheMessage(oldId)}>\r\n <Typography style={{color: \"#00b333\"}} variant=\"h6\" align=\"right\">\r\n {`Replied to ${firstLetter(replyName)}${slicedWord(replyName, 15, 1)}\r\n ${firstLetter(replyLastName)}${slicedWord(replyLastName, 15, 1)}`}\r\n </Typography>\r\n <ListItemText primary={fullType === null?replyMessage:fullType} primaryTypographyProps={{ color: \"#535353\" }} />\r\n <ListItemText secondary={replyCaption} secondaryTypographyProps={{color: \"#535353\"}}/>\r\n </div>\r\n </div>\r\n <ListItemText primary={message} primaryTypographyProps={{ color: \"#000000\" }} />\r\n <ListItemText secondary={caption} secondaryTypographyProps={{color: \"#000000\"}}/>\r\n <div className={classes.informationWrapper}>\r\n <div className={classes.time} style={{ color: '#18bd03'}}>{`${edited?'edited ':''}${timeStampMessage(createdAt)}`}</div>\r\n {watched ? <DoneAllIcon style={{ color: '#18bd03', marginLeft: 5 }} fontSize='small' /> :\r\n <DoneIcon style={{ color: '#18bd03',marginLeft:5}} fontSize='small' />}\r\n </div>\r\n {tongue&&<div className={classes.avatarIcon}>\r\n <Avatar alt={name} src={avatarUrl?`${prodAwsS3}/${avatarUrl}`:undefined}\r\n sx={{ background: color, width: 40, height: 40 }}>\r\n {!avatarUrl&&`${firstLetter(name)}${firstLetter(lastName)}`}\r\n </Avatar>\r\n </div>}\r\n {tongue&&<span className={classes.tongueOne} style={{borderBottom: `15px solid ${selected?'#ced8d7':'#deffa9'}`}}></span>}\r\n {tongue&&<span className={classes.tongueTwo} style={{borderBottom: `17px solid ${selected?'#ced8d7':'#deffa9'}`}}></span>}\r\n {emojiCompanion && <div className={classes.emojiCompanionTitle}>{emojisArr[Number(emojiCompanion)]}</div>}\r\n {emoji && <div className={classes.emojiTitle}>{emojisArr[Number(emoji)]}</div>}\r\n {isSomeSelected && <div className={classes.checkboxSelect}><Checkbox {...label} checked={checked} sx={{ color: nightMode ? '#ffffff' : '#00ff48', '&.Mui-checked': { color: nightMode ? '#ffffff' : '#00ff48' } }}\r\n onClick={() => handleSelected(_id)}/></div>}\r\n <StyledMenu id=\"demo-positioned-menu\" aria-labelledby=\"demo-positioned-button\"\r\n anchorEl={anchorEl} open={open} onClose={handleClose}>\r\n <MenuItem onClick={handleEmojiMenu} style={{ cursor: 'none' }} >\r\n {emojisArr.map((el:string, i:number) =>\r\n <div key={el} className={emoji === String(i)?classes.emojiActive:classes.emoji} id={String(i)}>{el}</div>)}\r\n </MenuItem>\r\n <Divider />\r\n <MenuItem onClick={() => {\r\n handleReply(_id)\r\n handleClose(undefined)\r\n }}>\r\n <ReplyIcon />\r\n Reply\r\n </MenuItem>\r\n <MenuItem onClick={() => {\r\n handleForward(_id)\r\n handleClose(undefined)\r\n }}>\r\n <ReplyIcon style={{transform :'rotateY(180deg)'}} />\r\n Forward\r\n </MenuItem>\r\n {fullType&&<MenuItem onClick={handleClickIcon}>\r\n <DownloadIcon/>\r\n Download\r\n </MenuItem>} \r\n <MenuItem onClick={() => {\r\n handleEdit(_id)\r\n handleClose(undefined)\r\n }}>\r\n <EditIcon/>\r\n Edit\r\n </MenuItem> \r\n <CopyToClipboard onCopy={() => handleClose('copy')} text={`${replyMessage&&fullType === null ? replyMessage : fullType} ${replyCaption ? replyCaption : ''} ${message ? message : ''} ${caption ? caption : ''}`}>\r\n <MenuItem>\r\n <ContentCopyIcon />\r\n Copy Text\r\n </MenuItem>\r\n </CopyToClipboard>\r\n <MenuItem onClick={() => {\r\n pinMessageById(_id, !pinned)\r\n handleClose(undefined)\r\n }}>\r\n {pinned ?\r\n <CloseIcon className={classes.iconClose} /> :\r\n <PushPinIcon />}\r\n {pinned?'Unpin':'Pin'}\r\n </MenuItem> \r\n <MenuItem onClick={() => {\r\n handleSelected(_id)\r\n handleClose(undefined)\r\n }}>\r\n <CheckBoxIcon />\r\n Select\r\n </MenuItem>\r\n <MenuItem style={{color:'#f02a2a'}} onClick={() => handleClose('delete')}>\r\n <DeleteOutlineIcon style={{color:'#f02a2a'}}/>\r\n Delete\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 MessageRightReply\r\n","import { makeStyles } from \"@material-ui/core/styles\";\r\nimport { styled } from '@mui/material/styles';\r\nimport { useState } from \"react\";\r\nimport Typography from '@mui/material/Typography';\r\nimport ListItemText from '@mui/material/ListItemText';\r\nimport Button from '@mui/material/Button';\r\nimport LibraryMusicIcon from '@mui/icons-material/LibraryMusic';\r\nimport InsertDriveFileIcon from '@mui/icons-material/InsertDriveFile';\r\nimport ImageIcon from '@mui/icons-material/Image';\r\nimport ContentCopyIcon from '@mui/icons-material/ContentCopy';\r\nimport VideoLibraryIcon from '@mui/icons-material/VideoLibrary';\r\nimport DeleteOutlineIcon from '@mui/icons-material/DeleteOutline';\r\nimport Menu from '@mui/material/Menu';\r\nimport MenuItem from '@mui/material/MenuItem';\r\nimport Divider from '@mui/material/Divider';\r\nimport CheckBoxIcon from '@mui/icons-material/CheckBox';\r\nimport Checkbox from '@mui/material/Checkbox';\r\nimport PushPinIcon from '@mui/icons-material/PushPin';\r\nimport CloseIcon from '@mui/icons-material/Close';\r\nimport ReplyIcon from '@mui/icons-material/Reply';\r\nimport DoneAllIcon from '@mui/icons-material/DoneAll';\r\nimport DoneIcon from '@mui/icons-material/Done';\r\nimport EditIcon from '@mui/icons-material/Edit';\r\nimport DownloadIcon from '@mui/icons-material/Download';\r\nimport Avatar from '@mui/material/Avatar';\r\nimport { CopyToClipboard } from 'react-copy-to-clipboard';\r\nimport { firstLetter, slicedWord, timeStampMessage, copied,emojisArr,handleDownload,prodAwsS3 } from '../../../../../../helpers'\r\nimport { removeMessageById,updateMessageById,pinMessageById } 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 alignItems: 'flex-end',\r\n alignContent: 'flex-end',\r\n flexDirection:'column',\r\n borderRadius: 7,\r\n position: 'relative',\r\n padding:'4px 22px 4px 0px'\r\n },\r\n wrapper: {\r\n position: 'relative',\r\n display: 'flex',\r\n alignItems: 'start',\r\n alignContent: 'start',\r\n flexDirection: 'column',\r\n maxWidth: 450,\r\n minWidth:200,\r\n padding: 5,\r\n borderRadius: 7,\r\n wordBreak:'break-word',\r\n textAlign: \"left\",\r\n font: \"400 .9em 'Open Sans', sans-serif\",\r\n },\r\n wrapperInner: {\r\n position: 'relative',\r\n display: 'flex',\r\n alignItems: 'center',\r\n alignContent: 'center',\r\n width: '100%',\r\n cursor: 'pointer',\r\n '&:hover': {\r\n backgroundColor: 'rgba(104, 105, 104, 0.2)'\r\n }\r\n },\r\n wrapperInnerMessage: {\r\n display: 'flex',\r\n alignItems: 'start',\r\n alignContent: 'start',\r\n flexDirection: 'column',\r\n marginLeft:20,\r\n }, \r\n informationWrapper: {\r\n display: 'flex',\r\n alignItems: 'center',\r\n alignContent: 'center',\r\n justifyContent: 'flex-end',\r\n width: '100%',\r\n paddingRight:3,\r\n },\r\n time: {\r\n fontSize: \".65em\",\r\n fontWeight:600,\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 emojiTitle: {\r\n position: \"absolute\",\r\n fontSize: \"1.7em\",\r\n fontWeight:600,\r\n bottom: '0.2rem',\r\n left: -40,\r\n },\r\n emojiCompanionTitle: {\r\n position: \"absolute\",\r\n fontSize: \"1.7em\",\r\n fontWeight:600,\r\n bottom: '2.2rem',\r\n left: -40,\r\n }, \r\n emoji: {\r\n\t\tcursor: 'pointer',\r\n\t\tfontSize: '1.7rem',\r\n transition: 'all 0.3s',\r\n '&:hover': {\r\n transform: 'scale(1.5)'\r\n }\r\n },\r\n emojiActive: {\r\n cursor: 'pointer',\r\n fontSize: '1.2rem',\r\n animation: `$emoji 0.6s ease-out`,\r\n\t\tanimationDirection: 'forwards',\r\n\t\tanimationIterationCount: 1,\r\n }, \r\n '@keyframes emoji': {\r\n\t '5%': { transform: 'translateY(1rem)'},\r\n\t '10%': { transform: 'translateY(0) scale(1)',opacity: 1},\r\n\t '50%': { transform: 'translateY(-4rem) scale(1.5) rotateY(90deg)'},\r\n\t '80%': {opacity: 0},\r\n\t '100%': {transform: 'translateY(-8rem) scale(2) rotateY(180deg)',opacity: 0},\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 checkboxSelect: {\r\n position: 'absolute',\r\n right: -64,\r\n top: -10,\r\n pointerEvents: 'auto'\r\n },\r\n folderIcon: {\r\n color: '#00b333',\r\n },\r\n column: {\r\n position: 'absolute',\r\n content: '',\r\n width: 2,\r\n left:43,\r\n top:'10%',\r\n height:'80%',\r\n backgroundColor: '#00b333',\r\n },\r\n avatarIcon: {\r\n position: 'absolute',\r\n right: -54,\r\n bottom: 0,\r\n },\r\n tongueOne: {\r\n content: \"''\",\r\n position: \"absolute\",\r\n width: \"0\",\r\n height: \"0\",\r\n borderRight: \"15px solid transparent\",\r\n borderLeft: \"15px solid transparent\",\r\n bottom: '0px',\r\n right: \"-15px\",\r\n},\r\ntongueTwo: {\r\n content: \"''\",\r\n position: \"absolute\",\r\n width: \"0\",\r\n height: \"0\",\r\n borderRight: \"16px solid transparent\",\r\n borderLeft: \"16px solid transparent\",\r\n bottom: \"0px\",\r\n right: \"-17px\",\r\n }, \r\n});\r\n\r\nconst label = { inputProps: { 'aria-label': 'Checkbox demo' } };\r\n\r\ninterface IMessageRightForward {\r\n url: string,\r\n oldId: string,\r\n companionIdForwardToAndFrom: string,\r\n tongue: boolean,\r\n watched: boolean,\r\n edited: boolean,\r\n avatarUrl: string,\r\n color: string,\r\n message: string,\r\n name: string,\r\n lastName: string,\r\n forwardName:string,\r\n forwardLastName: string,\r\n forwardMessage: string,\r\n forwardCaption: string,\r\n caption: string,\r\n createdAt: string,\r\n emoji: string,\r\n emojiCompanion: string,\r\n pinned: boolean,\r\n isSomeSelected: boolean,\r\n isSelected:(_id:string) => boolean,\r\n handleSelected: (_id:string) => void, \r\n _id: string,\r\n nightMode: boolean,\r\n handleReply: (_id: string) => void,\r\n handleForward: (_id: string) => void,\r\n handleEdit:(_id: string) => void,\r\n handleScrollToTheChat: (companionIdForwardToAndFrom:string,oldId:string) => void,\r\n fullType: string\r\n}\r\n\r\nconst MessageRightForward = ({url,oldId,companionIdForwardToAndFrom,tongue,watched,edited,avatarUrl,color,message,name,lastName,forwardName,forwardLastName,forwardMessage,forwardCaption,caption,createdAt,emoji,emojiCompanion,pinned,isSomeSelected,isSelected,handleSelected,_id,nightMode,handleReply,handleForward,handleEdit,handleScrollToTheChat,fullType}:IMessageRightForward) => {\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 checked = isSelected(_id)\r\n const handleClose = (type: string | undefined): void => {\r\n if (type === 'copy') copied('Text')\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 const handleEmojiMenu = ({ target }: any): void => {\r\n const idEmoji = target.id\r\n if (idEmoji === emoji) {updateMessageById(_id,'') \r\n } else updateMessageById(_id,idEmoji)\r\n }\r\n \r\n const handleClickIcon = () => handleDownload(url, fullType) \r\n\r\n return (\r\n <div className={classes.container} style={{marginBottom:tongue?12:0}}>\r\n <div onContextMenu={(e) => handleContextMenu(e)} className={classes.wrapper}\r\n style={{backgroundColor:selected?'#ced8d7':'#deffa9', pointerEvents: isSomeSelected ? 'none' : 'auto'}}>\r\n <Typography style={{color: \"#26afee\"}} variant=\"h6\" align=\"right\">\r\n {`${firstLetter(name)}${slicedWord(name, 15, 1)} \r\n ${firstLetter(lastName)}${slicedWord(lastName, 15, 1)}`}\r\n </Typography>\r\n <div className={classes.wrapperInner}>\r\n {fullType === null &&<ContentCopyIcon className={classes.folderIcon} fontSize='large'/>}\r\n {fullType&&fullType.includes('audio') &&<LibraryMusicIcon className={classes.folderIcon} fontSize='large' />}\r\n {fullType&&fullType.includes('video') &&<VideoLibraryIcon className={classes.folderIcon} fontSize='large' />}\r\n {fullType&&fullType.includes('image') &&<ImageIcon className={classes.folderIcon} fontSize='large' />}\r\n {fullType && fullType.includes('application') && <InsertDriveFileIcon className={classes.folderIcon} fontSize='large' />}\r\n <div className={classes.column}></div>\r\n <div className={classes.wrapperInnerMessage} onClick={() => handleScrollToTheChat(companionIdForwardToAndFrom,oldId)}>\r\n <Typography style={{color: \"#00b333\"}} variant=\"h6\" align=\"right\">\r\n {`Forwarded from ${firstLetter(forwardName)}${slicedWord(forwardName, 15, 1)}\r\n ${firstLetter(forwardLastName)}${slicedWord(forwardLastName, 15, 1)}`}\r\n </Typography>\r\n <ListItemText primary={fullType === null?forwardMessage:fullType} primaryTypographyProps={{ color: \"#535353\" }} />\r\n <ListItemText secondary={forwardCaption} secondaryTypographyProps={{color: \"#535353\"}}/>\r\n </div>\r\n </div>\r\n <ListItemText primary={message} primaryTypographyProps={{ color: \"#000000\" }} />\r\n <ListItemText secondary={caption} secondaryTypographyProps={{color: \"#000000\"}}/>\r\n <div className={classes.informationWrapper}>\r\n <div className={classes.time} style={{ color: '#18bd03'}}>{`${edited?'edited ':''}${timeStampMessage(createdAt)}`}</div>\r\n {watched ? <DoneAllIcon style={{ color: '#18bd03', marginLeft: 5 }} fontSize='small' /> :\r\n <DoneIcon style={{ color: '#18bd03',marginLeft:5}} fontSize='small' />}\r\n </div>\r\n {tongue&&<div className={classes.avatarIcon}>\r\n <Avatar alt={name} src={avatarUrl?`${prodAwsS3}/${avatarUrl}`:undefined}\r\n sx={{ background: color, width: 40, height: 40 }}>\r\n {!avatarUrl&&`${firstLetter(name)}${firstLetter(lastName)}`}\r\n </Avatar>\r\n </div>}\r\n {tongue&&<span className={classes.tongueOne} style={{borderBottom: `15px solid ${selected?'#ced8d7':'#deffa9'}`}}></span>}\r\n {tongue&&<span className={classes.tongueTwo} style={{borderBottom: `17px solid ${selected?'#ced8d7':'#deffa9'}`}}></span>}\r\n {emojiCompanion && <div className={classes.emojiCompanionTitle}>{emojisArr[Number(emojiCompanion)]}</div>}\r\n {emoji && <div className={classes.emojiTitle}>{emojisArr[Number(emoji)]}</div>}\r\n {isSomeSelected && <div className={classes.checkboxSelect}><Checkbox {...label} checked={checked} sx={{ color: nightMode ? '#ffffff' : '#00ff48', '&.Mui-checked': { color: nightMode ? '#ffffff' : '#00ff48' } }}\r\n onClick={() => handleSelected(_id)}/></div>}\r\n <StyledMenu id=\"demo-positioned-menu\" aria-labelledby=\"demo-positioned-button\"\r\n anchorEl={anchorEl} open={open} onClose={handleClose}>\r\n <MenuItem onClick={handleEmojiMenu} style={{ cursor: 'none' }} >\r\n {emojisArr.map((el:string, i:number) =>\r\n <div key={el} className={emoji === String(i)?classes.emojiActive:classes.emoji} id={String(i)}>{el}</div>)}\r\n </MenuItem>\r\n <Divider />\r\n <MenuItem onClick={() => {\r\n handleReply(_id)\r\n handleClose(undefined)\r\n }}>\r\n <ReplyIcon />\r\n Reply\r\n </MenuItem>\r\n <MenuItem onClick={() => {\r\n handleForward(_id)\r\n handleClose(undefined)\r\n }}>\r\n <ReplyIcon style={{transform :'rotateY(180deg)'}} />\r\n Forward\r\n </MenuItem>\r\n {fullType&&<MenuItem onClick={handleClickIcon}>\r\n <DownloadIcon/>\r\n Download\r\n </MenuItem>} \r\n <MenuItem onClick={() => {\r\n handleEdit(_id)\r\n handleClose(undefined)\r\n }}>\r\n <EditIcon/>\r\n Edit\r\n </MenuItem> \r\n <CopyToClipboard onCopy={() => handleClose('copy')} text={`${forwardMessage&&fullType === null ? forwardMessage : fullType} ${forwardCaption ? forwardCaption : ''} ${message ? message : ''} ${caption ? caption : ''}`}>\r\n <MenuItem>\r\n <ContentCopyIcon />\r\n Copy Text\r\n </MenuItem>\r\n </CopyToClipboard>\r\n <MenuItem onClick={() => {\r\n pinMessageById(_id, !pinned)\r\n handleClose(undefined)\r\n }}>\r\n {pinned ?\r\n <CloseIcon className={classes.iconClose} /> :\r\n <PushPinIcon />}\r\n {pinned?'Unpin':'Pin'}\r\n </MenuItem> \r\n <MenuItem onClick={() => {\r\n handleSelected(_id)\r\n handleClose(undefined)\r\n }}>\r\n <CheckBoxIcon />\r\n Select\r\n </MenuItem>\r\n <MenuItem style={{color:'#f02a2a'}} onClick={() => handleClose('delete')}>\r\n <DeleteOutlineIcon style={{color:'#f02a2a'}}/>\r\n Delete\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 MessageRightForward\r\n","import { makeStyles } from \"@material-ui/core/styles\";\r\nimport { styled } from '@mui/material/styles';\r\nimport { useState, useRef } from \"react\";\r\nimport Typography from '@mui/material/Typography';\r\nimport DownloadForOfflineIcon from '@mui/icons-material/DownloadForOffline';\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 Divider from '@mui/material/Divider';\r\nimport CheckBoxIcon from '@mui/icons-material/CheckBox';\r\nimport Checkbox from '@mui/material/Checkbox';\r\nimport PushPinIcon from '@mui/icons-material/PushPin';\r\nimport ListItemText from '@mui/material/ListItemText';\r\nimport ListItemIcon from '@mui/material/ListItemIcon';\r\nimport ZoomOutIcon from '@mui/icons-material/ZoomOut';\r\nimport ZoomInIcon from '@mui/icons-material/ZoomIn';\r\nimport CloseIcon from '@mui/icons-material/Close';\r\nimport ReplyIcon from '@mui/icons-material/Reply';\r\nimport DoneAllIcon from '@mui/icons-material/DoneAll';\r\nimport DoneIcon from '@mui/icons-material/Done';\r\nimport DownloadIcon from '@mui/icons-material/Download';\r\nimport EditIcon from '@mui/icons-material/Edit';\r\nimport Avatar from '@mui/material/Avatar';\r\nimport { CopyToClipboard } from 'react-copy-to-clipboard';\r\nimport { removeMessageById,updateMessageById,pinMessageById } from \"../../../../../../api-data\";\r\nimport { timeStampMessage, timeStampEU,handleDownload,copied,emojisArr,firstLetter, slicedWord,prodAwsS3 } 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 alignItems: 'flex-end',\r\n alignContent: 'flex-end',\r\n flexDirection:'column',\r\n borderRadius: 7,\r\n position: 'relative',\r\n padding:'4px 22px 4px 0px'\r\n },\r\n wrapper: {\r\n position: 'relative',\r\n display: 'flex',\r\n alignItems: 'start',\r\n alignContent: 'start',\r\n flexDirection: 'column',\r\n width: 400,\r\n borderRadius: 7,\r\n padding: 5,\r\n },\r\n informationWrapper: {\r\n display: 'flex',\r\n alignItems: 'center',\r\n alignContent: 'center',\r\n justifyContent: 'flex-end',\r\n width: '100%',\r\n paddingRight:3,\r\n },\r\n time: {\r\n fontSize: \".65em\",\r\n fontWeight:600,\r\n }, \r\n image: {\r\n borderRadius: 7,\r\n width: '100%',\r\n maxHeight: 'auto',\r\n cursor: 'pointer',\r\n }, \r\n overlay: {\r\n position: 'fixed',\r\n top: 0,\r\n left: 0,\r\n width: '100vw',\r\n minHeight: '100vh',\r\n zIndex: 100,\r\n backgroundColor: 'rgba(104, 105, 104, 0.6)',\r\n overflow: 'auto',\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 topBar: {\r\n position: 'fixed',\r\n top: 0,\r\n left: 0,\r\n height: '7vh',\r\n width: '100vw',\r\n display: 'flex',\r\n alignContent: 'center',\r\n alignItems: 'center',\r\n justifyContent: 'space-between',\r\n backgroundColor: 'rgba(65, 65, 65, 0.9)',\r\n zIndex: 10,\r\n padding: '0px 20px'\r\n },\r\n wrapperCredentials: {\r\n display: 'flex',\r\n alignContent: 'center',\r\n alignItems: 'center',\r\n }, \r\n wrapperIcons: {\r\n display: 'flex',\r\n alignContent: 'center',\r\n alignItems: 'center',\r\n }, \r\n magnifying : {\r\n marginLeft:5,\r\n cursor: 'pointer',\r\n color: '#e9e7e7',\r\n padding: 0,\r\n '&:hover': {\r\n color: '#ffffff',\r\n transform: 'scale(1.1)'\r\n }\r\n }, \r\n downloadIcon: {\r\n marginLeft:5,\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 iconCloseOverlay: {\r\n marginLeft:5,\r\n cursor: 'pointer',\r\n color: '#e9e7e7',\r\n padding: 0,\r\n '&:hover': {\r\n color: '#ffffff',\r\n transform: 'rotate(180deg)',\r\n transition: 'all 250ms ease-out ',\r\n }\r\n },\r\n wrapperImage: {\r\n borderRadius: 5,\r\n maxWidth:500,\r\n maxHeight: 750,\r\n display: 'flex',\r\n overflow: 'auto'\r\n },\r\n innerImage: {\r\n objectFit: 'cover',\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 emojiTitle: {\r\n position: \"absolute\",\r\n fontSize: \"1.7em\",\r\n fontWeight:600,\r\n bottom: '0.2rem',\r\n left: -40,\r\n },\r\n emojiCompanionTitle: {\r\n position: \"absolute\",\r\n fontSize: \"1.7em\",\r\n fontWeight:600,\r\n bottom: '2.2rem',\r\n left: -40,\r\n }, \r\n emoji: {\r\n\t\tcursor: 'pointer',\r\n\t\tfontSize: '1.7rem',\r\n transition: 'all 0.3s',\r\n '&:hover': {\r\n transform: 'scale(1.5)'\r\n }\r\n },\r\n emojiActive: {\r\n cursor: 'pointer',\r\n fontSize: '1.2rem',\r\n animation: `$emoji 0.6s ease-out`,\r\n\t\tanimationDirection: 'forwards',\r\n\t\tanimationIterationCount: 1,\r\n }, \r\n '@keyframes emoji': {\r\n\t '5%': { transform: 'translateY(1rem)'},\r\n\t '10%': { transform: 'translateY(0) scale(1)',opacity: 1},\r\n\t '50%': { transform: 'translateY(-4rem) scale(1.5) rotateY(90deg)'},\r\n\t '80%': {opacity: 0},\r\n\t '100%': {transform: 'translateY(-8rem) scale(2) rotateY(180deg)',opacity: 0},\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 checkboxSelect: {\r\n position: 'absolute',\r\n right: -64,\r\n top: -10,\r\n pointerEvents: 'auto'\r\n },\r\n avatarIcon: {\r\n position: 'absolute',\r\n right: -54,\r\n bottom: 0,\r\n },\r\n tongueOne: {\r\n content: \"''\",\r\n position: \"absolute\",\r\n width: \"0\",\r\n height: \"0\",\r\n borderRight: \"15px solid transparent\",\r\n borderLeft: \"15px solid transparent\",\r\n bottom: '0px',\r\n right: \"-15px\",\r\n},\r\ntongueTwo: {\r\n content: \"''\",\r\n position: \"absolute\",\r\n width: \"0\",\r\n height: \"0\",\r\n borderRight: \"16px solid transparent\",\r\n borderLeft: \"16px solid transparent\",\r\n bottom: \"0px\",\r\n right: \"-17px\",\r\n }, \r\n});\r\n\r\nconst label = { inputProps: { 'aria-label': 'Checkbox demo' } };\r\n\r\ninterface IMessageRightImage {\r\n url: string,\r\n tongue: boolean,\r\n watched: boolean,\r\n edited: boolean,\r\n avatarUrl: string,\r\n color: string,\r\n createdAt:string,\r\n fullType: string,\r\n caption: string,\r\n emoji: string,\r\n emojiCompanion: string,\r\n pinned: boolean,\r\n isSomeSelected: boolean,\r\n isSelected:(_id:string) => boolean,\r\n handleSelected: (_id:string) => void, \r\n _id: string,\r\n name: string,\r\n lastName: string,\r\n nightMode: boolean,\r\n handleReply: (_id: string) => void,\r\n handleForward: (_id: string) => void,\r\n handleEdit:(_id: string) => void,\r\n}\r\n\r\nconst MessageRightImage = ({url,tongue,watched,edited,avatarUrl,color,createdAt,fullType,caption,emoji,emojiCompanion,pinned,isSomeSelected,isSelected,handleSelected,_id,name,lastName,nightMode,handleReply,handleForward,handleEdit}: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 [scale, setScale] = useState<number>(1)\r\n const refView = useRef<null | any>(null)\r\n const open = Boolean(anchorEl);\r\n const checked = isSelected(_id)\r\n const handleIncreaseScale = () => {\r\n if (scale < 5) {\r\n refView.current.style.transform = `scale(${scale+0.25},${scale+0.25})`\r\n refView.current.style.transformOrigin = `${50 / scale + 0.25}px ${50 / scale + 0.25}px`\r\n setScale(scale+0.25)\r\n }\r\n }\r\n const handleDecreaseScale = () => {\r\n if (scale >= 0.5) {\r\n refView.current.style.transform = `scale(${scale-0.25},${scale-0.25})`\r\n refView.current.style.transformOrigin = `${50/scale-0.25}px ${50/scale-0.25}px`\r\n setScale(scale-0.25)\r\n }\r\n } \r\n const handleOpenWatch = () => !watch&&setWatch(true)\r\n const handleCloseWatch = (e:any) => {\r\n const id = e.target.id\r\n if (id === 'overlay' || id === 'close') {\r\n setWatch(false)\r\n refView.current.style.transform = 'scale(1)'\r\n setScale(1)\r\n }\r\n } \r\n const handleClose = (type: string | undefined): void => {\r\n if (type === 'copy') copied('Text')\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 const handleEmojiMenu = ({ target }: any): void => {\r\n const idEmoji = target.id\r\n if (idEmoji === emoji) {updateMessageById(_id,'') \r\n } else updateMessageById(_id,idEmoji)\r\n } \r\n\r\n return (watch ?\r\n <div onClick={handleCloseWatch} id='overlay' className={classes.overlay}>\r\n <div className={classes.topBar}>\r\n <div className={classes.wrapperCredentials}>\r\n <ListItemIcon >\r\n <Avatar alt={name} src={url?url:undefined}\r\n sx={{ background: color, width: 44, height: 44 }}>\r\n {!url&&`${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 primaryTypographyProps={{ color: '#ffffff' }}\r\n secondary={timeStampEU(createdAt)} secondaryTypographyProps={{ color: '#ffffff' }} />\r\n </div>\r\n <div className={classes.wrapperIcons}>\r\n <ZoomOutIcon onClick={handleDecreaseScale}\r\n className={classes.magnifying} fontSize='large' />\r\n <ZoomInIcon onClick={handleIncreaseScale}\r\n className={classes.magnifying} fontSize='large' />\r\n <DownloadForOfflineIcon onClick={() => handleDownload(url, fullType)}\r\n className={classes.downloadIcon} fontSize='large' />\r\n <CloseIcon id='close' onClick={handleCloseWatch}\r\n className={classes.iconCloseOverlay} fontSize='large' />\r\n </div> \r\n </div>\r\n <div ref={refView} className={classes.wrapperImage}>\r\n <img className={classes.innerImage}\r\n width='100%' height='auto' alt='imageItem' src={url} />\r\n </div>\r\n </div> :\r\n <div className={classes.container} style={{marginBottom:tongue?12:0}}>\r\n <div onContextMenu={(e) => handleContextMenu(e)} className={classes.wrapper}\r\n style={{backgroundColor:selected?'#ced8d7':'#deffa9',pointerEvents:isSomeSelected?'none':'auto'}}>\r\n <Typography style={{color: \"#26afee\",marginBottom:10}} variant=\"h6\" align=\"right\">\r\n {`${firstLetter(name)}${slicedWord(name, 15, 1)} \r\n ${firstLetter(lastName)}${slicedWord(lastName, 15, 1)}`}\r\n </Typography>\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 <ListItemText style={{wordBreak:'break-word'}} secondary={caption} secondaryTypographyProps={{color: \"#000000\"}}/>\r\n <div className={classes.informationWrapper}>\r\n <div className={classes.time} style={{ color: '#18bd03'}}>{`${edited?'edited ':''}${timeStampMessage(createdAt)}`}</div>\r\n {watched ? <DoneAllIcon style={{ color: '#18bd03', marginLeft: 5 }} fontSize='small' /> :\r\n <DoneIcon style={{ color: '#18bd03',marginLeft:5}} fontSize='small' />}\r\n </div>\r\n {tongue&&<div className={classes.avatarIcon}>\r\n <Avatar alt={name} src={avatarUrl?`${prodAwsS3}/${avatarUrl}`:undefined}\r\n sx={{ background: color, width: 40, height: 40 }}>\r\n {!avatarUrl&&`${firstLetter(name)}${firstLetter(lastName)}`}\r\n </Avatar>\r\n </div>}\r\n {tongue&&<span className={classes.tongueOne} style={{borderBottom: `15px solid ${selected?'#ced8d7':'#deffa9'}`}}></span>}\r\n {tongue&&<span className={classes.tongueTwo} style={{borderBottom: `17px solid ${selected?'#ced8d7':'#deffa9'}`}}></span>}\r\n {emojiCompanion && <div className={classes.emojiCompanionTitle}>{emojisArr[Number(emojiCompanion)]}</div>}\r\n {emoji && <div className={classes.emojiTitle}>{emojisArr[Number(emoji)]}</div>}\r\n {isSomeSelected && <div className={classes.checkboxSelect}><Checkbox {...label} checked={checked} sx={{ color: nightMode ? '#ffffff' : '#00ff48', '&.Mui-checked': { color: nightMode ? '#ffffff' : '#00ff48' } }}\r\n onClick={() => handleSelected(_id)}/></div>}\r\n <StyledMenu id=\"demo-positioned-menu\" aria-labelledby=\"demo-positioned-button\"\r\n anchorEl={anchorEl} open={open} onClose={handleClose}>\r\n <MenuItem onClick={handleEmojiMenu} style={{ cursor: 'none' }} >\r\n {emojisArr.map((el:string, i:number) =>\r\n <div key={el} className={emoji === String(i)?classes.emojiActive:classes.emoji} id={String(i)}>{el}</div>)}\r\n </MenuItem>\r\n <Divider />\r\n <MenuItem onClick={() => {\r\n handleReply(_id)\r\n handleClose(undefined)\r\n }}>\r\n <ReplyIcon />\r\n Reply\r\n </MenuItem>\r\n <MenuItem onClick={() => {\r\n handleForward(_id)\r\n handleClose(undefined)\r\n }}>\r\n <ReplyIcon style={{transform :'rotateY(180deg)'}} />\r\n Forward\r\n </MenuItem> \r\n <MenuItem onClick={() => {\r\n handleEdit(_id)\r\n handleClose(undefined)\r\n }}>\r\n <EditIcon/>\r\n Edit\r\n </MenuItem> \r\n <MenuItem onClick={() => handleDownload(url, fullType)}>\r\n <DownloadIcon/>\r\n Download\r\n </MenuItem> \r\n {caption&&<CopyToClipboard onCopy={() => handleClose('copy')} text={caption}>\r\n <MenuItem>\r\n <ContentCopyIcon />\r\n Copy Text\r\n </MenuItem>\r\n </CopyToClipboard>}\r\n <MenuItem onClick={() => {\r\n pinMessageById(_id, !pinned)\r\n handleClose(undefined)\r\n }}>\r\n {pinned ?\r\n <CloseIcon className={classes.iconClose} /> :\r\n <PushPinIcon />}\r\n {pinned?'Unpin':'Pin'}\r\n </MenuItem> \r\n <MenuItem onClick={() => {\r\n handleSelected(_id)\r\n handleClose(undefined)\r\n }}>\r\n <CheckBoxIcon />\r\n Select\r\n </MenuItem>\r\n <MenuItem style={{color:'#f02a2a'}} onClick={() => handleClose('delete')}>\r\n <DeleteOutlineIcon style={{color:'#f02a2a'}}/>\r\n Delete\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 Avatar from '@mui/material/Avatar';\r\nimport ListItemText from '@mui/material/ListItemText';\r\nimport Typography from '@mui/material/Typography';\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 Divider from '@mui/material/Divider';\r\nimport CheckBoxIcon from '@mui/icons-material/CheckBox';\r\nimport Checkbox from '@mui/material/Checkbox';\r\nimport Menu from '@mui/material/Menu';\r\nimport MenuItem from '@mui/material/MenuItem';\r\nimport PushPinIcon from '@mui/icons-material/PushPin';\r\nimport CloseIcon from '@mui/icons-material/Close';\r\nimport ReplyIcon from '@mui/icons-material/Reply';\r\nimport DoneAllIcon from '@mui/icons-material/DoneAll';\r\nimport DoneIcon from '@mui/icons-material/Done';\r\nimport DownloadIcon from '@mui/icons-material/Download';\r\nimport EditIcon from '@mui/icons-material/Edit';\r\nimport { CopyToClipboard } from 'react-copy-to-clipboard';\r\nimport { removeMessageById,updateMessageById,pinMessageById } from \"../../../../../../api-data\";\r\nimport { timeStampMessage,handleDownload,copied,emojisArr,firstLetter,slicedWord,prodAwsS3 } 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 alignItems: 'flex-end',\r\n alignContent: 'flex-end',\r\n flexDirection:'column',\r\n borderRadius: 7,\r\n position: 'relative',\r\n padding:'4px 22px 4px 0px'\r\n },\r\n wrapper: {\r\n position: 'relative',\r\n display: 'flex',\r\n alignItems: 'start',\r\n alignContent: 'start',\r\n flexDirection: 'column',\r\n padding: 5,\r\n width:350,\r\n borderRadius: 7,\r\n },\r\n informationWrapper: {\r\n display: 'flex',\r\n alignItems: 'center',\r\n alignContent: 'center',\r\n justifyContent: 'flex-end',\r\n width: '100%',\r\n paddingRight:3,\r\n },\r\n time: {\r\n fontSize: \".65em\",\r\n fontWeight:600,\r\n }, \r\n player: {\r\n borderRadius: 7,\r\n width:'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 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 emojiTitle: {\r\n position: \"absolute\",\r\n fontSize: \"1.7em\",\r\n fontWeight:600,\r\n bottom: '0.2rem',\r\n left: -40,\r\n },\r\n emojiCompanionTitle: {\r\n position: \"absolute\",\r\n fontSize: \"1.7em\",\r\n fontWeight:600,\r\n bottom: '2.2rem',\r\n left: -40,\r\n }, \r\n emoji: {\r\n\t\tcursor: 'pointer',\r\n\t\tfontSize: '1.7rem',\r\n transition: 'all 0.3s',\r\n '&:hover': {\r\n transform: 'scale(1.5)'\r\n }\r\n },\r\n emojiActive: {\r\n cursor: 'pointer',\r\n fontSize: '1.2rem',\r\n animation: `$emoji 0.6s ease-out`,\r\n\t\tanimationDirection: 'forwards',\r\n\t\tanimationIterationCount: 1,\r\n }, \r\n '@keyframes emoji': {\r\n\t '5%': { transform: 'translateY(1rem)'},\r\n\t '10%': { transform: 'translateY(0) scale(1)',opacity: 1},\r\n\t '50%': { transform: 'translateY(-4rem) scale(1.5) rotateY(90deg)'},\r\n\t '80%': {opacity: 0},\r\n\t '100%': {transform: 'translateY(-8rem) scale(2) rotateY(180deg)',opacity: 0},\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 checkboxSelect: {\r\n position: 'absolute',\r\n right: -64,\r\n top: -10,\r\n pointerEvents: 'auto'\r\n },\r\n avatarIcon: {\r\n position: 'absolute',\r\n right: -54,\r\n bottom: 0,\r\n },\r\n tongueOne: {\r\n content: \"''\",\r\n position: \"absolute\",\r\n width: \"0\",\r\n height: \"0\",\r\n borderRight: \"15px solid transparent\",\r\n borderLeft: \"15px solid transparent\",\r\n bottom: '0px',\r\n right: \"-15px\",\r\n},\r\ntongueTwo: {\r\n content: \"''\",\r\n position: \"absolute\",\r\n width: \"0\",\r\n height: \"0\",\r\n borderRight: \"16px solid transparent\",\r\n borderLeft: \"16px solid transparent\",\r\n bottom: \"0px\",\r\n right: \"-17px\",\r\n }, \r\n});\r\n\r\nconst label = { inputProps: { 'aria-label': 'Checkbox demo' } };\r\n\r\ninterface IMessageRightAudio {\r\n url: string,\r\n tongue: boolean,\r\n watched: boolean,\r\n edited: boolean,\r\n avatarUrl: string,\r\n color: string,\r\n name: string,\r\n lastName: string,\r\n createdAt: string,\r\n fullType: string,\r\n caption: string,\r\n emoji: string,\r\n emojiCompanion: string,\r\n pinned: boolean,\r\n isSomeSelected: boolean,\r\n isSelected:(_id:string) => boolean,\r\n handleSelected: (_id:string) => void, \r\n _id: string,\r\n nightMode: boolean,\r\n handleReply: (_id: string) => void,\r\n handleForward: (_id: string) => void,\r\n handleEdit:(_id: string) => void,\r\n}\r\n\r\nconst MessageRightAudio = ({ url,tongue,watched,edited,avatarUrl,color,name,lastName,createdAt,fullType,caption,_id,emoji,emojiCompanion,pinned,isSomeSelected,isSelected,handleSelected,nightMode,handleReply,handleForward,handleEdit }: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 checked = isSelected(_id)\r\n const handleClose = (type: string | undefined): void => {\r\n if (type === 'copy') copied('Text')\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 const handleEmojiMenu = ({ target }: any): void => {\r\n const idEmoji = target.id\r\n if (idEmoji === emoji) {updateMessageById(_id,'') \r\n } else updateMessageById(_id,idEmoji)\r\n } \r\n\r\n return (\r\n <div className={classes.container} style={{marginBottom:tongue?12:0}}>\r\n <div onContextMenu={(e) => handleContextMenu(e)} className={classes.wrapper}\r\n style={{backgroundColor:selected?'#ced8d7':'#deffa9',pointerEvents: isSomeSelected ? 'none' : 'auto' }}>\r\n <Typography style={{color: \"#26afee\",marginBottom:10}} variant=\"h6\" align=\"right\">\r\n {`${firstLetter(name)}${slicedWord(name, 15, 1)} \r\n ${firstLetter(lastName)}${slicedWord(lastName, 15, 1)}`}\r\n </Typography>\r\n <ReactAudioPlayer className={classes.player} src={url} controls />\r\n <ListItemText style={{wordBreak:'break-word'}} secondary={caption} secondaryTypographyProps={{color: \"#000000\"}}/>\r\n <div className={classes.informationWrapper}>\r\n <div className={classes.time} style={{ color: '#18bd03'}}>{`${edited?'edited ':''}${timeStampMessage(createdAt)}`}</div>\r\n {watched ? <DoneAllIcon style={{ color: '#18bd03', marginLeft: 5 }} fontSize='small' /> :\r\n <DoneIcon style={{ color: '#18bd03',marginLeft:5}} fontSize='small' />}\r\n </div>\r\n {tongue&&<div className={classes.avatarIcon}>\r\n <Avatar alt={name} src={avatarUrl?`${prodAwsS3}/${avatarUrl}`:undefined}\r\n sx={{ background: color, width: 40, height: 40 }}>\r\n {!avatarUrl&&`${firstLetter(name)}${firstLetter(lastName)}`}\r\n </Avatar>\r\n </div>}\r\n {tongue&&<span className={classes.tongueOne} style={{borderBottom: `15px solid ${selected?'#ced8d7':'#deffa9'}`}}></span>}\r\n {tongue&&<span className={classes.tongueTwo} style={{borderBottom: `17px solid ${selected?'#ced8d7':'#deffa9'}`}}></span>}\r\n {emojiCompanion && <div className={classes.emojiCompanionTitle}>{emojisArr[Number(emojiCompanion)]}</div>}\r\n {emoji && <div className={classes.emojiTitle}>{emojisArr[Number(emoji)]}</div>}\r\n {isSomeSelected && <div className={classes.checkboxSelect}><Checkbox {...label} checked={checked} sx={{ color: nightMode ? '#ffffff' : '#00ff48', '&.Mui-checked': { color: nightMode ? '#ffffff' : '#00ff48' } }}\r\n onClick={() => handleSelected(_id)}/></div>}\r\n <StyledMenu id=\"demo-positioned-menu\" aria-labelledby=\"demo-positioned-button\"\r\n anchorEl={anchorEl} open={open} onClose={handleClose}>\r\n <MenuItem onClick={handleEmojiMenu} style={{ cursor: 'none' }} >\r\n {emojisArr.map((el:string, i:number) =>\r\n <div key={el} className={emoji === String(i)?classes.emojiActive:classes.emoji} id={String(i)}>{el}</div>)}\r\n </MenuItem>\r\n <Divider />\r\n <MenuItem onClick={() => {\r\n handleReply(_id)\r\n handleClose(undefined)\r\n }}>\r\n <ReplyIcon />\r\n Reply\r\n </MenuItem>\r\n <MenuItem onClick={() => {\r\n handleForward(_id)\r\n handleClose(undefined)\r\n }}>\r\n <ReplyIcon style={{transform :'rotateY(180deg)'}} />\r\n Forward\r\n </MenuItem>\r\n <MenuItem onClick={() => {\r\n handleEdit(_id)\r\n handleClose(undefined)\r\n }}>\r\n <EditIcon/>\r\n Edit\r\n </MenuItem> \r\n <MenuItem onClick={() => handleDownload(url, fullType)}>\r\n <DownloadIcon/>\r\n Download\r\n </MenuItem> \r\n {caption&&<CopyToClipboard onCopy={() => handleClose('copy')} text={caption}>\r\n <MenuItem>\r\n <ContentCopyIcon />\r\n Copy Text\r\n </MenuItem>\r\n </CopyToClipboard>}\r\n <MenuItem onClick={() => {\r\n pinMessageById(_id, !pinned)\r\n handleClose(undefined)\r\n }}>\r\n {pinned ?\r\n <CloseIcon className={classes.iconClose} /> :\r\n <PushPinIcon />}\r\n {pinned?'Unpin':'Pin'}\r\n </MenuItem> \r\n <MenuItem onClick={() => {\r\n handleSelected(_id)\r\n handleClose(undefined)\r\n }}>\r\n <CheckBoxIcon />\r\n Select\r\n </MenuItem>\r\n <MenuItem style={{color:'#f02a2a'}} onClick={() => handleClose('delete')}>\r\n <DeleteOutlineIcon style={{color:'#f02a2a'}}/>\r\n Delete\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 Typography from '@mui/material/Typography';\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 Divider from '@mui/material/Divider';\r\nimport CheckBoxIcon from '@mui/icons-material/CheckBox';\r\nimport Checkbox from '@mui/material/Checkbox';\r\nimport PushPinIcon from '@mui/icons-material/PushPin';\r\nimport CloseIcon from '@mui/icons-material/Close';\r\nimport ReplyIcon from '@mui/icons-material/Reply';\r\nimport DoneAllIcon from '@mui/icons-material/DoneAll';\r\nimport DoneIcon from '@mui/icons-material/Done';\r\nimport DownloadIcon from '@mui/icons-material/Download';\r\nimport EditIcon from '@mui/icons-material/Edit';\r\nimport Avatar from '@mui/material/Avatar';\r\nimport { CopyToClipboard } from 'react-copy-to-clipboard';\r\nimport { removeMessageById,updateMessageById,pinMessageById } from \"../../../../../../api-data\";\r\nimport { timeStampMessage,handleDownload,copied,emojisArr,slicedWord,firstLetter,prodAwsS3 } 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 alignItems: 'flex-end',\r\n alignContent: 'flex-end',\r\n flexDirection:'column',\r\n borderRadius: 7,\r\n position: 'relative',\r\n padding:'4px 22px 4px 0px'\r\n },\r\n wrapper: {\r\n position: 'relative',\r\n display: 'flex',\r\n alignItems: 'start',\r\n alignContent: 'start',\r\n flexDirection: 'column',\r\n width: 400,\r\n padding: 5,\r\n borderRadius: 7,\r\n }, \r\n informationWrapper: {\r\n display: 'flex',\r\n alignItems: 'center',\r\n alignContent: 'center',\r\n justifyContent: 'flex-end',\r\n width: '100%',\r\n paddingRight:3,\r\n },\r\n time: {\r\n fontSize: \".65em\",\r\n fontWeight:600,\r\n },\r\n player: {\r\n backgroundColor: '#deffa9',\r\n width: '100%',\r\n },\r\n playerActive: {\r\n backgroundColor: '#ced8d7',\r\n width: '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 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 emojiTitle: {\r\n position: \"absolute\",\r\n fontSize: \"1.7em\",\r\n fontWeight:600,\r\n bottom: '0.2rem',\r\n left: -40,\r\n },\r\n emojiCompanionTitle: {\r\n position: \"absolute\",\r\n fontSize: \"1.7em\",\r\n fontWeight:600,\r\n bottom: '2.2rem',\r\n left: -40,\r\n }, \r\n emoji: {\r\n\t\tcursor: 'pointer',\r\n\t\tfontSize: '1.7rem',\r\n transition: 'all 0.3s',\r\n '&:hover': {\r\n transform: 'scale(1.5)'\r\n }\r\n },\r\n emojiActive: {\r\n cursor: 'pointer',\r\n fontSize: '1.2rem',\r\n animation: `$emoji 0.6s ease-out`,\r\n\t\tanimationDirection: 'forwards',\r\n\t\tanimationIterationCount: 1,\r\n }, \r\n '@keyframes emoji': {\r\n\t '5%': { transform: 'translateY(1rem)'},\r\n\t '10%': { transform: 'translateY(0) scale(1)',opacity: 1},\r\n\t '50%': { transform: 'translateY(-4rem) scale(1.5) rotateY(90deg)'},\r\n\t '80%': {opacity: 0},\r\n\t '100%': {transform: 'translateY(-8rem) scale(2) rotateY(180deg)',opacity: 0},\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 checkboxSelect: {\r\n position: 'absolute',\r\n right: -64,\r\n top: -10,\r\n pointerEvents: 'auto'\r\n },\r\n avatarIcon: {\r\n position: 'absolute',\r\n right: -54,\r\n bottom: 0,\r\n },\r\n tongueOne: {\r\n content: \"''\",\r\n position: \"absolute\",\r\n width: \"0\",\r\n height: \"0\",\r\n borderRight: \"15px solid transparent\",\r\n borderLeft: \"15px solid transparent\",\r\n bottom: '0px',\r\n right: \"-15px\",\r\n},\r\ntongueTwo: {\r\n content: \"''\",\r\n position: \"absolute\",\r\n width: \"0\",\r\n height: \"0\",\r\n borderRight: \"16px solid transparent\",\r\n borderLeft: \"16px solid transparent\",\r\n bottom: \"0px\",\r\n right: \"-17px\",\r\n }, \r\n});\r\n\r\nconst label = { inputProps: { 'aria-label': 'Checkbox demo' } };\r\n\r\ninterface IMessageRightVideo {\r\n url: string,\r\n tongue: boolean,\r\n watched: boolean,\r\n edited: boolean,\r\n avatarUrl: string,\r\n color: string,\r\n name: string,\r\n lastName: string,\r\n createdAt: string,\r\n fullType: string,\r\n caption: string,\r\n emoji: string,\r\n emojiCompanion: string,\r\n pinned: boolean,\r\n isSomeSelected: boolean,\r\n isSelected:(_id:string) => boolean,\r\n handleSelected: (_id:string) => void, \r\n _id: string,\r\n nightMode: boolean,\r\n handleReply: (_id: string) => void,\r\n handleForward: (_id: string) => void,\r\n handleEdit:(_id: string) => void,\r\n}\r\n\r\nconst MessageRightVideo = ({ url,tongue,watched,edited,avatarUrl,color,name,lastName,createdAt,fullType,caption,emoji,emojiCompanion,pinned,isSomeSelected,isSelected,handleSelected,_id,nightMode,handleReply,handleForward,handleEdit }: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 const checked = isSelected(_id)\r\n const handleClose = (type: string | undefined): void => {\r\n if (type === 'copy') copied('Text')\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 const handleEmojiMenu = ({ target }: any): void => {\r\n const idEmoji = target.id\r\n if (idEmoji === emoji) {updateMessageById(_id,'') \r\n } else updateMessageById(_id,idEmoji)\r\n } \r\n \r\n return (\r\n <div className={classes.container} style={{marginBottom:tongue?12:0}}>\r\n <div onContextMenu={(e) => handleContextMenu(e)} className={classes.wrapper}\r\n style={{backgroundColor:selected?'#ced8d7':'#deffa9',pointerEvents:isSomeSelected?'none':'auto'}}>\r\n <Typography style={{color: \"#26afee\",marginBottom:10}} variant=\"h6\" align=\"right\">\r\n {`${firstLetter(name)}${slicedWord(name, 15, 1)} \r\n ${firstLetter(lastName)}${slicedWord(lastName, 15, 1)}`}\r\n </Typography>\r\n <Player className={selected?classes.playerActive:classes.player} playsInline src={url}/>\r\n <ListItemText style={{wordBreak:'break-word'}} secondary={caption} secondaryTypographyProps={{color: \"#000000\"}}/>\r\n <div className={classes.informationWrapper}>\r\n <div className={classes.time} style={{ color: '#18bd03'}}>{`${edited?'edited ':''}${timeStampMessage(createdAt)}`}</div>\r\n {watched ? <DoneAllIcon style={{ color: '#18bd03', marginLeft: 5 }} fontSize='small' /> :\r\n <DoneIcon style={{ color: '#18bd03',marginLeft:5}} fontSize='small' />}\r\n </div>\r\n {tongue&&<div className={classes.avatarIcon}>\r\n <Avatar alt={name} src={avatarUrl?`${prodAwsS3}/${avatarUrl}`:undefined}\r\n sx={{ background: color, width: 40, height: 40 }}>\r\n {!avatarUrl&&`${firstLetter(name)}${firstLetter(lastName)}`}\r\n </Avatar>\r\n </div>}\r\n {tongue&&<span className={classes.tongueOne} style={{borderBottom: `15px solid ${selected?'#ced8d7':'#deffa9'}`}}></span>}\r\n {tongue&&<span className={classes.tongueTwo} style={{borderBottom: `17px solid ${selected?'#ced8d7':'#deffa9'}`}}></span>}\r\n {emojiCompanion && <div className={classes.emojiCompanionTitle}>{emojisArr[Number(emojiCompanion)]}</div>}\r\n {emoji && <div className={classes.emojiTitle}>{emojisArr[Number(emoji)]}</div>}\r\n {isSomeSelected && <div className={classes.checkboxSelect}><Checkbox {...label} checked={checked} sx={{ color: nightMode ? '#ffffff' : '#00ff48', '&.Mui-checked': { color: nightMode ? '#ffffff' : '#00ff48' } }}\r\n onClick={() => handleSelected(_id)}/></div>}\r\n <StyledMenu id=\"demo-positioned-menu\" aria-labelledby=\"demo-positioned-button\"\r\n anchorEl={anchorEl} open={open} onClose={handleClose}>\r\n <MenuItem onClick={handleEmojiMenu} style={{ cursor: 'none' }} >\r\n {emojisArr.map((el:string, i:number) =>\r\n <div key={el} className={emoji === String(i)?classes.emojiActive:classes.emoji} id={String(i)}>{el}</div>)}\r\n </MenuItem>\r\n <Divider />\r\n <MenuItem onClick={() => {\r\n handleReply(_id)\r\n handleClose(undefined)\r\n }}>\r\n <ReplyIcon />\r\n Reply\r\n </MenuItem>\r\n <MenuItem onClick={() => {\r\n handleForward(_id)\r\n handleClose(undefined)\r\n }}>\r\n <ReplyIcon style={{transform :'rotateY(180deg)'}} />\r\n Forward\r\n </MenuItem> \r\n <MenuItem onClick={() => {\r\n handleEdit(_id)\r\n handleClose(undefined)\r\n }}>\r\n <EditIcon/>\r\n Edit\r\n </MenuItem> \r\n <MenuItem onClick={() => handleDownload(url, fullType)}>\r\n <DownloadIcon/>\r\n Download\r\n </MenuItem> \r\n {caption&&<CopyToClipboard onCopy={() => handleClose('copy')} text={caption}>\r\n <MenuItem>\r\n <ContentCopyIcon />\r\n Copy Text\r\n </MenuItem>\r\n </CopyToClipboard>}\r\n <MenuItem onClick={() => {\r\n pinMessageById(_id, !pinned)\r\n handleClose(undefined)\r\n }}>\r\n {pinned ?\r\n <CloseIcon className={classes.iconClose} /> :\r\n <PushPinIcon />}\r\n {pinned?'Unpin':'Pin'}\r\n </MenuItem> \r\n <MenuItem onClick={() => {\r\n handleSelected(_id)\r\n handleClose(undefined)\r\n }}>\r\n <CheckBoxIcon />\r\n Select\r\n </MenuItem>\r\n <MenuItem style={{color:'#f02a2a'}} onClick={() => handleClose('delete')}>\r\n <DeleteOutlineIcon style={{color:'#f02a2a'}}/>\r\n Delete\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,useRef } from \"react\";\r\nimport Typography from '@mui/material/Typography';\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 Divider from '@mui/material/Divider';\r\nimport CheckBoxIcon from '@mui/icons-material/CheckBox';\r\nimport Checkbox from '@mui/material/Checkbox';\r\nimport PushPinIcon from '@mui/icons-material/PushPin';\r\nimport CloseIcon from '@mui/icons-material/Close';\r\nimport ZoomOutIcon from '@mui/icons-material/ZoomOut';\r\nimport ZoomInIcon from '@mui/icons-material/ZoomIn';\r\nimport ReplyIcon from '@mui/icons-material/Reply';\r\nimport DoneAllIcon from '@mui/icons-material/DoneAll';\r\nimport DoneIcon from '@mui/icons-material/Done';\r\nimport DownloadIcon from '@mui/icons-material/Download';\r\nimport EditIcon from '@mui/icons-material/Edit';\r\nimport Avatar from '@mui/material/Avatar';\r\nimport { CopyToClipboard } from 'react-copy-to-clipboard';\r\nimport { removeMessageById,updateMessageById,pinMessageById } from \"../../../../../../api-data\";\r\nimport { timeStampMessage,copied,emojisArr,slicedWord,firstLetter,handleDownload,prodAwsS3} 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 alignItems: 'flex-end',\r\n alignContent: 'flex-end',\r\n flexDirection:'column',\r\n borderRadius: 7,\r\n padding:'4px 22px 4px 0px'\r\n },\r\n wrapper: {\r\n position: 'relative',\r\n display: 'flex',\r\n alignItems: 'start',\r\n alignContent: 'start',\r\n flexDirection: 'column',\r\n maxWidth: 450,\r\n minWidth:300,\r\n padding: 5,\r\n borderRadius: 7,\r\n }, \r\n informationWrapper: {\r\n display: 'flex',\r\n alignItems: 'center',\r\n alignContent: 'center',\r\n justifyContent: 'flex-end',\r\n width: '100%',\r\n paddingRight:3,\r\n },\r\n time: {\r\n fontSize: \".65em\",\r\n fontWeight:600,\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: 'auto',\r\n zIndex: 100,\r\n overflow: 'auto',\r\n },\r\n wrapperIcons: {\r\n position: 'absolute',\r\n top: 14,\r\n right: 30,\r\n display: 'flex',\r\n alignContent: 'center',\r\n alignItems: 'center',\r\n padding: '2px 10px',\r\n borderRadius: 10,\r\n backgroundColor: 'rgba(65, 65, 65, 0.9)',\r\n zIndex:150\r\n }, \r\n magnifying : {\r\n cursor: 'pointer',\r\n color: '#e9e7e7',\r\n padding: 0,\r\n marginRight:10,\r\n '&:hover': {\r\n color: '#ffffff',\r\n transform: 'scale(1.1)'\r\n }\r\n },\r\n iconCloseOverlay: {\r\n marginLeft:5,\r\n cursor: 'pointer',\r\n color: '#e9e7e7',\r\n padding: 0,\r\n '&:hover': {\r\n color: '#ffffff',\r\n transform: 'rotate(180deg)',\r\n transition: 'all 250ms ease-out ',\r\n }\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 emojiTitle: {\r\n position: \"absolute\",\r\n fontSize: \"1.7em\",\r\n fontWeight:600,\r\n bottom: '0.2rem',\r\n left: -40,\r\n },\r\n emojiCompanionTitle: {\r\n position: \"absolute\",\r\n fontSize: \"1.7em\",\r\n fontWeight:600,\r\n bottom: '2.2rem',\r\n left: -40,\r\n }, \r\n emoji: {\r\n\t\tcursor: 'pointer',\r\n\t\tfontSize: '1.7rem',\r\n transition: 'all 0.3s',\r\n '&:hover': {\r\n transform: 'scale(1.5)'\r\n }\r\n },\r\n emojiActive: {\r\n cursor: 'pointer',\r\n fontSize: '1.2rem',\r\n animation: `$emoji 0.6s ease-out`,\r\n\t\tanimationDirection: 'forwards',\r\n\t\tanimationIterationCount: 1,\r\n }, \r\n '@keyframes emoji': {\r\n\t '5%': { transform: 'translateY(1rem)'},\r\n\t '10%': { transform: 'translateY(0) scale(1)',opacity: 1},\r\n\t '50%': { transform: 'translateY(-4rem) scale(1.5) rotateY(90deg)'},\r\n\t '80%': {opacity: 0},\r\n\t '100%': {transform: 'translateY(-8rem) scale(2) rotateY(180deg)',opacity: 0},\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 checkboxSelect: {\r\n position: 'absolute',\r\n right: -64,\r\n top: -10,\r\n pointerEvents: 'auto'\r\n },\r\n avatarIcon: {\r\n position: 'absolute',\r\n right: -54,\r\n bottom: 0,\r\n },\r\n tongueOne: {\r\n content: \"''\",\r\n position: \"absolute\",\r\n width: \"0\",\r\n height: \"0\",\r\n borderRight: \"15px solid transparent\",\r\n borderLeft: \"15px solid transparent\",\r\n bottom: '0px',\r\n right: \"-15px\",\r\n},\r\ntongueTwo: {\r\n content: \"''\",\r\n position: \"absolute\",\r\n width: \"0\",\r\n height: \"0\",\r\n borderRight: \"16px solid transparent\",\r\n borderLeft: \"16px solid transparent\",\r\n bottom: \"0px\",\r\n right: \"-17px\",\r\n }, \r\n});\r\n\r\nconst label = { inputProps: { 'aria-label': 'Checkbox demo' } };\r\n\r\ninterface IMessageRightFile {\r\n url: string,\r\n tongue: boolean,\r\n watched: boolean,\r\n edited: boolean,\r\n avatarUrl: string,\r\n color: string,\r\n name: string,\r\n lastName: string,\r\n createdAt: string,\r\n type: string,\r\n caption: string,\r\n emoji: string,\r\n emojiCompanion: string,\r\n pinned: boolean,\r\n isSomeSelected: boolean,\r\n isSelected:(_id:string) => boolean,\r\n handleSelected: (_id:string) => void, \r\n _id: string,\r\n nightMode: boolean,\r\n handleReply: (_id: string) => void,\r\n handleForward: (_id: string) => void,\r\n handleEdit:(_id: string) => void,\r\n}\r\n\r\nconst MessageRightFile = ({ url,tongue,watched,edited,avatarUrl,color,name,lastName,createdAt,type,caption,emoji,emojiCompanion,pinned,isSomeSelected,isSelected,handleSelected,_id,nightMode,handleReply,handleForward,handleEdit }: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 [scale, setScale] = useState<number>(1)\r\n const [modal,setModal] = useState<boolean>(false)\r\n const open = Boolean(anchorEl);\r\n const checked = isSelected(_id)\r\n const refView = useRef<null | any>(null)\r\n const handleIncreaseScale = () => {\r\n if (scale < 5) {\r\n refView.current.style.transform = `scale(${scale+0.25},${scale+0.25})`\r\n refView.current.style.transformOrigin = `${50 / scale + 0.25}px ${50 / scale + 0.25}px`\r\n setScale(scale+0.25)\r\n }\r\n }\r\n const handleDecreaseScale = () => {\r\n if (scale >= 0.5) {\r\n refView.current.style.transform = `scale(${scale-0.25},${scale-0.25})`\r\n refView.current.style.transformOrigin = `${50/scale-0.25}px ${50/scale-0.25}px`\r\n setScale(scale-0.25)\r\n }\r\n } \r\n const handleOpenRead = () => !read&&setRead(true)\r\n const handleDownloadFile = (e: any) => {\r\n e.stopPropagation()\r\n handleDownload(url, type)\r\n }\r\n const handleCloseRead = (e:any) => {\r\n const id = e.target.id\r\n if (id === 'overlay' || id === 'close') {\r\n setRead(false)\r\n setScale(1)\r\n }\r\n }\r\n const handleClose = (type: string | undefined): void => {\r\n if (type === 'copy') copied('Text')\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 const handleEmojiMenu = ({ target }: any): void => {\r\n const idEmoji = target.id\r\n if (idEmoji === emoji) {updateMessageById(_id,'') \r\n } else updateMessageById(_id,idEmoji)\r\n } \r\n\r\n return (\r\n <div className={classes.container} style={{marginBottom:tongue?12:0}}>\r\n {read && <div className={classes.wrapperIcons}>\r\n <ZoomOutIcon onClick={handleDecreaseScale} className={classes.magnifying} fontSize='large' />\r\n <ZoomInIcon onClick={handleIncreaseScale} className={classes.magnifying} fontSize='large' />\r\n <CloseIcon id='close' onClick={handleCloseRead} className={classes.iconCloseOverlay} fontSize='large' />\r\n </div>} \r\n {read && <div className={classes.overlay} id='overlay'\r\n onClick={handleCloseRead}>\r\n <div ref={refView}>\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>}\r\n <div onContextMenu={(e) => handleContextMenu(e)} className={classes.wrapper}\r\n style={{backgroundColor:selected?'#ced8d7':\"#deffa9\",pointerEvents:isSomeSelected?'none':'auto'}}>\r\n <Typography style={{color: \"#26afee\",marginBottom:10}} variant=\"h6\" align=\"right\">\r\n {`${firstLetter(name)}${slicedWord(name, 15, 1)} \r\n ${firstLetter(lastName)}${slicedWord(lastName, 15, 1)}`}\r\n </Typography>\r\n {!read &&<Button fullWidth onClick={handleOpenRead} variant=\"contained\" color='warning' style={{fontWeight:500,fontSize:18}}>\r\n Read File\r\n </Button>}\r\n <ListItemText style={{wordBreak:'break-word'}} secondary={caption} secondaryTypographyProps={{color: \"#000000\"}}/>\r\n <div className={classes.informationWrapper}>\r\n <div className={classes.time} style={{ color: '#18bd03'}}>{`${edited?'edited ':''}${timeStampMessage(createdAt)}`}</div>\r\n {watched ? <DoneAllIcon style={{ color: '#18bd03', marginLeft: 5 }} fontSize='small' /> :\r\n <DoneIcon style={{ color: '#18bd03',marginLeft:5}} fontSize='small' />}\r\n </div>\r\n {tongue&&<div className={classes.avatarIcon}>\r\n <Avatar alt={name} src={avatarUrl?`${prodAwsS3}/${avatarUrl}`:undefined}\r\n sx={{ background: color, width: 40, height: 40 }}>\r\n {!avatarUrl&&`${firstLetter(name)}${firstLetter(lastName)}`}\r\n </Avatar>\r\n </div>}\r\n {tongue&&<span className={classes.tongueOne} style={{borderBottom: `15px solid ${selected?'#ced8d7':'#deffa9'}`}}></span>}\r\n {tongue&&<span className={classes.tongueTwo} style={{borderBottom: `17px solid ${selected?'#ced8d7':'#deffa9'}`}}></span>}\r\n {emojiCompanion && <div className={classes.emojiCompanionTitle}>{emojisArr[Number(emojiCompanion)]}</div>}\r\n {emoji && <div className={classes.emojiTitle}>{emojisArr[Number(emoji)]}</div>}\r\n {isSomeSelected && <div className={classes.checkboxSelect}><Checkbox {...label} checked={checked} sx={{ color: nightMode ? '#ffffff' : '#00ff48', '&.Mui-checked': { color: nightMode ? '#ffffff' : '#00ff48' } }}\r\n onClick={() => handleSelected(_id)}/></div>}\r\n <StyledMenu id=\"demo-positioned-menu\" aria-labelledby=\"demo-positioned-button\"\r\n anchorEl={anchorEl} open={open} onClose={handleClose}>\r\n <MenuItem onClick={handleEmojiMenu} style={{ cursor: 'none' }} >\r\n {emojisArr.map((el:string, i:number) =>\r\n <div key={el} className={emoji === String(i)?classes.emojiActive:classes.emoji} id={String(i)}>{el}</div>)}\r\n </MenuItem>\r\n <Divider />\r\n <MenuItem onClick={() => {\r\n handleReply(_id)\r\n handleClose(undefined)\r\n }}>\r\n <ReplyIcon />\r\n Reply\r\n </MenuItem>\r\n <MenuItem onClick={() => {\r\n handleForward(_id)\r\n handleClose(undefined)\r\n }}>\r\n <ReplyIcon style={{transform :'rotateY(180deg)'}} />\r\n Forward\r\n </MenuItem>\r\n <MenuItem onClick={() => {\r\n handleEdit(_id)\r\n handleClose(undefined)\r\n }}>\r\n <EditIcon/>\r\n Edit\r\n </MenuItem> \r\n <MenuItem onClick={handleDownloadFile}>\r\n <DownloadIcon/>\r\n Download\r\n </MenuItem> \r\n {caption&&<CopyToClipboard onCopy={() => handleClose('copy')} text={caption}>\r\n <MenuItem>\r\n <ContentCopyIcon />\r\n Copy Text\r\n </MenuItem>\r\n </CopyToClipboard>}\r\n <MenuItem onClick={() => {\r\n pinMessageById(_id, !pinned)\r\n handleClose(undefined)\r\n }}>\r\n {pinned ?\r\n <CloseIcon className={classes.iconClose} /> :\r\n <PushPinIcon />}\r\n {pinned?'Unpin':'Pin'}\r\n </MenuItem> \r\n <MenuItem onClick={() => {\r\n handleSelected(_id)\r\n handleClose(undefined)\r\n }}>\r\n <CheckBoxIcon />\r\n Select\r\n </MenuItem>\r\n <MenuItem style={{color:'#f02a2a'}} onClick={() => handleClose('delete')}>\r\n <DeleteOutlineIcon style={{color:'#f02a2a'}}/>\r\n Delete\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: 12\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 IMessageDivider {\r\n message:string,\r\n}\r\n\r\nconst MessageDivider = ({ message }:IMessageDivider) => {\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 MessageDivider\r\n","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 InputBase from '@mui/material/InputBase';\r\nimport SearchIcon from '@mui/icons-material/Search';\r\nimport CloseIcon from '@mui/icons-material/Close';\r\nimport IconButton from '@mui/material/IconButton';\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 { useDispatch } from 'react-redux';\r\n\r\nimport StaticDatePicker from \"./StaticDatePicker\";\r\nimport { updateUser } from '../../../../../../api-data';\r\nimport { asyncCurrentUser } from '../../../../../../redux/authorization/operations';\r\n\r\nconst SearchBar = styled('div')(() => ({\r\n position: 'relative',\r\n borderRadius: '20px',\r\n backgroundColor: '#f1f0f0', \r\n width: '100%',\r\n margin: '0px 5px',\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 width: '100%',\r\n display: 'flex',\r\n flexWrap:'nowrap',\r\n alignItems: 'center',\r\n alignContent: 'center',\r\n padding: '0px 5px',\r\n },\r\n searchBarActive: {\r\n outline: '2px solid #2184f7',\r\n color: '#2184f7',\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 label = { inputProps: { 'aria-label': 'Switch demo' } };\r\n\r\ninterface IForwardSearch {\r\n handleSearch: (e: React.ChangeEvent<HTMLInputElement>) => void,\r\n value: string,\r\n total: string,\r\n sort: boolean,\r\n setDate: React.Dispatch<any>,\r\n date:any,\r\n}\r\n\r\nconst ForwardSearch = ({handleSearch,value,total,sort,setDate,date}:IForwardSearch) => {\r\n const classes = useStyles()\r\n const dispatch = useDispatch()\r\n const disabled = total === '0' ? true : false\r\n const handleSort = () => {\r\n updateUser({ sort: !sort })\r\n setTimeout(() => {\r\n dispatch(asyncCurrentUser())\r\n }, 1000);\r\n }\r\n const handleOnOpen = () => setDate('')\r\n \r\n return (\r\n <div className={classes.toolBar} >\r\n <IconButton aria-label=\"delete\" size=\"medium\">\r\n <CloseIcon id='cancel' className={classes.iconClose} 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 date={date} disabled={disabled} \r\n changeDate={setDate} handleOnOpen={handleOnOpen} /> \r\n <CalendarTodayIcon fontSize='medium' style={{color:date?'#2184f7':'#b1aeae'}}/>\r\n </IconButton>\r\n <Switch onClick={handleSort} checked={sort} {...label} disabled={disabled} />\r\n </div>\r\n )\r\n}\r\n\r\nexport default ForwardSearch","import { makeStyles } from '@material-ui/core'\r\nimport { styled } from '@mui/material/styles';\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\n\r\nimport { firstLetter, slicedWord, timeStampEU,prodAwsS3 } from '../../../../../../../helpers';\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 listItem_iconAvatar: {\r\n marginRight:10\r\n },\r\n})\r\n\r\ninterface IForwardItem {\r\n name: string,\r\n lastName: string,\r\n avatarUrl: string,\r\n color: string,\r\n online: string,\r\n companionId: string,\r\n handleForwardTo: (companionId: string) => void,\r\n}\r\nconst ForwardItem = ({name,lastName,avatarUrl,color,online,companionId,handleForwardTo}:IForwardItem) => {\r\n const classes = useStyles()\r\n \r\n return (\r\n <div>\r\n <ListItemButton onClick={() => handleForwardTo(companionId)}>\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?`${prodAwsS3}/${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={`${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 </div>\r\n );\r\n}\r\nexport default ForwardItem","import List from '@mui/material/List';\r\nimport { makeStyles } from '@material-ui/core'\r\n\r\nimport AlertInfo from '../../../../../reusableComponents/AlertInfo'\r\nimport ForwardItem from './ForwardItem'\r\nimport { TChats } from '../../../../../../typescript/redux/chats/types';\r\n\r\n\r\nconst useStyles = makeStyles({\r\n list: {\r\n width: '100%',\r\n maxHeight: '63vh',\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 IForwardList {\r\n value: string,\r\n date:string,\r\n filteredAndSorted:TChats,\r\n handleForwardTo: (companionId: string) => void,\r\n}\r\n\r\nconst ForwardList = ({ value,date,filteredAndSorted,handleForwardTo }: IForwardList) => {\r\n const classes = useStyles()\r\n \r\n\r\n return <>\r\n <List className={classes.list} component=\"nav\"\r\n aria-label=\"main mailbox folders\">\r\n {filteredAndSorted.map(({ name, lastName, avatarUrl, color, online, companionId, number }) =>\r\n <ForwardItem key={number} name={name} lastName={lastName}\r\n avatarUrl={avatarUrl} color={color} online={online}\r\n companionId={companionId} handleForwardTo={handleForwardTo} />)}\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 </List>\r\n </>\r\n}\r\n\r\nexport default ForwardList","import { makeStyles } from '@material-ui/core'\r\nimport { useState,useMemo } from 'react'\r\nimport { useSelector,useDispatch } from 'react-redux'\r\n\r\nimport ForwardSearch from './ForwardSearch'\r\nimport ForwardList from './ForwardList'\r\nimport { asyncGetChatById } from '../../../../../redux/chat/operations'\r\nimport { actionRightIsOpen,actionScrollChat,actionOpenPinned } from '../../../../../redux/control/action'\r\nimport { getStateMemo } from '../../../../../redux/chats/selector'\r\nimport { getSort } from '../../../../../redux/authorization/selector'\r\nimport { TMessage } from '../../../../../typescript/redux/messages/types'\r\nimport { sortByRecent,timeStampFilter } 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 }, \r\n container: {\r\n backgroundColor: 'white',\r\n width: '22vw',\r\n position: 'absolute',\r\n top: '15vh',\r\n height:'70vh',\r\n left: '39vw',\r\n display: 'flex',\r\n flexWrap: 'wrap',\r\n alignItems: 'start',\r\n alignContent:'start',\r\n borderRadius:10,\r\n }\r\n})\r\n\r\ninterface IForwardSearchList {\r\n setModalForward: React.Dispatch<React.SetStateAction<boolean>>,\r\n setIsForward: React.Dispatch<React.SetStateAction<TMessage | undefined>>,\r\n companionId: string,\r\n}\r\nconst ForwardSearchList = ({setModalForward,setIsForward,companionId}:IForwardSearchList) => {\r\n const classes = useStyles()\r\n const dispatch = useDispatch()\r\n const sort = useSelector(getSort)\r\n const { total,chats } = useSelector(getStateMemo)\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 const handleCloseForwardModal = (e: any) => {\r\n const id = e.target.id\r\n if (id === 'overlay' || id === 'cancel') {\r\n setModalForward(false)\r\n setIsForward(undefined)\r\n }\r\n }\r\n const handleForwardTo = (newCompanionId: string) => {\r\n setModalForward(false)\r\n dispatch(actionRightIsOpen(''))\r\n dispatch(actionOpenPinned(false))\r\n dispatch(asyncGetChatById(newCompanionId))\r\n setIsForward((prevState) => \r\n prevState ? { ...prevState, companionIdForwardToAndFrom: newCompanionId } : prevState)\r\n if (companionId !== newCompanionId) setTimeout(() => dispatch(actionScrollChat(true)), 500)\r\n }\r\n\r\n const filteredAndSorted = useMemo(() => {\r\n return sortByRecent(chats,sort).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 } else return undefined\r\n })\r\n }, [chats, date, value, sort]) \r\n\r\n return (\r\n <div onClick={handleCloseForwardModal} className={classes.overlay} id='overlay'>\r\n <div className={classes.container}>\r\n <ForwardSearch handleSearch={handleSearch} value={value} total={total}\r\n sort={sort} date={date} setDate={setDate}/>\r\n <ForwardList value={value} date={date} filteredAndSorted={filteredAndSorted} handleForwardTo={handleForwardTo}/>\r\n </div>\r\n </div>\r\n )\r\n}\r\n\r\nexport default ForwardSearchList","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 actionGetPinnedMessagesSuccess,\r\n actionGetPinnedMessagesReject,\r\n} from '../action';\r\n\r\nimport { TPinnedMessages, TPinnedMessage } from '../../../typescript/redux/pinnedMessages/types'\r\nimport { handleSort } from '../../../helpers';\r\n\r\n\r\nconst asyncFindPinnedMessages= (messages:TPinnedMessages) => async (dispatch:any) => {\r\n try {\r\n const pinnedMessages = handleSort('updatedAt', messages.filter((el: TPinnedMessage) => el.pinned === true), true)\r\n if(pinnedMessages) dispatch(actionGetPinnedMessagesSuccess(pinnedMessages))\r\n } catch (e) {\r\n dispatch(actionGetPinnedMessagesReject())\r\n } \r\n};\r\n\r\n\r\nexport { asyncFindPinnedMessages };\r\n\r\n\r\n\r\n\r\n","import {\r\n actionGetMessagesSuccess,\r\n actionGetMessagesReject\r\n} from '../action';\r\nimport { asyncFindPinnedMessages } from '../../pinnedMessages/operations'\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 if (data) {\r\n dispatch(actionGetMessagesSuccess(data))\r\n dispatch(asyncFindPinnedMessages(data.messages))\r\n }\r\n cb&&cb()\r\n } catch (e) {\r\n dispatch(actionGetMessagesReject())\r\n \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, useCallback, useMemo } from \"react\";\r\nimport { useSelector,useDispatch } from \"react-redux\";\r\n\r\nimport ArrowBack from \"./ArrowBack\";\r\nimport SendMessage from \"./SendMessage\";\r\nimport UnpinBar from \"./UnpinBar\";\r\nimport MessageLeftDeleted from \"./Messages/MessageLeftDeleted\";\r\nimport MessageLeftText from './Messages/MessageLeftText'\r\nimport MessageLeftReply from \"./Messages/MessageLeftReply\";\r\nimport MessageLeftForward from \"./Messages/MessageLeftForward\";\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 MessageRightDeleted from \"./Messages/MessageRightDeleted\";\r\nimport MessageRightText from './Messages/MessageRightText'\r\nimport MessageRightReply from \"./Messages/MessageRightReply\";\r\nimport MessageRightForward from \"./Messages/MessageRightForward\";\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 MessageDivider from \"./Messages/MessageDivider\";\r\nimport AlertInfo from \"../../../reusableComponents/AlertInfo\";\r\nimport ForwardSearchList from \"./ForwardSearchList\";\r\nimport { getMessagesMemo } from '../../../../redux/messages/selector'\r\nimport { getAuthorizationState } from '../../../../redux/authorization/selector'\r\nimport { getChat } from '../../../../redux/chat/selector'\r\nimport { getScrollChat } from '../../../../redux/control/selector'\r\nimport { actionScrollChat,actionOpenPinned,actionRightIsOpen } from '../../../../redux/control/action'\r\nimport { asyncGetMessagesById } from '../../../../redux/messages/operations'\r\nimport { asyncGetChatById,asyncStartChatById } from \"../../../../redux/chat/operations\";\r\nimport { seenChat } from \"../../../../api-data\";\r\nimport { TPinnedMessages } from \"../../../../typescript/redux/pinnedMessages/types\";\r\nimport { TMessage } from \"../../../../typescript/redux/allMessages/types\"; \r\nimport { timeStampFilter,prodAwsS3,refreshAppTime } 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\ninterface IChatBar {\r\n chatDivRef: any | null,\r\n selectedArr: string[] | [],\r\n setSelectedArr: React.Dispatch<React.SetStateAction<string[] | []>>,\r\n isSomeSelected: boolean,\r\n setIsSomeSelected: React.Dispatch<React.SetStateAction<boolean>>,\r\n openPinned: boolean,\r\n pinnedMessagesMemo: TPinnedMessages,\r\n handleUnpinAll: () => void,\r\n}\r\n\r\nconst ChatBar = ({chatDivRef,selectedArr,setSelectedArr,isSomeSelected,setIsSomeSelected,openPinned,pinnedMessagesMemo,handleUnpinAll}:IChatBar) => {\r\n const classes = useStyles();\r\n const dispatch = useDispatch()\r\n const messagesMemo = useSelector(getMessagesMemo)\r\n const { number:userNumber,nightMode,silentMode} = useSelector(getAuthorizationState)\r\n const { companionId,total,seen,mute,seenCompanion,number:chatNumber } = useSelector(getChat)\r\n const scrollChat = useSelector(getScrollChat)\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 [isReply, setIsReply] = useState<TMessage | undefined>(undefined)\r\n const [isForward, setIsForward] = useState<TMessage | undefined>(undefined)\r\n const [isEdit, setIsEdit] = useState<TMessage | undefined>(undefined)\r\n const [modalForward, setModalForward] = useState<boolean>(false)\r\n let time: any\r\n let tongue: any\r\n let unread: any\r\n const getSeconds = (createdAt:string) => Math.round(new Date(createdAt).getTime()/ 1000)\r\n const isSelected = (_id: string) => selectedArr.some((el: string) => el === _id) \r\n const handleSelected = (_id: string) => {\r\n !isSomeSelected&&setIsSomeSelected(true)\r\n if (selectedArr.some((el: string) => el === _id)) \r\n setSelectedArr(selectedArr.filter((el:string) => el !== _id))\r\n else setSelectedArr([...selectedArr,_id])\r\n }\r\n\r\n const handleReply = (_id: string) => {\r\n openPinned && dispatch(actionOpenPinned(false))\r\n isEdit&&setIsEdit(undefined)\r\n setIsReply(renderArr.find((el) => el._id ===_id))\r\n }\r\n \r\n const handleForward = (_id: string) => {\r\n openPinned && dispatch(actionOpenPinned(false))\r\n isReply && setIsReply(undefined)\r\n isEdit&&setIsEdit(undefined)\r\n setIsForward(renderArr.find((el) => el._id === _id))\r\n setModalForward(true)\r\n }\r\n\r\n const handleEdit = (_id: string) => {\r\n openPinned && dispatch(actionOpenPinned(false))\r\n isReply && setIsReply(undefined)\r\n setIsEdit(renderArr.find((el) => el._id ===_id))\r\n } \r\n \r\n const handleScrollTo = useCallback(() => {\r\n chatDivRef.current&&chatDivRef.current.scrollTo({\r\n top: chatDivRef.current.scrollHeight,\r\n behavior: 'smooth'\r\n })\r\n },[chatDivRef])\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 && !openPinned) seenChat(companionId)\r\n setIsArrow(different === clientHeight ? false : true)\r\n }, [total,seen, companionId,openPinned])\r\n \r\n const debouncedHandleScroll = debounce(handleScroll, 300)\r\n\r\n const renderArr = useMemo(() => {\r\n return !openPinned ? messagesMemo : pinnedMessagesMemo\r\n }, [messagesMemo, pinnedMessagesMemo, openPinned])\r\n \r\n const handleScrollToTheMessage = (_id:string) => {\r\n const childNodes = chatDivRef.current.childNodes[0].childNodes\r\n let toScrollNode = [...childNodes].find((el: any) => el.id === _id)\r\n if (toScrollNode) {\r\n toScrollNode = [...toScrollNode.childNodes].slice(-1)[0]\r\n toScrollNode.style.backgroundColor = 'rgba(70, 70, 70, 0.4)'\r\n toScrollNode.style.boxShadow = '0px 0px 6px 0px #ffffff'\r\n toScrollNode.scrollIntoView({ behavior: 'smooth' })\r\n setTimeout(() => {\r\n toScrollNode.style.backgroundColor = 'unset'\r\n toScrollNode.style.boxShadow = 'unset'\r\n }, 2000)\r\n }\r\n } \r\n\r\n const handleScrollToTheChat = (companionIdForwardToAndFrom:string,oldId:string) => {\r\n if (companionId === companionIdForwardToAndFrom) return handleScrollToTheMessage(oldId)\r\n dispatch(actionRightIsOpen(''))\r\n dispatch(actionOpenPinned(false))\r\n dispatch(asyncStartChatById(companionIdForwardToAndFrom))\r\n setTimeout(() => handleScrollToTheMessage(oldId), 2000)\r\n }\r\n \r\n const handleOpenTheChat = (companionIdForwardToAndFrom: string | null) => {\r\n if (companionIdForwardToAndFrom&&companionId !== companionIdForwardToAndFrom) {\r\n dispatch(actionRightIsOpen(''))\r\n dispatch(actionOpenPinned(false))\r\n dispatch(asyncStartChatById(companionIdForwardToAndFrom))\r\n }\r\n }\r\n \r\n useEffect(() => {\r\n if (scrollChat) {\r\n dispatch(asyncGetMessagesById(companionId, handleScrollTo))\r\n dispatch(actionScrollChat(false))\r\n }\r\n }, [dispatch,handleScrollTo, scrollChat, companionId])\r\n \r\n useEffect(() => {\r\n const handleReset = () => {\r\n dispatch(asyncGetChatById(companionId))\r\n dispatch(asyncGetMessagesById(companionId, null))\r\n }\r\n handleReset()\r\n const idInterval = setInterval(handleReset, refreshAppTime);\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 (chatDivRef.current&&openPinned) {\r\n const { scrollHeight, clientHeight } = chatDivRef.current\r\n if (scrollHeight === clientHeight && isArrow) setIsArrow(false)\r\n }\r\n }, [chatDivRef,openPinned,pinnedMessagesMemo.length, isArrow]); \r\n\r\n useEffect(() => {\r\n const handleReset = () => {\r\n if (chatDivRef.current&&!openPinned) {\r\n const { scrollHeight, clientHeight } = chatDivRef.current\r\n if (total !== seen && scrollHeight === clientHeight) seenChat(companionId)\r\n }\r\n }\r\n const idInterval = setInterval(handleReset, refreshAppTime);\r\n return () => clearInterval(idInterval);\r\n }, [total, seen, chatDivRef, companionId, openPinned]);\r\n \r\n return (\r\n <div className={classes.container} >\r\n <ArrowBack isArrow={isArrow} isNew={isNew} handleScrollTo={handleScrollTo} openPinned={openPinned}/>\r\n {isForward && modalForward && <ForwardSearchList setModalForward={setModalForward}\r\n setIsForward={setIsForward} companionId={companionId}/>}\r\n <div id={companionId} ref={chatDivRef} onScroll={debouncedHandleScroll}\r\n className={messagesMemo.length > 0 ? classes.messagesScroll : classes.messagesEmpty}>\r\n <div className={classes.messagesBody}>\r\n {messagesMemo.length > 0 ? renderArr.map(({ replyMessage,message, name, lastName,avatarUrl,color,pinned,\r\n createdAt, number, type, fullType, replyName, replyLastName, replyCaption, caption, emoji, emojiCompanion,\r\n _id, oldId, forwardName, forwardLastName, companionIdForwardToAndFrom,forwardMessage,forwardCaption,edited,deleted},i) => {\r\n const watched = seenCompanion - (i + 1) < 0 ? false : true\r\n let isUnread\r\n let isTime\r\n let isTongue = false\r\n const nextTongue = renderArr[i + 1]\r\n if (!unread && chatNumber === number&& seen - (i + 1) < 0) {\r\n isUnread = true\r\n unread = true\r\n }\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 if (!tongue&&nextTongue&&nextTongue.number === number) {\r\n if (getSeconds(nextTongue.createdAt) - getSeconds(createdAt) < 600) {\r\n isTongue = false\r\n } else {\r\n isTongue = true\r\n }\r\n tongue = number\r\n } else if (!tongue&&nextTongue&&nextTongue.number !== number) {\r\n isTongue = true\r\n tongue = null\r\n } else if (tongue&&nextTongue&&tongue === number&&nextTongue.number === number) {\r\n if (getSeconds(nextTongue.createdAt) - getSeconds(createdAt) < 600) {\r\n isTongue = false\r\n } else {\r\n isTongue = true\r\n }\r\n tongue = number\r\n } else if (tongue&&nextTongue&&tongue === number&&nextTongue.number !== number) {\r\n isTongue = true\r\n tongue = null\r\n } else if (tongue&&!nextTongue&&tongue === number) {\r\n isTongue = true\r\n tongue = null\r\n } else if (tongue&&!nextTongue&&tongue !== number) {\r\n isTongue = false\r\n tongue = number\r\n }\r\n if(renderArr.length-1 === i) isTongue = true\r\n if (nextTongue && timeStampFilter(nextTongue.createdAt) !== timeStampFilter(createdAt)) {\r\n isTongue = true\r\n }\r\n const url = `${prodAwsS3}/${message}`\r\n const urlForward = `${prodAwsS3}/${forwardMessage}`\r\n const urlReply = `${prodAwsS3}/${replyMessage}`\r\n if (number !== userNumber) {\r\n if (type === 'text' && !oldId && !companionIdForwardToAndFrom && !deleted) return (<div key={createdAt} id={_id} style={{borderRadius: 7}}> \r\n {isTime&&<MessageDivider message={timeStampFilter(createdAt)}/>}\r\n {isUnread&&<MessageDivider message='Unread Messages'/>}\r\n <MessageLeftText\r\n message={message}\r\n tongue={isTongue}\r\n watched={!unread}\r\n edited={edited}\r\n avatarUrl={avatarUrl}\r\n color={color}\r\n createdAt={createdAt}\r\n name={name}\r\n lastName={lastName}\r\n caption={caption}\r\n emoji={emoji}\r\n emojiCompanion={emojiCompanion}\r\n pinned={pinned}\r\n isSomeSelected={isSomeSelected}\r\n isSelected={isSelected}\r\n handleSelected={handleSelected}\r\n _id={_id}\r\n nightMode={nightMode}\r\n handleReply={handleReply}\r\n handleForward={handleForward} \r\n /></div>)\r\n if (type === 'text' && deleted) return (<div key={createdAt} id={_id} style={{borderRadius: 7}}> \r\n {isTime&&<MessageDivider message={timeStampFilter(createdAt)}/>}\r\n {isUnread&&<MessageDivider message='Unread Messages'/>}\r\n <MessageLeftDeleted\r\n tongue={isTongue}\r\n watched={watched}\r\n edited={edited}\r\n companionIdForwardToAndFrom={companionIdForwardToAndFrom}\r\n avatarUrl={avatarUrl}\r\n color={color}\r\n name={name}\r\n lastName={lastName}\r\n forwardReplyName={companionIdForwardToAndFrom?forwardName:replyName}\r\n forwardReplyLastName={companionIdForwardToAndFrom?forwardLastName:replyLastName}\r\n message={message}\r\n createdAt={createdAt}\r\n caption={caption}\r\n emoji={emoji}\r\n emojiCompanion={emojiCompanion}\r\n pinned={pinned}\r\n isSomeSelected={isSomeSelected}\r\n isSelected={isSelected}\r\n handleSelected={handleSelected} \r\n _id={_id}\r\n nightMode={nightMode}\r\n handleReply={handleReply}\r\n handleForward={handleForward}\r\n handleEdit={handleEdit}\r\n handleOpenTheChat={handleOpenTheChat}\r\n /></div>) \r\n if (type === 'text' && companionIdForwardToAndFrom) return (<div key={createdAt} id={_id} style={{borderRadius: 7}}> \r\n {isTime&&<MessageDivider message={timeStampFilter(createdAt)}/>}\r\n {isUnread&&<MessageDivider message='Unread Messages'/>}\r\n <MessageLeftForward\r\n url={urlForward}\r\n companionIdForwardToAndFrom={companionIdForwardToAndFrom}\r\n oldId={oldId}\r\n tongue={isTongue}\r\n watched={!unread}\r\n edited={edited}\r\n avatarUrl={avatarUrl}\r\n color={color}\r\n name={name}\r\n lastName={lastName}\r\n forwardName={forwardName}\r\n forwardLastName={forwardLastName}\r\n forwardMessage={forwardMessage}\r\n forwardCaption={forwardCaption}\r\n message={message}\r\n createdAt={createdAt}\r\n caption={caption}\r\n emoji={emoji}\r\n emojiCompanion={emojiCompanion}\r\n pinned={pinned}\r\n isSomeSelected={isSomeSelected}\r\n isSelected={isSelected}\r\n handleSelected={handleSelected} \r\n _id={_id}\r\n nightMode={nightMode}\r\n handleReply={handleReply}\r\n handleForward={handleForward}\r\n fullType={fullType}\r\n handleScrollToTheChat={handleScrollToTheChat}\r\n /></div>) \r\n if (type === 'text' && oldId) return (<div key={createdAt} id={_id} style={{borderRadius: 7}}> \r\n {isTime&&<MessageDivider message={timeStampFilter(createdAt)}/>}\r\n {isUnread&&<MessageDivider message='Unread Messages'/>}\r\n <MessageLeftReply\r\n url={urlReply}\r\n tongue={isTongue}\r\n watched={!unread}\r\n edited={edited}\r\n avatarUrl={avatarUrl}\r\n color={color}\r\n replyMessage={replyMessage}\r\n message={message}\r\n createdAt={createdAt}\r\n name={name}\r\n lastName={lastName}\r\n replyName={replyName}\r\n replyLastName={replyLastName}\r\n replyCaption={replyCaption}\r\n caption={caption}\r\n emoji={emoji}\r\n emojiCompanion={emojiCompanion}\r\n pinned={pinned}\r\n isSomeSelected={isSomeSelected}\r\n isSelected={isSelected}\r\n handleSelected={handleSelected} \r\n _id={_id}\r\n nightMode={nightMode}\r\n handleReply={handleReply}\r\n handleForward={handleForward}\r\n fullType={fullType}\r\n handleScrollToTheMessage={handleScrollToTheMessage}\r\n oldId={oldId}\r\n /></div>) \r\n if (type === 'image') return (<div key={createdAt} id={_id} style={{borderRadius: 7}}>\r\n {isTime&&<MessageDivider message={timeStampFilter(createdAt)}/>}\r\n {isUnread&&<MessageDivider message='Unread Messages'/>}\r\n <MessageLeftImage \r\n url={url}\r\n tongue={isTongue}\r\n watched={!unread}\r\n edited={edited}\r\n avatarUrl={avatarUrl}\r\n color={color}\r\n createdAt={createdAt}\r\n fullType={fullType}\r\n caption={caption}\r\n emoji={emoji}\r\n emojiCompanion={emojiCompanion}\r\n pinned={pinned}\r\n isSomeSelected={isSomeSelected}\r\n isSelected={isSelected}\r\n handleSelected={handleSelected} \r\n _id={_id}\r\n name={name}\r\n lastName={lastName}\r\n nightMode={nightMode}\r\n handleReply={handleReply}\r\n handleForward={handleForward}\r\n /></div>)\r\n if (type === 'audio') return (<div key={createdAt} id={_id} style={{borderRadius: 7}}>\r\n {isTime&&<MessageDivider message={timeStampFilter(createdAt)}/>}\r\n {isUnread&&<MessageDivider message='Unread Messages'/>}\r\n <MessageLeftAudio \r\n url={url}\r\n tongue={isTongue}\r\n watched={!unread}\r\n edited={edited}\r\n avatarUrl={avatarUrl}\r\n color={color}\r\n name={name}\r\n lastName={lastName}\r\n createdAt={createdAt}\r\n fullType={fullType}\r\n caption={caption}\r\n emoji={emoji}\r\n emojiCompanion={emojiCompanion}\r\n pinned={pinned}\r\n isSomeSelected={isSomeSelected}\r\n isSelected={isSelected}\r\n handleSelected={handleSelected} \r\n _id={_id}\r\n nightMode={nightMode}\r\n handleReply={handleReply}\r\n handleForward={handleForward}\r\n /></div>)\r\n if (type === 'video') return (<div key={createdAt} id={_id} style={{borderRadius: 7}}>\r\n {isTime&&<MessageDivider message={timeStampFilter(createdAt)}/>}\r\n {isUnread&&<MessageDivider message='Unread Messages'/>}\r\n <MessageLeftVideo \r\n url={url}\r\n tongue={isTongue}\r\n watched={!unread}\r\n edited={edited}\r\n avatarUrl={avatarUrl}\r\n color={color}\r\n name={name}\r\n lastName={lastName}\r\n createdAt={createdAt}\r\n fullType={fullType}\r\n caption={caption}\r\n emoji={emoji}\r\n emojiCompanion={emojiCompanion}\r\n pinned={pinned}\r\n isSomeSelected={isSomeSelected}\r\n isSelected={isSelected}\r\n handleSelected={handleSelected} \r\n _id={_id}\r\n nightMode={nightMode}\r\n handleReply={handleReply}\r\n handleForward={handleForward}\r\n /></div>)\r\n if (type) return (<div key={createdAt} id={_id} style={{borderRadius: 7}}>\r\n {isTime&&<MessageDivider message={timeStampFilter(createdAt)}/>}\r\n {isUnread&&<MessageDivider message='Unread Messages'/>}\r\n <MessageLeftFile \r\n url={url}\r\n tongue={isTongue}\r\n watched={!unread}\r\n edited={edited}\r\n avatarUrl={avatarUrl}\r\n color={color}\r\n name={name}\r\n lastName={lastName}\r\n createdAt={createdAt}\r\n type={type}\r\n caption={caption}\r\n emoji={emoji}\r\n emojiCompanion={emojiCompanion}\r\n pinned={pinned}\r\n isSomeSelected={isSomeSelected}\r\n isSelected={isSelected}\r\n handleSelected={handleSelected} \r\n _id={_id}\r\n nightMode={nightMode}\r\n handleReply={handleReply}\r\n handleForward={handleForward}\r\n /></div>) \r\n } else {\r\n if (type === 'text' && !oldId && !companionIdForwardToAndFrom && !deleted) return (<div key={createdAt} id={_id} style={{borderRadius: 7}}>\r\n {isTime&&<MessageDivider message={timeStampFilter(createdAt)}/>}\r\n {isUnread&&<MessageDivider message='Unread Messages'/>}\r\n <MessageRightText \r\n message={message}\r\n tongue={isTongue}\r\n watched={watched}\r\n edited={edited}\r\n avatarUrl={avatarUrl}\r\n color={color}\r\n createdAt={createdAt}\r\n name={name}\r\n lastName={lastName}\r\n caption={caption}\r\n emoji={emoji}\r\n emojiCompanion={emojiCompanion}\r\n pinned={pinned}\r\n isSomeSelected={isSomeSelected}\r\n isSelected={isSelected}\r\n handleSelected={handleSelected} \r\n _id={_id}\r\n nightMode={nightMode}\r\n handleReply={handleReply}\r\n handleForward={handleForward}\r\n handleEdit={handleEdit}\r\n /></div>)\r\n if (type === 'text' && deleted) return (<div key={createdAt} id={_id} style={{borderRadius: 7}}>\r\n {isTime&&<MessageDivider message={timeStampFilter(createdAt)}/>}\r\n {isUnread&&<MessageDivider message='Unread Messages'/>}\r\n <MessageRightDeleted\r\n tongue={isTongue}\r\n watched={watched}\r\n edited={edited}\r\n companionIdForwardToAndFrom={companionIdForwardToAndFrom}\r\n avatarUrl={avatarUrl}\r\n color={color}\r\n name={name}\r\n lastName={lastName}\r\n forwardReplyName={companionIdForwardToAndFrom?forwardName:replyName}\r\n forwardReplyLastName={companionIdForwardToAndFrom?forwardLastName:replyLastName}\r\n message={message}\r\n createdAt={createdAt}\r\n caption={caption}\r\n emoji={emoji}\r\n emojiCompanion={emojiCompanion}\r\n pinned={pinned}\r\n isSomeSelected={isSomeSelected}\r\n isSelected={isSelected}\r\n handleSelected={handleSelected} \r\n _id={_id}\r\n nightMode={nightMode}\r\n handleReply={handleReply}\r\n handleForward={handleForward}\r\n handleEdit={handleEdit}\r\n handleOpenTheChat={handleOpenTheChat}\r\n /></div>) \r\n if (type === 'text' && companionIdForwardToAndFrom) return (<div key={createdAt} id={_id} style={{borderRadius: 7}}>\r\n {isTime&&<MessageDivider message={timeStampFilter(createdAt)}/>}\r\n {isUnread&&<MessageDivider message='Unread Messages'/>}\r\n <MessageRightForward\r\n url={urlForward}\r\n oldId={oldId}\r\n companionIdForwardToAndFrom={companionIdForwardToAndFrom}\r\n tongue={isTongue}\r\n watched={watched}\r\n edited={edited}\r\n avatarUrl={avatarUrl}\r\n color={color}\r\n name={name}\r\n lastName={lastName}\r\n forwardName={forwardName}\r\n forwardLastName={forwardLastName}\r\n forwardMessage={forwardMessage}\r\n forwardCaption={forwardCaption}\r\n message={message}\r\n createdAt={createdAt}\r\n caption={caption}\r\n emoji={emoji}\r\n emojiCompanion={emojiCompanion}\r\n pinned={pinned}\r\n isSomeSelected={isSomeSelected}\r\n isSelected={isSelected}\r\n handleSelected={handleSelected} \r\n _id={_id}\r\n nightMode={nightMode}\r\n handleReply={handleReply}\r\n handleForward={handleForward}\r\n handleEdit={handleEdit}\r\n fullType={fullType}\r\n handleScrollToTheChat={handleScrollToTheChat}\r\n /></div>) \r\n if (type === 'text' && oldId) return (<div key={createdAt} id={_id} style={{borderRadius: 7}}>\r\n {isTime&&<MessageDivider message={timeStampFilter(createdAt)}/>}\r\n {isUnread&&<MessageDivider message='Unread Messages'/>}\r\n <MessageRightReply\r\n url={urlReply}\r\n tongue={isTongue}\r\n watched={watched}\r\n edited={edited}\r\n avatarUrl={avatarUrl}\r\n color={color}\r\n replyMessage={replyMessage}\r\n message={message}\r\n createdAt={createdAt}\r\n name={name}\r\n lastName={lastName}\r\n replyName={replyName}\r\n replyLastName={replyLastName}\r\n replyCaption={replyCaption}\r\n caption={caption}\r\n emoji={emoji}\r\n emojiCompanion={emojiCompanion}\r\n pinned={pinned}\r\n isSomeSelected={isSomeSelected}\r\n isSelected={isSelected}\r\n handleSelected={handleSelected} \r\n _id={_id}\r\n nightMode={nightMode}\r\n handleReply={handleReply}\r\n handleForward={handleForward}\r\n handleEdit={handleEdit}\r\n fullType={fullType}\r\n handleScrollToTheMessage={handleScrollToTheMessage}\r\n oldId={oldId}\r\n /></div>) \r\n if (type === 'image') return (<div key={createdAt} id={_id} style={{borderRadius: 7}}>\r\n {isTime&&<MessageDivider message={timeStampFilter(createdAt)}/>}\r\n {isUnread&&<MessageDivider message='Unread Messages'/>}\r\n <MessageRightImage \r\n url={url}\r\n tongue={isTongue}\r\n watched={watched}\r\n edited={edited}\r\n avatarUrl={avatarUrl}\r\n color={color}\r\n createdAt={createdAt}\r\n fullType={fullType}\r\n caption={caption}\r\n emoji={emoji}\r\n emojiCompanion={emojiCompanion}\r\n pinned={pinned}\r\n isSomeSelected={isSomeSelected}\r\n isSelected={isSelected}\r\n handleSelected={handleSelected}\r\n _id={_id}\r\n name={name}\r\n lastName={lastName}\r\n nightMode={nightMode}\r\n handleReply={handleReply}\r\n handleForward={handleForward}\r\n handleEdit={handleEdit}\r\n /></div>)\r\n if (type === 'audio') return (<div key={createdAt} id={_id} style={{borderRadius: 7}}>\r\n {isTime&&<MessageDivider message={timeStampFilter(createdAt)}/>}\r\n {isUnread&&<MessageDivider message='Unread Messages'/>}\r\n <MessageRightAudio \r\n url={url}\r\n tongue={isTongue}\r\n watched={watched}\r\n edited={edited}\r\n avatarUrl={avatarUrl}\r\n color={color}\r\n name={name}\r\n lastName={lastName}\r\n createdAt={createdAt}\r\n fullType={fullType}\r\n caption={caption}\r\n emoji={emoji}\r\n emojiCompanion={emojiCompanion}\r\n pinned={pinned}\r\n isSomeSelected={isSomeSelected}\r\n isSelected={isSelected}\r\n handleSelected={handleSelected}\r\n _id={_id}\r\n nightMode={nightMode}\r\n handleReply={handleReply}\r\n handleForward={handleForward}\r\n handleEdit={handleEdit}\r\n /></div>)\r\n if (type === 'video') return (<div key={createdAt} id={_id} style={{borderRadius: 7}}>\r\n {isTime&&<MessageDivider message={timeStampFilter(createdAt)}/>}\r\n {isUnread&&<MessageDivider message='Unread Messages'/>}\r\n <MessageRightVideo \r\n url={url}\r\n tongue={isTongue}\r\n watched={watched}\r\n edited={edited}\r\n avatarUrl={avatarUrl}\r\n color={color}\r\n name={name}\r\n lastName={lastName}\r\n createdAt={createdAt}\r\n fullType={fullType}\r\n caption={caption}\r\n emoji={emoji}\r\n emojiCompanion={emojiCompanion}\r\n pinned={pinned}\r\n isSomeSelected={isSomeSelected}\r\n isSelected={isSelected}\r\n handleSelected={handleSelected}\r\n _id={_id}\r\n nightMode={nightMode}\r\n handleReply={handleReply}\r\n handleForward={handleForward}\r\n handleEdit={handleEdit}\r\n /></div>)\r\n if (type) return (<div key={createdAt} id={_id} style={{borderRadius: 7}}>\r\n {isTime&&<MessageDivider message={timeStampFilter(createdAt)}/>}\r\n {isUnread&&<MessageDivider message='Unread Messages'/>}\r\n <MessageRightFile \r\n url={url}\r\n tongue={isTongue}\r\n watched={watched}\r\n edited={edited}\r\n avatarUrl={avatarUrl}\r\n color={color}\r\n name={name}\r\n lastName={lastName}\r\n createdAt={createdAt}\r\n type={type}\r\n caption={caption}\r\n emoji={emoji}\r\n emojiCompanion={emojiCompanion}\r\n pinned={pinned}\r\n isSomeSelected={isSomeSelected}\r\n isSelected={isSelected}\r\n handleSelected={handleSelected}\r\n _id={_id}\r\n nightMode={nightMode}\r\n handleReply={handleReply}\r\n handleForward={handleForward}\r\n handleEdit={handleEdit}\r\n /></div>) \r\n }\r\n }) : <AlertInfo name='You do not have messages yet!' />}\r\n </div>\r\n </div>\r\n {!openPinned && !isSomeSelected && <SendMessage isArrow={isArrow} silentMode={silentMode} isReply={isReply} setIsReply={setIsReply}\r\n isForward={isForward} setIsForward={setIsForward}\r\n isEdit={isEdit} setIsEdit={setIsEdit}\r\n modalForward={modalForward} handleScrollToTheMessage={handleScrollToTheMessage}/>}\r\n {openPinned&&!isSomeSelected&&<UnpinBar pinnedMessagesMemo={pinnedMessagesMemo} handleUnpinAll={handleUnpinAll} />}\r\n </div>\r\n );\r\n}\r\n\r\nexport default ChatBar","import Grid from '@mui/material/Grid'\r\nimport { useState,useEffect } from 'react'\r\nimport { useSelector, useDispatch } from 'react-redux'\r\n\r\nimport HeaderBar from './HeaderBar'\r\nimport ChatBar from './ChatBar'\r\nimport { getPinnedMessagesMemo } from '../../../redux/pinnedMessages/selector'\r\nimport { TRightIsOpen } from '../../../typescript/redux/control/types'\r\nimport { getOpenPinned } from '../../../redux/control/selector'\r\nimport { actionOpenPinned } from '../../../redux/control/action'\r\nimport { unpinAllMessagesById } from '../../../api-data'\r\n\r\ninterface ICentralBar {\r\n rightIsOpen: TRightIsOpen,\r\n chatDivRef: any | null,\r\n companionId: string,\r\n backgroundImage: string,\r\n handleStartCall: () => void,\r\n}\r\n\r\nconst CentralBar = ({rightIsOpen,chatDivRef,companionId,backgroundImage,handleStartCall}:ICentralBar) => {\r\n const dispatch = useDispatch()\r\n const pinnedMessagesMemo = useSelector(getPinnedMessagesMemo)\r\n const openPinned = useSelector(getOpenPinned)\r\n const [selectedArr, setSelectedArr] = useState<string[] | []>([])\r\n const [isSomeSelected, setIsSomeSelected] = useState<boolean>(false)\r\n \r\n const handleClearSelect = () => {\r\n selectedArr.length > 0 && setSelectedArr([])\r\n isSomeSelected && setIsSomeSelected(false)\r\n }\r\n\r\n const handleUnpinAll = () => {\r\n openPinned && dispatch(actionOpenPinned(false))\r\n unpinAllMessagesById(pinnedMessagesMemo.map(({_id}) => _id))\r\n }\r\n \r\n useEffect(() => {\r\n if(pinnedMessagesMemo.length === 0 && openPinned) dispatch(actionOpenPinned(false))\r\n }, [openPinned,pinnedMessagesMemo,dispatch])\r\n \r\n useEffect(() => {\r\n setIsSomeSelected(false)\r\n setSelectedArr([])\r\n }, [companionId]) \r\n\r\n return ( \r\n <Grid item lg={rightIsOpen?8:12}>\r\n <Grid item lg={12} >\r\n <HeaderBar chatDivRef={chatDivRef} selectedArr={selectedArr} isSomeSelected={isSomeSelected}\r\n handleClearSelect={handleClearSelect} setIsSomeSelected={setIsSomeSelected}\r\n openPinned={openPinned} pinnedMessagesMemo={pinnedMessagesMemo} handleStartCall={handleStartCall}/>\r\n </Grid> \r\n <Grid item lg={12} style={{backgroundImage}}>\r\n <ChatBar chatDivRef={chatDivRef} selectedArr={selectedArr} setSelectedArr={setSelectedArr}\r\n isSomeSelected={isSomeSelected} setIsSomeSelected={setIsSomeSelected}\r\n openPinned={openPinned} pinnedMessagesMemo={pinnedMessagesMemo} handleUnpinAll={handleUnpinAll}/>\r\n </Grid>\r\n </Grid>\r\n ) \r\n}\r\n\r\nexport default CentralBar","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 { actionRightIsOpen } 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(actionRightIsOpen(''))} 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 { useState,useMemo } 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 LibraryMusicIcon from '@mui/icons-material/LibraryMusic';\r\nimport InsertDriveFileIcon from '@mui/icons-material/InsertDriveFile';\r\nimport ImageIcon from '@mui/icons-material/Image';\r\nimport ContentCopyIcon from '@mui/icons-material/ContentCopy';\r\nimport VideoLibraryIcon from '@mui/icons-material/VideoLibrary';\r\nimport Search from './Search'\r\nimport AlertInfo from \"../../../reusableComponents/AlertInfo\";\r\nimport { getMessagesMemo } from '../../../../redux/messages/selector'\r\nimport { getOpenPinned } from '../../../../redux/control/selector';\r\nimport { getPinnedMessagesMemo } from '../../../../redux/pinnedMessages/selector'\r\nimport { getChat } from '../../../../redux/chat/selector'\r\nimport { timeStampEU, timeStampFilter, firstLetter, slicedWord, handleSort,prodAwsS3 } from '../../../../helpers'\r\nimport { TMessages,TMessage } 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 cursor:'pointer',\r\n '&:hover': {\r\n backgroundColor: '#f0f0f0',\r\n }\r\n },\r\n folderIcon: {\r\n margin: 'auto 0px',\r\n color: '#54b0fc',\r\n }\r\n})\r\n\r\ninterface ISearchList {\r\n chatDivRef: any | null,\r\n}\r\n\r\nconst SearchList= ({chatDivRef}:ISearchList) => {\r\n const classes = useStyles()\r\n const { sort } = useSelector(getChat)\r\n const openPinned = useSelector(getOpenPinned)\r\n const messagesMemo = useSelector(getMessagesMemo)\r\n const pinnedMessagesMemo = useSelector(getPinnedMessagesMemo)\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 const handleScrollToTheMessage = (_id: string) => {\r\n const childNodes = chatDivRef.current.childNodes[0].childNodes\r\n let toScrollNode = [...childNodes].find((el: any) => el.id === _id)\r\n if (toScrollNode) {\r\n toScrollNode = [...toScrollNode.childNodes].slice(-1)[0]\r\n toScrollNode.style.backgroundColor = 'rgba(70, 70, 70, 0.4)'\r\n toScrollNode.style.boxShadow = '0px 0px 6px 0px #ffffff'\r\n toScrollNode.scrollIntoView({ behavior: 'smooth' })\r\n setTimeout(() => {\r\n toScrollNode.style.backgroundColor = 'unset'\r\n toScrollNode.style.boxShadow = 'unset'\r\n }, 2000)\r\n }\r\n }\r\n \r\n const filteredAndSorted: TMessages = useMemo(() => handleSort('createdAt', !openPinned ? messagesMemo : pinnedMessagesMemo, sort)\r\n .filter((el: TMessage) => {\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 } return undefined\r\n }),[messagesMemo,date,sort,value,openPinned,pinnedMessagesMemo]) \r\n \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={messagesMemo.length > 0 ?classes.list:undefined}>\r\n {messagesMemo.length > 0 ? filteredAndSorted.length > 0 ?\r\n <List sx={{ width: '100%' }}>\r\n {filteredAndSorted.map(({ name, lastName, avatarUrl, color, message, createdAt,_id,fullType,type }) =>\r\n <div key={createdAt}>\r\n <ListItem onClick={() => handleScrollToTheMessage(_id)}\r\n alignItems=\"flex-start\" className={classes.listItem}>\r\n <ListItemAvatar>\r\n <Avatar alt={name} src={avatarUrl?`${prodAwsS3}/${avatarUrl}`:undefined}\r\n sx={{ background: color, width: 40, height: 40, 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 {type === 'text'? message : fullType}\r\n </Typography>\r\n {timeStampEU(createdAt)}\r\n </>}\r\n />\r\n {type === 'text' &&<ContentCopyIcon className={classes.folderIcon} fontSize='large'/>}\r\n {type !== 'text'&&fullType.includes('audio') &&<LibraryMusicIcon className={classes.folderIcon} fontSize='large' />}\r\n {type !== 'text'&&fullType.includes('video') &&<VideoLibraryIcon className={classes.folderIcon} fontSize='large' />}\r\n {type !== 'text'&&fullType.includes('image') &&<ImageIcon className={classes.folderIcon} fontSize='large' />}\r\n {type !== 'text' && fullType.includes('application') && <InsertDriveFileIcon className={classes.folderIcon} fontSize='large' />}\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 { actionRightIsOpen } 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(actionRightIsOpen(''))} 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(actionRightIsOpen('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, prodAwsS3 } from '../../../../../helpers'\r\nimport transparentPic from '../../../../../img/transparentPic.png'\r\nimport { getChat } from '../../../../../redux/chat/selector'\r\n\r\nconst useStyles = makeStyles({\r\n container: {\r\n position: 'relative',\r\n },\r\n timeTitle: {\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 nameTitle: {\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 countryTitle: {\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: '13%',\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 credentialsTitle: {\r\n position:'absolute',\r\n color: '#ffffff',\r\n fontSize: 100,\r\n top: '30%',\r\n left: '38%',\r\n },\r\n credentialsLowTitle: {\r\n position:'absolute',\r\n color: '#ffffff',\r\n fontSize: 25,\r\n top: '90%',\r\n left: '9%',\r\n },\r\n})\r\n\r\nconst ProfilePicture = () => {\r\n const classes = useStyles()\r\n const { name, lastName, online, avatarsArr, createdAt, color, country } = useSelector(getChat)\r\n const isDefault = avatarsArr.length === 0 ? false: true\r\n return (\r\n <div className={classes.container}>\r\n <Carousel>\r\n {isDefault ?\r\n avatarsArr.map(({ avatarUrl, updatedAt }) => <div>\r\n <img alt='pic' src={`${prodAwsS3}/${avatarUrl}`}/>\r\n <p className=\"legend\">{timeStampEU(updatedAt)}</p>\r\n </div>):\r\n [\r\n <div>\r\n <img alt='transparentPic' src={transparentPic}\r\n style={{ background: `linear-gradient(to bottom, ${color}, ${color} 80%, #5d5d5d 100%)` }} />\r\n <p className=\"legend\">{timeStampEU(createdAt)}</p>\r\n </div>\r\n ]}\r\n </Carousel> \r\n <span className={classes.timeTitle}>{online === 'true' ? 'online' : `last seen ${timeStampEU(online)}`}</span>\r\n <span className={classes.nameTitle}>{`${firstLetter(name)}${slicedWord(name, 15, 1)}\r\n ${firstLetter(lastName)}${slicedWord(lastName, 15, 1)}`}</span>\r\n <span className={classes.countryTitle}>{country}</span>\r\n {!isDefault&&<span className={classes.credentialsTitle}>{`${firstLetter(name)}${firstLetter(lastName)}`}</span>}\r\n {!isDefault&&<span className={classes.credentialsLowTitle}>{`${firstLetter(name)}${firstLetter(lastName)}`}</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 \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='Copy number' />\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 Avatar from '@mui/material/Avatar';\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,prodAwsS3,firstLetter } from '../../../../../../helpers'\r\nimport { TMessages } from '../../../../../../typescript/redux/messages/types'\r\n\r\nconst useStyles = makeStyles({\r\n container: {\r\n position: 'absolute',\r\n animationDuration: '0.2s',\r\n animationDirection: 'normal',\r\n animation: `$moveElement`,\r\n },\r\n folderIcon: {\r\n margin: 'auto 0px',\r\n color: '#54b0fc',\r\n },\r\n listItem: {\r\n cursor:'pointer',\r\n '&:hover': {\r\n backgroundColor: '#f0f0f0',\r\n }\r\n },\r\n '@keyframes moveElement': {\r\n '0%': { left: '100%'},\r\n '100%': { left: '0%'},\r\n }, \r\n})\r\n\r\ninterface IAudioList {\r\n openPinned: boolean,\r\n filteredAndSorted: TMessages,\r\n handleScrollToTheMessage: (_id:string) => void,\r\n}\r\n\r\nconst AudioList = ({ filteredAndSorted,handleScrollToTheMessage,openPinned }: IAudioList) => {\r\n const classes = useStyles()\r\n \r\n return filteredAndSorted.length > 0 ?(\r\n <List className={classes.container}>\r\n {filteredAndSorted.map(({ message, createdAt, fullType,_id,name,avatarUrl,lastName,color }) =>\r\n <div key={createdAt}>\r\n <ListItem onClick={() => handleScrollToTheMessage(_id)}\r\n alignItems=\"flex-start\" className={classes.listItem}>\r\n <ListItemAvatar>\r\n <Avatar alt={name} src={avatarUrl?`${prodAwsS3}/${avatarUrl}`:undefined}\r\n sx={{ background: color, width: 40, height: 40, marginRight:2 }}>\r\n {!avatarUrl&&`${firstLetter(name)}${firstLetter(lastName)}`}\r\n </Avatar>\r\n </ListItemAvatar>\r\n <ListItemText\r\n primary={fullType}\r\n secondary={timeStampEU(createdAt)}\r\n />\r\n <LibraryMusicIcon className={classes.folderIcon} fontSize='large'/> \r\n </ListItem>\r\n <Divider variant=\"inset\"/>\r\n </div>)}\r\n </List>\r\n ): <AlertInfo name={`You do not have ${openPinned&&'Pinned'} Audio yet!`}/> \r\n}\r\n\r\nexport default AudioList","\r\nimport { makeStyles } from '@material-ui/core'\r\nimport { useState,useRef } from 'react';\r\nimport ListItemText from '@mui/material/ListItemText';\r\nimport ListItemIcon from '@mui/material/ListItemIcon';\r\nimport Avatar from '@mui/material/Avatar';\r\nimport ZoomOutIcon from '@mui/icons-material/ZoomOut';\r\nimport ZoomInIcon from '@mui/icons-material/ZoomIn';\r\nimport CloseIcon from '@mui/icons-material/Close';\r\nimport ImageListItem from '@mui/material/ImageListItem';\r\nimport DownloadForOfflineIcon from '@mui/icons-material/DownloadForOffline';\r\nimport { handleDownload, timeStampEU, prodAwsS3, firstLetter, slicedWord } 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 minHeight: '100vh',\r\n zIndex: 100,\r\n backgroundColor: 'rgba(104, 105, 104, 0.6)',\r\n boxSizing: 'border-box',\r\n display: 'flex',\r\n justifyContent: 'center',\r\n alignContent: 'center',\r\n alignItems: 'center',\r\n overflow: 'auto',\r\n },\r\n topBar: {\r\n position: 'fixed',\r\n top: 0,\r\n left: 0,\r\n height: '7vh',\r\n width: '100vw',\r\n display: 'flex',\r\n alignContent: 'center',\r\n alignItems: 'center',\r\n justifyContent: 'space-between',\r\n backgroundColor: 'rgba(65, 65, 65, 0.9)',\r\n zIndex: 10,\r\n padding: '0px 20px'\r\n },\r\n wrapperCredentials: {\r\n display: 'flex',\r\n alignContent: 'center',\r\n alignItems: 'center',\r\n }, \r\n wrapperIcons: {\r\n display: 'flex',\r\n alignContent: 'center',\r\n alignItems: 'center',\r\n }, \r\n magnifying : {\r\n marginLeft:5,\r\n cursor: 'pointer',\r\n color: '#e9e7e7',\r\n padding: 0,\r\n '&:hover': {\r\n color: '#ffffff',\r\n transform: 'scale(1.1)'\r\n }\r\n }, \r\n downloadIcon: {\r\n marginLeft:5,\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 iconClose: {\r\n marginLeft:5,\r\n cursor: 'pointer',\r\n color: '#e9e7e7',\r\n padding: 0,\r\n '&:hover': {\r\n color: '#ffffff',\r\n transform: 'rotate(180deg)',\r\n transition: 'all 250ms ease-out ',\r\n }\r\n }, \r\n wrapperImage: {\r\n borderRadius: 5,\r\n maxWidth:500,\r\n maxHeight: 750,\r\n display: 'flex',\r\n overflow: 'auto'\r\n },\r\n innerImage: {\r\n objectFit: 'cover',\r\n }, \r\n img: {\r\n cursor:'pointer',\r\n '&:hover': {\r\n scale:0.98\r\n }\r\n },\r\n});\r\n\r\ninterface IMediaListItem {\r\n message: string,\r\n fullType: string,\r\n updatedAt: string,\r\n handleScrollToTheMessage: (_id: string) => void,\r\n id: string,\r\n name: string,\r\n lastName: string,\r\n avatarUrl: string,\r\n color: string,\r\n}\r\n\r\nconst MediaListItem = ({ message, fullType, updatedAt, handleScrollToTheMessage,\r\n id, name, lastName, avatarUrl,color }: IMediaListItem) => {\r\n const classes = useStyles();\r\n const url = `${prodAwsS3}/${message}`\r\n const [watch, setWatch] = useState<boolean>(false)\r\n const [scale, setScale] = useState<number>(1)\r\n const refView = useRef<null | any>(null)\r\n const handleIncreaseScale = () => {\r\n if (scale < 5) {\r\n refView.current.style.transform = `scale(${scale+0.25},${scale+0.25})`\r\n refView.current.style.transformOrigin = `${50 / scale + 0.25}px ${50 / scale + 0.25}px`\r\n setScale(scale+0.25)\r\n }\r\n }\r\n const handleDecreaseScale = () => {\r\n if (scale >= 0.5) {\r\n refView.current.style.transform = `scale(${scale-0.25},${scale-0.25})`\r\n refView.current.style.transformOrigin = `${50/scale-0.25}px ${50/scale-0.25}px`\r\n setScale(scale-0.25)\r\n }\r\n } \r\n const handleOpenWatch = () => !watch && setWatch(true)\r\n const handleCloseWatch = (e:any) => {\r\n const id = e.target.id\r\n if (id === 'overlay' || id === 'close') {\r\n setWatch(false)\r\n setScale(1)\r\n }\r\n } \r\n \r\n return (watch?\r\n <div id='overlay' onClick={(e) => {\r\n handleCloseWatch(e)\r\n handleScrollToTheMessage(id)\r\n }} className={classes.overlay}>\r\n <div className={classes.topBar}>\r\n <div className={classes.wrapperCredentials}>\r\n <ListItemIcon >\r\n <Avatar alt={name} src={avatarUrl?`${prodAwsS3}/${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 primaryTypographyProps={{ color: '#ffffff' }}\r\n secondary={timeStampEU(updatedAt)} secondaryTypographyProps={{ color: '#ffffff' }} />\r\n </div>\r\n <div className={classes.wrapperIcons}>\r\n <ZoomOutIcon onClick={handleDecreaseScale}\r\n className={classes.magnifying} fontSize='large' />\r\n <ZoomInIcon onClick={handleIncreaseScale}\r\n className={classes.magnifying} fontSize='large' />\r\n <DownloadForOfflineIcon onClick={() => handleDownload(url, fullType)}\r\n className={classes.downloadIcon} fontSize='large' />\r\n <CloseIcon id='close' onClick={handleCloseWatch}\r\n className={classes.iconClose} fontSize='large' />\r\n </div> \r\n </div>\r\n <div ref={refView} className={classes.wrapperImage}>\r\n <img className={classes.innerImage} 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\nimport { makeStyles } from '@material-ui/core'\r\n\r\nimport AlertInfo from '../../../../../reusableComponents/AlertInfo';\r\nimport { TMessages } from '../../../../../../typescript/redux/messages/types'\r\n\r\nconst useStyles = makeStyles({\r\n container: {\r\n position: 'absolute',\r\n animationDuration: '0.2s',\r\n animationDirection: 'normal',\r\n animation: `$moveElement`,\r\n },\r\n '@keyframes moveElement': {\r\n '0%': { left: '100%'},\r\n '100%': { left: '0%'},\r\n }, \r\n})\r\n\r\ninterface IMediaList {\r\n openPinned: boolean,\r\n filteredAndSorted: TMessages,\r\n handleScrollToTheMessage: (_id:string) => void,\r\n}\r\n\r\nconst MediaList = ({ filteredAndSorted,handleScrollToTheMessage,openPinned }: IMediaList) => {\r\n const classes = useStyles()\r\n\r\n return filteredAndSorted.length > 0 ?(\r\n <ImageList className={classes.container}\r\n sx={{ width: '100%', height: 'auto', overflow: 'hidden' }} cols={3} rowHeight={164}>\r\n {filteredAndSorted.map(({message,createdAt,fullType,updatedAt,_id,name,lastName,avatarUrl,color}) => \r\n <MediaListItem key={createdAt} message={message} fullType={fullType}\r\n updatedAt={updatedAt} handleScrollToTheMessage={handleScrollToTheMessage} id={_id}\r\n name={name} lastName={lastName} avatarUrl={avatarUrl} color={color}/>)}\r\n </ImageList>\r\n ): <AlertInfo name={`You do not have ${openPinned&&'Pinned'} 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 Avatar from '@mui/material/Avatar';\r\nimport InsertDriveFileIcon from '@mui/icons-material/InsertDriveFile';\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,prodAwsS3,firstLetter } from '../../../../../../helpers'\r\nimport { TMessages } from '../../../../../../typescript/redux/messages/types'\r\n\r\nconst useStyles = makeStyles({\r\n container: {\r\n position: 'absolute',\r\n animationDuration: '0.2s',\r\n animationDirection: 'normal',\r\n animation: `$moveElement`,\r\n }, \r\n folderIcon: {\r\n margin: 'auto 0px',\r\n color: '#54b0fc',\r\n },\r\n listItem: {\r\n cursor:'pointer',\r\n '&:hover': {\r\n backgroundColor: '#f0f0f0',\r\n }\r\n },\r\n '@keyframes moveElement': {\r\n '0%': { left: '100%'},\r\n '100%': { left: '0%'},\r\n }, \r\n})\r\n\r\ninterface IFilesList {\r\n openPinned: boolean,\r\n filteredAndSorted: TMessages,\r\n handleScrollToTheMessage: (_id:string) => void,\r\n}\r\n\r\nconst FilesList = ({ filteredAndSorted,handleScrollToTheMessage,openPinned }: IFilesList) => {\r\n const classes = useStyles()\r\n \r\n return filteredAndSorted.length > 0 ?(\r\n <List className={classes.container}>\r\n {filteredAndSorted.map(({createdAt, fullType,_id,name,avatarUrl,lastName,color }) =>\r\n <div key={createdAt}>\r\n <ListItem onClick={() => handleScrollToTheMessage(_id)}\r\n alignItems=\"flex-start\" className={classes.listItem}>\r\n <ListItemAvatar>\r\n <Avatar alt={name} src={avatarUrl?`${prodAwsS3}/${avatarUrl}`:undefined}\r\n sx={{ background: color, width: 40, height: 40, marginRight:2 }}>\r\n {!avatarUrl&&`${firstLetter(name)}${firstLetter(lastName)}`}\r\n </Avatar>\r\n </ListItemAvatar>\r\n <ListItemText\r\n primary={fullType}\r\n secondary={timeStampEU(createdAt)}\r\n />\r\n <InsertDriveFileIcon className={classes.folderIcon} fontSize='large' /> \r\n </ListItem>\r\n <Divider variant=\"inset\"/>\r\n </div>)}\r\n </List>\r\n ): <AlertInfo name={`You do not have ${openPinned&&'Pinned'} 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 { makeStyles } from '@material-ui/core'\r\n\r\nimport AlertInfo from '../../../../../reusableComponents/AlertInfo';\r\nimport { timeStampEU,firstLetter,prodAwsS3 } from '../../../../../../helpers'\r\nimport { TMessages } from '../../../../../../typescript/redux/messages/types'\r\n\r\nconst useStyles = makeStyles({\r\n container: {\r\n position: 'absolute',\r\n animationDuration: '0.2s',\r\n animationDirection: 'normal',\r\n animation: `$moveElement`,\r\n }, \r\n listItem: {\r\n cursor:'pointer',\r\n '&:hover': {\r\n backgroundColor: '#f0f0f0',\r\n }\r\n },\r\n folderIcon: {\r\n margin: 'auto 0px',\r\n color: '#54b0fc',\r\n },\r\n '@keyframes moveElement': {\r\n '0%': { left: '100%'},\r\n '100%': { left: '0%'},\r\n }, \r\n})\r\n\r\ninterface ITextList {\r\n openPinned: boolean,\r\n filteredAndSorted: TMessages,\r\n handleScrollToTheMessage: (_id:string) => void,\r\n}\r\n\r\nconst TextList = ({ filteredAndSorted,handleScrollToTheMessage,openPinned }: ITextList) => {\r\n const classes = useStyles()\r\n \r\n return filteredAndSorted.length > 0 ?(\r\n <List className={classes.container}>\r\n {filteredAndSorted.map(({ message, createdAt, lastName, name, color, avatarUrl,_id }) =>\r\n <div key={createdAt}>\r\n <ListItem onClick={() => handleScrollToTheMessage(_id)}\r\n alignItems=\"flex-start\" className={classes.listItem}>\r\n <ListItemAvatar>\r\n <Avatar alt={name} src={avatarUrl?`${prodAwsS3}/${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 <ContentCopyIcon className={classes.folderIcon} fontSize='large' /> \r\n </ListItem>\r\n <Divider variant=\"inset\" />\r\n </div>)}\r\n </List>\r\n ): <AlertInfo name={`You do not have ${openPinned&&'Pinned'} 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 Avatar from '@mui/material/Avatar';\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,prodAwsS3,firstLetter } from '../../../../../../helpers'\r\nimport { TMessages } from '../../../../../../typescript/redux/messages/types'\r\n\r\nconst useStyles = makeStyles({\r\n container: {\r\n position: 'absolute',\r\n animationDuration: '0.2s',\r\n animationDirection: 'normal',\r\n animation: `$moveElement`,\r\n }, \r\n folderIcon: {\r\n margin: 'auto 0px',\r\n color: '#54b0fc',\r\n },\r\n listItem: {\r\n cursor:'pointer',\r\n '&:hover': {\r\n backgroundColor: '#f0f0f0',\r\n }\r\n },\r\n '@keyframes moveElement': {\r\n '0%': { left: '100%'},\r\n '100%': { left: '0%'},\r\n }, \r\n})\r\n\r\ninterface IVideoList {\r\n openPinned: boolean,\r\n filteredAndSorted: TMessages,\r\n handleScrollToTheMessage: (_id:string) => void,\r\n}\r\n\r\nconst VideoList = ({ filteredAndSorted,handleScrollToTheMessage,openPinned }: IVideoList) => {\r\n const classes = useStyles()\r\n\r\n return filteredAndSorted.length > 0 ?(\r\n <List className={classes.container}>\r\n {filteredAndSorted.map(({ message, createdAt, fullType,_id,name,avatarUrl,lastName,color }) =>\r\n <div key={createdAt}>\r\n <ListItem onClick={() => handleScrollToTheMessage(_id)}\r\n key={createdAt} alignItems=\"flex-start\" className={classes.listItem}>\r\n <ListItemAvatar>\r\n <Avatar alt={name} src={avatarUrl?`${prodAwsS3}/${avatarUrl}`:undefined}\r\n sx={{ background: color, width: 40, height: 40, marginRight:2 }}>\r\n {!avatarUrl&&`${firstLetter(name)}${firstLetter(lastName)}`}\r\n </Avatar>\r\n </ListItemAvatar>\r\n <ListItemText\r\n primary={fullType}\r\n secondary={timeStampEU(createdAt)}\r\n />\r\n <VideoLibraryIcon className={classes.folderIcon} fontSize='large'/> \r\n </ListItem>\r\n <Divider variant=\"inset\"/>\r\n </div>)}\r\n </List>\r\n ): <AlertInfo name={`You do not have ${openPinned&&'Pinned'} Video yet!`}/> \r\n}\r\n\r\nexport default VideoList","import { useState,useEffect,useMemo } from 'react';\r\nimport { useSelector } from 'react-redux';\r\nimport { makeStyles } from '@material-ui/core'\r\nimport { styled } from '@mui/material/styles';\r\nimport Tab from '@mui/material/Tab';\r\nimport Tabs from '@mui/material/Tabs';\r\nimport Box from '@mui/material/Box';\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 { getOpenPinned } from '../../../../../redux/control/selector';\r\nimport { getPinnedMessagesMemo } from '../../../../../redux/pinnedMessages/selector'; \r\nimport { getMessagesMemo } from '../../../../../redux/messages/selector'\r\nimport { handleSort,filterBy } from '../../../../../helpers';\r\nimport { getChat } from '../../../../../redux/chat/selector'\r\nimport { TMessages,TMessage } from '../../../../../typescript/redux/messages/types'\r\n\r\nconst useStyles = makeStyles({\r\ncontainer: {\r\n height: '7vh',\r\n display: \"flex\",\r\n alignContent: \"end\",\r\n alignItems: \"end\",\r\n width:'100%',\r\n borderBottom: 'solid 2px #dddddd',\r\n },\r\n})\r\n\r\ninterface StyledTabsProps {\r\n children?: React.ReactNode;\r\n value: number;\r\n onChange: (event: React.SyntheticEvent, newValue: number) => void;\r\n}\r\n\r\nconst StyledTabs = styled((props: StyledTabsProps) => (\r\n <Tabs\r\n {...props}\r\n TabIndicatorProps={{ children: <span className=\"MuiTabs-indicatorSpan\" /> }}\r\n />\r\n))({\r\n '& .MuiTabs-flexContainer': {\r\n display: \"flex\",\r\n width: '100%',\r\n padding:'0px 10px',\r\n justifyContent: \"space-between\"\r\n },\r\n '& .MuiTabs-indicator': {\r\n height: 0,\r\n backgroundColor: 'transparent',\r\n borderBottom: '3px solid #1976d2',\r\n borderLeft: '3px solid transparent',\r\n borderRight: '3px solid transparent',\r\n },\r\n});\r\n\r\nconst StyledTab = styled((props:{label: string}) => <Tab disableRipple {...props} />)(\r\n () => ({\r\n fontSize: '1rem',\r\n fontWeight: 550,\r\n textTransform: 'none',\r\n minWidth:'auto'\r\n }),\r\n);\r\n\r\ninterface IProfileLists {\r\n setDisabled: React.Dispatch<boolean>,\r\n chatDivRef: any | null,\r\n}\r\n\r\nconst ProfileLists = ({setDisabled,chatDivRef}:IProfileLists) => {\r\n const classes = useStyles()\r\n const { sort } = useSelector(getChat)\r\n const openPinned = useSelector(getOpenPinned)\r\n const messagesMemo = useSelector(getMessagesMemo)\r\n const pinnedMessagesMemo = useSelector(getPinnedMessagesMemo)\r\n const [isActive, setIsActive] = useState<number>(0)\r\n \r\n const handleIsActive = (_e:any,newValue: number): void => setIsActive(newValue)\r\n const handleScrollToTheMessage = (_id: string) => {\r\n const childNodes = chatDivRef.current.childNodes[0].childNodes\r\n let toScrollNode = [...childNodes].find((el: any) => el.id === _id)\r\n if (toScrollNode) {\r\n toScrollNode = [...toScrollNode.childNodes].slice(-1)[0]\r\n toScrollNode.style.backgroundColor = 'rgba(70, 70, 70, 0.4)'\r\n toScrollNode.style.boxShadow = '0px 0px 6px 0px #ffffff'\r\n toScrollNode.scrollIntoView({ behavior: 'smooth' })\r\n setTimeout(() => {\r\n toScrollNode.style.backgroundColor = 'unset'\r\n toScrollNode.style.boxShadow = 'unset'\r\n }, 2000)\r\n }\r\n }\r\n \r\n const filteredAndSorted: TMessages = useMemo(() => handleSort('createdAt', !openPinned ? messagesMemo : pinnedMessagesMemo, sort)\r\n .filter((el:TMessage) => filterBy[isActive].includes(el.type)),[isActive,messagesMemo,openPinned,pinnedMessagesMemo,sort])\r\n\r\n useEffect(() => {\r\n setDisabled(filteredAndSorted.length > 0?false:true)\r\n }, [filteredAndSorted, setDisabled])\r\n \r\n return (\r\n <>\r\n <Box className={classes.container}>\r\n <StyledTabs sx={{width:'100%'}} onChange={handleIsActive} value={isActive} aria-label=\"wrapped label tabs example\">\r\n <StyledTab label='Files'/>\r\n <StyledTab label='Media'/>\r\n <StyledTab label='Text'/>\r\n <StyledTab label='Audio'/>\r\n <StyledTab label='Video'/>\r\n </StyledTabs>\r\n </Box>\r\n {isActive === 0 && <FilesList filteredAndSorted={filteredAndSorted} handleScrollToTheMessage={handleScrollToTheMessage} openPinned={openPinned}/>} \r\n {isActive === 1 && <MediaList filteredAndSorted={filteredAndSorted} handleScrollToTheMessage={handleScrollToTheMessage} openPinned={openPinned}/>}\r\n {isActive === 2 && <TextList filteredAndSorted={filteredAndSorted} handleScrollToTheMessage={handleScrollToTheMessage} openPinned={openPinned}/>}\r\n {isActive === 3 && <AudioList filteredAndSorted={filteredAndSorted} handleScrollToTheMessage={handleScrollToTheMessage} openPinned={openPinned}/>}\r\n {isActive === 4 && <VideoList filteredAndSorted={filteredAndSorted} handleScrollToTheMessage={handleScrollToTheMessage} openPinned={openPinned}/>}\r\n </> \r\n )\r\n}\r\n\r\nexport default ProfileLists","import { makeStyles } from '@material-ui/core'\r\nimport { useState, useEffect } from 'react'\r\nimport { useSelector, useDispatch } from 'react-redux'\r\nimport ToolBar from './ToolBar'\r\nimport ProfilePicture from './ProfilePicture'\r\nimport ProfileMenu from './ProfileMenu'\r\nimport ProfileLists from './ProfileLists'\r\nimport { asyncGetContacts } from '../../../../redux/contacts/operations'\r\nimport { getLeftIsOpen } from '../../../../redux/control/selector'\r\nimport { refreshAppTime } from '../../../../helpers'\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\ninterface ICredentialsList {\r\n chatDivRef: any | null,\r\n}\r\n\r\nconst CredentialsList = ({chatDivRef}:ICredentialsList) => {\r\n const classes = useStyles()\r\n const dispatch = useDispatch()\r\n const leftIsOpen = useSelector(getLeftIsOpen)\r\n const [disabled, setDisabled] = useState<boolean>(false)\r\n\r\n useEffect(() => {\r\n const handleReset = () => leftIsOpen !== 'contacts'&&dispatch(asyncGetContacts())\r\n handleReset()\r\n const idInterval = setInterval(handleReset, refreshAppTime);\r\n return () => clearInterval(idInterval);\r\n }, [leftIsOpen, dispatch]);\r\n \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} chatDivRef={chatDivRef}/>\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 { actionRightIsOpen } 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(actionRightIsOpen('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,prodAwsS3 } 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 \r\n const handleNotifications = () => {\r\n setMute(!mute)\r\n !openBtn&&setOpenBtn(true)\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 return (\r\n <div className={classes.container} > \r\n <ListItemAvatar style={{marginBottom:10}}>\r\n <Avatar alt={name} src={avatarUrl?`${prodAwsS3}/${avatarUrl}`:undefined}\r\n sx={{ background: color, width: 120, height: 120, marginRight: 2, fontSize:30}}>\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 { actionRightIsOpen } from '../../../../../redux/control/action'\r\nimport { removeContact } from '../../../../../api-data';\r\nimport { TContact } from '../../../../../typescript/redux/contacts/types';\r\nimport { slicedWord,firstLetter,prodAwsS3 } 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 \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(actionRightIsOpen('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?`${prodAwsS3}/${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\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 Grid from '@mui/material/Grid'\r\nimport SearchList from './SearchList'\r\nimport CredentialsList from './CredentialsList'\r\nimport EditBar from './EditBar'\r\nimport { TRightIsOpen } from '../../../typescript/redux/control/types'\r\n\r\ninterface IRightBar {\r\n rightIsOpen: TRightIsOpen,\r\n chatDivRef: any | null,\r\n}\r\n\r\nconst RightBar = ({ rightIsOpen, chatDivRef }: IRightBar) => {\r\n return (\r\n <Grid item lg={rightIsOpen ? 4 : 0}>\r\n {rightIsOpen === 'credentials' && <CredentialsList chatDivRef={chatDivRef} />}\r\n {rightIsOpen === 'search' && <SearchList chatDivRef={chatDivRef} />}\r\n {rightIsOpen === 'edit' && <EditBar/>}\r\n </Grid>\r\n )\r\n}\r\n\r\nexport default RightBar","import Stack from '@mui/material/Stack';\r\nimport IconButton from '@mui/material/IconButton';\r\nimport SearchIcon from '@mui/icons-material/Search';\r\nimport PhoneIcon from '@mui/icons-material/Phone';\r\nimport { makeStyles, Typography } from '@material-ui/core'\r\nimport { useState,useEffect,useCallback,useRef } from 'react';\r\nimport { useSelector,useDispatch } from 'react-redux';\r\nimport ListItemText from '@mui/material/ListItemText';\r\nimport ListItemAvatar from '@mui/material/ListItemAvatar';\r\nimport Avatar from '@mui/material/Avatar';\r\nimport MinimizeIcon from '@mui/icons-material/Minimize';\r\nimport CropLandscapeIcon from '@mui/icons-material/CropLandscape';\r\nimport CloseIcon from '@mui/icons-material/Close';\r\nimport ScreenShareIcon from '@mui/icons-material/ScreenShare';\r\nimport StopScreenShareIcon from '@mui/icons-material/StopScreenShare';\r\nimport VideocamIcon from '@mui/icons-material/Videocam';\r\nimport VideocamOffIcon from '@mui/icons-material/VideocamOff';\r\nimport MicIcon from '@mui/icons-material/Mic';\r\nimport MicOffIcon from '@mui/icons-material/MicOff';\r\nimport CallEndIcon from '@mui/icons-material/CallEnd';\r\n \r\nimport { getChat } from '../../../redux/chat/selector';\r\nimport { getAuthorizationState } from '../../../redux/authorization/selector'; \r\nimport { prodAwsS3, firstLetter, slicedWord } from '../../../helpers'\r\nimport { socketIdChat } from '../../../api-data';\r\n\r\nconst Peer = require('simple-peer')\r\n\r\nconst useStyles = makeStyles({\r\n container: {\r\n position: 'absolute',\r\n left: 0,\r\n top: 0,\r\n width: '100vw',\r\n height:'100vh',\r\n overflow: 'hidden',\r\n zIndex:100,\r\n display: 'flex',\r\n justifyContent: 'center',\r\n alignItems: 'center',\r\n alignContent: \"center\",\r\n backgroundColor: 'rgba(104, 105, 104, 0.6)',\r\n },\r\n shareScreenActive: {\r\n width: '30%',\r\n borderRadius: 7,\r\n margin: 'auto',\r\n border:'solid 2px #0084ff',\r\n },\r\n shareScreenDisabled: {\r\n width: 0,\r\n height:0,\r\n }, \r\n modalCall: {\r\n background: 'rgb(36, 36, 36)',\r\n display: 'flex',\r\n flexDirection: 'column',\r\n justifyContent: 'start',\r\n alignItems: 'center',\r\n justifyItems:\"center\",\r\n width: '34vw',\r\n height:'90vh',\r\n borderRadius: 7,\r\n },\r\n rightIcons: {\r\n display: 'flex',\r\n justifyContent: 'end',\r\n alignContent: 'center',\r\n alignItems: 'center',\r\n width:'100%'\r\n },\r\n rightIconWrapper: {\r\n color: '#ffffff',\r\n cursor: 'pointer',\r\n padding:'3px 10px 3px 10px',\r\n '&:hover': {\r\n backgroundColor:'rgb(80, 80, 80)'\r\n }\r\n },\r\n rightIconWrapperClose: {\r\n color: '#ffffff',\r\n cursor: 'pointer',\r\n padding:'3px 10px 3px 10px',\r\n borderTopRightRadius:7,\r\n '&:hover': {\r\n backgroundColor:'#f02a2a'\r\n }\r\n },\r\n bottomWrapper: {\r\n display: 'flex',\r\n justifyContent: 'center',\r\n padding: 5\r\n },\r\n bottomItem: {\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 width: 80,\r\n },\r\n bottomIcon: {\r\n cursor:'pointer',\r\n },\r\n bottomIconEndAccept: {\r\n cursor: 'pointer',\r\n '&:hover': {\r\n animation: `$shake 1s`,\r\n animationIterationCount:'infinite', \r\n }\r\n }, \r\n ringPulsate: {\r\n backgroundColor:\"rgb(80, 80, 80)\",\r\n borderRadius: '50%',\r\n height: 60,\r\n width: 60,\r\n position: 'absolute',\r\n left: 10,\r\n top: -8,\r\n animation: `$pulsate 1.5s ease-out`,\r\n animationIterationCount: 'infinite',\r\n opacity: 0,\r\n }, \r\n titleIconBottom: {\r\n color: '#ffffff',\r\n fontSize: 13,\r\n paddingTop:7\r\n },\r\n '@keyframes pulsate': {\r\n '0%': {transform: 'scale(1, 1)', opacity: 0},\r\n '50%': { opacity: 1},\r\n '100%': {transform: 'scale(1.2, 1.2)', opacity: 0},\r\n },\r\n '@keyframes shake': {\r\n '0%': { transform: 'rotate(0deg)'},\r\n '11%': { transform: 'rotate(10deg)'},\r\n '22%': { transform: 'rotate(20deg)'},\r\n '33%': { transform: 'rotate(30deg)'},\r\n '44%': { transform: 'rotate(20deg)'},\r\n '55%': { transform: 'rotate(10deg)'},\r\n '66%': { transform: 'rotate(0deg)'},\r\n '77%': { transform: 'rotate(-10deg)'},\r\n '88%': { transform: 'rotate(-20deg)'},\r\n '100%': { transform: 'rotate(-30deg)'},\r\n }, \r\n})\r\n\r\ninterface ICallBar {\r\n callStatus: string,\r\n setCallStatus: any,\r\n socket: any,\r\n myVideoRef :any,\r\n}\r\n\r\nconst CallBar = ({callStatus,setCallStatus,socket,myVideoRef}:ICallBar) => {\r\n const classes = useStyles()\r\n const { _id } = useSelector(getAuthorizationState)\r\n const chat = useSelector(getChat)\r\n const myAudioRef = useRef<any>(null);\r\n const userAudioRef = useRef<any>(null);\r\n const userVideoRef = useRef<any>(null);\r\n const connectionRef = useRef<any>(null);\r\n const [mySocket, setMySocket] = useState<string>('')\r\n const [companionSocket, setCompanionSocket] = useState<string>('')\r\n const [companionSignal, setCompanionSignal] = useState<string>('')\r\n const [name, setName] = useState<string>('')\r\n const [lastName, setLastName] = useState<string>('')\r\n const [avatarUrl, setAvatarUrl] = useState<string>('')\r\n const [color, setColor] = useState<string>('')\r\n const [number,setNumber] = useState<string>('')\r\n const handleLeaveCall = () => {\r\n connectionRef.current.destroy();\r\n setCallStatus('')\r\n };\r\n // requesting, waiting ,ringing, hanging up,line busy\r\n\r\n const handleStartCall = useCallback(async () => {\r\n const stream = await navigator.mediaDevices.getUserMedia({\r\n video: true,\r\n audio: true\r\n })\r\n const peer = new Peer({\r\n initiator: true,\r\n trickle: false, \r\n stream \r\n });\r\n peer.on(\"signal\", (data:any) => {\r\n socket.emit(\"callTo\", {\r\n to: chat.socketId,\r\n signalData: data,\r\n from: mySocket,\r\n userId: _id,\r\n companionId:chat.companionId\r\n })\r\n setCallStatus('ringing')\r\n });\r\n peer.on(\"stream\", (stream: any) => {\r\n console.log(stream,'user stream')\r\n });\r\n socket.on(\"acceptedCall\", ({ signal }: any) => {\r\n peer.signal(signal)\r\n setCallStatus('accepted')\r\n console.log(signal,'signal accepted from companion')\r\n });\r\n connectionRef.current = peer; \r\n },[chat.socketId,chat.companionId,_id,socket,setCallStatus,mySocket])\r\n\r\n const handleAnswerCall = useCallback(async () => {\r\n const stream = await navigator.mediaDevices.getUserMedia({\r\n video: true,\r\n audio: true\r\n })\r\n const peer = new Peer({\r\n initiator: false,\r\n trickle: false,\r\n stream,\r\n });\r\n peer.on(\"signal\", (data: any) => {\r\n socket.emit(\"answerCall\", { signal: data, to: companionSocket });\r\n });\r\n peer.on(\"stream\", (stream: any) => {\r\n userVideoRef.current.srcObject = stream;\r\n });\r\n peer.signal(companionSignal);\r\n connectionRef.current = peer;\r\n },[socket,companionSocket,companionSignal])\r\n\r\n useEffect(() => {\r\n socket.on(\"me\", (id: string) => {\r\n setMySocket(id)\r\n socketIdChat(id)\r\n })\r\n socket.on('incomeCall', (data: any) => {\r\n setCallStatus('is calling you')\r\n setName(data.name)\r\n setLastName(data.lastName)\r\n setAvatarUrl(data.avatarUrl)\r\n setColor(data.color)\r\n setNumber(data.number)\r\n setCompanionSocket(data.from)\r\n setCompanionSignal(data.signal)\r\n })\r\n },[socket,setCallStatus,setName,setLastName,setCompanionSocket,setCompanionSignal])\r\n\r\n useEffect(() => {\r\n if(callStatus === 'requesting') handleStartCall()\r\n }, [callStatus, handleStartCall])\r\n\r\n useEffect(() => {\r\n if (callStatus === '') {\r\n setName(chat.name)\r\n setLastName(chat.lastName)\r\n setAvatarUrl(chat.avatarUrl)\r\n setColor(chat.color)\r\n setNumber(chat.number)\r\n }\r\n }, [callStatus,chat]) \r\n\r\n return (\r\n <div className={classes.container} style={{top: callStatus?0:'-100%'}}>\r\n <div className={classes.modalCall}>\r\n <div className={classes.rightIcons} style={{marginBottom: true?0:40,}}>\r\n <div className={classes.rightIconWrapper}>\r\n <MinimizeIcon fontSize='small' />\r\n </div>\r\n <div className={classes.rightIconWrapper}>\r\n <CropLandscapeIcon fontSize='small' />\r\n </div>\r\n <div className={classes.rightIconWrapperClose} onClick={handleLeaveCall}>\r\n <CloseIcon fontSize='small' />\r\n </div>\r\n </div>\r\n {<ListItemAvatar style={{marginBottom:5}}>\r\n <Avatar alt={name} src={avatarUrl?`${prodAwsS3}/${avatarUrl}`:undefined}\r\n sx={{ background: color, width: 120, height: 120, marginRight: 2, fontSize:30,zIndex:0}}>\r\n {`${firstLetter(name)}${firstLetter(lastName)}`}\r\n </Avatar>\r\n </ListItemAvatar>}\r\n {<div style={{marginBottom:'auto'}}>\r\n <ListItemText primary={`${firstLetter(name)}${slicedWord(name, 15, 1)}\r\n ${firstLetter(lastName)}${slicedWord(lastName, 15, 1)}`}\r\n primaryTypographyProps={{ color: '#dfdfdf', fontSize: 20, fontWeight: 500 }}/>\r\n <ListItemText primary={number} primaryTypographyProps={{ color: '#ffffff', fontSize: 15, fontWeight: 500,textAlign:\"center\" }}/>\r\n <ListItemText secondary={callStatus+'...'} secondaryTypographyProps={{ color: \"#dfdfdf\",textAlign: \"center\" }} />\r\n </div>}\r\n <video className={true ? classes.shareScreenActive : classes.shareScreenDisabled} ref={userVideoRef} playsInline autoPlay />\r\n <div className={classes.bottomWrapper}>\r\n {!true&&<div className={classes.bottomItem}>\r\n <Avatar className={classes.bottomIcon}\r\n sx={{backgroundColor: '#ffffff',color: 'rgb(36, 36, 36)', width: 44, height: 44,zIndex:0}}>\r\n <ScreenShareIcon fontSize=\"medium\" />\r\n </Avatar>\r\n <Typography variant=\"h6\" className={classes.titleIconBottom}>Screencast</Typography>\r\n </div>}\r\n <div className={classes.bottomItem}>\r\n <Avatar className={classes.bottomIcon} \r\n sx={{backgroundColor: true?'rgb(88, 88, 88)':'#ffffff',color: true?'#ffffff':'rgb(36, 36, 36)', width: 44, height: 44,zIndex:0}}>\r\n {true?<VideocamOffIcon fontSize=\"medium\" />:<VideocamIcon fontSize=\"medium\" />}\r\n </Avatar>\r\n <Typography variant=\"h6\" className={classes.titleIconBottom}>{true?'Stop Video':'Start Video'}</Typography>\r\n </div>\r\n <div className={classes.bottomItem}>\r\n <Avatar className={classes.bottomIconEndAccept} onClick={handleLeaveCall}\r\n sx={{backgroundColor: '#f02a2a',color: '#ffffff', width: 44, height: 44,zIndex:0}}>\r\n <CallEndIcon fontSize=\"medium\" />\r\n </Avatar>\r\n <Typography variant=\"h6\" className={classes.titleIconBottom}>\r\n {callStatus === 'is calling you' ? 'Decline' : 'End Call'}\r\n </Typography>\r\n </div>\r\n {callStatus === 'is calling you' &&\r\n <div className={classes.bottomItem} style={{position:\"relative\"}}>\r\n <div className={classes.ringPulsate}></div>\r\n <Avatar className={classes.bottomIconEndAccept} onClick={handleAnswerCall}\r\n sx={{ backgroundColor: '#21f519', color: '#ffffff', width: 44, height: 44, zIndex: 0 }}>\r\n <PhoneIcon fontSize=\"medium\" />\r\n </Avatar>\r\n <Typography variant=\"h6\" className={classes.titleIconBottom}>\r\n Accept\r\n </Typography>\r\n </div>} \r\n <div className={classes.bottomItem}>\r\n <Avatar className={classes.bottomIcon} \r\n sx={{backgroundColor: true?'rgb(88, 88, 88)':'#ffffff',color: true?'#ffffff':'rgb(36, 36, 36)', width: 44, height: 44,zIndex:0}}>\r\n {true?<MicIcon fontSize=\"medium\" />:<MicOffIcon fontSize=\"medium\" />}\r\n </Avatar>\r\n <Typography variant=\"h6\" className={classes.titleIconBottom}>{true?'Mute':'Unmute'}</Typography>\r\n </div>\r\n </div>\r\n </div>\r\n </div> \r\n )\r\n}\r\n\r\nexport default CallBar","export default __webpack_public_path__ + \"static/media/wallpaper.8f0d1af7.jpg\";","export default __webpack_public_path__ + \"static/media/wallpaperNight.63a4f24a.jpg\";","import Grid from '@mui/material/Grid'\r\nimport { makeStyles } from '@material-ui/core'\r\nimport { useSelector } from 'react-redux'\r\nimport { useState,useRef } from 'react'\r\nimport io from 'socket.io-client';\r\nimport Moveable from \"react-moveable\";\r\nimport { OnDrag } from \"react-moveable\";\r\n\r\nimport LeftBar from './LeftBar'\r\nimport CentralBar from './CentralBar'\r\nimport RightBar from './RightBar'\r\nimport CallBar from './CallBar';\r\nimport { getRightIsOpen } from '../../redux/control/selector'\r\nimport { getChatMemo } from '../../redux/chat/selector'\r\nimport { getNightMode } from '../../redux/authorization/selector'\r\nimport wallpaper from '../../img/wallpaper.jpg'\r\nimport wallpaperNight from '../../img/wallpaperNight.jpg'\r\nimport { prodSocketURL } from '../../helpers';\r\n\r\nconst socket = io(prodSocketURL)\r\n\r\nconst useStyles = makeStyles({\r\n container: {\r\n minHeight: '100vh',\r\n maxHeight: '100vh',\r\n },\r\n centralAndRight: {\r\n display:'flex'\r\n },\r\n myVideo: {\r\n width: 250,\r\n height: 'auto',\r\n cursor: 'pointer',\r\n position: 'absolute',\r\n top: 0,\r\n left: 0,\r\n zIndex: 150,\r\n backgroundColor:'#28e217',\r\n }, \r\n})\r\n\r\nconst HomePage = () => {\r\n const classes = useStyles()\r\n const rightIsOpen = useSelector(getRightIsOpen)\r\n const myVideoRef = useRef<any | null>(null);\r\n const chatDivRef = useRef<any | null>(null)\r\n const nightMode = useSelector(getNightMode)\r\n const { companionId } = useSelector(getChatMemo)\r\n const [callStatus,setCallStatus] = useState<string>('')\r\n const backgroundImage = `url(${nightMode ? wallpaperNight : wallpaper})`\r\n const handleStartCall = () => setCallStatus('requesting')\r\n\r\nreturn (\r\n <Grid className={classes.container} container spacing={0} >\r\n <video className={classes.myVideo} ref={myVideoRef} playsInline autoPlay muted/>\r\n <Moveable\r\n target={myVideoRef.current}\r\n draggable={true}\r\n throttleDrag={0}\r\n hideDefaultLines={true}\r\n renderDirections={[]}\r\n rotationPosition=\"none\"\r\n origin={false}\r\n onDrag={({ target, transform }: OnDrag) =>\r\n target!.style.transform = transform }\r\n />\r\n <CallBar callStatus={callStatus} setCallStatus={setCallStatus} socket={socket} myVideoRef={myVideoRef}/>\r\n <LeftBar chatDivRef={chatDivRef} />\r\n {companionId ?\r\n <Grid item lg={9} className={classes.centralAndRight}>\r\n <CentralBar rightIsOpen={rightIsOpen} chatDivRef={chatDivRef}\r\n companionId={companionId} backgroundImage={backgroundImage}\r\n handleStartCall={handleStartCall}/>\r\n <RightBar rightIsOpen={rightIsOpen} chatDivRef={chatDivRef} />\r\n </Grid> :\r\n <Grid item lg={9} style={{backgroundImage}}/>}\r\n </Grid>\r\n )\r\n}\r\n\r\nexport default HomePage"],"sourceRoot":""}
|
