├── manifest.json
├── constants.js
├── i18n
    ├── index.js
    ├── ru.json
    ├── pt-BR.json
    ├── ro.json
    ├── pl.json
    ├── it.json
    ├── tr.json
    ├── en-US.json
    └── de.json
├── memberCountsStore
    ├── actions.js
    └── store.js
├── styles.scss
├── README.md
├── components
    ├── GuildProfileIcon.jsx
    ├── GuildIcon.jsx
    ├── GuildProfileFeatureList.jsx
    ├── GuildProfileHeader.jsx
    ├── GuildRelationships.jsx
    ├── GuildBanner.jsx
    ├── GuildProfileModal.jsx
    ├── GuildInfoBase.jsx
    └── Icons.jsx
├── index.js
└── LICENSE


/manifest.json:
--------------------------------------------------------------------------------
1 | {
2 |   "name": "Guild Profile",
3 |   "version": "2.1.2",
4 |   "description": "Allows you to open a guild profile modal that gives you various information about the guild.",
5 |   "author": "NurMarvin",
6 |   "license": "OSL-3.0"
7 | }
8 | 


--------------------------------------------------------------------------------
/constants.js:
--------------------------------------------------------------------------------
 1 | /*
 2 |  * Copyright (c) 2020 - 2021 NurMarvin (Marvin Witt)
 3 |  * Licensed under the Open Software License version 3.0
 4 |  */
 5 | 
 6 | module.exports = Object.freeze({
 7 |   FluxActions: {
 8 |     UPDATE_MEMBER_COUNTS: 'GUILD_PROFILE_UPDATE_MEMBER_COUNTS',
 9 |   },
10 | });


--------------------------------------------------------------------------------
/i18n/index.js:
--------------------------------------------------------------------------------
 1 | /*
 2 |  * Copyright (c) 2020 NurMarvin (Marvin Witt)
 3 |  * Licensed under the Open Software License version 3.0
 4 |  */
 5 | 
 6 | require('fs')
 7 |   .readdirSync(__dirname)
 8 |   .filter(file => file !== 'index.js')
 9 |   .forEach(filename => {
10 |     const moduleName = filename.split('.')[0];
11 |     exports[moduleName] = require(`${__dirname}/${filename}`);
12 |   });
13 | 


--------------------------------------------------------------------------------
/memberCountsStore/actions.js:
--------------------------------------------------------------------------------
 1 | /*
 2 |  * Copyright (c) 2020 - 2021 NurMarvin (Marvin Witt)
 3 |  * Licensed under the Open Software License version 3.0
 4 |  */
 5 | 
 6 | const { FluxDispatcher } = require('powercord/webpack');
 7 | const { FluxActions } = require('../constants');
 8 | 
 9 | module.exports = {
10 |   updateMemberCounts: async (memberCountsUpdate) => {
11 |     FluxDispatcher.dispatch({
12 |       type: FluxActions.UPDATE_MEMBER_COUNTS,
13 |       ...memberCountsUpdate
14 |     });
15 |   }
16 | }
17 | 


--------------------------------------------------------------------------------
/styles.scss:
--------------------------------------------------------------------------------
 1 | /*
 2 |  * Copyright (c) 2020 - 2021 NurMarvin (Marvin Witt)
 3 |  * Licensed under the Open Software License version 3.0
 4 |  */
 5 | 
 6 | .guild-info-section {
 7 |   padding: 5px 10px;
 8 | }
 9 | 
10 | .guild-profile {
11 |   padding: 20px 10px;
12 |   height: 100%;
13 | }
14 | 
15 | .guild-icon-acronym {
16 |   font-size: 2em;
17 |   text-align: center;
18 |   margin: auto;
19 |   color: var(--text-normal);
20 |   overflow: hidden;
21 |   width: 100%;
22 | }
23 | 
24 | .guild-profile-feature-badge {
25 |   color: var(--interactive-normal);
26 | }


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | # Guild Profile
 2 | 
 3 | Open a guild profile modal that gives you various information about the guild.
 4 | 
 5 | ## Support Server (NEW)
 6 | Need help with the plugin? Feel free to drop into the [support server](https://nurmarv.in/support) and ask for help!
 7 | 
 8 | ## Preview
 9 | 
10 | ![Preview Image](https://i.imgur.com/jNOxmBU.png)
11 | 
12 | ## Installation
13 | 
14 | You're probably totally stoked to learn how to install this bad boy, right? \
15 | It's real simple! Just follow our certified installation guide and you're ready to use it: 
16 | 
17 | 1. Clone this repository into your Powercord plugins folder using `git clone https://github.com/NurMarvin/guild-profile.git`
18 | 2. Reload Discord using `Ctrl + R`
19 | 


--------------------------------------------------------------------------------
/components/GuildProfileIcon.jsx:
--------------------------------------------------------------------------------
 1 | /*
 2 |  * Copyright (c) 2020 - 2021 NurMarvin (Marvin Witt)
 3 |  * Licensed under the Open Software License version 3.0
 4 |  */
 5 | 
 6 | const { React, getModule } = require('powercord/webpack');
 7 | const { icon } = getModule(['menu', 'icon'], false);
 8 | 
 9 | module.exports = React.memo((props) => (
10 |   <svg
11 |     className={icon}
12 |     xmlns='http://www.w3.org/2000/svg'
13 |     width={18}
14 |     height={18}
15 |     viewBox='0 0 24 24'
16 |     {...props}
17 |   >
18 |     <path
19 |       fill-rule='evenodd'
20 |       clip-rule='evenodd'
21 |       d='M21 3H3V21H21V3ZM17.4 6.6H6.6V8.4H17.4V6.6ZM6.6 10.2H17.4V12H6.6V10.2ZM13.8 13.8H6.6V15.6H13.8V13.8Z'
22 |       fill='currentColor'
23 |     />
24 |   </svg>
25 | ));
26 | 


--------------------------------------------------------------------------------
/i18n/ru.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "GUILD_PROFILE": "Профиль Сервера",
 3 |   "GUILD_INFO": "Информация о Сервере",
 4 |   "LOADING": "Загрузка",
 5 |   "FRIENDS_IN_GUILD": "Друзья",
 6 |   "BLOCKED_USERS_IN_GUILD": "Заблокированные Пользователи",
 7 |   "NOT_IMPLEMENTED_YET": "Еще Не Реализовано",
 8 |   "JOINED_AT": "Зашёл",
 9 |   "CREATED_AT": "Создан",
10 |   "COMMUNITY": "Публичный",
11 |   "COMMERCE": "Каналы \"Магазины\"",
12 |   "ENABLED_DISCOVERABLE_BEFORE": "Enabled Discoverable Before",
13 |   "INVITE_SPLASH": "Фон Приглашения На сервер",
14 |   "BANNER": "Баннер Сервера",
15 |   "ANIMATED_ICON": "Анимированная Иконка Сервера",
16 |   "DISCOVERABLE": "Видимый",
17 |   "WELCOME_SCREEN_ENABLED": "Экран Приветствия Включен",
18 |   "NEWS": "Канал Объявлений",
19 |   "FEATURABLE": "Featurable",
20 |   "VIP_REGIONS": "VIP Регионы"
21 | }
22 | 


--------------------------------------------------------------------------------
/i18n/pt-BR.json:
--------------------------------------------------------------------------------
 1 | {
 2 |     "GUILD_PROFILE": "Informações do servidor",
 3 |     "GUILD_INFO": "Informações do servidor",
 4 |     "LOADING": "Processando",
 5 |     "FRIENDS_IN_GUILD": "Amigos",
 6 |     "BLOCKED_USERS_IN_GUILD": "Usuários bloqueados",
 7 |     "NOT_IMPLEMENTED_YET": "Ainda não implementado",
 8 |     "JOINED_AT": "Data de sua entrada",
 9 |     "CREATED_AT": "Data de criação",
10 |     "COMMUNITY": "Comunidade",
11 |     "COMMERCE": "Contém canais de loja",
12 |     "ENABLED_DISCOVERABLE_BEFORE": "Ativado Servidor público antes",
13 |     "INVITE_SPLASH": "Plano de fundo de convite do servidor",
14 |     "BANNER": "Banner do servidor",
15 |     "ANIMATED_ICON": "Ícone animado do servidor",
16 |     "DISCOVERABLE": "Servidor público",
17 |     "WELCOME_SCREEN_ENABLED": "Tela de bem-vindo do servidor ativada",
18 |     "NEWS": "Contém canais de anúncio",
19 |     "FEATURABLE": "Pode ser inserido na home do Discover",
20 |     "VIP_REGIONS": "Regiões VIP"
21 | }
22 | 


--------------------------------------------------------------------------------
/memberCountsStore/store.js:
--------------------------------------------------------------------------------
 1 | /*
 2 |  * Copyright (c) 2020 - 2021 NurMarvin (Marvin Witt)
 3 |  * Licensed under the Open Software License version 3.0
 4 |  */
 5 | 
 6 | const { Flux, FluxDispatcher } = require('powercord/webpack');
 7 | const { FluxActions } = require('../constants');
 8 | 
 9 | const memberCounts = [];
10 | 
11 | function handleMemberCountsUpdate(memberCountsUpdate) {
12 |   memberCounts.push(memberCountsUpdate);
13 | }
14 | 
15 | class MemberCountsStore extends Flux.Store {
16 |   getStore() {
17 |     return {
18 |       memberCounts,
19 |     };
20 |   }
21 | 
22 |   getAllMemberCounts() {
23 |     return memberCounts;
24 |   }
25 | 
26 |   getMemberCounts(guildId) {
27 |     return memberCounts.find(memberCounts => memberCounts.guildId === guildId);
28 |   }
29 | }
30 | 
31 | module.exports = new MemberCountsStore(FluxDispatcher, {
32 |   [FluxActions.UPDATE_MEMBER_COUNTS]: (guildId, members, membersOnline) => handleMemberCountsUpdate(guildId, members, membersOnline),
33 | });


--------------------------------------------------------------------------------
/i18n/ro.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "GUILD_PROFILE": "Profilul server-ului",
 3 |   "GUILD_INFO": "Informații despre server",
 4 |   "LOADING": "Se încarcă",
 5 |   "FRIENDS_IN_GUILD": "Prieteni",
 6 |   "BLOCKED_USERS_IN_GUILD": "Utilizatori blocați",
 7 |   "NOT_IMPLEMENTED_YET": "În lucru",
 8 |   "JOINED_AT": "Alaturat la",
 9 |   "CREATED_AT": "Creat la",
10 |   "COMMUNITY": "Comunitate",
11 |   "COMMERCE": "Canale de comerț",
12 |   "ENABLED_DISCOVERABLE_BEFORE": "Descoperibil înainte",
13 |   "INVITE_SPLASH": "Fundal de invite",
14 |   "BANNER": "Banner-ul server-ului",
15 |   "ANIMATED_ICON": "Imaginea animată a server-ului",
16 |   "DISCOVERABLE": "Descoperibilă",
17 |   "WELCOME_SCREEN_ENABLED": "Ecran de început",
18 |   "NEWS": "Canale de anunțuri",
19 |   "FEATURABLE": "Promovabil",
20 |   "VIP_REGIONS": "Regiuni VIP",
21 |   "MORE_EMOJI": "Mai multe emoji-uri",
22 |   "RELAY_ENABLED": "Relay activat",
23 |   "CLICK_TO_COPY_SERVER_ICON_URL": "Click pentru a copia imaginea server-ului",
24 |   "NO_FRIENDS_IN_THIS_GUILD": "Nu există prieteni în acest server",
25 |   "NO_BLOCKED_USERS_IN_THIS_GUILD": "Nu există utilizatori blocați în acest server",
26 |   "GUILD_PREMIUM_SUBSCRIBER_COUNT": "Numărul de boosteri",
27 |   "GUILD_PREMIUM_TIER": "Nivelul de boost al server-ului"
28 | }


--------------------------------------------------------------------------------
/i18n/pl.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "GUILD_PROFILE": "Profil serwera",
 3 |   "GUILD_INFO": "Informacje o serwerze",
 4 |   "LOADING": "Ładowanie",
 5 |   "FRIENDS_IN_GUILD": "Znajomi",
 6 |   "BLOCKED_USERS_IN_GUILD": "Zablokowani użytkownicy",
 7 |   "NOT_IMPLEMENTED_YET": "Jeszcze niezaimplementowane",
 8 |   "JOINED_AT": "Data dołączenia",
 9 |   "CREATED_AT": "Data utworzenia",
10 |   "COMMUNITY": "Społeczność",
11 |   "COMMERCE": "Kanały sklepu",
12 |   "ENABLED_DISCOVERABLE_BEFORE": "Wcześniej włączone odnajdowanie serwera",
13 |   "INVITE_SPLASH": "Tło zaproszenia do serwera",
14 |   "BANNER": "Banner serwera",
15 |   "ANIMATED_ICON": "Animowana ikona serwera",
16 |   "DISCOVERABLE": "Odnajdywalny",
17 |   "WELCOME_SCREEN_ENABLED": "Włączony ekran powitalny",
18 |   "NEWS": "Kanały ogłoszeń",
19 |   "FEATURABLE": "Featurable",
20 |   "VIP_REGIONS": "Regiony VIP",
21 |   "MORE_EMOJI": "Więcej emoji",
22 |   "RELAY_ENABLED": "Włączona retransmisja",
23 |   "PREVIEW_ENABLED": "Włączony przegląd",
24 |   "MEMBER_VERIFICATION_GATE_ENABLED": "Włączone sprawdzanie członków",
25 |   "CLICK_TO_COPY_SERVER_ICON_URL": "Kliknij aby skopiować URL ikony serwera",
26 |   "NO_FRIENDS_IN_THIS_GUILD": "Brak znajomych na tym serwerze",
27 |   "NO_BLOCKED_USERS_IN_THIS_GUILD": "Brak zablokowanych użytkowników na tym serwerze",
28 |   "GUILD_PREMIUM_SUBSCRIBER_COUNT": "Ilość osób ulepszających serwer",
29 |   "GUILD_PREMIUM_TIER": "Poziom ulepszenia serwera",
30 |   "PREFERRED_LOCALE": "Preferowane umiejscowienie",
31 |   "NSFW": "Not Safe For Work (NSFW)/Zbanowane na iOS",
32 |   "YES": "Tak",
33 |   "NO": "Nie"
34 | }
35 | 


--------------------------------------------------------------------------------
/i18n/it.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "GUILD_PROFILE": "Profilo Server",
 3 |   "GUILD_INFO": "Informazioni Server",
 4 |   "LOADING": "Caricamento",
 5 |   "FRIENDS_IN_GUILD": "Amici",
 6 |   "BLOCKED_USERS_IN_GUILD": "Utenti Bloccati",
 7 |   "NOT_IMPLEMENTED_YET": "Non ancora implementato",
 8 |   "JOINED_AT": "Iscritto il",
 9 |   "CREATED_AT": "Creato il",
10 |   "COMMUNITY": "Comunità",
11 |   "COMMERCE": "Canali Negozio",
12 |   "ENABLED_DISCOVERABLE_BEFORE": "Ha abilitato \"Discovery\" in precedenza",
13 |   "INVITE_SPLASH": "Sfondo sulla schermata di invito",
14 |   "BANNER": "Banner del Server",
15 |   "ANIMATED_ICON": "Icona del server animata",
16 |   "DISCOVERABLE": "Disponibile su \"Discovery\"",
17 |   "WELCOME_SCREEN_ENABLED": "Schermata di benvenuto abilitata",
18 |   "NEWS": "Canale Annunci",
19 |   "FEATURABLE": "In Evidenza",
20 |   "VIP_REGIONS": "Regioni VIP",
21 |   "MORE_EMOJI": "Più Emoji",
22 |   "RELAY_ENABLED": "Relay Abilitato",
23 |   "PREVIEW_ENABLED": "Anteprima Abilitata",
24 |   "MEMBER_VERIFICATION_GATE_ENABLED": "Verifica iniziale dei membri abilitata",
25 |   "CLICK_TO_COPY_SERVER_ICON_URL": "Clicca per copiare l'URL dell'icona del server",
26 |   "NO_FRIENDS_IN_THIS_GUILD": "Nessuno dei tuoi amici è in questo server",
27 |   "NO_BLOCKED_USERS_IN_THIS_GUILD": "Non ci sono utenti bloccati in questo server",
28 |   "GUILD_PREMIUM_SUBSCRIBER_COUNT": "Numero Boost nel Server",
29 |   "GUILD_PREMIUM_TIER": "Livello Boost del Server",
30 |   "PREFERRED_LOCALE": "Lingua Preferita",
31 |   "NSFW": "Contenuti Espliciti (NSFW)/Bannato on iOS",
32 |   "YES": "Si",
33 |   "NO": "No"
34 | }
35 | 


