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

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

@@ -1,226 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`components/post_view/PostAddChannelMember should match snapshot, empty channelType 1`] = `""`;
-
-exports[`components/post_view/PostAddChannelMember should match snapshot, empty postId 1`] = `""`;
-
-exports[`components/post_view/PostAddChannelMember should match snapshot, more than 3 users 1`] = `
-<Fragment>
-  <p>
-    <span>
-      <Connect(AtMention)
-        channelId="channel_id"
-        key="username_1"
-        mentionName="username_1"
-      />
-      <span
-        key="1"
-      >
-        , 
-      </span>
-      <a
-        className="PostBody_otherUsersLink"
-        onClick={[Function]}
-      >
-        <MemoizedFormattedMessage
-          defaultMessage="{numOthers} others"
-          id="post_body.check_for_out_of_channel_mentions.others"
-          values={
-            Object {
-              "numOthers": 2,
-            }
-          }
-        />
-      </a>
-      <MemoizedFormattedMessage
-        defaultMessage=" and "
-        id="post_body.check_for_out_of_channel_mentions.link.and"
-        key="1"
-      />
-      <Connect(AtMention)
-        channelId="channel_id"
-        key="username_4"
-        mentionName="username_4"
-      />
-    </span>
-     
-    <MemoizedFormattedMessage
-      defaultMessage="did not get notified by this mention because they are not in the channel. Would you like to "
-      id="post_body.check_for_out_of_channel_mentions.message.multiple"
-    />
-    <a
-      className="PostBody_addChannelMemberLink"
-      onClick={[Function]}
-    >
-      <MemoizedFormattedMessage
-        defaultMessage="add them to the channel"
-        id="post_body.check_for_out_of_channel_mentions.link.public"
-      />
-    </a>
-    <MemoizedFormattedMessage
-      defaultMessage="? They will have access to all message history."
-      id="post_body.check_for_out_of_channel_mentions.message_last"
-    />
-  </p>
-</Fragment>
-`;
-
-exports[`components/post_view/PostAddChannelMember should match snapshot, more than 3 users 2`] = `
-<Fragment>
-  <p>
-    <span>
-      <Connect(AtMention)
-        channelId="channel_id"
-        key="username_1"
-        mentionName="username_1"
-      />
-      <span
-        key="1"
-      >
-        , 
-      </span>
-      <Connect(AtMention)
-        channelId="channel_id"
-        key="username_2"
-        mentionName="username_2"
-      />
-      <span
-        key="2"
-      >
-        , 
-      </span>
-      <Connect(AtMention)
-        channelId="channel_id"
-        key="username_3"
-        mentionName="username_3"
-      />
-      <MemoizedFormattedMessage
-        defaultMessage=" and "
-        id="post_body.check_for_out_of_channel_mentions.link.and"
-        key="3"
-      />
-      <Connect(AtMention)
-        channelId="channel_id"
-        key="username_4"
-        mentionName="username_4"
-      />
-    </span>
-     
-    <MemoizedFormattedMessage
-      defaultMessage="did not get notified by this mention because they are not in the channel. Would you like to "
-      id="post_body.check_for_out_of_channel_mentions.message.multiple"
-    />
-    <a
-      className="PostBody_addChannelMemberLink"
-      onClick={[Function]}
-    >
-      <MemoizedFormattedMessage
-        defaultMessage="add them to the channel"
-        id="post_body.check_for_out_of_channel_mentions.link.public"
-      />
-    </a>
-    <MemoizedFormattedMessage
-      defaultMessage="? They will have access to all message history."
-      id="post_body.check_for_out_of_channel_mentions.message_last"
-    />
-  </p>
-</Fragment>
-`;
-
-exports[`components/post_view/PostAddChannelMember should match snapshot, private channel 1`] = `
-<Fragment>
-  <p>
-    <Connect(AtMention)
-      channelId="channel_id"
-      mentionName="username_1"
-    />
-     
-    <MemoizedFormattedMessage
-      defaultMessage="did not get notified by this mention because they are not in the channel. Would you like to "
-      id="post_body.check_for_out_of_channel_mentions.message.one"
-    />
-    <a
-      className="PostBody_addChannelMemberLink"
-      onClick={[Function]}
-    >
-      <MemoizedFormattedMessage
-        defaultMessage="add them to this private channel"
-        id="post_body.check_for_out_of_channel_mentions.link.private"
-      />
-    </a>
-    <MemoizedFormattedMessage
-      defaultMessage="? They will have access to all message history."
-      id="post_body.check_for_out_of_channel_mentions.message_last"
-    />
-  </p>
-</Fragment>
-`;
-
-exports[`components/post_view/PostAddChannelMember should match snapshot, public channel 1`] = `
-<Fragment>
-  <p>
-    <Connect(AtMention)
-      channelId="channel_id"
-      mentionName="username_1"
-    />
-     
-    <MemoizedFormattedMessage
-      defaultMessage="did not get notified by this mention because they are not in the channel. Would you like to "
-      id="post_body.check_for_out_of_channel_mentions.message.one"
-    />
-    <a
-      className="PostBody_addChannelMemberLink"
-      onClick={[Function]}
-    >
-      <MemoizedFormattedMessage
-        defaultMessage="add them to the channel"
-        id="post_body.check_for_out_of_channel_mentions.link.public"
-      />
-    </a>
-    <MemoizedFormattedMessage
-      defaultMessage="? They will have access to all message history."
-      id="post_body.check_for_out_of_channel_mentions.message_last"
-    />
-  </p>
-</Fragment>
-`;
-
-exports[`components/post_view/PostAddChannelMember should match snapshot, with no-groups usernames 1`] = `
-<Fragment>
-  <p>
-    <Connect(AtMention)
-      channelId="channel_id"
-      mentionName="username_1"
-    />
-     
-    <MemoizedFormattedMessage
-      defaultMessage="did not get notified by this mention because they are not in the channel. Would you like to "
-      id="post_body.check_for_out_of_channel_mentions.message.one"
-    />
-    <a
-      className="PostBody_addChannelMemberLink"
-      onClick={[Function]}
-    >
-      <MemoizedFormattedMessage
-        defaultMessage="add them to the channel"
-        id="post_body.check_for_out_of_channel_mentions.link.public"
-      />
-    </a>
-    <MemoizedFormattedMessage
-      defaultMessage="? They will have access to all message history."
-      id="post_body.check_for_out_of_channel_mentions.message_last"
-    />
-  </p>
-  <p>
-    <Connect(AtMention)
-      channelId="channel_id"
-      mentionName="user_id_2"
-    />
-     
-    <MemoizedFormattedMessage
-      defaultMessage="did not get notified by this mention because they are not in the channel. They cannot be added to the channel because they are not a member of the linked groups. To add them to this channel, they must be added to the linked groups."
-      id="post_body.check_for_out_of_channel_groups_mentions.message"
-    />
-  </p>
-</Fragment>
-`;

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

