stream-chat-react-native-core 9.3.1-beta.7 → 9.3.1-beta.9

package/src/components/Poll/Poll.tsx

@@ -50,7 +50,7 @@ export const PollHeader = () => {
   } = useTheme();
 
   return (
-    <View style={styles.headerContainer}>
+    <View accessible accessibilityRole='text' style={styles.headerContainer}>
       <Text style={[styles.headerTitle, header.title]}>{name}</Text>
       <Text style={[styles.headerSubtitle, header.subtitle]}>{subtitle}</Text>
     </View>

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

@@ -92,6 +92,7 @@ export const PollAllOptions = ({
 
 export const PollOption = ({ option, showProgressBar = true, forceIncoming }: PollOptionProps) => {
   const { latestVotesByOption, voteCountsByOption, voteCount } = usePollState();
+  const { t } = useTranslationContext();
   const styles = useStyles();
 
   const relevantVotes = useMemo(
@@ -141,7 +142,12 @@ export const PollOption = ({ option, showProgressBar = true, forceIncoming }: Po
               />
             ) : null}
 
-            <Text style={[styles.votesText, votesText]}>{voteCountsByOption[option.id] || 0}</Text>
+            <Text
+              accessibilityLabel={t('{{count}} votes', { count: votes })}
+              style={[styles.votesText, votesText]}
+            >
+              {votes}
+            </Text>
           </View>
         </View>
         {showProgressBar ? (

package/src/components/Thread/__tests__/__snapshots__/Thread.test.tsx.snap

@@ -1017,6 +1017,7 @@ exports[`Thread should match thread snapshot 1`] = `
                   testID="date-separator"
                 >
                   <Text
+                    accessibilityLabel="May 5, 2020"
                     style={
                       {
                         "color": "#414552",

package/src/contexts/accessibilityContext/AccessibilityContext.tsx

@@ -8,6 +8,8 @@ import React, {
 } from 'react';
 import { AccessibilityInfo } from 'react-native';
 
+import type { LocalMessage } from 'stream-chat';
+
 import { AccessibilityAnnouncerContext } from '../../components/Accessibility/useAccessibilityAnnouncer';
 import type {
   AccessibilityAnnounce,
@@ -24,6 +26,39 @@ type TimeoutByPriority = {
 /** Tri-state for gesture-alternative toggles. */
 export type A11yMode = 'auto' | 'always' | 'never';
 
+/**
+ * Resolved predicate stored on the context - consumers call `(message)` and
+ * receive the boolean directly.
+ */
+export type HasInteractiveAccessibilityContent = (message: LocalMessage) => boolean;
+
+/**
+ * Integrator facing override shape. Receives the SDK's baseline boolean as the
+ * second argument so overrides can extend rather than replace:
+ *
+ * ```
+ *   hasInteractiveAccessibilityContent: (message, defaultValue) =>
+ *     defaultValue || !!message.my_custom_field
+ * ```
+ *
+ * To replace fully, ignore the second argument. Must be stable across renders
+ * an unstable function will rerender every Message context consumer on every
+ * downstream render.
+ */
+export type HasInteractiveAccessibilityContentConfig = (
+  message: LocalMessage,
+  defaultValue: boolean,
+) => boolean;
+
+/** SDK baseline — true when the message renders interactive children. */
+const defaultHasInteractiveAccessibilityContent: HasInteractiveAccessibilityContent = (message) =>
+  !!(
+    message.poll_id ||
+    message.quoted_message ||
+    message.attachments?.length ||
+    message.shared_location
+  );
+
 export type AccessibilityConfig = {
   /**
    * Master toggle. Default FALSE — integrators must opt in. When false, the SDK
@@ -45,10 +80,22 @@ export type AccessibilityConfig = {
   imageGalleryScreenReaderMode?: A11yMode;
   /** Message actions trigger. 'long-press' (no alt button), 'auto' (default — show button when SR is on), 'always-button'. */
   messageActionsTrigger?: 'long-press' | 'auto' | 'always-button';
+  /**
+   * Override the SDK's "this message has interactive children" decision.
+   * Will control what it means for a message to have interactive content.
+   * This affects the way we mark the message bubble as accessible and whether
+   * we let the children handle it on their own or whether we want the bubble to
+   * handle everything. See {@link HasInteractiveAccessibilityContentConfig}.
+   */
+  hasInteractiveAccessibilityContent?: HasInteractiveAccessibilityContentConfig;
 };
 
 /** Fully-resolved config — every field is populated with its default. */
-export type ResolvedAccessibilityConfig = Required<AccessibilityConfig>;
+export type ResolvedAccessibilityConfig = Required<
+  Omit<AccessibilityConfig, 'hasInteractiveAccessibilityContent'>
+> & {
+  hasInteractiveAccessibilityContent: HasInteractiveAccessibilityContent;
+};
 
 export const accessibilityContextDefaultValue: ResolvedAccessibilityConfig = {
   announceConnectionState: true,
@@ -57,6 +104,7 @@ export const accessibilityContextDefaultValue: ResolvedAccessibilityConfig = {
   audioRecorderTapMode: 'auto',
   enabled: false,
   forceScreenReaderMode: false,
+  hasInteractiveAccessibilityContent: defaultHasInteractiveAccessibilityContent,
   imageGalleryScreenReaderMode: 'auto',
   messageActionsTrigger: 'auto',
 };
@@ -124,6 +172,7 @@ export const AccessibilityProvider = ({
     audioRecorderTapMode = accessibilityContextDefaultValue.audioRecorderTapMode,
     enabled = accessibilityContextDefaultValue.enabled,
     forceScreenReaderMode = accessibilityContextDefaultValue.forceScreenReaderMode,
+    hasInteractiveAccessibilityContent,
     imageGalleryScreenReaderMode = accessibilityContextDefaultValue.imageGalleryScreenReaderMode,
     messageActionsTrigger = accessibilityContextDefaultValue.messageActionsTrigger,
   } = value ?? {};
@@ -136,6 +185,13 @@ export const AccessibilityProvider = ({
       audioRecorderTapMode,
       enabled,
       forceScreenReaderMode,
+      hasInteractiveAccessibilityContent: hasInteractiveAccessibilityContent
+        ? (message) =>
+            hasInteractiveAccessibilityContent(
+              message,
+              accessibilityContextDefaultValue.hasInteractiveAccessibilityContent(message),
+            )
+        : accessibilityContextDefaultValue.hasInteractiveAccessibilityContent,
       imageGalleryScreenReaderMode,
       messageActionsTrigger,
     }),
@@ -146,6 +202,7 @@ export const AccessibilityProvider = ({
       audioRecorderTapMode,
       enabled,
       forceScreenReaderMode,
+      hasInteractiveAccessibilityContent,
       imageGalleryScreenReaderMode,
       messageActionsTrigger,
     ],
@@ -162,38 +219,5 @@ export const AccessibilityProvider = ({
   );
 };
 
-export const useAccessibilityContext = (): ResolvedAccessibilityConfig => {
-  const {
-    announceConnectionState,
-    announceNewMessages,
-    announceTypingIndicator,
-    audioRecorderTapMode,
-    enabled,
-    forceScreenReaderMode,
-    imageGalleryScreenReaderMode,
-    messageActionsTrigger,
-  } = useContext(AccessibilityContext);
-
-  return useMemo(
-    () => ({
-      announceConnectionState,
-      announceNewMessages,
-      announceTypingIndicator,
-      audioRecorderTapMode,
-      enabled,
-      forceScreenReaderMode,
-      imageGalleryScreenReaderMode,
-      messageActionsTrigger,
-    }),
-    [
-      announceConnectionState,
-      announceNewMessages,
-      announceTypingIndicator,
-      audioRecorderTapMode,
-      enabled,
-      forceScreenReaderMode,
-      imageGalleryScreenReaderMode,
-      messageActionsTrigger,
-    ],
-  );
-};
+export const useAccessibilityContext = (): ResolvedAccessibilityConfig =>
+  useContext(AccessibilityContext);

package/src/contexts/messageContext/MessageContext.tsx

@@ -45,6 +45,14 @@ export type MessageContextValue = {
   /** Whether or not any message attachment exposes actions. */
   hasAttachmentActions: boolean;
   handleToggleReaction: (reactionType: string) => Promise<void>;
+  /**
+   * Whether the message renders interactive children (poll options, attachment
+   * cells, the quoted-reply navigator, shared location) and the row should
+   * therefore drop its single focusstop so VO/TalkBack can drill into them.
+   * Resolved from `AccessibilityContext.hasInteractiveAccessibilityContent` -
+   * integrators override there to include their own custom content.
+   */
+  hasInteractiveAccessibilityContent: boolean;
   /** Whether or not message has reactions */
   hasReactions: boolean;
   /** Whether or not message has only a single attachment */

package/src/contexts/overlayContext/MessageOverlayHostLayer.tsx

@@ -269,7 +269,11 @@ export const MessageOverlayHostLayer = () => {
 
   return (
     <GestureDetector gesture={tap}>
-      <View pointerEvents='box-none' style={StyleSheet.absoluteFill}>
+      <View
+        accessibilityViewIsModal={isActive}
+        pointerEvents='box-none'
+        style={StyleSheet.absoluteFill}
+      >
         {isActive ? (
           <Animated.View pointerEvents='none' style={[StyleSheet.absoluteFill, backdropStyle]}>
             <OverlayBackground />

package/src/contexts/overlayContext/OverlayProvider.tsx

@@ -9,6 +9,7 @@ import { PortalProvider } from 'react-native-teleport';
 import { MessageOverlayHostLayer } from './MessageOverlayHostLayer';
 import { OverlayContext, OverlayProviderProps } from './OverlayContext';
 
+import { OverlayA11yShield } from '../../components/Accessibility/OverlayA11yShield';
 import { ImageGallery } from '../../components/ImageGallery/ImageGallery';
 import { useStreami18n } from '../../hooks/useStreami18n';
 
@@ -107,7 +108,11 @@ export const OverlayProvider = (props: PropsWithChildren<OverlayProviderProps>)
           <ImageGalleryProvider value={imageGalleryProviderProps}>
             <ThemeProvider style={overlayContext.style}>
               <PortalProvider>
-                {children}
+                {accessibility?.enabled ? (
+                  <OverlayA11yShield>{children}</OverlayA11yShield>
+                ) : (
+                  children
+                )}
                 {overlay === 'gallery' && <ImageGallery overlayOpacity={overlayOpacity} />}
                 <MessageOverlayHostLayer />
               </PortalProvider>

package/src/i18n/ar.json

@@ -260,6 +260,7 @@
   "a11y/Direct chat with {{name}}": "محادثة مباشرة مع {{name}}",
   "a11y/Double tap to open": "انقر مرتين للفتح",
   "a11y/Double tap to view reactions": "انقر مرتين لعرض التفاعلات",
+  "a11y/Double tap to view thread": "انقر مرتين لعرض المحادثة الفرعية",
   "a11y/Editing message": "تعديل الرسالة",
   "a11y/Editing message: {{text}}": "تعديل الرسالة: {{text}}",
   "a11y/Last message {{date}}": "آخر رسالة {{date}}",
@@ -371,5 +372,10 @@
   "a11y/Swipe right to go through different actions": "اسحب لليمين للتنقل بين الإجراءات المختلفة",
   "a11y/Close": "Close",
   "a11y/Bottom sheet opened. Activate the close action or use the escape gesture to dismiss.": "Bottom sheet opened. Activate the close action or use the escape gesture to dismiss.",
-  "a11y/{{count}} unread messages": "{{count}} رسائل غير مقروءة"
+  "a11y/{{count}} unread messages": "{{count}} رسائل غير مقروءة",
+  "a11y/Message from you": "رسالة منك",
+  "a11y/Message from {{sender}}": "رسالة من {{sender}}",
+  "a11y/Gallery Image": "صورة من المعرض",
+  "a11y/Gallery Video": "فيديو من المعرض",
+  "a11y/{{position}} of {{count}}": "{{position}} من {{count}}"
 }

package/src/i18n/en.json

@@ -260,12 +260,15 @@
   "a11y/Direct chat with {{name}}": "Direct chat with {{name}}",
   "a11y/Double tap to open": "Double tap to open",
   "a11y/Double tap to view reactions": "Double tap to view reactions",
+  "a11y/Double tap to view thread": "Double tap to view thread",
   "a11y/Editing message": "Editing message",
   "a11y/Editing message: {{text}}": "Editing message: {{text}}",
   "a11y/Last message {{date}}": "Last message {{date}}",
   "a11y/Loading": "Loading",
   "a11y/Loading failed": "Loading failed",
   "a11y/Message actions": "Message actions",
+  "a11y/Message from you": "Message from you",
+  "a11y/Message from {{sender}}": "Message from {{sender}}",
   "a11y/Muted": "Muted",
   "a11y/New message from {{user}}": "New message from {{user}}",
   "a11y/Offline": "Offline",
@@ -371,5 +374,8 @@
   "size limit": "size limit",
   "unknown error": "unknown error",
   "unsupported file type": "unsupported file type",
-  "a11y/{{count}} unread messages": "{{count}} unread messages"
+  "a11y/{{count}} unread messages": "{{count}} unread messages",
+  "a11y/Gallery Image": "Gallery image",
+  "a11y/Gallery Video": "Gallery video",
+  "a11y/{{position}} of {{count}}": "{{position}} of {{count}}"
 }

package/src/i18n/es.json

@@ -260,6 +260,7 @@
   "a11y/Direct chat with {{name}}": "Chat directo con {{name}}",
   "a11y/Double tap to open": "Toca dos veces para abrir",
   "a11y/Double tap to view reactions": "Toca dos veces para ver las reacciones",
+  "a11y/Double tap to view thread": "Toca dos veces para ver el hilo",
   "a11y/Editing message": "Editando mensaje",
   "a11y/Editing message: {{text}}": "Editando mensaje: {{text}}",
   "a11y/Last message {{date}}": "Último mensaje {{date}}",
@@ -371,5 +372,10 @@
   "a11y/Swipe right to go through different actions": "Desliza a la derecha para recorrer las diferentes acciones",
   "a11y/Close": "Close",
   "a11y/Bottom sheet opened. Activate the close action or use the escape gesture to dismiss.": "Bottom sheet opened. Activate the close action or use the escape gesture to dismiss.",
-  "a11y/{{count}} unread messages": "{{count}} mensajes sin leer"
+  "a11y/{{count}} unread messages": "{{count}} mensajes sin leer",
+  "a11y/Message from you": "Mensaje tuyo",
+  "a11y/Message from {{sender}}": "Mensaje de {{sender}}",
+  "a11y/Gallery Image": "Imagen de la galería",
+  "a11y/Gallery Video": "Vídeo de la galería",
+  "a11y/{{position}} of {{count}}": "{{position}} de {{count}}"
 }

package/src/i18n/fr.json

@@ -260,6 +260,7 @@
   "a11y/Direct chat with {{name}}": "Discussion directe avec {{name}}",
   "a11y/Double tap to open": "Appuyez deux fois pour ouvrir",
   "a11y/Double tap to view reactions": "Appuyez deux fois pour voir les réactions",
+  "a11y/Double tap to view thread": "Appuyez deux fois pour voir le fil",
   "a11y/Editing message": "Modification du message",
   "a11y/Editing message: {{text}}": "Modification du message : {{text}}",
   "a11y/Last message {{date}}": "Dernier message {{date}}",
@@ -371,5 +372,10 @@
   "a11y/Swipe right to go through different actions": "Glissez vers la droite pour parcourir les différentes actions",
   "a11y/Close": "Close",
   "a11y/Bottom sheet opened. Activate the close action or use the escape gesture to dismiss.": "Bottom sheet opened. Activate the close action or use the escape gesture to dismiss.",
-  "a11y/{{count}} unread messages": "{{count}} messages non lus"
+  "a11y/{{count}} unread messages": "{{count}} messages non lus",
+  "a11y/Message from you": "Votre message",
+  "a11y/Message from {{sender}}": "Message de {{sender}}",
+  "a11y/Gallery Image": "Image de la galerie",
+  "a11y/Gallery Video": "Vidéo de la galerie",
+  "a11y/{{position}} of {{count}}": "{{position}} sur {{count}}"
 }

package/src/i18n/he.json

@@ -260,6 +260,7 @@
   "a11y/Direct chat with {{name}}": "צ׳אט ישיר עם {{name}}",
   "a11y/Double tap to open": "הקש פעמיים כדי לפתוח",
   "a11y/Double tap to view reactions": "הקש פעמיים כדי לראות תגובות",
+  "a11y/Double tap to view thread": "הקש פעמיים כדי לראות את השרשור",
   "a11y/Editing message": "עריכת הודעה",
   "a11y/Editing message: {{text}}": "עריכת הודעה: {{text}}",
   "a11y/Last message {{date}}": "הודעה אחרונה {{date}}",
@@ -371,5 +372,10 @@
   "a11y/Swipe right to go through different actions": "החלק ימינה כדי לעבור בין הפעולות השונות",
   "a11y/Close": "Close",
   "a11y/Bottom sheet opened. Activate the close action or use the escape gesture to dismiss.": "Bottom sheet opened. Activate the close action or use the escape gesture to dismiss.",
-  "a11y/{{count}} unread messages": "{{count}} הודעות שלא נקראו"
+  "a11y/{{count}} unread messages": "{{count}} הודעות שלא נקראו",
+  "a11y/Message from you": "הודעה ממך",
+  "a11y/Message from {{sender}}": "הודעה מאת {{sender}}",
+  "a11y/Gallery Image": "תמונה מהגלריה",
+  "a11y/Gallery Video": "סרטון מהגלריה",
+  "a11y/{{position}} of {{count}}": "{{position}} מתוך {{count}}"
 }

package/src/i18n/hi.json

@@ -260,6 +260,7 @@
   "a11y/Direct chat with {{name}}": "{{name}} के साथ सीधी चैट",
   "a11y/Double tap to open": "खोलने के लिए दो बार टैप करें",
   "a11y/Double tap to view reactions": "प्रतिक्रियाएँ देखने के लिए दो बार टैप करें",
+  "a11y/Double tap to view thread": "थ्रेड देखने के लिए दो बार टैप करें",
   "a11y/Editing message": "संदेश संपादित कर रहे हैं",
   "a11y/Editing message: {{text}}": "संदेश संपादित कर रहे हैं: {{text}}",
   "a11y/Last message {{date}}": "अंतिम संदेश {{date}}",
@@ -371,5 +372,10 @@
   "a11y/Swipe right to go through different actions": "विभिन्न क्रियाओं के बीच जाने के लिए दाएं स्वाइप करें",
   "a11y/Close": "Close",
   "a11y/Bottom sheet opened. Activate the close action or use the escape gesture to dismiss.": "Bottom sheet opened. Activate the close action or use the escape gesture to dismiss.",
-  "a11y/{{count}} unread messages": "{{count}} अपठित संदेश"
+  "a11y/{{count}} unread messages": "{{count}} अपठित संदेश",
+  "a11y/Message from you": "आपका संदेश",
+  "a11y/Message from {{sender}}": "{{sender}} से संदेश",
+  "a11y/Gallery Image": "गैलरी छवि",
+  "a11y/Gallery Video": "गैलरी वीडियो",
+  "a11y/{{position}} of {{count}}": "{{count}} में से {{position}}"
 }

package/src/i18n/it.json

@@ -260,6 +260,7 @@
   "a11y/Direct chat with {{name}}": "Chat diretta con {{name}}",
   "a11y/Double tap to open": "Tocca due volte per aprire",
   "a11y/Double tap to view reactions": "Tocca due volte per vedere le reazioni",
+  "a11y/Double tap to view thread": "Tocca due volte per vedere il thread",
   "a11y/Editing message": "Modifica del messaggio",
   "a11y/Editing message: {{text}}": "Modifica del messaggio: {{text}}",
   "a11y/Last message {{date}}": "Ultimo messaggio {{date}}",
@@ -371,5 +372,10 @@
   "a11y/Swipe right to go through different actions": "Scorri a destra per passare in rassegna le diverse azioni",
   "a11y/Close": "Close",
   "a11y/Bottom sheet opened. Activate the close action or use the escape gesture to dismiss.": "Bottom sheet opened. Activate the close action or use the escape gesture to dismiss.",
-  "a11y/{{count}} unread messages": "{{count}} messaggi non letti"
+  "a11y/{{count}} unread messages": "{{count}} messaggi non letti",
+  "a11y/Message from you": "Messaggio da te",
+  "a11y/Message from {{sender}}": "Messaggio da {{sender}}",
+  "a11y/Gallery Image": "Immagine della galleria",
+  "a11y/Gallery Video": "Video della galleria",
+  "a11y/{{position}} of {{count}}": "{{position}} di {{count}}"
 }

package/src/i18n/ja.json

@@ -260,6 +260,7 @@
   "a11y/Direct chat with {{name}}": "{{name}}とのダイレクトチャット",
   "a11y/Double tap to open": "ダブルタップで開く",
   "a11y/Double tap to view reactions": "ダブルタップでリアクションを表示",
+  "a11y/Double tap to view thread": "ダブルタップでスレッドを表示",
   "a11y/Editing message": "メッセージを編集中",
   "a11y/Editing message: {{text}}": "メッセージを編集中: {{text}}",
   "a11y/Last message {{date}}": "最後のメッセージ {{date}}",
@@ -371,5 +372,10 @@
   "a11y/Swipe right to go through different actions": "右にスワイプして異なるアクションを切り替えます",
   "a11y/Close": "Close",
   "a11y/Bottom sheet opened. Activate the close action or use the escape gesture to dismiss.": "Bottom sheet opened. Activate the close action or use the escape gesture to dismiss.",
-  "a11y/{{count}} unread messages": "未読メッセージ{{count}}件"
+  "a11y/{{count}} unread messages": "未読メッセージ{{count}}件",
+  "a11y/Message from you": "あなたからのメッセージ",
+  "a11y/Message from {{sender}}": "{{sender}}からのメッセージ",
+  "a11y/Gallery Image": "ギャラリー画像",
+  "a11y/Gallery Video": "ギャラリービデオ",
+  "a11y/{{position}} of {{count}}": "{{count}} 中 {{position}}"
 }

package/src/i18n/ko.json

@@ -260,6 +260,7 @@
   "a11y/Direct chat with {{name}}": "{{name}}님과의 다이렉트 채팅",
   "a11y/Double tap to open": "두 번 탭하여 열기",
   "a11y/Double tap to view reactions": "두 번 탭하여 반응 보기",
+  "a11y/Double tap to view thread": "두 번 탭하여 스레드 보기",
   "a11y/Editing message": "메시지 편집 중",
   "a11y/Editing message: {{text}}": "메시지 편집 중: {{text}}",
   "a11y/Last message {{date}}": "마지막 메시지 {{date}}",
@@ -371,5 +372,10 @@
   "a11y/Swipe right to go through different actions": "다른 작업을 탐색하려면 오른쪽으로 스와이프하세요",
   "a11y/Close": "Close",
   "a11y/Bottom sheet opened. Activate the close action or use the escape gesture to dismiss.": "Bottom sheet opened. Activate the close action or use the escape gesture to dismiss.",
-  "a11y/{{count}} unread messages": "읽지 않은 메시지 {{count}}개"
+  "a11y/{{count}} unread messages": "읽지 않은 메시지 {{count}}개",
+  "a11y/Message from you": "내가 보낸 메시지",
+  "a11y/Message from {{sender}}": "{{sender}}님의 메시지",
+  "a11y/Gallery Image": "갤러리 이미지",
+  "a11y/Gallery Video": "갤러리 동영상",
+  "a11y/{{position}} of {{count}}": "{{count}}개 중 {{position}}번째"
 }

package/src/i18n/nl.json

@@ -260,6 +260,7 @@
   "a11y/Direct chat with {{name}}": "Direct chat met {{name}}",
   "a11y/Double tap to open": "Dubbeltik om te openen",
   "a11y/Double tap to view reactions": "Dubbeltik om reacties te bekijken",
+  "a11y/Double tap to view thread": "Dubbeltik om de thread te bekijken",
   "a11y/Editing message": "Bericht bewerken",
   "a11y/Editing message: {{text}}": "Bericht bewerken: {{text}}",
   "a11y/Last message {{date}}": "Laatste bericht {{date}}",
@@ -371,5 +372,10 @@
   "a11y/Swipe right to go through different actions": "Veeg naar rechts om door verschillende acties te bladeren",
   "a11y/Close": "Close",
   "a11y/Bottom sheet opened. Activate the close action or use the escape gesture to dismiss.": "Bottom sheet opened. Activate the close action or use the escape gesture to dismiss.",
-  "a11y/{{count}} unread messages": "{{count}} ongelezen berichten"
+  "a11y/{{count}} unread messages": "{{count}} ongelezen berichten",
+  "a11y/Message from you": "Bericht van jou",
+  "a11y/Message from {{sender}}": "Bericht van {{sender}}",
+  "a11y/Gallery Image": "Galerij-afbeelding",
+  "a11y/Gallery Video": "Galerij-video",
+  "a11y/{{position}} of {{count}}": "{{position}} van {{count}}"
 }

package/src/i18n/pt-br.json

@@ -260,6 +260,7 @@
   "a11y/Direct chat with {{name}}": "Chat direto com {{name}}",
   "a11y/Double tap to open": "Toque duas vezes para abrir",
   "a11y/Double tap to view reactions": "Toque duas vezes para ver as reações",
+  "a11y/Double tap to view thread": "Toque duas vezes para ver o tópico",
   "a11y/Editing message": "Editando mensagem",
   "a11y/Editing message: {{text}}": "Editando mensagem: {{text}}",
   "a11y/Last message {{date}}": "Última mensagem {{date}}",
@@ -371,5 +372,10 @@
   "a11y/Swipe right to go through different actions": "Deslize para a direita para percorrer as diferentes ações",
   "a11y/Close": "Close",
   "a11y/Bottom sheet opened. Activate the close action or use the escape gesture to dismiss.": "Bottom sheet opened. Activate the close action or use the escape gesture to dismiss.",
-  "a11y/{{count}} unread messages": "{{count}} mensagens não lidas"
+  "a11y/{{count}} unread messages": "{{count}} mensagens não lidas",
+  "a11y/Message from you": "Mensagem sua",
+  "a11y/Message from {{sender}}": "Mensagem de {{sender}}",
+  "a11y/Gallery Image": "Imagem da galeria",
+  "a11y/Gallery Video": "Vídeo da galeria",
+  "a11y/{{position}} of {{count}}": "{{position}} de {{count}}"
 }

package/src/i18n/ru.json

@@ -260,6 +260,7 @@
   "a11y/Direct chat with {{name}}": "Прямой чат с {{name}}",
   "a11y/Double tap to open": "Дважды коснитесь, чтобы открыть",
   "a11y/Double tap to view reactions": "Дважды коснитесь, чтобы посмотреть реакции",
+  "a11y/Double tap to view thread": "Дважды коснитесь, чтобы посмотреть тред",
   "a11y/Editing message": "Редактирование сообщения",
   "a11y/Editing message: {{text}}": "Редактирование сообщения: {{text}}",
   "a11y/Last message {{date}}": "Последнее сообщение {{date}}",
@@ -371,5 +372,10 @@
   "a11y/Swipe right to go through different actions": "Смахните вправо, чтобы переключаться между действиями",
   "a11y/Close": "Close",
   "a11y/Bottom sheet opened. Activate the close action or use the escape gesture to dismiss.": "Bottom sheet opened. Activate the close action or use the escape gesture to dismiss.",
-  "a11y/{{count}} unread messages": "{{count}} непрочитанных сообщений"
+  "a11y/{{count}} unread messages": "{{count}} непрочитанных сообщений",
+  "a11y/Message from you": "Сообщение от вас",
+  "a11y/Message from {{sender}}": "Сообщение от {{sender}}",
+  "a11y/Gallery Image": "Изображение из галереи",
+  "a11y/Gallery Video": "Видео из галереи",
+  "a11y/{{position}} of {{count}}": "{{position}} из {{count}}"
 }

package/src/i18n/tr.json

@@ -260,6 +260,7 @@
   "a11y/Direct chat with {{name}}": "{{name}} ile doğrudan sohbet",
   "a11y/Double tap to open": "Açmak için iki kez dokun",
   "a11y/Double tap to view reactions": "Tepkileri görmek için iki kez dokun",
+  "a11y/Double tap to view thread": "Konuyu görmek için iki kez dokun",
   "a11y/Editing message": "Mesaj düzenleniyor",
   "a11y/Editing message: {{text}}": "Mesaj düzenleniyor: {{text}}",
   "a11y/Last message {{date}}": "Son mesaj {{date}}",
@@ -371,5 +372,10 @@
   "a11y/Swipe right to go through different actions": "Farklı eylemler arasında geçiş yapmak için sağa kaydır",
   "a11y/Close": "Close",
   "a11y/Bottom sheet opened. Activate the close action or use the escape gesture to dismiss.": "Bottom sheet opened. Activate the close action or use the escape gesture to dismiss.",
-  "a11y/{{count}} unread messages": "{{count}} okunmamış mesaj"
+  "a11y/{{count}} unread messages": "{{count}} okunmamış mesaj",
+  "a11y/Message from you": "Senden mesaj",
+  "a11y/Message from {{sender}}": "{{sender}} kullanıcısından mesaj",
+  "a11y/Gallery Image": "Galeri görüntüsü",
+  "a11y/Gallery Video": "Galeri videosu",
+  "a11y/{{position}} of {{count}}": "{{count}} öğeden {{position}}"
 }

package/src/state-store/__tests__/image-gallery-state-store.test.ts

@@ -88,6 +88,7 @@ describe('ImageGalleryStateStore', () => {
         assets: [],
         currentIndex: 0,
         messages: [],
+        requesterNode: null,
         selectedAttachmentUrl: undefined,
       });
     });

package/src/state-store/image-gallery-state-store.ts

@@ -41,12 +41,14 @@ export type ImageGalleryState = {
   messages: LocalMessage[];
   selectedAttachmentUrl?: string;
   currentIndex: number;
+  requesterNode: number | null;
 };
 
 const INITIAL_STATE: ImageGalleryState = {
   assets: [],
   currentIndex: 0,
   messages: [],
+  requesterNode: null,
   selectedAttachmentUrl: undefined,
 };
 
@@ -80,6 +82,10 @@ export class ImageGalleryStateStore {
     return this.state.getLatestValue().selectedAttachmentUrl;
   }
 
+  get requesterNode() {
+    return this.state.getLatestValue().requesterNode;
+  }
+
   get attachmentsWithMessage() {
     const messages = this.messages;
 
@@ -151,6 +157,10 @@ export class ImageGalleryStateStore {
     this.state.partialNext({ currentIndex });
   }
 
+  set requesterNode(requesterNode: number | null) {
+    this.state.partialNext({ requesterNode });
+  }
+
   // APIs for managing messages
   appendMessages = (messages: LocalMessage[]) => {
     this.state.partialNext({ messages: [...this.messages, ...messages] });
@@ -164,12 +174,14 @@ export class ImageGalleryStateStore {
 
   openImageGallery = ({
     messages,
+    requesterNode = null,
     selectedAttachmentUrl,
   }: {
     messages: LocalMessage[];
+    requesterNode?: number | null;
     selectedAttachmentUrl?: string;
   }) => {
-    this.state.partialNext({ messages, selectedAttachmentUrl });
+    this.state.partialNext({ messages, requesterNode, selectedAttachmentUrl });
   };
 
   subscribeToMessages = () => {

package/src/utils/i18n/getDateString.ts

@@ -1,3 +1,6 @@
+import type { TranslationLanguages } from 'stream-chat';
+
+import { calendarFormats } from './calendarFormats';
 import { TimestampFormatterOptions } from './types';
 
 import { TranslatorFunctions } from '../../contexts/translationContext';
@@ -74,3 +77,57 @@ export function getDateString({
 
   return new Date(date).toDateString();
 }
+
+type DateStringForA11yOptions = {
+  /**
+   * Optional calendar-format overrides applied on top of the locale defaults
+   * and the SDK's `sameElse: 'LL'` substitution. Use this when the visible
+   * date format diverges from the locale defaults (e.g. ChannelPreviewStatus
+   * uses `sameDay: 'LT'` to show the time instead of "Today").
+   */
+  calendarFormatOverrides?: Partial<{
+    lastDay: string;
+    lastWeek: string;
+    nextDay: string;
+    nextWeek: string;
+    sameDay: string;
+    sameElse: string;
+  }>;
+  date?: string | Date;
+  tDateTimeParser?: TranslatorFunctions['tDateTimeParser'];
+  userLanguage?: TranslationLanguages;
+};
+
+/**
+ * Produce a TTS-friendly calendar string. iOS VoiceOver reads numeric dates
+ * like "04/08/2026" character-by-character; substituting `LL` ("April 8, 2026")
+ * for the calendar `sameElse` slot fixes that. The relative slots
+ * (sameDay/lastDay/nextDay/lastWeek/nextWeek) are preserved from the locale,
+ * so "Today"/"Yesterday"/weekday names still come through.
+ */
+export const getDateStringForA11y = ({
+  calendarFormatOverrides,
+  date,
+  tDateTimeParser,
+  userLanguage,
+}: DateStringForA11yOptions): string | undefined => {
+  if (!date || (typeof date === 'string' && !Date.parse(date))) {
+    return undefined;
+  }
+  if (!tDateTimeParser) {
+    return undefined;
+  }
+
+  const parsedTime = tDateTimeParser(date);
+  if (!isDayOrMoment(parsedTime) || !parsedTime.calendar) {
+    return undefined;
+  }
+
+  const localeFormats = (userLanguage && calendarFormats[userLanguage]) || calendarFormats.en;
+
+  return parsedTime.calendar(undefined, {
+    ...localeFormats,
+    sameElse: 'LL',
+    ...calendarFormatOverrides,
+  });
+};