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

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

@@ -1,53 +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 CommentedOnFilesMessage from './commented_on_files_message.jsx';
-
-describe('components/CommentedOnFilesMessage', () => {
-    const baseProps = {
-        parentPostId: 'parentPostId',
-    };
-
-    test('Snapshot when no files', () => {
-        const wrapper = shallow(
-            <CommentedOnFilesMessage {...baseProps}/>,
-        );
-
-        expect(wrapper).toMatchSnapshot();
-    });
-
-    test('should match snapshot for single file', () => {
-        const props = {
-            ...baseProps,
-            fileInfos: [{id: 'file_id_1', name: 'image_1.png', extension: 'png', create_at: 1}],
-        };
-
-        const wrapper = shallow(
-            <CommentedOnFilesMessage {...props}/>,
-        );
-
-        expect(wrapper).toMatchSnapshot();
-    });
-
-    test('should match snapshot for multiple files', () => {
-        const fileInfos = [
-            {id: 'file_id_3', name: 'image_3.png', extension: 'png', create_at: 3},
-            {id: 'file_id_2', name: 'image_2.png', extension: 'png', create_at: 2},
-            {id: 'file_id_1', name: 'image_1.png', extension: 'png', create_at: 1},
-        ];
-
-        const props = {
-            ...baseProps,
-            fileInfos,
-        };
-
-        const wrapper = shallow(
-            <CommentedOnFilesMessage {...props}/>,
-        );
-
-        expect(wrapper).toMatchSnapshot();
-    });
-});

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

@@ -1,25 +0,0 @@
-// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
-// See LICENSE.txt for license information.
-
-import {connect} from 'react-redux';
-
-import {makeGetFilesForPost} from 'mattermost-redux/selectors/entities/files';
-
-import CommentedOnFilesMessage from './commented_on_files_message.jsx';
-
-function makeMapStateToProps() {
-    const selectFileInfosForPost = makeGetFilesForPost();
-
-    return function mapStateToProps(state, ownProps) {
-        let fileInfos;
-        if (ownProps.parentPostId) {
-            fileInfos = selectFileInfosForPost(state, ownProps.parentPostId);
-        }
-
-        return {
-            fileInfos,
-        };
-    };
-}
-
-export default connect(makeMapStateToProps)(CommentedOnFilesMessage);

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

@@ -1,35 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`components/post_view/DateSeparator should render Timestamp inside of a BasicSeparator and pass date/value to it 1`] = `
-<BasicSeparator>
-  <Connect(injectIntl(Timestamp))
-    ranges={
-      Array [
-        Object {
-          "display": <Memo(MemoizedFormattedMessage)
-            defaultMessage="Today"
-            id="date_separator.today"
-          />,
-          "equals": Array [
-            "day",
-            0,
-          ],
-        },
-        Object {
-          "display": <Memo(MemoizedFormattedMessage)
-            defaultMessage="Yesterday"
-            id="date_separator.yesterday"
-          />,
-          "equals": Array [
-            "day",
-            -1,
-          ],
-        },
-      ]
-    }
-    useSemanticOutput={false}
-    useTime={false}
-    value={2018-01-12T08:15:13.000Z}
-  />
-</BasicSeparator>
-`;

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

@@ -1,26 +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 BasicSeparator from 'components/widgets/separator/basic-separator';
-// import DateSeparator from 'components/post_view/date_separator/date_separator';
-// import Timestamp from 'components/timestamp';
-
-// describe('components/post_view/DateSeparator', () => {
-//     test('should render Timestamp inside of a BasicSeparator and pass date/value to it', () => {
-//         const value = new Date('Fri Jan 12 2018 20:15:13 GMT+1200 (+12)');
-//         const wrapper = shallow(
-//             <DateSeparator
-//                 date={value}
-//             />,
-//         );
-//         expect(wrapper).toMatchSnapshot();
-
-//         expect(wrapper.find(BasicSeparator).exists());
-
-//         expect(wrapper.find(Timestamp).prop('value')).toBe(value);
-//     });
-// });