@@ -1,47 +0,0 @@
-// // Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
-// // See LICENSE.txt for license information.
-
-// import {bindActionCreators, Dispatch} from 'redux';
-// import {connect} from 'react-redux';
-
-// import {addChannelMember} from 'mattermost-redux/actions/channels';
-// import {removePost} from 'mattermost-redux/actions/posts';
-// import {getPost} from 'mattermost-redux/selectors/entities/posts';
-// import {getChannel} from 'mattermost-redux/selectors/entities/channels';
-// import {getCurrentUser} from 'mattermost-redux/selectors/entities/users';
-// import {GlobalState} from 'mattermost-redux/types/store';
-// import {GenericAction} from 'mattermost-redux/types/actions';
-
-// import PostAddChannelMember from './post_add_channel_member';
-
-// type OwnProps = {
-//     postId: string;
-// }
-
-// function mapStateToProps(state: GlobalState, ownProps: OwnProps) {
-//     const post = getPost(state, ownProps.postId) || {};
-//     let channelType = '';
-//     if (post && post.channel_id) {
-//         const channel = getChannel(state, post.channel_id);
-//         if (channel && channel.type) {
-//             channelType = channel.type;
-//         }
-//     }
-
-//     return {
-//         channelType,
-//         currentUser: getCurrentUser(state),
-//         post,
-//     };
-// }
-
-// function mapDispatchToProps(dispatch: Dispatch<GenericAction>) {
-//     return {
-//         actions: bindActionCreators({
-//             addChannelMember,
-//             removePost,
-//         }, dispatch),
-//     };
-// }
-
-// export default connect(mapStateToProps, mapDispatchToProps)(PostAddChannelMember);

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

