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

package/src/components/post/channel_intro_message/add_members_button.tsx

@@ -1,152 +0,0 @@
-// // Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
-// // See LICENSE.txt for license information.
-// import * as React from 'react';
-
-// import {useSelector} from 'react-redux';
-
-// import {FormattedMessage} from 'react-intl';
-
-// import {Channel} from 'mattermost-redux/types/channels';
-// import {getCurrentTeamId} from 'mattermost-redux/selectors/entities/teams';
-// import {Permissions} from 'mattermost-redux/constants';
-
-// import ToggleModalButtonRedux from 'components/toggle_modal_button_redux';
-// import ToggleModalButton from 'components/toggle_modal_button.jsx';
-// import InvitationModal from 'components/invitation_modal';
-// import ChannelInviteModal from 'components/channel_invite_modal';
-// import AddGroupsToChannelModal from 'components/add_groups_to_channel_modal';
-// import ChannelPermissionGate from 'components/permissions_gates/channel_permission_gate';
-// import EmptyStateThemeableSvg from 'components/common/svg_images_components/empty_state_themeable.svg';
-// import TeamPermissionGate from 'components/permissions_gates/team_permission_gate';
-
-// import {Constants, ModalIdentifiers} from 'utils/constants';
-// import {localizeMessage} from 'utils/utils';
-
-// import './add_members_button.scss';
-
-// import LoadingSpinner from 'components/widgets/loading/loading_spinner';
-
-// export interface AddMembersButtonProps {
-//     totalUsers?: number;
-//     usersLimit: number;
-//     channel: Channel;
-//     setHeader: React.ReactNode;
-// }
-
-// const AddMembersButton: React.FC<AddMembersButtonProps> = ({totalUsers, usersLimit, channel, setHeader}: AddMembersButtonProps) => {
-//     if (!totalUsers) {
-//         return (<LoadingSpinner/>);
-//     }
-
-//     const isPrivate = channel.type === Constants.PRIVATE_CHANNEL;
-//     const inviteUsers = totalUsers < usersLimit;
-//     const currentTeamId = useSelector(getCurrentTeamId);
-
-//     return (
-//         <TeamPermissionGate
-//             teamId={currentTeamId}
-//             permissions={[Permissions.ADD_USER_TO_TEAM, Permissions.INVITE_GUEST]}
-//         >
-//             {inviteUsers && !isPrivate ? lessThanMaxFreeUsers(setHeader) : moreThanMaxFreeUsers(channel, setHeader)}
-//         </TeamPermissionGate>
-//     );
-// };
-
-// const lessThanMaxFreeUsers = (setHeader: React.ReactNode) => {
-//     return (
-//         <>
-//             {setHeader}
-//             <div className='LessThanMaxFreeUsers'>
-//                 <EmptyStateThemeableSvg
-//                     width={128}
-//                     height={113}
-//                 />
-//                 <div className='titleAndButton'>
-//                     <FormattedMessage
-//                         id='intro_messages.inviteOthersToWorkspace.title'
-//                         defaultMessage='Let’s add some people to the workspace!'
-//                     />
-//                     <ToggleModalButtonRedux
-//                         accessibilityLabel={localizeMessage('intro_messages.inviteOthers', 'Invite others to the workspace')}
-//                         id='introTextInvite'
-//                         className='intro-links color--link cursor--pointer'
-//                         modalId={ModalIdentifiers.INVITATION}
-//                         dialogType={InvitationModal}
-//                     >
-//                         <FormattedMessage
-//                             id='generic_icons.add'
-//                             defaultMessage='Add Icon'
-//                         >
-//                             {(title: string) => (
-//                                 <i
-//                                     className='icon-email-plus-outline'
-//                                     title={title}
-//                                 />
-//                             )}
-//                         </FormattedMessage>
-//                         <FormattedMessage
-//                             id='intro_messages.inviteOthersToWorkspace.button'
-//                             defaultMessage='Invite others to the workspace'
-//                         />
-//                     </ToggleModalButtonRedux>
-//                 </div>
-//             </div>
-//         </>
-//     );
-// };
-
-// const moreThanMaxFreeUsers = (channel: Channel, setHeader: React.ReactNode) => {
-//     const modal = channel.group_constrained ? AddGroupsToChannelModal : ChannelInviteModal;
-//     const channelIsArchived = channel.delete_at !== 0;
-//     if (channelIsArchived) {
-//         return null;
-//     }
-//     const isPrivate = channel.type === Constants.PRIVATE_CHANNEL;
-//     return (
-//         <div className='MoreThanMaxFreeUsersWrapper'>
-//             <div className='MoreThanMaxFreeUsers'>
-//                 <ChannelPermissionGate
-//                     channelId={channel.id}
-//                     teamId={channel.team_id}
-//                     permissions={[isPrivate ? Permissions.MANAGE_PRIVATE_CHANNEL_MEMBERS : Permissions.MANAGE_PUBLIC_CHANNEL_MEMBERS]}
-//                 >
-//                     <ToggleModalButton
-//                         className='intro-links color--link'
-//                         dialogType={modal}
-//                         dialogProps={{channel}}
-//                     >
-//                         <FormattedMessage
-//                             id='generic_icons.add'
-//                             defaultMessage='Add Icon'
-//                         >
-//                             {(title: string) => (
-//                                 <i
-//                                     className='icon-account-plus-outline'
-//                                     title={title}
-//                                 />
-//                             )}
-//                         </FormattedMessage>
-//                         {isPrivate && channel.group_constrained &&
-//                             <FormattedMessage
-//                                 id='intro_messages.inviteGropusToChannel.button'
-//                                 defaultMessage='Add groups to this private channel'
-//                             />}
-//                         {isPrivate && !channel.group_constrained &&
-//                             <FormattedMessage
-//                                 id='intro_messages.inviteMembersToPrivateChannel.button'
-//                                 defaultMessage='Add members to this private channel'
-//                             />}
-//                         {!isPrivate &&
-//                             <FormattedMessage
-//                                 id='intro_messages.inviteMembersToChannel.button'
-//                                 defaultMessage='Add members to this channel'
-//                             />}
-//                     </ToggleModalButton>
-//                 </ChannelPermissionGate>
-//             </div>
-//             {setHeader}
-//         </div>
-//     );
-// };
-
-// export default React.memo(AddMembersButton);