package/src/components/post_view/date_separator/date_separator.tsx

@@ -1,40 +0,0 @@
-// // Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
-// // See LICENSE.txt for license information.
-
-// import PropTypes from 'prop-types';
-// import React, {FC, memo} from 'react';
-
-// import Timestamp, {RelativeRanges} from 'components/timestamp';
-
-// import BasicSeparator from 'components/widgets/separator/basic-separator';
-
-// const DATE_RANGES = [
-//     RelativeRanges.TODAY_TITLE_CASE,
-//     RelativeRanges.YESTERDAY_TITLE_CASE,
-// ];
-
-// type Props = {
-//     date: number | Date;
-// }
-
-// const DateSeparator: FC<Props> = ({date}) => {
-//     return (
-//         <BasicSeparator>
-//             <Timestamp
-//                 value={date}
-//                 useTime={false}
-//                 useSemanticOutput={false}
-//                 ranges={DATE_RANGES}
-//             />
-//         </BasicSeparator>
-//     );
-// };
-
-// DateSeparator.propTypes = {
-//     date: PropTypes.oneOfType([
-//         PropTypes.number,
-//         PropTypes.instanceOf(Date),
-//     ]).isRequired,
-// };
-
-// export default memo(DateSeparator);

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

@@ -1,4 +0,0 @@
-// // Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
-// // See LICENSE.txt for license information.
-
-// export {default} from './date_separator';

package/src/components/post_view/embedded_bindings/button_binding/__snapshots__/button_binding.test.tsx.snap

@@ -1,23 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`components/post_view/embedded_bindings/button_binding/ should match snapshot 1`] = `
-<button
-  onClick={[Function]}
->
-  <LoadingWrapper
-    loading={false}
-    text={null}
-  >
-    <Connect(Markdown)
-      message="some_label"
-      options={
-        Object {
-          "autolinkedUrlSchemes": Array [],
-          "markdown": false,
-          "mentionHighlight": false,
-        }
-      }
-    />
-  </LoadingWrapper>
-</button>
-`;

package/src/components/post_view/embedded_bindings/button_binding/button_binding.test.tsx

