yeet

modules/navbars/native/components/AnnouncementChannelLurkerBar.tsx

@@ -0,0 +1,37 @@
+// Metro module 10396 (f10397).
+import { View } from "react-native";
+import { createStyles } from "../../../../design/components/Styles/native/createStyles";
+import Module712 from "../../../../_bundle/Module712";
+import { Text } from "../../../../design/components/Text/native/Text";
+import { intl, t } from "../../../../intl/index.native";
+import { Button } from "../../../../design/components/Button/native/Button.native";
+import { showChannelFollowingActionSheet } from "../../../channel_following/native/showChannelFollowingActionSheet";
+let useStyles;
+export function AnnouncementChannelLurkerBar(props) {
+  const channel = props.channel;
+  const styles = useStyles();
+  return <View style={styles.wrapper}>
+    <Text style={styles.text} variant="text-sm/medium" color="mobile-text-heading-primary">
+      {intl.string(t.Hl0Mqh)}
+    </Text>
+    <Button onPress={function onPress() {
+      const id = channel.id;
+      const guildId = channel.getGuildId();
+      if (guildId != null) {
+        showChannelFollowingActionSheet(id, guildId);
+      }
+    }} text={intl.string(t["4z5PU1"])} size="sm" variant="secondary" grow />
+  </View>;
+}
+useStyles = createStyles({
+  wrapper: {
+    backgroundColor: Module712.colors.BACKGROUND_SURFACE_HIGH,
+    padding: 16,
+    paddingTop: 8
+  },
+  text: {
+    textAlign: "center",
+    marginBottom: 8
+  }
+});
+export default AnnouncementChannelLurkerBar;

modules/navbars/native/components/ChannelNavbar.tsx

