Initial commit

sources/modules/user_profile/native/UserProfileYourFriendsCard.tsx

@@ -0,0 +1,155 @@
+/* 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>
+    );
+}
+