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

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

@@ -1,170 +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 {AppBinding, AppCallResponse} from 'mattermost-redux/types/apps';
-// import {Post} from 'mattermost-redux/types/posts';
-
-// import {shallowWithIntl} from 'tests/helpers/intl-test-helper';
-
-// import SelectBinding, {SelectBinding as SelectBindingUnwrapped} from './select_binding';
-
-// describe('components/post_view/embedded_bindings/select_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',
-//         location: '/some_location',
-//         call: {
-//             path: 'some_url',
-//         },
-//         bindings: [
-//             {
-//                 app_id: 'some_app_id',
-//                 label: 'Option 1',
-//                 location: 'option1',
-//                 call: {
-//                     path: 'some_url_1',
-//                 },
-//             },
-//             {
-//                 app_id: 'some_app_id',
-//                 label: 'Option 2',
-//                 location: 'option2',
-//                 call: {
-//                     path: 'some_url_2',
-//                 },
-//             },
-//         ] as AppBinding[],
-//     } 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 start with nothing selected', () => {
-//         const wrapper = shallowWithIntl(<SelectBinding {...baseProps}/>);
-
-//         expect(wrapper.state()).toMatchObject({});
-//     });
-
-//     describe('handleSelected', () => {
-//         test('should should call doAppCall', async () => {
-//             const props = {
-//                 ...baseProps,
-//                 actions: {
-//                     doAppCall: jest.fn().mockResolvedValue({
-//                         data: {
-//                             type: 'ok',
-//                             markdown: 'Nice job!',
-//                             app_metadata: {
-//                                 bot_user_id: 'botuserid',
-//                             },
-//                         },
-//                     }),
-//                     getChannel: jest.fn().mockResolvedValue({
-//                         data: {
-//                             id: 'some_channel_id',
-//                             team_id: 'some_team_id',
-//                         },
-//                     }),
-//                     postEphemeralCallResponseForPost: jest.fn(),
-//                 },
-//                 intl: {} as any,
-//             };
-
-//             const wrapper = shallow<SelectBindingUnwrapped>(<SelectBindingUnwrapped {...props}/>);
-
-//             await wrapper.instance().handleSelected({
-//                 text: 'Option 1',
-//                 value: 'option1',
-//             });
-
-//             expect(props.actions.getChannel).toHaveBeenCalledWith('some_channel_id');
-//             expect(props.actions.doAppCall).toHaveBeenCalledWith({
-//                 context: {
-//                     app_id: 'some_app_id',
-//                     channel_id: 'some_channel_id',
-//                     location: '/in_post/option1',
-//                     post_id: 'some_post_id',
-//                     root_id: 'some_root_id',
-//                     team_id: 'some_team_id',
-//                 },
-//                 expand: {
-//                     post: 'all',
-//                 },
-//                 path: 'some_url_1',
-//                 query: undefined,
-//                 raw_command: undefined,
-//                 selected_field: undefined,
-//                 values: undefined,
-//             }, 'submit', {});
-
-//             expect(props.actions.postEphemeralCallResponseForPost).toHaveBeenCalledWith(callResponse, 'Nice job!', post);
-//         });
-//     });
-
-//     test('should handle error call response', async () => {
-//         const errorResponse = {
-//             type: 'error',
-//             error: 'The error',
-//             app_metadata: {
-//                 bot_user_id: 'botuserid',
-//             },
-//         };
-
-//         const props = {
-//             ...baseProps,
-//             actions: {
-//                 doAppCall: jest.fn().mockResolvedValue({
-//                     error: errorResponse,
-//                 }),
-//                 getChannel: jest.fn().mockResolvedValue({
-//                     data: {
-//                         id: 'some_channel_id',
-//                         team_id: 'some_team_id',
-//                     },
-//                 }),
-//                 postEphemeralCallResponseForPost: jest.fn(),
-//             },
-//             intl: {} as any,
-//         };
-
-//         const wrapper = shallow<SelectBindingUnwrapped>(<SelectBindingUnwrapped {...props}/>);
-
-//         await wrapper.instance().handleSelected({
-//             text: 'Option 1',
-//             value: 'option1',
-//         });
-
-//         expect(props.actions.postEphemeralCallResponseForPost).toHaveBeenCalledWith(errorResponse, 'The error', post);
-//     });
-// });

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

