/* Metro module 13409; source: modules/parent_tools/native/FamilyCenterTopActivity.tsx; dependencies: [31, 27, 1878, 5116, 33, 4501, 697, 632, 4080, 13410, 1962, 13411, 8792, 1244, 2224, 4573, 1305, 6819, 2] */
import UserStore from '../../../stores/UserStore.tsx'; /* Metro dependency 1878 */
import FamilyCenterStore from '../FamilyCenterStore.tsx'; /* Metro dependency 5116 */
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 UseStateFromStoresModule from '../../../external/discord_common/js/packages/flux/useStateFromStores.tsx'; /* Metro dependency 632 */
import * as IndexNativeModule from '../../../intl/index.native.tsx'; /* Metro dependency 1244 */
import * as TextModule from '../../../design/components/Text/native/Text.tsx'; /* Metro dependency 4573 */

function _fun102040(global, require, importDefault, importAll, module, exports, dependencyMap) { // fn#102040, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:13599:6, offset: 0x02228fe6, size: 496 bytes, params: 8, frame: 23
    const env0_0 = require;
    const Object = global.Object;
    Object.defineProperty(exports, '__esModule', {value: true});
    let value = JsxRuntimeModule;
    const env0_7 = value.jsx;
    const env0_8 = value.jsxs;
    value = require(4501) /* metro dependency 4501: createStyles */;
    const createStyles = value.createStyles;
    object = {};
    const PX_8 = (importDefault(697) /* metro dependency 697: native */).space.PX_8;
    object.container = {'display': 'flex', 'flexDirection': 'row', 'flexWrap': 'wrap', gap: PX_8};
    object.section = {flex: 1};
    const object4 = {'display': 'flex', 'flexDirection': 'row', 'gap': null, 'flexWrap': 'wrap'};
    const PX_4 = (importDefault(697) /* metro dependency 697: native */).space.PX_4;
    object4.gap = PX_4;
    let PX_12 = (importDefault(697) /* metro dependency 697: native */).space.PX_12;
    object4.paddingTop = PX_12;
    PX_12 = (importDefault(697) /* metro dependency 697: native */).space.PX_12;
    object4.paddingBottom = PX_12;
    object.avatarList = object4;
    object.touchableHitBox = {'width': '100%', 'alignItems': 'flex-start'};
    const object5 = {};
    object5.borderRadius = (importDefault(697) /* metro dependency 697: native */).radii.md;
    const BACKGROUND_BASE_LOW = (importDefault(697) /* metro dependency 697: native */).colors.BACKGROUND_BASE_LOW;
    object5.borderColor = BACKGROUND_BASE_LOW;
    const BACKGROUND_SURFACE_HIGHEST = (importDefault(697) /* metro dependency 697: native */).colors.BACKGROUND_SURFACE_HIGHEST;
    object5.backgroundColor = BACKGROUND_SURFACE_HIGHEST;
    object.guildAvatar = object5;
    object.guildAvatarText = {fontSize: 12};
    const env0_9 = Reflect.apply(createStyles, value, [object]);
    (FileImportTrackerModule).fileFinishedImporting('modules/parent_tools/native/FamilyCenterTopActivity.tsx');
    exports.default = _default_102041;
    function _default_102041() { // fn#102041, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:13599:692, offset: 0x022291d6, size: 806 bytes, params: 1, frame: 36
        var r6;
        var r0;
        var value5;
        var defaultImport;
        const intl = (IndexNativeModule).intl;
        var string;
        var BxbvS7;
        const Text = (TextModule).Text;
        var items2;
        var value8;
        var defaultImport2;
        var Lq9Set;
        var value;
        const styles = useStyles();
        const useStateFromStores = UseStateFromStoresModule.useStateFromStores;
        const familyCenterStoreBinding = FamilyCenterStore;
        const topUserActivities = Reflect.apply(useStateFromStores, UseStateFromStoresModule, [[familyCenterStoreBinding],
            function() {
            return FamilyCenterStore.getTopUserActivities();
        }]);
        const topGuildActivities = UseStateFromStoresModule.useStateFromStores([familyCenterStoreBinding], function() {
            return FamilyCenterStore.getTopGuildActivities();
        });
        const value2 = ReactModule.useCallback(_fun102044, [topUserActivities]);
        const value3 = ReactModule.useCallback(_fun102045, [topGuildActivities]);
        let length = topUserActivities.length;
        if (length !== 0) {
            var viewBindingProps = {style: styles.container};
            length = topUserActivities.length;
            value5 = length > 0;
            if (value5) {
                var viewBinding2Props = {style: styles.section};
                defaultImport = importDefault(8792) /* metro dependency 8792: TouchableHitBox */;
                var defaultImportProps = {style: styles.touchableHitBox, onPress: value2, accessibilityRole: 'button'};
                string = intl.string;
                BxbvS7 = (importDefault(2224) /* metro dependency 2224: FamilyCenterMessages */).BxbvS7;
                defaultImportProps.accessibilityLabel = Reflect.apply(string, intl, [BxbvS7]);
                string = intl.string;
                BxbvS7 = (importDefault(2224) /* metro dependency 2224: FamilyCenterMessages */).BxbvS7;
                r6 = (
                    <View {...viewBinding2Props}>
                        {((Component) => <Component {...defaultImportProps}><Text variant="text-sm/semibold">{Reflect.apply(string,
                            
                            
                            intl,
                            [BxbvS7])}</Text><View style={styles.avatarList}>{topUserActivities.map(_fun102046)}</View></Component>)(defaultImport)}
                    </View>
                );
            } else {
                r6 = value5;
            }
            items2 = [r6];
            length = topGuildActivities.length;
            value8 = length > 0;
            if (value8) {
                var viewBinding3Props = {style: styles.section};
                defaultImport2 = importDefault(8792) /* metro dependency 8792: TouchableHitBox */;
                var defaultImport2Props = {style: styles.touchableHitBox, onPress: value3, accessibilityRole: 'button'};
                string = intl.string;
                Lq9Set = (importDefault(2224) /* metro dependency 2224: FamilyCenterMessages */).Lq9Set;
                defaultImport2Props.accessibilityLabel = Reflect.apply(string, intl, [Lq9Set]);
                string = intl.string;
                Lq9Set = (importDefault(2224) /* metro dependency 2224: FamilyCenterMessages */).Lq9Set;
                value = (
                    <Text variant="text-sm/semibold">
                        {Reflect.apply(string, intl, [Lq9Set])}
                    </Text>
                );
                value = (
                    <View {...viewBinding3Props}>
                        {((Component) => <Component {...defaultImport2Props}>{value}<View style={styles.avatarList}>{topGuildActivities.map(_fun102047)}</View></Component>)(defaultImport2)}
                    </View>
                );
                r6 = value;
            } else {
                r6 = value8;
            }
            items2[1] = r6;
            value = (
                <View {...viewBindingProps}>
                    {items2}
                </View>
            );
            r0 = value;
        } else {
            length = topGuildActivities.length;
            if (length === 0) {
                r0 = null;
            } else {
                var viewBindingProps = {style: styles.container};
                length = topUserActivities.length;
                value5 = length > 0;
                if (value5) {
                    var viewBinding2Props = {style: styles.section};
                    defaultImport = importDefault(8792) /* metro dependency 8792: TouchableHitBox */;
                    var defaultImportProps = {style: styles.touchableHitBox, onPress: value2, accessibilityRole: 'button'};
                    string = intl.string;
                    BxbvS7 = (importDefault(2224) /* metro dependency 2224: FamilyCenterMessages */).BxbvS7;
                    defaultImportProps.accessibilityLabel = Reflect.apply(string, intl, [BxbvS7]);
                    string = intl.string;
                    BxbvS7 = (importDefault(2224) /* metro dependency 2224: FamilyCenterMessages */).BxbvS7;
                    r6 = (
                        <View {...viewBinding2Props}>
                            {((Component) => <Component {...defaultImportProps}><Text variant="text-sm/semibold">{Reflect.apply(string,
                                
                                
                                
                                intl,
                                [BxbvS7])}</Text><View style={styles.avatarList}>{topUserActivities.map(_fun102046)}</View></Component>)(defaultImport)}
                        </View>
                    );
                } else {
                    r6 = value5;
                }
                items2 = [r6];
                length = topGuildActivities.length;
                value8 = length > 0;
                if (value8) {
                    var viewBinding3Props = {style: styles.section};
                    defaultImport2 = importDefault(8792) /* metro dependency 8792: TouchableHitBox */;
                    var defaultImport2Props = {style: styles.touchableHitBox, onPress: value3, accessibilityRole: 'button'};
                    string = intl.string;
                    Lq9Set = (importDefault(2224) /* metro dependency 2224: FamilyCenterMessages */).Lq9Set;
                    defaultImport2Props.accessibilityLabel = Reflect.apply(string, intl, [Lq9Set]);
                    string = intl.string;
                    Lq9Set = (importDefault(2224) /* metro dependency 2224: FamilyCenterMessages */).Lq9Set;
                    value = (
                        <Text variant="text-sm/semibold">
                            {Reflect.apply(string, intl, [Lq9Set])}
                        </Text>
                    );
                    value = (
                        <View {...viewBinding3Props}>
                            {((Component) => <Component {...defaultImport2Props}>{value}<View style={styles.avatarList}>{topGuildActivities.map(_fun102047)}</View></Component>)(defaultImport2)}
                        </View>
                    );
                    r6 = value;
                } else {
                    r6 = value8;
                }
                items2[1] = r6;
                value = (
                    <View {...viewBindingProps}>
                        {items2}
                    </View>
                );
                r0 = value;
            }
        }
        return r0;
        function _fun102044() { // fn#102044, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:13599:855, offset: 0x02229526, size: 94 bytes, params: 1, frame: 16
            let value = environment.__proto__;
            const defaultImport = importDefault(dependencyMap[8]);
            const openLazy = defaultImport.openLazy;
            value = require(dependencyMap[10]);
            value = value(dependencyMap[9], dependencyMap.paths);
            Reflect.apply(openLazy, defaultImport, [value, 'FamilyCenterTopUsers', {topUserActivities: topUserActivities}]);
        }

        function _fun102045() { // fn#102045, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:13599:970, offset: 0x02229584, size: 94 bytes, params: 1, frame: 16
            let value = environment.__proto__;
            const defaultImport = importDefault(dependencyMap[8]);
            const openLazy = defaultImport.openLazy;
            value = require(dependencyMap[10]);
            value = value(dependencyMap[11], dependencyMap.paths);
            Reflect.apply(openLazy, defaultImport, [value, 'FamilyCenterTopServers', {topGuildActivities: topGuildActivities}]);
        }

        function _fun102046({user_id}) { // fn#102046, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:13599:1459, offset: 0x022295e2, size: 117 bytes, params: 2, frame: 20
            const value = environment.__proto__;
            const user = UserStore.getUser(user_id);
            if (user == null) {
                return null;
            } else {
                const Avatar = (require(1305) /* metro dependency 1305: native */).Avatar;
                return (
                    <Avatar
                        user={user}
                        size={(require(1305) /* metro dependency 1305: native */).AvatarSizes.SMALL}
                        guildId={undefined}
                        key={user.id}
                    />
                );
            }
        }

        function _fun102047(a0) { // fn#102047, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:13599:1915, offset: 0x02229657, size: 138 bytes, params: 2, frame: 21
            var r0;
            var GuildIcon;
            var stylesBinding;
            const value = environment.__proto__;
            const guild = FamilyCenterStore.getGuild(a0.guild_id);
            const value3 = null;
            if (value3 == guild) {
                r0 = value3;
            } else {
                GuildIcon = importDefault(6819) /* metro dependency 6819: GuildIcon */;
                stylesBinding = styles;
                r0 = (
                    <GuildIcon
                        style={stylesBinding.guildAvatar}
                        textStyle={stylesBinding.guildAvatarText}
                        guild={guild}
                        size={(require(6819) /* metro dependency 6819: GuildIcon */).GuildIconSizes.SMALL}
                        key={guild.id}
                    />
                );
            }
            return r0;
        }

    }

}

global.__d(_fun102040, 13409, [31, 27, 1878, 5116, 33, 4501, 697, 632, 4080, 13410, 1962, 13411, 8792, 1244, 2224,
        4573, 1305, 6819,
        2]) /* metro module 13409, dependencies: [31, 27, 1878, 5116, 33, 4501, 697, 632, 4080, 13410, 1962, 13411, 8792, 1244, 2224, 4573, 1305, 6819, 2] */;