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

package/src/utils/i18n.tsx

@@ -1,15 +0,0 @@
-// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
-// See LICENSE.txt for license information.
-
-export function getMonthLong(locale) {
-    if (locale === 'ko') {
-        // Long and short are equivalent in Korean except long has a bug on IE11/Windows 7
-        return 'short';
-    }
-
-    return 'long';
-}
-
-export function t(v) {
-    return v;
-}

package/src/utils/index.ts

@@ -1,34 +0,0 @@
-export const getFilteredMenus = (accountPageStore, selectedMenu) =>
-    accountPageStore
-        .map((item) => {
-            if (selectedMenu.indexOf(item.key) !== -1) {
-                const { path, component, ...rest } = item;
-                return {
-                    [path]: { name: rest.tab, ...rest },
-                };
-            }
-        })
-        .filter((valid) => valid);
-
-export const getFilteredRoutes = (accountPageStore, selectedRoutes) =>
-    accountPageStore
-        .map((item) => {
-            if (selectedRoutes.indexOf(item.key) !== -1) {
-                const { path } = item;
-                return {
-                    [path]: item,
-                };
-            }
-            return null;
-        })
-        .filter((valid) => valid);
-
-export const getFilteredTabs = (accountPageStore, selectedTabs) =>
-    accountPageStore
-        .map((item) => {
-            if (selectedTabs.indexOf(item.key) !== -1) {
-                const { component, ...rest } = item;
-                return rest;
-            }
-        })
-        .filter((valid) => valid);

package/src/utils/post_list.ts

@@ -1,54 +0,0 @@
-export const COMBINED_USER_ACTIVITY = 'user-activity-';
-export const CREATE_COMMENT = 'create-comment';
-export const DATE_LINE = 'date-';
-export const START_OF_NEW_MESSAGES = 'start-of-new-messages';
-export const MAX_COMBINED_SYSTEM_POSTS = 100;
-
-export function isDateLine(item: string) {
-    return item.startsWith(DATE_LINE);
-}
-
-export function getDateForDateLine(item: string) {
-    return parseInt(item.substring(DATE_LINE.length), 10);
-}
-
-export function isStartOfNewMessages(item: string) {
-    return item === START_OF_NEW_MESSAGES;
-}
-
-export function isCreateComment(item: string) {
-    return item === CREATE_COMMENT;
-}
-
-export function isCombinedUserActivityPost(item: string) {
-    return /^user-activity-(?:[^_]+_)*[^_]+$/.test(item);
-}
-
-export function getPostIdsForCombinedUserActivityPost(item: string) {
-    return item.substring(COMBINED_USER_ACTIVITY.length).split('_');
-}
-
-export function getFirstPostId(items: string[]) {
-    // eslint-disable-next-line no-plusplus
-    for (let i = 0; i < items.length; i++) {
-        const item = items[i];
-
-        if (isStartOfNewMessages(item) || isDateLine(item) || isCreateComment(item)) {
-            // This is not a post at all
-            // eslint-disable-next-line no-continue
-            continue;
-        }
-
-        if (isCombinedUserActivityPost(item)) {
-            // This is a combined post, so find the first post ID from it
-            const combinedIds = getPostIdsForCombinedUserActivityPost(item);
-
-            return combinedIds[0];
-        }
-
-        // This is a post ID
-        return item;
-    }
-
-    return '';
-}

package/src/utils/post_utils.ts

@@ -1,33 +0,0 @@
-import { Post } from '../packages/types/posts';
-import { Constants } from '../packages/constants/constants';
-
-export function isSystemMessage(post: Post): boolean {
-    return Boolean(post.type && post.type.lastIndexOf(Constants.SYSTEM_MESSAGE_PREFIX) === 0);
-}
-
-export function fromAutoResponder(post: Post): boolean {
-    return Boolean(post.type && post.type === Constants.AUTO_RESPONDER);
-}
-
-export function isMeMessage(post: Post): boolean {
-    return null;
-    // return Boolean(post.type && post.type === Posts.POST_TYPES.ME);
-}
-
-export function isFromWebhook(post: Post): boolean {
-    return post.props && post.props.from_webhook === 'true';
-}
-
-export function getImageSrc(src: string, hasImageProxy = false): string {
-    if (!src) {
-        return src;
-    }
-
-    // const imageAPI = Client4.getBaseRoute() + '/image?url=';
-
-    // if (hasImageProxy && !src.startsWith(imageAPI)) {
-    //     return imageAPI + encodeURIComponent(src);
-    // }
-
-    return src;
-}

