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

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

@@ -1,35 +0,0 @@
-// // Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
-// // See LICENSE.txt for license information.
-
-// import {connect} from 'react-redux';
-
-// import {getPost} from 'mattermost-redux/selectors/entities/posts';
-// import * as PostListUtils from 'mattermost-redux/utils/post_list';
-
-// import {getToastStatus} from 'selectors/views/channel';
-// import {GlobalState} from 'types/store';
-
-// import FloatingTimestamp from './floating_timestamp';
-
-// type OwnProps = {
-//     postId: string;
-// }
-
-// function mapStateToProps(state: GlobalState, ownProps: OwnProps) {
-//     let postId = ownProps.postId;
-//     if (PostListUtils.isCombinedUserActivityPost(postId)) {
-//         const combinedIds = PostListUtils.getPostIdsForCombinedUserActivityPost(postId);
-
-//         postId = combinedIds[combinedIds.length - 1];
-//     }
-
-//     const post = getPost(state, postId);
-
-//     const toastPresent = getToastStatus(state);
-//     return {
-//         createAt: post ? post.create_at : 0,
-//         toastPresent,
-//     };
-// }
-
-// export default connect(mapStateToProps)(FloatingTimestamp);

package/src/components/post_view/index.js

@@ -1,61 +0,0 @@
-// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
-// See LICENSE.txt for license information.
-
-import {connect} from 'react-redux';
-import {withRouter} from 'react-router-dom';
-
-import {getChannel} from 'mattermost-redux/selectors/entities/channels';
-import {getUser} from 'mattermost-redux/selectors/entities/users';
-import {getTeamByName, getTeamMemberships} from 'mattermost-redux/selectors/entities/teams';
-
-import {Constants} from 'utils/constants';
-
-import PostView from './post_view.jsx';
-
-export const isChannelLoading = (params, channel, team, teammate, teamMemberships) => {
-    if (params.postid) {
-        return false;
-    }
-
-    if (channel && team) {
-        if (channel.type !== Constants.DM_CHANNEL && channel.name !== params.identifier) {
-            return true;
-        } else if (channel.type === Constants.DM_CHANNEL && teammate && params.identifier !== `@${teammate.username}`) {
-            return true;
-        }
-
-        const teamId = team.id;
-        if ((channel.team_id && channel.team_id !== teamId) || (teamMemberships && !teamMemberships[teamId])) {
-            return true;
-        }
-
-        return false;
-    }
-
-    return true;
-};
-
-function makeMapStateToProps() {
-    return function mapStateToProps(state, ownProps) {
-        const team = getTeamByName(state, ownProps.match.params.team);
-        let teammate;
-
-        const channel = getChannel(state, ownProps.channelId);
-        let lastViewedAt = state.views.channel.lastChannelViewTime[ownProps.channelId];
-        if (channel) {
-            if (channel.type === Constants.DM_CHANNEL && channel.teammate_id) {
-                teammate = getUser(state, channel.teammate_id);
-            }
-            lastViewedAt = channel.last_post_at ? lastViewedAt : channel.last_post_at;
-        }
-
-        const teamMemberships = getTeamMemberships(state);
-        const channelLoading = isChannelLoading(ownProps.match.params, channel, team, teammate, teamMemberships);
-        return {
-            lastViewedAt,
-            channelLoading,
-        };
-    };
-}
-
-export default withRouter(connect(makeMapStateToProps)(PostView));

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

@@ -1,37 +0,0 @@
-// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
-// See LICENSE.txt for license information.
-
-import {Constants} from 'utils/constants';
-
-import {isChannelLoading} from './index.js';
-
-describe('components/post_view/index', () => {
-    test('should return false if loading a permalink view', () => {
-        expect(isChannelLoading({postid: 'postId'})).toEqual(false);
-    });
-
-    test('should return true if channel or if team data is not present', () => {
-        expect(isChannelLoading({}, {id: 'channelId'}, null)).toEqual(true);
-        expect(isChannelLoading({}, null, {id: 'teamId'})).toEqual(true);
-    });
-
-    test('should return true if channel is a DM and indetifier is not the same as teammate name', () => {
-        const channel = {type: Constants.DM_CHANNEL, name: 'myname'};
-        expect(isChannelLoading({identifier: 'otherUsername'}, channel, {id: 'teamId'}, {username: 'diffrentName'})).toEqual(true);
-    });
-
-    test('should return true if channel is a GM and indetifier is not the same as channel name', () => {
-        const channel = {type: Constants.GM_CHANNEL, name: 'username'};
-        expect(isChannelLoading({identifier: 'notTheSameName'}, channel, {id: 'teamId'})).toEqual(true);
-    });
-
-    test('should return true if channel team id is not the same as current team id', () => {
-        const channel = {type: Constants.DM_CHANNEL, name: 'username'};
-        expect(isChannelLoading({identifier: 'username'}, channel, {id: 'teamId'})).toEqual(false);
-    });
-
-    test('should return true if teamMemberships exist but team is not part of membership', () => {
-        const channel = {type: Constants.DM_CHANNEL, name: 'username'};
-        expect(isChannelLoading({identifier: 'username'}, channel, {id: 'teamId'}, null, {differentTeamId: {}})).toEqual(true);
-    });
-});

