stream-chat-react-native-core 10.0.0-rc.4 → 10.0.0

package/src/components/MessageInput/components/AttachmentPreview/AttachmentUploadPreviewList.tsx

@@ -21,6 +21,7 @@ import {
   isVideoAttachment,
   LocalAttachment,
   LocalAudioAttachment,
+  LocalUploadAttachment,
   LocalVoiceRecordingAttachment,
 } from 'stream-chat';
 
@@ -292,6 +293,16 @@ const UnMemoizedAttachmentUploadPreviewList = () => {
     [attachmentManager, dataRef, prepareForRemoval],
   );
 
+  // `uploadFile` does not check whether uploads are enabled, so a retry does not start one while
+  // they are off.
+  const handleRetry = useCallback(
+    (attachment: LocalUploadAttachment) => {
+      if (!attachmentManager.isUploadEnabled) return;
+      return attachmentManager.uploadFile(attachment);
+    },
+    [attachmentManager],
+  );
+
   useLayoutEffect(() => {
     const previousData = previousDataRef.current;
     const nextIds = new Set(data.map((attachment) => attachment.localMetadata.id));
@@ -346,7 +357,7 @@ const UnMemoizedAttachmentUploadPreviewList = () => {
         return (
           <ImageAttachmentUploadPreview
             attachment={attachment}
-            handleRetry={attachmentManager.uploadAttachment}
+            handleRetry={handleRetry}
             removeAttachments={removeAttachments}
           />
         );
@@ -354,7 +365,7 @@ const UnMemoizedAttachmentUploadPreviewList = () => {
         return (
           <AudioAttachmentUploadPreview
             attachment={attachment}
-            handleRetry={attachmentManager.uploadAttachment}
+            handleRetry={handleRetry}
             removeAttachments={removeAttachments}
           />
         );
@@ -363,7 +374,7 @@ const UnMemoizedAttachmentUploadPreviewList = () => {
           return (
             <AudioAttachmentUploadPreview
               attachment={attachment}
-              handleRetry={attachmentManager.uploadAttachment}
+              handleRetry={handleRetry}
               removeAttachments={removeAttachments}
             />
           );
@@ -371,7 +382,7 @@ const UnMemoizedAttachmentUploadPreviewList = () => {
           return (
             <FileAttachmentUploadPreview
               attachment={attachment}
-              handleRetry={attachmentManager.uploadAttachment}
+              handleRetry={handleRetry}
               removeAttachments={removeAttachments}
             />
           );
@@ -380,7 +391,7 @@ const UnMemoizedAttachmentUploadPreviewList = () => {
         return (
           <VideoAttachmentUploadPreview
             attachment={attachment}
-            handleRetry={attachmentManager.uploadAttachment}
+            handleRetry={handleRetry}
             removeAttachments={removeAttachments}
           />
         );
@@ -388,7 +399,7 @@ const UnMemoizedAttachmentUploadPreviewList = () => {
         return (
           <FileAttachmentUploadPreview
             attachment={attachment}
-            handleRetry={attachmentManager.uploadAttachment}
+            handleRetry={handleRetry}
             removeAttachments={removeAttachments}
           />
         );
@@ -399,7 +410,7 @@ const UnMemoizedAttachmentUploadPreviewList = () => {
       FileAttachmentUploadPreview,
       ImageAttachmentUploadPreview,
       VideoAttachmentUploadPreview,
-      attachmentManager.uploadAttachment,
+      handleRetry,
       removeAttachments,
       soundPackageAvailable,
     ],
@@ -496,7 +507,7 @@ const UnMemoizedAttachmentUploadPreviewList = () => {
             <AttachmentPreviewCell key={attachment.localMetadata.id}>
               <AudioAttachmentUploadPreview
                 attachment={attachment}
-                handleRetry={attachmentManager.uploadAttachment}
+                handleRetry={handleRetry}
                 removeAttachments={removeAttachments}
               />
             </AttachmentPreviewCell>

package/src/components/MessageInput/components/AttachmentPreview/AudioAttachmentUploadPreview.tsx

@@ -43,11 +43,8 @@ export const AudioAttachmentUploadPreview = ({
   const messageComposer = useMessageComposer();
   const isDraft = messageComposer.draftId;
   const isEditing = messageComposer.editedMessage;
-  const assetUrl =
-    (isDraft || isEditing
-      ? attachment.asset_url
-      : (attachment.localMetadata.file as FileReference).uri) ??
-    (attachment.localMetadata.file as FileReference).uri;
+  const fileUri = (attachment.localMetadata.file as FileReference | undefined)?.uri;
+  const assetUrl = (isDraft || isEditing ? attachment.asset_url : fileUri) ?? fileUri;
 
   const finalAttachment = useMemo(
     () => ({

package/src/components/MessageInput/hooks/useAudioRecorder.tsx

@@ -97,8 +97,8 @@ export const useAudioRecorder = ({
         if (sendOnComplete) {
           attachmentManager.upsertAttachments([audioFile]);
           sendMessage();
-        } else {
-          await attachmentManager.uploadAttachment(audioFile);
+        } else if (attachmentManager.isUploadEnabled) {
+          await attachmentManager.uploadFile(audioFile);
         }
       } catch (error) {
         console.log('Error uploading voice recording: ', error);

package/src/components/MessageList/InlineUnreadIndicator.tsx

@@ -20,8 +20,8 @@ export const InlineUnreadIndicator = (props: InlineUnreadIndicatorProps) => {
         {unreadCount
           ? t('messageList.newMessages.text', {
               count: unreadCount,
-              defaultValue_one: '{{count}} new message',
-              defaultValue_other: '{{count}} new messages',
+              defaultValue_one: '{{count}} unread message',
+              defaultValue_other: '{{count}} unread messages',
             })
           : t('messageList.unreadMessages.label', 'Unread Messages')}
       </Text>

package/src/components/MessageList/MessageList.tsx

@@ -432,12 +432,8 @@ const MessageListWithContext = (props: MessageListPropsWithContext) => {
   }, [disabled]);
 
   useEffect(() => {
-    if (thread) {
-      setAutoscrollToRecent(true);
-      return;
-    }
-
     if (!processedMessageList.length || !paginator) {
+      if (thread) setAutoscrollToRecent(true);
       return;
     }
 

package/src/components/MessageList/__tests__/InlineUnreadIndicator.test.tsx

@@ -9,8 +9,8 @@ import { InlineUnreadIndicator } from '../InlineUnreadIndicator';
 
 describe('InlineUnreadIndicator', () => {
   it.each([
-    [1, '1 new message'],
-    [3, '3 new messages'],
+    [1, '1 unread message'],
+    [3, '3 unread messages'],
   ])('labels %i unread messages as "%s"', async (unreadCount, label) => {
     const translators = await new Streami18n().init();
     render(

package/src/components/MessageList/__tests__/MessageList.test.tsx

@@ -1416,6 +1416,169 @@ describe('MessageList in a thread', () => {
     });
     expect(queryAllByLabelText('Inline unread indicator')).toHaveLength(0);
   });
+
+  // A thread opened without its replies shows only its parent message until the first page lands.
+  // Autoscroll has to be on by then, or the list keeps the parent in view and the replies render out
+  // of view below it.
+  it('autoscrolls to the replies that arrive after the thread opened empty', async () => {
+    const mockedChannel = generateChannelResponse();
+    const chatClient = await getTestClientWithUser({ id: 'testID' } as UserResponse);
+    useMockedApis(chatClient, [getOrCreateChannelApi(mockedChannel)]);
+    const channel = chatClient.channel('messaging', mockedChannel.channel.id);
+    await channel.watch();
+    const parentMessage = channel.state.formatMessage(generateMessage({ text: 'parent' }));
+    const threadInstance = new Thread({ channel, client: chatClient, parentMessage });
+    // The replies arrive from the test below, not from a query.
+    jest.spyOn(threadInstance, 'reload').mockResolvedValue(undefined);
+    jest.spyOn(threadInstance.messagePaginator, 'toTail').mockResolvedValue(undefined);
+    const { getByTestId, getByText } = render(
+      <OverlayProvider>
+        <Chat client={chatClient}>
+          <ThreadComponent thread={threadInstance}>
+            <MessageList />
+          </ThreadComponent>
+        </Chat>
+      </OverlayProvider>,
+    );
+    const autoscrollThreshold = () =>
+      getByTestId('message-flat-list').props.maintainVisibleContentPosition
+        ?.autoscrollToTopThreshold;
+    await waitFor(() => expect(autoscrollThreshold()).toBeDefined());
+
+    const replies = Array.from({ length: 3 }, (_, i) =>
+      channel.state.formatMessage(
+        generateMessage({ parent_id: parentMessage.id, text: `reply-${i}` }),
+      ),
+    ) as LocalMessage[];
+    act(() =>
+      threadInstance.messagePaginator.setItems({
+        valueOrFactory: replies,
+        isFirstPage: true,
+        isLastPage: true,
+      }),
+    );
+
+    await waitFor(() => expect(getByText('reply-2')).toBeTruthy());
+    expect(autoscrollThreshold()).toBeDefined();
+  });
+
+  it.each([
+    ['scrolls to', 'testID', 1],
+    ['does not scroll to', 'other-user', 0],
+  ])(
+    '%s the latest reply when a new reply is the user’s own (%s)',
+    async (_, userId, expectedScrolls) => {
+      const { channel, chatClient, getByText, threadInstance } = await setup();
+      const scrollToOffset = jest.spyOn(FlatList.prototype, 'scrollToOffset');
+
+      const reply = channel.state.formatMessage(
+        generateMessage({
+          cid: channel.cid,
+          parent_id: threadInstance.id,
+          text: 'new reply',
+          timestamp: new Date(),
+          user: generateUser({ id: userId }),
+        }),
+      ) as LocalMessage;
+      await act(async () => {
+        threadInstance.messagePaginator.ingestItem(reply);
+        await new Promise((resolve) => setTimeout(resolve, 0));
+      });
+
+      await waitFor(() => expect(getByText('new reply')).toBeTruthy());
+      expect(chatClient.userId).toBe('testID');
+      expect(scrollToOffset).toHaveBeenCalledTimes(expectedScrolls);
+      if (expectedScrolls) {
+        expect(scrollToOffset).toHaveBeenCalledWith({ animated: true, offset: 0 });
+      }
+    },
+  );
+});
+
+// Pressing a quote goes to the quoted message. A quoted reply that lives only in another thread is
+// not in this list, so its thread is opened at it instead.
+describe('MessageList quote press', () => {
+  afterEach(() => {
+    cleanup();
+    jest.restoreAllMocks();
+  });
+
+  const setup = async ({ quoteThreadOnlyReply }: { quoteThreadOnlyReply: boolean }) => {
+    const user = generateUser();
+    const base = new Date('2020-01-01T00:00:00.000Z').getTime();
+    const parentMessage = generateMessage({ timestamp: new Date(base), user });
+    const quotedMessage = generateMessage({
+      parent_id: quoteThreadOnlyReply ? parentMessage.id : undefined,
+      text: 'quoted text',
+      timestamp: new Date(base + 1000),
+      user,
+    });
+    const mockedChannel = generateChannelResponse({
+      members: [generateMember({ user })],
+      messages: [
+        parentMessage,
+        generateMessage({
+          quoted_message: quotedMessage,
+          quoted_message_id: quotedMessage.id,
+          timestamp: new Date(base + 2000),
+          user,
+        }),
+      ],
+    });
+    const chatClient = await getTestClientWithUser({ id: 'testID' } as UserResponse);
+    useMockedApis(chatClient, [getOrCreateChannelApi(mockedChannel)]);
+    const channel = chatClient.channel('messaging', mockedChannel.channel.id);
+    await channel.watch();
+    const thread = chatClient.threads.ensure({
+      channel,
+      parentMessage: channel.state.formatMessage(parentMessage),
+    });
+    const jumpToMessage = jest
+      .spyOn(channel.messagePaginator, 'jumpToMessage')
+      .mockResolvedValue(true);
+    const onAlsoSentToChannelHeaderPress = jest.fn();
+
+    const utils = render(
+      <OverlayProvider>
+        <Chat client={chatClient}>
+          <Channel
+            channel={channel}
+            onAlsoSentToChannelHeaderPress={onAlsoSentToChannelHeaderPress}
+          >
+            <MessageList />
+          </Channel>
+        </Chat>
+      </OverlayProvider>,
+    );
+    return { ...utils, jumpToMessage, onAlsoSentToChannelHeaderPress, quotedMessage, thread };
+  };
+
+  it('opens the thread of a quoted reply that lives only in that thread', async () => {
+    const { findByText, jumpToMessage, onAlsoSentToChannelHeaderPress, quotedMessage, thread } =
+      await setup({ quoteThreadOnlyReply: true });
+
+    fireEvent.press(await findByText('quoted text'));
+
+    await waitFor(() =>
+      expect(onAlsoSentToChannelHeaderPress).toHaveBeenCalledWith({
+        targetedMessageId: quotedMessage.id,
+        thread,
+      }),
+    );
+    expect(jumpToMessage).not.toHaveBeenCalled();
+  });
+
+  it('jumps to a quoted message that is in the channel', async () => {
+    const { findByText, jumpToMessage, onAlsoSentToChannelHeaderPress, quotedMessage } =
+      await setup({ quoteThreadOnlyReply: false });
+
+    fireEvent.press(await findByText('quoted text'));
+
+    await waitFor(() =>
+      expect(jumpToMessage).toHaveBeenCalledWith(quotedMessage.id, expect.anything()),
+    );
+    expect(onAlsoSentToChannelHeaderPress).not.toHaveBeenCalled();
+  });
 });
 
 describe('MessageList optimistic edit', () => {

package/src/components/MessageList/hooks/useMessageListFocus.ts

@@ -2,7 +2,11 @@ import { useEffect } from 'react';
 
 import type { MessagePaginator } from 'stream-chat';
 
+import type { GoToMessage } from '../../../contexts/messageListItemContext/MessageListItemContext';
+import { useMessagesContext } from '../../../contexts/messagesContext/MessagesContext';
+import { useThreadContext } from '../../../contexts/threadContext/ThreadContext';
 import { useStableCallback, useStateStore } from '../../../hooks';
+import { useOpenThreadAtMessage } from '../../Message/hooks/useOpenThreadAtMessage';
 
 /** How long, in milliseconds, a message the list jumped to stays highlighted. */
 export const DEFAULT_HIGHLIGHT_DURATION = 3000;
@@ -23,7 +27,9 @@ const messageFocusSelector = (state: {
  * still running when the user navigates away would scroll and highlight again on return.
  *
  * @param paginator The channel's or the open thread's paginator.
- * @returns `focusedMessageId`, `focusToken` and `goToMessage`, which jumps to a message by ID.
+ * @returns `focusedMessageId`, `focusToken` and `goToMessage`, which jumps to a message by ID. A
+ * message passed along that is a reply living only in another thread is not in this list, so its
+ * thread is opened at it instead (through `onAlsoSentToChannelHeaderPress`, when set).
  */
 export const useMessageListFocus = (paginator?: MessagePaginator) => {
   const { focusedMessageId, focusToken } =
@@ -31,7 +37,21 @@ export const useMessageListFocus = (paginator?: MessagePaginator) => {
 
   useEffect(() => () => paginator?.clearMessageFocusSignal(), [paginator]);
 
-  const goToMessage = useStableCallback(async (messageId: string) => {
+  const { onAlsoSentToChannelHeaderPress } = useMessagesContext();
+  const { thread } = useThreadContext();
+  const openThreadAtMessage = useOpenThreadAtMessage();
+
+  const goToMessage: GoToMessage = useStableCallback(async (messageId, message) => {
+    const parentId = message?.parent_id;
+    if (
+      onAlsoSentToChannelHeaderPress &&
+      parentId &&
+      parentId !== thread?.id &&
+      !message.show_in_channel
+    ) {
+      await openThreadAtMessage({ parentId, targetedMessageId: messageId });
+      return;
+    }
     await paginator?.jumpToMessage(messageId, {
       focusReason: 'jump-to-message',
       focusSignalTtlMs: DEFAULT_HIGHLIGHT_DURATION,

package/src/components/Poll/Poll.tsx

@@ -8,6 +8,7 @@ import { PollUIStateProvider } from './contexts/PollUIStateContext';
 
 import { useIsPollCreatedByCurrentUser } from './hook/useIsPollCreatedByCurrentUser';
 import { usePollState } from './hooks/usePollState';
+import { usePollTextTranslation } from './hooks/usePollTextTranslation';
 
 import {
   PollContextProvider,
@@ -27,7 +28,8 @@ export type PollContentProps = Record<string, never>;
 export const PollHeader = () => {
   const styles = useStyles();
   const { t } = useTranslationContext();
-  const { enforceUniqueVote, isClosed, maxVotesAllowed, name } = usePollState();
+  const { enforceUniqueVote, isClosed, maxVotesAllowed, name, nameI18n } = usePollState();
+  const translate = usePollTextTranslation();
 
   const subtitle = useMemo(() => {
     if (isClosed) {
@@ -56,7 +58,7 @@ export const PollHeader = () => {
 
   return (
     <View accessible accessibilityRole='text' style={styles.headerContainer}>
-      <Text style={[styles.headerTitle, header.title]}>{name}</Text>
+      <Text style={[styles.headerTitle, header.title]}>{translate(name, nameI18n)}</Text>
       <Text style={[styles.headerSubtitle, header.subtitle]}>{subtitle}</Text>
     </View>
   );

package/src/components/Poll/__tests__/PollTranslation.test.tsx

@@ -0,0 +1,152 @@
+import React from 'react';
+
+import { act, render, screen } from '@testing-library/react-native';
+import dayjs from 'dayjs';
+import { Poll, PollResponseData, PollVoteResponseData, StreamChat } from 'stream-chat';
+
+import {
+  ChatProvider,
+  OwnCapabilitiesProvider,
+  PollContextProvider,
+  ThemeProvider,
+  TranslationProvider,
+} from '../../../contexts';
+import { generateMessage } from '../../../mock-builders/generator/message';
+import { PollAnswerListItem } from '../components/PollAnswersList';
+import { PollAllOptionsContent, PollOption } from '../components/PollOption';
+import { PollResultsContent } from '../components/PollResults/PollResults';
+import { PollHeader } from '../Poll';
+
+const POLL_ID = 'poll-id';
+
+const pollResponse = {
+  created_by: { id: 'other-user' },
+  enforce_unique_vote: true,
+  id: POLL_ID,
+  latest_answers: [],
+  latest_votes_by_option: {},
+  name: 'Favourite colour?',
+  name_i18n: { es_text: '¿Color favorito?', language: 'en' },
+  options: [
+    { id: 'option-red', text: 'Red', text_i18n: { es_text: 'Rojo', language: 'en' } },
+    { id: 'option-blue', text: 'Blue' },
+  ],
+  vote_count: 0,
+  vote_counts_by_option: {},
+} as unknown as PollResponseData;
+
+const answer = {
+  answer_text: 'Green, actually',
+  answer_text_i18n: { es_text: 'Verde, en realidad', language: 'en' },
+  created_at: new Date('2026-10-27T10:00:00.000Z').getTime(),
+  id: 'answer-id',
+  is_answer: true,
+  poll_id: POLL_ID,
+  updated_at: new Date('2026-10-27T10:00:00.000Z').getTime(),
+  user: { id: 'other-user', name: 'Other' },
+} as unknown as PollVoteResponseData;
+
+const setup = (userLanguage: string) => {
+  const client = { user: { id: 'own-user' }, userID: 'own-user' } as unknown as StreamChat;
+  const poll = new Poll({ client, poll: pollResponse });
+  const [red, blue] = poll.data.options;
+
+  render(
+    <ThemeProvider>
+      <ChatProvider value={{ client } as never}>
+        <TranslationProvider
+          value={{ t: (key: string) => key, tDateTimeParser: dayjs, userLanguage } as never}
+        >
+          <OwnCapabilitiesProvider value={{ castPollVote: true } as never}>
+            <PollContextProvider value={{ message: generateMessage(), poll }}>
+              <PollHeader />
+              <PollOption option={red} />
+              <PollOption option={blue} />
+              <PollAnswerListItem answer={answer} />
+            </PollContextProvider>
+          </OwnCapabilitiesProvider>
+        </TranslationProvider>
+      </ChatProvider>
+    </ThemeProvider>,
+  );
+
+  return { poll };
+};
+
+const renderDialogs = (userLanguage: string) => {
+  const client = { user: { id: 'own-user' }, userID: 'own-user' } as unknown as StreamChat;
+  const poll = new Poll({ client, poll: pollResponse });
+
+  return render(
+    <ThemeProvider>
+      <ChatProvider value={{ client } as never}>
+        <TranslationProvider value={{ t: (key: string) => key, userLanguage } as never}>
+          <OwnCapabilitiesProvider value={{} as never}>
+            <PollContextProvider value={{ message: generateMessage(), poll }}>
+              <PollResultsContent />
+              <PollAllOptionsContent />
+            </PollContextProvider>
+          </OwnCapabilitiesProvider>
+        </TranslationProvider>
+      </ChatProvider>
+    </ThemeProvider>,
+  );
+};
+
+describe('Poll translations', () => {
+  it("renders the question, options and answers in the user's language", () => {
+    setup('es');
+
+    expect(screen.getByText('¿Color favorito?')).toBeTruthy();
+    expect(screen.getByText('Rojo')).toBeTruthy();
+    expect(screen.getByLabelText('Rojo')).toBeTruthy();
+    expect(screen.getByText('Verde, en realidad')).toBeTruthy();
+    expect(screen.queryByText('Favourite colour?')).toBeNull();
+    expect(screen.queryByText('Red')).toBeNull();
+  });
+
+  it('falls back to the original text when a text has no translation', () => {
+    setup('es');
+
+    expect(screen.getByText('Blue')).toBeTruthy();
+    expect(screen.getByLabelText('Blue')).toBeTruthy();
+  });
+
+  it("renders the original texts when nothing is translated into the user's language", () => {
+    setup('de');
+
+    expect(screen.getByText('Favourite colour?')).toBeTruthy();
+    expect(screen.getByText('Red')).toBeTruthy();
+    expect(screen.getByText('Blue')).toBeTruthy();
+    expect(screen.getByText('Green, actually')).toBeTruthy();
+  });
+
+  it('shows a translation that arrives later through poll.updated', () => {
+    const { poll } = setup('de');
+    expect(screen.getByText('Favourite colour?')).toBeTruthy();
+
+    act(() => {
+      poll.handlePollUpdated({
+        created_at: '2026-10-27T11:00:00.000Z',
+        poll: {
+          ...pollResponse,
+          name_i18n: { de_text: 'Lieblingsfarbe?', language: 'en' },
+        },
+        type: 'poll.updated',
+      } as never);
+    });
+
+    expect(screen.getByText('Lieblingsfarbe?')).toBeTruthy();
+    expect(screen.queryByText('Favourite colour?')).toBeNull();
+  });
+
+  it('translates the question and options in the results and all-options dialogs', () => {
+    renderDialogs('es');
+
+    // Each dialog shows the question once and every option once.
+    expect(screen.getAllByText('¿Color favorito?')).toHaveLength(2);
+    expect(screen.getAllByText('Rojo')).toHaveLength(2);
+    expect(screen.getAllByText('Blue')).toHaveLength(2);
+    expect(screen.queryByText('Favourite colour?')).toBeNull();
+  });
+});

package/src/components/Poll/components/PollAnswersList.tsx

@@ -21,6 +21,7 @@ import { Button } from '../../ui';
 import { UserAvatar } from '../../ui/Avatar/UserAvatar';
 import { usePollAnswersPagination } from '../hooks/usePollAnswersPagination';
 import { usePollState } from '../hooks/usePollState';
+import { usePollTextTranslation } from '../hooks/usePollTextTranslation';
 
 export const AnswerListAddCommentButton = (props: PollButtonProps) => {
   const { t } = useTranslationContext();
@@ -75,6 +76,7 @@ export const PollAnswerListItem = ({ answer }: { answer: PollVoteResponseData })
   const { client } = useChatContext();
   const { t, tDateTimeParser } = useTranslationContext();
   const { votingVisibility } = usePollState();
+  const translate = usePollTextTranslation();
 
   const {
     theme: {
@@ -108,7 +110,9 @@ export const PollAnswerListItem = ({ answer }: { answer: PollVoteResponseData })
   return (
     <View style={[styles.listItemWrapper, itemStyle.wrapper]}>
       <View style={[styles.listItemContainer, itemStyle.container]}>
-        <Text style={[styles.listItemAnswerText, itemStyle.answerText]}>{answer.answer_text}</Text>
+        <Text style={[styles.listItemAnswerText, itemStyle.answerText]}>
+          {translate(answer.answer_text ?? '', answer.answer_text_i18n)}
+        </Text>
         <View style={[styles.listItemInfoContainer, itemStyle.infoContainer]}>
           <View style={[styles.listItemUserInfoContainer, itemStyle.userInfoContainer]}>
             {!isAnonymous && answer.user?.image ? (

package/src/components/Poll/components/PollOption.tsx

@@ -27,6 +27,7 @@ import { ProgressBar } from '../../ProgressControl/ProgressBar';
 import { UserAvatarStack } from '../../ui/Avatar/AvatarStack';
 import { useIsPollCreatedByCurrentUser } from '../hook/useIsPollCreatedByCurrentUser';
 import { usePollState } from '../hooks/usePollState';
+import { usePollTextTranslation } from '../hooks/usePollTextTranslation';
 import { usePollVoteToggle } from '../hooks/usePollVoteToggle';
 
 const pollVoteAccessibilityStates = {
@@ -48,7 +49,8 @@ export const PollAllOptionsContent = ({
   additionalScrollViewProps,
 }: Pick<PollAllOptionsContentProps, 'additionalScrollViewProps'>) => {
   const { t } = useTranslationContext();
-  const { name, options } = usePollState();
+  const { name, nameI18n, options } = usePollState();
+  const translate = usePollTextTranslation();
 
   const {
     theme: {
@@ -67,7 +69,7 @@ export const PollAllOptionsContent = ({
     >
       <View style={[styles.allOptionsTitleContainer, titleContainer]}>
         <Text style={styles.allOptionsTitleMeta}>{t('poll.question.label', 'Question')}</Text>
-        <Text style={[styles.allOptionsTitleText, titleText]}>{name}</Text>
+        <Text style={[styles.allOptionsTitleText, titleText]}>{translate(name, nameI18n)}</Text>
       </View>
       <View style={[styles.allOptionsListContainer, listContainer]}>
         {options?.map((option: PollOptionClass) => (
@@ -96,6 +98,7 @@ export const PollAllOptions = ({
 export const PollOption = ({ option, showProgressBar = true, forceIncoming }: PollOptionProps) => {
   const { latestVotesByOption, voteCountsByOption, voteCount } = usePollState();
   const { t } = useTranslationContext();
+  const translate = usePollTextTranslation();
   const isPollCreatedByClient = useIsPollCreatedByCurrentUser();
   // `forceIncoming` marks the full-options surface, a neutral card rather than a bubble, so it wins
   // over poll ownership.
@@ -133,7 +136,7 @@ export const PollOption = ({ option, showProgressBar = true, forceIncoming }: Po
       <View style={[styles.info, info]}>
         <View style={[styles.header, header]}>
           <Text ellipsizeMode='tail' numberOfLines={2} style={[styles.text, text]}>
-            {option.text}
+            {translate(option.text, option.text_i18n)}
           </Text>
           <View style={[styles.votesContainer, votesContainer]}>
             {relevantVotes.length > 0 ? (
@@ -196,6 +199,7 @@ export const VoteButton = ({ forceIncoming, onPress, option }: PollVoteButtonPro
   } = useTheme();
 
   const toggleVote = usePollVoteToggle();
+  const translate = usePollTextTranslation();
 
   const onPressHandler = useCallback(() => {
     if (onPress) {
@@ -213,7 +217,7 @@ export const VoteButton = ({ forceIncoming, onPress, option }: PollVoteButtonPro
 
   return ownCapabilities.castPollVote && !isClosed ? (
     <Pressable
-      accessibilityLabel={option.text}
+      accessibilityLabel={translate(option.text, option.text_i18n)}
       accessibilityRole={poll.data?.enforce_unique_vote ? 'radio' : 'checkbox'}
       accessibilityState={accessibilityState}
       onPress={onPressHandler}