yeet

modules/premium/sounds/soundmoji/native/utils/openSoundmojiActionSheet.tsx

@@ -0,0 +1,10 @@
+// Metro module 11126 (f11127).
+import { getSoundmojiRenderingExperiment } from "../../SoundmojiRenderingExperiment";
+import ActionSheetActionCreators from "../../../../../action_sheet/native/ActionSheetActionCreators";
+export default function openSoundmojiActionSheet(a0) {
+  if (getSoundmojiRenderingExperiment({
+    location: "openSoundmojiActionSheet"
+  })) {
+    ActionSheetActionCreators.openLazy(import("../views/SoundmojiActionSheet"), "soundmoji_actionsheet_key", a0);
+  }
+};

modules/premium/sounds/soundmoji/native/views/SoundmojiActionSheet.tsx

@@ -0,0 +1,70 @@
+// Metro module 11127 (f11128).
+import { useMemo } from "react";
+import { View } from "react-native";
+import { createStyles } from "../../../../../../design/components/Styles/native/createStyles";
+import Module712 from "../../../../../../_bundle/Module712";
+import { isIOS } from "../../../../../../utils/PlatformUtils";
+import { getSoundmojiFromMessage } from "../../utils/getSoundmojiASTFromString";
+import { BottomSheet } from "../../../../../../design/components/Sheet/native/BottomSheet.native";
+import Emoji from "../../../../../emojis/native/Emoji";
+import getSoundboardEmojiUrl from "../../../../../soundboard/native/utils/getSoundboardEmojiUrl";
+import { Text } from "../../../../../../design/components/Text/native/Text";
+import { intl, t } from "../../../../../../intl/index.native";
+const useStyles = createStyles({
+  container: {
+    padding: Module712.space.PX_24,
+    gap: Module712.space.PX_16
+  },
+  soundmojiContainer: {
+    flexDirection: "row",
+    alignItems: "center"
+  },
+  emoji: {
+    width: 32,
+    height: 32,
+    fontSize: isIOS() ? 32 : void 0,
+    lineHeight: 36,
+    marginEnd: Module712.space.PX_16
+  },
+  textContainer: {
+    gap: Module712.space.PX_4,
+    display: "flex",
+    flex: 1
+  }
+});
+export default function SoundmojiActionSheet(props) {
+  const { guildId, channelId, messageId, soundId } = props;
+  const styles = useStyles();
+  const memo = useMemo(() => getSoundmojiFromMessage(guildId, channelId, messageId, soundId, []), [guildId, channelId, messageId, soundId]);
+  const r3 = memo == null;
+  let r23 = null;
+  if (!r3) {
+    let r35 = memo.emojiId != null || memo.emojiName != null;
+    if (r35) {
+      const props2 = {
+        fastImageStyle: styles.emoji,
+        textEmojiStyle: styles.emoji,
+        src: getSoundboardEmojiUrl(memo, 32),
+        name: null
+      };
+      let emojiName = memo.emojiName;
+      if (emojiName == null) {
+        emojiName = "";
+      }
+      props2.name = emojiName;
+      r35 = <Emoji {...props2} />;
+    }
+    r23 = <BottomSheet startExpanded bodyStyles={styles.container}>
+      <View style={styles.soundmojiContainer}>
+        {r35}
+        <View style={styles.textContainer}>
+          <Text variant="text-sm/bold">{memo.name}</Text>
+          <Text variant="text-sm/normal">
+            {intl.string(t.Tj5Nwi)}
+          </Text>
+        </View>
+      </View>
+    </BottomSheet>;
+  }
+  return r23;
+};