package/src/components/post_view/message_attachments/action_button/__snapshots__/action_button.test.tsx.snap

@@ -1,26 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`components/post_view/message_attachments/action_button.jsx should match snapshot 1`] = `
-<button
-  data-action-cookie="cookie-contents"
-  data-action-id="action_id_1"
-  key="action_id_1"
-  onClick={[Function]}
->
-  <LoadingWrapper
-    loading={true}
-    text={null}
-  >
-    <Connect(Markdown)
-      message="action_name_1"
-      options={
-        Object {
-          "autolinkedUrlSchemes": Array [],
-          "markdown": false,
-          "mentionHighlight": false,
-        }
-      }
-    />
-  </LoadingWrapper>
-</button>
-`;

package/src/components/post_view/message_attachments/action_button/action_button.test.tsx

@@ -1,113 +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 {Theme} from 'mattermost-redux/types/themes';
-// import {changeOpacity} from 'mattermost-redux/utils/theme_utils';
-// import {Preferences} from 'mattermost-redux/constants';
-
-// import ActionButton from 'components/post_view/message_attachments/action_button/action_button';
-
-// describe('components/post_view/message_attachments/action_button.jsx', () => {
-//     const baseProps = {
-//         action: {id: 'action_id_1', name: 'action_name_1', cookie: 'cookie-contents'},
-//         handleAction: jest.fn(),
-//         theme: Preferences.THEMES.denim as unknown as Theme,
-//     };
-
-//     test('should match snapshot', () => {
-//         const wrapper = shallow(<ActionButton {...baseProps}/>);
-//         expect(wrapper).toMatchSnapshot();
-//     });
-
-//     test('should call handleAction on click', () => {
-//         const wrapper = shallow(<ActionButton {...baseProps}/>);
-
-//         wrapper.find('button').simulate('click');
-
-//         expect(baseProps.handleAction).toHaveBeenCalledTimes(1);
-//     });
-
-//     test('should have correct styles when provided color from theme', () => {
-//         const props = {
-//             ...baseProps,
-//             action: {...baseProps.action, style: 'onlineIndicator'},
-//         };
-
-//         const wrapper = shallow(<ActionButton {...props}/>);
-//         const buttonStyles = wrapper.find('button').prop('style');
-
-//         expect(buttonStyles).toHaveProperty('borderColor', changeOpacity(Preferences.THEMES.denim.onlineIndicator, 0.25));
-//         expect(buttonStyles).toHaveProperty('borderWidth', 2);
-//         expect(buttonStyles).toHaveProperty('color', Preferences.THEMES.denim.onlineIndicator);
-//     });
-
-//     test('should have correct styles when provided color from not default theme', () => {
-//         const props = {
-//             ...baseProps,
-//             theme: Preferences.THEMES.indigo as unknown as Theme,
-//             action: {...baseProps.action, style: 'danger'},
-//         };
-
-//         const wrapper = shallow(<ActionButton {...props}/>);
-//         const buttonStyles = wrapper.find('button').prop('style');
-
-//         expect(buttonStyles).toHaveProperty('borderColor', changeOpacity(Preferences.THEMES.indigo.errorTextColor, 0.25));
-//         expect(buttonStyles).toHaveProperty('borderWidth', 2);
-//         expect(buttonStyles).toHaveProperty('color', Preferences.THEMES.indigo.errorTextColor);
-//     });
-
-//     test('should have correct styles when provided status color', () => {
-//         const props = {
-//             ...baseProps,
-//             action: {...baseProps.action, style: 'success'},
-//         };
-
-//         const wrapper = shallow(<ActionButton {...props}/>);
-//         const buttonStyles = wrapper.find('button').prop('style');
-
-//         expect(buttonStyles).toHaveProperty('borderColor', changeOpacity(Preferences.THEMES.denim.onlineIndicator, 0.25));
-//         expect(buttonStyles).toHaveProperty('borderWidth', 2);
-//         expect(buttonStyles).toHaveProperty('color', Preferences.THEMES.denim.onlineIndicator);
-//     });
-
-//     test('should have correct styles when provided hex color', () => {
-//         const props = {
-//             ...baseProps,
-//             action: {...baseProps.action, style: '#28a745'},
-//         };
-
-//         const wrapper = shallow(<ActionButton {...props}/>);
-//         const buttonStyles = wrapper.find('button').prop('style');
-
-//         expect(buttonStyles).toHaveProperty('borderColor', changeOpacity(props.action.style, 0.25));
-//         expect(buttonStyles).toHaveProperty('borderWidth', 2);
-//         expect(buttonStyles).toHaveProperty('color', props.action.style);
-//     });
-
-//     test('should have no styles when provided invalid hex color', () => {
-//         const props = {
-//             ...baseProps,
-//             action: {...baseProps.action, style: '#wrong'},
-//         };
-
-//         const wrapper = shallow(<ActionButton {...props}/>);
-//         const buttonStyles = wrapper.find('button').prop('style');
-
-//         expect(buttonStyles).toBeUndefined();
-//     });
-
-//     test('should have no styles when provided undefined', () => {
-//         const props = {
-//             ...baseProps,
-//             action: {...baseProps.action, style: undefined},
-//         };
-
-//         const wrapper = shallow(<ActionButton {...props}/>);
-//         const buttonStyles = wrapper.find('button').prop('style');
-
-//         expect(buttonStyles).toBeUndefined();
-//     });
-// });

