/* Metro module 14921; source: modules/user_profile/native/UserProfileYourFriendsCard.tsx; dependencies: [57, 31, 27, 5221, 3793, 1878, 661, 33, 1305, 4501, 697, 566, 10341, 7693, 22, 1360, 5278, 1244, 4573, 6818, 2] */
function _fun112883(global, require, importDefault, importAll, module, exports, dependencyMap) { // fn#112883, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:15118:6, offset: 0x023e00df, size: 439 bytes, params: 8, frame: 23
    const env0_0 = require;
    let Object = global.Object;
    Object.defineProperty(exports, '__esModule', {value: true});
    const env0_3 = importDefault(57) /* metro dependency 57 */;
    const env0_4 = importAll(31) /* metro dependency 31 */;
    const env0_5 = (require(27) /* metro dependency 27 */).View;
    const userAffinitiesV2Store = importDefault(5221) /* metro dependency 5221: UserAffinitiesV2Store */;
    const relationshipStore = importDefault(3793) /* metro dependency 3793: RelationshipStore */;
    const userStore = importDefault(1878) /* metro dependency 1878: UserStore */;
    const env0_9 = (require(661) /* metro dependency 661: Constants */).RelationshipTypes;
    let value = require(33) /* metro dependency 33 */;
    const env0_10 = value.jsx;
    const env0_11 = value.jsxs;
    Object = global.Object;
    const freeze = Object.freeze;
    const CutoutDirection = (require(1305) /* metro dependency 1305: native */).CutoutDirection;
    const RIGHT = CutoutDirection.RIGHT;
    const env0_12 = Reflect.apply(freeze, Object, [{direction: RIGHT, inset: -4}]);
    value = require(4501) /* metro dependency 4501: createStyles */;
    const createStyles = value.createStyles;
    const object = {'flex': 1, 'flexDirection': 'row', 'alignItems': 'center', 'padding': 16};
    object.borderRadius = (importDefault(697) /* metro dependency 697: native */).radii.lg;
    const env0_13 = Reflect.apply(createStyles, value, [{pressable: object, label: {flex: 1},
        facepile: {'flexDirection': 'row', 'alignItems': 'center', 'marginLeft': 'auto', 'marginRight': 8},
        avatars: {flexDirection: 'row'}}]);
    (require(2) /* metro dependency 2 */).fileFinishedImporting('modules/user_profile/native/UserProfileYourFriendsCard.tsx');
    exports.default = UserProfileYourFriendsCard;
}

function UserProfileYourFriendsCard({navigateToFriends, style}) { // fn#112884, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:15118:648, offset: 0x023e0296, size: 607 bytes, params: 2, frame: 25
    var object2;
    const styles = useStyles();
    const binding = env0_4;
    const [property, env0_2] = env0_3(binding.useState([]), 2);
    const value4 = (require(566) /* metro dependency 566: flux */).useStateFromStoresArray([UserAffinitiesV2Store],
        _fun112885);
    const value5 = (require(566) /* metro dependency 566: flux */).useStateFromStoresArray([RelationshipStore],
        function() {
        return RelationshipStore.getFriendIDs();
    });
    const gameRelationshipStoreHooksModule = require(10341) /* metro dependency 10341: GameRelationshipStoreHooks */;
    const useGameRelationshipsByType = gameRelationshipStoreHooksModule.useGameRelationshipsByType;
    const FRIEND = RelationshipTypes.FRIEND;
    const value6 = Reflect.apply(useGameRelationshipsByType, gameRelationshipStoreHooksModule, [FRIEND]);
    binding.useEffect(_fun112888, []);
    binding.useEffect(_fun112889, [value4, value5, value6]);
    const value7 = binding.useMemo(_fun112892, [property, styles.avatars, styles.facepile]);
    const PressableOpacity = (require(5278) /* metro dependency 5278: Pressables */).PressableOpacity;
    object2 = {accessibilityRole: 'button'};
    const intl = (require(1244) /* metro dependency 1244: indexNative */).intl;
    let string = intl.string;
    let TdEu5X = (require(1244) /* metro dependency 1244: indexNative */).t.TdEu5X;
    object2.accessibilityLabel = Reflect.apply(string, intl, [TdEu5X]);
    object2.onPress = navigateToFriends;
    object2.style = [style, styles.pressable];
    object2.activeOpacity = 0.8;
    const Text = (require(4573) /* metro dependency 4573: Text */).Text;
    string = intl.string;
    TdEu5X = (require(1244) /* metro dependency 1244: indexNative */).t.TdEu5X;
    const text = <Text accessibilityRole="header" variant="text-sm/semibold" color="text-default" style={styles.label}>{Reflect.apply(string,
        intl, [TdEu5X])}</Text>;
    const ChevronSmallRightIcon = (require(6818) /* metro dependency 6818: ChevronSmallRightIcon */).ChevronSmallRightIcon;
    return (
        <PressableOpacity {...object2}>
            {text}
            {value7}
            <ChevronSmallRightIcon size="sm" />
        </PressableOpacity>
    );
}