@@ -1,188 +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 {ActionResult} from 'mattermost-redux/types/actions';
-
-// import {Post} from 'mattermost-redux/types/posts';
-
-// import {AppBinding} from 'mattermost-redux/types/apps';
-// import {Channel} from 'mattermost-redux/types/channels';
-
-// import {AppBindingLocations, AppCallResponseTypes, AppCallTypes, AppExpandLevels} from 'mattermost-redux/constants/apps';
-
-// import {DoAppCall, PostEphemeralCallResponseForPost} from 'types/apps';
-
-// import MenuActionProvider from 'components/suggestion/menu_action_provider';
-// import AutocompleteSelector from 'components/autocomplete_selector';
-// import PostContext from 'components/post_view/post_context';
-// import {createCallContext, createCallRequest} from 'utils/apps';
-
-// type Option = {
-//     text: string;
-//     value: string;
-// };
-
-// type Props = {
-//     intl: IntlShape;
-//     post: Post;
-//     binding: AppBinding;
-//     actions: {
-//         doAppCall: DoAppCall;
-//         getChannel: (channelId: string) => Promise<ActionResult>;
-//         postEphemeralCallResponseForPost: PostEphemeralCallResponseForPost;
-//     };
-// };
-
-// type State = {
-//     selected?: Option;
-// };
-
-// export class SelectBinding extends React.PureComponent<Props, State> {
-//     private providers: MenuActionProvider[];
-//     private nOptions = 0;
-//     constructor(props: Props) {
-//         super(props);
-
-//         const binding = props.binding;
-//         this.providers = [];
-//         if (binding.bindings) {
-//             const options: Array<{text: string; value: string}> = [];
-//             const usedLabels: {[label: string]: boolean} = {};
-//             const usedValues: {[label: string]: boolean} = {};
-//             binding.bindings.forEach((b) => {
-//                 const label = b.label || b.location;
-//                 if (!label) {
-//                     return;
-//                 }
-
-//                 if (!b.location) {
-//                     return;
-//                 }
-
-//                 if (usedLabels[label]) {
-//                     return;
-//                 }
-
-//                 if (usedValues[b.location]) {
-//                     return;
-//                 }
-
-//                 usedLabels[label] = true;
-//                 usedValues[b.location] = true;
-
-//                 options.push({text: label, value: b.location});
-//             });
-
-//             this.nOptions = options.length;
-//             this.providers = [new MenuActionProvider(options)];
-//         }
-
-//         this.state = {};
-//     }
-
-//     handleSelected = async (selected: Option) => {
-//         if (!selected) {
-//             return;
-//         }
-
-//         this.setState({selected});
-//         const binding = this.props.binding.bindings?.find((b) => b.location === selected.value);
-//         if (!binding) {
-//             console.debug('Trying to select element not present in binding.'); //eslint-disable-line no-console
-//             return;
-//         }
-
-//         if (!binding.call) {
-//             return;
-//         }
-
-//         const {post, intl} = this.props;
-
-//         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},
-//         );
-
-//         const res = await this.props.actions.doAppCall(call, AppCallTypes.SUBMIT, intl);
-
-//         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 = this.props.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() {
-//         if (!this.nOptions) {
-//             return null;
-//         }
-
-//         const {binding} = this.props;
-//         const label = binding.label || binding.location;
-//         if (!label) {
-//             return null;
-//         }
-
-//         return (
-//             <PostContext.Consumer>
-//                 {({handlePopupOpened}) => (
-//                     <AutocompleteSelector
-//                         providers={this.providers}
-//                         onSelected={this.handleSelected}
-//                         placeholder={label}
-//                         inputClassName='post-attachment-dropdown'
-//                         value={this.state.selected?.text}
-//                         toggleFocus={handlePopupOpened}
-//                     />
-//                 )}
-//             </PostContext.Consumer>
-//         );
-//     }
-// }
-
-// export default injectIntl(SelectBinding);

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