--------------------------------------------------------------------------------
/components/GuildIcon.jsx:
--------------------------------------------------------------------------------
 1 | /*
 2 |  * Copyright (c) 2020 - 2021 NurMarvin (Marvin Witt)
 3 |  * Licensed under the Open Software License version 3.0
 4 |  */
 5 | 
 6 | const { React, getModule } = require('powercord/webpack');
 7 | 
 8 | module.exports = class GuildIcon extends React.PureComponent {
 9 |   constructor(props) {
10 |     super(props);
11 | 
12 |     const { wrapper, avatar, avatarStack } = getModule(
13 |       ['avatar', 'wrapper', 'avatarStack'],
14 |       false
15 |     );
16 | 
17 |     this.modules = {
18 |       acronym: getModule(['childWrapper', 'acronym'], false).acronym,
19 |       wrapper,
20 |       avatarStack,
21 |       realAvatar: avatar,
22 |       ...getModule(['headerTop', 'avatar', 'badgeList'], false),
23 |       ...getModule(['getGuildIconURL'], false),
24 |     };
25 |   }
26 | 
27 |   render() {
28 |     const { guild } = this.props;
29 | 
30 |     return (
31 |       <div className={[this.modules.avatar, this.modules.wrapper].join(' ')}>
32 |         <div style={{ width: '120px', height: '120px' }}>
33 |           <div className={this.modules.avatarStack}>
34 |             {guild.icon ? (
35 |               <img
36 |                 alt=' '
37 |                 src={this.modules.getGuildIconURL(guild)}
38 |                 className={this.modules.realAvatar}
39 |                 style={{ borderRadius: '50%' }}
40 |               />
41 |             ) : (
42 |               <div
43 |                 className={[this.modules.acronym, 'guild-icon-acronym'].join(
44 |                   ' '
45 |                 )}
46 |               >
47 |                 {guild.acronym}
48 |               </div>
49 |             )}
50 |           </div>
51 |         </div>
52 |       </div>
53 |     );
54 |   }
55 | };
56 | 


--------------------------------------------------------------------------------
/i18n/tr.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "GUILD_PROFILE": "Sunucu Profili",
 3 |   "GUILD_INFO": "Sunucu Bilgisi",
 4 |   "LOADING": "Yükleniyor",
 5 |   "FRIENDS_IN_GUILD": "Arkadaşlar",
 6 |   "BLOCKED_USERS_IN_GUILD": "Yasaklanan Kullanıcılar",
 7 |   "NOT_IMPLEMENTED_YET": "Henüz uygulanmadı",
 8 |   "JOINED_AT": "Katıldığı Tarih",
 9 |   "CREATED_AT": "Oluşturulduğu Tarih",
10 |   "COMMUNITY": "Topluluk",
11 |   "COMMERCE": "Mağaza Kanalları",
12 |   "ENABLED_DISCOVERABLE_BEFORE": "Daha Önce Keşfedilebilir Etkinleştirilmiş",
13 |   "INVITE_SPLASH": "Sunucu Davet Arkaplanı",
14 |   "BANNER": "Sunucu Afişi",
15 |   "ANIMATED_ICON": "Hareketli Sunucu Fotoğrafı",
16 |   "DISCOVERABLE": "Keşfedilebilir",
17 |   "WELCOME_SCREEN_ENABLED": "Hoşgeldin Ekranı Etkin",
18 |   "NEWS": "Duyuru Kanalları",
19 |   "FEATURABLE": "Öne Çıkan",
20 |   "VIP_REGIONS": "VIP Bölgeler",
21 |   "MORE_EMOJI": "Daha Fazla Emoji",
22 |   "RELAY_ENABLED": "Relay Etkin",
23 |   "PREVIEW_ENABLED": "Önizleme Etkin",
24 |   "MEMBER_VERIFICATION_GATE_ENABLED": "Üyelik Kapısı Etkin",
25 |   "PRIVATE_THREADS": "Özel Konular",
26 |   "THREE_DAY_THREAD_ARCHIVE": "Üç Günlük Konu Arşivi",
27 |   "SEVEN_DAY_THREAD_ARCHIVE": "Yedi Günlük Konu Arşivi",
28 |   "CLICK_TO_COPY_SERVER_ICON_URL": "Sunucu simgesinin URL'sini kopyalamak için tıkla",
29 |   "NO_FRIENDS_IN_THIS_GUILD": "Bu sunucuda arkadaşın yok",
30 |   "NO_BLOCKED_USERS_IN_THIS_GUILD": "Bu sunucuda engellenen kullanıcı yok",
31 |   "NO_EXPERIMENTS_IN_THIS_GUILD": "Bu sunucuda etkin sunucu deneyimleri yok",
32 |   "GUILD_PREMIUM_SUBSCRIBER_COUNT": "Sunucu Takviye Sayısı",
33 |   "GUILD_PREMIUM_TIER": "Sunucu Takviye Seviyesi",
34 |   "PREFERRED_LOCALE": "Tercih Edilen Yer",
35 |   "NSFW": "İş İçin Güvenli Değil (NSFW) Düzeyi",
36 |   "NSFW_LEVEL_DEFAULT": "Varsayılan",
37 |   "NSFW_LEVEL_EXPLICIT": "Müstehcen",
38 |   "NSFW_LEVEL_SAFE": "Güvenli",
39 |   "NSFW_LEVEL_AGE_RESTRICTED": "Yaş Sınırlı",
40 |   "ENABLED_EXPERIMENTS": "Deneyimler Etkin",
41 |   "EXCLUSIVE_TO_SERVER_BANNER_FEATURE": "Sunucu afiş özelliğine sahip sunuculara özel",
42 |   "NONE": "Yok"
43 | }
44 | 


--------------------------------------------------------------------------------
/components/GuildProfileFeatureList.jsx:
--------------------------------------------------------------------------------
 1 | /*
 2 |  * Copyright (c) 2020 - 2021 NurMarvin (Marvin Witt)
 3 |  * Licensed under the Open Software License version 3.0
 4 |  */
 5 | 
 6 | const {
 7 |   React,
 8 |   getModule,
 9 |   i18n: { Messages },
10 | } = require("powercord/webpack");
11 | 
12 | const { Tooltip, Clickable } = require("powercord/components");
13 | 
14 | const Icons = require("./Icons");
15 | 
16 | module.exports = class GuildProfileFeatureList extends React.PureComponent {
17 |   constructor(props) {
18 |     super(props);
19 | 
20 |     this.modules = {
21 |       ...getModule(["container", "clickable", "profileBadge"], false),
22 |       theme: getModule(["theme"], false).theme,
23 |     };
24 |   }
25 | 
26 |   render() {
27 |     const { guild, className } = this.props;
28 | 
29 |     return (
30 |       <div
31 |         aria-label="Guild Features"
32 |         role="group"
33 |         className={[className, this.modules.container].join(" ")}
34 |       >
35 |         {Array.from(guild.features)
36 |           .filter(
37 |             (feature) => feature !== "VERIFIED" && feature !== "PARTNERED"
38 |           )
39 |           .map((feature) => {
40 |             const Icon = Icons[feature] ?? Icons.UNKNOWN;
41 | 
42 |             return (
43 |               <Clickable
44 |                 onClick={() =>
45 |                   window.open(
46 |                     `https://github.com/Delitefully/DiscordLists#guild-feature-glossary:~:.-,text=${feature}`,
47 |                     "_blank"
48 |                   )
49 |                 }
50 |                 className={this.modules.clickable}
51 |               >
52 |                 <Tooltip
53 |                   key={feature.toLowerCase()}
54 |                   spacing={24}
55 |                   color="primary"
56 |                   text={Messages[feature] || feature}
57 |                 >
58 |                   <Icon
59 |                     className={[
60 |                       guild.features.size > 14
61 |                         ? this.modules.profileBadge18
62 |                         : this.modules.profileBadge24,
63 |                       this.modules.profileBadge,
64 |                       this.modules.desaturate,
65 |                       "guild-profile-feature-badge",
66 |                     ].join(" ")}
67 |                   />
68 |                 </Tooltip>
69 |               </Clickable>
70 |             );
71 |           })}
72 |       </div>
73 |     );
74 |   }
75 | };
76 | 


--------------------------------------------------------------------------------
/i18n/en-US.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "GUILD_PROFILE": "Guild Profile",
 3 |   "GUILD_INFO": "Server Info",
 4 |   "LOADING": "Loading",
 5 |   "FRIENDS_IN_GUILD": "Friends",
 6 |   "BLOCKED_USERS_IN_GUILD": "Blocked Users",
 7 |   "NOT_IMPLEMENTED_YET": "Not implemented yet",
 8 |   "JOINED_AT": "Joined at",
 9 |   "CREATED_AT": "Created at",
10 |   "COMMUNITY": "Community",
11 |   "COMMERCE": "Store Channels",
12 |   "ENABLED_DISCOVERABLE_BEFORE": "Enabled Discoverable Before",
13 |   "INVITE_SPLASH": "Server Invite Background",
14 |   "BANNER": "Server Banner",
15 |   "ANIMATED_ICON": "Animated Server Icon",
16 |   "DISCOVERABLE": "Discoverable",
17 |   "WELCOME_SCREEN_ENABLED": "Welcome Screen Enabled",
18 |   "NEWS": "Announcement Channels",
19 |   "FEATURABLE": "Featurable",
20 |   "VIP_REGIONS": "VIP Regions",
21 |   "MORE_EMOJI": "More Emoji",
22 |   "RELAY_ENABLED": "Relay Enabled",
23 |   "PREVIEW_ENABLED": "Preview Enabled",
24 |   "MEMBER_VERIFICATION_GATE_ENABLED": "Membership Gating Enabled",
25 |   "THREADS_ENABLED": "Threads Enabled",
26 |   "PRIVATE_THREADS": "Private Threads",
27 |   "THREE_DAY_THREAD_ARCHIVE": "Three Day Thread Archive",
28 |   "SEVEN_DAY_THREAD_ARCHIVE": "Seven Day Thread Archive",
29 |   "ROLE_ICONS": "Role Icons",
30 |   "ANIMATED_BANNER": "Animated Server Banner",
31 |   "MEMBER_PROFILES": "Member Profiles",
32 |   "AUTO_MODERATION": "Auto Moderation",
33 |   "TEXT_IN_VOICE_ENABLED": "Text in Voice Enabled",
34 |   "ROLE_SUBSCRIPTIONS_AVAILABLE_FOR_PURCHASE": "Role Subscriptions Available for Purchase",
35 |   "EXPOSED_TO_ACTIVITIES_WTP_EXPERIMENT": "Exposed to Activities \"Willingness To Pay\" Experiment",
36 |   "HAD_EARLY_ACTIVITIES_ACCESS": "Had Early Activities Access",
37 |   "INVITES_DISABLED": "Invites Disabled",
38 |   "ROLE_SUBSCRIPTIONS_ENABLED": "Role Subscriptions Enabled",
39 |   "PREMIUM_TIER_3_OVERRIDE": "Server Boost Tier 3 Override",
40 |   "BOT_DEVELOPER_EARLY_ACCESS": "Bot Developer Early Access",
41 |   "INTERNAL_EMPLOYEE_ONLY": "Internal Employee Only",
42 |   "CREATOR_MONETIZABLE": "Creator Monetizable",
43 |   "CLICK_TO_COPY_SERVER_ICON_URL": "Click to copy server icon URL",
44 |   "NO_FRIENDS_IN_THIS_GUILD": "No friends in this server",
45 |   "NO_BLOCKED_USERS_IN_THIS_GUILD": "No blocked users in this server",
46 |   "NO_EXPERIMENTS_IN_THIS_GUILD": "No enabled guild experiments in this server",
47 |   "GUILD_PREMIUM_SUBSCRIBER_COUNT": "Server Booster Count",
48 |   "GUILD_PREMIUM_TIER": "Server Boost Level",
49 |   "PREFERRED_LOCALE": "Preferred Locale",
50 |   "NSFW": "Not Safe For Work (NSFW) Level",
51 |   "NSFW_LEVEL_DEFAULT": "Default",
52 |   "NSFW_LEVEL_EXPLICIT": "Explicit",
53 |   "NSFW_LEVEL_SAFE": "Safe",
54 |   "NSFW_LEVEL_AGE_RESTRICTED": "Age Restricted",
55 |   "ENABLED_EXPERIMENTS": "Enabled Experiments",
56 |   "EXCLUSIVE_TO_SERVER_BANNER_FEATURE": "Exclusive to servers with the server banner feature",
57 |   "NONE": "None"
58 | }
59 | 


--------------------------------------------------------------------------------
/i18n/de.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "GUILD_PROFILE": "Serverprofil",
 3 |   "GUILD_INFO": "Serverinfo",
 4 |   "LOADING": "Lade",
 5 |   "FRIENDS_IN_GUILD": "Freunde",
 6 |   "BLOCKED_USERS_IN_GUILD": "Blockierte Nutzer",
 7 |   "NOT_IMPLEMENTED_YET": "Noch nicht implementiert",
 8 |   "JOINED_AT": "Server betreten",
 9 |   "CREATED_AT": "Server erstellt",
10 |   "COMMUNITY": "Community",
11 |   "COMMERCE": "Store-Kanäle",
12 |   "ENABLED_DISCOVERABLE_BEFORE": "Hat \"Entdeckbar\" vorher schon mal aktiviert",
13 |   "INVITE_SPLASH": "Hintergrund für Servereinladungen",
14 |   "BANNER": "Server Banner",
15 |   "ANIMATED_ICON": "Animiertes Servericon",
16 |   "DISCOVERABLE": "Entdeckbar",
17 |   "WELCOME_SCREEN_ENABLED": "Willkommensbildschirm aktiviert",
18 |   "NEWS": "Ankündigungskanäle",
19 |   "FEATURABLE": "Vorstellbar",
20 |   "VIP_REGIONS": "VIP Regionen",
21 |   "MORE_EMOJI": "Mehr Emojis",
22 |   "RELAY_ENABLED": "Relay aktiviert",
23 |   "PREVIEW_ENABLED": "Vorschau aktiviert",
24 |   "MEMBER_VERIFICATION_GATE_ENABLED": "Mitgliedschaftsbeschränkungen aktiviert",
25 |   "PRIVATE_THREADS": "Private Threads",
26 |   "THREE_DAY_THREAD_ARCHIVE": "3-Tage Thread Archivierung",
27 |   "SEVEN_DAY_THREAD_ARCHIVE": "7-Tage Thread Archivierung",
28 |   "ROLE_ICONS": "Rollenicons",
29 |   "ANIMATED_BANNER": "Animierter Serverbanner",
30 |   "MEMBER_PROFILES": "Mitgliederprofile",
31 |   "AUTO_MODERATION": "Auto-Moderation",
32 |   "TEXT_IN_VOICE_ENABLED": "Text in Sprachkanälen aktiviert",
33 |   "ROLE_SUBSCRIPTIONS_AVAILABLE_FOR_PURCHASE": "Rollenabonnements zum Kauf verfügbar",
34 |   "EXPOSED_TO_ACTIVITIES_WTP_EXPERIMENT": "Hat das \"Bereitschaft Zu Zahlen\" Aktitäts-Experiment",
35 |   "HAD_EARLY_ACTIVITIES_ACCESS": "Hatte frühen Zugang zu Aktivitäten",
36 |   "INVITES_DISABLED": "Einladungen deaktiviert",
37 |   "ROLE_SUBSCRIPTIONS_ENABLED": "Rollenabonnements aktiviert",
38 |   "PREMIUM_TIER_3_OVERRIDE": "Server-Boost Level 3 Überschreibung",
39 |   "BOT_DEVELOPER_EARLY_ACCESS": "Früher Zugang für Bot-Entwickler",
40 |   "INTERNAL_EMPLOYEE_ONLY": "Interner Server, nur für Mitarbeiter",
41 |   "CREATOR_MONETIZABLE": "Monetarisierbar für Servereigentümer",
42 |   "CLICK_TO_COPY_SERVER_ICON_URL": "Klicke um die Server Icon URL zu kopieren",
43 |   "NO_FRIENDS_IN_THIS_GUILD": "Keine Freunde in diesem Server",
44 |   "NO_BLOCKED_USERS_IN_THIS_GUILD": "Keine blockierten Nutzer in diesem Server",
45 |   "GUILD_PREMIUM_SUBSCRIBER_COUNT": "Anzahl der Server Booster",
46 |   "GUILD_PREMIUM_TIER": "Server Boost Level",
47 |   "NSFW": "Nicht sicher für die Arbeit (NSFW) Level",
48 |   "NSFW_LEVEL_DEFAULT": "Standard",
49 |   "NSFW_LEVEL_EXPLICIT": "Explizit",
50 |   "NSFW_LEVEL_SAFE": "Sicher",
51 |   "NSFW_LEVEL_AGE_RESTRICTED": "Altersbeschränkt",
52 |   "ENABLED_EXPERIMENTS": "Aktivierte Experimente",
53 |   "EXCLUSIVE_TO_SERVER_BANNER_FEATURE": "Exklusiv für Server mit dem Server Banner Feature",
54 |   "NONE": "Keine"
55 | }
56 | 