package/src/components/post_view/message_attachments/action_button/action_button.tsx

@@ -1,80 +0,0 @@
-// // Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
-// // See LICENSE.txt for license information.
-
-// import * as React from 'react';
-
-// import {changeOpacity} from 'mattermost-redux/utils/theme_utils';
-// import {Theme} from 'mattermost-redux/types/themes';
-// import {PostAction, PostActionOption} from 'mattermost-redux/types/integration_actions';
-// import {Dictionary} from 'mattermost-redux/types/utilities';
-
-// import LoadingWrapper from 'components/widgets/loading/loading_wrapper';
-// import Markdown from 'components/markdown';
-
-// type Props = {
-//     action: PostAction;
-//     handleAction: (e: React.MouseEvent, options?: PostActionOption[]) => void;
-//     disabled?: boolean;
-//     theme: Theme;
-//     actionExecuting?: boolean;
-//     actionExecutingMessage?: string;
-// }
-
-// export default class ActionButton extends React.PureComponent<Props> {
-//     getStatusColors(theme: Theme) {
-//         return {
-//             good: '#00c100',
-//             warning: '#dede01',
-//             danger: theme.errorTextColor,
-//             default: theme.centerChannelColor,
-//             primary: theme.buttonBg,
-//             success: theme.onlineIndicator,
-//         } as Dictionary<string>;
-//     }
-
-//     render() {
-//         const {action, handleAction, disabled, theme} = this.props;
-//         let customButtonStyle;
-
-//         if (action.style) {
-//             const STATUS_COLORS = this.getStatusColors(theme);
-//             const hexColor =
-//                 STATUS_COLORS[action.style] ||
-//                 theme[action.style] ||
-//                 (action.style.match('^#(?:[0-9a-fA-F]{3}){1,2}$') && action.style);
-
-//             if (hexColor) {
-//                 customButtonStyle = {
-//                     borderColor: changeOpacity(hexColor, 0.25),
-//                     color: hexColor,
-//                     borderWidth: 2,
-//                 };
-//             }
-//         }
-
-//         return (
-//             <button
-//                 data-action-id={action.id}
-//                 data-action-cookie={action.cookie}
-//                 disabled={disabled}
-//                 key={action.id}
-//                 onClick={(e) => handleAction(e, this.props.action.options)}
-//                 style={customButtonStyle}
-//             >
-//                 <LoadingWrapper
-//                     loading={this.props.actionExecuting}
-//                     text={this.props.actionExecutingMessage}
-//                 >
-//                     <Markdown
-//                         message={action.name}
-//                         options={{
-//                             mentionHighlight: false,
-//                             markdown: false,
-//                             autolinkedUrlSchemes: [],
-//                         }}
-//                     />
-//                 </LoadingWrapper>
-//             </button>
-//         );
-//     }
-// }

