yeet

modules/voice_calls/native/action_sheet/JoinVoiceChannelButton.tsx

@@ -0,0 +1,41 @@
+// Metro module 12840 (f12841).
+import { useCallback } from "react";
+import { View } from "react-native";
+import PermissionStore from "../../../../stores/PermissionStore";
+import { Permissions } from "../../../../Constants";
+import { createStyles } from "../../../../design/components/Styles/native/createStyles";
+import useIsVoiceChannelFull from "../../useIsVoiceChannelFull";
+import { useStateFromStores } from "../../../../_bundle/Module589";
+import { intl, t } from "../../../../intl/index.native";
+import { dismissGlobalKeyboard } from "../../../../utils/native/KeyboardManagerUtils";
+import SelectedChannelActionCreators from "../../../../actions/SelectedChannelActionCreators";
+import { Button } from "../../../../design/components/Button/native/Button.native";
+const useStyles = createStyles({
+  container: {
+    flexDirection: "row"
+  }
+});
+export default function JoinVoiceChannelButton(props) {
+  let disabled;
+  const { channel, style } = props;
+  const styles = useStyles();
+  const isVoiceChannelFull = useIsVoiceChannelFull(channel);
+  const stateFromStores = useStateFromStores([PermissionStore], () => !PermissionStore.can(Permissions.CONNECT, channel));
+  let text = intl.string(t.eIi3Om);
+  if (isVoiceChannelFull) {
+    text = intl.string(t.rZfiNq);
+    disabled = true;
+  } else {
+    disabled = false;
+    if (stateFromStores) {
+      text = intl.string(t.TVBCKZ);
+      disabled = true;
+    }
+  }
+  return <View style={[styles.container, style]}>
+    <Button disabled={disabled} text={text} onPress={useCallback(() => {
+      dismissGlobalKeyboard();
+      SelectedChannelActionCreators.selectVoiceChannel(channel.id);
+    }, [channel.id])} />
+  </View>;
+};

modules/voice_calls/native/action_sheet/VoiceActionSheet.tsx

@@ -0,0 +1,54 @@
+// Metro module 12822 (f12823).
+import { useEffect } from "react";
+import { View, StyleSheet } from "react-native";
+import SortedVoiceStateStore from "../../../../stores/views/SortedVoiceStateStore";
+import { createStyles } from "../../../../design/components/Styles/native/createStyles";
+import useAnalyticsLocations, { AnalyticsLocationProvider } from "../../../app_analytics/useAnalyticsLocations";
+import AnalyticsLocation from "../../../app_analytics/AnalyticsLocation";
+import { useStateFromStores } from "../../../../_bundle/Module589";
+import { isModalOpen } from "../../../main_tabs_v2/helpers/NavigationRouteUtils.native";
+import { getVoiceChannelKey } from "../../../../utils/native/PrivateChannelCallUtils";
+import VoiceActionSheetManager from "../VoiceActionSheetManager";
+import NUFChannelsManager from "../../../nuf_channels/native/NUFChannelsManager";
+import { ActionSheet } from "../../../../design/components/Sheet/native/ActionSheet.native";
+import NUFVoiceChannelsTemplate from "../../../nuf_channels/native/components/NUFVoiceChannelsTemplate";
+import GuildEventVoiceBanner from "../../../guild_scheduled_events/native/components/GuildEventVoiceBanner";
+import VoiceEmptyState from "./VoiceEmptyState";
+import VisualEffectView from "../../../visual_effect_view/native/VisualEffectView";
+import VoiceMemberList from "./VoiceMemberList";
+const useStyles = createStyles({
+  container: {
+    flex: 1
+  },
+  visualEffectView: {
+    ...StyleSheet.absoluteFillObject,
+    overflow: "hidden"
+  }
+});
+export default function VoiceActionSheet(props) {
+  const channel = props.channel;
+  const styles = useStyles();
+  const analyticsLocations = useAnalyticsLocations(AnalyticsLocation.VOICE_ACTION_SHEET).analyticsLocations;
+  const stateFromStores = useStateFromStores([SortedVoiceStateStore], () => SortedVoiceStateStore.countVoiceStatesForChannel(channel.id) === 0);
+  useEffect(() => {
+    if (!isModalOpen(getVoiceChannelKey(channel.id))) {
+      VoiceActionSheetManager.initialize(channel);
+    }
+    return () => {
+      VoiceActionSheetManager.terminate();
+    };
+  }, [channel]);
+  return <AnalyticsLocationProvider value={analyticsLocations}>
+    {NUFChannelsManager.requiresVoiceChannelsOnboard() ? <ActionSheet>
+      <NUFVoiceChannelsTemplate channel={channel} />
+    </ActionSheet> : stateFromStores ? <ActionSheet>
+      <GuildEventVoiceBanner channel={channel} />
+      <VoiceEmptyState channel={channel} />
+    </ActionSheet> : <ActionSheet scrollable startExpanded>
+      <View style={styles.container}>
+        <VisualEffectView blurTheme="dark" style={styles.visualEffectView} />
+        <VoiceMemberList channel={channel} />
+      </View>
+    </ActionSheet>}
+  </AnalyticsLocationProvider>;
+};

modules/voice_calls/native/action_sheet/VoiceChannelHeader.tsx