package/src/components/post/channel_intro_message/channel_intro_message.tsx

@@ -1,53 +0,0 @@
-import * as React from 'react';
-import { Constants, ModalIdentifiers } from '../../../utils/constants';
-
-export const ChannelIntroMessage = (props) => {
-    const {
-        currentUserId,
-        channel,
-        creatorName,
-        fullWidth,
-        locale,
-        enableUserCreation,
-        isReadOnly,
-        channelProfiles,
-        teamIsGroupConstrained,
-        teammate,
-        teammateName,
-        stats,
-        usersLimit,
-    } = props;
-    console.log({ props }, 'channel intro message');
-    let centeredIntro = '';
-    if (!fullWidth) {
-        centeredIntro = 'channel-intro--centered';
-    }
-
-    if ('0' === Constants.DM_CHANNEL) {
-        return <h1>name channel</h1>;
-        // return createDMIntroMessage(channel, centeredIntro, teammate, teammateName);
-    }
-    //  else if (channel.type === Constants.GM_CHANNEL) {
-    //     return createGMIntroMessage(channel, centeredIntro, channelProfiles, currentUserId);
-    // } else if (channel.name === Constants.DEFAULT_CHANNEL) {
-    //     return createDefaultIntroMessage(
-    //         channel,
-    //         centeredIntro,
-    //         stats,
-    //         usersLimit,
-    //         enableUserCreation,
-    //         isReadOnly,
-    //         teamIsGroupConstrained,
-    //     );
-    // } else if (channel.name === Constants.OFFTOPIC_CHANNEL) {
-    //     return createOffTopicIntroMessage(channel, centeredIntro, stats, usersLimit);
-    // } else if (channel.type === Constants.OPEN_CHANNEL || channel.type === Constants.PRIVATE_CHANNEL) {
-    //     return createStandardIntroMessage(channel, centeredIntro, stats, usersLimit, locale, creatorName);
-    // }
-    // return null;
-    return (
-        <div>
-            <h1>ChannelIntroMessage</h1>
-        </div>
-    );
-};