@@ -0,0 +1,270 @@
+// Metro module 11873 (f11874).
+import { isValidElement, memo } from "react";
+import { View } from "react-native";
+import GatewayConnectionStore from "../../../gateway/GatewayConnectionStore";
+import { THREAD_CHANNEL_TYPES } from "../../../../records/ChannelRecord";
+import ChannelStore from "../../../../stores/ChannelStore";
+import GuildStore from "../../../../stores/GuildStore";
+import PresenceStore from "../../../../stores/PresenceStore";
+import RelationshipStore from "../../../../stores/RelationshipStore";
+import UserStore from "../../../../stores/UserStore";
+import { ChannelTypes, Fonts } from "../../../../Constants";
+import { StaticChannelRoute } from "../../../channel/ChannelConstants";
+import { ContentDismissActionType, DismissibleContentGroupName } from "../../../dismissible_content/DismissibleContentConstants";
+import { createStyles } from "../../../../design/components/Styles/native/createStyles";
+import TextStyles from "../../../rebrand/native/TextStyles";
+import Module712 from "../../../../_bundle/Module712";
+import { useStateFromStores, useStateFromStoresObject } from "../../../../_bundle/Module589";
+import { intl, t } from "../../../../intl/index.native";
+import { getThreadChannelIcon, getChannelIconWithGuild, getChannelIcon } from "../../../../utils/native/ChannelUtils";
+import { computeChannelName } from "../../../channel/useChannelName";
+import ActivityStatus from "../../../activity_status/native/ActivityStatus";
+import { useSelectedSpecialNavigationPath, SpecialNavigationPath } from "../NavigationPathUtils";
+import useIsViewingPremiumMemberships from "../../../guild_role_subscriptions/useIsViewingPremiumMemberships";
+import { Icon, LegacyText, Status, StatusSizes } from "../../../../design/void/native";
+import Module10140 from "../../../../_bundle/Module10140";
+import Module11876 from "../../../../_bundle/Module11876";
+import FastImage from "../../../../components_native/common/FastImage";
+import Module10138 from "../../../../_bundle/Module10138";
+import { shouldNSFWGateGuild } from "../../../age_gate/native/AgeGateUtils";
+import { PressableOpacity } from "../../../../design/void/Pressables/native/Pressables";
+import { Text } from "../../../../design/components/Text/native/Text";
+import UserUtils from "../../../../utils/UserUtils";
+import isStreaming from "../../../activities/utils/isStreaming";
+import TouchableHitBox from "../../../../design/void/TouchableHitBox/native/TouchableHitBox";
+import { UNSAFE_markDismissibleContentAsDismissed } from "../../../dismissible_content/DismissibleContentUnsafeUtils";
+import { DismissibleContent } from "../../../../_bundle/Module1358";
+import SelectedDismissibleContent from "../../../dismissible_content/native/SelectedDismissibleContent";
+import ActivitiesPrivateChannelCallTooltip from "../../../activities/native/ActivitiesPrivateChannelCallTooltip";
+let useStyles, ChannelTitleWrapper, ParentChannelSubTitle, DMChannelName, ConnectedStatus;
+const ChannelTitleContent = function ChannelTitleContent(props) {
+  const { title, icon, titleSuffix, subTitle, accessibleTitle } = props;
+  const styles = useStyles();
+  return <View style={styles.flexRow}>
+    {icon != null ? isValidElement(icon) ? icon : <Icon size={Icon.Sizes.CUSTOM} source={icon} style={styles.channelIcon} color={styles.channelIconColor.color} /> : null}
+    <View style={styles.channelTextContainer}>
+      <View style={styles.flexRow}>
+        {isValidElement(title) ? title : <View style={styles.channelNameContainer}>
+          <Text style={styles.channelName} lineClamp={1} variant="heading-md/bold" color="mobile-text-heading-primary" accessibilityLabel={accessibleTitle} maxFontSizeMultiplier={1} accessibilityRole="header">{title}</Text>
+        </View>}
+        {titleSuffix}
+      </View>
+      {subTitle}
+    </View>
+  </View>;
+};
+ParentChannelSubTitle = function ParentChannelSubTitle(props) {
+  const parentChannel = props.parentChannel;
+  return <Text lineClamp={1} style={useStyles().navbarTitleSecondaryText} accessibilityLabel={intl.formatToPlainString(t.BjYvHO, {
+    channelName: computeChannelName(parentChannel, UserStore, RelationshipStore)
+  })} maxFontSizeMultiplier={1} variant="text-xs/medium" color="text-muted">
+    {computeChannelName(parentChannel, UserStore, RelationshipStore, true)}
+  </Text>;
+};
+DMChannelName = function DMChannelName(props) {
+  const { userId, style } = props;
+  const stateFromStores2 = useStateFromStores([UserStore, RelationshipStore], () => {
+    let r7 = RelationshipStore.getNickname(userId);
+    const user = UserStore.getUser(userId);
+    if (r7 == null) {
+      r7 = UserUtils.getName(user);
+    }
+    if (r7 == null) {
+      r7 = "";
+    }
+    return r7;
+  }, [userId]);
+  return <LegacyText numberOfLines={1} style={style} accessibilityLabel={intl.formatToPlainString(t.fYqXVY, {
+    channelName: stateFromStores2
+  })} maxFontSizeMultiplier={1} accessibilityRole="header">{stateFromStores2}</LegacyText>;
+};
+ConnectedStatus = function ConnectedStatus(props) {
+  const { style, userId: userId2 } = props;
+  const stateFromStoresObject = useStateFromStoresObject([PresenceStore], () => ({
+    status: PresenceStore.getStatus(userId2),
+    isMobileOnline: PresenceStore.isMobileOnline(userId2),
+    isVROnline: PresenceStore.isVROnline(userId2),
+    streaming: isStreaming(PresenceStore.getActivities(userId2))
+  }));
+  return <Status isMobileOnline={stateFromStoresObject.isMobileOnline} isVROnline={stateFromStoresObject.isVROnline} status={stateFromStoresObject.status} streaming={stateFromStoresObject.streaming} size={StatusSizes.SMALL} style={style} />;
+};
+useStyles = createStyles({
+  navbarTitleContainer: {
+    height: "100%",
+    flex: 1,
+    flexDirection: "row",
+    alignItems: "center"
+  },
+  navbarTitlePrimaryText: {
+    ...TextStyles(Fonts.DISPLAY_SEMIBOLD, Module712.colors.MOBILE_TEXT_HEADING_PRIMARY, 18),
+    flexShrink: 1
+  },
+  navbarTitleSecondaryText: {
+    fontSize: 12,
+    lineHeight: 16,
+    color: Module712.colors.TEXT_MUTED,
+    marginTop: -4
+  },
+  channelIcon: {
+    height: 18,
+    width: 18,
+    marginRight: 8
+  },
+  channelIconColor: {
+    color: Module712.colors.CHANNEL_ICON
+  },
+  homeIcon: {
+    height: 20,
+    width: 20,
+    tintColor: Module712.colors.TEXT_MUTED,
+    marginTop: 0,
+    marginRight: 8
+  },
+  premiumIcon: {
+    marginRight: 4
+  },
+  status: {
+    marginLeft: 1,
+    marginTop: 4
+  },
+  channelTextContainer: {
+    flex: 1,
+    flexGrow: 1
+  },
+  channelNameContainer: {
+    flexGrow: 1
+  },
+  channelName: {
+    textAlign: "left"
+  },
+  flexRow: {
+    flexDirection: "row",
+    alignItems: "center"
+  }
+});
+const r96 = memo(function({ onPressTitle, channelId, guildId, threadDraft, style }) {
+  let stateFromStores;
+  stateFromStores = void 0;
+  const styles = useStyles();
+  const stateFromStores3 = useStateFromStores([GatewayConnectionStore], () => GatewayConnectionStore.isConnected());
+  stateFromStores = useStateFromStores([ChannelStore], () => channelId !== StaticChannelRoute.GUILD_HOME ? channelId !== StaticChannelRoute.MEMBER_SAFETY ? ChannelStore.getChannel(channelId) : null : null);
+  const stateFromStores4 = useStateFromStores([GuildStore], () => GuildStore.getGuild(stateFromStores == null ? void 0 : stateFromStores.getGuildId()));
+  const stateFromStores2 = useStateFromStores([ChannelStore], () => threadDraft != null && threadDraft.parentChannelId != null ? ChannelStore.getChannel(threadDraft.parentChannelId) : stateFromStores != null ? stateFromStores.parent_id != null ? THREAD_CHANNEL_TYPES.has(stateFromStores.type) ? ChannelStore.getChannel(stateFromStores.parent_id) : null : null : null, [stateFromStores, threadDraft]);
+  const selectedSpecialNavigationPath = useSelectedSpecialNavigationPath();
+  const isViewingPremiumMemberships = useIsViewingPremiumMemberships();
+  const title2 = stateFromStores3 ? intl.string(t.ai6Lbr) : intl.string(t.ZTNur7);
+  if (selectedSpecialNavigationPath === SpecialNavigationPath.FRIENDS) {
+    return <ChannelTitleWrapper style={style}>
+      <ChannelTitleContent title={intl.string(t.TdEu5X)} />
+    </ChannelTitleWrapper>;
+  }
+  if (channelId === StaticChannelRoute.GUILD_HOME) {
+    const icon3 = <Icon size={Icon.Sizes.CUSTOM} source={Module10140} style={styles.homeIcon} />;
+    return <ChannelTitleWrapper onPressTitle={onPressTitle} style={style}>
+      <ChannelTitleContent title={intl.string(t.Ym2Ri6)} icon={icon3} />
+    </ChannelTitleWrapper>;
+  }
+  if (channelId === StaticChannelRoute.MEMBER_SAFETY) {
+    const icon2 = <Icon size={Icon.Sizes.CUSTOM} source={Module11876} style={styles.homeIcon} />;
+    return <ChannelTitleWrapper onPressTitle={onPressTitle} style={style}>
+      <ChannelTitleContent title={intl.string(t["9Oq93m"])} icon={icon2} />
+    </ChannelTitleWrapper>;
+  }
+  if (isViewingPremiumMemberships) {
+    const icon = <FastImage source={Module10138} style={styles.premiumIcon} />;
+    return <ChannelTitleWrapper style={style}>
+      <ChannelTitleContent title={intl.string(t["KzCF/6"])} icon={icon} />
+    </ChannelTitleWrapper>;
+  }
+  if (threadDraft != null && !(stateFromStores == null ? void 0 : stateFromStores.isForumLikeChannel())) {
+    const title = threadDraft.name != null && threadDraft.name.length > 0 ? threadDraft.name : intl.string(t["4WNcpu"]);
+    const threadChannelIcon = getThreadChannelIcon(threadDraft.isPrivate ? ChannelTypes.PRIVATE_THREAD : ChannelTypes.PUBLIC_THREAD);
+    return <ChannelTitleWrapper style={style}>
+      <ChannelTitleContent title={title} accessibleTitle={intl.formatToPlainString(t["OkzL+Q"], {
+        channelName: title
+      })} icon={threadChannelIcon} subTitle={stateFromStores2 != null && <ParentChannelSubTitle parentChannel={stateFromStores2} />} />
+    </ChannelTitleWrapper>;
+  }
+  if (shouldNSFWGateGuild(guildId)) {
+    return <ChannelTitleWrapper style={style}>
+      <ChannelTitleContent title={intl.string(t.HbPHt1)} />
+    </ChannelTitleWrapper>;
+  }
+  if (stateFromStores == null) {
+    return <ChannelTitleWrapper style={style}>
+      <ChannelTitleContent title={title2} />
+    </ChannelTitleWrapper>;
+  }
+  const title3 = computeChannelName(stateFromStores, UserStore, RelationshipStore);
+  const channelIconWithGuild = getChannelIconWithGuild(stateFromStores, stateFromStores4);
+  if (stateFromStores.isDM()) {
+    const recipientId = stateFromStores.getRecipientId();
+    return <ChannelTitleWrapper onPressTitle={onPressTitle} style={style}>
+      <ChannelTitleContent title={<DMChannelName userId={recipientId} style={styles.navbarTitlePrimaryText} />} icon={channelIconWithGuild} titleSuffix={stateFromStores.isSystemDM() ? null : <ConnectedStatus userId={recipientId} style={styles.status} />} subTitle={<ActivityStatus userId={recipientId} guildId={stateFromStores?.guild_id} />} />
+    </ChannelTitleWrapper>;
+  }
+  if (stateFromStores.isThread()) {
+    return <ChannelTitleWrapper onPressTitle={onPressTitle} style={style}>
+      <ChannelTitleContent title={title3} accessibleTitle={intl.formatToPlainString(t["OkzL+Q"], {
+        channelName: title3
+      })} icon={channelIconWithGuild} subTitle={stateFromStores2 != null && <ParentChannelSubTitle parentChannel={stateFromStores2} />} />
+    </ChannelTitleWrapper>;
+  }
+  return <ChannelTitleWrapper onPressTitle={onPressTitle} style={style}>
+    <ChannelTitleContent title={title3} accessibleTitle={intl.formatToPlainString(t.UbNmGc, {
+      channelName: title3
+    })} icon={channelIconWithGuild} />
+  </ChannelTitleWrapper>;
+});
+ChannelTitleWrapper = (props) => {
+  const { children: children2, onPressTitle, style } = props;
+  const styles = useStyles();
+  return onPressTitle == null ? <View style={[styles.navbarTitleContainer, style]}>{children2}</View> : <PressableOpacity style={[styles.navbarTitleContainer, style]} accessibilityRole="header" onPress={onPressTitle} onAccessibilityTap={() => null}>{children2}</PressableOpacity>;
+};
+export function ChannelTitleWithoutRoute(props) {
+  const { onPressTitle, channelId: channelId2 } = props;
+  const styles = useStyles();
+  const stateFromStores2 = useStateFromStores([ChannelStore], () => ChannelStore.getChannel(channelId2));
+  const r11 = useStateFromStores([GatewayConnectionStore], () => GatewayConnectionStore.isConnected()) ? intl.string(t.ai6Lbr) : intl.string(t.ZTNur7);
+  const icon = stateFromStores2 != null ? getChannelIcon(stateFromStores2) : null;
+  let title = stateFromStores2 != null ? computeChannelName(stateFromStores2, UserStore, RelationshipStore) : null;
+  if (stateFromStores2 == null ? void 0 : stateFromStores2.isDM()) {
+    const recipientId = stateFromStores2.getRecipientId();
+    return <ChannelTitleWrapper onPressTitle={onPressTitle}>
+      <ChannelTitleContent title={<DMChannelName userId={recipientId} style={styles.navbarTitlePrimaryText} />} icon={icon} titleSuffix={stateFromStores2.isSystemDM() ? null : <ConnectedStatus userId={recipientId} style={styles.status} />} subTitle={<ActivityStatus userId={recipientId} guildId={stateFromStores2.guild_id} />} />
+    </ChannelTitleWrapper>;
+  }
+  if (title == null) {
+    title = r11;
+  }
+  return <ChannelTitleWrapper onPressTitle={onPressTitle}>
+    <ChannelTitleContent title={title} icon={icon} />
+  </ChannelTitleWrapper>;
+}
+export { r96 as ChannelTitle };
+export function ChannelButtons(props) {
+  const buttons = props.buttons;
+  return <View style={props.style}>
+    {buttons == null ? void 0 : buttons.map((button, index) => {
+      let onPress2 = button.onPress;
+      const onPress = onPress2;
+      const { onLongPress, source, color, style, accessibilityLabel, children: children2, disabled, hasActivitiesPrivateChannelTooltip } = button;
+      if (hasActivitiesPrivateChannelTooltip) {
+        onPress2 = (a0) => {
+          if (onPress != null) {
+            onPress(a0);
+          }
+          UNSAFE_markDismissibleContentAsDismissed(DismissibleContent.ACTIVITY_GDM_CALL_TOOLTIP, {
+            dismissAction: ContentDismissActionType.AUTO
+          });
+        };
+      }
+      return <View key={index}>
+        <TouchableHitBox accessibilityRole="button" accessibilityLabel={accessibilityLabel} color={color} source={source} onPress={onPress2} onLongPress={onLongPress} disabled={disabled} style={style}>{children2}</TouchableHitBox>
+        {hasActivitiesPrivateChannelTooltip ? <SelectedDismissibleContent contentTypes={[DismissibleContent.ACTIVITY_GDM_CALL_TOOLTIP]} groupName={DismissibleContentGroupName.CHANNEL_HEADER_CALL_BUTTON_TOOLTIPS}>
+          {({ visibleContent, markAsDismissed }) => visibleContent === DismissibleContent.ACTIVITY_GDM_CALL_TOOLTIP ? <ActivitiesPrivateChannelCallTooltip onClosePress={() => markAsDismissed(ContentDismissActionType.UNKNOWN)} /> : null}
+        </SelectedDismissibleContent> : null}
+      </View>;
+    })}
+  </View>;
+}