@messenger-box/platform-browser 10.0.3-alpha.17 → 10.0.3-alpha.171

package/src/components/post_view/post_header/post_header.tsx

@@ -1,202 +0,0 @@
-// // Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
-// // See LICENSE.txt for license information.
-
-// import React, {EventHandler, MouseEvent} from 'react';
-// import {FormattedMessage} from 'react-intl';
-
-// import {Post} from 'mattermost-redux/types/posts';
-
-// import Constants from 'utils/constants';
-// import * as PostUtils from 'utils/post_utils';
-// import PostInfo from 'components/post_view/post_info';
-// import UserProfile from 'components/user_profile';
-// import BotBadge from 'components/widgets/badges/bot_badge';
-// import Badge from 'components/widgets/badges/badge';
-
-// import PostHeaderCustomStatus from './post_header_custom_status';
-
-// import './post_header.scss';
-
-// export type Props = {
-
-//     /*
-//      * The post to render the header for
-//      */
-//     post: Post;
-
-//     /*
-//      * Function called when the comment icon is clicked
-//      */
-//     handleCommentClick: EventHandler<MouseEvent>;
-
-//     /*
-//      * Function called when the card icon is clicked
-//      */
-//     handleCardClick: (post: Post) => void;
-
-//     /*
-//      * Function called when the post options dropdown is opened
-//      */
-//     handleDropdownOpened: (opened: boolean) => void;
-
-//     /*
-//      * Set to render compactly
-//      */
-//     compactDisplay?: boolean;
-
-//     /**
-//      * Set to indicate that this is previous post was not a reply to the same thread
-//      */
-//     isFirstReply?: boolean;
-
-//     /**
-//      * Set to mark post as being hovered over
-//      */
-//     hover: boolean;
-
-//     /*
-//      * Set to render the post time when not hovering
-//      */
-//     showTimeWithoutHover: boolean;
-
-//     /**
-//      * Whether or not the post username can be overridden.
-//      */
-//     enablePostUsernameOverride: boolean;
-
-//     /**
-//      * If the user that made the post is a bot.
-//      */
-//     isBot: boolean;
-
-//     /**
-//      * If the user that made the post is a guest.
-//      */
-//     isGuest: boolean;
-
-//     /**
-//      * To Check if the current post is last in the list
-//      */
-//     isLastPost?: boolean;
-
-//     /**
-//      * Source of image that should be override current user profile.
-//      */
-//     overwriteIcon?: string;
-// };
-
-// export default class PostHeader extends React.PureComponent<Props> {
-//     render(): JSX.Element {
-//         const {post} = this.props;
-//         const isSystemMessage = PostUtils.isSystemMessage(post);
-//         const fromAutoResponder = PostUtils.fromAutoResponder(post);
-//         const fromWebhook = post?.props?.from_webhook === 'true';
-
-//         let userProfile = (
-//             <UserProfile
-//                 userId={post.user_id}
-//                 hasMention={true}
-//             />
-//         );
-//         let indicator;
-//         let colon;
-
-//         if (fromWebhook) {
-//             if (post.props.override_username && this.props.enablePostUsernameOverride) {
-//                 userProfile = (
-//                     <UserProfile
-//                         userId={post.user_id}
-//                         hideStatus={true}
-//                         overwriteName={post.props.override_username}
-//                         overwriteIcon={this.props.overwriteIcon}
-//                     />
-//                 );
-//             } else {
-//                 userProfile = (
-//                     <UserProfile
-//                         userId={post.user_id}
-//                         hideStatus={true}
-//                     />
-//                 );
-//             }
-
-//             if (!this.props.isBot) {
-//                 indicator = (<BotBadge/>);
-//             }
-//         } else if (fromAutoResponder) {
-//             userProfile = (
-//                 <UserProfile
-//                     userId={post.user_id}
-//                     hideStatus={true}
-//                     hasMention={true}
-//                 />
-//             );
-
-//             indicator = (
-//                 <Badge>
-//                     <FormattedMessage
-//                         id='post_info.auto_responder'
-//                         defaultMessage='AUTOMATIC REPLY'
-//                     />
-//                 </Badge>
-//             );
-//         } else if (isSystemMessage && this.props.isBot) {
-//             userProfile = (
-//                 <UserProfile
-//                     userId={post.user_id}
-//                     hideStatus={true}
-//                 />
-//             );
-//         } else if (isSystemMessage) {
-//             userProfile = (
-//                 <UserProfile
-//                     userId=''
-//                     overwriteName={
-//                         <FormattedMessage
-//                             id='post_info.system'
-//                             defaultMessage='System'
-//                         />
-//                     }
-//                     overwriteImage={Constants.SYSTEM_MESSAGE_PROFILE_IMAGE}
-//                     disablePopover={true}
-//                 />
-//             );
-//         }
-
-//         if (this.props.compactDisplay) {
-//             colon = (<strong className='colon'>{':'}</strong>);
-//         }
-
-//         const customStatus = (
-//             <PostHeaderCustomStatus
-//                 userId={this.props.post.user_id}
-//                 isBot={this.props.isBot || fromWebhook}
-//                 isSystemMessage={isSystemMessage}
-//             />
-//         );
-
-//         return (
-//             <div className='post__header'>
-//                 <div className='col col__name'>
-//                     {userProfile}
-//                     {colon}
-//                     {indicator}
-//                     {customStatus}
-//                 </div>
-//                 <div className='col'>
-//                     <PostInfo
-//                         post={post}
-//                         handleCommentClick={this.props.handleCommentClick}
-//                         handleCardClick={this.props.handleCardClick}
-//                         handleDropdownOpened={this.props.handleDropdownOpened}
-//                         compactDisplay={this.props.compactDisplay}
-//                         isFirstReply={this.props.isFirstReply}
-//                         showTimeWithoutHover={this.props.showTimeWithoutHover}
-//                         hover={this.props.hover}
-//                         isLastPost={this.props.isLastPost}
-//                     />
-//                 </div>
-//             </div>
-//         );
-//     }
-// }