@@ -0,0 +1,112 @@
+// Metro module 12851 (f12852).
+import { View } from "react-native";
+import EmbeddedActivitiesStore from "../../../activities/EmbeddedActivitiesStore";
+import GuildStore from "../../../../stores/GuildStore";
+import PermissionStore from "../../../../stores/PermissionStore";
+import { AnalyticsPages, InstantInviteSources, Permissions } from "../../../../Constants";
+import { createStyles } from "../../../../design/components/Styles/native/createStyles";
+import Module712 from "../../../../_bundle/Module712";
+import CallStateHooks, { CallStates } from "../CallStateHooks";
+import OngoingCallStatusLabel from "../components/OngoingCallStatusLabel";
+import { Text } from "../../../../design/components/Text/native/Text";
+import OngoingCallTimer from "../components/OngoingCallTimer";
+import { useStateFromStores } from "../../../../_bundle/Module589";
+import useIsVoiceChannelFull from "../../useIsVoiceChannelFull";
+import useChannelName from "../../../channel/useChannelName";
+import { showInstantInviteActionSheet } from "../../../instant_invite/native/InstantInviteUtils";
+import { intl, t } from "../../../../intl/index.native";
+import { navigateToNewGroupDM } from "../../../main_tabs_v2/helpers/NavigationRouteUtils.native";
+import { Icon } from "../../../../design/void/native";
+import isRoleRequired from "../../../channel/isRoleRequired";
+import Module12856 from "../../../../_bundle/Module12856";
+import Module10805 from "../../../../_bundle/Module10805";
+import Module10223 from "../../../../_bundle/Module10223";
+import { PressableOpacity } from "../../../../design/void/Pressables/native/Pressables";
+let useStyles, AddMemberButton, IconButton;
+const PrivateChannelSubtitle = function PrivateChannelSubtitle(props) {
+  const channel2 = props.channel;
+  const styles = useStyles();
+  const state = CallStateHooks(channel2.id).state;
+  return <View style={styles.subtitleWrapper}>
+    <OngoingCallStatusLabel useAllAloneText={false} channel={channel2} voiceState={state} style={styles.subtitle} />
+    {state === CallStates.CONNECTED && <Text style={styles.subtitle} variant="text-xs/medium" color="text-overlay-light">{" - "}</Text>}
+    {state === CallStates.CONNECTED && <OngoingCallTimer channelId={channel2.id} style={styles.subtitle} />}
+  </View>;
+};
+export function VoiceChannelHeader(props) {
+  let stateFromStores;
+  const channel = props.channel;
+  stateFromStores = void 0;
+  const styles = useStyles();
+  const stateFromStores2 = useStateFromStores([GuildStore], () => GuildStore.getGuild(channel.getGuildId()));
+  const isVoiceChannelFull = useIsVoiceChannelFull(channel);
+  stateFromStores = useStateFromStores([EmbeddedActivitiesStore], () => EmbeddedActivitiesStore.getSelfEmbeddedActivityForChannel(channel.id), [channel]);
+  const channelName = useChannelName(channel);
+  let r17 = stateFromStores2?.name;
+  let onPress = PermissionStore.can(Permissions.CREATE_INSTANT_INVITE, channel) ? isVoiceChannelFull ? null : () => showInstantInviteActionSheet(channel, {
+    source: InstantInviteSources.VOICE_CHANNEL,
+    targetApplicationId: stateFromStores?.applicationId
+  }) : null;
+  const isPrivate = channel.isPrivate();
+  let r19 = channelName;
+  if (isPrivate) {
+    r19 = intl.formatToPlainString(t["8bn8Br"], {
+      count: channel.recipients.length + 1
+    });
+    r17 = <PrivateChannelSubtitle channel={channel} />;
+    onPress = () => navigateToNewGroupDM(channel.id, AnalyticsPages.CHANNEL_CALL);
+  }
+  const r81 = [<Icon size={Icon.Sizes.MEDIUM} source={isRoleRequired(channel) ? Module12856 : Module10805} disableColor style={styles.icons} />, , ,];
+  let r84 = r19;
+  if (typeof r84 === "string") {
+    r84 = <Text lineClamp={1} lineBreakMode="tail" variant="text-md/semibold" color="text-overlay-light">{r19}</Text>;
+  }
+  const r89 = [r84, ,];
+  let r90 = r17;
+  if (typeof r90 === "string") {
+    r90 = <Text lineClamp={1} lineBreakMode="tail" variant="text-xs/medium" color="text-overlay-light">{r17}</Text>;
+  }
+  r89[1] = r90;
+  r81[1] = <View style={styles.middle}>{r89}</View>;
+  r81[2] = <View style={styles.icons}>
+    {onPress != null && <AddMemberButton onPress={onPress} />}
+  </View>;
+  return <View style={styles.container}>{r81}</View>;
+}
+AddMemberButton = function AddMemberButton(props) {
+  return <IconButton onPress={props.onPress} iconSource={Module10223} iconStyle={useStyles().icons} accessibilityLabel={intl.string(t["6Qgrev"])} />;
+};
+IconButton = function IconButton(props) {
+  const onPress = props.onPress;
+  return <PressableOpacity accessibilityRole="button" accessibilityLabel={props.accessibilityLabel} onPress={onPress} style={props.style}>
+    <Icon source={props.iconSource} style={props.iconStyle} />
+  </PressableOpacity>;
+};
+useStyles = createStyles({
+  container: {
+    alignSelf: "stretch",
+    flexDirection: "row",
+    paddingVertical: 10,
+    paddingHorizontal: 16,
+    alignItems: "center"
+  },
+  middle: {
+    flex: 1,
+    justifyContent: "space-around",
+    marginHorizontal: 16
+  },
+  icons: {
+    flexDirection: "row",
+    tintColor: Module712.colors.WHITE
+  },
+  subtitle: {
+    fontSize: 12,
+    lineHeight: 16,
+    color: Module712.colors.WHITE
+  },
+  subtitleWrapper: {
+    flexDirection: "row"
+  }
+});
+export default VoiceChannelHeader;
+export { IconButton };

modules/voice_calls/native/action_sheet/VoiceEmptyState.tsx

@@ -0,0 +1,43 @@
+// Metro module 12838 (f12839).
+import { View } from "react-native";
+import { Fonts } from "../../../../Constants";
+import { createStyles } from "../../../../design/components/Styles/native/createStyles";
+import TextStyles from "../../../rebrand/native/TextStyles";
+import Module712 from "../../../../_bundle/Module712";
+import useSafeAreaInsets_native from "../../../safe_area/useSafeAreaInsets.native";
+import { ThemedEmptyState } from "../../../../design/void/native";
+import { intl, t } from "../../../../intl/index.native";
+import Module12839 from "../../../../_bundle/Module12839";
+import JoinVoiceChannelButton from "./JoinVoiceChannelButton";
+const useStyles = createStyles({
+  container: {
+    justifyContent: "center"
+  },
+  button: {
+    paddingHorizontal: 12,
+    paddingTop: 16
+  },
+  emptyTitle: {
+    ...TextStyles(Fonts.DISPLAY_EXTRABOLD, Module712.colors.MOBILE_TEXT_HEADING_PRIMARY, 18),
+    textTransform: "none",
+    lineHeight: 24
+  },
+  emptyBody: {
+    ...TextStyles(Fonts.PRIMARY_MEDIUM, Module712.colors.TEXT_SUBTLE, 16),
+    lineHeight: 20,
+    fontWeight: "600"
+  }
+});
+export default function VoiceEmptyState(props) {
+  const channel = props.channel;
+  const styles = useStyles();
+  return <View style={[styles.container, {
+    paddingBottom: useSafeAreaInsets_native().bottom
+  }]}>
+    <ThemedEmptyState title={intl.string(t["/HABZo"])} body={intl.string(t["5Jy2FY"])} lightSource={Module12839} darkSource={Module12839} titleStyle={styles.emptyTitle} bodyStyle={styles.emptyBody} imageStyle={{
+      marginBottom: 16,
+      marginTop: 20
+    }} />
+    <JoinVoiceChannelButton channel={channel} style={styles.button} />
+  </View>;
+};

modules/voice_calls/native/action_sheet/VoiceFeedbackActionSheet.tsx