package/src/components/post/channel_intro_message/index.ts

@@ -1 +0,0 @@
-export { ChannelIntroMessage } from './channel_intro_message';

package/src/components/post/channel_layout/center_channel/center_channel.test.tsx

@@ -1,50 +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 CenterChannel from './center_channel';
-
-// describe('components/channel_layout/CenterChannel', () => {
-//     const props = {
-//         location: {
-//             pathname: '/some',
-//         },
-//         lastChannelPath: '',
-//         lhsOpen: true,
-//         rhsOpen: true,
-//         rhsMenuOpen: true,
-//         isCollapsedThreadsEnabled: true,
-//         match: {
-//             url: '/url',
-//         },
-//         currentUserId: 'testUserId',
-//         showNextSteps: false,
-//         showNextStepsTips: false,
-//         isOnboardingHidden: true,
-//         showNextStepsEphemeral: false,
-//         actions: {
-//             setShowNextStepsView: jest.fn,
-//             getProfiles: jest.fn,
-//         },
-//     };
-//     test('should call update returnTo on props change', () => {
-//         const wrapper = shallow(<CenterChannel {...props}/>);
-
-//         expect(wrapper.state('returnTo')).toBe('');
-
-//         wrapper.setProps({
-//             location: {
-//                 pathname: '/pl/path',
-//             },
-//         });
-//         expect(wrapper.state('returnTo')).toBe('/some');
-//         wrapper.setProps({
-//             location: {
-//                 pathname: '/pl/path1',
-//             },
-//         });
-//         expect(wrapper.state('returnTo')).toBe('/pl/path');
-//     });
-// });

package/src/components/post/channel_layout/center_channel/center_channel.tsx