package/src/components/post_view/post_header/post_header_custom_status.tsx

@@ -1,73 +0,0 @@
-// // Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
-// // See LICENSE.txt for license information.
-// import React, {useMemo} from 'react';
-
-// import {useDispatch, useSelector} from 'react-redux';
-
-// import {FormattedMessage} from 'react-intl';
-
-// import {setStatusDropdown} from 'actions/views/status_dropdown';
-// import CustomStatusEmoji from 'components/custom_status/custom_status_emoji';
-// import {makeGetCustomStatus, showPostHeaderUpdateStatusButton, isCustomStatusEnabled} from 'selectors/views/custom_status';
-// import {GlobalState} from 'types/store';
-// import EmojiIcon from 'components/widgets/icons/emoji_icon';
-
-// interface ComponentProps {
-//     userId: string;
-//     isSystemMessage: boolean;
-//     isBot: boolean;
-// }
-
-// const PostHeaderCustomStatus = (props: ComponentProps) => {
-//     const getCustomStatus = useMemo(makeGetCustomStatus, []);
-//     const {userId, isSystemMessage, isBot} = props;
-//     const dispatch = useDispatch();
-//     const userCustomStatus = useSelector((state: GlobalState) => getCustomStatus(state, userId));
-//     const showUpdateStatusButton = useSelector(showPostHeaderUpdateStatusButton);
-//     const customStatusEnabled = useSelector(isCustomStatusEnabled);
-
-//     const isCustomStatusSet = userCustomStatus && userCustomStatus.emoji;
-//     if (!customStatusEnabled || isSystemMessage || isBot) {
-//         return null;
-//     }
-
-//     if (isCustomStatusSet) {
-//         return (
-//             <CustomStatusEmoji
-//                 userID={userId}
-//                 showTooltip={true}
-//                 emojiStyle={{
-//                     marginLeft: 4,
-//                     marginTop: 2,
-//                 }}
-//             />
-//         );
-//     }
-
-//     // This must be checked after checking that custom status is not null
-//     if (!showUpdateStatusButton) {
-//         return null;
-//     }
-
-//     const updateStatus = (event: React.MouseEvent) => {
-//         event.preventDefault();
-//         dispatch(setStatusDropdown(true));
-//     };
-
-//     return (
-//         <button
-//             onClick={updateStatus}
-//             className='post__header-set-custom-status cursor--pointer style--none'
-//         >
-//             <EmojiIcon className='post__header-set-custom-status-icon'/>
-//             <span className='post__header-set-custom-status-text'>
-//                 <FormattedMessage
-//                     id='post_header.update_status'
-//                     defaultMessage='Update your status'
-//                 />
-//             </span>
-//         </button>
-//     );
-// };
-
-// export default PostHeaderCustomStatus;

