stream-chat-react-native-core 9.2.0-beta.1 → 9.2.0-beta.2

package/src/components/MessageMenu/__tests__/MessageUserReactions.test.tsx

@@ -2,6 +2,8 @@ import React from 'react';
 
 import { Text } from 'react-native';
 
+import type { ReactTestInstance } from 'react-test-renderer';
+
 import { fireEvent, render } from '@testing-library/react-native';
 
 import { ReactionResponse } from 'stream-chat';
@@ -39,6 +41,9 @@ const defaultProps = {
   supportedReactions: mockSupportedReactions,
 };
 
+const filterReactionButtons = (buttons: ReactTestInstance[]) =>
+  buttons.filter((button) => button.props.accessibilityLabel !== 'more-reactions-button');
+
 const renderComponent = (props = {}) =>
   render(
     <ThemeProvider theme={defaultTheme}>
@@ -87,35 +92,32 @@ describe('MessageUserReactions when the supportedReactions are defined', () => {
   });
 
   it('renders reaction buttons', () => {
-    const { getByLabelText } = renderComponent();
-    const likeReactionButton = getByLabelText('reaction-button-like-unselected');
-    expect(likeReactionButton).toBeDefined();
-    const loveReactionButton = getByLabelText('reaction-button-love-unselected');
-    expect(loveReactionButton).toBeDefined();
+    const { getAllByRole } = renderComponent();
+    expect(filterReactionButtons(getAllByRole('button'))).toHaveLength(2);
   });
 
   it('starts with no reaction filter selected by default', () => {
-    const { getAllByLabelText } = renderComponent();
-    const reactionButtons = getAllByLabelText(/\breaction-button[^\s]+/);
-    expect(reactionButtons[0].props.accessibilityLabel).toBe('reaction-button-like-unselected');
-    expect(reactionButtons[1].props.accessibilityLabel).toBe('reaction-button-love-unselected');
+    const { getAllByRole } = renderComponent();
+    const reactionButtons = filterReactionButtons(getAllByRole('button'));
+    expect(reactionButtons[0].props.accessibilityState.selected).toBe(false);
+    expect(reactionButtons[1].props.accessibilityState.selected).toBe(false);
   });
 
   it('toggles the selected reaction when a reaction button is pressed twice', () => {
-    const { getAllByLabelText } = renderComponent();
-    let reactionButtons = getAllByLabelText(/\breaction-button[^\s]+/);
+    const { getAllByRole } = renderComponent();
+    let reactionButtons = filterReactionButtons(getAllByRole('button'));
 
     fireEvent.press(reactionButtons[1]);
 
-    expect(reactionButtons[0].props.accessibilityLabel).toBe('reaction-button-like-unselected');
-    expect(reactionButtons[1].props.accessibilityLabel).toBe('reaction-button-love-selected');
+    expect(reactionButtons[0].props.accessibilityState.selected).toBe(false);
+    expect(reactionButtons[1].props.accessibilityState.selected).toBe(true);
 
     fireEvent.press(reactionButtons[1]);
 
-    reactionButtons = getAllByLabelText(/\breaction-button[^\s]+/);
+    reactionButtons = filterReactionButtons(getAllByRole('button'));
 
-    expect(reactionButtons[0].props.accessibilityLabel).toBe('reaction-button-like-unselected');
-    expect(reactionButtons[1].props.accessibilityLabel).toBe('reaction-button-love-unselected');
+    expect(reactionButtons[0].props.accessibilityState.selected).toBe(false);
+    expect(reactionButtons[1].props.accessibilityState.selected).toBe(false);
   });
 
   it('renders reactions list', () => {
@@ -133,10 +135,10 @@ describe('MessageUserReactions when the supportedReactions are defined', () => {
   });
 
   it("don't render reaction buttons that is of unsupported type", () => {
-    const { queryAllByLabelText } = renderComponent({
+    const { queryAllByRole } = renderComponent({
       message: { ...generateMessage(), reaction_groups: { money: 1 } },
     });
-    const reactionButtons = queryAllByLabelText(/\breaction-button[^\s]+/);
+    const reactionButtons = filterReactionButtons(queryAllByRole('button'));
 
     expect(reactionButtons.length).toBe(0);
   });

package/src/components/MessageMenu/__tests__/ReactionButton.test.tsx

@@ -2,8 +2,9 @@ import React from 'react';
 
 import { Text } from 'react-native';
 
-import { cleanup, fireEvent, render } from '@testing-library/react-native';
+import { cleanup, fireEvent, render, screen, waitFor } from '@testing-library/react-native';
 
+import { OverlayProvider } from '../../../contexts/overlayContext/OverlayProvider';
 import { ThemeProvider } from '../../../contexts/themeContext/ThemeContext';
 import { defaultTheme } from '../../../contexts/themeContext/utils/theme';
 import { IconProps } from '../../../icons';
@@ -37,28 +38,40 @@ describe('ReactionButton', () => {
     expect(getByText('24')).toBeTruthy();
   });
 
+  it('uses the released reaction button label when accessibility labels are translated', async () => {
+    render(
+      <OverlayProvider accessibility={{ enabled: true }}>
+        <ReactionButton {...defaultProps} />
+      </OverlayProvider>,
+    );
+
+    await waitFor(() => {
+      expect(screen.getByLabelText('reaction-button-like-unselected')).toBeTruthy();
+    });
+  });
+
   it('should call onPress function with the correct reaction type when pressed', () => {
-    const { getByLabelText } = render(
+    const { getByRole } = render(
       <ThemeProvider theme={defaultTheme}>
         <ReactionButton {...defaultProps} />
       </ThemeProvider>,
     );
 
     // Simulate a press event
-    fireEvent.press(getByLabelText('reaction-button-like-unselected'));
+    fireEvent.press(getByRole('button'));
 
     // Verify if the mock function has been called with the correct reaction type
     expect(mockOnPress).toHaveBeenCalledWith('like');
   });
 
   it('should not call onPress when the onPress prop is not provided', () => {
-    const { getByLabelText } = render(
+    const { getByRole } = render(
       <ThemeProvider theme={defaultTheme}>
         <ReactionButton {...defaultProps} onPress={undefined} />
       </ThemeProvider>,
     );
 
-    fireEvent.press(getByLabelText('reaction-button-like-unselected'));
+    fireEvent.press(getByRole('button'));
 
     expect(mockOnPress).not.toHaveBeenCalled();
   });

package/src/components/Poll/components/CreatePollHeader.tsx

@@ -51,6 +51,7 @@ export const CreatePollHeader = ({
   return (
     <View style={[styles.headerContainer, headerContainer]}>
       <Button
+        accessibilityLabelKey='a11y/Close poll creation'
         variant='secondary'
         onPress={onBackPressHandler}
         type='solid'
@@ -63,6 +64,7 @@ export const CreatePollHeader = ({
       </Text>
 
       <Button
+        accessibilityLabelKey='a11y/Create poll'
         variant='primary'
         onPress={onCreatePollPressHandler}
         type='solid'

package/src/components/Poll/components/MultipleVotesSettings.tsx

@@ -163,6 +163,7 @@ export const MultipleVotesSettings = () => {
           style={[styles.row, multipleAnswers.row]}
         >
           <Button
+            accessibilityLabelKey='a11y/Decrease maximum votes'
             variant='secondary'
             type='outline'
             size='md'
@@ -175,6 +176,7 @@ export const MultipleVotesSettings = () => {
           />
           <MaxVotesTextInput />
           <Button
+            accessibilityLabelKey='a11y/Increase maximum votes'
             variant='secondary'
             type='outline'
             size='md'

package/src/components/Poll/components/PollModalHeader.tsx

@@ -25,6 +25,7 @@ export const PollModalHeader = ({ onPress, title }: PollModalHeaderProps) => {
     <View style={[styles.container, container]}>
       <View style={styles.sideContainer}>
         <Button
+          accessibilityLabelKey='a11y/Close poll'
           variant='secondary'
           type='solid'
           size='md'

package/src/components/Reply/Reply.tsx

@@ -170,7 +170,10 @@ export const ReplyWithContext = (props: ReplyPropsWithContext) => {
       </View>
       {onDismiss ? (
         <View style={[styles.dismissWrapper, dismissWrapper, stylesProp?.dismissWrapper]}>
-          <AttachmentRemoveControl onPress={onDismiss} />
+          <AttachmentRemoveControl
+            accessibilityLabelKey={mode === 'edit' ? 'a11y/Remove edit' : 'a11y/Remove reply'}
+            onPress={onDismiss}
+          />
         </View>
       ) : null}
     </View>

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

@@ -1734,6 +1734,9 @@ exports[`Thread should match thread snapshot 1`] = `
         </View>
       </RCTScrollView>
       <View
+        accessibilityElementsHidden={true}
+        accessible={false}
+        importantForAccessibility="no-hide-descendants"
         style={
           {
             "left": 0,

package/src/components/ui/Avatar/Avatar.tsx

@@ -46,7 +46,8 @@ export const Avatar = (props: AvatarProps) => {
     style,
   } = props;
   const styles = useStyles();
-  const composedLabel = useA11yLabel('a11y/Avatar of {{name}}', { name: name ?? '' });
+  const accessibilityLabelParams = useMemo(() => ({ name: name ?? '' }), [name]);
+  const composedLabel = useA11yLabel('a11y/Avatar of {{name}}', accessibilityLabelParams);
   const accessibilityLabel = accessibilityLabelOverride ?? (name ? composedLabel : undefined);
 
   const onHandleError = useCallback(() => {

package/src/components/ui/Button/Button.tsx

@@ -6,6 +6,8 @@ import { Pressable, PressableProps } from 'react-native-gesture-handler';
 import { buttonPadding, buttonSizes } from './constants';
 import { useButtonStyles } from './hooks/useButtonStyles';
 
+import { useA11yLabel } from '../../../a11y/hooks/useA11yLabel';
+import { useAccessibilityActivateAction } from '../../../a11y/hooks/useAccessibilityActivateAction';
 import { useTheme } from '../../../contexts/themeContext/ThemeContext';
 import { IconProps } from '../../../icons/utils/base';
 import { primitives } from '../../../theme';
@@ -34,6 +36,15 @@ const getButtonAccessibilityState = ({
 };
 
 export type ButtonProps = PressableProps & {
+  /**
+   * Translation key used for the button's accessibility label when SDK
+   * accessibility is enabled. Prefer this for SDK-owned icon-only buttons.
+   */
+  accessibilityLabelKey?: string;
+  /**
+   * Optional interpolation params for `accessibilityLabelKey`.
+   */
+  accessibilityLabelParams?: Record<string, unknown>;
   /**
    * The style of the button.
    */
@@ -74,6 +85,9 @@ export type ButtonProps = PressableProps & {
 };
 
 export const Button = ({
+  accessibilityLabel,
+  accessibilityLabelKey,
+  accessibilityLabelParams,
   variant,
   type,
   selected = false,
@@ -100,6 +114,15 @@ export const Button = ({
   const IconOnlyIcon = LeadingIcon ?? TrailingIcon;
   const PrimaryIcon = iconOnly ? IconOnlyIcon : LeftIcon;
   const accessibilityState = getButtonAccessibilityState({ disabled: !!disabled, selected });
+  const translatedAccessibilityLabel = useA11yLabel(
+    accessibilityLabelKey ?? '',
+    accessibilityLabelParams,
+  );
+  const resolvedAccessibilityLabel = translatedAccessibilityLabel ?? accessibilityLabel;
+  const accessibilityActivateActionProps = useAccessibilityActivateAction({
+    onPress: rest.onPress,
+    shouldHandleActivate: !!rest.onPress && !disabled && !!resolvedAccessibilityLabel,
+  });
 
   return (
     <View
@@ -119,6 +142,8 @@ export const Button = ({
       onLayout={onLayout}
     >
       <Pressable
+        accessible
+        accessibilityLabel={resolvedAccessibilityLabel}
         accessibilityRole='button'
         accessibilityState={accessibilityState}
         style={({ pressed }) => [
@@ -133,6 +158,7 @@ export const Button = ({
           styles.container,
         ]}
         disabled={disabled}
+        {...accessibilityActivateActionProps}
         {...rest}
       >
         {PrimaryIcon ? (

package/src/components/ui/Button/__tests__/Button.test.tsx

@@ -0,0 +1,44 @@
+import React from 'react';
+
+import { render, screen, waitFor } from '@testing-library/react-native';
+
+import { OverlayProvider } from '../../../../contexts';
+import { Button } from '../Button';
+
+describe('Button accessibilityLabelKey', () => {
+  it('uses the translated accessibility label when accessibility is enabled', async () => {
+    render(
+      <OverlayProvider accessibility={{ enabled: true }}>
+        <Button
+          accessibilityLabelKey='a11y/Add attachment'
+          iconOnly
+          onPress={jest.fn()}
+          size='md'
+          type='outline'
+          variant='secondary'
+        />
+      </OverlayProvider>,
+    );
+
+    await waitFor(() => {
+      expect(screen.getByLabelText('Add attachment')).toBeTruthy();
+    });
+  });
+
+  it('supports a plain accessibilityLabel without the translation path', () => {
+    render(
+      <OverlayProvider>
+        <Button
+          accessibilityLabel='Legacy label'
+          iconOnly
+          onPress={jest.fn()}
+          size='md'
+          type='outline'
+          variant='secondary'
+        />
+      </OverlayProvider>,
+    );
+
+    expect(screen.getByLabelText('Legacy label')).toBeTruthy();
+  });
+});

package/src/contexts/accessibilityContext/AccessibilityContext.tsx

@@ -162,4 +162,38 @@ export const AccessibilityProvider = ({
   );
 };
 
-export const useAccessibilityContext = () => useContext(AccessibilityContext);
+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,
+    ],
+  );
+};

package/src/i18n/en.json

@@ -252,11 +252,45 @@
   "a11y/Read": "Read",
   "a11y/Reconnecting": "Reconnecting",
   "a11y/Reply to {{user}}": "Reply to {{user}}",
+  "a11y/Remove edit": "Remove edit",
+  "a11y/Remove reply": "Remove reply",
+  "a11y/Scroll to bottom": "Scroll to bottom",
+  "a11y/Scroll to bottom, {{count}} new messages": "Scroll to bottom, {{count}} new messages",
   "a11y/Scroll to latest": "Scroll to latest",
   "a11y/Scroll to latest, {{count}} unread": "Scroll to latest, {{count}} unread",
   "a11y/Send message": "Send message",
   "a11y/Sending": "Sending",
   "a11y/Sent": "Sent",
   "a11y/Voice message recording. Hold to record.": "Voice message recording. Hold to record.",
-  "a11y/{{count}} new messages": "{{count}} new messages"
+  "a11y/{{count}} new messages": "{{count}} new messages",
+  "a11y/Add attachment": "Add attachment",
+  "a11y/Close attachments": "Close attachments",
+  "a11y/Remove attachment": "Remove Attachment",
+  "a11y/Close poll": "Close poll",
+  "a11y/Close poll creation": "Close poll creation",
+  "a11y/Create poll": "Create poll",
+  "a11y/Decrease maximum votes": "Decrease maximum votes",
+  "a11y/Delete voice recording": "Delete voice recording",
+  "a11y/Deselect image": "Deselect image",
+  "a11y/Deselect video": "Deselect video",
+  "a11y/Dismiss unread messages": "Dismiss unread messages",
+  "a11y/Grid Icon": "Grid Icon",
+  "a11y/Hide Overlay": "Hide Overlay",
+  "a11y/Increase maximum votes": "Increase maximum votes",
+  "a11y/Open camera": "Open camera",
+  "a11y/Open commands": "Open commands",
+  "a11y/Open file picker": "Open file picker",
+  "a11y/Open more reactions": "Open more reactions",
+  "a11y/Open photo picker": "Open photo picker",
+  "a11y/Open poll creation": "Open poll creation",
+  "a11y/Open video recorder": "Open video recorder",
+  "a11y/Play Pause Button": "Play Pause Button",
+  "a11y/reaction-button-{{type}}-{{selected}}": "reaction-button-{{type}}-{{selected}}",
+  "a11y/Save edited message": "Save edited message",
+  "a11y/Select image": "Select image",
+  "a11y/Select video": "Select video",
+  "a11y/Send voice recording": "Send voice recording",
+  "a11y/Share Button": "Share Button",
+  "a11y/Start voice recording": "Start voice recording",
+  "a11y/Stop voice recording": "Stop voice recording"
 }

package/src/i18n/es.json

@@ -252,11 +252,45 @@
   "a11y/Read": "Leído",
   "a11y/Reconnecting": "Reconectando",
   "a11y/Reply to {{user}}": "Responder a {{user}}",
+  "a11y/Remove edit": "Eliminar edición",
+  "a11y/Remove reply": "Eliminar respuesta",
+  "a11y/Scroll to bottom": "Ir al final",
+  "a11y/Scroll to bottom, {{count}} new messages": "Ir al final, {{count}} mensajes nuevos",
   "a11y/Scroll to latest": "Ir al último mensaje",
   "a11y/Scroll to latest, {{count}} unread": "Ir al último mensaje, {{count}} sin leer",
   "a11y/Send message": "Enviar mensaje",
   "a11y/Sending": "Enviando",
   "a11y/Sent": "Enviado",
   "a11y/Voice message recording. Hold to record.": "Grabación de mensaje de voz. Mantén pulsado para grabar.",
-  "a11y/{{count}} new messages": "{{count}} mensajes nuevos"
+  "a11y/{{count}} new messages": "{{count}} mensajes nuevos",
+  "a11y/Add attachment": "Add attachment",
+  "a11y/Close attachments": "Close attachments",
+  "a11y/Remove attachment": "Remove Attachment",
+  "a11y/Close poll": "Close poll",
+  "a11y/Close poll creation": "Close poll creation",
+  "a11y/Create poll": "Create poll",
+  "a11y/Decrease maximum votes": "Decrease maximum votes",
+  "a11y/Delete voice recording": "Delete voice recording",
+  "a11y/Deselect image": "Deselect image",
+  "a11y/Deselect video": "Deselect video",
+  "a11y/Dismiss unread messages": "Dismiss unread messages",
+  "a11y/Grid Icon": "Grid Icon",
+  "a11y/Hide Overlay": "Hide Overlay",
+  "a11y/Increase maximum votes": "Increase maximum votes",
+  "a11y/Open camera": "Open camera",
+  "a11y/Open commands": "Open commands",
+  "a11y/Open file picker": "Open file picker",
+  "a11y/Open more reactions": "Open more reactions",
+  "a11y/Open photo picker": "Open photo picker",
+  "a11y/Open poll creation": "Open poll creation",
+  "a11y/Open video recorder": "Open video recorder",
+  "a11y/Play Pause Button": "Play Pause Button",
+  "a11y/reaction-button-{{type}}-{{selected}}": "reaction-button-{{type}}-{{selected}}",
+  "a11y/Save edited message": "Save edited message",
+  "a11y/Select image": "Select image",
+  "a11y/Select video": "Select video",
+  "a11y/Send voice recording": "Send voice recording",
+  "a11y/Share Button": "Share Button",
+  "a11y/Start voice recording": "Start voice recording",
+  "a11y/Stop voice recording": "Stop voice recording"
 }

package/src/i18n/fr.json

@@ -252,11 +252,45 @@
   "a11y/Read": "Lu",
   "a11y/Reconnecting": "Reconnexion",
   "a11y/Reply to {{user}}": "Répondre à {{user}}",
+  "a11y/Remove edit": "Supprimer la modification",
+  "a11y/Remove reply": "Supprimer la réponse",
+  "a11y/Scroll to bottom": "Aller en bas",
+  "a11y/Scroll to bottom, {{count}} new messages": "Aller en bas, {{count}} nouveaux messages",
   "a11y/Scroll to latest": "Aller au dernier message",
   "a11y/Scroll to latest, {{count}} unread": "Aller au dernier message, {{count}} non lus",
   "a11y/Send message": "Envoyer le message",
   "a11y/Sending": "Envoi",
   "a11y/Sent": "Envoyé",
   "a11y/Voice message recording. Hold to record.": "Enregistrement d'un message vocal. Maintenez appuyé pour enregistrer.",
-  "a11y/{{count}} new messages": "{{count}} nouveaux messages"
+  "a11y/{{count}} new messages": "{{count}} nouveaux messages",
+  "a11y/Add attachment": "Add attachment",
+  "a11y/Close attachments": "Close attachments",
+  "a11y/Remove attachment": "Remove Attachment",
+  "a11y/Close poll": "Close poll",
+  "a11y/Close poll creation": "Close poll creation",
+  "a11y/Create poll": "Create poll",
+  "a11y/Decrease maximum votes": "Decrease maximum votes",
+  "a11y/Delete voice recording": "Delete voice recording",
+  "a11y/Deselect image": "Deselect image",
+  "a11y/Deselect video": "Deselect video",
+  "a11y/Dismiss unread messages": "Dismiss unread messages",
+  "a11y/Grid Icon": "Grid Icon",
+  "a11y/Hide Overlay": "Hide Overlay",
+  "a11y/Increase maximum votes": "Increase maximum votes",
+  "a11y/Open camera": "Open camera",
+  "a11y/Open commands": "Open commands",
+  "a11y/Open file picker": "Open file picker",
+  "a11y/Open more reactions": "Open more reactions",
+  "a11y/Open photo picker": "Open photo picker",
+  "a11y/Open poll creation": "Open poll creation",
+  "a11y/Open video recorder": "Open video recorder",
+  "a11y/Play Pause Button": "Play Pause Button",
+  "a11y/reaction-button-{{type}}-{{selected}}": "reaction-button-{{type}}-{{selected}}",
+  "a11y/Save edited message": "Save edited message",
+  "a11y/Select image": "Select image",
+  "a11y/Select video": "Select video",
+  "a11y/Send voice recording": "Send voice recording",
+  "a11y/Share Button": "Share Button",
+  "a11y/Start voice recording": "Start voice recording",
+  "a11y/Stop voice recording": "Stop voice recording"
 }

package/src/i18n/he.json

@@ -252,11 +252,45 @@
   "a11y/Read": "נקרא",
   "a11y/Reconnecting": "מתחבר מחדש",
   "a11y/Reply to {{user}}": "השב ל-{{user}}",
+  "a11y/Remove edit": "הסר עריכה",
+  "a11y/Remove reply": "הסר תגובה",
+  "a11y/Scroll to bottom": "גלול לתחתית",
+  "a11y/Scroll to bottom, {{count}} new messages": "גלול לתחתית, {{count}} הודעות חדשות",
   "a11y/Scroll to latest": "גלול להודעה האחרונה",
   "a11y/Scroll to latest, {{count}} unread": "גלול להודעה האחרונה, {{count}} לא נקראו",
   "a11y/Send message": "שלח הודעה",
   "a11y/Sending": "שולח",
   "a11y/Sent": "נשלח",
   "a11y/Voice message recording. Hold to record.": "הקלטת הודעה קולית. החזק כדי להקליט.",
-  "a11y/{{count}} new messages": "{{count}} הודעות חדשות"
+  "a11y/{{count}} new messages": "{{count}} הודעות חדשות",
+  "a11y/Add attachment": "Add attachment",
+  "a11y/Close attachments": "Close attachments",
+  "a11y/Remove attachment": "Remove Attachment",
+  "a11y/Close poll": "Close poll",
+  "a11y/Close poll creation": "Close poll creation",
+  "a11y/Create poll": "Create poll",
+  "a11y/Decrease maximum votes": "Decrease maximum votes",
+  "a11y/Delete voice recording": "Delete voice recording",
+  "a11y/Deselect image": "Deselect image",
+  "a11y/Deselect video": "Deselect video",
+  "a11y/Dismiss unread messages": "Dismiss unread messages",
+  "a11y/Grid Icon": "Grid Icon",
+  "a11y/Hide Overlay": "Hide Overlay",
+  "a11y/Increase maximum votes": "Increase maximum votes",
+  "a11y/Open camera": "Open camera",
+  "a11y/Open commands": "Open commands",
+  "a11y/Open file picker": "Open file picker",
+  "a11y/Open more reactions": "Open more reactions",
+  "a11y/Open photo picker": "Open photo picker",
+  "a11y/Open poll creation": "Open poll creation",
+  "a11y/Open video recorder": "Open video recorder",
+  "a11y/Play Pause Button": "Play Pause Button",
+  "a11y/reaction-button-{{type}}-{{selected}}": "reaction-button-{{type}}-{{selected}}",
+  "a11y/Save edited message": "Save edited message",
+  "a11y/Select image": "Select image",
+  "a11y/Select video": "Select video",
+  "a11y/Send voice recording": "Send voice recording",
+  "a11y/Share Button": "Share Button",
+  "a11y/Start voice recording": "Start voice recording",
+  "a11y/Stop voice recording": "Stop voice recording"
 }

package/src/i18n/hi.json

@@ -252,11 +252,45 @@
   "a11y/Read": "पढ़ा गया",
   "a11y/Reconnecting": "फिर से कनेक्ट हो रहा है",
   "a11y/Reply to {{user}}": "{{user}} को जवाब दें",
+  "a11y/Remove edit": "संपादन हटाएं",
+  "a11y/Remove reply": "जवाब हटाएं",
+  "a11y/Scroll to bottom": "नीचे स्क्रॉल करें",
+  "a11y/Scroll to bottom, {{count}} new messages": "नीचे स्क्रॉल करें, {{count}} नए संदेश",
   "a11y/Scroll to latest": "नवीनतम संदेश पर जाएं",
   "a11y/Scroll to latest, {{count}} unread": "नवीनतम संदेश पर जाएं, {{count}} अपठित",
   "a11y/Send message": "संदेश भेजें",
   "a11y/Sending": "भेजा जा रहा है",
   "a11y/Sent": "भेजा गया",
   "a11y/Voice message recording. Hold to record.": "वॉइस संदेश रिकॉर्डिंग। रिकॉर्ड करने के लिए दबाकर रखें।",
-  "a11y/{{count}} new messages": "{{count}} नए संदेश"
+  "a11y/{{count}} new messages": "{{count}} नए संदेश",
+  "a11y/Add attachment": "Add attachment",
+  "a11y/Close attachments": "Close attachments",
+  "a11y/Remove attachment": "Remove Attachment",
+  "a11y/Close poll": "Close poll",
+  "a11y/Close poll creation": "Close poll creation",
+  "a11y/Create poll": "Create poll",
+  "a11y/Decrease maximum votes": "Decrease maximum votes",
+  "a11y/Delete voice recording": "Delete voice recording",
+  "a11y/Deselect image": "Deselect image",
+  "a11y/Deselect video": "Deselect video",
+  "a11y/Dismiss unread messages": "Dismiss unread messages",
+  "a11y/Grid Icon": "Grid Icon",
+  "a11y/Hide Overlay": "Hide Overlay",
+  "a11y/Increase maximum votes": "Increase maximum votes",
+  "a11y/Open camera": "Open camera",
+  "a11y/Open commands": "Open commands",
+  "a11y/Open file picker": "Open file picker",
+  "a11y/Open more reactions": "Open more reactions",
+  "a11y/Open photo picker": "Open photo picker",
+  "a11y/Open poll creation": "Open poll creation",
+  "a11y/Open video recorder": "Open video recorder",
+  "a11y/Play Pause Button": "Play Pause Button",
+  "a11y/reaction-button-{{type}}-{{selected}}": "reaction-button-{{type}}-{{selected}}",
+  "a11y/Save edited message": "Save edited message",
+  "a11y/Select image": "Select image",
+  "a11y/Select video": "Select video",
+  "a11y/Send voice recording": "Send voice recording",
+  "a11y/Share Button": "Share Button",
+  "a11y/Start voice recording": "Start voice recording",
+  "a11y/Stop voice recording": "Stop voice recording"
 }