--------------------------------------------------------------------------------
/components/GuildProfileHeader.jsx:
--------------------------------------------------------------------------------
 1 | /*
 2 |  * Copyright (c) 2020 - 2021 NurMarvin (Marvin Witt)
 3 |  * Licensed under the Open Software License version 3.0
 4 |  */
 5 | 
 6 | const {
 7 |   React,
 8 |   getModule,
 9 |   i18n: { Messages },
10 |   getModuleByDisplayName,
11 | } = require('powercord/webpack');
12 | 
13 | const { Text } = require('powercord/components');
14 | const AsyncComponent = require('powercord/components/AsyncComponent');
15 | 
16 | const inviteModule = getModule((m) => m.displayName === 'InviteButton' && m.Header)
17 | const GuildBadge = AsyncComponent.from(getModuleByDisplayName('GuildBadge'));
18 | const InviteButton = AsyncComponent.from(inviteModule);
19 | 
20 | inviteModule.then((Button) => {
21 |   ['Data'].forEach((prop) => (InviteButton[prop] = Button[prop]));
22 | });
23 | 
24 | const GuildBanner = require('./GuildBanner');
25 | const GuildIcon = require('./GuildIcon');
26 | const GuildProfileFeatureList = require('./GuildProfileFeatureList');
27 | 
28 | module.exports = class GuildProfileHeader extends React.PureComponent {
29 |   constructor(props) {
30 |     super(props);
31 | 
32 |     this.modules = {
33 |       ...getModule(['guildDetail'], false),
34 |       ...getModule(['topSection'], false),
35 |       ...getModule(['wrapper', 'pointer'], false),
36 |       ...getModule(['guildIconContainer', 'guildBadge'], false),
37 |       ...getModule(['headerTop', 'avatar', 'badgeList'], false),
38 |     };
39 |   }
40 |   render() {
41 |     const { guild, counts } = this.props;
42 | 
43 |     return (
44 |       <header>
45 |         <GuildBanner guild={guild} />
46 |         <div className={this.modules.header}>
47 |           <GuildIcon guild={guild} />
48 |           <div className={this.modules.headerTop}>
49 |             <GuildProfileFeatureList
50 |               className={this.modules.badgeList}
51 |               guild={guild}
52 |             />
53 |           </div>
54 |         </div>
55 |         <div
56 |           className={[
57 |             this.modules.nameTagWithCustomStatus,
58 |             this.modules.nameTag,
59 |           ].join(' ')}
60 |           style={{ display: 'flex', alignItems: 'center' }}
61 |         >
62 |           <GuildBadge
63 |             size={20}
64 |             className={this.modules.guildIconContainer}
65 |             tooltipColor='primary'
66 |             tooltipPosition='top'
67 |             guild={guild}
68 |           />
69 |           <span className={this.modules.username}>{guild.name}</span>
70 |         </div>
71 |         <Text
72 |           className={[
73 |             this.modules.guildDetail,
74 |             this.modules.customStatusActivity,
75 |           ].join(' ')}
76 |         >
77 |           {counts ? (
78 |             <InviteButton.Data
79 |               members={counts.memberCount}
80 |               membersOnline={counts.onlineCount}
81 |             />
82 |           ) : (
83 |             `${Messages.LOADING}...`
84 |           )}
85 |         </Text>
86 |       </header>
87 |     );
88 |   }
89 | };
90 | 


--------------------------------------------------------------------------------
/components/GuildRelationships.jsx:
--------------------------------------------------------------------------------
  1 | /*
  2 |  * Copyright (c) 2020 - 2021 NurMarvin (Marvin Witt)
  3 |  * Licensed under the Open Software License version 3.0
  4 |  */
  5 | 
  6 | const {
  7 |   React,
  8 |   getModule,
  9 |   i18n: { Messages },
 10 |   getModuleByDisplayName,
 11 | } = require('powercord/webpack');
 12 | const { AdvancedScrollerThin } = getModule(['AdvancedScrollerThin'], false);
 13 | const { Clickable, Spinner } = require('powercord/components');
 14 | const AsyncComponent = require('powercord/components/AsyncComponent');
 15 | const DiscordTag = AsyncComponent.from(getModuleByDisplayName('DiscordTag'));
 16 | const { default: Avatar } = getModule(['AnimatedAvatar'], false);
 17 | const { close } = require('powercord/modal');
 18 | 
 19 | const ContextMenu = getModule(['closeContextMenu'], false);
 20 | 
 21 | const UserProfileModalActionCreators = getModule(
 22 |   ['openUserProfileModal'],
 23 |   false
 24 | );
 25 | 
 26 | class RelationshipRow extends React.PureComponent {
 27 |   constructor(props) {
 28 |     super(props);
 29 | 
 30 |     this.modules = {
 31 |       ...getModule(['listRow'], false),
 32 |     };
 33 |   }
 34 | 
 35 |   render() {
 36 |     const { user, status, onSelect, onContextMenu } = this.props;
 37 | 
 38 |     return (
 39 |       <Clickable
 40 |         className={this.modules.listRow}
 41 |         onClick={() => onSelect(user.id)}
 42 |         onContextMenu={() => onContextMenu(user.id)}
 43 |       >
 44 |         <Avatar
 45 |           className={this.modules.listAvatar}
 46 |           src={user.getAvatarURL()}
 47 |           size='SIZE_40'
 48 |           status={status}
 49 |         />
 50 |         <DiscordTag
 51 |           user={user}
 52 |           className={this.modules.listName}
 53 |           discriminatorClass={this.modules.listDiscriminator}
 54 |         />
 55 |       </Clickable>
 56 |     );
 57 |   }
 58 | }
 59 | 
 60 | module.exports = class Relationships extends React.PureComponent {
 61 |   constructor(props) {
 62 |     super(props);
 63 | 
 64 |     this.modules = {
 65 |       nelly: getModule(['flexWrapper', 'image'], false).image,
 66 |       ...getModule(['emptyIconFriends'], false),
 67 |       ...getModule(['scrollerBase', 'fade', 'thin'], false),
 68 |     };
 69 |   }
 70 | 
 71 |   handleSelect(userId) {
 72 |     close();
 73 |     UserProfileModalActionCreators.openUserProfileModal({ userId });
 74 |   }
 75 | 
 76 |   render() {
 77 |     const { relationships, section } = this.props;
 78 | 
 79 |     if (!relationships) {
 80 |       return (
 81 |         <div className={this.modules.empty}>
 82 |           <Spinner />
 83 |         </div>
 84 |       );
 85 |     } else if (relationships.length < 1) {
 86 |       return (
 87 |         <div className={this.modules.empty}>
 88 |           <div className={this.modules.emptyIconFriends} />
 89 |           <div className={this.modules.emptyText}>
 90 |             {Messages[`NO_${section}_IN_THIS_GUILD`]}
 91 |           </div>
 92 |         </div>
 93 |       );
 94 |     }
 95 |     return (
 96 |       <AdvancedScrollerThin
 97 |         fade={true}
 98 |         className={[this.modules.listScroller].join(' ')}
 99 |       >
100 |         {relationships.map((relationship) => (
101 |           <RelationshipRow
102 |             onSelect={this.handleSelect}
103 |             onContextMenu={(event) =>
104 |               ContextMenu.openContextMenu(event, () => {})
105 |             }
106 |             user={relationship}
107 |           />
108 |         ))}
109 |       </AdvancedScrollerThin>
110 |     );
111 |   }
112 | };
113 | 


--------------------------------------------------------------------------------
/components/GuildBanner.jsx:
--------------------------------------------------------------------------------
  1 | /*
  2 |  * Copyright (c) 2020 - 2021 NurMarvin (Marvin Witt)
  3 |  * Licensed under the Open Software License version 3.0
  4 |  */
  5 | 
  6 | const {
  7 |   React,
  8 |   getModule,
  9 |   i18n: { Messages },
 10 | } = require("powercord/webpack");
 11 | const { Tooltip } = require("powercord/components");
 12 | 
 13 | const { TextBadge } = getModule(["TextBadge"], false);
 14 | const { Colors } = getModule(["Colors"], false);
 15 | 
 16 | module.exports = class GuildBanner extends React.PureComponent {
 17 |   state = {
 18 |     color: null,
 19 |     hovered: false,
 20 |   };
 21 | 
 22 |   constructor(props) {
 23 |     super(props);
 24 | 
 25 |     this.modules = {
 26 |       ...getModule(["profileBannerPremium", "profileBanner"], false),
 27 |       getPaletteForAvatar: getModule(["getPaletteForAvatar"], false)
 28 |         .getPaletteForAvatar,
 29 |       getGuildIconURL: getModule(["getGuildIconURL"], false).getGuildIconURL,
 30 |       getGuildBannerURL: getModule(["getGuildBannerURL"], false)
 31 |         .getGuildBannerURL,
 32 |       ...getModule(["getBestMediaProxySize"], false),
 33 |       canUseWebp: getModule(["canUseWebp"], false).canUseWebp,
 34 |       isAnimatedIconHash: getModule(["isAnimatedIconHash"], false)
 35 |         .isAnimatedIconHash,
 36 |       Endpoints: getModule(["Endpoints"], false).Endpoints,
 37 |     };
 38 |   }
 39 | 
 40 |   async componentDidMount() {
 41 |     const { guild } = this.props;
 42 | 
 43 |     let color = Colors.BRAND;
 44 | 
 45 |     if (guild.icon) {
 46 |       const palette = await this.modules.getPaletteForAvatar(
 47 |         this.modules.getGuildIconURL(guild)
 48 |       );
 49 |       color = `rgb(${palette[0].join(", ")})`;
 50 |     }
 51 | 
 52 |     this.setState({ color });
 53 |   }
 54 | 
 55 |   render() {
 56 |     const { guild } = this.props;
 57 |     const { color } = this.state;
 58 | 
 59 |     if (!color) return null;
 60 | 
 61 |     const classes = [this.modules.banner];
 62 |     const style = {
 63 |       backgroundColor: color,
 64 |     };
 65 | 
 66 |     if (guild.banner) {
 67 |       classes.push(
 68 |         this.modules.profileBannerPremium,
 69 |         this.modules.bannerPremium
 70 |       );
 71 | 
 72 |       const { id, banner } = guild;
 73 | 
 74 |       if (banner == null) return null;
 75 | 
 76 |       const cdnHost = window.GLOBAL_ENV.CDN_HOST;
 77 |       const extension =
 78 |         this.state.hovered && this.modules.isAnimatedIconHash(banner)
 79 |           ? "gif"
 80 |           : this.modules.canUseWebp
 81 |           ? "webp"
 82 |           : "jpg";
 83 |       const bannerSize = this.modules.getBestMediaProxySize(
 84 |         600 * this.modules.getDevicePixelRatio()
 85 |       );
 86 |       let url =
 87 |         (cdnHost
 88 |           ? `${location.protocol}//${cdnHost}/banners/${id}/${banner}.${extension}`
 89 |           : this.modules.Endpoints.GUILD_BANNER(id, banner, extension)) +
 90 |         `?size=${bannerSize}`;
 91 | 
 92 |       if (extension === "jpg") {
 93 |         url += "&quality=lossless";
 94 |       }
 95 | 
 96 |       style.backgroundImage = `url(${url})`;
 97 |     } else {
 98 |       classes.push(this.modules.profileBanner);
 99 |     }
100 | 
101 |     return (
102 |       <div
103 |         onMouseEnter={() => this.setState({ hovered: true })}
104 |         onMouseLeave={() => this.setState({ hovered: false })}
105 |         style={style}
106 |         className={classes.join(" ")}
107 |       >
108 |         <Tooltip
109 |           text={Messages.EXCLUSIVE_TO_SERVER_BANNER_FEATURE}
110 |           className={this.modules.premiumIconWrapper}
111 |         >
112 |           {guild.banner && (
113 |             <TextBadge
114 |               color="rgba(32, 34, 37, 0.8)"
115 |               text={
116 |                 <svg
117 |                   className={this.modules.premiumIcon}
118 |                   aria-hidden="false"
119 |                   width="16"
120 |                   height="16"
121 |                   viewBox="0 0 24 24"
122 |                 >
123 |                   <path
124 |                     d="M11.9997 2L5.33301 8.66667V15.3333L11.9997 22L18.6663 15.3333V8.66667L11.9997 2ZM16.9997 14.65L11.9997 19.65L6.99967 14.65V9.35L11.9997 4.35L16.9997 9.35V14.65Z"
125 |                     fill="currentColor"
126 |                   />
127 |                   <path
128 |                     d="M8.66699 10.0501V13.9501L12.0003 17.2835L15.3337 13.9501V10.0501L12.0003 6.7168L8.66699 10.0501Z"
129 |                     fill="currentColor"
130 |                   />
131 |                 </svg>
132 |               }
133 |             />
134 |           )}
135 |         </Tooltip>
136 |       </div>
137 |     );
138 |   }
139 | };
140 | 


--------------------------------------------------------------------------------
/components/GuildProfileModal.jsx:
--------------------------------------------------------------------------------
  1 | /*
  2 |  * Copyright (c) 2020 - 2021 NurMarvin (Marvin Witt)
  3 |  * Licensed under the Open Software License version 3.0
  4 |  */
  5 | 
  6 | const {
  7 |   React,
  8 |   i18n: { Messages },
  9 |   Flux,
 10 |   getModule,
 11 | } = require('powercord/webpack');
 12 | 
 13 | const { ModalRoot } = getModule(['ModalRoot'], false);
 14 | 
 15 | const GuildProfileHeader = require('./GuildProfileHeader');
 16 | const GuildRelationships = require('./GuildRelationships');
 17 | const GuildInfoBase = require('./GuildInfoBase');
 18 | 
 19 | const { TabBar } = require('powercord/components');
 20 | 
 21 | const GuildProfileSections = {
 22 |   GUILD_INFO: 'GUILD_INFO',
 23 |   FRIENDS: 'FRIENDS',
 24 |   BLOCKED_USERS: 'BLOCKED_USERS',
 25 | };
 26 | 
 27 | class GuildProfileTabBar extends React.PureComponent {
 28 |   constructor(props) {
 29 |     super(props);
 30 | 
 31 |     this.modules = {
 32 |       ...getModule(['topSection'], false),
 33 |     };
 34 |   }
 35 |   render() {
 36 |     const { setSection, section } = this.props;
 37 | 
 38 |     return (
 39 |       <div className={this.modules.tabBarContainer}>
 40 |         <TabBar
 41 |           className={this.modules.tabBar}
 42 |           selectedItem={section}
 43 |           type={TabBar.Types.TOP}
 44 |           onItemSelect={setSection}
 45 |         >
 46 |           <TabBar.Item
 47 |             className={this.modules.tabBarItem}
 48 |             id={GuildProfileSections.GUILD_INFO}
 49 |           >
 50 |             {Messages.GUILD_INFO}
 51 |           </TabBar.Item>
 52 |           <TabBar.Item
 53 |             className={this.modules.tabBarItem}
 54 |             id={GuildProfileSections.FRIENDS}
 55 |           >
 56 |             {Messages.FRIENDS_IN_GUILD}
 57 |           </TabBar.Item>
 58 |           <TabBar.Item
 59 |             className={this.modules.tabBarItem}
 60 |             id={GuildProfileSections.BLOCKED_USERS}
 61 |           >
 62 |             {Messages.BLOCKED_USERS_IN_GUILD}
 63 |           </TabBar.Item>
 64 |         </TabBar>
 65 |       </div>
 66 |     );
 67 |   }
 68 | }
 69 | 
 70 | class GuildProfileModal extends React.PureComponent {
 71 |   constructor(props) {
 72 |     super(props);
 73 | 
 74 |     this.modules = {
 75 |       ...getModule(['topSection'], false),
 76 |     };
 77 | 
 78 |     this.state = {
 79 |       section: GuildProfileSections.GUILD_INFO,
 80 |     };
 81 |   }
 82 | 
 83 |   async componentDidMount() {
 84 |     const { guild, getMemberCounts } = this.props;
 85 |     const memberData = await getMemberCounts(guild.id);
 86 |     this.setState({ counts: memberData });
 87 |   }
 88 | 
 89 |   render() {
 90 |     const { guild } = this.props;
 91 |     const { counts } = this.state;
 92 | 
 93 |     let section;
 94 | 
 95 |     switch (this.state.section) {
 96 |       case GuildProfileSections.GUILD_INFO:
 97 |         section = <GuildInfoBase guild={guild} />;
 98 |         break;
 99 |       case GuildProfileSections.FRIENDS:
100 |         section = (
101 |           <GuildRelationships
102 |             section={this.state.section}
103 |             relationships={this.props.friends}
104 |           />
105 |         );
106 |         break;
107 |       case GuildProfileSections.BLOCKED_USERS:
108 |         section = (
109 |           <GuildRelationships
110 |             section={this.state.section}
111 |             relationships={this.props.blocked}
112 |           />
113 |         );
114 |         break;
115 |     }
116 | 
117 |     return (
118 |       <ModalRoot className={this.modules.root} transitionState={1}>
119 |         <div className={this.modules.topSection}>
120 |           <GuildProfileHeader guild={guild} counts={counts} />
121 |           <GuildProfileTabBar
122 |             setSection={(section) => this.setState({ section })}
123 |             section={this.state.section}
124 |             guild={guild}
125 |           />
126 |         </div>
127 |         <div className={this.modules.body}>{section}</div>
128 |       </ModalRoot>
129 |     );
130 |   }
131 | }
132 | 
133 | module.exports = Flux.connectStoresAsync(
134 |   [
135 |     getModule(['getRelationships']),
136 |     getModule(['getCurrentUser', 'getUser']),
137 |     getModule(['isMember']),
138 |   ],
139 |   ([relationshipsStore, userStore, membersStore], compProps) => {
140 |     // Its safe to assume if the module aboves were found that this one is also loaded
141 |     const userFetcher = getModule(['getUser'], false);
142 |     const relationships = relationshipsStore.getRelationships();
143 |     const props = {
144 |       friends: [],
145 |       blocked: [],
146 |     };
147 | 
148 |     for (const userId in relationships) {
149 |       if (!membersStore.isMember(compProps.guild.id, userId)) {
150 |         continue;
151 |       }
152 | 
153 |       const relationshipType = relationships[userId];
154 |       const user = userStore.getUser(userId);
155 |       if (!user) {
156 |         userFetcher.getUser(userId);
157 |         continue;
158 |       }
159 | 
160 |       if (relationshipType === 1) {
161 |         props.friends.push(user);
162 |       } else if (relationshipType === 2) {
163 |         props.blocked.push(user);
164 |       }
165 |     }
166 |     return props;
167 |   }
168 | )(GuildProfileModal);
169 | 