@@ -1,140 +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 {UserProfile} from 'mattermost-redux/types/users';
-
-// import {sendAddToChannelEphemeralPost} from 'actions/global_actions';
-// import {TestHelper} from 'utils/test_helper';
-// import PostAddChannelMember, {Props} from 'components/post_view/post_add_channel_member/post_add_channel_member';
-
-// jest.mock('actions/global_actions', () => {
-//     return {
-//         sendAddToChannelEphemeralPost: jest.fn(),
-//     };
-// });
-
-// describe('components/post_view/PostAddChannelMember', () => {
-//     const post: Post = TestHelper.getPostMock({
-//         id: 'post_id_1',
-//         root_id: 'root_id',
-//         channel_id: 'channel_id',
-//         create_at: 1,
-//     });
-//     const currentUser: UserProfile = TestHelper.getUserMock({
-//         id: 'current_user_id',
-//         username: 'current_username',
-//     });
-//     const requiredProps: Props = {
-//         currentUser,
-//         channelType: 'O',
-//         postId: 'post_id_1',
-//         post,
-//         userIds: ['user_id_1'],
-//         usernames: ['username_1'],
-//         actions: {
-//             removePost: jest.fn(),
-//             addChannelMember: jest.fn(),
-//         },
-//         noGroupsUsernames: [],
-//     };
-
-//     test('should match snapshot, empty postId', () => {
-//         const props: Props = {
-//             ...requiredProps,
-//             postId: '',
-//         };
-//         const wrapper = shallow(<PostAddChannelMember {...props}/>);
-//         expect(wrapper).toMatchSnapshot();
-//     });
-
-//     test('should match snapshot, empty channelType', () => {
-//         const props: Props = {
-//             ...requiredProps,
-//             channelType: '',
-//         };
-//         const wrapper = shallow(<PostAddChannelMember {...props}/>);
-//         expect(wrapper).toMatchSnapshot();
-//     });
-
-//     test('should match snapshot, public channel', () => {
-//         const wrapper = shallow(<PostAddChannelMember {...requiredProps}/>);
-//         expect(wrapper).toMatchSnapshot();
-//     });
-
-//     test('should match snapshot, private channel', () => {
-//         const props: Props = {
-//             ...requiredProps,
-//             channelType: 'P',
-//         };
-
-//         const wrapper = shallow(<PostAddChannelMember {...props}/>);
-//         expect(wrapper).toMatchSnapshot();
-//     });
-
-//     test('should match snapshot, more than 3 users', () => {
-//         const userIds = ['user_id_1', 'user_id_2', 'user_id_3', 'user_id_4'];
-//         const usernames = ['username_1', 'username_2', 'username_3', 'username_4'];
-//         const props: Props = {
-//             ...requiredProps,
-//             userIds,
-//             usernames,
-//         };
-
-//         const wrapper = shallow(<PostAddChannelMember {...props}/>);
-//         expect(wrapper.state('expanded')).toEqual(false);
-//         expect(wrapper).toMatchSnapshot();
-
-//         wrapper.find('.PostBody_otherUsersLink').simulate('click');
-//         expect(wrapper.state('expanded')).toEqual(true);
-//         expect(wrapper).toMatchSnapshot();
-//     });
-
-//     test('actions should have been called', () => {
-//         const actions = {
-//             removePost: jest.fn(),
-//             addChannelMember: jest.fn(),
-//         };
-//         const props: Props = {...requiredProps, actions};
-//         const wrapper = shallow(
-//             <PostAddChannelMember {...props}/>,
-//         );
-
-//         wrapper.find('.PostBody_addChannelMemberLink').simulate('click');
-
-//         expect(actions.addChannelMember).toHaveBeenCalledTimes(1);
-//         expect(actions.addChannelMember).toHaveBeenCalledWith(post.channel_id, requiredProps.userIds[0]);
-//         expect(sendAddToChannelEphemeralPost).toHaveBeenCalledTimes(1);
-//         expect(sendAddToChannelEphemeralPost).toHaveBeenCalledWith(props.currentUser, props.usernames[0], props.userIds[0], post.channel_id, post.root_id, 2);
-//         expect(actions.removePost).toHaveBeenCalledTimes(1);
-//         expect(actions.removePost).toHaveBeenCalledWith(post);
-//     });
-
-//     test('addChannelMember should have been called multiple times', () => {
-//         const userIds = ['user_id_1', 'user_id_2', 'user_id_3', 'user_id_4'];
-//         const usernames = ['username_1', 'username_2', 'username_3', 'username_4'];
-//         const actions = {
-//             removePost: jest.fn(),
-//             addChannelMember: jest.fn(),
-//         };
-//         const props: Props = {...requiredProps, userIds, usernames, actions};
-//         const wrapper = shallow(
-//             <PostAddChannelMember {...props}/>,
-//         );
-
-//         wrapper.find('.PostBody_addChannelMemberLink').simulate('click');
-//         expect(actions.addChannelMember).toHaveBeenCalledTimes(4);
-//     });
-
-//     test('should match snapshot, with no-groups usernames', () => {
-//         const props: Props = {
-//             ...requiredProps,
-//             noGroupsUsernames: ['user_id_2'],
-//         };
-//         const wrapper = shallow(<PostAddChannelMember {...props}/>);
-//         expect(wrapper).toMatchSnapshot();
-//     });
-// });