package/src/components/post_view/message_attachments/action_button/index.ts

@@ -1,17 +0,0 @@
-// // Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
-// // See LICENSE.txt for license information.
-
-// import {connect} from 'react-redux';
-
-// import {getTheme} from 'mattermost-redux/selectors/entities/preferences';
-// import {GlobalState} from 'mattermost-redux/types/store';
-
-// import ActionButton from './action_button';
-
-// function mapStateToProps(state: GlobalState) {
-//     return {
-//         theme: getTheme(state),
-//     };
-// }
-
-// export default connect(mapStateToProps)(ActionButton);

package/src/components/post_view/message_attachments/action_menu/action_menu.test.tsx

@@ -1,61 +0,0 @@
-// // Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
-// // See LICENSE.txt for license information.
-
-// import {shallow} from 'enzyme';
-// import * as React from 'react';
-
-// import ActionMenu from './action_menu';
-
-// describe('components/post_view/message_attachments/ActionMenu', () => {
-//     const baseProps = {
-//         postId: 'post1',
-//         action: {
-//             name: 'action',
-//             options: [
-//                 {
-//                     text: 'One',
-//                     value: '1',
-//                 },
-//                 {
-//                     text: 'Two',
-//                     value: '2',
-//                 },
-//             ],
-//             id: 'id',
-//             cookie: 'cookie',
-//         },
-//         actions: {
-//             autocompleteChannels: jest.fn(),
-//             autocompleteUsers: jest.fn(),
-//             selectAttachmentMenuAction: jest.fn(),
-//         },
-//     };
-
-//     test('should start with nothing selected', () => {
-//         const wrapper = shallow(<ActionMenu {...baseProps}/>);
-
-//         expect(wrapper.state()).toMatchObject({
-//             selected: undefined,
-//             value: '',
-//         });
-//     });
-
-//     test('should set selected based on default option', () => {
-//         const props = {
-//             ...baseProps,
-//             action: {
-//                 ...baseProps.action,
-//                 default_option: '2',
-//             },
-//         };
-//         const wrapper = shallow(<ActionMenu {...props}/>);
-
-//         expect(wrapper.state()).toMatchObject({
-//             selected: {
-//                 text: 'Two',
-//                 value: '2',
-//             },
-//             value: 'Two',
-//         });
-//     });
-// });

package/src/components/post_view/message_attachments/action_menu/action_menu.tsx