package/src/utils/user_agent.tsx

@@ -1,153 +0,0 @@
-// // Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
-// // See LICENSE.txt for license information.
-
-// /*
-// Example User Agents
-// --------------------
-
-// Chrome:
-//     Mozilla/5.0 (Windows NT 10.0; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/51.0.2704.103 Safari/537.36
-
-// Firefox:
-//     Mozilla/5.0 (Windows NT 10.0; WOW64; rv:47.0) Gecko/20100101 Firefox/47.0
-
-// IE11:
-//     Mozilla/5.0 (Windows NT 10.0; WOW64; Trident/7.0; rv:11.0) like Gecko
-
-// Edge:
-//     Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/46.0.2486.0 Safari/537.36 Edge/13.10586
-
-// Desktop App:
-//     Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Mattermost/1.2.1 Chrome/49.0.2623.75 Electron/0.37.8 Safari/537.36
-//     Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/46.0.2486.0 Safari/537.36 Edge/13.10586
-//     Mozilla/5.0 (Macintosh; Intel Mac OS X 10_12_0) AppleWebKit/537.36 (KHTML, like Gecko) Mattermost/3.4.1 Chrome/53.0.2785.113 Electron/1.4.2 Safari/537.36
-//     Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Mattermost/3.4.1 Chrome/51.0.2704.106 Electron/1.2.8 Safari/537.36
-
-// Android Chrome:
-//     Mozilla/5.0 (Linux; Android 4.0.4; Galaxy Nexus Build/IMM76B) AppleWebKit/535.19 (KHTML, like Gecko) Chrome/18.0.1025.133 Mobile Safari/535.19
-
-// Android Firefox:
-//     Mozilla/5.0 (Android; U; Android; pl; rv:1.9.2.8) Gecko/20100202 Firefox/3.5.8
-//     Mozilla/5.0 (Android 7.0; Mobile; rv:54.0) Gecko/54.0 Firefox/54.0
-//     Mozilla/5.0 (Android 7.0; Mobile; rv:57.0) Gecko/57.0 Firefox/57.0
-
-// Android App:
-//     Mozilla/5.0 (Linux; U; Android 4.1.1; en-gb; Build/KLP) AppleWebKit/534.30 (KHTML, like Gecko) Version/4.0 Safari/534.30
-//     Mozilla/5.0 (Linux; Android 4.4; Nexus 5 Build/_BuildID_) AppleWebKit/537.36 (KHTML, like Gecko) Version/4.0 Chrome/30.0.0.0 Mobile Safari/537.36
-//     Mozilla/5.0 (Linux; Android 5.1.1; Nexus 5 Build/LMY48B; wv) AppleWebKit/537.36 (KHTML, like Gecko) Version/4.0 Chrome/43.0.2357.65 Mobile Safari/537.36
-
-// iOS Safari:
-//     Mozilla/5.0 (iPhone; U; CPU like Mac OS X; en) AppleWebKit/420+ (KHTML, like Gecko) Version/3.0 Mobile/1A543 Safari/419.3
-
-// iOS Android:
-//     Mozilla/5.0 (iPhone; U; CPU iPhone OS 5_1_1 like Mac OS X; en) AppleWebKit/534.46.0 (KHTML, like Gecko) CriOS/19.0.1084.60 Mobile/9B206 Safari/7534.48.3
-
-// iOS App:
-//     Mozilla/5.0 (iPhone; CPU iPhone OS 9_3_2 like Mac OS X) AppleWebKit/601.1.46 (KHTML, like Gecko) Mobile/13F69
-// */
-
-// const userAgent = () => window.navigator.userAgent;
-
-// export function isChrome(): boolean {
-//     return userAgent().indexOf('Chrome') > -1 && userAgent().indexOf('Edge') === -1;
-// }
-
-// export function isSafari(): boolean {
-//     return userAgent().indexOf('Safari') !== -1 && userAgent().indexOf('Chrome') === -1;
-// }
-
-// export function isIosSafari(): boolean {
-//     return (userAgent().indexOf('iPhone') !== -1 || userAgent().indexOf('iPad') !== -1) && userAgent().indexOf('Safari') !== -1 && userAgent().indexOf('CriOS') === -1;
-// }
-
-// export function isIosChrome(): boolean {
-//     return userAgent().indexOf('CriOS') !== -1;
-// }
-
-// export function isIosWeb(): boolean {
-//     return isIosSafari() || isIosChrome();
-// }
-
-// export function isIos(): boolean {
-//     return userAgent().indexOf('iPhone') !== -1 || userAgent().indexOf('iPad') !== -1;
-// }
-
-// export function isAndroid(): boolean {
-//     return userAgent().indexOf('Android') !== -1;
-// }
-
-// export function isAndroidChrome(): boolean {
-//     return userAgent().indexOf('Android') !== -1 && userAgent().indexOf('Chrome') !== -1 && userAgent().indexOf('Version') === -1;
-// }
-
-// export function isAndroidFirefox(): boolean {
-//     return userAgent().indexOf('Android') !== -1 && userAgent().indexOf('Firefox') !== -1;
-// }
-
-// export function isAndroidWeb(): boolean {
-//     return isAndroidChrome() || isAndroidFirefox();
-// }
-
-// export function isIosClassic(): boolean {
-//     return isMobileApp() && isIos();
-// }
-
-// // Returns true if and only if the user is using a Mattermost mobile app. This will return false if the user is using the
-// // web browser on a mobile device.
-// export function isMobileApp(): boolean {
-//     return isMobile() && !isIosWeb() && !isAndroidWeb();
-// }
-
-// // Returns true if and only if the user is using Mattermost from either the mobile app or the web browser on a mobile device.
-// export function isMobile(): boolean {
-//     return isIos() || isAndroid();
-// }
-
-// export function isFirefox(): boolean {
-//     return userAgent().indexOf('Firefox') !== -1;
-// }
-
-// export function isInternetExplorer(): boolean {
-//     return userAgent().indexOf('Trident') !== -1;
-// }
-
-// export function isEdge(): boolean {
-//     return userAgent().indexOf('Edge') !== -1;
-// }
-
-// export function isDesktopApp(): boolean {
-//     return userAgent().indexOf('Mattermost') !== -1 && userAgent().indexOf('Electron') !== -1;
-// }
-
-// export function isWindowsApp(): boolean {
-//     return isDesktopApp() && isWindows();
-// }
-
-// export function isMacApp(): boolean {
-//     return isDesktopApp() && isMac();
-// }
-
-// export function isWindows(): boolean {
-//     return userAgent().indexOf('Windows') !== -1;
-// }
-
-// export function isMac(): boolean {
-//     return userAgent().indexOf('Macintosh') !== -1;
-// }
-
-// export function isWindows7(): boolean {
-//     const appVersion = navigator.appVersion;
-
-//     if (!appVersion) {
-//         return false;
-//     }
-
-//     return (/\bWindows NT 6\.1\b/).test(appVersion);
-// }
-
-// export function getDesktopVersion(): string {
-//     // use if the value window.desktop.version is not set yet
-//     const regex = /Mattermost\/(\d+\.\d+\.\d+)/gm;
-//     const match = regex.exec(window.navigator.appVersion)?.[1] || '';
-//     return match;
-// }