--------------------------------------------------------------------------------
/components/GuildInfoBase.jsx:
--------------------------------------------------------------------------------
  1 | /*
  2 |  * Copyright (c) 2020 - 2021 NurMarvin (Marvin Witt)
  3 |  * Licensed under the Open Software License version 3.0
  4 |  */
  5 | 
  6 | const {
  7 |   React,
  8 |   i18n: { Messages },
  9 |   getModule,
 10 |   getModuleByDisplayName,
 11 | } = require('powercord/webpack');
 12 | 
 13 | const { Flex, Text } = require('powercord/components');
 14 | const AsyncComponent = require('powercord/components/AsyncComponent');
 15 | 
 16 | const FormSection = AsyncComponent.from(getModuleByDisplayName('FormSection'));
 17 | const Anchor = AsyncComponent.from(getModuleByDisplayName('Anchor'));
 18 | const Mention = AsyncComponent.from(getModuleByDisplayName('Mention'));
 19 | 
 20 | const { AdvancedScrollerThin } = getModule(['AdvancedScrollerThin'], false);
 21 | 
 22 | const ContextMenu = getModule(['closeContextMenu'], false);
 23 | const { close } = require('powercord/modal');
 24 | 
 25 | const UserProfileModalActionCreators = getModule(
 26 |   ['openUserProfileModal'],
 27 |   false
 28 | );
 29 | 
 30 | const GuildExplicitContentFilterTypes = [
 31 |   'EXPLICIT_CONTENT_FILTER_DISABLED',
 32 |   'EXPLICIT_CONTENT_FILTER_MEDIUM',
 33 |   'EXPLICIT_CONTENT_FILTER_HIGH',
 34 | ];
 35 | 
 36 | const GuildVerificationLevels = [
 37 |   'VERIFICATION_LEVEL_NONE',
 38 |   'VERIFICATION_LEVEL_LOW',
 39 |   'VERIFICATION_LEVEL_MEDIUM',
 40 |   'VERIFICATION_LEVEL_HIGH',
 41 |   'VERIFICATION_LEVEL_VERY_HIGH',
 42 | ];
 43 | 
 44 | const NsfwLevels = [
 45 |   'NSFW_LEVEL_DEFAULT',
 46 |   'NSFW_LEVEL_EXPLICIT',
 47 |   'NSFW_LEVEL_SAFE',
 48 |   'NSFW_LEVEL_AGE_RESTRICTED',
 49 | ];
 50 | 
 51 | class Section extends React.PureComponent {
 52 |   constructor(props) {
 53 |     super(props);
 54 | 
 55 |     this.modules = {
 56 |       marginBottom8: getModule(['marginBottom8'], false).marginBottom8,
 57 |     };
 58 |   }
 59 | 
 60 |   render() {
 61 |     const { children, title } = this.props;
 62 | 
 63 |     if (!children) {
 64 |       return null;
 65 |     }
 66 | 
 67 |     return (
 68 |       <FormSection
 69 |         className={[this.modules.marginBottom8, 'guild-info-section'].join(' ')}
 70 |         tag='h5'
 71 |         title={title}
 72 |       >
 73 |         <Text selectable={true}>{children}</Text>
 74 |       </FormSection>
 75 |     );
 76 |   }
 77 | }
 78 | 
 79 | module.exports = class GuildInfoBase extends React.PureComponent {
 80 |   constructor(props) {
 81 |     super(props);
 82 | 
 83 |     this.modules = {
 84 |       ...getModule(['topSection'], false),
 85 |       ...getModule(['infoScroller'], false),
 86 |       ...getModule(['emptyIconFriends', 'empty'], false),
 87 |     };
 88 | 
 89 |     this.state = {};
 90 |   }
 91 | 
 92 |   async componentDidMount() {
 93 |     const { getUser } = getModule(['getUser'], false);
 94 |     const { ownerId } = this.props.guild;
 95 | 
 96 |     const { getSerializedState } = await getModule(['getSerializedState']);
 97 |     const { getRegisteredExperiments } = await getModule([
 98 |       'getRegisteredExperiments',
 99 |     ]);
100 |     const { v3: murmurHash } = await getModule(['v3']);
101 | 
102 |     const { loadedGuildExperiments } = getSerializedState();
103 |     const registeredExperiments = getRegisteredExperiments();
104 | 
105 |     const object = {};
106 | 
107 |     Object.keys(registeredExperiments).forEach(
108 |       (experiment) => (object[murmurHash(experiment)] = experiment)
109 |     );
110 |     Object.entries(loadedGuildExperiments).forEach(
111 |       ([key, value]) =>
112 |         (loadedGuildExperiments[object[key]] = { ...value, hashKey: key })
113 |     );
114 | 
115 |     const enabledExperiments = Object.keys(loadedGuildExperiments).filter(
116 |       (k) => loadedGuildExperiments[k].hashKey != null && k != 'undefined'
117 |     );
118 |     const enabledGuildExperiments = {};
119 |     const y = {};
120 |     Object.keys(object).forEach((key) => {
121 |       y[object[key]] = key;
122 |     });
123 |     enabledExperiments.forEach((k) => {
124 |       enabledGuildExperiments[k] = loadedGuildExperiments[y[k]];
125 |     });
126 | 
127 |     const { id } = this.props.guild;
128 |     const experimentsEnabledForGuild = [];
129 | 
130 |     enabledExperiments.forEach((k) => {
131 |       const d = enabledGuildExperiments[k];
132 |       if (d.overrides[id] != undefined) {
133 |         experimentsEnabledForGuild.push(k);
134 |       }
135 |     });
136 | 
137 |     this.setState({
138 |       owner: await getUser(ownerId),
139 |       experiments: experimentsEnabledForGuild,
140 |     });
141 |   }
142 | 
143 |   handleContextMenu(event) {
144 |     ContextMenu.openContextMenu(event, () => {});
145 |   }
146 | 
147 |   render() {
148 |     const moment = getModule(['momentProperties'], false);
149 |     const { extractTimestamp } = getModule(['extractTimestamp'], false);
150 |     const { guild } = this.props;
151 |     const {
152 |       vanityURLCode,
153 |       description,
154 |       verificationLevel,
155 |       explicitContentFilter,
156 |       nsfwLevel,
157 |     } = guild;
158 |     const { owner, experiments } = this.state;
159 | 
160 |     const streamerMode = getModule(
161 |       ['hidePersonalInformation'],
162 |       false
163 |     ).hidePersonalInformation;
164 | 
165 |     if (streamerMode) {
166 |       return (
167 |         <div className={this.modules.empty}>
168 |           <div className={this.modules.emptyIconStreamerMode} />
169 |           <div className={this.modules.emptyText}>
170 |             {Messages.STREAMER_MODE_ENABLED}
171 |           </div>
172 |         </div>
173 |       );
174 |     }
175 | 
176 |     return (
177 |       <AdvancedScrollerThin
178 |         className={[this.modules.infoScroller, 'guild-profile'].join(' ')}
179 |         fade={true}
180 |       >
181 |         <Flex justify={Flex.Justify.START} wrap={Flex.Wrap.WRAP}>
182 |           <Section title={Messages.GUILD_OWNER}>
183 |             {owner ? (
184 |               <Mention
185 |                 className='mention'
186 |                 onContextMenu={(e) => this.handleContextMenu(e)}
187 |                 onClick={() => {
188 |                   close();
189 |                   UserProfileModalActionCreators.openUserProfileModal({
190 |                     userId: owner.id,
191 |                   });
192 |                 }}
193 |               >
194 |                 @{owner.username}#{owner.discriminator}
195 |               </Mention>
196 |             ) : (
197 |               `${Messages.LOADING}...`
198 |             )}
199 |           </Section>
200 |           <Section title={Messages.FORM_LABEL_SERVER_DESCRIPTION}>
201 |             {description}
202 |           </Section>
203 |           {vanityURLCode && (
204 |             <Section title={Messages.VANITY_URL}>
205 |               <Anchor href={`https://discord.gg/${vanityURLCode}`}>
206 |                 discord.gg/{vanityURLCode}
207 |               </Anchor>
208 |             </Section>
209 |           )}
210 |           <Section title={Messages.CREATED_AT}>
211 |             {moment(extractTimestamp(guild.id)).format('LLL')}
212 |           </Section>
213 |           <Section title={Messages.JOINED_AT}>
214 |             {moment(guild.joinedAt).format('LLL')}
215 |           </Section>
216 |           <Section title={Messages.FORM_LABEL_VERIFICATION_LEVEL}>
217 |             {Messages[GuildVerificationLevels[verificationLevel]]}
218 |           </Section>
219 |           <Section title={Messages.FORM_LABEL_EXPLICIT_CONTENT_FILTER}>
220 |             {Messages[GuildExplicitContentFilterTypes[explicitContentFilter]]}
221 |           </Section>
222 |           <Section title={Messages.GUILD_PREMIUM_SUBSCRIBER_COUNT}>
223 |             {guild.premiumSubscriberCount}
224 |           </Section>
225 |           <Section title={Messages.GUILD_PREMIUM_TIER}>
226 |             {guild.premiumTier}
227 |           </Section>
228 |           <Section title={Messages.PREFERRED_LOCALE}>
229 |             {guild.preferredLocale}
230 |           </Section>
231 |           <Section title={Messages.NSFW}>
232 |             {Messages[NsfwLevels[nsfwLevel]]}
233 |           </Section>
234 |           <Section title={Messages.ENABLED_EXPERIMENTS}>
235 |             {experiments && experiments.length > 0
236 |               ? experiments.join(', ')
237 |               : Messages.NONE}
238 |           </Section>
239 |         </Flex>
240 |       </AdvancedScrollerThin>
241 |     );
242 |   }
243 | };
244 | 


--------------------------------------------------------------------------------
/index.js:
--------------------------------------------------------------------------------
  1 | /*
  2 |  * Copyright (c) 2020 - 2021 NurMarvin (Marvin Witt)
  3 |  * Licensed under the Open Software License version 3.0
  4 |  */
  5 | 
  6 | const { Plugin } = require("powercord/entities");
  7 | const { inject, uninject } = require("powercord/injector");
  8 | const {
  9 |   React,
 10 |   getModule,
 11 |   getModuleByDisplayName,
 12 |   FluxDispatcher,
 13 |   subscribe,
 14 |   i18n: { Messages },
 15 | } = require("powercord/webpack");
 16 | const { open } = require("powercord/modal");
 17 | const { findInReactTree } = require("powercord/util");
 18 | const i18n = require("./i18n");
 19 | 
 20 | const GuildProfileModal = require("./components/GuildProfileModal");
 21 | const GuildProfileIcon = require("./components/GuildProfileIcon");
 22 | 
 23 | const memberCountsStore = require("./memberCountsStore/store");
 24 | const memberCountsActions = require("./memberCountsStore/actions");
 25 | 
 26 | const { getCurrentUser } = getModule(["getCurrentUser"], false);
 27 | 
 28 | module.exports = class GuildProfile extends Plugin {
 29 |   async startPlugin() {
 30 |     powercord.api.i18n.loadAllStrings(i18n);
 31 |     this.loadStylesheet("styles.scss");
 32 |     this._injectContextMenu();
 33 |     this._injectMenu();
 34 | 
 35 |     this.handleMemberListUpdate = this.handleMemberListUpdate.bind(this);
 36 | 
 37 |     FluxDispatcher.subscribe(
 38 |       "GUILD_MEMBER_LIST_UPDATE",
 39 |       this.handleMemberListUpdate
 40 |     );
 41 |   }
 42 | 
 43 |   handleMemberListUpdate(memberListUpdate) {
 44 |     this.updateMemberCounts(memberListUpdate);
 45 |   }
 46 | 
 47 |   getMemberCounts(id) {
 48 |     return new Promise((resolve) => {
 49 |       const memberCounts = memberCountsStore.getMemberCounts(id);
 50 | 
 51 |       // If the member count is in the Flux store just send that data
 52 |       if (memberCounts) {
 53 |         resolve(memberCounts);
 54 |         return;
 55 |       }
 56 | 
 57 |       const { requestMembers } = getModule(["requestMembers"], false);
 58 |       requestMembers(id);
 59 | 
 60 |       const updateMemberCounts = (memberListUpdate) => {
 61 |         return this.updateMemberCounts(memberListUpdate);
 62 |       };
 63 | 
 64 |       function onReceived(memberListUpdate) {
 65 |         if (memberListUpdate.guildId === id) {
 66 |           resolve(updateMemberCounts(memberListUpdate));
 67 |         }
 68 |       }
 69 | 
 70 |       FluxDispatcher.subscribe("GUILD_MEMBER_LIST_UPDATE", onReceived);
 71 |     });
 72 |   }
 73 | 
 74 |   updateMemberCounts(memberListUpdate) {
 75 |     const { guildId, memberCount, groups } = memberListUpdate;
 76 |     const onlineCount = groups
 77 |       .map((group) => (group.id != "offline" ? group.count : 0))
 78 |       .reduce((a, b) => {
 79 |         return a + b;
 80 |       }, 0);
 81 |     const memberCounts = { guildId, memberCount, onlineCount };
 82 | 
 83 |     memberCountsActions.updateMemberCounts(memberCounts);
 84 |     return memberCounts;
 85 |   }
 86 | 
 87 |   async _injectContextMenu() {
 88 |     const Menu = await getModule(["MenuItem"]);
 89 |     const getMemberCounts = (guildId) => {
 90 |       return this.getMemberCounts(guildId);
 91 |     };
 92 | 
 93 |     subscribe(x => x.default?.displayName === "GuildContextMenuWrapper", GuildContextMenuWrapper => {
 94 |       inject("guild-profile-context-menu", GuildContextMenuWrapper, "default", ([{ guild }], res) => {
 95 |         const renderContextMenu = res.props.children.type;
 96 |         res.props.children.type = (props) => {
 97 |           const contextMenu = renderContextMenu(props);
 98 |           contextMenu.props.children.unshift(
 99 |             React.createElement(
100 |               Menu.MenuGroup,
101 |               null,
102 |               React.createElement(Menu.MenuItem, {
103 |                 id: "guild-profile",
104 |                 label: Messages.GUILD_PROFILE,
105 |                 action: () =>
106 |                   this._openModalHandler(() =>
107 |                     React.createElement(GuildProfileModal, {
108 |                       guild,
109 |                       section: "GUILD_INFO",
110 |                       getMemberCounts,
111 |                     })
112 |                   ),
113 |               })
114 |             )
115 |           );
116 |           return contextMenu;
117 |         };
118 |         return res;
119 |       })
120 |     });
121 |   }
122 | 
123 |   async _injectMenu() {
124 |     const id = "guild-profile";
125 |     const Menu = await getModule(["MenuItem"]);
126 |     const { getGuild } = await getModule(["getGuild"]);
127 |     const { getGuildId } = await getModule(["getLastSelectedGuildId"]);
128 | 
129 |     const getMemberCounts = (guildId) => {
130 |       return this.getMemberCounts(guildId);
131 |     };
132 | 
133 |     inject("guild-profile-menu", Menu, "default", ([{ children }], res) => {
134 |       const menuId = res.props.children.props.id;
135 | 
136 |       if (menuId !== "guild-header-popout")
137 |         return res;
138 | 
139 |       if (!findInReactTree(res, (c) => c.props && c.props.id == id)) {
140 |         children.unshift(
141 |           React.createElement(
142 |             Menu.MenuGroup,
143 |             null,
144 |             React.createElement(Menu.MenuItem, {
145 |               id,
146 |               label: Messages.GUILD_PROFILE,
147 |               icon: () => React.createElement(GuildProfileIcon),
148 |               action: () =>
149 |                 this._openModalHandler(() =>
150 |                   React.createElement(GuildProfileModal, {
151 |                     guild: getGuild(getGuildId()),
152 |                     section: "GUILD_INFO",
153 |                     getMemberCounts,
154 |                   })
155 |                 ),
156 |             })
157 |           )
158 |         );
159 |       }
160 |       return res;
161 |     });
162 | 
163 |     Menu.default.displayName = "Menu";
164 |   }
165 | 
166 |   _openModalHandler(element) {
167 |     const { openUserProfileModal } = getModule(["openUserProfileModal"], false);
168 |     const module = getModule(["openModalLazy"], false);
169 | 
170 |     if (getModuleByDisplayName("UserProfileModal", false) !== null) {
171 |       open(element);
172 |       return;
173 |     }
174 | 
175 |     // So, the modules that are needed to render our modal are in another chunk, which is still not loaded.
176 |     // We call a function that loads modules for UserProfileModal,
177 |     // but the user will not see the final UserProfileModal -
178 |     // since it will be replaced at the last stage with our element
179 | 
180 |     const { ModalRoot } = getModule(["ModalRoot"], false);
181 |     const userId = getCurrentUser().id;
182 | 
183 |     inject(
184 |       "guild-profile-open-modal-lazy",
185 |       module,
186 |       "openModalLazy",
187 |       ([initLazyRender]) => {
188 |         const warpInitLazyRender = () => {
189 |           const lazyRender = initLazyRender();
190 | 
191 |           return new Promise(async (resolve) => {
192 |             const render = await lazyRender;
193 | 
194 |             resolve((event) => {
195 |               const res = render(event);
196 | 
197 |               if (res?.type?.displayName === "UserProfileModal") {
198 |                 const { props } = res;
199 |                 const { root } = getModule(["root", "body"], false);
200 | 
201 |                 if (props.guildId === "@me" && props.user.id === userId) {
202 |                   if (props.transitionState === 3) {
203 |                     // = close modal
204 |                     uninject("guild-profile-open-modal-lazy");
205 |                   }
206 | 
207 |                   return React.createElement(ModalRoot, {
208 |                     transitionState: props.transitionState,
209 |                     className: root,
210 |                     children: element(),
211 |                   });
212 |                 }
213 |               }
214 |               return res;
215 |             });
216 |           });
217 |         };
218 | 
219 |         return [warpInitLazyRender];
220 |       },
221 |       true
222 |     );
223 | 
224 |     openUserProfileModal({ userId });
225 |   }
226 | 
227 |   pluginWillUnload() {
228 |     uninject("guild-profile-context-menu");
229 |     uninject("guild-profile-menu");
230 |     uninject("guild-profile-open-modal-lazy");
231 |     FluxDispatcher.unsubscribe(
232 |       "GUILD_MEMBER_LIST_UPDATE",
233 |       this.handleMemberListUpdate
234 |     );
235 |   }
236 | };
237 | 


