yeet

modules/conversations/components/native/ConversationFocusScreen.tsx

@@ -0,0 +1,83 @@
+// Metro module 9305 (f9306).
+import { useCallback, useMemo } from "react";
+import { ActivityIndicator, ScrollView, View } from "react-native";
+import ConversationsStore from "../../ConversationsStore";
+import { createStyles } from "../../../../design/components/Styles/native/createStyles";
+import Module712 from "../../../../_bundle/Module712";
+import { useRoute } from "../../../../_bundle/Module1483";
+import { useStateFromStores, useStateFromStoresObject } from "../../../../_bundle/Module589";
+import { ConversationsAnalytics } from "../../ConversationsAnalytics";
+import { closeConversationsAndJumpToMessage } from "./ConversationNavigatorUtils";
+import { intl, t } from "../../../../intl/index.native";
+import { Text } from "../../../../design/components/Text/native/Text";
+import { Button } from "../../../../design/components/Button/native/Button.native";
+import { ChatPreview } from "../../../../components_native/common/ChatPreview";
+const useStyles = createStyles({
+  container: {
+    flex: 1,
+    backgroundColor: Module712.colors.BACKGROUND_BASE_LOW
+  },
+  pendingContent: {
+    flex: 1,
+    paddingVertical: Module712.space.PX_24,
+    alignItems: "center",
+    gap: Module712.space.PX_32,
+    backgroundColor: Module712.colors.BACKGROUND_BASE_LOW
+  }
+});
+export default function ConversationFocusScreen() {
+  let startMessageId, callback;
+  const styles = useStyles();
+  const params = useRoute().params;
+  const { channelId, conversationId } = params;
+  const stateFromStores = useStateFromStores([ConversationsStore], () => ConversationsStore.getHydratedMessages(channelId, conversationId), [channelId, conversationId]);
+  const stateFromStoresObject = useStateFromStoresObject([ConversationsStore], () => {
+    const conversationMetadata = ConversationsStore.getConversationMetadata(channelId, conversationId);
+    let fullyHydrated = conversationMetadata?.fullyHydrated;
+    if (fullyHydrated == null) {
+      fullyHydrated = false;
+    }
+    const r10 = {
+      fullyHydrated,
+      isFullFetchPending: ConversationsStore.isConversationFetchPending(conversationId, true),
+      startMessageId: null
+    };
+    let startMessageId2 = conversationMetadata == null ? void 0 : conversationMetadata.conversation.startMessageId;
+    if (startMessageId2 == null) {
+      startMessageId2 = null;
+    }
+    r10.startMessageId = startMessageId2;
+    return r10;
+  }, [channelId, conversationId]);
+  const { fullyHydrated, isFullFetchPending } = stateFromStoresObject;
+  startMessageId = stateFromStoresObject.startMessageId;
+  callback = useCallback((a0) => {
+    if (a0 === "footer_cta") {
+      ConversationsAnalytics.trackFocusModeDismissed({
+        channelId,
+        conversationId,
+        dismissReason: "jump_to_conversation"
+      });
+    }
+  }, [channelId, conversationId]);
+  const callback2 = useCallback(() => {
+    if (startMessageId != null) {
+      closeConversationsAndJumpToMessage(channelId, startMessageId);
+    }
+  }, [channelId, startMessageId]);
+  const memo = useMemo(() => ({
+    jumpToChatText: intl.string(t["bz/ik0"]),
+    jumpTargetId: startMessageId,
+    onBeforeJumpToMessage: callback
+  }), [startMessageId, callback]);
+  return !fullyHydrated && isFullFetchPending ? <View style={styles.pendingContent}>
+    <ActivityIndicator />
+  </View> : fullyHydrated ? <ScrollView horizontal scrollEnabled={false} bounces={false} contentContainerStyle={styles.container}>
+    <ChatPreview channelId={channelId} messages={stateFromStores} jumpToChatProps={memo} initialScrollToTop allowReactions />
+  </ScrollView> : <View style={styles.pendingContent}>
+    <Text variant="text-md/normal" color="text-muted">
+      {intl.string(t.eylmYW)}
+    </Text>
+    {startMessageId != null && <Button variant="tertiary" text={intl.string(t.aBNTxl)} onPress={callback2} />}
+  </View>;
+};