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

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

@@ -1,276 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`components/post_view/CommentedOn should match snapshot 1`] = `
-<div
-  className="post__link"
-  data-testid="post-link"
->
-  <span>
-    <MemoizedFormattedMessage
-      defaultMessage="Commented on {name}'s message: "
-      id="post_body.commentedOn"
-      values={
-        Object {
-          "name": <a
-            className="theme user_name"
-          >
-            <UserProfile
-              disablePopover={false}
-              displayName="user_displayName"
-              displayUsername={false}
-              hasMention={true}
-              hideStatus={false}
-              isRHS={false}
-              overwriteImage=""
-              overwriteName=""
-              userId=""
-            />
-          </a>,
-        }
-      }
-    />
-    <a
-      className="theme"
-      onClick={[MockFunction]}
-    >
-      text message
-    </a>
-  </span>
-</div>
-`;
-
-exports[`components/post_view/CommentedOn should match snapshot 2`] = `
-<div
-  className="post__link"
-  data-testid="post-link"
->
-  <span>
-    <MemoizedFormattedMessage
-      defaultMessage="Commented on {name}'s message: "
-      id="post_body.commentedOn"
-      values={
-        Object {
-          "name": <a
-            className="theme user_name"
-          >
-            <UserProfile
-              disablePopover={false}
-              displayName="override_username"
-              displayUsername={false}
-              hasMention={true}
-              hideStatus={false}
-              isRHS={false}
-              overwriteImage=""
-              overwriteName=""
-              userId=""
-            />
-          </a>,
-        }
-      }
-    />
-    <a
-      className="theme"
-      onClick={[MockFunction]}
-    >
-      text message
-    </a>
-  </span>
-</div>
-`;
-
-exports[`components/post_view/CommentedOn should match snapshot 3`] = `
-<div
-  className="post__link"
-  data-testid="post-link"
->
-  <span>
-    <MemoizedFormattedMessage
-      defaultMessage="Commented on {name}'s message: "
-      id="post_body.commentedOn"
-      values={
-        Object {
-          "name": <a
-            className="theme user_name"
-          >
-            <UserProfile
-              disablePopover={false}
-              displayName="user_displayName"
-              displayUsername={false}
-              hasMention={true}
-              hideStatus={false}
-              isRHS={false}
-              overwriteImage=""
-              overwriteName=""
-              userId=""
-            />
-          </a>,
-        }
-      }
-    />
-    <a
-      className="theme"
-      onClick={[MockFunction]}
-    >
-      <Connect(CommentedOnFilesMessage)
-        parentPostId="post_id"
-      />
-    </a>
-  </span>
-</div>
-`;
-
-exports[`components/post_view/CommentedOn should match snapshots for post with props.fallback as message 1`] = `
-<div
-  className="post__link"
-  data-testid="post-link"
->
-  <span>
-    <MemoizedFormattedMessage
-      defaultMessage="Commented on {name}'s message: "
-      id="post_body.commentedOn"
-      values={
-        Object {
-          "name": <a
-            className="theme user_name"
-          >
-            <UserProfile
-              disablePopover={false}
-              displayName="override_username"
-              displayUsername={false}
-              hasMention={true}
-              hideStatus={false}
-              isRHS={false}
-              overwriteImage=""
-              overwriteName=""
-              userId=""
-            />
-          </a>,
-        }
-      }
-    />
-    <a
-      className="theme"
-      onClick={[MockFunction]}
-    >
-      This is fallback message
-    </a>
-  </span>
-</div>
-`;
-
-exports[`components/post_view/CommentedOn should match snapshots for post with props.pretext as message 1`] = `
-<div
-  className="post__link"
-  data-testid="post-link"
->
-  <span>
-    <MemoizedFormattedMessage
-      defaultMessage="Commented on {name}'s message: "
-      id="post_body.commentedOn"
-      values={
-        Object {
-          "name": <a
-            className="theme user_name"
-          >
-            <UserProfile
-              disablePopover={false}
-              displayName="override_username"
-              displayUsername={false}
-              hasMention={true}
-              hideStatus={false}
-              isRHS={false}
-              overwriteImage=""
-              overwriteName=""
-              userId=""
-            />
-          </a>,
-        }
-      }
-    />
-    <a
-      className="theme"
-      onClick={[MockFunction]}
-    >
-      This is a pretext
-    </a>
-  </span>
-</div>
-`;
-
-exports[`components/post_view/CommentedOn should match snapshots for post with props.text as message 1`] = `
-<div
-  className="post__link"
-  data-testid="post-link"
->
-  <span>
-    <MemoizedFormattedMessage
-      defaultMessage="Commented on {name}'s message: "
-      id="post_body.commentedOn"
-      values={
-        Object {
-          "name": <a
-            className="theme user_name"
-          >
-            <UserProfile
-              disablePopover={false}
-              displayName="override_username"
-              displayUsername={false}
-              hasMention={true}
-              hideStatus={false}
-              isRHS={false}
-              overwriteImage=""
-              overwriteName=""
-              userId=""
-            />
-          </a>,
-        }
-      }
-    />
-    <a
-      className="theme"
-      onClick={[MockFunction]}
-    >
-      This is a text
-    </a>
-  </span>
-</div>
-`;
-
-exports[`components/post_view/CommentedOn should match snapshots for post with props.title as message 1`] = `
-<div
-  className="post__link"
-  data-testid="post-link"
->
-  <span>
-    <MemoizedFormattedMessage
-      defaultMessage="Commented on {name}'s message: "
-      id="post_body.commentedOn"
-      values={
-        Object {
-          "name": <a
-            className="theme user_name"
-          >
-            <UserProfile
-              disablePopover={false}
-              displayName="override_username"
-              displayUsername={false}
-              hasMention={true}
-              hideStatus={false}
-              isRHS={false}
-              overwriteImage=""
-              overwriteName=""
-              userId=""
-            />
-          </a>,
-        }
-      }
-    />
-    <a
-      className="theme"
-      onClick={[MockFunction]}
-    >
-      This is a title
-    </a>
-  </span>
-</div>
-`;

