yeet

modules/messages/native/emoji/MessageEmojiActionSheet.tsx

@@ -0,0 +1,57 @@
+// Metro module 9409 (f9410).
+import { View } from "react-native";
+import { AnalyticEvents } from "../../../../Constants";
+import { createStyles } from "../../../../design/components/Styles/native/createStyles";
+import { isAndroid } from "../../../../utils/PlatformUtils";
+import { v4 } from "../../../../_bundle/Module514";
+import { BottomSheet } from "../../../../design/components/Sheet/native/BottomSheet.native";
+import AnalyticsUtils from "../../../../utils/AnalyticsUtils";
+import StandardEmojiContent from "./StandardEmojiContent";
+import { useEmojiAndSource } from "../../../emojis/hooks/useEmojiAndSource";
+import CustomEmojiContent from "./CustomEmojiContent";
+let useStyles, MessageCustomEmojiActionSheet;
+const MessageStandardEmojiActionSheet = function MessageStandardEmojiActionSheet(props) {
+  const emojiNode = props.emojiNode;
+  const styles = useStyles();
+  const nonce = v4();
+  return <BottomSheet startExpanded onDismiss={() => {
+    AnalyticsUtils.track(AnalyticEvents.CLOSE_POPOUT, {
+      nonce
+    });
+  }}>
+    <View style={styles.contentWrapper}>
+      <StandardEmojiContent emojiNode={emojiNode} nonce={nonce} />
+    </View>
+  </BottomSheet>;
+};
+MessageCustomEmojiActionSheet = function MessageCustomEmojiActionSheet(props) {
+  const emojiNode = props.emojiNode;
+  const styles = useStyles();
+  const emojiAndSource = useEmojiAndSource({
+    emojiId: emojiNode.id
+  });
+  const { sourceType, expressionSourceGuild, expressionSourceApplication, hasJoinedEmojiSourceGuild, emoji } = emojiAndSource;
+  if (emojiAndSource.isFetching) {
+    return null;
+  }
+  const nonce2 = v4();
+  return <BottomSheet startExpanded onDismiss={() => {
+    AnalyticsUtils.track(AnalyticEvents.CLOSE_POPOUT, {
+      nonce: nonce2
+    });
+  }}>
+    <View style={styles.contentWrapper}>
+      <CustomEmojiContent emojiNode={emojiNode} sourceType={sourceType} expressionSourceApplication={expressionSourceApplication} expressionSourceGuild={expressionSourceGuild} customEmojiFromJoinedGuild={emoji} hasJoinedEmojiSourceGuild={hasJoinedEmojiSourceGuild} nonce={nonce2} />
+    </View>
+  </BottomSheet>;
+};
+useStyles = createStyles({
+  contentWrapper: {
+    paddingHorizontal: 16,
+    paddingBottom: isAndroid() ? 16 : 0
+  }
+});
+export default function MessageEmojiActionSheet(props) {
+  const emojiNode = props.emojiNode;
+  return "surrogate" in emojiNode ? <MessageStandardEmojiActionSheet emojiNode={emojiNode} /> : <MessageCustomEmojiActionSheet emojiNode={emojiNode} />;
+};