@@ -1,125 +0,0 @@
-// // Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
-// // See LICENSE.txt for license information.
-
-// import * as React from 'react';
-// import {Route, Routes, Navigate} from '@remix-run/react';
-// import classNames from 'classnames';
-
-// import {Action, ActionFunc} from 'mattermost-redux/types/actions';
-
-// import LoadingScreen from 'components/loading_screen';
-// import PermalinkView from 'components/permalink_view';
-// import ChannelHeaderMobile from 'components/channel_header_mobile';
-// import ChannelIdentifierRouter from 'components/channel_layout/channel_identifier_router';
-// import {makeAsyncComponent} from 'components/async_load';
-// const LazyGlobalThreads = makeAsyncComponent(
-//     React.lazy(() => import('components/threading/global_threads')),
-//     (
-//         <div className='app__content'>
-//             <LoadingScreen/>
-//         </div>
-//     ),
-// );
-
-// type Props = {
-//     match: {
-//         url: string;
-//     };
-//     location: {
-//         pathname: string;
-//     };
-//     lastChannelPath: string;
-//     lhsOpen: boolean;
-//     rhsOpen: boolean;
-//     rhsMenuOpen: boolean;
-//     isCollapsedThreadsEnabled: boolean;
-//     currentUserId: string;
-//     showNextSteps: boolean;
-//     showNextStepsTips: boolean;
-//     isOnboardingHidden: boolean;
-//     showNextStepsEphemeral: boolean;
-//     actions: {
-//         setShowNextStepsView: (show: boolean) => Action;
-//         getProfiles: (page?: number, perPage?: number, options?: Record<string, string | boolean>) => ActionFunc;
-//     };
-// };
-
-// type State = {
-//     returnTo: string;
-//     lastReturnTo: string;
-// };
-
-// export default class CenterChannel extends React.PureComponent<Props, State> {
-//     constructor(props: Props) {
-//         super(props);
-//         this.state = {
-//             returnTo: '',
-//             lastReturnTo: '',
-//         };
-//     }
-
-//     static getDerivedStateFromProps(nextProps: Props, prevState: State) {
-//         if (prevState.lastReturnTo !== nextProps.location.pathname && nextProps.location.pathname.includes('/pl/')) {
-//             return {
-//                 lastReturnTo: nextProps.location.pathname,
-//                 returnTo: prevState.lastReturnTo,
-//             };
-//         }
-//         return {lastReturnTo: nextProps.location.pathname};
-//     }
-
-//     async componentDidMount() {
-//         const {actions, showNextSteps, showNextStepsTips, isOnboardingHidden} = this.props;
-//         await actions.getProfiles();
-//         if ((showNextSteps || showNextStepsTips) && !isOnboardingHidden) {
-//             actions.setShowNextStepsView(true);
-//         }
-//     }
-
-//     componentDidUpdate(prevProps: Props) {
-//         const {location, showNextStepsEphemeral, actions} = this.props;
-//         if (location.pathname !== prevProps.location.pathname && showNextStepsEphemeral) {
-//             actions.setShowNextStepsView(false);
-//         }
-//     }
-
-//     render() {
-//         const {lastChannelPath, isCollapsedThreadsEnabled} = this.props;
-//         const url = this.props.match.url;
-//         return (
-//             <div
-//                 key='inner-wrap'
-//                 className={classNames('inner-wrap', 'channel__wrap', {
-//                     'move--right': this.props.lhsOpen,
-//                     'move--left': this.props.rhsOpen,
-//                     'move--left-small': this.props.rhsMenuOpen,
-//                 })}
-//             >
-//                 <div className='row header'>
-//                     <div id='navbar_wrapper'>
-//                         <ChannelHeaderMobile/>
-//                     </div>
-//                 </div>
-//                 <div className='row main'>
-//                     <Routes>
-//                         <Route
-//                             path={`${url}/pl/:postid`}
-//                             element={<PermalinkView returnTo={this.state.returnTo} />}
-//                         />
-//                         <Route
-//                             path='/:team/:path(channels|messages)/:identifier/:postid?'
-//                             element={<ChannelIdentifierRouter/>}
-//                         />
-//                         {isCollapsedThreadsEnabled ? (
-//                             <Route
-//                                 path='/:team/threads/:threadIdentifier?'
-//                                 element={<LazyGlobalThreads/>}
-//                             />
-//                         ) : null}
-//                         <Navigate to={lastChannelPath}/>
-//                     </Routes>
-//                 </div>
-//             </div>
-//         );
-//     }
-// }

package/src/components/post/channel_layout/center_channel/index.ts

