/* Metro module 11451; source: components_native/MemberRolesList.tsx; dependencies: [31, 27, 1938, 33, 4501, 566, 11428, 2] */
import GuildRoleStore from '../stores/GuildRoleStore.tsx'; /* Metro dependency 1938 */
import RolePill from './common/RolePill.tsx'; /* Metro dependency 11428 */
import * as FileImportTrackerModule from '../by-id/module-00002-FileImportTracker.js'; /* Metro dependency 2 */
import * as ReactNativeModule from '../by-id/module-00027-ReactNative.js'; /* Metro dependency 27 */
import * as ReactModule from '../by-id/module-00031-React.js'; /* Metro dependency 31 */
import * as JsxRuntimeModule from '../by-id/module-00033-JsxRuntime.js'; /* Metro dependency 33 */
import * as CreateStylesModule from '../design/components/Styles/native/createStyles.tsx'; /* Metro dependency 4501 */

function _fun87673(global, require, importDefault, importAll, module, exports, dependencyMap) { // fn#87673, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:11637:6, offset: 0x01fc76be, size: 222 bytes, params: 8, frame: 19
    const env0_0 = require;
    const Object = global.Object;
    Object.defineProperty(exports, '__esModule', {value: true});
    ReactModule;
    const env0_6 = (CreateStylesModule).createStyles({wrapper: {'flexDirection': 'row',
        'flexWrap': 'wrap', 'justifyContent': 'center'}});
    (FileImportTrackerModule).fileFinishedImporting('components_native/MemberRolesList.tsx');
    exports.default = MemberRolesList;
    function MemberRolesList({userRoles, guild, style}) { // fn#87674, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:11637:320, offset: 0x01fc779c, size: 227 bytes, params: 2, frame: 19
        const styles = useStyles();
        const sortedRoles = (require(566) /* metro dependency 566: flux */).useStateFromStores([GuildRoleStore],
            function() {
            return GuildRoleStore.getSortedRoles(guild.id);
        });
        const view = <View />;
        return (
            userRoles == null
                ? view
                : (
                    userRoles.length > 0
                        ? (
                            <View style={[styles.wrapper, style]}>
                                {sortedRoles.filter(function(a0) {
            return userRoles.includes(a0.id);
        }).sort(_fun87677).map(_fun87678)}
                            </View>
                        )
                        : view
                )
        );
        function _fun87678(a0) { // fn#87678, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:11637:687, offset: 0x01fc78f7, size: 69 bytes, params: 2, frame: 16
            const value = environment.__proto__;
            return ((Component) => <Component role={a0} guildId={guild.id} key={a0.id} />)(RolePill);
        }

    }

}

function _fun87677({tags}, {tags}) { // fn#87677, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:11637:527, offset: 0x01fc789f, size: 88 bytes, params: 3, frame: 5
    let value = undefined;
    const value2 = (tags == null ? value : tags.guild_connections) !== null;
    value = (tags == null ? value : tags.guild_connections) !== null;
    return value2 ? value ? value2 ? 0 : value ? -1 : 0 : 1 : value2 ? 0 : value ? -1 : 0;
}

global.__d(_fun87673, 11451, [31, 27, 1938, 33, 4501, 566, 11428,
        2]) /* metro module 11451, dependencies: [31, 27, 1938, 33, 4501, 566, 11428, 2] */;