yeet

components_native/reactions/BurstReactionFirstSendActionSheet.tsx

@@ -0,0 +1,96 @@
+// Metro module 6134 (f6135).
+import { View, StyleSheet } from "react-native";
+import { createStyles } from "../../design/components/Styles/native/createStyles";
+import Module712 from "../../_bundle/Module712";
+import ActionSheetActionCreators from "../../modules/action_sheet/native/ActionSheetActionCreators";
+import { getDeviceSpecificString } from "../../modules/intl/overrides/getDeviceSpecificString";
+import { t, intl } from "../../intl/index.native";
+import { BottomSheet } from "../../design/components/Sheet/native/BottomSheet.native";
+import { BACKDROP_OPACITY } from "../../modules/messages/native/burst_reactions/BurstReactionEffectUtils";
+import BurstReactionAnimationPreview from "../../modules/messages/native/burst_reactions/BurstReactionAnimationPreview";
+import { ReactionTypes } from "../../modules/messages/MessageReactionsTypes";
+import { NitroWheel } from "../../design/void/native";
+import { Text } from "../../design/components/Text/native/Text";
+import { Button } from "../../design/components/Button/native/Button.native";
+import { UNSAFE_isDismissibleContentDismissed, UNSAFE_markDismissibleContentAsDismissed } from "../../modules/dismissible_content/DismissibleContentUnsafeUtils";
+import { DismissibleContent } from "../../_bundle/Module1358";
+import Dispatcher from "../../Dispatcher";
+let useStyles;
+const onDismiss = function onDismiss() {
+  ActionSheetActionCreators.hideActionSheet();
+};
+useStyles = createStyles({
+  container: {
+    paddingTop: 24,
+    paddingBottom: 24,
+    paddingLeft: 12,
+    paddingRight: 12
+  },
+  fill: {
+    ...StyleSheet.absoluteFillObject,
+    flex: 1,
+    alignItems: "center",
+    justifyContent: "center",
+    top: -120
+  },
+  nitroWheel: {
+    tintColor: Module712.colors.TEXT_SUBTLE,
+    width: 37.5,
+    height: 37.5
+  },
+  textContainer: {
+    flexDirection: "row",
+    flexShrink: 1,
+    alignItems: "center",
+    alignSelf: "center",
+    textAlign: "center"
+  },
+  body: {
+    paddingTop: 8,
+    paddingBottom: 18
+  },
+  content: {
+    paddingHorizontal: 16
+  }
+});
+export default function BurstReactionFirstSendActionSheet(props) {
+  const { emoji, channelId, messageId } = props;
+  const styles = useStyles();
+  const deviceSpecificString = getDeviceSpecificString({
+    quest: t["5TpPli"]
+  }, t["2Yp7dF"]);
+  return <BottomSheet backdropOpacity={BACKDROP_OPACITY} contentStyles={styles.content} backdropChildren={<View style={styles.fill}>
+    <BurstReactionAnimationPreview channelId={channelId} emoji={emoji} messageId={messageId} reactionType={ReactionTypes.BURST} />
+  </View>} onDismiss={onDismiss}>
+    <View style={styles.container}>
+      <View style={styles.textContainer}>
+        <NitroWheel style={styles.nitroWheel} />
+        <Text variant="heading-xl/bold">
+          {intl.string(t.NX7HI7)}
+        </Text>
+      </View>
+      <View style={styles.body}>
+        <Text style={styles.textContainer} variant="text-md/normal">{deviceSpecificString}</Text>
+      </View>
+      <Button text={intl.string(t["+IrDzN"])} onPress={onDismiss} />
+    </View>
+  </BottomSheet>;
+};
+export function openBurstReactionFirstSendActionSheet({ channelId, messageId, emoji }) {
+  ActionSheetActionCreators.hideActionSheet();
+  if (UNSAFE_isDismissibleContentDismissed(DismissibleContent.SUPER_REACTIONS_FIRST_SENT)) {
+    Dispatcher.dispatch({
+      type: "BURST_REACTION_EFFECT_SEND",
+      channelId,
+      messageId,
+      emoji
+    });
+  } else {
+    UNSAFE_markDismissibleContentAsDismissed(DismissibleContent.SUPER_REACTIONS_FIRST_SENT);
+    ActionSheetActionCreators.openLazy(import("./BurstReactionFirstSendActionSheet"), "BurstReactionFirstSendActionSheet", {
+      channelId,
+      messageId,
+      emoji
+    });
+  }
+}