@@ -1,69 +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 {getProfiles} from 'mattermost-redux/actions/users';
-// import {Action, ActionFunc, GenericAction} from 'mattermost-redux/types/actions';
-// import {getTeamByName} from 'mattermost-redux/selectors/entities/teams';
-// import {getRedirectChannelNameForTeam} from 'mattermost-redux/selectors/entities/channels';
-// import {isCollapsedThreadsEnabled} from 'mattermost-redux/selectors/entities/preferences';
-// import {getCurrentUserId} from 'mattermost-redux/selectors/entities/users';
-// import {setShowNextStepsView} from 'actions/views/next_steps';
-// import {getIsRhsOpen, getIsRhsMenuOpen} from 'selectors/rhs';
-// import {getIsLhsOpen} from 'selectors/lhs';
-// import {getLastViewedChannelNameByTeamName} from 'selectors/local_storage';
-
-// import {isOnboardingHidden, showNextSteps, showNextStepsTips} from 'components/next_steps_view/steps';
-
-// import {GlobalState} from 'types/store';
-
-// import CenterChannel from './center_channel';
-
-// type Props = {
-//     match: {
-//         url: string;
-//         params: {
-//             team: string;
-//         };
-//     };
-// };
-
-// const mapStateToProps = (state: GlobalState, ownProps: Props) => {
-//     let channelName = getLastViewedChannelNameByTeamName(state, ownProps.match.params.team);
-//     if (!channelName) {
-//         const team = getTeamByName(state, ownProps.match.params.team);
-//         channelName = getRedirectChannelNameForTeam(state, team!.id);
-//     }
-//     const lastChannelPath = `${ownProps.match.url}/channels/${channelName}`;
-//     return {
-//         lastChannelPath,
-//         lhsOpen: getIsLhsOpen(state),
-//         rhsOpen: getIsRhsOpen(state),
-//         rhsMenuOpen: getIsRhsMenuOpen(state),
-//         isCollapsedThreadsEnabled: isCollapsedThreadsEnabled(state),
-//         currentUserId: getCurrentUserId(state),
-//         showNextSteps: showNextSteps(state),
-//         showNextStepsTips: showNextStepsTips(state),
-//         isOnboardingHidden: isOnboardingHidden(state),
-//         showNextStepsEphemeral: state.views.nextSteps.show,
-//     };
-// };
-
-// type Actions = {
-//     setShowNextStepsView: (show: boolean) => Action;
-//     getProfiles: (page?: number, perPage?: number, options?: Record<string, string | boolean>) => ActionFunc;
-// }
-
-// function mapDispatchToProps(dispatch: Dispatch<GenericAction>) {
-//     return {
-//         actions: bindActionCreators<ActionCreatorsMapObject<ActionFunc|GenericAction>, Actions>({
-//             setShowNextStepsView,
-//             getProfiles,
-//         }, dispatch),
-//     };
-// }
-
-// export default connect(mapStateToProps, mapDispatchToProps)(CenterChannel);
-

package/src/components/post/channel_layout/channel_controller.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 ChannelController from './channel_controller.jsx';
-
-// describe('components/channel_layout/ChannelController', () => {
-//     const props = {
-//         fetchingChannels: false,
-//     };
-
-//     test('Should have app__body and channel-view classes on body after mount', () => {
-//         Object.defineProperty(window.navigator, 'platform', {
-//             value: 'Win32',
-//             writable: true,
-//         });
-//         shallow(<ChannelController {...props}/>);
-
-//         expect(document.body.classList.contains('app__body')).toBe(true);
-//         expect(document.body.classList.contains('channel-view')).toBe(true);
-//     });
-
-//     test('Should have os--windows class on body for windows 32', () => {
-//         Object.defineProperty(window.navigator, 'platform', {
-//             value: 'Win32',
-//             writable: true,
-//         });
-//         shallow(<ChannelController {...props}/>);
-
-//         expect(document.body.classList.contains('os--windows')).toBe(true);
-//     });
-
-//     test('Should have os--windows class on body for windows 64', () => {
-//         Object.defineProperty(window.navigator, 'platform', {
-//             value: 'Win32',
-//             writable: true,
-//         });
-//         shallow(<ChannelController {...props}/>);
-
-//         expect(document.body.classList.contains('os--windows')).toBe(true);
-//     });
-
-//     test('Should have os--mac class on body for MacIntel', () => {
-//         Object.defineProperty(window.navigator, 'platform', {
-//             value: 'MacIntel',
-//             writable: true,
-//         });
-//         shallow(<ChannelController {...props}/>);
-
-//         expect(document.body.classList.contains('os--mac')).toBe(true);
-//     });
-
-//     test('Should have os--mac class on body for MacPPC', () => {
-//         Object.defineProperty(window.navigator, 'platform', {
-//             value: 'MacPPC',
-//             writable: true,
-//         });
-//         shallow(<ChannelController {...props}/>);
-
-//         expect(document.body.classList.contains('os--mac')).toBe(true);
-//     });
-
-//     test('Should remove app__body and channel-view classes on body on unmount', () => {
-//         Object.defineProperty(window.navigator, 'platform', {
-//             value: 'MacPPC',
-//             writable: true,
-//         });
-//         const wrapper = shallow(<ChannelController {...props}/>);
-
-//         wrapper.unmount();
-//         expect(document.body.classList.contains('app__body')).toBe(false);
-//         expect(document.body.classList.contains('channel-view')).toBe(false);
-//     });
-// });