@@ -1,29 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`components/post_view/FailedPostOptions should match snapshot 1`] = `
-<span
-  className="pending-post-actions"
->
-  <a
-    className="post-retry"
-    href="#"
-    onClick={[Function]}
-  >
-    <MemoizedFormattedMessage
-      defaultMessage="Retry"
-      id="pending_post_actions.retry"
-    />
-  </a>
-   - 
-  <a
-    className="post-cancel"
-    href="#"
-    onClick={[Function]}
-  >
-    <MemoizedFormattedMessage
-      defaultMessage="Cancel"
-      id="pending_post_actions.cancel"
-    />
-  </a>
-</span>
-`;

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

@@ -1,59 +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 {TestHelper} from 'utils/test_helper';
-
-// import FailedPostOptions from 'components/post_view/failed_post_options/failed_post_options';
-
-// describe('components/post_view/FailedPostOptions', () => {
-//     const baseProps = {
-//         post: TestHelper.getPostMock(),
-//         actions: {
-//             createPost: jest.fn(),
-//             removePost: jest.fn(),
-//         },
-//     };
-
-//     test('should match snapshot', () => {
-//         const wrapper = shallow(<FailedPostOptions {...baseProps}/>);
-//         expect(wrapper).toMatchSnapshot();
-//     });
-
-//     test('should create post on retry', () => {
-//         const props = {
-//             ...baseProps,
-//             actions: {
-//                 ...baseProps.actions,
-//                 createPost: jest.fn(),
-//             },
-//         };
-
-//         const wrapper = shallow(<FailedPostOptions {...props}/>);
-//         const e = {preventDefault: jest.fn()};
-
-//         wrapper.find('.post-retry').simulate('click', e);
-//         expect(props.actions.createPost.mock.calls.length).toBe(1);
-
-//         wrapper.find('.post-retry').simulate('click', e);
-//         expect(props.actions.createPost.mock.calls.length).toBe(2);
-//     });
-
-//     test('should remove post on cancel', () => {
-//         const props = {
-//             ...baseProps,
-//             actions: {
-//                 ...baseProps.actions,
-//                 removePost: jest.fn(),
-//             },
-//         };
-
-//         const wrapper = shallow(<FailedPostOptions {...props}/>);
-//         const e = {preventDefault: jest.fn()};
-
-//         wrapper.find('.post-cancel').simulate('click', e);
-//         expect(props.actions.removePost.mock.calls.length).toBe(1);
-//     });
-// });

package/src/components/post_view/failed_post_options/failed_post_options.tsx

@@ -1,67 +0,0 @@
-// // Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
-// // See LICENSE.txt for license information.
-
-// import React, {MouseEvent} from 'react';
-// import {FormattedMessage} from 'react-intl';
-
-// import {Post} from 'mattermost-redux/types/posts';
-// import {FileInfo} from 'mattermost-redux/types/files';
-// import {DispatchFunc, GetStateFunc} from 'mattermost-redux/types/actions';
-// import {ExtendedPost} from 'mattermost-redux/actions/posts';
-
-// type CreatePostAction =
-//     (post: Post, files?: FileInfo[]) => (dispatch: DispatchFunc) => Promise<{data: boolean}>;
-// type RemovePostAction =
-//     (post: ExtendedPost) => (dispatch: DispatchFunc, getState: GetStateFunc) => void;
-
-// type Props = {
-//     post: Post;
-//     actions: {
-//         createPost: CreatePostAction;
-//         removePost: RemovePostAction;
-//     };
-// };
-
-// export default class FailedPostOptions extends React.PureComponent<Props> {
-//     retryPost = (e: MouseEvent): void => {
-//         e.preventDefault();
-
-//         const post = {...this.props.post};
-//         Reflect.deleteProperty(post, 'id');
-//         this.props.actions.createPost(post);
-//     }
-
-//     cancelPost = (e: MouseEvent): void => {
-//         e.preventDefault();
-
-//         this.props.actions.removePost(this.props.post);
-//     }
-
-//     render(): JSX.Element {
-//         return (
-//             <span className='pending-post-actions'>
-//                 <a
-//                     className='post-retry'
-//                     href='#'
-//                     onClick={this.retryPost}
-//                 >
-//                     <FormattedMessage
-//                         id='pending_post_actions.retry'
-//                         defaultMessage='Retry'
-//                     />
-//                 </a>
-//                 {' - '}
-//                 <a
-//                     className='post-cancel'
-//                     href='#'
-//                     onClick={this.cancelPost}
-//                 >
-//                     <FormattedMessage
-//                         id='pending_post_actions.cancel'
-//                         defaultMessage='Cancel'
-//                     />
-//                 </a>
-//             </span>
-//         );
-//     }
-// }

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