@@ -1,124 +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 {AppBinding, AppCallResponse} from 'mattermost-redux/types/apps';
-
-// import {shallowWithIntl} from 'tests/helpers/intl-test-helper';
-
-// import ButtonBinding, {ButtonBinding as ButtonBindingUnwrapped} from './button_binding';
-
-// describe('components/post_view/embedded_bindings/button_binding/', () => {
-//     const post = {
-//         id: 'some_post_id',
-//         channel_id: 'some_channel_id',
-//         root_id: 'some_root_id',
-//     } as Post;
-
-//     const binding = {
-//         app_id: 'some_app_id',
-//         label: 'some_label',
-//         location: 'some_location',
-//         call: {
-//             path: 'some_url',
-//         },
-//     } as AppBinding;
-
-//     const callResponse = {
-//         type: 'ok',
-//         markdown: 'Nice job!',
-//         app_metadata: {
-//             bot_user_id: 'botuserid',
-//         },
-//     } as AppCallResponse;
-
-//     const baseProps = {
-//         post,
-//         userId: 'user_id',
-//         binding,
-//         actions: {
-//             doAppCall: jest.fn().mockResolvedValue({
-//                 data: callResponse,
-//             }),
-//             getChannel: jest.fn().mockResolvedValue({
-//                 data: {
-//                     id: 'some_channel_id',
-//                     team_id: 'some_team_id',
-//                 },
-//             }),
-//             postEphemeralCallResponseForPost: jest.fn(),
-//         },
-//     };
-
-//     test('should match snapshot', () => {
-//         const wrapper = shallowWithIntl(<ButtonBinding {...baseProps}/>);
-//         expect(wrapper).toMatchSnapshot();
-//     });
-
-//     test('should call doAppCall on click', async () => {
-//         const props = {
-//             ...baseProps,
-//             intl: {} as any,
-//         };
-
-//         const wrapper = shallow<ButtonBindingUnwrapped>(<ButtonBindingUnwrapped {...props}/>);
-//         await wrapper.instance().handleClick();
-
-//         expect(baseProps.actions.getChannel).toHaveBeenCalledWith('some_channel_id');
-//         expect(baseProps.actions.doAppCall).toHaveBeenCalledWith({
-//             context: {
-//                 app_id: 'some_app_id',
-//                 channel_id: 'some_channel_id',
-//                 location: '/in_post/some_location',
-//                 post_id: 'some_post_id',
-//                 root_id: 'some_root_id',
-//                 team_id: 'some_team_id',
-//             },
-//             expand: {
-//                 post: 'all',
-//             },
-//             path: 'some_url',
-//             query: undefined,
-//             raw_command: undefined,
-//             selected_field: undefined,
-//             values: undefined,
-//         }, 'submit', {});
-
-//         expect(baseProps.actions.postEphemeralCallResponseForPost).toHaveBeenCalledWith(callResponse, 'Nice job!', post);
-//     });
-
-//     test('should handle error call response', async () => {
-//         const errorCallResponse = {
-//             type: 'error',
-//             error: 'The error',
-//             app_metadata: {
-//                 bot_user_id: 'botuserid',
-//             },
-//         };
-
-//         const props = {
-//             ...baseProps,
-//             actions: {
-//                 doAppCall: jest.fn().mockResolvedValue({
-//                     error: errorCallResponse,
-//                 }),
-//                 getChannel: jest.fn().mockResolvedValue({
-//                     data: {
-//                         id: 'some_channel_id',
-//                         team_id: 'some_team_id',
-//                     },
-//                 }),
-//                 postEphemeralCallResponseForPost: jest.fn(),
-//             },
-//             intl: {} as any,
-//         };
-
-//         const wrapper = shallow<ButtonBindingUnwrapped>(<ButtonBindingUnwrapped {...props}/>);
-//         await wrapper.instance().handleClick();
-
-//         expect(props.actions.postEphemeralCallResponseForPost).toHaveBeenCalledWith(errorCallResponse, 'The error', post);
-//     });
-// });

package/src/components/post_view/embedded_bindings/button_binding/button_binding.tsx