package/src/components/post_view/post_image/index.js

@@ -1,6 +0,0 @@
-// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
-// See LICENSE.txt for license information.
-
-import PostImage from './post_image.jsx';
-
-export default PostImage;

package/src/components/post_view/post_image/post_image.jsx

@@ -1,69 +0,0 @@
-// // Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
-// // See LICENSE.txt for license information.
-
-// import PropTypes from 'prop-types';
-// import * as React from 'react';
-
-// import ExternalImage from 'components/external_image';
-// import SizeAwareImage from 'components/size_aware_image';
-// import FilePreviewModal from 'components/file_preview_modal';
-
-// export default class PostImage extends React.PureComponent {
-//     static propTypes = {
-//         imageMetadata: PropTypes.object.isRequired,
-//         link: PropTypes.string.isRequired,
-//         post: PropTypes.object.isRequired,
-//     }
-
-//     constructor(props) {
-//         super(props);
-
-//         this.state = {
-//             showModal: false,
-//         };
-//     }
-
-//     showModal = (e) => {
-//         e.preventDefault();
-
-//         this.setState({showModal: true});
-//     }
-
-//     hideModal = () => {
-//         this.setState({showModal: false});
-//     }
-
-//     render() {
-//         return (
-//             <div className='post__embed-container'>
-//                 <ExternalImage
-//                     src={this.props.link}
-//                     imageMetadata={this.props.imageMetadata}
-//                 >
-//                     {(safeLink) => (
-//                         <React.Fragment>
-//                             <SizeAwareImage
-//                                 className='img-div attachment__image cursor--pointer'
-//                                 src={safeLink}
-//                                 dimensions={this.props.imageMetadata}
-//                                 showLoader={true}
-//                                 onClick={this.showModal}
-//                             />
-//                             <FilePreviewModal
-//                                 show={this.state.showModal}
-//                                 onModalDismissed={this.hideModal}
-//                                 post={this.props.post}
-//                                 startIndex={0}
-//                                 fileInfos={[{
-//                                     has_preview_image: false,
-//                                     link: safeLink,
-//                                     extension: this.props.imageMetadata.format,
-//                                 }]}
-//                             />
-//                         </React.Fragment>
-//                     )}
-//                 </ExternalImage>
-//             </div>
-//         );
-//     }
-// }

package/src/components/post_view/post_info/__snapshots__/post_info.test.tsx.snap

