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

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

@@ -1,249 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`components/post_view/embedded_bindings/embedded_binding should match snapshot 1`] = `
-<div
-  className="attachment"
-  onClick={[Function]}
->
-  <div
-    className="attachment__content"
-  >
-    <div
-      className="clearfix attachment__container attachment__container--"
-    >
-      <h1
-        className="attachment__title"
-      >
-        <Connect(Markdown)
-          message="some text"
-          options={
-            Object {
-              "autolinkedUrlSchemes": Array [],
-              "mentionHighlight": false,
-              "renderer": LinkOnlyRenderer {
-                "options": Object {},
-              },
-            }
-          }
-          postId="post_id"
-        />
-      </h1>
-      <div>
-        <div
-          className="attachment__body attachment__body--no_thumb"
-        >
-          <Connect(ShowMore)
-            isAttachmentText={true}
-            maxHeight={200}
-            text="some title"
-          >
-            <Connect(Markdown)
-              imageProps={
-                Object {
-                  "onImageHeightChanged": [Function],
-                  "onImageLoaded": [Function],
-                }
-              }
-              message="some title"
-              postId="post_id"
-            />
-          </Connect(ShowMore)>
-        </div>
-        <div
-          style={
-            Object {
-              "clear": "both",
-            }
-          }
-        />
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`components/post_view/embedded_bindings/embedded_binding should match snapshot when the attachment has a link in the title 1`] = `
-<div
-  className="attachment"
-  onClick={[Function]}
->
-  <div
-    className="attachment__content"
-  >
-    <div
-      className="clearfix attachment__container attachment__container--"
-    >
-      <h1
-        className="attachment__title"
-      >
-        <Connect(Markdown)
-          message="some text"
-          options={
-            Object {
-              "autolinkedUrlSchemes": Array [],
-              "mentionHighlight": false,
-              "renderer": LinkOnlyRenderer {
-                "options": Object {},
-              },
-            }
-          }
-          postId="post_id"
-        />
-      </h1>
-      <div>
-        <div
-          className="attachment__body attachment__body--no_thumb"
-        >
-          <Connect(ShowMore)
-            isAttachmentText={true}
-            maxHeight={200}
-            text="some title"
-          >
-            <Connect(Markdown)
-              imageProps={
-                Object {
-                  "onImageHeightChanged": [Function],
-                  "onImageLoaded": [Function],
-                }
-              }
-              message="some title"
-              postId="post_id"
-            />
-          </Connect(ShowMore)>
-        </div>
-        <div
-          style={
-            Object {
-              "clear": "both",
-            }
-          }
-        />
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`components/post_view/embedded_bindings/embedded_binding should match snapshot when the attachment has an emoji in the title 1`] = `
-<div
-  className="attachment"
-  onClick={[Function]}
->
-  <div
-    className="attachment__content"
-  >
-    <div
-      className="clearfix attachment__container attachment__container--"
-    >
-      <h1
-        className="attachment__title"
-      >
-        <Connect(Markdown)
-          message="some text"
-          options={
-            Object {
-              "autolinkedUrlSchemes": Array [],
-              "mentionHighlight": false,
-              "renderer": LinkOnlyRenderer {
-                "options": Object {},
-              },
-            }
-          }
-          postId="post_id"
-        />
-      </h1>
-      <div>
-        <div
-          className="attachment__body attachment__body--no_thumb"
-        >
-          <Connect(ShowMore)
-            isAttachmentText={true}
-            maxHeight={200}
-            text="some title"
-          >
-            <Connect(Markdown)
-              imageProps={
-                Object {
-                  "onImageHeightChanged": [Function],
-                  "onImageLoaded": [Function],
-                }
-              }
-              message="some title"
-              postId="post_id"
-            />
-          </Connect(ShowMore)>
-        </div>
-        <div
-          style={
-            Object {
-              "clear": "both",
-            }
-          }
-        />
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`components/post_view/embedded_bindings/embedded_binding should match snapshot when the attachment hasn't any emojis in the title 1`] = `
-<div
-  className="attachment"
-  onClick={[Function]}
->
-  <div
-    className="attachment__content"
-  >
-    <div
-      className="clearfix attachment__container attachment__container--"
-    >
-      <h1
-        className="attachment__title"
-      >
-        <Connect(Markdown)
-          message="some text"
-          options={
-            Object {
-              "autolinkedUrlSchemes": Array [],
-              "mentionHighlight": false,
-              "renderer": LinkOnlyRenderer {
-                "options": Object {},
-              },
-            }
-          }
-          postId="post_id"
-        />
-      </h1>
-      <div>
-        <div
-          className="attachment__body attachment__body--no_thumb"
-        >
-          <Connect(ShowMore)
-            isAttachmentText={true}
-            maxHeight={200}
-            text="some title"
-          >
-            <Connect(Markdown)
-              imageProps={
-                Object {
-                  "onImageHeightChanged": [Function],
-                  "onImageLoaded": [Function],
-                }
-              }
-              message="some title"
-              postId="post_id"
-            />
-          </Connect(ShowMore)>
-        </div>
-        <div
-          style={
-            Object {
-              "clear": "both",
-            }
-          }
-        />
-      </div>
-    </div>
-  </div>
-</div>
-`;

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

@@ -1,76 +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 {MessageAttachment as MessageAttachmentType} from 'mattermost-redux/types/message_attachments';
-// import {Post} from 'mattermost-redux/types/posts';
-
-// import {AppBinding} from 'mattermost-redux/types/apps';
-
-// import EmbeddedBinding from './embedded_binding';
-
-// describe('components/post_view/embedded_bindings/embedded_binding', () => {
-//     const post = {
-//         id: 'post_id',
-//         channel_id: 'channel_id',
-//     } as Post;
-
-//     const embed = {
-//         app_id: 'app_id',
-//         bindings: [] as AppBinding[],
-//         label: 'some text',
-//         description: 'some title',
-//     } as AppBinding;
-
-//     const baseProps = {
-//         post,
-//         embed,
-//         currentRelativeTeamUrl: 'dummy_team',
-//     };
-
-//     test('should match snapshot', () => {
-//         const wrapper = shallow(<EmbeddedBinding {...baseProps}/>);
-//         expect(wrapper).toMatchSnapshot();
-//     });
-
-//     test('should match snapshot when the attachment has an emoji in the title', () => {
-//         const props = {
-//             ...baseProps,
-//             attachment: {
-//                 title: 'Do you like :pizza:?',
-//             } as MessageAttachmentType,
-//         };
-
-//         const wrapper = shallow(<EmbeddedBinding {...props}/>);
-
-//         expect(wrapper).toMatchSnapshot();
-//     });
-
-//     test('should match snapshot when the attachment hasn\'t any emojis in the title', () => {
-//         const props = {
-//             ...baseProps,
-//             attachment: {
-//                 title: 'Don\'t you like emojis?',
-//             } as MessageAttachmentType,
-//         };
-
-//         const wrapper = shallow(<EmbeddedBinding {...props}/>);
-
-//         expect(wrapper).toMatchSnapshot();
-//     });
-
-//     test('should match snapshot when the attachment has a link in the title', () => {
-//         const props = {
-//             ...baseProps,
-//             attachment: {
-//                 title: 'Do you like https://mattermost.com?',
-//             } as MessageAttachmentType,
-//         };
-
-//         const wrapper = shallow(<EmbeddedBinding {...props}/>);
-
-//         expect(wrapper).toMatchSnapshot();
-//     });
-// });

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

@@ -1,205 +0,0 @@
-// // Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
-// // See LICENSE.txt for license information.
-// /* eslint-disable react/no-string-refs */
-
-// import React, {CSSProperties} from 'react';
-
-// import {AppBinding} from 'mattermost-redux/types/apps';
-
-// import {Post} from 'mattermost-redux/types/posts';
-
-// import * as Utils from 'utils/utils';
-// import LinkOnlyRenderer from 'utils/markdown/link_only_renderer';
-// import {TextFormattingOptions} from 'utils/text_formatting';
-
-// import Markdown from 'components/markdown';
-// import ShowMore from 'components/post_view/show_more';
-
-// import ButtonBinding from '../button_binding';
-// import SelectBinding from '../select_binding';
-
-// import {cleanBinding} from 'mattermost-redux/utils/apps';
-// import {AppBindingLocations} from 'mattermost-redux/constants/apps';
-
-// type Props = {
-
-//     /**
-//      * The post id
-//      */
-//     post: Post;
-
-//     /**
-//      * The attachment to render
-//      */
-//     embed: AppBinding;
-
-//     /**
-//      * Options specific to text formatting
-//      */
-//     options?: Partial<TextFormattingOptions>;
-
-//     currentRelativeTeamUrl: string;
-// }
-
-// type State = {
-//     checkOverflow: number;
-// }
-
-// export default class EmbeddedBinding extends React.PureComponent<Props, State> {
-//     private imageProps: Record<string, any>;
-//     constructor(props: Props) {
-//         super(props);
-
-//         this.state = {
-//             checkOverflow: 0,
-//         };
-
-//         this.imageProps = {
-//             onImageLoaded: this.handleHeightReceived,
-//             onImageHeightChanged: this.checkPostOverflow,
-//         };
-//     }
-
-//     fillBindings = (binding: AppBinding) => {
-//         const copiedBindings = JSON.parse(JSON.stringify(binding)) as AppBinding;
-//         cleanBinding(copiedBindings, AppBindingLocations.IN_POST);
-//         return copiedBindings.bindings;
-//     }
-
-//     renderBindings = () => {
-//         if (!this.props.embed.app_id) {
-//             return null;
-//         }
-
-//         if (!this.props.embed.bindings) {
-//             return null;
-//         }
-
-//         const bindings = this.fillBindings(this.props.embed);
-//         if (!bindings || !bindings.length) {
-//             return null;
-//         }
-
-//         const content = [] as JSX.Element[];
-
-//         bindings.forEach((binding: AppBinding) => {
-//             if (!binding.call || !binding.location) {
-//                 return;
-//             }
-
-//             if (binding.bindings && binding.bindings.length > 0) {
-//                 content.push(
-//                     <SelectBinding
-//                         key={binding.location}
-//                         post={this.props.post}
-//                         binding={binding}
-//                     />,
-//                 );
-//             } else {
-//                 content.push(
-//                     <ButtonBinding
-//                         key={binding.location}
-//                         post={this.props.post}
-//                         binding={binding}
-//                     />,
-//                 );
-//             }
-//         });
-
-//         return (
-//             <div
-//                 className='attachment-actions'
-//             >
-//                 {content}
-//             </div>
-//         );
-//     };
-
-//     handleFormattedTextClick = (e: React.MouseEvent) => Utils.handleFormattedTextClick(e, this.props.currentRelativeTeamUrl);
-
-//     checkPostOverflow = () => {
-//         // Increment checkOverflow to indicate change in height
-//         // and recompute textContainer height at ShowMore component
-//         // and see whether overflow text of show more/less is necessary or not.
-//         this.setState((prevState) => {
-//             return {checkOverflow: prevState.checkOverflow + 1};
-//         });
-//     }
-
-//     handleHeightReceived = (height: number) => {
-//         if (height > 0) {
-//             this.checkPostOverflow();
-//         }
-//     };
-
-//     render() {
-//         const {embed, options} = this.props;
-
-//         let title;
-//         if (embed.label) {
-//             title = (
-//                 <h1 className='attachment__title'>
-//                     <Markdown
-//                         message={embed.label}
-//                         options={{
-//                             mentionHighlight: false,
-//                             renderer: new LinkOnlyRenderer(),
-//                             autolinkedUrlSchemes: [],
-//                         }}
-//                         postId={this.props.post.id}
-//                     />
-//                 </h1>
-//             );
-//         }
-
-//         let attachmentText;
-//         if (embed.description) {
-//             attachmentText = (
-//                 <ShowMore
-//                     isAttachmentText={true}
-//                     text={embed.description}
-//                     maxHeight={200}
-//                 >
-//                     <Markdown
-//                         message={embed.description}
-//                         imageProps={this.imageProps}
-//                         options={options}
-//                         postId={this.props.post.id}
-//                     />
-//                 </ShowMore>
-//             );
-//         }
-
-//         const bindings = this.renderBindings();
-
-//         return (
-//             <div
-//                 className={'attachment'}
-//                 ref='attachment'
-//                 onClick={this.handleFormattedTextClick}
-//             >
-//                 <div className='attachment__content'>
-//                     <div
-//                         className={'clearfix attachment__container attachment__container--'}
-//                     >
-//                         {title}
-//                         <div>
-//                             <div
-//                                 className={'attachment__body attachment__body--no_thumb'}
-//                             >
-//                                 {attachmentText}
-//                                 {bindings}
-//                             </div>
-//                             <div style={style.footer}/>
-//                         </div>
-//                     </div>
-//                 </div>
-//             </div>
-//         );
-//     }
-// }
-
-// const style = {
-//     footer: {clear: 'both'} as CSSProperties,
-// };
-// /* eslint-enable react/no-string-refs */

package/src/components/post_view/embedded_bindings/embedded_binding/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 {getCurrentRelativeTeamUrl} from 'mattermost-redux/selectors/entities/teams';
-// import {GlobalState} from 'mattermost-redux/types/store';
-
-// import EmbeddedBinding from './embedded_binding';
-
-// function mapStateToProps(state: GlobalState) {
-//     return {
-//         currentRelativeTeamUrl: getCurrentRelativeTeamUrl(state),
-//     };
-// }
-
-// export default connect(mapStateToProps)(EmbeddedBinding);

package/src/components/post_view/embedded_bindings/embedded_bindings.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 {Post} from 'mattermost-redux/types/posts';
-
-// import {AppBinding} from 'mattermost-redux/types/apps';
-
-// import {TextFormattingOptions} from 'utils/text_formatting';
-
-// import EmbeddedBinding from './embedded_binding';
-
-// type Props = {
-
-//     /**
-//      * The post id
-//      */
-//     post: Post;
-
-//     /**
-//      * Array of attachments to render
-//      */
-//     embeds: AppBinding[]; // Type App Embed Wrapper
-
-//     /**
-//      * Options specific to text formatting
-//      */
-//     options?: Partial<TextFormattingOptions>;
-
-// }
-
-// export default class EmbeddedBindings extends React.PureComponent<Props> {
-//     static defaultProps = {
-//         imagesMetadata: {},
-//     }
-
-//     render() {
-//         const content = [] as JSX.Element[];
-//         this.props.embeds.forEach((embed, i) => {
-//             content.push(
-//                 <EmbeddedBinding
-//                     embed={embed}
-//                     post={this.props.post}
-//                     key={'att_' + i}
-//                     options={this.props.options}
-//                 />,
-//             );
-//         });
-
-//         return (
-//             <div
-//                 id={`messageAttachmentList_${this.props.post.id}`}
-//                 className='attachment__list'
-//             >
-//                 {content}
-//             </div>
-//         );
-//     }
-// }

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

@@ -1,33 +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 SelectBinding from './select_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)(SelectBinding);