package/src/components/post_view/commented_on/commented_on.test.tsx

@@ -1,184 +0,0 @@
-// // Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
-// // See LICENSE.txt for license information.
-
-// import * as React from 'react';
-// import {shallow} from 'enzyme';
-
-// import {Post} from 'mattermost-redux/types/posts';
-
-// import CommentedOn from 'components/post_view/commented_on/commented_on';
-// import CommentedOnFilesMessage from 'components/post_view/commented_on_files_message';
-
-// describe('components/post_view/CommentedOn', () => {
-//     const baseProps = {
-//         displayName: 'user_displayName',
-//         enablePostUsernameOverride: false,
-//         onCommentClick: jest.fn(),
-//         post: {
-//             id: 'post_id',
-//             message: 'text message',
-//             props: {
-//                 from_webhook: 'true',
-//                 override_username: 'override_username',
-//             },
-//             create_at: 0,
-//             update_at: 10,
-//             edit_at: 20,
-//             delete_at: 30,
-//             is_pinned: false,
-//             user_id: 'user_id',
-//             channel_id: 'channel_id',
-//             root_id: 'root_id',
-//             original_id: 'original_id',
-//             type: 'system_add_remove',
-//             hashtags: 'hashtags',
-//             pending_post_id: 'pending_post_id',
-//             reply_count: 1,
-//             metadata: {
-//                 embeds: [],
-//                 emojis: [],
-//                 files: [],
-//                 images: {},
-//                 reactions: [],
-//             },
-//         } as Post,
-//     };
-
-//     test('should match snapshot', () => {
-//         const wrapper = shallow(<CommentedOn {...baseProps}/>);
-//         expect(wrapper).toMatchSnapshot();
-
-//         wrapper.setProps({enablePostUsernameOverride: true});
-//         expect(wrapper).toMatchSnapshot();
-//         expect(wrapper.find(CommentedOnFilesMessage).exists()).toBe(false);
-
-//         const newPost = {
-//             id: 'post_id',
-//             message: '',
-//             file_ids: ['file_id_1', 'file_id_2'],
-//         };
-//         wrapper.setProps({post: newPost, enablePostUsernameOverride: false});
-//         expect(wrapper).toMatchSnapshot();
-//         expect(wrapper.find(CommentedOnFilesMessage).exists()).toBe(true);
-//     });
-
-//     test('should match snapshots for post with props.pretext as message', () => {
-//         const newPost = {
-//             id: 'post_id',
-//             message: '',
-//             props: {
-//                 from_webhook: 'true',
-//                 override_username: 'override_username',
-//                 attachments: [{
-//                     pretext: 'This is a pretext',
-//                 }],
-//             },
-//         };
-//         const newProps = {
-//             ...baseProps,
-//             post: {
-//                 ...baseProps.post,
-//                 ...newPost,
-//             },
-//             enablePostUsernameOverride: true,
-//         };
-
-//         const wrapper = shallow(<CommentedOn {...newProps}/>);
-//         expect(wrapper).toMatchSnapshot();
-//     });
-
-//     test('should match snapshots for post with props.title as message', () => {
-//         const newPost = {
-//             id: 'post_id',
-//             message: '',
-//             props: {
-//                 from_webhook: 'true',
-//                 override_username: 'override_username',
-//                 attachments: [{
-//                     pretext: '',
-//                     title: 'This is a title',
-//                 }],
-//             },
-//         };
-//         const newProps = {
-//             ...baseProps,
-//             post: {
-//                 ...baseProps.post,
-//                 ...newPost,
-//             },
-//             enablePostUsernameOverride: true,
-//         };
-
-//         const wrapper = shallow(<CommentedOn {...newProps}/>);
-//         expect(wrapper).toMatchSnapshot();
-//     });
-
-//     test('should match snapshots for post with props.text as message', () => {
-//         const newPost = {
-//             id: 'post_id',
-//             message: '',
-//             props: {
-//                 from_webhook: 'true',
-//                 override_username: 'override_username',
-//                 attachments: [{
-//                     pretext: '',
-//                     title: '',
-//                     text: 'This is a text',
-//                 }],
-//             },
-//         };
-
-//         const newProps = {
-//             ...baseProps,
-//             post: {
-//                 ...baseProps.post,
-//                 ...newPost,
-//             },
-//             enablePostUsernameOverride: true,
-//         };
-
-//         const wrapper = shallow(<CommentedOn {...newProps}/>);
-//         expect(wrapper).toMatchSnapshot();
-//     });
-
-//     test('should match snapshots for post with props.fallback as message', () => {
-//         const newPost = {
-//             id: 'post_id',
-//             message: '',
-//             props: {
-//                 from_webhook: 'true',
-//                 override_username: 'override_username',
-//                 attachments: [{
-//                     pretext: '',
-//                     title: '',
-//                     text: '',
-//                     fallback: 'This is fallback message',
-//                 }],
-//             },
-//         };
-
-//         const newProps = {
-//             ...baseProps,
-//             post: {
-//                 ...baseProps.post,
-//                 ...newPost,
-//             },
-//             enablePostUsernameOverride: true,
-//         };
-
-//         const wrapper = shallow(<CommentedOn {...newProps}/>);
-//         expect(wrapper).toMatchSnapshot();
-//     });
-
-//     test('should call onCommentClick on click of text message', () => {
-//         const wrapper = shallow(<CommentedOn {...baseProps}/>);
-
-//         wrapper.find('a').first().simulate('click');
-//         expect(baseProps.onCommentClick).toHaveBeenCalledTimes(1);
-//     });
-
-//     test('Should trigger search with override_username', () => {
-//         const wrapper = shallow(<CommentedOn {...baseProps}/>);
-//         wrapper.setProps({enablePostUsernameOverride: true});
-//     });
-// });