@@ -1,322 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`components/post_view/PostInfo removePost, should have called props.actions.removePost(post) 1`] = `
-<div
-  className="post__header--info"
->
-  <div
-    className="col"
-  />
-  <div
-    className="col post-menu"
-    data-testid="post-menu-e584uzbwwpny9kengqayx5ayzw"
-  />
-</div>
-`;
-
-exports[`components/post_view/PostInfo should match snapshot 1`] = `
-<div
-  className="post__header--info"
->
-  <div
-    className="col"
-  />
-  <div
-    className="col post-menu"
-    data-testid="post-menu-e584uzbwwpny9kengqayx5ayzw"
-  />
-</div>
-`;
-
-exports[`components/post_view/PostInfo should match snapshot, compact display 1`] = `
-<div
-  className="post__header--info"
->
-  <div
-    className="col"
-  />
-  <div
-    className="col post-menu"
-    data-testid="post-menu-e584uzbwwpny9kengqayx5ayzw"
-  />
-</div>
-`;
-
-exports[`components/post_view/PostInfo should match snapshot, deleted post 1`] = `
-<div
-  className="post__header--info"
->
-  <div
-    className="col"
-  />
-  <div
-    className="col col__remove"
-  >
-    <button
-      className="post__remove theme color--link style--none"
-      onClick={[Function]}
-      type="button"
-    >
-      ×
-    </button>
-  </div>
-</div>
-`;
-
-exports[`components/post_view/PostInfo should match snapshot, enable emoji picker 1`] = `
-<div
-  className="post__header--info"
->
-  <div
-    className="col"
-  />
-  <div
-    className="col post-menu"
-    data-testid="post-menu-e584uzbwwpny9kengqayx5ayzw"
-  />
-</div>
-`;
-
-exports[`components/post_view/PostInfo should match snapshot, ephemeral deleted post 1`] = `
-<div
-  className="post__header--info"
->
-  <div
-    className="col"
-  />
-  <div
-    className="col col__remove"
-  >
-    <button
-      className="post__remove theme color--link style--none"
-      onClick={[Function]}
-      type="button"
-    >
-      ×
-    </button>
-  </div>
-</div>
-`;
-
-exports[`components/post_view/PostInfo should match snapshot, ephemeral post 1`] = `
-<div
-  className="post__header--info"
->
-  <div
-    className="col"
-  >
-    <span
-      className="post__visibility"
-    >
-      <MemoizedFormattedMessage
-        defaultMessage="(Only visible to you)"
-        id="post_info.message.visible"
-      />
-    </span>
-  </div>
-  <div
-    className="col col__remove"
-  >
-    <button
-      className="post__remove theme color--link style--none"
-      onClick={[Function]}
-      type="button"
-    >
-      ×
-    </button>
-  </div>
-</div>
-`;
-
-exports[`components/post_view/PostInfo should match snapshot, flagged post 1`] = `
-<div
-  className="post__header--info"
->
-  <div
-    className="col"
-  />
-  <div
-    className="col post-menu"
-    data-testid="post-menu-e584uzbwwpny9kengqayx5ayzw"
-  >
-    <Connect(PostFlagIcon)
-      isFlagged={true}
-      postId="e584uzbwwpny9kengqayx5ayzw"
-    />
-  </div>
-</div>
-`;
-
-exports[`components/post_view/PostInfo should match snapshot, hover 1`] = `
-<div
-  className="post__header--info"
->
-  <div
-    className="col"
-  >
-    <Connect(PostTime)
-      eventTime={1502715365009}
-      isPermalink={true}
-      postId="e584uzbwwpny9kengqayx5ayzw"
-    />
-  </div>
-  <div
-    className="col post-menu"
-    data-testid="post-menu-e584uzbwwpny9kengqayx5ayzw"
-  >
-    <Connect(injectIntl(DotMenuClass))
-      enableEmojiPicker={false}
-      handleAddReactionClick={[Function]}
-      handleCommentClick={[MockFunction]}
-      handleDropdownOpened={[Function]}
-      isFlagged={false}
-      isMenuOpen={false}
-      isReadOnly={true}
-      post={
-        Object {
-          "channel_id": "g6139tbospd18cmxroesdk3kkc",
-          "create_at": 1502715365009,
-          "delete_at": 0,
-          "edit_at": 1502715372443,
-          "hashtags": "",
-          "id": "e584uzbwwpny9kengqayx5ayzw",
-          "is_pinned": false,
-          "message": "post message",
-          "metadata": Object {
-            "embeds": Array [],
-            "emojis": Array [],
-            "files": Array [],
-            "images": Object {},
-            "reactions": Array [],
-          },
-          "original_id": "",
-          "pending_post_id": "",
-          "props": Object {},
-          "reply_count": 0,
-          "root_id": "",
-          "type": undefined,
-          "update_at": 1502715372443,
-          "user_id": "b4pfxi8sn78y8yq7phzxxfor7h",
-        }
-      }
-    />
-    <Connect(PostFlagIcon)
-      isFlagged={false}
-      postId="e584uzbwwpny9kengqayx5ayzw"
-    />
-    <Connect(CommentIcon)
-      extraClass="pull-right"
-      handleCommentClick={[MockFunction]}
-      postId="e584uzbwwpny9kengqayx5ayzw"
-    />
-  </div>
-</div>
-`;
-
-exports[`components/post_view/PostInfo should match snapshot, military time 1`] = `
-<div
-  className="post__header--info"
->
-  <div
-    className="col"
-  />
-  <div
-    className="col post-menu"
-    data-testid="post-menu-e584uzbwwpny9kengqayx5ayzw"
-  />
-</div>
-`;
-
-exports[`components/post_view/PostInfo should match snapshot, pinned post 1`] = `
-<div
-  className="post__header--info"
->
-  <div
-    className="col"
-  />
-  <div
-    className="col post-menu"
-    data-testid="post-menu-e584uzbwwpny9kengqayx5ayzw"
-  />
-</div>
-`;
-
-exports[`components/post_view/PostInfo should match snapshot, showTimeWithoutHover 1`] = `
-<div
-  className="post__header--info"
->
-  <div
-    className="col"
-  >
-    <Connect(PostTime)
-      eventTime={1502715365009}
-      isPermalink={true}
-      postId="e584uzbwwpny9kengqayx5ayzw"
-    />
-  </div>
-  <div
-    className="col post-menu"
-    data-testid="post-menu-e584uzbwwpny9kengqayx5ayzw"
-  />
-</div>
-`;
-
-exports[`components/post_view/PostInfo toggleEmojiPicker, should have called props.handleDropdownOpened 1`] = `
-<div
-  className="post__header--info"
->
-  <div
-    className="col"
-  />
-  <div
-    className="col post-menu"
-    data-testid="post-menu-e584uzbwwpny9kengqayx5ayzw"
-  >
-    <Connect(injectIntl(DotMenuClass))
-      enableEmojiPicker={true}
-      handleAddReactionClick={[Function]}
-      handleCommentClick={[MockFunction]}
-      handleDropdownOpened={[Function]}
-      isFlagged={false}
-      isMenuOpen={false}
-      isReadOnly={true}
-      post={
-        Object {
-          "channel_id": "g6139tbospd18cmxroesdk3kkc",
-          "create_at": 1502715365009,
-          "delete_at": 0,
-          "edit_at": 1502715372443,
-          "hashtags": "",
-          "id": "e584uzbwwpny9kengqayx5ayzw",
-          "is_pinned": false,
-          "message": "post message",
-          "metadata": Object {
-            "embeds": Array [],
-            "emojis": Array [],
-            "files": Array [],
-            "images": Object {},
-            "reactions": Array [],
-          },
-          "original_id": "",
-          "pending_post_id": "",
-          "props": Object {},
-          "reply_count": 0,
-          "root_id": "",
-          "type": undefined,
-          "update_at": 1502715372443,
-          "user_id": "b4pfxi8sn78y8yq7phzxxfor7h",
-        }
-      }
-    />
-    <Connect(PostFlagIcon)
-      isFlagged={false}
-      postId="e584uzbwwpny9kengqayx5ayzw"
-    />
-    <Connect(CommentIcon)
-      extraClass="pull-right"
-      handleCommentClick={[MockFunction]}
-      postId="e584uzbwwpny9kengqayx5ayzw"
-    />
-  </div>
-</div>
-`;