function _fun112885() { // fn#112885, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:15118:805, offset: 0x023e04f5, size: 38 bytes, params: 1, frame: 11
    var environment;
    const value = environment.__proto__;
    return UserAffinitiesV2Store.getUserAffinities().map(function(a0) {
        return a0.otherUserId;
    });
}

function _fun112888() { // fn#112888, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:15118:985, offset: 0x023e052e, size: 37 bytes, params: 1, frame: 11
    const value = environment.__proto__;
    (require(7693) /* metro dependency 7693: UserAffinitiesActionCreators */).fetchUserAffinitiesV2();
}

function _fun112889() { // fn#112889, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:15118:1042, offset: 0x023e0553, size: 334 bytes, params: 1, frame: 21
    var environment;
    var defaultImport2;
    var value12;
    var value13;
    var binding;
    var items2;
    let value = environment.__proto__;
    const value3 = (importDefault(22) /* metro dependency 22 */).chain(env0_3);
    let filter = value3.filter;
    const value5 = Reflect.apply(filter, value3, [_fun112890]).take(5);
    const map = value5.map;
    const getUser = UserStore.getUser;
    const value6 = Reflect.apply(map, value5, [getUser]);
    filter = value6.filter;
    const isNotNullish = (require(1360) /* metro dependency 1360: GlobalUtils */).isNotNullish;
    const value9 = Reflect.apply(filter, value6, [isNotNullish]).value();
    if (value9.length >= 5) {
        env0_2(value9);
    } else {
        defaultImport2 = importDefault(22) /* metro dependency 22 */;
        value12 = defaultImport2.chain(env0_5).map(function(a0) {
            return a0.id;
        }).uniq();
        value13 = value12.take(5 - value9.length);
        value = value13.map(UserStore.getUser).filter(isNotNullish);
        value = value.value();
        binding = env0_2;
        items2 = [];
        arraySpread(items2, value, arraySpread(items2, value9, 0, defaultImport2), defaultImport2);
        binding(items2);
    }
}

function _fun112892() { // fn#112892, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:15118:1350, offset: 0x023e06b7, size: 89 bytes, params: 1, frame: 16
    const stylesBinding = styles;
    return (
        <View style={stylesBinding.facepile}>
            <View style={stylesBinding.avatars}>
                {env0_1.map(_fun112893)}
            </View>
        </View>
    );
}

function _fun112890(a0) { // fn#112890, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:15118:1080, offset: 0x023e06a1, size: 22 bytes, params: 2, frame: 11
    return env1_4.includes(a0);
}

function _fun112893(a0, a1) { // fn#112893, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:15118:1422, offset: 0x023e0710, size: 188 bytes, params: 3, frame: 25
    const object = {};
    const binding = env1_1;
    object.transform = [{translateX: 4 * (binding.length - 1 - a1)}];
    const value3 = undefined;
    const CutoutableAvatarImage = (require(1305) /* metro dependency 1305: native */).CutoutableAvatarImage;
    const AvatarSizes = (require(1305) /* metro dependency 1305: native */).AvatarSizes;
    const XSMALL = AvatarSizes.XSMALL;
    return (
        <View style={object} key={a0.id}>
            <CutoutableAvatarImage
                user={a0}
                guildId={value3}
                size={XSMALL}
                cutout={a1 < binding.length - 1 ? env2_12 : value3}
            />
        </View>
    );
}