package/src/components/post_view/commented_on/commented_on.tsx

@@ -1,92 +0,0 @@
-// // Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
-// // See LICENSE.txt for license information.
-
-// import React, {PureComponent} from 'react';
-// import {FormattedMessage} from 'react-intl';
-
-// import {UserProfile as UserProfileType} from 'mattermost-redux/types/users';
-
-// import {Post} from 'mattermost-redux/types/posts';
-
-// import * as Utils from 'utils/utils.jsx';
-// import {stripMarkdown} from 'utils/markdown';
-
-// import CommentedOnFilesMessage from 'components/post_view/commented_on_files_message';
-// import UserProfile from '../../user_profile/user_profile';
-
-// type Props = {
-//     displayName?: string;
-//     enablePostUsernameOverride?: boolean;
-//     parentPostUser?: UserProfileType;
-//     onCommentClick?: React.EventHandler<React.MouseEvent>;
-//     post: Post;
-// }
-
-// export default class CommentedOn extends PureComponent<Props> {
-//     makeUsername = () => {
-//         const postProps = this.props.post.props;
-//         let username = this.props.displayName;
-//         if (this.props.enablePostUsernameOverride && postProps && postProps.from_webhook === 'true' && postProps.override_username) {
-//             username = postProps.override_username;
-//         }
-//         return username;
-//     }
-
-//     makeCommentedOnMessage = () => {
-//         const {post} = this.props;
-//         let message: React.ReactNode = '';
-//         if (post.message) {
-//             message = Utils.replaceHtmlEntities(post.message);
-//         } else if (post.file_ids && post.file_ids.length > 0) {
-//             message = (
-//                 <CommentedOnFilesMessage parentPostId={post.id}/>
-//             );
-//         } else if (post.props && post.props.attachments && post.props.attachments.length > 0) {
-//             const attachment = post.props.attachments[0];
-//             const webhookMessage = attachment.pretext || attachment.title || attachment.text || attachment.fallback || '';
-//             message = Utils.replaceHtmlEntities(webhookMessage);
-//         }
-
-//         return message;
-//     }
-
-//     render() {
-//         const username = this.makeUsername();
-//         const message = this.makeCommentedOnMessage();
-//         const parentPostUser = this.props.parentPostUser;
-//         const parentPostUserId = (parentPostUser && parentPostUser.id) || '';
-
-//         const parentUserProfile = (
-//             <UserProfile
-//                 user={parentPostUser}
-//                 userId={parentPostUserId}
-//                 displayName={username}
-//                 hasMention={true}
-//                 disablePopover={false}
-//             />
-//         );
-
-//         return (
-//             <div
-//                 data-testid='post-link'
-//                 className='post__link'
-//             >
-//                 <span>
-//                     <FormattedMessage
-//                         id='post_body.commentedOn'
-//                         defaultMessage="Commented on {name}'s message: "
-//                         values={{
-//                             name: <a className='theme user_name'>{parentUserProfile}</a>,
-//                         }}
-//                     />
-//                     <a
-//                         className='theme'
-//                         onClick={this.props.onCommentClick}
-//                     >
-//                         {typeof message === 'string' ? stripMarkdown(message) : message}
-//                     </a>
-//                 </span>
-//             </div>
-//         );
-//     }
-// }

