/* Metro module 11381; source: modules/messages/native/RoleMembersActionSheet.tsx; dependencies: [31, 27, 4502, 6875, 1938, 33, 4501, 697, 21, 6738, 566, 6736, 1305, 4573, 6275, 11382, 2] */
import GuildRoleStore from '../../../stores/GuildRoleStore.tsx'; /* Metro dependency 1938 */
import AccessibilityStore from '../../a11y/AccessibilityStore.tsx'; /* Metro dependency 4502 */
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 FluxModule from '../../../external/discord_common/js/packages/flux/index.tsx'; /* Metro dependency 566 */
import * as TextModule from '../../../design/components/Text/native/Text.tsx'; /* Metro dependency 4573 */
import * as ChannelMemberStoreModule from '../../../stores/ChannelMemberStore.tsx'; /* Metro dependency 6875 */

function _fun87242(global, require, importDefault, importAll, module, exports, dependencyMap) { // fn#87242, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:11567:6, offset: 0x01fb4f6e, size: 426 bytes, params: 8, frame: 24
    const env0_0 = require;
    const Object = global.Object;
    Object.defineProperty(exports, '__esModule', {value: true});
    let value = JsxRuntimeModule;
    const env0_8 = value.jsx;
    const env0_9 = value.jsxs;
    value = require(4501) /* metro dependency 4501: createStyles */;
    const createStyles = value.createStyles;
    object = {};
    const object2 = {'flexDirection': 'row', 'alignItems': 'center'};
    let PX_4 = (importDefault(697) /* metro dependency 697: native */).space.PX_4;
    object2.gap = PX_4;
    const PX_12 = (importDefault(697) /* metro dependency 697: native */).space.PX_12;
    object2.paddingTop = PX_12;
    PX_4 = (importDefault(697) /* metro dependency 697: native */).space.PX_4;
    object2.paddingBottom = PX_4;
    const PX_16 = (importDefault(697) /* metro dependency 697: native */).space.PX_16;
    object2.paddingHorizontal = PX_16;
    object.header = object2;
    object.headerText = {flex: 1};
    object.roleDot = {paddingTop: 0};
    const TEXT_MUTED = (importDefault(697) /* metro dependency 697: native */).colors.TEXT_MUTED;
    object.memberCount = {color: TEXT_MUTED};
    const env0_10 = Reflect.apply(createStyles, value, [object]);
    (FileImportTrackerModule).fileFinishedImporting('modules/messages/native/RoleMembersActionSheet.tsx');
    exports.default = _default_87243;
    function _default_87243({guildId, roleId, channelId}) { // fn#87243, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:11567:496, offset: 0x01fb5118, size: 486 bytes, params: 2, frame: 25
        const styles = useStyles();
        let binding = env0_3;
        binding.useEffect(function() {
            if (roleId !== importDefault(dependencyMap[8]).castGuildIdAsEveryoneGuildRoleId(guildId)) {
                require(dependencyMap[9]).requestMembersForRole(guildId, roleId);
            }
        }, [guildId, roleId]);
        let useStateFromStores = FluxModule.useStateFromStores;
        const value3 = Reflect.apply(useStateFromStores, FluxModule, [[GuildRoleStore], function() {
            return GuildRoleStore.getRole(guildId, roleId);
        }, [guildId, roleId]]);
        var env0_3 = value3;
        useStateFromStores = FluxModule.useStateFromStores;
        const r13 = Reflect.apply(useStateFromStores, FluxModule, [[AccessibilityStore], function() {
            return AccessibilityStore.roleStyle;
        }]) === 'dot' && value3?.colorString != null;
        const r12 = roleId === (importDefault(21) /* metro dependency 21: SnowflakeUtils */).castGuildIdAsEveryoneGuildRoleId(guildId) ? null : (importDefault(6736) /* metro dependency 6736: useGuildRoleMemberCounts */)(guildId)?.[roleId] ?? null;
        binding = env0_3;
        const useMemo = binding.useMemo;
        if (value3 == null) {
            return null;
        } else {
            const BottomSheet = (require(6275) /* metro dependency 6275: BottomSheetNative */).BottomSheet;
            return (
                <BottomSheet scrollable header={Reflect.apply(useMemo, binding, [_fun87247, [r13, value3, r12, styles]])}>
                    {((Component) => <Component guildId={guildId} channelId={channelId ?? EVERYONE_CHANNEL_ID} roleId={roleId} headerShown={false} inActionSheet disableStickySections disableThemedGradient />)(importDefault(11382) /* metro dependency 11382: GuildChannelUserList */)}
                </BottomSheet>
            );
        }
        function _fun87247() { // fn#87247, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:11567:944, offset: 0x01fb537b, size: 323 bytes, params: 1, frame: 23
            const Text = (TextModule).Text;
            var r0;
            var RoleDot;
            var binding;
            const value = environment.__proto__;
            const value3 = null;
            if (ReactNativeModule.View) {
                RoleDot = (require(1305) /* metro dependency 1305: native */).RoleDot;
                binding = env0_3;
                r0 = (
                    <RoleDot
                        color={binding.colorString}
                        colors={binding.colorStrings}
                        size="small"
                        containerStyles={styles.roleDot}
                    />
                );
            } else {
                r0 = value3;
            }
            const items2 = [r0];
            items2[1] = (
                <Text variant="text-sm/semibold" style={styles.headerText}>
                    {value3 == env0_3 ? undefined : env0_3.name}
                </Text>
            );
            items2[2] = (
                value3 != env0_5
                    ? (
                        <Text variant="text-sm/medium" style={styles.memberCount}>
                            {env0_5}
                        </Text>
                    )
                    : value3
            );
            return (
                <View style={styles.header}>
                    {items2}
                </View>
            );
        }

    }

}

global.__d(_fun87242, 11381, [31, 27, 4502, 6875, 1938, 33, 4501, 697, 21, 6738, 566, 6736, 1305, 4573, 6275, 11382,
        2]) /* metro module 11381, dependencies: [31, 27, 4502, 6875, 1938, 33, 4501, 697, 21, 6738, 566, 6736, 1305, 4573, 6275, 11382, 2] */;