package/src/utils/utils.tsx

@@ -1,54 +0,0 @@
-import * as React from 'react';
-import { FormattedMessage } from 'react-intl';
-
-import cssVars from 'css-vars-ponyfill';
-
-import { Constants } from '../packages/constants/constants';
-import { Post } from '../packages/types/posts';
-
-export function isPostEphemeral(post) {
-    return null;
-    // return post.type === Constants.PostTypes.EPHEMERAL || post.state === Posts.POST_DELETED;
-}
-
-export function isMobile() {
-    return window.innerWidth > 0 && window.innerWidth <= Constants.MOBILE_SCREEN_WIDTH;
-}
-
-export function imageURLForUser(userId, lastPictureUpdate = 0) {
-    return true;
-}
-
-export function isInRole(roles, inRole) {
-    if (roles) {
-        var parts = roles.split(' ');
-        for (var i = 0; i < parts.length; i++) {
-            if (parts[i] === inRole) {
-                return true;
-            }
-        }
-    }
-
-    return false;
-}
-
-export function isGuest(user) {
-    if (user && user.roles && isInRole(user.roles, 'system_guest')) {
-        return true;
-    }
-
-    return false;
-}
-
-export function localizeMessage(id, defaultMessage) {
-    // const state = store.getState();
-
-    // const locale = getCurrentLocale(state);
-    // const translations = getTranslations(state, locale);
-
-    // if (!translations || !(id in translations)) {
-    //     return defaultMessage || id;
-    // }
-
-    return true
-}