@@ -1,23 +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 {removePost} from 'mattermost-redux/actions/posts';
-// import {GenericAction} from 'mattermost-redux/types/actions';
-
-// import {createPost} from 'actions/post_actions';
-
-// import FailedPostOptions from './failed_post_options';
-
-// function mapDispatchToProps(dispatch: Dispatch<GenericAction>) {
-//     return {
-//         actions: bindActionCreators({
-//             createPost,
-//             removePost,
-//         }, dispatch),
-//     };
-// }
-
-// export default connect(null, mapDispatchToProps)(FailedPostOptions);

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

@@ -1,41 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`components/post_view/FloatingTimestamp should match snapshot 1`] = `
-<div
-  className="post-list__timestamp scrolling toastAdjustment"
-  data-testid="floatingTimestamp"
->
-  <div>
-    <span>
-      <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,
-              ],
-            },
-          ]
-        }
-        useTime={false}
-        value={1234}
-      />
-    </span>
-  </div>
-</div>
-`;

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

@@ -1,23 +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 FloatingTimestamp from './floating_timestamp';
-
-// describe('components/post_view/FloatingTimestamp', () => {
-//     const baseProps = {
-//         isScrolling: true,
-//         isMobile: true,
-//         createAt: 1234,
-//         toastPresent: true,
-//         isRhsPost: false,
-//     };
-
-//     test('should match snapshot', () => {
-//         const wrapper = shallow(<FloatingTimestamp {...baseProps}/>);
-//         expect(wrapper).toMatchSnapshot();
-//         expect(wrapper.hasClass('toastAdjustment')).toBe(true);
-//     });
-// });

package/src/components/post_view/floating_timestamp/floating_timestamp.tsx

@@ -1,52 +0,0 @@
-// // Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
-// // See LICENSE.txt for license information.
-
-// import * as React from 'react';
-// import classNames from 'classnames';
-
-// import Timestamp, {RelativeRanges} from 'components/timestamp';
-
-// const DATE_RANGES = [
-//     RelativeRanges.TODAY_TITLE_CASE,
-//     RelativeRanges.YESTERDAY_TITLE_CASE,
-// ];
-// type Props = {
-//     isScrolling: boolean;
-//     isMobile: boolean;
-//     createAt: Date | number;
-//     toastPresent: boolean;
-//     isRhsPost: boolean;
-// }
-
-// export default class FloatingTimestamp extends React.PureComponent<Props> {
-//     render() {
-//         const {isMobile, createAt, isScrolling, isRhsPost, toastPresent} = this.props;
-
-//         if (!isMobile || createAt === 0) {
-//             return null;
-//         }
-
-//         const classes = classNames('post-list__timestamp', {
-//             scrolling: isScrolling,
-//             rhs: isRhsPost,
-//             toastAdjustment: toastPresent,
-//         });
-
-//         return (
-//             <div
-//                 className={classes}
-//                 data-testid='floatingTimestamp'
-//             >
-//                 <div>
-//                     <span>
-//                         <Timestamp
-//                             value={createAt}
-//                             useTime={false}
-//                             ranges={DATE_RANGES}
-//                         />
-//                     </span>
-//                 </div>
-//             </div>
-//         );
-//     }
-// }