@@ -0,0 +1,106 @@
+// Metro module 16178 (f16179).
+import { AnalyticEvents } from "../../../../Constants";
+import { AudioFeedbackOption, ConnectionFeedbackOption, FeedbackCategory, FeedbackType, PeopleFeedbackOption, VideoFeedbackOption } from "../../../feedback/Constants";
+import AnalyticsUtils from "../../../../utils/AnalyticsUtils";
+import { intl, t } from "../../../../intl/index.native";
+import Feedback_messages from "../../../feedback/intl/Feedback.messages";
+import { getConnectionFeedbackOptions, getAudioFeedbackOptions, getVideoFeedbackOptions, getPeopleFeedbackOptions, processOptOut } from "../../../feedback/FeedbackUtils";
+import FeedbackActionSheetV2 from "../../../feedback/native/FeedbackActionSheetV2";
+import trackVoiceFeedback from "../../trackVoiceFeedback";
+import { shouldShowLogUploadForCategory } from "../../../feedback/shouldShowLogUploadForCategory";
+import ActionSheetActionCreators from "../../../action_sheet/native/ActionSheetActionCreators";
+import { presentFeedbackSent } from "../../../toast/native/ToastUtils";
+const trackOpen = function trackOpen() {
+  AnalyticsUtils.track(AnalyticEvents.OPEN_POPOUT, {
+    type: "Call Session Feedback"
+  });
+};
+export default function VoiceFeedbackActionSheet(props) {
+  const analyticsData = props.analyticsData;
+  const headerLabel = intl.string(t.Ss6tlb);
+  const ratingBody = intl.string(t.tLi4cR);
+  const r10 = {
+    value: FeedbackCategory.CONNECTION,
+    label: intl.string(Feedback_messages.FVhMw6),
+    problemsHeader: intl.string(t.FJmoxF),
+    problemOptions: getConnectionFeedbackOptions(),
+    freeformConfig: {
+      value: ConnectionFeedbackOption.FREEFORM,
+      label: intl.string(t.emlT91)
+    }
+  };
+  const r9 = {
+    value: FeedbackCategory.AUDIO,
+    label: intl.string(Feedback_messages.PL2l6A),
+    problemsHeader: intl.string(t.FJmoxF),
+    problemOptions: getAudioFeedbackOptions({
+      isMobile: true
+    }),
+    freeformConfig: {
+      value: AudioFeedbackOption.FREEFORM,
+      label: intl.string(t.emlT91)
+    }
+  };
+  const r100 = {
+    value: FeedbackCategory.VIDEO,
+    label: intl.string(Feedback_messages["0WFzPh"]),
+    problemsHeader: intl.string(t.FJmoxF),
+    problemOptions: getVideoFeedbackOptions(),
+    freeformConfig: {
+      value: VideoFeedbackOption.FREEFORM,
+      label: intl.string(t.emlT91)
+    }
+  };
+  const r134 = {
+    value: FeedbackCategory.PEOPLE,
+    label: intl.string(Feedback_messages.Moa3W9),
+    problemsHeader: intl.string(t.FJmoxF),
+    problemOptions: getPeopleFeedbackOptions(),
+    freeformConfig: {
+      value: PeopleFeedbackOption.FREEFORM,
+      label: intl.string(t.emlT91)
+    }
+  };
+  return <FeedbackActionSheetV2 headerLabel={headerLabel} showHeaderCloseButton ratingBody={ratingBody} categoriesHeader={intl.string(Feedback_messages.tq8598)} optionsTree={[r10, r9, r100, r134]} trackOpen={trackOpen} trackReport={function trackReport(a0) {
+    const { rating, category, reason, dontShowAgain } = a0;
+    let feedback = a0.feedback;
+    if (dontShowAgain) {
+      processOptOut({
+        feedbackType: FeedbackType.VOICE,
+        location: "VoiceFeedbackActionSheet"
+      });
+    }
+    L17: {
+      if (rating != null) {
+        const CALL_REPORT_PROBLEM = AnalyticEvents.CALL_REPORT_PROBLEM;
+        let reasonDescription = reason?.value;
+        if (reasonDescription == null) {
+          reasonDescription = null;
+        }
+        let variant = reason?.variant;
+        if (variant == null) {
+          variant = null;
+        }
+        if (feedback == null) {
+          feedback = "";
+        }
+        trackVoiceFeedback(CALL_REPORT_PROBLEM, {
+          rating,
+          category,
+          reasonDescription,
+          variant,
+          feedback,
+          analyticsData
+        });
+        if (reason != null && shouldShowLogUploadForCategory(rating, category, reason)) {
+          ActionSheetActionCreators.openLazy(import("../../../feedback/native/UploadLogsActionSheet"), "UploadLogs", {
+            mediaSessionId: analyticsData.media_session_id,
+            rtcConnectionId: analyticsData.rtc_connection_id
+          });
+          break L17;
+        }
+        presentFeedbackSent();
+      }
+    }
+  }} />;
+};

modules/voice_calls/native/action_sheet/VoiceMemberEmbeddedActivity.tsx