package/src/widgets/badges/badge.scss

@@ -1,21 +0,0 @@
-.Badge {
-    display: inline-flex;
-    align-items: center;
-    margin: 0 0 0 4px;
-}
-
-.Badge__box {
-    padding: 1px 4px;
-    border: none;
-    background: rgba(var(--center-channel-color-rgb), 0.16);
-    border-radius: 2px;
-    font-family: inherit;
-    font-size: 10px;
-    font-weight: 600;
-    line-height: 14px;
-
-    &.BotBadge,
-    &.GuestBadge {
-        padding: 2px 4px;
-    }
-}

package/src/widgets/badges/badge.tsx

@@ -1,30 +0,0 @@
-import React, { memo, ReactNode, HTMLAttributes } from 'react';
-import classNames from 'classnames';
-import { css } from '@emotion/css';
-
-import { styleSheet } from './style';
-
-type Props = {
-    show?: boolean;
-    children: ReactNode;
-};
-
-type Attrs = HTMLAttributes<HTMLElement>;
-
-const Badge = ({ show = true, children, ...attrs }: Props & Attrs) => {
-    if (!show) {
-        return null;
-    }
-    const ButtonOrDiv: keyof JSX.IntrinsicElements = attrs.onClick ? 'button' : 'div';
-    return (
-        <div className={css(styleSheet.badgeStyle)}>
-            <div className="Badge">
-                <ButtonOrDiv {...attrs} className={classNames('Badge__box', attrs.className)}>
-                    {children}
-                </ButtonOrDiv>
-            </div>
-        </div>
-    );
-};
-
-export default memo(Badge);

package/src/widgets/badges/bot_badge.tsx

@@ -1,31 +0,0 @@
-// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
-// See LICENSE.txt for license information.
-
-import * as React from 'react';
-import {FormattedMessage} from 'react-intl';
-
-import Badge from './badge';
-
-type Props = {
-    className?: string;
-    show?: boolean;
-}
-
-const BotBadge: React.FC<Props> = (props: Props) => (
-    <Badge
-        className={'BotBadge ' + props.className}
-        show={props.show}
-    >
-        <FormattedMessage
-            id='post_info.bot'
-            defaultMessage='BOT'
-        />
-    </Badge>
-);
-
-BotBadge.defaultProps = {
-    show: true,
-    className: '',
-};
-
-export default BotBadge;

package/src/widgets/badges/guest_badge.tsx

@@ -1,31 +0,0 @@
-// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
-// See LICENSE.txt for license information.
-
-import * as React from 'react';
-import {FormattedMessage} from 'react-intl';
-
-import Badge from './badge';
-
-type Props = {
-    className?: string;
-    show?: boolean;
-};
-
-const GuestBadge: React.FC<Props> = (props: Props) => (
-    <Badge
-        className={'GuestBadge ' + props.className}
-        show={props.show}
-    >
-        <FormattedMessage
-            id='post_info.guest'
-            defaultMessage='GUEST'
-        />
-    </Badge>
-);
-
-GuestBadge.defaultProps = {
-    show: true,
-    className: '',
-};
-
-export default GuestBadge;

package/src/widgets/badges/style.ts