--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
  1 | Open Software License ("OSL") v. 3.0
  2 | 
  3 | This Open Software License (the "License") applies to any original work of
  4 | authorship (the "Original Work") whose owner (the "Licensor") has placed the
  5 | following licensing notice adjacent to the copyright notice for the Original
  6 | Work:
  7 | 
  8 | Licensed under the Open Software License version 3.0
  9 | 
 10 | 1) Grant of Copyright License. Licensor grants You a worldwide, royalty-free,
 11 | non-exclusive, sublicensable license, for the duration of the copyright, to do
 12 | the following:
 13 | 
 14 |   a) to reproduce the Original Work in copies, either alone or as part of a
 15 |   collective work;
 16 | 
 17 |   b) to translate, adapt, alter, transform, modify, or arrange the Original
 18 |   Work, thereby creating derivative works ("Derivative Works") based upon the
 19 |   Original Work;
 20 | 
 21 |   c) to distribute or communicate copies of the Original Work and Derivative
 22 |   Works to the public, with the proviso that copies of Original Work or
 23 |   Derivative Works that You distribute or communicate shall be licensed under
 24 |   this Open Software License;
 25 | 
 26 |   d) to perform the Original Work publicly; and
 27 | 
 28 |   e) to display the Original Work publicly.
 29 | 
 30 | 2) Grant of Patent License. Licensor grants You a worldwide, royalty-free,
 31 | non-exclusive, sublicensable license, under patent claims owned or controlled
 32 | by the Licensor that are embodied in the Original Work as furnished by the
 33 | Licensor, for the duration of the patents, to make, use, sell, offer for sale,
 34 | have made, and import the Original Work and Derivative Works.
 35 | 
 36 | 3) Grant of Source Code License. The term "Source Code" means the preferred
 37 | form of the Original Work for making modifications to it and all available
 38 | documentation describing how to modify the Original Work. Licensor agrees to
 39 | provide a machine-readable copy of the Source Code of the Original Work along
 40 | with each copy of the Original Work that Licensor distributes. Licensor
 41 | reserves the right to satisfy this obligation by placing a machine-readable
 42 | copy of the Source Code in an information repository reasonably calculated to
 43 | permit inexpensive and convenient access by You for as long as Licensor
 44 | continues to distribute the Original Work.
 45 | 
 46 | 4) Exclusions From License Grant. Neither the names of Licensor, nor the names
 47 | of any contributors to the Original Work, nor any of their trademarks or
 48 | service marks, may be used to endorse or promote products derived from this
 49 | Original Work without express prior permission of the Licensor. Except as
 50 | expressly stated herein, nothing in this License grants any license to
 51 | Licensor's trademarks, copyrights, patents, trade secrets or any other
 52 | intellectual property. No patent license is granted to make, use, sell, offer
 53 | for sale, have made, or import embodiments of any patent claims other than the
 54 | licensed claims defined in Section 2. No license is granted to the trademarks
 55 | of Licensor even if such marks are included in the Original Work. Nothing in
 56 | this License shall be interpreted to prohibit Licensor from licensing under
 57 | terms different from this License any Original Work that Licensor otherwise
 58 | would have a right to license.
 59 | 
 60 | 5) External Deployment. The term "External Deployment" means the use,
 61 | distribution, or communication of the Original Work or Derivative Works in any
 62 | way such that the Original Work or Derivative Works may be used by anyone
 63 | other than You, whether those works are distributed or communicated to those
 64 | persons or made available as an application intended for use over a network.
 65 | As an express condition for the grants of license hereunder, You must treat
 66 | any External Deployment by You of the Original Work or a Derivative Work as a
 67 | distribution under section 1(c).
 68 | 
 69 | 6) Attribution Rights. You must retain, in the Source Code of any Derivative
 70 | Works that You create, all copyright, patent, or trademark notices from the
 71 | Source Code of the Original Work, as well as any notices of licensing and any
 72 | descriptive text identified therein as an "Attribution Notice." You must cause
 73 | the Source Code for any Derivative Works that You create to carry a prominent
 74 | Attribution Notice reasonably calculated to inform recipients that You have
 75 | modified the Original Work.
 76 | 
 77 | 7) Warranty of Provenance and Disclaimer of Warranty. Licensor warrants that
 78 | the copyright in and to the Original Work and the patent rights granted herein
 79 | by Licensor are owned by the Licensor or are sublicensed to You under the
 80 | terms of this License with the permission of the contributor(s) of those
 81 | copyrights and patent rights. Except as expressly stated in the immediately
 82 | preceding sentence, the Original Work is provided under this License on an "AS
 83 | IS" BASIS and WITHOUT WARRANTY, either express or implied, including, without
 84 | limitation, the warranties of non-infringement, merchantability or fitness for
 85 | a particular purpose. THE ENTIRE RISK AS TO THE QUALITY OF THE ORIGINAL WORK
 86 | IS WITH YOU. This DISCLAIMER OF WARRANTY constitutes an essential part of this
 87 | License. No license to the Original Work is granted by this License except
 88 | under this disclaimer.
 89 | 
 90 | 8) Limitation of Liability. Under no circumstances and under no legal theory,
 91 | whether in tort (including negligence), contract, or otherwise, shall the
 92 | Licensor be liable to anyone for any indirect, special, incidental, or
 93 | consequential damages of any character arising as a result of this License or
 94 | the use of the Original Work including, without limitation, damages for loss
 95 | of goodwill, work stoppage, computer failure or malfunction, or any and all
 96 | other commercial damages or losses. This limitation of liability shall not
 97 | apply to the extent applicable law prohibits such limitation.
 98 | 
 99 | 9) Acceptance and Termination. If, at any time, You expressly assented to this
100 | License, that assent indicates your clear and irrevocable acceptance of this
101 | License and all of its terms and conditions. If You distribute or communicate
102 | copies of the Original Work or a Derivative Work, You must make a reasonable
103 | effort under the circumstances to obtain the express assent of recipients to
104 | the terms of this License. This License conditions your rights to undertake
105 | the activities listed in Section 1, including your right to create Derivative
106 | Works based upon the Original Work, and doing so without honoring these terms
107 | and conditions is prohibited by copyright law and international treaty.
108 | Nothing in this License is intended to affect copyright exceptions and
109 | limitations (including "fair use" or "fair dealing"). This License shall
110 | terminate immediately and You may no longer exercise any of the rights granted
111 | to You by this License upon your failure to honor the conditions in Section
112 | 1(c).
113 | 
114 | 10) Termination for Patent Action. This License shall terminate automatically
115 | and You may no longer exercise any of the rights granted to You by this
116 | License as of the date You commence an action, including a cross-claim or
117 | counterclaim, against Licensor or any licensee alleging that the Original Work
118 | infringes a patent. This termination provision shall not apply for an action
119 | alleging patent infringement by combinations of the Original Work with other
120 | software or hardware.
121 | 
122 | 11) Jurisdiction, Venue and Governing Law. Any action or suit relating to this
123 | License may be brought only in the courts of a jurisdiction wherein the
124 | Licensor resides or in which Licensor conducts its primary business, and under
125 | the laws of that jurisdiction excluding its conflict-of-law provisions. The
126 | application of the United Nations Convention on Contracts for the
127 | International Sale of Goods is expressly excluded. Any use of the Original
128 | Work outside the scope of this License or after its termination shall be
129 | subject to the requirements and penalties of copyright or patent law in the
130 | appropriate jurisdiction. This section shall survive the termination of this
131 | License.
132 | 
133 | 12) Attorneys' Fees. In any action to enforce the terms of this License or
134 | seeking damages relating thereto, the prevailing party shall be entitled to
135 | recover its costs and expenses, including, without limitation, reasonable
136 | attorneys' fees and costs incurred in connection with such action, including
137 | any appeal of such action. This section shall survive the termination of this
138 | License.
139 | 
140 | 13) Miscellaneous. If any provision of this License is held to be
141 | unenforceable, such provision shall be reformed only to the extent necessary
142 | to make it enforceable.
143 | 
144 | 14) Definition of "You" in This License. "You" throughout this License,
145 | whether in upper or lower case, means an individual or a legal entity
146 | exercising rights under, and complying with all of the terms of, this License.
147 | For legal entities, "You" includes any entity that controls, is controlled by,
148 | or is under common control with you. For purposes of this definition,
149 | "control" means (i) the power, direct or indirect, to cause the direction or
150 | management of such entity, whether by contract or otherwise, or (ii) ownership
151 | of fifty percent (50%) or more of the outstanding shares, or (iii) beneficial
152 | ownership of such entity.
153 | 
154 | 15) Right to Use. You may use the Original Work in all ways not otherwise
155 | restricted or conditioned by this License or by law, and Licensor promises not
156 | to interfere with or be responsible for such uses by You.
157 | 
158 | 16) Modification of This License. This License is Copyright © 2005 Lawrence
159 | Rosen. Permission is granted to copy, distribute, or communicate this License
160 | without modification. Nothing in this License permits You to modify this
161 | License as applied to the Original Work or to Derivative Works. However, You
162 | may modify the text of this License and copy, distribute or communicate your
163 | modified version (the "Modified License") and apply it to other original works
164 | of authorship subject to the following conditions: (i) You may not indicate in
165 | any way that your Modified License is the "Open Software License" or "OSL" and
166 | you may not use those names in the name of your Modified License; (ii) You
167 | must replace the notice specified in the first paragraph above with the notice
168 | "Licensed under <insert your license name here>" or with a notice of your own
169 | that is not confusingly similar to the notice in this License; and (iii) You
170 | may not claim that your original works are open source software unless your
171 | Modified License has been approved by Open Source Initiative (OSI) and You
172 | comply with its license review and certification process.
173 | 