@@ -1,156 +0,0 @@
-// // Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
-// // See LICENSE.txt for license information.
-
-// import * as React from 'react';
-
-// import {ActionResult, DispatchFunc, GetStateFunc} from 'mattermost-redux/types/actions';
-// import {PostAction} from 'mattermost-redux/types/integration_actions';
-// import {UserProfile} from 'mattermost-redux/types/users';
-// import {Channel} from 'mattermost-redux/types/channels';
-// import {ServerError} from 'mattermost-redux/types/errors';
-
-// import MenuActionProvider from 'components/suggestion/menu_action_provider';
-// import GenericUserProvider from 'components/suggestion/generic_user_provider.jsx';
-// import GenericChannelProvider from 'components/suggestion/generic_channel_provider.jsx';
-// import AutocompleteSelector from 'components/autocomplete_selector';
-// import PostContext from 'components/post_view/post_context';
-
-// type Error = ServerError & {id: string};
-
-// type AutocompleteUsersAction =
-//     (username: string) => (doDispatch: DispatchFunc) => Promise<UserProfile[]>;
-
-// type AutocompleteChannelsAction = (
-//     term: string,
-//     success: (channels: Channel[]) => void,
-//     error: (error: Error) => void
-// ) => (dispatch: DispatchFunc, getState: GetStateFunc) => Promise<ActionResult>;
-
-// type SelectAttachmentMenuAction = (
-//     postId: string,
-//     actionId: string,
-//     cookie: string,
-//     dataSource: string | undefined,
-//     text: string,
-//     value: string
-// ) => (dispatch: DispatchFunc) => Promise<ActionResult>;
-
-// type Option = {
-//     text: string;
-//     value: string;
-// };
-
-// type Provider = GenericUserProvider | GenericChannelProvider | MenuActionProvider;
-
-// type Selected = Option | UserProfile | Channel;
-
-// export type Props = {
-//     postId: string;
-//     action: PostAction;
-//     selected?: Selected;
-//     disabled?: boolean;
-//     actions: {
-//         autocompleteChannels: AutocompleteChannelsAction;
-//         selectAttachmentMenuAction: SelectAttachmentMenuAction;
-//         autocompleteUsers: AutocompleteUsersAction;
-//     };
-// };
-
-// type State = {
-//     selected?: Selected;
-//     value: string;
-// };
-
-// export default class ActionMenu extends React.PureComponent<Props, State> {
-//     private providers: Provider[];
-
-//     constructor(props: Props) {
-//         super(props);
-
-//         const action = props.action;
-//         this.providers = [];
-//         if (action) {
-//             if (action.data_source === 'users') {
-//                 this.providers = [new GenericUserProvider(props.actions.autocompleteUsers)];
-//             } else if (action.data_source === 'channels') {
-//                 this.providers = [new GenericChannelProvider(props.actions.autocompleteChannels)];
-//             } else if (action.options) {
-//                 this.providers = [new MenuActionProvider(action.options)];
-//             }
-//         }
-
-//         let selected;
-//         let value = '';
-
-//         if (action.default_option && action.options) {
-//             selected = action.options.find((option) => option.value === action.default_option);
-//             value = selected ? selected.text : '';
-//         }
-
-//         this.state = {
-//             selected,
-//             value,
-//         };
-//     }
-
-//     static getDerivedStateFromProps(props: Props, state: State) {
-//         if (props.selected && props.selected !== state.selected) {
-//             const selected = props.selected as Option;
-//             return {
-//                 value: selected.text,
-//                 selected: props.selected,
-//             };
-//         }
-
-//         return null;
-//     }
-
-//     handleSelected = (selected: Selected) => {
-//         if (!selected) {
-//             return;
-//         }
-
-//         const {action} = this.props;
-
-//         let value = '';
-//         let text = '';
-//         if (action.data_source === 'users') {
-//             const user = selected as UserProfile;
-//             text = user.username;
-//             value = user.id;
-//         } else if (action.data_source === 'channels') {
-//             const channel = selected as Channel;
-//             text = channel.display_name;
-//             value = channel.id;
-//         } else {
-//             const option = selected as Option;
-//             text = option.text;
-//             value = option.value;
-//         }
-
-//         this.props.actions.selectAttachmentMenuAction(
-//             this.props.postId, this.props.action.id || '', this.props.action.cookie || '', this.props.action?.data_source, text, value);
-
-//         this.setState({value: text});
-//     }
-
-//     render() {
-//         const {action, disabled} = this.props;
-
-//         return (
-//             <PostContext.Consumer>
-//                 {({handlePopupOpened}) => (
-//                     <AutocompleteSelector
-//                         providers={this.providers}
-//                         onSelected={this.handleSelected}
-//                         placeholder={action.name}
-//                         inputClassName='post-attachment-dropdown'
-//                         value={this.state.value}
-//                         toggleFocus={handlePopupOpened}
-//                         disabled={disabled}
-//                     />
-//                 )}
-//             </PostContext.Consumer>
-//         );
-//     }
-// }

package/src/components/post_view/message_attachments/action_menu/index.ts

@@ -1,41 +0,0 @@
-// // Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
-// // See LICENSE.txt for license information.
-
-// import {connect} from 'react-redux';
-// import {bindActionCreators, Dispatch} from 'redux';
-
-// import {GenericAction} from 'mattermost-redux/types/actions';
-// import {PostAction} from 'mattermost-redux/types/integration_actions';
-
-// import {GlobalState} from 'types/store';
-// import {autocompleteChannels} from 'actions/channel_actions';
-// import {autocompleteUsers} from 'actions/user_actions';
-// import {selectAttachmentMenuAction} from 'actions/views/posts';
-
-// import ActionMenu from './action_menu';
-
-// type OwnProps = {
-//     postId: string;
-//     action: PostAction;
-// }
-
-// function mapStateToProps(state: GlobalState, ownProps: OwnProps) {
-//     const actions = state.views.posts.menuActions[ownProps.postId];
-//     const selected = (ownProps.action && ownProps.action.id) ? actions && actions[ownProps.action && ownProps.action.id] : undefined;
-
-//     return {
-//         selected,
-//     };
-// }
-
-// function mapDispatchToProps(dispatch: Dispatch<GenericAction>) {
-//     return {
-//         actions: bindActionCreators({
-//             selectAttachmentMenuAction,
-//             autocompleteChannels,
-//             autocompleteUsers,
-//         }, dispatch),
-//     };
-// }
-
-// export default connect(mapStateToProps, mapDispatchToProps)(ActionMenu);