@@ -1,24 +0,0 @@
-export const styleSheet = {
-    // eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types
-    badgeStyle: {
-        display: 'inharit',
-        '& .Badge': {
-            display: 'inline-flex',
-            alignItems: 'center',
-            margin: '0 0 0 4px',
-        },
-        '& .Badge__box': {
-            padding: '1px 4px',
-            border: 'none',
-            background: 'rgba(0, 0, 0, )',
-            borderRadius: '2px',
-            fontFamily: 'inherit',
-            fontSize: '10px',
-            fontWeight: '600',
-            lineHeight: '14px',
-        },
-        '& .Badge__box.BotBadge, .Badge__box.GuestBadge': {
-            padding: '2px 4px',
-        },
-    },
-} as any;

package/src/widgets/icons/accordion_toggle_icon.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';
-
-export default class AccordionToggleIcon extends React.PureComponent<React.HTMLAttributes<HTMLSpanElement>> {
-    render(): JSX.Element {
-        return (
-            <span {...this.props}>
-                <svg
-                    width='30px'
-                    height='30px'
-                    viewBox='0 0 30 30'
-                >
-                    <g
-                        id='Developer-Export'
-                        stroke='none'
-                        strokeWidth='1'
-                        fill='none'
-                        fillRule='evenodd'
-                    >
-                        <g
-                            transform='translate(-995.000000, -1372.000000)'
-                            id='All-Team-Members'
-                        >
-                            <g transform='translate(245.000000, 698.000000)'>
-                                <g
-                                    id='Team-Administrators'
-                                    transform='translate(0.000000, 651.000000)'
-                                >
-                                    <g id='accordion-header'>
-                                        <g
-                                            id='accordion---expanded'
-                                            transform='translate(750.000000, 23.000000)'
-                                        >
-                                            <path
-                                                d='M23.1484532,13.3124932 C23.3437659,13.1171805 23.3437659,12.7968676 23.1484532,12.6015549 L21.8515766,11.3124908 C21.6562639,11.1171781 21.3437635,11.1171781 21.1484508,11.3124908 L15.0000083,17.4609333 L8.8515659,11.3124908 C8.65625317,11.1171781 8.34375279,11.1171781 8.14844006,11.3124908 L6.85156352,12.6015549 C6.65625078,12.7968676 6.65625078,13.1171805 6.85156352,13.3124932 L14.6484454,21.1015626 C14.8437582,21.2968754 15.1562585,21.2968754 15.3515713,21.1015626 L23.1484532,13.3124932 Z'
-                                                id=''
-                                                fill='#979797'
-                                            />
-                                            <circle
-                                                id='Oval-2'
-                                                stroke='#989898'
-                                                strokeWidth='2'
-                                                cx='15'
-                                                cy='15'
-                                                r='14'
-                                            />
-                                        </g>
-                                    </g>
-                                </g>
-                            </g>
-                        </g>
-                    </g>
-                </svg>
-            </span>
-        );
-    }
-}