package/src/components/post/channel_layout/channel_controller.tsx

@@ -1,85 +0,0 @@
-// // Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
-// // See LICENSE.txt for license information.
-
-// import * as React from 'react';
-// import PropTypes from 'prop-types';
-// import {Route} from '@remix-run/react';
-
-// import AnnouncementBarController from 'components/announcement_bar';
-
-// import Pluggable from 'plugins/pluggable';
-// import SystemNotice from 'components/system_notice';
-// import EditPostModal from 'components/edit_post_modal';
-
-// import GetPublicLinkModal from 'components/get_public_link_modal';
-// import LeavePrivateChannelModal from 'components/leave_private_channel_modal';
-// import ResetStatusModal from 'components/reset_status_modal';
-// import ShortcutsModal from 'components/shortcuts_modal.jsx';
-// import SidebarRight from 'components/sidebar_right';
-// import SidebarRightMenu from 'components/sidebar_right_menu';
-// import ImportThemeModal from 'components/user_settings/import_theme_modal';
-// import TeamSidebar from 'components/team_sidebar';
-// import Sidebar from 'components/sidebar';
-// import * as Utils from 'utils/utils';
-// import * as UserAgent from 'utils/user_agent';
-// import CenterChannel from 'components/channel_layout/center_channel';
-// import LoadingScreen from 'components/loading_screen';
-// import FaviconTitleHandler from 'components/favicon_title_handler';
-// import ProductNoticesModal from 'components/product_notices_modal';
-
-// export default class ChannelController extends React.PureComponent {
-//     static propTypes = {
-//         fetchingChannels: PropTypes.bool.isRequired,
-//     };
-
-//     componentDidMount() {
-//         const platform = window.navigator.platform;
-
-//         document.body.classList.add('app__body', 'channel-view');
-
-//         // IE Detection
-//         if (UserAgent.isInternetExplorer() || UserAgent.isEdge()) {
-//             document.body.classList.add('browser--ie');
-//         }
-
-//         // OS Detection
-//         if (platform === 'Win32' || platform === 'Win64') {
-//             document.body.classList.add('os--windows');
-//         } else if (platform === 'MacIntel' || platform === 'MacPPC') {
-//             document.body.classList.add('os--mac');
-//         }
-//     }
-
-//     componentWillUnmount() {
-//         document.body.classList.remove('app__body', 'channel-view');
-//     }
-
-//     render() {
-//         return (
-//             <div
-//                 id='channel_view'
-//                 className='channel-view'
-//             >
-//                 <AnnouncementBarController/>
-//                 <SystemNotice/>
-//                 <FaviconTitleHandler/>
-//                 <ProductNoticesModal/>
-//                 <div className='container-fluid'>
-//                     <SidebarRight/>
-//                     <SidebarRightMenu/>
-//                     <TeamSidebar/>
-//                     <Sidebar/>
-//                     {!this.props.fetchingChannels && <Route component={CenterChannel}/>}
-//                     {this.props.fetchingChannels && <LoadingScreen/>}
-//                     <Pluggable pluggableName='Root'/>
-//                     <GetPublicLinkModal/>
-//                     <ImportThemeModal/>
-//                     <EditPostModal/>
-//                     <ResetStatusModal/>
-//                     <LeavePrivateChannelModal/>
-//                     <ShortcutsModal isMac={Utils.isMac()}/>
-//                 </div>
-//             </div>
-//         );
-//     }
-// }