package/src/components/post_view/commented_on/index.ts

@@ -1,37 +0,0 @@
-// // Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
-// // See LICENSE.txt for license information.
-
-// import {connect} from 'react-redux';
-
-// import {getConfig} from 'mattermost-redux/selectors/entities/general';
-// import {getUser} from 'mattermost-redux/selectors/entities/users';
-
-// import {GlobalState} from 'mattermost-redux/types/store';
-
-// import {Post} from 'mattermost-redux/types/posts';
-
-// import {getDisplayNameByUser} from 'utils/utils.jsx';
-
-// import CommentedOn from './commented_on';
-
-// type Props = {
-//     post: Post;
-// }
-
-// function mapStateToProps(state: GlobalState, ownProps: Props) {
-//     let displayName = '';
-//     if (ownProps.post) {
-//         const user = getUser(state, ownProps.post.user_id);
-//         displayName = getDisplayNameByUser(state, user);
-//     }
-
-//     const config = getConfig(state);
-//     const enablePostUsernameOverride = config.EnablePostUsernameOverride === 'true';
-
-//     return {
-//         displayName,
-//         enablePostUsernameOverride,
-//     };
-// }
-
-// export default connect(mapStateToProps)(CommentedOn);

package/src/components/post_view/commented_on_files_message/__snapshots__/commented_on_files_message.test.jsx.snap

@@ -1,24 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`components/CommentedOnFilesMessage Snapshot when no files 1`] = `""`;
-
-exports[`components/CommentedOnFilesMessage should match snapshot for multiple files 1`] = `
-<span>
-  image_3.png
-  <MemoizedFormattedMessage
-    defaultMessage=" plus {count, number} other {count, plural, one {file} other {files}}"
-    id="post_body.plusMore"
-    values={
-      Object {
-        "count": 2,
-      }
-    }
-  />
-</span>
-`;
-
-exports[`components/CommentedOnFilesMessage should match snapshot for single file 1`] = `
-<span>
-  image_1.png
-</span>
-`;

package/src/components/post_view/commented_on_files_message/commented_on_files_message.jsx

@@ -1,47 +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 {FormattedMessage} from 'react-intl';
-
-export default class CommentedOnFilesMessage extends React.PureComponent {
-    static propTypes = {
-
-        /*
-         * The id of the post that was commented on
-         */
-        parentPostId: PropTypes.string.isRequired,
-
-        /*
-         * An array of file metadata for the parent post
-         */
-        fileInfos: PropTypes.arrayOf(PropTypes.object),
-    }
-
-    render() {
-        if (!this.props.fileInfos || this.props.fileInfos.length === 0) {
-            return null;
-        }
-
-        let plusMore = null;
-        if (this.props.fileInfos.length > 1) {
-            plusMore = (
-                <FormattedMessage
-                    id='post_body.plusMore'
-                    defaultMessage=' plus {count, number} other {count, plural, one {file} other {files}}'
-                    values={{
-                        count: this.props.fileInfos.length - 1,
-                    }}
-                />
-            );
-        }
-
-        return (
-            <span>
-                {this.props.fileInfos[0].name}
-                {plusMore}
-            </span>
-        );
-    }
-}