package/src/widgets/icons/add_reaction_icon.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 {useIntl} from 'react-intl';
-
-export default function AddReactionIcon(props: React.HTMLAttributes<HTMLSpanElement>) {
-    const {formatMessage} = useIntl();
-    return (
-        <span {...props}>
-            <svg
-                width='16px'
-                height='16px'
-                viewBox='0 0 16 16'
-                role='img'
-                aria-label={formatMessage({id: 'generic_icons.add-reaction', defaultMessage: 'Add Reaction Icon'})}
-            >
-                <path d='M10 8.00001C10.32 8.00001 10.5973 7.88267 10.832 7.64801C11.0773 7.40267 11.2 7.12001 11.2 6.80001C11.2 6.48001 11.0773 6.20267 10.832 5.96801C10.5973 5.72267 10.32 5.60001 10 5.60001C9.68 5.60001 9.39733 5.72267 9.152 5.96801C8.91733 6.20267 8.8 6.48001 8.8 6.80001C8.8 7.12001 8.91733 7.40267 9.152 7.64801C9.39733 7.88267 9.68 8.00001 10 8.00001ZM5.2 8.00001C5.52 8.00001 5.79733 7.88267 6.032 7.64801C6.27733 7.40267 6.4 7.12001 6.4 6.80001C6.4 6.48001 6.27733 6.20267 6.032 5.96801C5.79733 5.72267 5.52 5.60001 5.2 5.60001C4.88 5.60001 4.59733 5.72267 4.352 5.96801C4.11733 6.20267 4 6.48001 4 6.80001C4 7.12001 4.11733 7.40267 4.352 7.64801C4.59733 7.88267 4.88 8.00001 5.2 8.00001ZM13.584 7.93601C13.584 7.97867 13.584 8.05334 13.584 8.16001L13.6 8.40001C13.6 9.48801 13.328 10.496 12.784 11.424C12.2507 12.3307 11.5307 13.0507 10.624 13.584C9.696 14.128 8.688 14.4 7.6 14.4C6.512 14.4 5.504 14.128 4.576 13.584C3.66933 13.0507 2.94933 12.3307 2.416 11.424C1.872 10.496 1.6 9.48801 1.6 8.40001C1.6 7.31201 1.872 6.30401 2.416 5.37601C2.94933 4.46934 3.66933 3.74934 4.576 3.21601C5.504 2.67201 6.512 2.40001 7.6 2.40001L8.064 2.41601C8.17067 1.84001 8.352 1.32801 8.608 0.880006C8.23467 0.826673 7.89867 0.800006 7.6 0.800006C6.224 0.800006 4.944 1.14667 3.76 1.84001C2.61867 2.51201 1.712 3.41867 1.04 4.56001C0.346667 5.74401 0 7.02401 0 8.40001C0 9.77601 0.346667 11.056 1.04 12.24C1.712 13.3813 2.61867 14.288 3.76 14.96C4.944 15.6533 6.224 16 7.6 16C8.976 16 10.256 15.6533 11.44 14.96C12.5813 14.288 13.488 13.3813 14.16 12.24C14.8533 11.056 15.2 9.77601 15.2 8.40001C15.2 8.10134 15.1733 7.76534 15.12 7.39201C14.672 7.64801 14.16 7.82934 13.584 7.93601ZM12 5.72205e-06H13.6V2.40001H16V4.00001H13.6V6.40001H12V4.00001H9.6V2.40001H12V5.72205e-06ZM3.504 10C3.83467 10.832 4.36267 11.504 5.088 12.016C5.84533 12.5387 6.68267 12.8 7.6 12.8C8.51733 12.8 9.35467 12.5387 10.112 12.016C10.8373 11.504 11.3653 10.832 11.696 10H3.504Z'/>
-            </svg>
-        </span>
-    );
-}
-

package/src/widgets/icons/admin_eye_icon.tsx