@@ -0,0 +1,184 @@
+// Metro module 12842 (f12843).
+import { Image as Image2, View } from "react-native";
+import EmbeddedActivitiesStore from "../../../activities/EmbeddedActivitiesStore";
+import ChannelStore from "../../../../stores/ChannelStore";
+import UserStore from "../../../../stores/UserStore";
+import { getThemedRippleConfig } from "../../../../design/void/Form/native/FormConstants";
+import { ACTION_SHEET_MAX_WIDTH } from "../../../action_sheet/native/ActionSheetConstants";
+import { AvatarSizes, AVATAR_SIZE_MAP, SummarizedIconRow, OverflowText, CutoutableAvatarImage, CutoutDirection } from "../../../../design/void/native";
+import { createStyles } from "../../../../design/components/Styles/native/createStyles";
+import Module712 from "../../../../_bundle/Module712";
+import useGetOrFetchApplications from "../../../applications/useGetOrFetchApplications";
+import { isNotNullish } from "../../../../utils/GlobalUtils";
+import { useStateFromStores } from "../../../../_bundle/Module589";
+import { getEmbeddedActivityLocationGuildId } from "../../../activities/utils/embeddedActivityLocationUtils";
+import { useEmbeddedActivityJoinability, EmbeddedActivityJoinability } from "../../../activities/utils/getEmbeddedActivityJoinability";
+import useWindowDimensions_native from "../../../screen/useWindowDimensions.native";
+import Module6614 from "../../../../_bundle/Module6614";
+import handlePressJoinActivity from "../../../activities/handlePressJoinActivity";
+import { PressableOpacity } from "../../../../design/void/Pressables/native/Pressables";
+import { intl, t } from "../../../../intl/index.native";
+import { Text } from "../../../../design/components/Text/native/Text";
+import EmbeddedActivityBackgroundImageWithOverlay from "../../../activities/native/EmbeddedActivityBackgroundImageWithOverlay";
+import { BaseTextButton } from "../../../../design/components/Button/native/BaseTextButton.native";
+const XSMALL = AvatarSizes.XSMALL;
+const themedRippleConfig = getThemedRippleConfig({
+  foreground: true
+});
+const appIcon = {
+  width: 32,
+  height: 32,
+  marginRight: 16,
+  borderRadius: 4
+};
+let c8857_14 = 1.7777777777777777;
+const useStyles = createStyles({
+  voiceMemberItemRow: {
+    paddingTop: 12,
+    paddingBottom: 16,
+    flexDirection: "column",
+    display: "flex",
+    justifyContent: "flex-start"
+  },
+  innerRow: {
+    paddingHorizontal: 16,
+    alignItems: "center"
+  },
+  activityDetails: {
+    marginBottom: 8,
+    flexDirection: "row",
+    display: "flex"
+  },
+  appIcon,
+  appIconPlaceholder: {
+    ...appIcon,
+    tintColor: Module712.colors.INTERACTIVE_TEXT_DEFAULT
+  },
+  centerGroup: {
+    flex: 1,
+    paddingRight: 4
+  },
+  applicationName: {
+    lineHeight: 20
+  },
+  joinButton: {
+    alignSelf: "center"
+  },
+  joinButtonPill: {
+    borderRadius: 100,
+    paddingHorizontal: 24
+  },
+  joinButtonContainer: {
+    alignItems: "center",
+    justifyContent: "center",
+    display: "flex",
+    width: "100%",
+    paddingHorizontal: 16
+  },
+  overflow: {
+    height: AVATAR_SIZE_MAP[XSMALL]
+  },
+  overflowBackgroundColor: {
+    backgroundColor: Module712.colors.BACKGROUND_MOD_NORMAL
+  },
+  overflowBackgroundColorActionSheet: {
+    backgroundColor: Module712.colors.BACKGROUND_BASE_LOWEST
+  }
+});
+export default function VoiceMemberEmbeddedActivity(props) {
+  let c20245_2, stateFromStores, stateFromStores2, embeddedActivityLocationGuildId, embeddedActivityJoinability;
+  const { embeddedActivity, channelId, onItemPress, isActionSheet } = props;
+  c20245_2 = void 0;
+  stateFromStores = void 0;
+  stateFromStores2 = void 0;
+  embeddedActivityLocationGuildId = void 0;
+  embeddedActivityJoinability = void 0;
+  const handleCanJoin2 = function handleCanJoin() {
+    let r3 = c20245_2;
+    if (r3 == null) {
+      r3 = void 0;
+    }
+    let r6 = stateFromStores2;
+    if (stateFromStores2 == null) {
+      r6 = void 0;
+    }
+    onItemPress(stateFromStores, r3, r6);
+  };
+  const styles = useStyles();
+  const [application] = useGetOrFetchApplications([embeddedActivity.applicationId]);
+  c20245_2 = application;
+  const items = Array.from(embeddedActivity.userIds).map((item) => UserStore.getUser(item)).filter(isNotNullish);
+  stateFromStores = useStateFromStores([ChannelStore], () => ChannelStore.getChannel(channelId));
+  stateFromStores2 = useStateFromStores([EmbeddedActivitiesStore], () => stateFromStores != null ? EmbeddedActivitiesStore.getEmbeddedActivitiesForChannel(stateFromStores.id).find((item) => item.applicationId === c20245_2?.id) : null);
+  embeddedActivityLocationGuildId = getEmbeddedActivityLocationGuildId(embeddedActivity.location);
+  embeddedActivityJoinability = useEmbeddedActivityJoinability({
+    userId: UserStore.getCurrentUser()?.id,
+    channelId,
+    application
+  });
+  const r80 = Math.min(ACTION_SHEET_MAX_WIDTH, useWindowDimensions_native().width);
+  const r81 = r80 - 32;
+  if (application != null && stateFromStores2 != null) {
+    let source = application.getIconSource(32);
+    if (source == null) {
+      source = Module6614;
+    }
+    const height = 40 + r81 / c8857_14 + 12 + 16;
+    const name = application.name;
+    const width = r80 - 32;
+    const props2 = {
+      accessibilityRole: "button",
+      accessibilityLabel: intl.formatToPlainString(t.Yw5Hr2, {
+        applicationName: name
+      }),
+      androidRippleConfig: themedRippleConfig,
+      onPress: () => {
+        handlePressJoinActivity({
+          embeddedActivityJoinability,
+          handleCanJoin: handleCanJoin2
+        });
+      },
+      children: null
+    };
+    const r123 = [<Image2 style={source === Module6614 ? styles.appIconPlaceholder : styles.appIcon} source={source} />, <View style={styles.centerGroup}>
+      <Text style={styles.applicationName} variant="text-md/semibold" color="mobile-text-heading-primary">{name}</Text>
+    </View>, ,];
+    const overflowStyle = [styles.overflow, ,];
+    const r137 = isActionSheet ? styles.overflowBackgroundColorActionSheet : styles.overflowBackgroundColor;
+    const height2 = width / c8857_14;
+    overflowStyle[1] = r137;
+    r123[2] = <SummarizedIconRow offsetAmount={-6} overflowStyle={overflowStyle} overflowComponent={OverflowText} items={items} max={5} renderItem={(info, a1) => <CutoutableAvatarImage user={info} guildId={embeddedActivityLocationGuildId} size={XSMALL} cutout={a1 ? void 0 : {
+      radius: AVATAR_SIZE_MAP[XSMALL] / 2 + 3,
+      direction: CutoutDirection.RIGHT,
+      inset: -6
+    }} />} />;
+    props2.children = <View style={[styles.voiceMemberItemRow, {
+      height
+    }]}>
+      <View style={[styles.innerRow, styles.activityDetails]}>{r123}</View>
+      <View style={[styles.innerRow, {
+        height: height2,
+        justifyContent: "center"
+      }]}>
+        <EmbeddedActivityBackgroundImageWithOverlay application={application} dimensionsStyle={{
+          position: "absolute",
+          width,
+          height: height2
+        }} borderRadius={8} resizeMode="contain" />
+        <View style={styles.joinButtonContainer}>
+          {embeddedActivityJoinability === EmbeddedActivityJoinability.CAN_JOIN ? <BaseTextButton onPress={() => {
+            handlePressJoinActivity({
+              embeddedActivityJoinability,
+              handleCanJoin: handleCanJoin2
+            });
+          }} style={styles.joinButton} pillStyle={styles.joinButtonPill} text={intl.string(t["4i2vj+"])} variant="secondary" size="sm" shrink /> : null}
+        </View>
+      </View>
+    </View>;
+    return <PressableOpacity {...props2} />;
+  }
+  return null;
+};
+export function calculateActivityRowHeight(a0) {
+  return 40 + (a0 - 32) / c8857_14 + 12 + 16;
+}

modules/voice_calls/native/action_sheet/VoiceMemberList.tsx