--------------------------------------------------------------------------------
/components/Icons.jsx:
--------------------------------------------------------------------------------
  1 | const { React } = require("powercord/webpack");
  2 | 
  3 | module.exports = {
  4 |   AUTO_MODERATION: React.memo((props) => (
  5 |     <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" {...props}>
  6 |       <path
  7 |         d="M9 20a1 1 0 0 0-1-1H2a1 1 0 0 0-1 1v2H0v2h10v-2H9zM7.706 7.293a1 1 0 0 0-1.414 0l-2 2a1 1 0 0 0 0 1.415l6 6a1 1 0 0 0 1.414 0l2-2a1 1 0 0 0 0-1.415zm9.586 2.415a1 1 0 0 0 1.414 0l2-2a1 1 0 0 0 0-1.415l-6-6a1 1 0 0 0-1.414 0l-2 2a1 1 0 0 0 0 1.415zm6.414 8.585-7.834-7.835a.987.987 0 0 0-.166-1.165l-4-4a1 1 0 0 0-1.414 0l-1 1a1 1 0 0 0 0 1.415l4 4A1 1 0 0 0 14 12a.983.983 0 0 0 .458-.127l7.835 7.835z"
  8 |         fill="currentColor"
  9 |       />
 10 |     </svg>
 11 |   )),
 12 |   ANIMATED_BANNER: React.memo((props) => (
 13 |     <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" {...props}>
 14 |       <path
 15 |         d="M12 2.32898L16.767 6.49998H19.8L12.658 0.246982C12.4758 0.0877511 12.242 0 12 0C11.758 0 11.5242 0.0877511 11.342 0.246982L4.2 6.49998H7.233L12 2.32898Z"
 16 |         fill="currentColor"
 17 |       />
 18 |       <path
 19 |         fill-rule="evenodd"
 20 |         clip-rule="evenodd"
 21 |         d="M2 7.99998C1.46957 7.99998 0.960859 8.2107 0.585786 8.58577C0.210714 8.96084 0 9.46955 0 9.99998V22C0 22.5304 0.210714 23.0391 0.585786 23.4142C0.960859 23.7893 1.46957 24 2 24H22C22.5304 24 23.0391 23.7893 23.4142 23.4142C23.7893 23.0391 24 22.5304 24 22V9.99998C24 9.46955 23.7893 8.96084 23.4142 8.58577C23.0391 8.2107 22.5304 7.99998 22 7.99998H2ZM5 14H9V12H5C4.46975 12.0006 3.9614 12.2115 3.58645 12.5865C3.21151 12.9614 3.0006 13.4698 3 14V18C3.0006 18.5302 3.21151 19.0386 3.58645 19.4135C3.9614 19.7885 4.46975 19.9994 5 20H7C7.53025 19.9994 8.0386 19.7885 8.41355 19.4135C8.78849 19.0386 8.9994 18.5302 9 18V15H6V17H7V18H5V14ZM13 14H14V12H10V14H11V18H10V20H14V18H13V14ZM21 14H17V15H20V17H17V20H15V14C15.0006 13.4698 15.2115 12.9614 15.5865 12.5865C15.9614 12.2115 16.4698 12.0006 17 12H21V14Z"
 22 |         fill="currentColor"
 23 |       />
 24 |     </svg>
 25 |   )),
 26 |   ANIMATED_ICON: React.memo((props) => (
 27 |     <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" {...props}>
 28 |       <path
 29 |         fill-rule="evenodd"
 30 |         clip-rule="evenodd"
 31 |         d="M20 2H4C3.46957 2 2.96086 2.21071 2.58579 2.58579C2.21071 2.96086 2 3.46957 2 4V20C2 20.5304 2.21071 21.0391 2.58579 21.4142C2.96086 21.7893 3.46957 22 4 22H20C20.5304 22 21.0391 21.7893 21.4142 21.4142C21.7893 21.0391 22 20.5304 22 20V4C22 3.46957 21.7893 2.96086 21.4142 2.58579C21.0391 2.21071 20.5304 2 20 2ZM5.77778 10.5H9.33333V9H5.77778C5.30645 9.00045 4.85457 9.15863 4.52129 9.43984C4.18801 9.72105 4.00054 10.1023 4 10.5V13.5C4.00054 13.8977 4.18801 14.279 4.52129 14.5602C4.85457 14.8414 5.30645 14.9995 5.77778 15H7.55556C8.02689 14.9995 8.47876 14.8414 8.81204 14.5602C9.14532 14.279 9.3328 13.8977 9.33333 13.5V11.25H6.66667V12.75H7.55556V13.5H5.77778V10.5ZM12.8889 10.5H13.7778V9H10.2222V10.5H11.1111V13.5H10.2222V15H13.7778V13.5H12.8889V10.5ZM16.4444 10.5H20V9H16.4444C15.9731 9.00045 15.5212 9.15863 15.188 9.43984C14.8547 9.72105 14.6672 10.1023 14.6667 10.5V15H16.4444V12.75H19.1111V11.25H16.4444V10.5Z"
 32 |         fill="currentColor"
 33 |       />
 34 |     </svg>
 35 |   )),
 36 |   BANNER: React.memo((props) => (
 37 |     <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" {...props}>
 38 |       <path
 39 |         d="M12 2.329 16.767 6.5H19.8L12.658.247a1 1 0 0 0-1.316 0L4.2 6.5h3.033zM22 8H2a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h20a2 2 0 0 0 2-2V10a2 2 0 0 0-2-2zM5 20l3.5-5 2 2.5L14 12l5 8z"
 40 |         fill="currentColor"
 41 |       />
 42 |     </svg>
 43 |   )),
 44 |   BOT_DEVELOPER_EARLY_ACCESS: React.memo((props) => (
 45 |     <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" {...props}>
 46 |       <path
 47 |         d="M12 2C14.761 2 17 4.238 17 7V9H7V7C7 4.238 9.238 2 12 2ZM10.5 5.5C10.5 6.329 11.172 7 12 7C12.828 7 13.5 6.329 13.5 5.5C13.5 4.671 12.828 4 12 4C11.172 4 10.5 4.671 10.5 5.5ZM23 22H17L19 19V12H17V18C17 18.553 16.552 19 16 19H14L15 22H9L10 19H8C7.448 19 7 18.553 7 18V12H5V19L7 22H1L3 19V12C3 10.896 3.897 10 5 10H19C20.103 10 21 10.896 21 12V19L23 22ZM13 14C13 14.553 13.448 15 14 15C14.552 15 15 14.553 15 14C15 13.447 14.552 13 14 13C13.448 13 13 13.447 13 14Z"
 48 |         fill="currentColor"
 49 |       />
 50 |     </svg>
 51 |   )),
 52 |   COMMERCE: React.memo((props) => (
 53 |     <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" {...props}>
 54 |       <path
 55 |         d="M21.707 13.293L10.707 2.293C10.519 2.105 10.266 2 10 2H3C2.447 2 2 2.447 2 3V10C2 10.266 2.105 10.519 2.293 10.707L13.293 21.707C13.488 21.902 13.744 22 14 22C14.256 22 14.512 21.902 14.707 21.707L21.707 14.707C22.098 14.316 22.098 13.684 21.707 13.293ZM7 9C5.894 9 5 8.104 5 7C5 5.894 5.894 5 7 5C8.104 5 9 5.894 9 7C9 8.104 8.104 9 7 9Z"
 56 |         fill="currentColor"
 57 |       />
 58 |     </svg>
 59 |   )),
 60 |   COMMUNITY: React.memo((props) => (
 61 |     <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" {...props}>
 62 |       <path
 63 |         d="M17 3.353V11h-2v4l-4 2v-4H7v-3l4-2V2.051a10.024 10.024 0 1 0 6 1.3z"
 64 |         fill="currentColor"
 65 |       />
 66 |     </svg>
 67 |   )),
 68 |   CREATOR_MONETIZABLE: React.memo((props) => (
 69 |     <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" {...props}>
 70 |       <circle cx={8} cy={12} r={4} fill="currentColor" />
 71 |       <path
 72 |         d="M8 17c-4.711 0-8 2.467-8 6v1h16v-1c0-3.533-3.29-6-8-6zM21 5h-2a1 1 0 0 1 0-2h4V1h-2V0h-2v1a3 3 0 0 0 0 6h2a1 1 0 0 1 0 2h-4v2h2v1h2v-1a3 3 0 0 0 0-6z"
 73 |         fill="currentColor"
 74 |       />
 75 |     </svg>
 76 |   )),
 77 |   DISCOVERABLE: React.memo((props) => (
 78 |     <svg
 79 |       xmlns="http://www.w3.org/2000/svg"
 80 |       fill="none"
 81 |       viewBox="0 0 24 24"
 82 |       {...props}
 83 |     >
 84 |       <path
 85 |         fill="currentColor"
 86 |         fillRule="evenodd"
 87 |         d="M8.89443 2.49398C9.2851 1.71263 9.67567 1.05131 10 0.543746C10.3243 1.05131 10.7149 1.71263 11.1056 2.49398C11.5176 3.31803 11.9243 4.26467 12.2545 5.29677H7.74546C8.07574 4.26467 8.4824 3.31803 8.89443 2.49398ZM5.65643 5.29677C6.05385 3.89865 6.58341 2.64387 7.10557 1.59955C7.40668 0.997329 7.70784 0.460103 7.98432 0C4.95392 0.620217 2.42286 2.61118 1.06729 5.29677H5.65643ZM0.315044 7.29677H5.20771C5.07621 8.10166 5 8.93835 5 9.79676C5 10.6552 5.07621 11.4919 5.20771 12.2968H0.315043C0.109382 11.4977 0 10.66 0 9.79677C0 8.93352 0.109382 8.09582 0.315044 7.29677ZM1.06729 14.2968H5.65643C6.05385 15.6949 6.58341 16.9497 7.10557 17.994C7.40669 18.5962 7.70785 19.1334 7.98433 19.5935C4.95392 18.9733 2.42286 16.9824 1.06729 14.2968ZM8.1404 14.2968H7.74547C7.83476 14.5758 7.92964 14.8486 8.0287 15.1144C8.05208 14.8376 8.08955 14.5648 8.1404 14.2968ZM8.80423 12.2968H7.23789C7.08803 11.491 7 10.6531 7 9.79676C7 8.9404 7.08803 8.1025 7.23789 7.29677H12.7621C12.8299 7.66136 12.8851 8.03254 12.9251 8.40904C11.1235 9.15974 9.65532 10.5502 8.80423 12.2968ZM19.9549 8.84115C18.7885 8.17649 17.4386 7.79677 16 7.79677C15.6186 7.79677 15.2435 7.82346 14.8763 7.87507C14.8516 7.6806 14.8235 7.48779 14.7923 7.29677H19.685C19.8138 7.79746 19.9049 8.31333 19.9549 8.84115ZM18.9327 5.29677C17.5771 2.61119 15.0461 0.620224 12.0157 6.22053e-06C12.2922 0.460108 12.5933 0.997332 12.8944 1.59955C13.4166 2.64387 13.9461 3.89865 14.3436 5.29677H18.9327ZM16 11.7968C13.7909 11.7968 12 13.5876 12 15.7968C12 18.0059 13.7909 19.7968 16 19.7968C18.2091 19.7968 20 18.0059 20 15.7968C20 13.5876 18.2091 11.7968 16 11.7968ZM10 15.7968C10 12.4831 12.6863 9.79677 16 9.79677C19.3137 9.79677 22 12.4831 22 15.7968C22 17.0926 21.5892 18.2925 20.8907 19.2733L23.7071 22.0897L22.2929 23.5039L19.4765 20.6875C18.4957 21.386 17.2958 21.7968 16 21.7968C12.6863 21.7968 10 19.1105 10 15.7968Z"
 88 |         clipRule="evenodd"
 89 |       />
 90 |     </svg>
 91 |   )),
 92 |   ENABLED_DISCOVERABLE_BEFORE: React.memo((props) => (
 93 |     <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" {...props}>
 94 |       <path
 95 |         d="M21.8541 20.439L16.4541 15.044C17.7069 13.4316 18.2979 11.4022 18.1069 9.36926C17.9159 7.33629 16.9572 5.45256 15.4261 4.10163C13.8949 2.7507 11.9064 2.03416 9.86552 2.09791C7.8246 2.16166 5.88471 3.00091 4.44085 4.44476C2.997 5.88861 2.15775 7.8285 2.094 9.86943C2.03026 11.9103 2.7468 13.8988 4.09773 15.43C5.44865 16.9611 7.33239 17.9198 9.36535 18.1108C11.3983 18.3018 13.4276 17.7108 15.0401 16.458L20.4401 21.858L21.8541 20.439ZM10.1461 16.146C8.95943 16.146 7.79939 15.7941 6.8127 15.1348C5.826 14.4756 5.05697 13.5385 4.60284 12.4421C4.14872 11.3458 4.0299 10.1394 4.26141 8.97549C4.49292 7.8116 5.06437 6.7425 5.90348 5.90339C6.7426 5.06427 7.81169 4.49283 8.97558 4.26132C10.1395 4.0298 11.3459 4.14862 12.4422 4.60275C13.5386 5.05688 14.4757 5.82591 15.1349 6.81261C15.7942 7.7993 16.1461 8.95934 16.1461 10.146C16.1443 11.7368 15.5115 13.2618 14.3867 14.3866C13.2619 15.5114 11.7369 16.1442 10.1461 16.146V16.146Z"
 96 |         fill="currentColor"
 97 |       />
 98 |       <path
 99 |         d="M10 7C9.40666 7 8.82664 7.17595 8.33329 7.50559C7.83994 7.83524 7.45543 8.30377 7.22836 8.85195C7.0013 9.40013 6.94189 10.0033 7.05765 10.5853C7.1734 11.1672 7.45912 11.7018 7.87868 12.1213C8.29824 12.5409 8.83279 12.8266 9.41473 12.9424C9.99667 13.0581 10.5999 12.9987 11.1481 12.7716C11.6962 12.5446 12.1648 12.1601 12.4944 11.6667C12.8241 11.1734 13 10.5933 13 10C12.9991 9.20462 12.6828 8.44206 12.1204 7.87964C11.5579 7.31722 10.7954 7.00087 10 7V7ZM10.72 11.14L9.52 10.24C9.48274 10.2121 9.4525 10.1758 9.43167 10.1342C9.41084 10.0925 9.4 10.0466 9.4 10V8.5H10V9.85L11.08 10.66L10.72 11.14Z"
100 |         fill="currentColor"
101 |       />
102 |     </svg>
103 |   )),
104 |   EXPOSED_TO_ACTIVITIES_WTP_EXPERIMENT: React.memo((props) => (
105 |     <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" {...props}>
106 |       <path
107 |         fill-rule="evenodd"
108 |         clip-rule="evenodd"
109 |         d="M10.5857 19.0709L4.92871 13.4149L12.7074 5.63622C14.1213 4.2217 17.5153 1.39317 21.1923 2.80745C22.6066 6.48373 19.7781 9.87856 18.3639 11.2927L10.5857 19.0709ZM18.064 7.93306C18.064 9.03763 17.1686 9.93306 16.064 9.93306C14.9594 9.93306 14.064 9.03763 14.064 7.93306C14.064 6.82849 14.9594 5.93306 16.064 5.93306C17.1686 5.93306 18.064 6.82849 18.064 7.93306Z"
110 |         fill="currentColor"
111 |       />
112 |       <path
113 |         d="M3.41353 16.7844C2.34942 17.8496 2 22 2 22C2 22 6.15121 21.6521 7.21623 20.5869C7.71239 20.0915 7.96634 19.4494 7.99996 18.8004L5.21281 18.7866L5.19825 16C4.54943 16.0336 3.90969 16.2881 3.41353 16.7844Z"
114 |         fill="currentColor"
115 |       />
116 |       <path
117 |         d="M9.17143 9.17151H3.51458L1.74683 10.9393L6.34301 11.9999L9.17143 9.17151Z"
118 |         fill="currentColor"
119 |       />
120 |       <path
121 |         d="M14.8284 14.8282V20.4851L13.0607 22.2528L12 17.6567L14.8284 14.8282Z"
122 |         fill="currentColor"
123 |       />
124 |       <path
125 |         d="M18.8 15.2222H23V14.1111H20.6V13H19.4V14.1111H18.8C18.3226 14.1111 17.8648 14.2867 17.5272 14.5993C17.1896 14.9118 17 15.3358 17 15.7778V16.8889C17 17.3309 17.1896 17.7548 17.5272 18.0674C17.8648 18.38 18.3226 18.5556 18.8 18.5556H21.2C21.3591 18.5556 21.5117 18.6141 21.6243 18.7183C21.7368 18.8225 21.8 18.9638 21.8 19.1111V20.2222C21.8 20.3696 21.7368 20.5109 21.6243 20.6151C21.5117 20.7192 21.3591 20.7778 21.2 20.7778H17V21.8889H19.4V23H20.6V21.8889H21.2C21.6774 21.8889 22.1352 21.7133 22.4728 21.4007C22.8104 21.0882 23 20.6643 23 20.2222V19.1111C23 18.6691 22.8104 18.2452 22.4728 17.9326C22.1352 17.62 21.6774 17.4444 21.2 17.4444H18.8C18.6409 17.4444 18.4883 17.3859 18.3757 17.2817C18.2632 17.1775 18.2 17.0362 18.2 16.8889V15.7778C18.2 15.6304 18.2632 15.4891 18.3757 15.3849C18.4883 15.2808 18.6409 15.2222 18.8 15.2222V15.2222Z"
126 |         fill="currentColor"
127 |       />
128 |     </svg>
129 |   )),
130 |   FEATURABLE: React.memo((props) => (
131 |     <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" {...props}>
132 |       <path
133 |         d="M22 6.5v-3a1 1 0 0 0-1-1H3a1 1 0 0 0-1 1v3a1 1 0 0 0 1 1v10H2v2h9v2h2v-2h9v-2h-1v-10a1 1 0 0 0 1-1zm-3 10H5v-2h3.465l1.7-2.554a1.039 1.039 0 0 1 1.664 0l1.044 1.566 2.229-4.459a1 1 0 0 1 1.843.132l1.776 5.315H19zm-14-7a2 2 0 1 1 2 2 2 2 0 0 1-2-2zm15-4H4v-1h16z"
134 |         fill="currentColor"
135 |       />
136 |     </svg>
137 |   )),
138 |   GUILD_HOME_TEST: React.memo((props) => (
139 |     <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" {...props}>
140 |       <path
141 |         d="M12.4364 1.1678L23.7827 11.4012C24.2271 11.802 23.9443 12.5408 23.3463 12.5408H21.1324V21.6926C21.1324 22.4145 20.5483 23 19.8278 23H15.9139C15.1933 23 14.6093 22.4145 14.6093 21.6926V15.1556H9.39075V21.6926C9.39075 22.4145 8.80664 23 8.08612 23H4.17224C3.4517 23 2.86761 22.4145 2.86761 21.6926V12.5408H0.65363C0.055785 12.5408 -0.227111 11.802 0.217246 11.4012L11.5636 1.1678C11.8117 0.944066 12.1883 0.944066 12.4364 1.1678Z"
142 |         fill="currentColor"
143 |       />
144 |     </svg>
145 |   )),
146 |   HAD_EARLY_ACTIVITIES_ACCESS: React.memo((props) => (
147 |     <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" {...props}>
148 |       <path
149 |         fill-rule="evenodd"
150 |         clip-rule="evenodd"
151 |         d="M10.5857 19.0709L4.92871 13.4149L12.7074 5.63622C14.1213 4.2217 17.5153 1.39317 21.1923 2.80745C22.6066 6.48373 19.7781 9.87856 18.3639 11.2927L10.5857 19.0709ZM18.064 7.93306C18.064 9.03763 17.1686 9.93306 16.064 9.93306C14.9594 9.93306 14.064 9.03763 14.064 7.93306C14.064 6.82849 14.9594 5.93306 16.064 5.93306C17.1686 5.93306 18.064 6.82849 18.064 7.93306Z"
152 |         fill="currentColor"
153 |       />
154 |       <path
155 |         d="M3.41353 16.7844C2.34942 17.8496 2 22 2 22C2 22 6.15121 21.6521 7.21623 20.5869C7.71239 20.0915 7.96634 19.4494 7.99996 18.8004L5.21281 18.7866L5.19825 16C4.54943 16.0336 3.90969 16.2881 3.41353 16.7844Z"
156 |         fill="currentColor"
157 |       />
158 |       <path
159 |         d="M9.17143 9.17151H3.51458L1.74683 10.9393L6.34301 11.9999L9.17143 9.17151Z"
160 |         fill="currentColor"
161 |       />
162 |       <path
163 |         d="M14.8284 14.8282V20.4851L13.0607 22.2528L12 17.6567L14.8284 14.8282Z"
164 |         fill="currentColor"
165 |       />
166 |     </svg>
167 |   )),
168 |   HAS_DIRECTORY_ENTRY: React.memo((props) => (
169 |     <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" {...props}>
170 |       <path
171 |         d="M20 7H12L10.553 5.106C10.214 4.428 9.521 4 8.764 4H3C2.447 4 2 4.447 2 5V19C2 20.104 2.895 21 4 21H20C21.104 21 22 20.104 22 19V9C22 7.896 21.104 7 20 7Z"
172 |         fill="currentColor"
173 |       />
174 |     </svg>
175 |   )),
176 |   INVITES_DISABLED: React.memo((props) => (
177 |     <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" {...props}>
178 |       <g>
179 |         <path
180 |           d="M18.74,9.5H14v2h4.74A1.27,1.27,0,0,1,20,12.76v2.48a1.27,1.27,0,0,1-1.26,1.26H14v2h4.74A3.26,3.26,0,0,0,22,15.24V12.76A3.26,3.26,0,0,0,18.74,9.5Z"
181 |           fill="currentColor"
182 |         />
183 |         <path
184 |           d="M7.9,20.13a1.28,1.28,0,0,1-1.78,0L4.37,18.38a1.27,1.27,0,0,1,0-1.79l3.07-3.06L6,12.11,3,15.18a3.27,3.27,0,0,0,0,4.61L4.7,21.54a3.26,3.26,0,0,0,4.62,0l3.07-3.07L11,17.06Z"
185 |           fill="currentColor"
186 |         />
187 |         <rect x={11} y="1.5" width={2} height={5} fill="currentColor" />
188 |         <rect x={3} y="8.5" width={5} height={2} fill="currentColor" />
189 |         <rect
190 |           x={6}
191 |           y="3.09"
192 |           width={2}
193 |           height="4.83"
194 |           transform="translate(-1.84 6.56) rotate(-45)"
195 |           fill="currentColor"
196 |         />
197 |       </g>
198 |     </svg>
199 |   )),
200 |   INVITE_SPLASH: React.memo((props) => (
201 |     <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" {...props}>
202 |       <path
203 |         fill="currentColor"
204 |         d="M6 4h12v7.134l2-1.143V2H4v7.991l2 1.143V4zm9.266 11H8.734L2 11.152V20a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-8.848z"
205 |       />
206 |       <path
207 |         fill="currentColor"
208 |         d="M9.065 8.666 7 11.978h10L13.274 6l-2.936 4.708-1.273-2.042z"
209 |       />
210 |     </svg>
211 |   )),
212 |   INTERNAL_EMPLOYEE_ONLY: React.memo((props) => (
213 |     <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" {...props}>
214 |       <path
215 |         d="M5.92127 6.03529C5.92127 6.03529 6.14242 5.70443 6.23413 5.55786C6.32585 5.41129 5.9967 5.065 5.86899 4.95529C5.74127 4.84558 5.53985 4.90043 5.53985 4.90043C3.9327 5.61272 3.1287 7.07415 3.01899 7.36643C2.90927 7.65872 3.29842 7.97758 3.58556 8.13358C3.71756 8.20558 3.92756 8.04615 4.05699 7.92786L4.1007 7.88329L4.16842 7.81472L4.16927 7.81386L8.54156 12.169L9.13899 11.5715L10.237 10.4735L5.91527 6.04129L5.92127 6.03529Z"
216 |         fill="currentColor"
217 |       />
218 |       <path
219 |         d="M16.2505 10.6294L16.4811 10.41L18.5528 12.462C18.5674 12.4749 18.5828 12.48 18.5965 12.48C18.636 12.48 18.6685 12.444 18.6685 12.444C18.6685 12.444 20.9622 10.1683 20.97 10.1606C21.0377 10.0937 20.97 10.0569 20.97 10.0569L19.2008 8.27571L19.1982 8.27829L18.9557 8.04086L19.0911 7.91057L19.3808 7.944L19.326 7.56L19.3988 7.48629L19.29 6.93257C18.912 6.39686 17.8765 5.53886 17.8765 5.53886L17.3348 5.44114L17.28 5.514L16.872 5.45314L16.9114 5.80114L16.9371 5.82686L16.8162 5.94857L16.1477 5.29457C16.1477 5.29457 12.2682 3.18771 12.0617 3.09C11.9451 3.036 11.8594 3 11.7771 3C11.7137 3 11.652 3.02143 11.5808 3.072C11.4162 3.18771 11.5131 3.42086 11.5131 3.42086L13.9251 7.878L14.4077 8.35629L14.2568 8.50714L14.2011 8.56286L13.8154 8.50971L13.8745 8.892L13.7631 9.00343L13.7434 8.98371C13.7254 8.96571 13.7005 8.95629 13.6765 8.95629C13.6525 8.95629 13.6285 8.96571 13.6097 8.98371C13.5728 9.02057 13.5728 9.08057 13.6097 9.11743L13.6294 9.13714L13.5762 9.19114L13.5625 9.17657C13.5437 9.15857 13.5197 9.14914 13.4957 9.14914C13.4708 9.14914 13.4468 9.15857 13.4288 9.17657C13.392 9.21343 13.392 9.27343 13.4288 9.31029L13.4434 9.32486L12.4285 10.3449L12.4054 10.3217C12.3865 10.3037 12.3625 10.2943 12.3385 10.2943C12.3145 10.2943 12.2905 10.3037 12.2717 10.3217C12.2348 10.3586 12.2348 10.4186 12.2717 10.4554L12.2957 10.4786L12.2417 10.5326L12.2237 10.5154C12.2057 10.4966 12.1808 10.4871 12.1577 10.4871C12.1328 10.4871 12.1088 10.4966 12.09 10.5154C12.054 10.5523 12.054 10.6114 12.09 10.6483L12.108 10.6663L11.976 10.8L11.958 10.9697L12.0274 11.0409L12.0257 11.0417L11.9417 11.1274L6.46538 16.6029L6.39424 16.5437L6.1671 16.5763L6.03852 16.7066L6.02995 16.698C6.0111 16.6791 5.9871 16.6697 5.9631 16.6697C5.9391 16.6697 5.91424 16.6791 5.89624 16.698C5.85938 16.7349 5.85938 16.794 5.89624 16.8309L5.90652 16.8411L5.85338 16.896L5.84824 16.8909C5.83024 16.872 5.80538 16.8626 5.78138 16.8626C5.75738 16.8626 5.73338 16.872 5.71452 16.8909C5.67852 16.9277 5.67852 16.9869 5.71452 17.0237L5.72052 17.0306L4.71852 18.0497L4.69795 18.0291C4.6791 18.0103 4.65595 18.0017 4.6311 18.0017C4.6071 18.0017 4.5831 18.0103 4.56424 18.0291C4.52738 18.066 4.52738 18.126 4.56424 18.1629L4.58652 18.1843L4.53338 18.2383L4.5171 18.222C4.49824 18.204 4.47424 18.1946 4.44938 18.1946C4.42624 18.1946 4.40138 18.204 4.38338 18.222C4.34652 18.2589 4.34652 18.3189 4.38338 18.3557L4.40052 18.3737L4.32595 18.45L3.93767 18.3806L3.96681 18.8143L3.84424 18.9394L3.95052 19.524C3.95052 19.524 4.11338 20.0331 4.44852 20.3709C4.77338 20.6983 5.26881 20.8551 5.29024 20.8714L5.84995 20.9691L5.98795 20.8337L6.37367 20.8963L6.31024 20.5149L6.42767 20.4L6.48167 20.454C6.49967 20.472 6.52367 20.4814 6.54767 20.4814C6.57167 20.4814 6.59652 20.472 6.61452 20.454C6.65138 20.4163 6.65138 20.3571 6.61452 20.3203L6.56138 20.2671L6.61624 20.214L6.66252 20.2603C6.68052 20.2791 6.70538 20.2886 6.72938 20.2886C6.75338 20.2886 6.77738 20.2791 6.79624 20.2603C6.8331 20.2234 6.8331 20.1643 6.79624 20.1274L6.75081 20.0811L7.76824 19.0774L7.81281 19.122C7.83081 19.1409 7.85567 19.1494 7.87967 19.1494C7.90367 19.1494 7.92767 19.1409 7.94652 19.122C7.98252 19.0851 7.98252 19.0251 7.94652 18.9883L7.90281 18.9454L7.95681 18.8914L7.99452 18.9291C8.01252 18.9471 8.03652 18.9566 8.06052 18.9566C8.08538 18.9566 8.10938 18.9471 8.12738 18.9291C8.16424 18.8923 8.16424 18.8323 8.12738 18.7954L8.09052 18.7586L8.20452 18.6471L8.24567 18.4029L8.18481 18.342L8.18567 18.3411L8.29624 18.2314L13.7357 12.7903L13.7331 12.7851L13.8394 12.8949L14.01 12.876L14.1634 12.7217L14.1882 12.7466C14.2071 12.7646 14.2311 12.774 14.2551 12.774C14.2791 12.774 14.304 12.7646 14.322 12.7466C14.3588 12.7097 14.3588 12.6497 14.322 12.6129L14.2971 12.588L14.3511 12.5349L14.37 12.5537C14.388 12.5717 14.412 12.5811 14.4368 12.5811C14.4608 12.5811 14.4848 12.5717 14.5028 12.5537C14.5397 12.5169 14.5397 12.4569 14.5028 12.42L14.484 12.4003L15.5005 11.382L15.5271 11.4086C15.5451 11.4266 15.5691 11.436 15.5931 11.436C15.618 11.436 15.642 11.4266 15.66 11.4086C15.6968 11.3717 15.6968 11.3117 15.66 11.2749L15.6334 11.2483L15.6874 11.1943L15.708 11.2157C15.7268 11.2337 15.7508 11.2431 15.7748 11.2431C15.7988 11.2431 15.8228 11.2337 15.8417 11.2157C15.8785 11.178 15.8785 11.1189 15.8417 11.082L15.8211 11.0606L15.9342 10.9474L16.3122 11.0066L16.2505 10.6294Z"
220 |         fill="currentColor"
221 |       />
222 |       <path
223 |         d="M17.0057 16.7793L14.5946 14.9519L14.1652 14.5096L12.5015 16.1733L12.9198 16.5728L14.4909 18.929L16.6097 21.2493L19.0518 18.971L17.0057 16.7793Z"
224 |         fill="currentColor"
225 |       />
226 |     </svg>
227 |   )),
228 |   MEMBER_PROFILES: React.memo((props) => (
229 |     <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" {...props}>
230 |       <path
231 |         d="M21 5V3a2 2 0 0 0-2-2H3a2 2 0 0 0-2 2v2zM7 2a1 1 0 1 1-1 1 1 1 0 0 1 1-1zM4 2a1 1 0 1 1-1 1 1 1 0 0 1 1-1zM1 6v11a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V6zm3 10a3 3 0 0 1 3-3 2 2 0 1 1 2-2 2 2 0 0 1-2 2 3 3 0 0 1 3 3zm14-2h-6v-2h6zm0-3h-6V9h6z"
232 |         fill="currentColor"
233 |       />
234 |     </svg>
235 |   )),
236 |   MEMBER_VERIFICATION_GATE_ENABLED: React.memo((props) => (
237 |     <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" {...props}>
238 |       <path
239 |         d="M20.726 8.42512L18.1179 6.78514L17.1704 6.18665L15.2803 5.02016L14.3383 4.40216L12.2243 3.07118L12.1143 3.02618C12.0142 2.99127 11.9053 2.99127 11.8052 3.02618L11.7502 3.05118L9.61118 4.40216L8.66866 5.02016L6.7796 6.18665L5.83158 6.78514L3.22451 8.42512C3.15612 8.46679 3.09956 8.5253 3.06025 8.59508C3.02095 8.66485 3.0002 8.74354 3 8.82362V19.5315C3.00765 19.6584 3.06346 19.7775 3.15603 19.8646C3.24859 19.9517 3.37092 20.0001 3.49801 20H20.5015C20.6287 20.0002 20.7511 19.9518 20.8438 19.8648C20.9365 19.7777 20.9923 19.6584 21 19.5315V8.82362C20.9949 8.73856 20.9667 8.6565 20.9184 8.58628C20.8701 8.51607 20.8036 8.46035 20.726 8.42512ZM3.94203 19.058V9.08811L5.83208 7.89663V19.058H3.94203V19.058ZM6.77911 19.058V7.30313L8.66916 6.11215V19.073L6.77911 19.058V19.058ZM9.61118 5.51865L11.5012 4.32766V19.0575H9.61118V5.51915V5.51865ZM12.4733 19.058V4.32766L14.3383 5.51865V19.058H12.4733ZM15.3058 19.058V6.09715L17.1959 7.28863V19.058H15.3058ZM20.0325 19.058H18.1179V7.89663L20.008 9.08811L20.033 19.058H20.0325Z"
240 |         fill="currentColor"
241 |       />
242 |     </svg>
243 |   )),
244 |   NEWS: React.memo((props) => (
245 |     <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" {...props}>
246 |       <path
247 |         d="M22 7h-3V3a1 1 0 0 0-1-1H2a1 1 0 0 0-1 1v18a1 1 0 0 0 1 1h18a1 1 0 0 0 .707-.293l2-2A1 1 0 0 0 23 19V8a1 1 0 0 0-1-1zM9 19H3v-2h6zm0-3H3v-2h6zm0-3H3v-2h6zm7 6h-6v-2h6zm0-3h-6v-2h6zm0-3h-6v-2h6zm0-5H3V5h13zm5 10.586-.414.414H19V9h2z"
248 |         fill="currentColor"
249 |       />
250 |     </svg>
251 |   )),
252 |   NEW_THREAD_PERMISSIONS: React.memo((props) => (
253 |     <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" {...props}>
254 |       <path
255 |         d="M3 13h12v1.998H3zm0-7h12a1 1 0 0 0 1-1V4a1 1 0 0 0-1-1H3a1 1 0 0 0-1 1v1a1 1 0 0 0 1 1zm0 4h12v1.998H3zm0-3h12v1.998H3z"
256 |         fill="currentColor"
257 |       />
258 |       <path
259 |         d="M19 10h3V8h-3a3 3 0 1 0 0 6 1 1 0 0 1 0 2H3v2h16a3 3 0 0 0 0-6 1 1 0 0 1 0-2zm-4 9H3a1 1 0 0 0-1 1v1a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-1a1 1 0 0 0-1-1z"
260 |         fill="currentColor"
261 |       />
262 |     </svg>
263 |   )),
264 |   PREMIUM_TIER_3_OVERRIDE: React.memo((props) => (
265 |     <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" {...props}>
266 |       <path
267 |         d="M11.9997 2L5.33301 8.66667V15.3333L11.9997 22L18.6663 15.3333V8.66667L11.9997 2ZM16.9997 14.65L11.9997 19.65L6.99967 14.65V9.35L11.9997 4.35L16.9997 9.35V14.65Z"
268 |         fill="currentColor"
269 |       />
270 |       <path
271 |         d="M8.66699 10.0501V13.9501L12.0003 17.2835L15.3337 13.9501V10.0501L12.0003 6.7168L8.66699 10.0501Z"
272 |         fill="currentColor"
273 |       />
274 |     </svg>
275 |   )),
276 |   PREVIEW_ENABLED: React.memo((props) => (
277 |     <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" {...props}>
278 |       <path
279 |         d="M12 5C5.648 5 1 12 1 12C1 12 5.648 19 12 19C18.352 19 23 12 23 12C23 12 18.352 5 12 5ZM12 16C9.791 16 8 14.21 8 12C8 9.79 9.791 8 12 8C14.209 8 16 9.79 16 12C16 14.21 14.209 16 12 16Z"
280 |         fill="currentColor"
281 |       />
282 |       <path
283 |         d="M12 14C13.1046 14 14 13.1046 14 12C14 10.8954 13.1046 10 12 10C10.8954 10 10 10.8954 10 12C10 13.1046 10.8954 14 12 14Z"
284 |         fill="currentColor"
285 |       />
286 |     </svg>
287 |   )),
288 |   PRIVATE_THREADS: React.memo((props) => (
289 |     <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" {...props}>
290 |       <path
291 |         fill-rule="evenodd"
292 |         clip-rule="evenodd"
293 |         d="M22.5563 4.92187V3.92186C22.5563 2.80188 21.5812 1.92188 20.5312 1.92188C19.4813 1.92188 18.5312 2.80188 18.5312 3.92186V4.92187H17.7712C17.6387 4.92187 17.5312 5.02932 17.5312 5.16187V9.68186C17.5312 9.81442 17.6387 9.92186 17.7712 9.92186H23.2913C23.4239 9.92186 23.5312 9.81442 23.5312 9.68186V5.16187C23.5312 5.02932 23.4239 4.92187 23.2913 4.92187H22.5563ZM21.5312 4.92187H19.5312V3.92186C19.5312 3.35045 19.9979 2.92188 20.5312 2.92188C21.0646 2.92188 21.5312 3.35045 21.5312 3.92186V4.92187Z"
294 |         fill="currentColor"
295 |       />
296 |       <path
297 |         d="M15.4544 7.00001C15.5869 7.00001 15.6944 7.10746 15.6944 7.24001V8.76C15.6944 8.89255 15.5869 9 15.4544 9H9.42485L8.36486 15H10.5744V17H8.01442L7.37765 20.5874C7.33529 20.8261 7.12778 21 6.88534 21H5.90098C5.58986 21 5.3543 20.719 5.40866 20.4126L6.01442 17H2.60952C2.29889 17 2.06345 16.7198 2.11699 16.4138L2.29199 15.4138C2.33386 15.1746 2.54162 15 2.7845 15H6.36442L7.42442 9H4.01952C3.70889 9 3.47345 8.71978 3.52699 8.4138L3.702 7.41382C3.74386 7.17456 3.95162 7.00001 4.1945 7.00001H7.77442L8.41118 3.41263C8.45354 3.17393 8.66105 3 8.90347 3H9.88783C10.1989 3 10.4345 3.28106 10.3801 3.5874L9.77441 7.00001H15.4544Z"
298 |         fill="currentColor"
299 |       />
300 |       <path
301 |         d="M13.4287 12.9609C12.8986 12.9609 12.4688 13.3907 12.4688 13.9209V20.2223C12.4688 20.7525 12.8986 21.1823 13.4287 21.1823H14.3887C14.5213 21.1823 14.6287 21.2897 14.6287 21.4223V23.4608C14.6287 23.6688 14.8753 23.7783 15.0296 23.6388L17.4746 21.43C17.651 21.2705 17.8805 21.1823 18.1182 21.1823H22.5487C23.079 21.1823 23.5087 20.7525 23.5087 20.2223V13.9209C23.5087 13.3907 23.079 12.9609 22.5487 12.9609H13.4287Z"
302 |         fill="currentColor"
303 |       />
304 |     </svg>
305 |   )),
306 |   RELAY_ENABLED: React.memo((props) => (
307 |     <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" {...props}>
308 |       <path
309 |         d="M18.3227 3.14757C14.126 -1.04919 7.34433 -1.04919 3.14757 3.14757C-1.04919 7.34433 -1.04919 14.126 3.14757 18.3227C3.33101 18.5062 3.57981 18.6092 3.83923 18.6092C4.09865 18.6092 4.34744 18.5062 4.53088 18.3227L10.4151 12.4385L12.6579 14.6813L14.7792 12.56L12.5364 10.3172L18.3227 4.53088C18.7047 4.14889 18.7047 3.52956 18.3227 3.14757ZM11.7622 21.424C17.1766 21.424 21.5219 17.0788 21.5219 11.6644H23.5219C23.5219 18.1834 18.2812 23.424 11.7622 23.424V21.424ZM11.7622 17.5114C15.0247 17.5114 17.6093 14.9269 17.6093 11.6644H19.6093C19.6093 16.0314 16.1293 19.5114 11.7622 19.5114V17.5114Z"
310 |         fill="currentColor"
311 |       />
312 |     </svg>
313 |   )),
314 |   ROLE_ICONS: React.memo((props) => (
315 |     <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" {...props}>
316 |       <path
317 |         d="M12 14C7.289 14 4 16.467 4 20V22H20V20C20 16.467 16.711 14 12 14ZM11 19C10.447 19 10 18.553 10 18C10 17.447 10.447 17 11 17C11.553 17 12 17.447 12 18C12 18.553 11.553 19 11 19ZM14 19C13.447 19 13 18.553 13 18C13 17.447 13.447 17 14 17C14.553 17 15 17.447 15 18C15 18.553 14.553 19 14 19Z"
318 |         fill="currentColor"
319 |       />
320 |       <path
321 |         d="M18 6H17.91C17.432 3.167 14.967 1 12 1C9.033 1 6.568 3.167 6.09 6H6C4.896 6 4 6.896 4 8V9C4 10.104 4.896 11 6 11C6 12.102 6.897 13 8 13H16C17.104 13 18 12.102 18 11C19.104 11 20 10.104 20 9V8C20 6.896 19.104 6 18 6ZM16 10H8V6H16V10Z"
322 |         fill="currentColor"
323 |       />
324 |     </svg>
325 |   )),
326 |   ROLE_SUBSCRIPTIONS_ENABLED: React.memo((props) => (
327 |     <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" {...props}>
328 |       <path
329 |         d="M23 0H7a1 1 0 0 0-1 1v10a1 1 0 0 0 1 1h16a1 1 0 0 0 1-1V1a1 1 0 0 0-1-1zm-8 8a2 2 0 1 1 2-2 2 2 0 0 1-2 2z"
330 |         fill="currentColor"
331 |       />
332 |       <rect className="a" x="-.013" y={15} width="3.5" height={9} rx={1} />
333 |       <path
334 |         d="m4.987 16 5-1.988h2.175a.51.51 0 0 1 .456.738l-1.262 2.524a.51.51 0 0 0 .456.738h8.2a.986.986 0 0 1 .787 1.578l-1.813 3.017A.987.987 0 0 1 18.2 23H4.987z"
335 |         fill="currentColor"
336 |       />
337 |     </svg>
338 |   )),
339 |   ROLE_SUBSCRIPTIONS_AVAILABLE_FOR_PURCHASE: React.memo((props) => (
340 |     <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" {...props}>
341 |       <path
342 |         d="M16.22 5.93a7.985 7.985 0 0 1 3.38 7.637l1.982.268a9.989 9.989 0 0 0-4.516-9.748l.884-1.936-4.221 1.573L15.3 7.94zM9 20.031A7.985 7.985 0 0 1 3.674 12.1l-2-.1a10 10 0 0 0 6.492 9.859l-.853 1.868 4.217-1.573-1.571-4.216zM6.232 5.75h1.5a.75.75 0 1 1 0 1.5H4.411v1.5h1.821V10h1.5V8.75a2.25 2.25 0 0 0 0-4.5h-1.5a.75.75 0 1 1 0-1.5h3.322v-1.5H7.732V0h-1.5v1.25a2.25 2.25 0 1 0 0 4.5zm14.615 11.543-4.293 4.293-1.293-1.293-1.414 1.414 2 2a1 1 0 0 0 1.414 0l5-5z"
343 |         fill="currentColor"
344 |       />
345 |     </svg>
346 |   )),
347 |   SEVEN_DAY_THREAD_ARCHIVE: React.memo((props) => (
348 |     <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" {...props}>
349 |       <path
350 |         d="M2.25 8.25H15.75V11.25H2.25V8.25ZM3 12H15V21.75H3V12ZM7.125 14.25C7.02554 14.25 6.93017 14.2895 6.85982 14.3598C6.7895 14.4302 6.75 14.5255 6.75 14.625V15.75H11.25V14.625C11.25 14.5255 11.2105 14.4302 11.1402 14.3598C11.0698 14.2895 10.9745 14.25 10.875 14.25H7.125Z"
351 |         fill="currentColor"
352 |       />
353 |       <path
354 |         d="M18.2656 1.94141L16.0664 6.9961H14.875L17.0781 2.22266H14.25V1.30859H18.2656V1.94141Z"
355 |         fill="currentColor"
356 |       />
357 |       <path
358 |         d="M18.8633 4.85155C18.8633 4.1927 19.0104 3.66797 19.3047 3.27734C19.6016 2.88672 20.0065 2.69141 20.5195 2.69141C20.931 2.69141 21.2708 2.84506 21.5391 3.15235V0.996094H22.6719V6.9961H21.6523L21.5976 6.54686C21.3164 6.89844 20.9544 7.07422 20.5117 7.07422C20.0143 7.07422 19.6146 6.8789 19.3125 6.48828C19.013 6.09506 18.8633 5.54947 18.8633 4.85155ZM19.9922 4.93358C19.9922 5.32942 20.0612 5.63282 20.1992 5.84376C20.3372 6.0547 20.5378 6.16015 20.8008 6.16015C21.1497 6.16015 21.3958 6.01303 21.5391 5.71874V4.05079C21.3984 3.7565 21.1549 3.60938 20.8086 3.60938C20.2643 3.60938 19.9922 4.05079 19.9922 4.93358Z"
359 |         fill="currentColor"
360 |       />
361 |     </svg>
362 |   )),
363 |   TEXT_IN_VOICE_ENABLED: React.memo((props) => (
364 |     <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" {...props}>
365 |       <path
366 |         fill-rule="evenodd"
367 |         clip-rule="evenodd"
368 |         d="M15 11.9999C15 12.0006 15 12.0012 15 12.0019C15 12.5529 14.551 13.0019 14 13.0019V15.0019C15.654 15.0019 17 13.6569 17 12.0019C17 12.0012 17 12.0006 17 11.9999H15ZM19 11.9999C19 12.0006 19 12.0012 19 12.0019C19 14.7589 16.757 17.0019 14 17.0019V19.0019C17.86 19.0019 21 15.8629 21 12.0019C21 12.0012 21 12.0006 21 11.9999H19ZM10.293 3.29592C10.579 3.00992 11.009 2.92492 11.383 3.07892C11.757 3.23192 12 3.59892 12 4.00192V20.0019C12 20.4069 11.757 20.7719 11.383 20.9269C11.009 21.0819 10.579 20.9959 10.293 20.7099L6 16.0019H3C2.45 16.0019 2 15.5519 2 15.0019V9.00192C2 8.45292 2.45 8.00192 3 8.00192H6L10.293 3.29592Z"
369 |         fill="currentColor"
370 |       />
371 |       <path
372 |         d="M15 3.5363C15 3.24011 15.2336 3 15.5217 3H20.4783C20.7664 3 21 3.24011 21 3.5363V7.05653C21 7.35267 20.7664 7.59283 20.4783 7.59283H18.0703C17.9411 7.59283 17.8165 7.64211 17.7205 7.73116L16.3917 8.96516C16.3079 9.04304 16.1739 8.98186 16.1739 8.86566V7.72691C16.1739 7.65283 16.1155 7.59283 16.0435 7.59283H15.5217C15.2336 7.59283 15 7.35267 15 7.05653V3.5363Z"
373 |         fill="currentColor"
374 |       />
375 |     </svg>
376 |   )),
377 |   THREADS_ENABLED: React.memo((props) => (
378 |     <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" {...props}>
379 |       <path
380 |         d="M5.43309 21C5.35842 21 5.30189 20.9325 5.31494 20.859L5.99991 17H2.14274C2.06819 17 2.01168 16.9327 2.02453 16.8593L2.33253 15.0993C2.34258 15.0419 2.39244 15 2.45074 15H6.34991L7.40991 9H3.55274C3.47819 9 3.42168 8.93274 3.43453 8.85931L3.74253 7.09931C3.75258 7.04189 3.80244 7 3.86074 7H7.75991L8.45234 3.09903C8.46251 3.04174 8.51231 3 8.57049 3H10.3267C10.4014 3 10.4579 3.06746 10.4449 3.14097L9.75991 7H15.7599L16.4523 3.09903C16.4625 3.04174 16.5123 3 16.5705 3H18.3267C18.4014 3 18.4579 3.06746 18.4449 3.14097L17.7599 7H21.6171C21.6916 7 21.7481 7.06725 21.7353 7.14069L21.4273 8.90069C21.4172 8.95811 21.3674 9 21.3091 9H17.4099L17.0495 11.04H15.05L15.4104 9H9.41035L8.35035 15H10.5599V17H7.99991L7.30749 20.901C7.29732 20.9583 7.24752 21 7.18934 21H5.43309Z"
381 |         fill="currentColor"
382 |       />
383 |       <path
384 |         d="M13.4399 12.96C12.9097 12.96 12.4799 13.3898 12.4799 13.92V20.2213C12.4799 20.7515 12.9097 21.1813 13.4399 21.1813H14.3999C14.5325 21.1813 14.6399 21.2887 14.6399 21.4213V23.4597C14.6399 23.6677 14.8865 23.7773 15.0408 23.6378L17.4858 21.4289C17.6622 21.2695 17.8916 21.1813 18.1294 21.1813H22.5599C23.0901 21.1813 23.5199 20.7515 23.5199 20.2213V13.92C23.5199 13.3898 23.0901 12.96 22.5599 12.96H13.4399Z"
385 |         fill="currentColor"
386 |       />
387 |     </svg>
388 |   )),
389 |   THREADS_ENABLED_TESTING: React.memo((props) => (
390 |     <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" {...props}>
391 |       <path
392 |         d="M19.336 14.471 2.059 10.42c-.012.2-.029.388-.029.585a9 9 0 0 0 .14 1.533l16.115 3.777a8.993 8.993 0 0 0 1.051-1.844zM4.438 17.118l.719-2.339-2.539-.6a9 9 0 0 0 1.82 2.939zm15.592-6.113c0-.125-.014-.247-.019-.371L3.138 6.68a8.921 8.921 0 0 0-.859 2.252l17.511 4.105a8.954 8.954 0 0 0 .24-2.032zM8.607 15.588l-1.987-.467-.952 3.1a9 9 0 0 0 1.807 1.051zm2.423 4.417c.1 0 .2-.012.294-.015l1.076-3.513-2.331-.546-1.169 3.81a9.01 9.01 0 0 0 2.13.264zM9.007 2.241A8.991 8.991 0 0 0 4.033 5.35l3.75.878zm8.545 2.574-1.06 3.455 3.318.777a8.98 8.98 0 0 0-2.258-4.232zM12.728 2.17a9.052 9.052 0 0 0-1.7-.165c-.131 0-.258.015-.387.019l-1.4 4.547 1.987.466zm2.3 5.756 1.288-4.194a8.948 8.948 0 0 0-2.145-1.152L12.7 7.38z"
393 |         fill="currentColor"
394 |       />
395 |       <path
396 |         d="M20.03 17h-5.4l-.767-.18-.913 2.974A8.887 8.887 0 0 0 15.14 19h4.89a1 1 0 0 1 0 2h-14v2h14a3 3 0 0 0 0-6z"
397 |         fill="currentColor"
398 |       />
399 |     </svg>
400 |   )),
401 |   THREE_DAY_THREAD_ARCHIVE: React.memo((props) => (
402 |     <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" {...props}>
403 |       <path
404 |         d="M2.25 8.25H15.75V11.25H2.25V8.25ZM3 12H15V21.75H3V12ZM7.125 14.25C7.02554 14.25 6.93017 14.2895 6.85982 14.3598C6.7895 14.4302 6.75 14.5255 6.75 14.625V15.75H11.25V14.625C11.25 14.5255 11.2105 14.4302 11.1402 14.3598C11.0698 14.2895 10.9745 14.25 10.875 14.25H7.125Z"
405 |         fill="currentColor"
406 |       />
407 |       <path
408 |         d="M15.5352 3.65234H16.1367C16.4232 3.65234 16.6354 3.58073 16.7734 3.4375C16.9115 3.29426 16.9805 3.10416 16.9805 2.86718C16.9805 2.63803 16.9115 2.45964 16.7734 2.33203C16.638 2.20443 16.4505 2.14063 16.2109 2.14063C15.9948 2.14063 15.8138 2.20052 15.668 2.32031C15.5221 2.43751 15.4492 2.59114 15.4492 2.78124H14.3203C14.3203 2.48438 14.3997 2.21875 14.5586 1.98438C14.7201 1.7474 14.944 1.5625 15.2305 1.42969C15.5195 1.29688 15.8372 1.23047 16.1836 1.23047C16.7852 1.23047 17.2565 1.375 17.5977 1.66406C17.9388 1.95052 18.1094 2.34636 18.1094 2.85156C18.1094 3.11198 18.03 3.35155 17.8711 3.57031C17.7122 3.78907 17.5039 3.95702 17.2461 4.07422C17.5664 4.18879 17.8047 4.36068 17.9609 4.58983C18.1198 4.81901 18.1992 5.08985 18.1992 5.40235C18.1992 5.90755 18.0143 6.3125 17.6445 6.61718C17.2773 6.92186 16.7904 7.07422 16.1836 7.07422C15.6159 7.07422 15.151 6.92448 14.7891 6.62501C14.4297 6.32551 14.25 5.92968 14.25 5.43751H15.3789C15.3789 5.65104 15.4583 5.82552 15.6172 5.96093C15.7787 6.09636 15.9766 6.16406 16.2109 6.16406C16.4792 6.16406 16.6888 6.09374 16.8398 5.95313C16.9935 5.8099 17.0703 5.62109 17.0703 5.38673C17.0703 4.81901 16.7578 4.53516 16.1328 4.53516H15.5352V3.65234Z"
409 |         fill="currentColor"
410 |       />
411 |       <path
412 |         d="M18.8516 4.85155C18.8516 4.1927 18.9987 3.66797 19.293 3.27734C19.5898 2.88672 19.9948 2.69141 20.5078 2.69141C20.9193 2.69141 21.2591 2.84506 21.5273 3.15235V0.996094H22.6601V6.9961H21.6406L21.5859 6.54686C21.3047 6.89844 20.9427 7.07422 20.5 7.07422C20.0026 7.07422 19.6029 6.8789 19.3008 6.48828C19.0013 6.09506 18.8516 5.54947 18.8516 4.85155ZM19.9805 4.93358C19.9805 5.32942 20.0495 5.63282 20.1875 5.84376C20.3255 6.0547 20.526 6.16015 20.7891 6.16015C21.138 6.16015 21.3841 6.01303 21.5273 5.71874V4.05079C21.3867 3.7565 21.1432 3.60938 20.7969 3.60938C20.2526 3.60938 19.9805 4.05079 19.9805 4.93358Z"
413 |         fill="currentColor"
414 |       />
415 |     </svg>
416 |   )),
417 |   VANITY_URL: React.memo((props) => (
418 |     <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" {...props}>
419 |       <g>
420 |         <rect x={7} y="11.25" width={10} height="1.5" fill="currentColor" />
421 |         <path
422 |           d="M8,15H4a1,1,0,0,1-1-1V10A1,1,0,0,1,4,9H8a1,1,0,0,1,1,1h2A3,3,0,0,0,8,7H4a3,3,0,0,0-3,3v4a3,3,0,0,0,3,3H8a3,3,0,0,0,3-3H9A1,1,0,0,1,8,15Z"
423 |           fill="currentColor"
424 |         />
425 |         <path
426 |           d="M20,7H16a3,3,0,0,0-3,3h2a1,1,0,0,1,1-1h4a1,1,0,0,1,1,1v4a1,1,0,0,1-1,1H16a1,1,0,0,1-1-1H13a3,3,0,0,0,3,3h4a3,3,0,0,0,3-3V10A3,3,0,0,0,20,7Z"
427 |           fill="currentColor"
428 |         />
429 |       </g>
430 |     </svg>
431 |   )),
432 |   VIP_REGIONS: React.memo((props) => (
433 |     <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" {...props}>
434 |       <path
435 |         fill-rule="evenodd"
436 |         clip-rule="evenodd"
437 |         d="M15 11.9999C15 12.0006 15 12.0012 15 12.0019C15 12.5529 14.551 13.0019 14 13.0019V15.0019C15.654 15.0019 17 13.6569 17 12.0019C17 12.0012 17 12.0006 17 11.9999H15ZM19 11.9999C19 12.0006 19 12.0012 19 12.0019C19 14.7589 16.757 17.0019 14 17.0019V19.0019C17.86 19.0019 21 15.8629 21 12.0019C21 12.0012 21 12.0006 21 11.9999H19ZM10.293 3.29592C10.579 3.00992 11.009 2.92492 11.383 3.07892C11.757 3.23192 12 3.59892 12 4.00192V20.0019C12 20.4069 11.757 20.7719 11.383 20.9269C11.009 21.0819 10.579 20.9959 10.293 20.7099L6 16.0019H3C2.45 16.0019 2 15.5519 2 15.0019V9.00192C2 8.45292 2.45 8.00192 3 8.00192H6L10.293 3.29592Z"
438 |         fill="currentColor"
439 |       />
440 |       <path
441 |         d="M20.9773 4.97598C20.9546 4.92105 20.9162 4.87411 20.8668 4.84109C20.8175 4.80806 20.7595 4.79045 20.7001 4.79046H19.0855L18.27 3.15233C18.2423 3.10587 18.2029 3.06742 18.1559 3.04073C18.1089 3.01403 18.0557 3 18.0017 3C17.9476 3 17.8945 3.01403 17.8475 3.04073C17.8005 3.06742 17.7611 3.10587 17.7333 3.15233L16.9146 4.79046H15.2999C15.2406 4.79047 15.1826 4.80812 15.1333 4.84116C15.084 4.8742 15.0455 4.92115 15.0228 4.97609C15.0001 5.03102 14.9942 5.09147 15.0058 5.14979C15.0173 5.20811 15.0459 5.26168 15.0878 5.30373L16.4631 6.68207L15.9117 8.61668C15.8948 8.67585 15.8964 8.73879 15.9164 8.79699C15.9363 8.85519 15.9736 8.90586 16.0232 8.94215C16.0728 8.97844 16.1323 8.99861 16.1937 8.99993C16.2551 9.00125 16.3154 8.98366 16.3665 8.94954L18 7.85745L19.6339 8.94894C19.685 8.98295 19.7453 9.00045 19.8066 8.99908C19.8679 8.9977 19.9274 8.97752 19.9769 8.94125C20.0264 8.90497 20.0637 8.85436 20.0836 8.79622C20.1035 8.73808 20.1052 8.67521 20.0884 8.61608L19.537 6.68147L20.9122 5.30313C20.9541 5.26113 20.9826 5.20765 20.9942 5.14944C21.0058 5.09122 20.9999 5.03087 20.9773 4.97598V4.97598Z"
442 |         fill="currentColor"
443 |       />
444 |     </svg>
445 |   )),
446 |   WELCOME_SCREEN_ENABLED: React.memo((props) => (
447 |     <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" {...props}>
448 |       <path
449 |         d="M20 8h-.63l-6.719-5.759a1 1 0 0 0-1.3 0L4.63 8H4a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V10a2 2 0 0 0-2-2zm-8-3.682L16.3 8H7.7zM16 12v2H8v-2zm2 6H6v-2h12z"
450 |         fill="currentColor"
451 |       />
452 |     </svg>
453 |   )),
454 | 
455 |   // Placeholder for unknown features
456 |   UNKNOWN: React.memo((props) => (
457 |     <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" {...props}>
458 |       <path
459 |         d="M12 2a10 10 0 1 0 10 10A10.011 10.011 0 0 0 12 2zm0 16.25A1.25 1.25 0 1 1 13.25 17 1.25 1.25 0 0 1 12 18.25zm1-4.376V15h-2v-3h1a2 2 0 1 0-2-2H8a4 4 0 1 1 5 3.874z"
460 |         fill="currentColor"
461 |       />
462 |     </svg>
463 |   )),
464 | };
465 | 


--------------------------------------------------------------------------------