package/src/components/post_view/post_add_channel_member/post_add_channel_member.tsx

@@ -1,231 +0,0 @@
-// // Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
-// // See LICENSE.txt for license information.
-
-// import * as React from 'react';
-// import {FormattedMessage} from 'react-intl';
-
-// import {Post} from 'mattermost-redux/types/posts';
-// import {UserProfile} from 'mattermost-redux/types/users';
-
-// import {sendAddToChannelEphemeralPost} from 'actions/global_actions';
-// import {Constants} from 'utils/constants';
-// import {t} from 'utils/i18n';
-// import AtMention from 'components/at_mention';
-
-// interface Actions {
-//     addChannelMember: (channelId: string, userId: string) => void;
-//     removePost: (post: Post) => void;
-// }
-
-// export interface Props {
-//     currentUser: UserProfile;
-//     channelType: string;
-//     postId: string;
-//     post: Post;
-//     userIds: string[];
-//     usernames: string[];
-//     noGroupsUsernames: string[];
-//     actions: Actions;
-// }
-
-// interface State {
-//     expanded: boolean;
-// }
-
-// export default class PostAddChannelMember extends React.PureComponent<Props, State> {
-//     constructor(props: Props) {
-//         super(props);
-
-//         this.state = {
-//             expanded: false,
-//         };
-//     }
-
-//     handleAddChannelMember = () => {
-//         const {currentUser, post, userIds, usernames} = this.props;
-
-//         if (post && post.channel_id) {
-//             let createAt = post.create_at;
-//             userIds.forEach((userId, index) => {
-//                 createAt++;
-//                 this.props.actions.addChannelMember(post.channel_id, userId);
-//                 sendAddToChannelEphemeralPost(currentUser, usernames[index], userId, post.channel_id, post.root_id, createAt);
-//             });
-
-//             this.props.actions.removePost(post);
-//         }
-//     }
-
-//     expand = () => {
-//         this.setState({expanded: true});
-//     }
-
-//     generateAtMentions(usernames = [] as string[]) {
-//         if (usernames.length === 1) {
-//             return (
-//                 <AtMention
-//                     mentionName={usernames[0]}
-//                     channelId={this.props.post?.channel_id}
-//                 />
-//             );
-//         } else if (usernames.length > 1) {
-//             function andSeparator(key: number) {
-//                 return (
-//                     <FormattedMessage
-//                         key={key}
-//                         id={'post_body.check_for_out_of_channel_mentions.link.and'}
-//                         defaultMessage={' and '}
-//                     />
-//                 );
-//             }
-
-//             function commaSeparator(key: number) {
-//                 return <span key={key}>{', '}</span>;
-//             }
-
-//             if (this.state.expanded || usernames.length <= 3) {
-//                 return (
-//                     <span>
-//                         {
-//                             usernames.map((username) => {
-//                                 return (
-//                                     <AtMention
-//                                         key={username}
-//                                         mentionName={username}
-//                                         channelId={this.props.post?.channel_id}
-//                                     />
-//                                 );
-//                             }).reduce((acc, el, idx, arr) => {
-//                                 if (idx === 0) {
-//                                     return [el];
-//                                 } else if (idx === arr.length - 1) {
-//                                     return [...acc, andSeparator(idx), el];
-//                                 }
-
-//                                 return [...acc, commaSeparator(idx), el];
-//                             }, [] as JSX.Element[])
-//                         }
-//                     </span>
-//                 );
-//             }
-//             const otherUsers = [...usernames];
-//             const firstUserName = otherUsers.shift();
-//             const lastUserName = otherUsers.pop();
-//             return (
-//                 <span>
-//                     <AtMention
-//                         key={firstUserName}
-//                         mentionName={firstUserName}
-//                         channelId={this.props.post?.channel_id}
-//                     />
-//                     {commaSeparator(1)}
-//                     <a
-//                         className='PostBody_otherUsersLink'
-//                         onClick={this.expand}
-//                     >
-//                         <FormattedMessage
-//                             id={'post_body.check_for_out_of_channel_mentions.others'}
-//                             defaultMessage={'{numOthers} others'}
-//                             values={{
-//                                 numOthers: otherUsers.length,
-//                             }}
-//                         />
-//                     </a>
-//                     {andSeparator(1)}
-//                     <AtMention
-//                         key={lastUserName}
-//                         mentionName={lastUserName}
-//                         channelId={this.props.post?.channel_id}
-//                     />
-//                 </span>
-//             );
-//         }
-
-//         return '';
-//     }
-
-//     render() {
-//         const {channelType, postId, usernames, noGroupsUsernames} = this.props;
-//         if (!postId || !channelType) {
-//             return null;
-//         }
-
-//         let linkId;
-//         let linkText;
-//         if (channelType === Constants.PRIVATE_CHANNEL) {
-//             linkId = t('post_body.check_for_out_of_channel_mentions.link.private');
-//             linkText = 'add them to this private channel';
-//         } else if (channelType === Constants.OPEN_CHANNEL) {
-//             linkId = t('post_body.check_for_out_of_channel_mentions.link.public');
-//             linkText = 'add them to the channel';
-//         }
-
-//         let outOfChannelMessageID;
-//         let outOfChannelMessageText;
-//         const outOfChannelAtMentions = this.generateAtMentions(usernames);
-//         if (usernames.length === 1) {
-//             outOfChannelMessageID = t('post_body.check_for_out_of_channel_mentions.message.one');
-//             outOfChannelMessageText = 'did not get notified by this mention because they are not in the channel. Would you like to ';
-//         } else if (usernames.length > 1) {
-//             outOfChannelMessageID = t('post_body.check_for_out_of_channel_mentions.message.multiple');
-//             outOfChannelMessageText = 'did not get notified by this mention because they are not in the channel. Would you like to ';
-//         }
-
-//         let outOfGroupsMessageID;
-//         let outOfGroupsMessageText;
-//         const outOfGroupsAtMentions = this.generateAtMentions(noGroupsUsernames);
-//         if (noGroupsUsernames.length) {
-//             outOfGroupsMessageID = t('post_body.check_for_out_of_channel_groups_mentions.message');
-//             outOfGroupsMessageText = 'did not get notified by this mention because they are not in the channel. They cannot be added to the channel because they are not a member of the linked groups. To add them to this channel, they must be added to the linked groups.';
-//         }
-
-//         let outOfChannelMessage = null;
-//         let outOfGroupsMessage = null;
-
-//         if (usernames.length) {
-//             outOfChannelMessage = (
-//                 <p>
-//                     {outOfChannelAtMentions}
-//                     {' '}
-//                     <FormattedMessage
-//                         id={outOfChannelMessageID}
-//                         defaultMessage={outOfChannelMessageText}
-//                     />
-//                     <a
-//                         className='PostBody_addChannelMemberLink'
-//                         onClick={this.handleAddChannelMember}
-//                     >
-//                         <FormattedMessage
-//                             id={linkId}
-//                             defaultMessage={linkText}
-//                         />
-//                     </a>
-//                     <FormattedMessage
-//                         id={'post_body.check_for_out_of_channel_mentions.message_last'}
-//                         defaultMessage={'? They will have access to all message history.'}
-//                     />
-//                 </p>
-//             );
-//         }
-
-//         if (noGroupsUsernames.length) {
-//             outOfGroupsMessage = (
-//                 <p>
-//                     {outOfGroupsAtMentions}
-//                     {' '}
-//                     <FormattedMessage
-//                         id={outOfGroupsMessageID}
-//                         defaultMessage={outOfGroupsMessageText}
-//                     />
-//                 </p>
-//             );
-//         }
-
-//         return (
-//             <>
-//                 {outOfChannelMessage}
-//                 {outOfGroupsMessage}
-//             </>
-//         );
-//     }
-// }