@@ -0,0 +1,288 @@
+// Metro module 12841 (f12842).
+import { memo, forwardRef, useCallback } from "react";
+import { SectionList, View } from "react-native";
+import EmbeddedActivitiesStore from "../../../activities/EmbeddedActivitiesStore";
+import UserRecord from "../../../../records/UserRecord";
+import ApplicationStreamingStore from "../../../../stores/ApplicationStreamingStore";
+import PermissionStore from "../../../../stores/PermissionStore";
+import UserStore from "../../../../stores/UserStore";
+import SortedVoiceStateStore from "../../../../stores/views/SortedVoiceStateStore";
+import { AnalyticsPages, InstantInviteSources, Permissions } from "../../../../Constants";
+import { FORM_ROW_VERTICAL_PADDING } from "../../../../design/void/Form/native/FormConstants";
+import { ACTION_SHEET_MAX_WIDTH } from "../../../action_sheet/native/ActionSheetConstants";
+import { ThemeTypes } from "../../../../_bundle/Module505";
+import { createStyles } from "../../../../design/components/Styles/native/createStyles";
+import GuildEventVoiceBanner from "../../../guild_scheduled_events/native/components/GuildEventVoiceBanner";
+import useIsVoiceChannelFull from "../../useIsVoiceChannelFull";
+import { useStateFromStores, useStateFromStoresArray } from "../../../../_bundle/Module589";
+import { FormDivider, FormRow } from "../../../../design/void/Form/native/index";
+import { CircularIconButton } from "../../../../design/void/IconButton/native/IconButton";
+import { intl, t } from "../../../../intl/index.native";
+import Module10223 from "../../../../_bundle/Module10223";
+import { navigateToNewGroupDM, useIsModalOpen } from "../../../main_tabs_v2/helpers/NavigationRouteUtils.native";
+import { showInstantInviteActionSheet } from "../../../instant_invite/native/InstantInviteUtils";
+import { Text } from "../../../../design/components/Text/native/Text";
+import { useAnalyticsContext } from "../../../../hooks/analytics";
+import useAnalyticsLocations from "../../../app_analytics/useAnalyticsLocations";
+import { dismissGlobalKeyboard } from "../../../../utils/native/KeyboardManagerUtils";
+import SelectedChannelActionCreators from "../../../../actions/SelectedChannelActionCreators";
+import handleJoinEmbeddedActivity from "../../../activities/handleJoinEmbeddedActivity";
+import { hideVoiceChannelActionSheet, getVoiceChannelKey } from "../../../../utils/native/PrivateChannelCallUtils";
+import VoiceMemberEmbeddedActivity, { calculateActivityRowHeight } from "./VoiceMemberEmbeddedActivity";
+import VoiceMemberUser, { DisconnectedUserRow, STREAM_PREVIEW_MARGIN } from "./VoiceMemberUser";
+import useWindowDimensions_native from "../../../screen/useWindowDimensions.native";
+import useSelectedActiveStream from "../../../video_calls/native/useSelectedActiveStream";
+import Module12 from "../../../../_bundle/Module12";
+import ActionSheetActionCreators from "../../../action_sheet/native/ActionSheetActionCreators";
+import showUserProfileActionSheet from "../../../user_profile/native/showUserProfileActionSheet";
+import { ThemeContextProvider } from "../../../../_bundle/Module3901";
+import { VoiceChannelHeader } from "./VoiceChannelHeader";
+import FastList from "../../../../lib/native/FastList";
+let useStyles, Component2, Component, VoiceMemberListSectionHeader, renderSectionHeader, c8856_30, extractKey, VoiceSectionRow;
+const ItemSeparator = function ItemSeparator() {
+  return <FormDivider style={useStyles().rowFormDivider} />;
+};
+VoiceMemberListSectionHeader = function VoiceMemberListSectionHeader(props) {
+  const title = props.title;
+  const styles2 = useStyles();
+  return <View style={styles2.sectionContainer}>
+    <Text style={styles2.sectionTitle} variant="text-xs/bold" color="text-default">
+      {title.toUpperCase()}
+    </Text>
+  </View>;
+};
+renderSectionHeader = function renderSectionHeader(a0) {
+  const title = a0.section.title;
+  return title != null ? <VoiceMemberListSectionHeader title={title} /> : null;
+};
+extractKey = function extractKey(a0) {
+  return a0 instanceof UserRecord ? a0.id : a0.url !== void 0 && a0.applicationId !== void 0 ? a0.applicationId : a0.user.id;
+};
+VoiceSectionRow = function VoiceSectionRow(props) {
+  let _onItemPress2;
+  const { item, channelId, onPressUser, isActionSheet } = props;
+  const analyticsContext = useAnalyticsContext();
+  const analyticsLocations = useAnalyticsLocations().analyticsLocations;
+  if (item.url !== void 0 && item.applicationId !== void 0) {
+    _onItemPress2 = function _onItemPress() {
+      const r9 = async (c30585_0, c30585_1, c30585_2) => {
+        let c30585_4;
+        let c31666_0;
+        L18: {
+          c30585_4 = void 0;
+          c31666_0 = c30585_0;
+          if (c30585_0 != null && c30585_1 != null && c30585_2 != null) {
+            dismissGlobalKeyboard();
+            SelectedChannelActionCreators.selectVoiceChannel(c30585_0.id);
+            await handleJoinEmbeddedActivity({
+              applicationId: c30585_2.applicationId,
+              activityChannelId: c30585_0.id,
+              locationObject: analyticsContext.location,
+              analyticsLocations
+            });
+            if (!isActionSheet) {
+              break L18;
+            }
+            hideVoiceChannelActionSheet(c31666_0);
+            break L18;
+          }
+          return void 0;
+        }
+      };
+      _onItemPress2 = r9;
+      return r9.apply(this, arguments);
+    };
+    return <VoiceMemberEmbeddedActivity embeddedActivity={item} channelId={channelId} onItemPress={function onItemPress(event, a1, a2) {
+      return _onItemPress2.apply(this, arguments);
+    }} isActionSheet={isActionSheet} />;
+  }
+  return <VoiceMemberUser {...item} onPress={onPressUser} isActionSheet={isActionSheet} />;
+};
+useStyles = createStyles({
+  container: {
+    flex: 1,
+    flexShrink: 1
+  },
+  sectionContainer: {
+    paddingTop: 16,
+    paddingHorizontal: 16
+  },
+  sectionTitle: {
+    lineHeight: 16
+  },
+  voiceChannelContainer: {
+    overflow: "hidden",
+    flexGrow: 1,
+    flexShrink: 1,
+    minHeight: 1
+  },
+  headerFormDivider: {
+    marginLeft: 0
+  },
+  rowFormDivider: {
+    marginHorizontal: 16
+  }
+});
+Component2 = memo(function(a0) {
+  return <GuildEventVoiceBanner channel={a0.channel} />;
+});
+Component = memo(function({ channel }) {
+  const isVoiceChannelFull = useIsVoiceChannelFull(channel);
+  const stateFromStores = useStateFromStores([PermissionStore], () => PermissionStore.can(Permissions.CREATE_INSTANT_INVITE, channel) || channel.isPrivate(), [channel]);
+  return isVoiceChannelFull ? null : stateFromStores ? <>
+    <ItemSeparator />
+    <FormRow leading={<CircularIconButton accessibilityLabel={intl.string(t["6Qgrev"])} accessibilityHidden source={Module10223} size={CircularIconButton.Sizes.MEDIUM_32} />} label={intl.string(t["6Qgrev"])} onPress={() => {
+      if (channel.isPrivate()) {
+        navigateToNewGroupDM(channel.id, AnalyticsPages.CHANNEL_CALL);
+      } else {
+        showInstantInviteActionSheet(channel, {
+          source: InstantInviteSources.VOICE_CHANNEL
+        });
+      }
+    }} />
+  </> : null;
+});
+c8856_30 = {
+  VOICE: 0,
+  0: "VOICE",
+  SPECTATING: 1,
+  1: "SPECTATING",
+  DISCONNECTED: 2,
+  2: "DISCONNECTED"
+};
+const r85 = forwardRef(function VoiceMemberList(props, a1) {
+  let sections;
+  let c20244_5, stateFromStoresArray, c20244_7, c20244_8, callback, callback2;
+  const { channel: channel2, isActionSheet: isActionSheet3 = true, disableFooter: _disableFooter, ...props2 } = props;
+  const isActionSheet2 = isActionSheet3;
+  let disableFooter = props.disableFooter;
+  if (disableFooter === void 0) {
+    disableFooter = false;
+  }
+  c20244_5 = void 0;
+  stateFromStoresArray = void 0;
+  c20244_7 = void 0;
+  c20244_8 = void 0;
+  callback = void 0;
+  callback2 = void 0;
+  const styles = useStyles();
+  const analyticsLocations2 = useAnalyticsLocations().analyticsLocations;
+  let c20244_4 = Math.min(useWindowDimensions_native().width, ACTION_SHEET_MAX_WIDTH);
+  const stateFromStores = useStateFromStores([SortedVoiceStateStore], () => SortedVoiceStateStore.getVoiceStatesForChannel(channel2), [channel2]);
+  const selectedActiveStream = useSelectedActiveStream(channel2);
+  c20244_5 = selectedActiveStream;
+  stateFromStoresArray = useStateFromStoresArray([ApplicationStreamingStore], () => c20244_5 != null ? ApplicationStreamingStore.getViewerIds(c20244_5) : []);
+  const isModalOpen = useIsModalOpen(getVoiceChannelKey(channel2.id));
+  const stateFromStores2 = useStateFromStores([EmbeddedActivitiesStore], () => EmbeddedActivitiesStore.getEmbeddedActivitiesForChannel(channel2.id));
+  c20244_7 = new Set(stateFromStores.map((stateFromStore) => stateFromStore.voiceState.userId));
+  const isPrivate = channel2.isPrivate();
+  const r24 = [];
+  const data = isPrivate ? channel2.recipients.reduce((acc, recipient) => {
+    const user = UserStore.getUser(recipient);
+    if (!(user == null || c20244_7.has(user.id))) {
+      acc.push(user);
+    }
+    return acc;
+  }, r24) : r24;
+  L22: {
+    sections = [];
+    c20244_8 = sections;
+    if (selectedActiveStream != null && (stateFromStoresArray != null && isModalOpen)) {
+      let username = stateFromStores.find((stateFromStore) => stateFromStore.user.id === c20244_5.ownerId)?.nick;
+      if (username == null) {
+        username = "";
+      }
+      const [data2, r108] = Module12.partition(stateFromStores, (a0) => stateFromStoresArray.includes(a0.user.id));
+      if (data2.length > 0) {
+        sections.push({
+          type: c8856_30.SPECTATING,
+          title: intl.formatToPlainString(t.Fb0eT9, {
+            username
+          }),
+          data: data2
+        });
+      }
+      if (r108.length > 0) {
+        sections.push({
+          type: c8856_30.VOICE,
+          title: intl.string(t.C7iIKB),
+          data: stateFromStores2.concat(r108)
+        });
+      }
+      if (!(data.length > 0)) {
+        break L22;
+      }
+      sections.push({
+        type: c8856_30.DISCONNECTED,
+        title: intl.string(t.BnSq1I),
+        data
+      });
+    } else {
+      sections.push({
+        type: c8856_30.VOICE,
+        title: null,
+        data: stateFromStores2.concat(stateFromStores)
+      });
+      if (data.length > 0) {
+        sections.push({
+          type: c8856_30.DISCONNECTED,
+          title: null,
+          data
+        });
+      }
+    }
+  }
+  callback = useCallback((a0) => {
+    ActionSheetActionCreators.hideActionSheet();
+    showUserProfileActionSheet({
+      userId: a0.id,
+      channelId: channel2.id,
+      isVoiceContext: true,
+      sourceAnalyticsLocations: analyticsLocations2
+    });
+  }, [channel2.id, analyticsLocations2]);
+  callback2 = useCallback((a0) => {
+    const item = a0.item;
+    const type = a0.section.type;
+    if (c8856_30.VOICE === type) {
+      return item instanceof UserRecord ? null : <VoiceSectionRow item={item} channelId={channel2.id} onPressUser={callback} isActionSheet={isActionSheet2} />;
+    }
+    if (c8856_30.SPECTATING === type) {
+      return <VoiceMemberUser {...item} onPress={callback} isSpectating isActionSheet={isActionSheet2} />;
+    }
+    if (c8856_30.DISCONNECTED === type) {
+      return <DisconnectedUserRow user={item} channel={channel2} isActionSheet={isActionSheet2} onPress={callback} />;
+    }
+  }, [channel2, isActionSheet2, callback]);
+  return isActionSheet2 ? <ThemeContextProvider theme={ThemeTypes.DARK}>
+    <View style={styles.container}>
+      <VoiceChannelHeader channel={channel2} />
+      <FormDivider style={styles.headerFormDivider} />
+      <FastList inActionSheet style={styles.voiceChannelContainer} {...props2} renderItem={function renderRow(info, a1) {
+        const item = c20244_8[info].data[a1];
+        if (item == null) {
+          return null;
+        }
+        return <>
+          {callback2({
+            item,
+            section: c20244_8[info]
+          })}
+          <FormDivider style={styles.rowFormDivider} />
+        </>;
+      }} itemSize={function getRowHeight(a0, a1) {
+        if (a1 == null) {
+          return 0;
+        }
+        const r16 = c20244_8[a0].data[a1];
+        if (r16 == null) {
+          return 0;
+        }
+        const r12 = 0.5625 * (c20244_4 - 2 * STREAM_PREVIEW_MARGIN) + STREAM_PREVIEW_MARGIN;
+        const r30 = FORM_ROW_VERTICAL_PADDING + 32;
+        return r16 instanceof UserRecord ? r30 : r16.url !== void 0 && r16.applicationId !== void 0 ? calculateActivityRowHeight(c20244_4) : r16.voiceState?.selfStream ? r30 + r12 : r30;
+      }} sections={sections.map((section) => section.data.length)} />
+    </View>
+  </ThemeContextProvider> : <SectionList ref={a1} sections={sections} renderSectionHeader={renderSectionHeader} renderItem={callback2} keyExtractor={extractKey} ItemSeparatorComponent={ItemSeparator} ListFooterComponent={disableFooter ? null : <Component channel={channel2} />} ListHeaderComponent={<Component2 channel={channel2} />} stickySectionHeadersEnabled={false} {...props2} />;
+});
+export default r85;