@@ -1,141 +0,0 @@
-// // Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
-// // See LICENSE.txt for license information.
-
-// import * as React from 'react';
-
-// import {injectIntl, IntlShape} from 'react-intl';
-
-// import {AppBinding} from 'mattermost-redux/types/apps';
-// import {ActionResult} from 'mattermost-redux/types/actions';
-// import {AppBindingLocations, AppCallResponseTypes, AppCallTypes, AppExpandLevels} from 'mattermost-redux/constants/apps';
-// import {Channel} from 'mattermost-redux/types/channels';
-// import {Post} from 'mattermost-redux/types/posts';
-
-// import {DoAppCall, PostEphemeralCallResponseForPost} from 'types/apps';
-
-// import Markdown from 'components/markdown';
-// import LoadingWrapper from 'components/widgets/loading/loading_wrapper';
-// import {createCallContext, createCallRequest} from 'utils/apps';
-
-// type Props = {
-//     intl: IntlShape;
-//     binding: AppBinding;
-//     post: Post;
-//     actions: {
-//         doAppCall: DoAppCall;
-//         getChannel: (channelId: string) => Promise<ActionResult>;
-//         postEphemeralCallResponseForPost: PostEphemeralCallResponseForPost;
-//     };
-// }
-
-// type State = {
-//     executing: boolean;
-// }
-
-// export class ButtonBinding extends React.PureComponent<Props, State> {
-//     constructor(props: Props) {
-//         super(props);
-//         this.state = {
-//             executing: false,
-//         };
-//     }
-
-//     handleClick = async () => {
-//         const {binding, post, intl} = this.props;
-//         if (!binding.call) {
-//             return;
-//         }
-
-//         let teamID = '';
-//         const {data} = await this.props.actions.getChannel(post.channel_id) as {data?: any; error?: any};
-//         if (data) {
-//             const channel = data as Channel;
-//             teamID = channel.team_id;
-//         }
-
-//         const context = createCallContext(
-//             binding.app_id,
-//             AppBindingLocations.IN_POST + '/' + binding.location,
-//             post.channel_id,
-//             teamID,
-//             post.id,
-//             post.root_id,
-//         );
-//         const call = createCallRequest(
-//             binding.call,
-//             context,
-//             {post: AppExpandLevels.EXPAND_ALL},
-//         );
-//         this.setState({executing: true});
-//         const res = await this.props.actions.doAppCall(call, AppCallTypes.SUBMIT, intl);
-
-//         this.setState({executing: false});
-
-//         if (res.error) {
-//             const errorResponse = res.error;
-//             const errorMessage = errorResponse.error || intl.formatMessage({
-//                 id: 'apps.error.unknown',
-//                 defaultMessage: 'Unknown error occurred.',
-//             });
-//             this.props.actions.postEphemeralCallResponseForPost(errorResponse, errorMessage, post);
-//             return;
-//         }
-
-//         const callResp = res.data!;
-//         switch (callResp.type) {
-//         case AppCallResponseTypes.OK:
-//             if (callResp.markdown) {
-//                 this.props.actions.postEphemeralCallResponseForPost(callResp, callResp.markdown, post);
-//             }
-//             break;
-//         case AppCallResponseTypes.NAVIGATE:
-//         case AppCallResponseTypes.FORM:
-//             break;
-//         default: {
-//             const errorMessage = intl.formatMessage({
-//                 id: 'apps.error.responses.unknown_type',
-//                 defaultMessage: 'App response type not supported. Response type: {type}.',
-//             }, {
-//                 type: callResp.type,
-//             });
-//             this.props.actions.postEphemeralCallResponseForPost(callResp, errorMessage, post);
-//         }
-//         }
-//     }
-
-//     render() {
-//         const {binding} = this.props;
-//         let customButtonStyle;
-
-//         if (!binding.call) {
-//             return null;
-//         }
-
-//         const label = binding.label || binding.location;
-//         if (!label) {
-//             return null;
-//         }
-
-//         return (
-//             <button
-//                 onClick={this.handleClick}
-//                 style={customButtonStyle}
-//             >
-//                 <LoadingWrapper
-//                     loading={this.state.executing}
-//                 >
-//                     <Markdown
-//                         message={label}
-//                         options={{
-//                             mentionHighlight: false,
-//                             markdown: false,
-//                             autolinkedUrlSchemes: [],
-//                         }}
-//                     />
-//                 </LoadingWrapper>
-//             </button>
-//         );
-//     }
-// }
-
-// export default injectIntl(ButtonBinding);

package/src/components/post_view/embedded_bindings/button_binding/index.ts

@@ -1,34 +0,0 @@
-// // Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
-// // See LICENSE.txt for license information.
-
-// import {connect} from 'react-redux';
-
-// import {ActionCreatorsMapObject, bindActionCreators, Dispatch} from 'redux';
-
-// import {ActionFunc, ActionResult, GenericAction} from 'mattermost-redux/types/actions';
-
-// import {getChannel} from 'mattermost-redux/actions/channels';
-
-// import {DoAppCall, PostEphemeralCallResponseForPost} from 'types/apps';
-
-// import {doAppCall, postEphemeralCallResponseForPost} from 'actions/apps';
-
-// import ButtonBinding from './button_binding';
-
-// type Actions = {
-//     doAppCall: DoAppCall;
-//     getChannel: (channelId: string) => Promise<ActionResult>;
-//     postEphemeralCallResponseForPost: PostEphemeralCallResponseForPost;
-// }
-
-// function mapDispatchToProps(dispatch: Dispatch<GenericAction>) {
-//     return {
-//         actions: bindActionCreators<ActionCreatorsMapObject<ActionFunc>, Actions>({
-//             doAppCall,
-//             getChannel,
-//             postEphemeralCallResponseForPost,
-//         }, dispatch),
-//     };
-// }
-
-// export default connect(null, mapDispatchToProps)(ButtonBinding);