@@ -1,30 +0,0 @@
-// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
-// See LICENSE.txt for license information.
-
-import * as React from 'react';
-import {useIntl} from 'react-intl';
-
-type Props = React.HTMLAttributes<HTMLSpanElement>;
-
-export default function AdminEyeIcon(props: Props): JSX.Element {
-    const {formatMessage} = useIntl();
-
-    return (
-        <span {...props}>
-            <svg
-                width='14'
-                height='10'
-                viewBox='0 0 14 10'
-                fill='none'
-                role='img'
-                aria-label={formatMessage({id: 'generic_icons.adminOnlyIcon', defaultMessage: 'Admin View Only Icon'})}
-            >
-                <path
-                    d='M7 3.21005C7.3264 3.21005 7.624 3.29165 7.8928 3.45485C8.1712 3.61805 8.392 3.83885 8.5552 4.11725C8.7184 4.38605 8.8 4.68365 8.8 5.01005C8.8 5.33645 8.7184 5.63885 8.5552 5.91725C8.392 6.18605 8.1712 6.40205 7.8928 6.56525C7.624 6.72845 7.3264 6.81005 7 6.81005C6.6736 6.81005 6.3712 6.72845 6.0928 6.56525C5.824 6.40205 5.608 6.18605 5.4448 5.91725C5.2816 5.63885 5.2 5.33645 5.2 5.01005C5.2 4.68365 5.2816 4.38605 5.4448 4.11725C5.608 3.83885 5.824 3.61805 6.0928 3.45485C6.3712 3.29165 6.6736 3.21005 7 3.21005ZM7 0.502848C7.9792 0.502848 8.9152 0.694848 9.808 1.07885C10.672 1.46285 11.4304 1.99565 12.0832 2.67725C12.7456 3.35885 13.2496 4.13645 13.5952 5.01005C13.2496 5.88365 12.7456 6.66125 12.0832 7.34285C11.4304 8.02445 10.672 8.55245 9.808 8.92685C8.9152 9.31085 7.9792 9.50285 7 9.50285C6.0208 9.50285 5.0848 9.31085 4.192 8.92685C3.328 8.55245 2.5648 8.02445 1.9024 7.34285C1.2496 6.66125 0.7504 5.88365 0.4048 5.01005C0.7504 4.13645 1.2496 3.35885 1.9024 2.67725C2.5648 1.99565 3.328 1.46285 4.192 1.07885C5.0848 0.694848 6.0208 0.502848 7 0.502848ZM1.7152 5.01005C2.0416 5.67245 2.4736 6.25325 3.0112 6.75245C3.5488 7.25165 4.1584 7.63565 4.84 7.90445C5.5312 8.17325 6.2512 8.30765 7 8.30765C8.1328 8.30765 9.1744 8.01005 10.1248 7.41485C11.0752 6.81965 11.8 6.01805 12.2992 5.01005C11.8 4.00205 11.0752 3.20045 10.1248 2.60525C9.1744 2.01005 8.1328 1.71245 7 1.71245C6.2512 1.71245 5.5312 1.84685 4.84 2.11565C4.1584 2.38445 3.5488 2.76845 3.0112 3.26765C2.4736 3.76685 2.0416 4.34765 1.7152 5.01005Z'
-                    fill='rgba(var(--center-channel-color-rgb), 0.72)'
-                    fillOpacity='0.48'
-                />
-            </svg>
-        </span>
-    );
-}

package/src/widgets/icons/alert_icon.tsx

@@ -1,22 +0,0 @@
-// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
-// See LICENSE.txt for license information.
-
-import * as React from 'react';
-import {useIntl} from 'react-intl';
-
-export default function AlertIcon(props: React.HTMLAttributes<HTMLSpanElement>) {
-    const {formatMessage} = useIntl();
-    return (
-        <span {...props}>
-            <svg
-                width='24px'
-                height='24px'
-                viewBox='0 0 24 24'
-                role='img'
-                aria-label={formatMessage({id: 'generic_icons.alert', defaultMessage: 'Alert Icon'})}
-            >
-                <path d='M11,15H13V17H11V15M11,7H13V13H11V7M12,2C6.47,2 2,6.5 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M12,20A8,8 0 0,1 4,12A8,8 0 0,1 12,4A8,8 0 0,1 20,12A8,8 0 0,1 12,20Z'/>
-            </svg>
-        </span>
-    );
-}

package/src/widgets/icons/archive_icon.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 {useIntl} from 'react-intl';
-
-export default function ArchiveIcon(props: React.HTMLAttributes<HTMLSpanElement>) {
-    const {formatMessage} = useIntl();
-    return (
-        <span {...props}>
-            <svg
-                width='16px'
-                height='16px'
-                viewBox='0 0 16 16'
-                role='img'
-                aria-label={formatMessage({id: 'generic_icons.archive', defaultMessage: 'Archive Icon'})}
-            >
-                <path d='M13.994 14.75H2.006V6.50599H3.5V13.256H12.5V6.50599H13.994V14.75ZM1.25 1.24999H14.75V5.74999H1.25V1.24999ZM6.128 7.24399H9.872C9.98 7.24399 10.07 7.27999 10.142 7.35199C10.214 7.42399 10.25 7.51399 10.25 7.62199V8.75599H5.75V7.62199C5.75 7.51399 5.786 7.42399 5.858 7.35199C5.93 7.27999 6.02 7.24399 6.128 7.24399ZM2.744 2.74399V4.25599H13.256V2.74399H2.744Z'/>
-            </svg>
-        </span>
-    );
-}
-