modules/voice_calls/native/action_sheet/VoiceMemberUser.tsx

@@ -0,0 +1,273 @@
+// Metro module 12843 (f12844).
+import { memo } from "react";
+import { View, Platform } from "react-native";
+import ThemeStore from "../../../user_settings/ThemeStore";
+import AuthenticationStore from "../../../../stores/AuthenticationStore";
+import CallStore from "../../../../stores/CallStore";
+import ChannelStore from "../../../../stores/ChannelStore";
+import GuildMemberStore from "../../../../stores/GuildMemberStore";
+import MediaEngineStore from "../../../../stores/MediaEngineStore";
+import PresenceStore from "../../../../stores/PresenceStore";
+import { Fonts } from "../../../../Constants";
+import { createStyles } from "../../../../design/components/Styles/native/createStyles";
+import Module712 from "../../../../_bundle/Module712";
+import useIsSpeaking from "../../../../hooks/useIsSpeaking";
+import { useStateFromStores, useStateFromStoresObject } from "../../../../_bundle/Module589";
+import { isThemeDark } from "../../../../design/shared";
+import Module12844 from "../../../../_bundle/Module12844";
+import Module12845 from "../../../../_bundle/Module12845";
+import { LegacyText, Avatar, AvatarSizes, Icon, LiveTag } from "../../../../design/void/native";
+import Module12846 from "../../../../_bundle/Module12846";
+import Module12847 from "../../../../_bundle/Module12847";
+import Module12848 from "../../../../_bundle/Module12848";
+import Module12849 from "../../../../_bundle/Module12849";
+import Module8346 from "../../../../_bundle/Module8346";
+import { Text } from "../../../../design/components/Text/native/Text";
+import { intl, t } from "../../../../intl/index.native";
+import { FormSubLabel, FormRow } from "../../../../design/void/Form/native/index";
+import { getStreamerActivityByUserId } from "../../../go_live/utils/StreamerApplicationSelectors";
+import TouchableStreamPreview from "../../../../components_native/TouchableStreamPreview";
+import { isModalOpen } from "../../../main_tabs_v2/helpers/NavigationRouteUtils.native";
+import { getVoiceChannelKey } from "../../../../utils/native/PrivateChannelCallUtils";
+import ActionSheetActionCreators from "../../../action_sheet/native/ActionSheetActionCreators";
+import { PressableOpacity } from "../../../../design/void/Pressables/native/Pressables";
+import CallActionCreators from "../../../../actions/CallActionCreators";
+import NicknameUtils from "../../../../utils/NicknameUtils";
+import { useCanRing } from "../../../calls/useCanRing";
+import UserUtils from "../../../../utils/UserUtils";
+let useStyles, useStyles2, Component, RingButton, StopRingButton;
+const StreamingUserRow = function StreamingUserRow(props) {
+  const styles = useStyles();
+  const styles2 = useStyles2();
+  const { user, channel, isActionSheet } = props;
+  const stateFromStores = useStateFromStores([PresenceStore], () => getStreamerActivityByUserId(user.id, PresenceStore));
+  return <>
+    {[<Component {...props} subLabel={<FormSubLabel text={stateFromStores != null ? intl.format(t["0wJXSh"], {
+      name: stateFromStores.details != null && stateFromStores.details !== "" ? stateFromStores.details : stateFromStores.name
+    }) : intl.string(t.eXan7B)} style={isActionSheet ? styles2.labelCallScreen : null} />} />, user.id !== AuthenticationStore.getId() && <View style={styles.streamPreview}>
+      <TouchableStreamPreview guildId={channel == null ? void 0 : channel.getGuildId()} userId={user.id} disableTransition onPress={() => {
+        if (channel != null && isModalOpen(getVoiceChannelKey(channel.id))) {
+          ActionSheetActionCreators.hideActionSheet(getVoiceChannelKey(channel.id));
+        }
+      }} />
+    </View>]}
+  </>;
+};
+RingButton = function RingButton(props) {
+  const { channelId, userId, isActionSheet } = props;
+  const styles = useStyles();
+  const styles2 = useStyles2();
+  return userId == null ? null : channelId == null ? null : <PressableOpacity onPress={() => {
+    CallActionCreators.ring(channelId, [userId], "voice_user_action_sheet");
+  }} accessibilityRole="button" style={isActionSheet ? styles2.ringingButton : styles.ringingButton}>
+    <LegacyText style={isActionSheet ? styles2.ringingButtonLabel : styles.ringingButtonLabel}>
+      {intl.string(t.bHa9kN)}
+    </LegacyText>
+  </PressableOpacity>;
+};
+StopRingButton = function StopRingButton(props) {
+  const { channelId: channelId2, userId: userId2, isActionSheet } = props;
+  const styles = useStyles();
+  const styles2 = useStyles2();
+  return userId2 == null ? null : channelId2 == null ? null : <PressableOpacity onPress={() => {
+    CallActionCreators.stopRinging(channelId2, [userId2]);
+  }} accessibilityRole="button" style={isActionSheet ? styles2.ringingButton : styles.ringingButton}>
+    <LegacyText style={isActionSheet ? styles2.ringingButtonLabel : styles.ringingButtonLabel}>
+      {intl.string(t.ygslb0)}
+    </LegacyText>
+  </PressableOpacity>;
+};
+Platform;
+useStyles = createStyles({
+  row: {
+    flexDirection: "row"
+  },
+  voiceStatusIcon: {
+    tintColor: Module712.colors.INTERACTIVE_TEXT_DEFAULT,
+    marginLeft: 8
+  },
+  voiceStatusIconMargin: {
+    marginLeft: 8
+  },
+  streamPreview: {
+    marginHorizontal: 16,
+    marginBottom: 16,
+    alignItems: "center",
+    flex: 1
+  },
+  ringingButton: {
+    backgroundColor: Module712.colors.BACKGROUND_MOD_MUTED,
+    borderRadius: Module712.radii.xs,
+    height: 32,
+    alignItems: "center",
+    justifyContent: "center"
+  },
+  ringingButtonLabel: {
+    fontFamily: Fonts.PRIMARY_SEMIBOLD,
+    fontSize: 14,
+    lineHeight: 18,
+    marginHorizontal: 16,
+    color: Module712.colors.INTERACTIVE_TEXT_ACTIVE
+  },
+  autoDisabledVideo: {
+    flexDirection: "row",
+    alignItems: "center"
+  },
+  autoDisabledVideoLabel: {
+    marginLeft: 4
+  }
+});
+useStyles2 = createStyles({
+  labelCallScreen: {
+    fontFamily: Fonts.PRIMARY_MEDIUM,
+    color: Module712.colors.MOBILE_TEXT_HEADING_PRIMARY
+  },
+  voiceStatusIcon: {
+    tintColor: Module712.colors.INTERACTIVE_TEXT_DEFAULT,
+    marginLeft: 8
+  },
+  ringingButton: {
+    backgroundColor: Module712.colors.BACKGROUND_MOD_MUTED,
+    borderRadius: Module712.radii.xs,
+    height: 32,
+    alignItems: "center",
+    justifyContent: "center"
+  },
+  ringingButtonLabel: {
+    fontFamily: Fonts.PRIMARY_SEMIBOLD,
+    fontSize: 14,
+    lineHeight: 18,
+    marginHorizontal: 16,
+    color: Module712.colors.INTERACTIVE_TEXT_ACTIVE
+  }
+});
+Component = memo(function(a0) {
+  const { user: user2, name, channel: channel2, voiceState: voiceState2 } = a0;
+  let withStream = a0.withStream;
+  if (withStream === void 0) {
+    withStream = true;
+  }
+  const { isSpectating, isActionSheet, onPress: onPress2, user, name: _name, channel, voiceState, withStream: _withStream, ...props } = a0;
+  const styles = useStyles();
+  const styles2 = useStyles2();
+  const id = AuthenticationStore.getId();
+  const isSpeaking = useIsSpeaking({
+    userId: user2.id
+  });
+  const stateFromStores = useStateFromStores([ThemeStore], () => ThemeStore.theme);
+  const stateFromStoresObject = useStateFromStoresObject([MediaEngineStore], () => {
+    let localVideo = id === user2.id;
+    const r11 = {
+      isSelfMute: localVideo ? MediaEngineStore.isSelfMute() : localVideo,
+      localMute: MediaEngineStore.isLocalMute(user2.id),
+      localDeaf: localVideo ? MediaEngineStore.isSelfDeaf() : localVideo,
+      localVideo: null,
+      localVideoDisabled: null,
+      localVideoAutoDisabled: null
+    };
+    if (localVideo) {
+      localVideo = MediaEngineStore.isVideoEnabled();
+    }
+    r11.localVideo = localVideo;
+    r11.localVideoDisabled = MediaEngineStore.isLocalVideoDisabled(user2.id);
+    r11.localVideoAutoDisabled = MediaEngineStore.isLocalVideoAutoDisabled(user2.id);
+    return r11;
+  });
+  const { localMute, localDeaf } = stateFromStoresObject;
+  let localVideo = stateFromStoresObject.localVideo;
+  const { isSelfMute, localVideoDisabled, localVideoAutoDisabled } = stateFromStoresObject;
+  const stateFromStores2 = useStateFromStores([GuildMemberStore], () => GuildMemberStore.isGuestOrLurker(channel2?.guild_id, user2.id));
+  const r66 = localMute || isSelfMute;
+  if (!localVideo) {
+    localVideo = localVideoDisabled;
+  }
+  const r1 = voiceState2 != null;
+  let r2 = false;
+  let r67 = localVideo;
+  let r30 = localDeaf;
+  let r31 = r66;
+  let r68 = false;
+  let r3 = false;
+  let disabled = false;
+  if (r1) {
+    if (withStream) {
+      withStream = voiceState2.selfStream;
+    }
+    const r69 = r66 ? r66 : voiceState2.isVoiceMuted();
+    const r71 = localDeaf ? localDeaf : voiceState2.isVoiceDeafened();
+    const r73 = localVideo ? localVideo : voiceState2.selfVideo;
+    const sessionId = voiceState2.sessionId;
+    const r75 = sessionId != null && id === user2.id && sessionId !== AuthenticationStore.getSessionId();
+    r3 = true;
+    r2 = r75;
+    r67 = r73;
+    r30 = r71;
+    r31 = r69;
+    r68 = withStream;
+    disabled = r2;
+  }
+  const style = isActionSheet ? styles2.voiceStatusIcon : styles.voiceStatusIcon;
+  const props2 = {
+    onPress: () => onPress2(user2),
+    label: name,
+    leading: <Avatar user={user2} guildId={channel2?.guild_id} size={AvatarSizes.REFRESH_MEDIUM_32} speaking={isSpeaking} />,
+    trailing: null
+  };
+  const trailing = r3 ? r2 ? null : <View style={styles.row}>
+    {isSpectating ? <Icon size={Icon.Sizes.REFRESH_SMALL_16} source={Module12849} style={style} /> : null}
+    {r31 ? <Icon size={Icon.Sizes.REFRESH_SMALL_16} source={isThemeDark(stateFromStores) ? Module12844 : Module12845} style={styles.voiceStatusIconMargin} color={style.tintColor} disableColor={localMute} /> : null}
+    {r30 ? <Icon size={Icon.Sizes.REFRESH_SMALL_16} source={Module12846} style={style} /> : null}
+    {r67 ? <Icon {...localVideoDisabled ? {
+      size: Icon.Sizes.REFRESH_SMALL_16,
+      source: Module12847,
+      style: styles.voiceStatusIconMargin,
+      disableColor: true
+    } : {
+      size: Icon.Sizes.REFRESH_SMALL_16,
+      source: Module12848,
+      style
+    }} /> : null}
+    {r68 ? <LiveTag style={style} /> : null}
+  </View> : null;
+  props2.trailing = trailing;
+  return <FormRow disabled={disabled} {...props} {...props2} label={<FormRow.Label text={stateFromStores2 ? <>
+    {name}
+    <Text variant="text-md/semibold" lineClamp={1} color="status-positive">
+      {" "}
+      {intl.string(t["pFO/Ph"])}
+    </Text>
+  </> : name} style={isActionSheet ? styles2.labelCallScreen : null} />} subLabel={localVideoAutoDisabled ? <View style={styles.autoDisabledVideo}>
+    <Icon source={Module8346} size={Icon.Sizes.EXTRA_SMALL} disableColor />
+    <Text variant="text-xs/medium" color="text-default" style={styles.autoDisabledVideoLabel}>
+      {intl.string(t.m2Hyj0)}
+    </Text>
+  </View> : r2 ? intl.string(t.IyYqqY) : null} />;
+});
+const r111 = memo(function DisconnectedUserRow(props) {
+  const { user: user3, channel: channel3, isActionSheet, onPress: onPress3 } = props;
+  const styles2 = useStyles2();
+  const stateFromStores = useStateFromStores([CallStore], () => {
+    const call = CallStore.getCall(channel3.id);
+    return call != null && call.ringing.includes(user3.id);
+  }, [channel3.id, user3.id]);
+  return <FormRow onPress={() => onPress3(user3)} label={<FormRow.Label text={NicknameUtils.getName(channel3.guild_id, channel3.id, user3)} style={isActionSheet ? styles2.labelCallScreen : null} />} leading={<Avatar user={user3} guildId={channel3.guild_id} size={AvatarSizes.REFRESH_MEDIUM_32} />} trailing={useCanRing(user3, "DisconnectedUserRow") ? stateFromStores ? <StopRingButton channelId={channel3.id} userId={user3.id} isActionSheet={isActionSheet} /> : <RingButton channelId={channel3.id} userId={user3.id} isActionSheet={isActionSheet} /> : null} />;
+});
+const r114 = memo(function VoiceMemberUser(props) {
+  let r31;
+  const { voiceState, user: user4 } = props;
+  let nick = props.nick;
+  const stateFromStores = useStateFromStores([ChannelStore], () => ChannelStore.getChannel(voiceState?.channelId));
+  const name = UserUtils.useName(user4);
+  if (voiceState != null && voiceState.selfStream) {
+    if (nick == null) {
+      nick = name;
+    }
+    r31 = <StreamingUserRow {...props} name={nick} channel={stateFromStores} />;
+  } else {
+    r31 = <Component {...props} name={nick == null ? name : nick} channel={stateFromStores} withStream={false} />;
+  }
+  return r31;
+});
+export default r114;
+export const STREAM_PREVIEW_MARGIN = 16;
+export { r111 as DisconnectedUserRow };