stream-chat-react-native-core 9.0.0-beta.26 → 9.0.0-beta.27

package/src/components/Indicators/LoadingIndicator.tsx

@@ -6,7 +6,7 @@ import { useTranslationContext } from '../../contexts/translationContext/Transla
 import { primitives } from '../../theme';
 import { Spinner } from '../UIComponents/Spinner';
 
-type LoadingIndicatorWrapperProps = { text: string };
+type LoadingIndicatorWrapperProps = { text: string | undefined };
 
 const LoadingIndicatorWrapper = ({ text }: LoadingIndicatorWrapperProps) => {
   const styles = useStyles();
@@ -14,9 +14,11 @@ const LoadingIndicatorWrapper = ({ text }: LoadingIndicatorWrapperProps) => {
   return (
     <View style={styles.container}>
       <Spinner height={20} width={20} />
-      <Text style={styles.loadingText} testID='loading'>
-        {text}
-      </Text>
+      {text ? (
+        <Text style={styles.loadingText} testID='loading'>
+          {text}
+        </Text>
+      ) : null}
     </View>
   );
 };
@@ -44,7 +46,7 @@ export const LoadingIndicator = (props: LoadingProps) => {
     case 'message':
       return <LoadingIndicatorWrapper text={t('Loading messages...')} />;
     case 'threads':
-      return <LoadingIndicatorWrapper text={t('Loading threads...')} />;
+      return <LoadingIndicatorWrapper text={undefined} />;
     default:
       return <LoadingIndicatorWrapper text={t('Loading...')} />;
   }

package/src/components/Message/Message.tsx

@@ -381,21 +381,12 @@ const MessageWithContext = (props: MessagePropsWithContext) => {
     }
   };
 
-  const onPressQuotedMessage = (quotedMessage: LocalMessage) => {
-    if (!goToMessage) {
-      return;
-    }
-
-    goToMessage(quotedMessage.id);
-  };
-
   const errorOrFailed = message.type === 'error' || message.status === MessageStatusTypes.FAILED;
 
   const onPress = (error = errorOrFailed) => {
     if (dismissKeyboardOnMessageTouch) {
       dismissKeyboard();
     }
-    const quotedMessage = message.quoted_message;
     if (error) {
       /**
        * If its a Blocked message, we don't do anything as per specs.
@@ -411,8 +402,6 @@ const MessageWithContext = (props: MessagePropsWithContext) => {
         return;
       }
       showMessageOverlay();
-    } else if (quotedMessage) {
-      onPressQuotedMessage(quotedMessage);
     }
   };
 

package/src/components/Message/MessageItemView/MessageContent.tsx

@@ -121,6 +121,7 @@ const MessageContentWithContext = (props: MessageContentPropsWithContext) => {
     FileAttachmentGroup,
     Gallery,
     groupStyles,
+    goToMessage,
     isMessageAIGenerated,
     isMyMessage,
     isVeryLastMessage,
@@ -221,7 +222,6 @@ const MessageContentWithContext = (props: MessageContentPropsWithContext) => {
 
   const { setNativeScrollability } = useMessageListItemContext();
   const hasContentSideViews = !!(MessageContentLeadingView || MessageContentTrailingView);
-
   const contentBody = (
     <>
       <View
@@ -240,12 +240,45 @@ const MessageContentWithContext = (props: MessageContentPropsWithContext) => {
             case 'quoted_reply':
               return (
                 message.quoted_message && (
-                  <View
+                  <Pressable
+                    disabled={!goToMessage}
                     key={`quoted_reply_${messageContentOrderIndex}`}
+                    onLongPress={(event) => {
+                      if (onLongPress) {
+                        onLongPress({
+                          emitter: 'messageContent',
+                          event,
+                        });
+                      }
+                    }}
+                    onPress={(event) => {
+                      if (!message.quoted_message || !goToMessage) {
+                        return;
+                      }
+
+                      if (onPress) {
+                        onPress({
+                          defaultHandler: () => goToMessage(message.quoted_message!.id),
+                          emitter: 'messageContent',
+                          event,
+                        });
+                        return;
+                      }
+
+                      goToMessage(message.quoted_message.id);
+                    }}
+                    onPressIn={(event) => {
+                      if (onPressIn) {
+                        onPressIn({
+                          emitter: 'messageContent',
+                          event,
+                        });
+                      }
+                    }}
                     style={[styles.replyContainer, replyContainer]}
                   >
                     <Reply mode='reply' styles={replyStyles} />
-                  </View>
+                  </Pressable>
                 )
               );
             case 'attachments':
@@ -584,7 +617,8 @@ export const MessageContent = (props: MessageContentProps) => {
   const messageHasSingleFile =
     messageContentOrder.length === 1 && messageContentOrder[0] === 'files' && isSingleFile;
   const messageHasOnlyText = messageContentOrder.length === 1 && messageContentOrder[0] === 'text';
-  const messageHasGiphyOrImgur =
+  const messageHasStandaloneGiphyOrImgur =
+    !message.quoted_message &&
     otherAttachments.filter(
       (file) => file.type === FileTypes.Giphy || file.type === FileTypes.Imgur,
     ).length > 0;
@@ -594,17 +628,20 @@ export const MessageContent = (props: MessageContentProps) => {
     messageHasSingleMedia ||
     messageHasSingleFile ||
     messageHasOnlyText ||
-    messageHasGiphyOrImgur;
+    messageHasStandaloneGiphyOrImgur;
 
   const hidePaddingHorizontal =
-    messageHasPoll || messageHasSingleMedia || messageHasSingleFile || messageHasGiphyOrImgur;
+    messageHasPoll ||
+    messageHasSingleMedia ||
+    messageHasSingleFile ||
+    messageHasStandaloneGiphyOrImgur;
 
   const hidePaddingBottom =
     messageHasPoll ||
     messageHasSingleMedia ||
     messageHasSingleFile ||
     messageHasOnlyText ||
-    messageHasGiphyOrImgur ||
+    messageHasStandaloneGiphyOrImgur ||
     (messageContentOrder.length > 1 &&
       messageContentOrder[messageContentOrder.length - 1] === 'text');
 

package/src/components/Message/MessageItemView/MessageItemView.tsx

@@ -17,6 +17,7 @@ import { useTheme } from '../../../contexts/themeContext/ThemeContext';
 import { useStableCallback } from '../../../hooks/useStableCallback';
 
 import { primitives } from '../../../theme';
+import { FileTypes } from '../../../types/types';
 import { checkMessageEquality, checkQuotedMessageEquality } from '../../../utils/utils';
 import { useMessageData } from '../hooks/useMessageData';
 
@@ -293,10 +294,14 @@ const MessageItemViewWithContext = (props: MessageItemViewPropsWithContext) => {
   });
 
   const groupStyle = `${alignment}_${groupStyles?.[0]?.toLowerCase?.()}`;
+  const hasStandaloneGiphyOrImgur =
+    !message.quoted_message &&
+    otherAttachments.length > 0 &&
+    (otherAttachments[0].type === FileTypes.Giphy || otherAttachments[0].type === FileTypes.Imgur);
 
   let noBorder = onlyEmojis && !message.quoted_message;
   if (otherAttachments.length) {
-    if (otherAttachments[0].type === 'giphy' && !isMyMessage) {
+    if (hasStandaloneGiphyOrImgur && !isMyMessage) {
       noBorder = false;
     } else {
       noBorder = true;
@@ -306,10 +311,8 @@ const MessageItemViewWithContext = (props: MessageItemViewPropsWithContext) => {
   let backgroundColor = semantics.chatBgOutgoing;
   if (onlyEmojis && !message.quoted_message) {
     backgroundColor = 'transparent';
-  } else if (otherAttachments.length) {
-    if (otherAttachments[0].type === 'giphy') {
-      backgroundColor = 'transparent';
-    }
+  } else if (hasStandaloneGiphyOrImgur) {
+    backgroundColor = 'transparent';
   } else if (isMessageReceivedOrErrorType) {
     backgroundColor = semantics.chatBgIncoming;
   }

package/src/components/Message/MessageItemView/MessageReplies.tsx

@@ -235,7 +235,7 @@ const useStyles = () => {
         gap: primitives.spacingXs,
       },
       messageRepliesText: {
-        color: shouldUseOverlayStyles ? semantics.textOnAccent : semantics.textPrimary,
+        color: shouldUseOverlayStyles ? semantics.textOnAccent : semantics.textLink,
         fontSize: primitives.typographyFontSizeSm,
         fontWeight: primitives.typographyFontWeightSemiBold,
         lineHeight: primitives.typographyLineHeightTight,

package/src/components/Message/MessageItemView/MessageStatus.tsx

@@ -29,7 +29,6 @@ const MessageStatusWithContext = (props: MessageStatusPropsWithContext) => {
       messageItemView: {
         status: { checkAllIcon, checkIcon, container, timeIcon },
       },
-      semantics,
     },
   } = useTheme();
 
@@ -54,14 +53,14 @@ const MessageStatusWithContext = (props: MessageStatusPropsWithContext) => {
       {read ? (
         <CheckAll
           height={16}
-          stroke={semantics.accentPrimary}
+          stroke={styles.readCheck.color}
           width={16}
           accessibilityLabel='Read'
           {...checkAllIcon}
         />
       ) : delivered ? (
         <CheckAll
-          stroke={semantics.chatTextTimestamp}
+          stroke={styles.deliveredCheck.color}
           height={16}
           width={16}
           accessibilityLabel='Delivered'
@@ -69,7 +68,7 @@ const MessageStatusWithContext = (props: MessageStatusPropsWithContext) => {
         />
       ) : sending ? (
         <Time
-          stroke={semantics.chatTextTimestamp}
+          stroke={styles.sendingCheck.color}
           height={16}
           width={16}
           accessibilityLabel='Sending'
@@ -77,7 +76,7 @@ const MessageStatusWithContext = (props: MessageStatusPropsWithContext) => {
         />
       ) : sent ? (
         <Check
-          stroke={semantics.chatTextTimestamp}
+          stroke={styles.sentCheck.color}
           height={16}
           width={16}
           accessibilityLabel='Sent'
@@ -162,6 +161,18 @@ const useStyles = () => {
         flexDirection: 'row',
         gap: primitives.spacingXxs,
       },
+      readCheck: {
+        color: shouldUseOverlayStyles ? semantics.textOnAccent : semantics.accentPrimary,
+      },
+      deliveredCheck: {
+        color: shouldUseOverlayStyles ? semantics.textOnAccent : semantics.chatTextTimestamp,
+      },
+      sendingCheck: {
+        color: shouldUseOverlayStyles ? semantics.textOnAccent : semantics.chatTextTimestamp,
+      },
+      sentCheck: {
+        color: shouldUseOverlayStyles ? semantics.textOnAccent : semantics.chatTextTimestamp,
+      },
     });
   }, [shouldUseOverlayStyles, semantics]);
 };

package/src/components/Message/MessageItemView/__tests__/MessageContent.test.js

@@ -7,7 +7,10 @@ import { ChannelsStateProvider } from '../../../../contexts/channelsStateContext
 
 import { getOrCreateChannelApi } from '../../../../mock-builders/api/getOrCreateChannel';
 import { useMockedApis } from '../../../../mock-builders/api/useMockedApis';
-import { generateVideoAttachment } from '../../../../mock-builders/generator/attachment';
+import {
+  generateGiphyAttachment,
+  generateVideoAttachment,
+} from '../../../../mock-builders/generator/attachment';
 import { generateChannelResponse } from '../../../../mock-builders/generator/channel';
 import { generateMember } from '../../../../mock-builders/generator/member';
 import { generateMessage } from '../../../../mock-builders/generator/message';
@@ -326,6 +329,46 @@ describe('MessageContent', () => {
     expect(contentContainerStyle.paddingBottom).toBe(0);
   });
 
+  it('keeps content padding for a quoted reply with a giphy attachment', async () => {
+    const user = generateUser();
+    const message = generateMessage({
+      attachments: [generateGiphyAttachment()],
+      quoted_message: generateMessage({ text: 'quoted message', user }),
+      text: '',
+      user,
+    });
+
+    renderMessage({ message });
+
+    await waitFor(() => {
+      expect(screen.getByTestId('message-content-wrapper')).toBeTruthy();
+      expect(screen.getByTestId('giphy-attachment')).toBeTruthy();
+    });
+
+    const giphyAttachment = screen.getByTestId('giphy-attachment');
+    let ancestor = giphyAttachment.parent;
+    let contentContainerStyle;
+
+    while (ancestor && !contentContainerStyle) {
+      const flattenedStyle = StyleSheet.flatten(ancestor.props.style);
+      if (
+        flattenedStyle &&
+        'paddingTop' in flattenedStyle &&
+        'paddingHorizontal' in flattenedStyle &&
+        'paddingBottom' in flattenedStyle
+      ) {
+        contentContainerStyle = flattenedStyle;
+        break;
+      }
+      ancestor = ancestor.parent;
+    }
+
+    expect(contentContainerStyle).toBeTruthy();
+    expect(contentContainerStyle.paddingTop).toBeGreaterThan(0);
+    expect(contentContainerStyle.paddingHorizontal).toBeGreaterThan(0);
+    expect(contentContainerStyle.paddingBottom).toBeGreaterThan(0);
+  });
+
   it('renders the FileAttachment component when a file attachment exists', async () => {
     const user = generateUser();
     const message = generateMessage({

package/src/components/Message/MessageItemView/__tests__/MessageItemView.test.js

@@ -1,6 +1,6 @@
 import React from 'react';
 
-import { Text } from 'react-native';
+import { StyleSheet, Text } from 'react-native';
 import { GestureDetector } from 'react-native-gesture-handler';
 
 import { cleanup, render, screen, waitFor } from '@testing-library/react-native';
@@ -10,6 +10,7 @@ import { useMessageContext } from '../../../../contexts/messageContext/MessageCo
 
 import { getOrCreateChannelApi } from '../../../../mock-builders/api/getOrCreateChannel';
 import { useMockedApis } from '../../../../mock-builders/api/useMockedApis';
+import { generateGiphyAttachment } from '../../../../mock-builders/generator/attachment';
 import { generateChannelResponse } from '../../../../mock-builders/generator/channel';
 import { generateMember } from '../../../../mock-builders/generator/member';
 import { generateMessage } from '../../../../mock-builders/generator/message';
@@ -256,4 +257,23 @@ describe('MessageItemView', () => {
       });
     });
   });
+
+  it('keeps the message shell background for a quoted reply with a giphy attachment', async () => {
+    const user = generateUser();
+    const message = generateMessage({
+      attachments: [generateGiphyAttachment()],
+      quoted_message: generateMessage({ text: 'quoted message', user }),
+      text: '',
+      user,
+    });
+
+    renderMessage({ message });
+
+    await waitFor(() => {
+      const wrapperStyle = StyleSheet.flatten(
+        screen.getByTestId('message-content-wrapper').props.style,
+      );
+      expect(wrapperStyle.backgroundColor).not.toBe('transparent');
+    });
+  });
 });

package/src/components/MessageInput/ShowThreadMessageInChannelButton.tsx

@@ -76,6 +76,7 @@ export const ShowThreadMessageInChannelButtonWithContext = (
               showReplyInChannel
                 ? {
                     backgroundColor: semantics.controlRadioCheckBgSelected,
+                    borderWidth: 0,
                     ...checkBoxActive,
                   }
                 : { ...checkBoxInactive },

package/src/components/MessageInput/__tests__/__snapshots__/AttachButton.test.js.snap

@@ -1800,7 +1800,7 @@ exports[`AttachButton should render an disabled AttachButton 1`] = `
             },
             {
               "backgroundColor": undefined,
-              "borderColor": "#d5dbe1",
+              "borderColor": "#ebeef1",
               "borderWidth": 1,
               "height": 48,
               "width": 48,

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

@@ -169,6 +169,7 @@ export const MultipleVotesSettings = () => {
             LeadingIcon={Minus}
             onPress={decrementMaxVotes}
             disabled={decrementDisabled}
+            style={decrementDisabled ? styles.buttonDisabled : styles.buttonEnabled}
             testID='max-votes-decrement'
           />
           <MaxVotesTextInput />
@@ -180,6 +181,7 @@ export const MultipleVotesSettings = () => {
             LeadingIcon={Plus}
             onPress={incrementMaxVotes}
             disabled={incrementDisabled}
+            style={incrementDisabled ? styles.buttonDisabled : styles.buttonEnabled}
             testID='max-votes-increment'
           />
         </Animated.View>
@@ -235,6 +237,12 @@ const useStyles = () => {
         paddingVertical: primitives.spacingMd,
         textAlign: I18nManager.isRTL ? 'right' : 'left',
       },
+      buttonEnabled: {
+        borderColor: semantics.borderCoreOnSurface,
+      },
+      buttonDisabled: {
+        borderColor: semantics.borderUtilityDisabledOnSurface,
+      },
     });
   }, [semantics]);
 };

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

@@ -124,14 +124,18 @@ export const PollOption = ({ option, showProgressBar = true, forceIncoming }: Po
       <VoteButton option={option} />
       <View style={[styles.info, info]}>
         <View style={[styles.header, header]}>
-          <Text style={[styles.text, text]}>{option.text}</Text>
+          <Text ellipsizeMode='tail' numberOfLines={2} style={[styles.text, text]}>
+            {option.text}
+          </Text>
           <View style={[styles.votesContainer, votesContainer]}>
-            <UserAvatarStack
-              users={relevantVotes.map((vote: PollVote) => vote.user as UserResponse)}
-              overlap={0.2}
-              maxVisible={3}
-              avatarSize='xs'
-            />
+            {relevantVotes.length > 0 ? (
+              <UserAvatarStack
+                users={relevantVotes.map((vote: PollVote) => vote.user as UserResponse)}
+                overlap={0.2}
+                maxVisible={3}
+                avatarSize='xs'
+              />
+            ) : null}
 
             <Text style={[styles.votesText, votesText]}>{voteCountsByOption[option.id] || 0}</Text>
           </View>
@@ -223,10 +227,14 @@ const useStyles = () => {
       },
       header: {
         flexDirection: 'row',
-        justifyContent: 'space-between',
+        alignItems: 'flex-start',
+        gap: primitives.spacingXs,
+        minWidth: 0,
       },
       text: {
         color: semantics.chatTextIncoming,
+        flexGrow: 1,
+        flexShrink: 1,
         fontSize: primitives.typographyFontSizeSm,
         fontWeight: primitives.typographyFontWeightRegular,
         lineHeight: primitives.typographyLineHeightTight,
@@ -234,9 +242,17 @@ const useStyles = () => {
       },
       info: {
         flexGrow: 1,
+        flexShrink: 1,
+        gap: primitives.spacingXs,
+        minWidth: 0,
+      },
+      votesContainer: {
+        alignItems: 'center',
+        flexDirection: 'row',
+        flexShrink: 0,
         gap: primitives.spacingXs,
+        minHeight: 20,
       },
-      votesContainer: { flexDirection: 'row', gap: primitives.spacingXs, alignItems: 'center' },
       votesText: {
         color: semantics.chatTextIncoming,
         fontSize: primitives.typographyFontSizeXs,

package/src/components/ThreadList/ThreadList.tsx

@@ -45,7 +45,7 @@ export const DefaultThreadListLoadingIndicator = () => (
     ))}
   </View>
 );
-export const DefaultThreadListLoadingNextIndicator = () => <LoadingIndicator />;
+export const DefaultThreadListLoadingNextIndicator = () => <LoadingIndicator listType='threads' />;
 
 const renderItem = (props: { item: Thread }) => <ThreadListItem thread={props.item} />;
 

package/src/components/ui/Button/hooks/useButtonStyles.ts

@@ -79,7 +79,7 @@ export const useButtonStyles = ({ variant, type }: ButtonStylesConfig) => {
         borderColor: semantics.buttonSecondaryBorder,
         disabledForegroundColor: semantics.textDisabled,
         disabledBackgroundColor: undefined,
-        disabledBorderColor: semantics.buttonSecondaryBorder,
+        disabledBorderColor: semantics.borderUtilityDisabled,
       },
       secondaryGhost: {
         foregroundColor: semantics.buttonSecondaryText,

package/src/contexts/themeContext/utils/theme.ts

@@ -107,6 +107,7 @@ export type Theme = {
     bottomSheetContentContainer: ViewStyle;
     durationText: TextStyle;
     content: {
+      actionContainer: ViewStyle;
       container: ViewStyle;
       infoContainer: ViewStyle;
       text: TextStyle;
@@ -1030,6 +1031,7 @@ export const defaultTheme: Theme = {
     bottomSheetContentContainer: {},
     durationText: {},
     content: {
+      actionContainer: {},
       container: {},
       infoContainer: {},
       text: {},

package/src/i18n/en.json

@@ -164,8 +164,9 @@
   "Change in Settings": "Change in Settings",
   "Create a poll and let everyone vote": "Create a poll and let everyone vote",
   "Open Camera": "Open Camera",
-  "Pick a document to share it with everyone": "Pick a document to share it with everyone",
-  "Pick document": "Pick document",
+  "Open Files": "Open Files",
+  "Select files to share": "Select files to share",
+  "Take a photo and share": "Take a photo and share",
   "Take a video and share": "Take a video and share",
   "You have not granted access to your camera": "You have not granted access to your camera",
   "{{count}} Reactions_many": "{{count}} Reactions",

package/src/i18n/es.json

@@ -164,8 +164,9 @@
   "Change in Settings": "Cambiar en Ajustes",
   "Create a poll and let everyone vote": "Crea una encuesta y deja que todos voten",
   "Open Camera": "Abrir camara",
-  "Pick a document to share it with everyone": "Elige un documento para compartirlo con todos",
-  "Pick document": "Elegir documento",
+  "Open Files": "Abrir archivos",
+  "Select files to share": "Selecciona archivos para compartir",
+  "Take a photo and share": "Toma una foto y compártela",
   "Take a video and share": "Graba un video y compártelo",
   "You have not granted access to your camera": "No has concedido acceso a tu camara",
   "{{count}} Reactions_many": "{{count}} reacciones",

package/src/i18n/fr.json

@@ -164,8 +164,9 @@
   "Change in Settings": "Changer dans Réglages",
   "Create a poll and let everyone vote": "Créez un sondage et laissez tout le monde voter",
   "Open Camera": "Ouvrir la caméra",
-  "Pick a document to share it with everyone": "Choisissez un document pour le partager avec tout le monde",
-  "Pick document": "Choisir un document",
+  "Open Files": "Ouvrir les fichiers",
+  "Select files to share": "Sélectionnez des fichiers à partager",
+  "Take a photo and share": "Prenez une photo et partagez-la",
   "Take a video and share": "Prenez une vidéo et partagez-la",
   "You have not granted access to your camera": "Vous n'avez pas accordé l'accès à votre caméra",
   "{{count}} Reactions_many": "{{count}} réactions",

package/src/i18n/he.json

@@ -164,8 +164,9 @@
   "Change in Settings": "שנה בהגדרות",
   "Create a poll and let everyone vote": "צור סקר ותן לכולם להצביע",
   "Open Camera": "פתח מצלמה",
-  "Pick a document to share it with everyone": "בחר מסמך כדי לשתף אותו עם כולם",
-  "Pick document": "בחר מסמך",
+  "Open Files": "פתח קבצים",
+  "Select files to share": "בחר קבצים לשיתוף",
+  "Take a photo and share": "צלם תמונה ושתף",
   "Take a video and share": "צלם וידאו ושתף",
   "You have not granted access to your camera": "לא הענקת גישה למצלמה שלך",
   "{{count}} Reactions_many": "{{count}} תגובות",

package/src/i18n/hi.json

@@ -164,8 +164,9 @@
   "Change in Settings": "सेटिंग्स में बदलें",
   "Create a poll and let everyone vote": "पोल बनाएँ और सभी को वोट करने दें",
   "Open Camera": "कैमरा खोलें",
-  "Pick a document to share it with everyone": "सभी के साथ साझा करने के लिए एक दस्तावेज़ चुनें",
-  "Pick document": "दस्तावेज़ चुनें",
+  "Open Files": "फ़ाइलें खोलें",
+  "Select files to share": "साझा करने के लिए फ़ाइलें चुनें",
+  "Take a photo and share": "एक फ़ोटो लें और साझा करें",
   "Take a video and share": "वीडियो लें और साझा करें",
   "You have not granted access to your camera": "आपने अपने कैमरे के लिए अनुमति नहीं दी है",
   "{{count}} Reactions_many": "{{count}} प्रतिक्रियाएँ",

package/src/i18n/it.json

@@ -164,8 +164,9 @@
   "Change in Settings": "Cambia in Impostazioni",
   "Create a poll and let everyone vote": "Crea un sondaggio e lascia che tutti votino",
   "Open Camera": "Apri fotocamera",
-  "Pick a document to share it with everyone": "Scegli un documento da condividere con tutti",
-  "Pick document": "Scegli documento",
+  "Open Files": "Apri file",
+  "Select files to share": "Seleziona file da condividere",
+  "Take a photo and share": "Scatta una foto e condividila",
   "Take a video and share": "Registra un video e condividilo",
   "You have not granted access to your camera": "Non hai concesso l’accesso alla fotocamera",
   "{{count}} Reactions_many": "{{count}} reazioni",

package/src/i18n/ja.json

@@ -164,8 +164,9 @@
   "Change in Settings": "設定で変更",
   "Create a poll and let everyone vote": "投票を作成してみんなに投票してもらう",
   "Open Camera": "カメラを開く",
-  "Pick a document to share it with everyone": "みんなと共有するドキュメントを選択",
-  "Pick document": "ドキュメントを選択",
+  "Open Files": "ファイルを開く",
+  "Select files to share": "共有するファイルを選択",
+  "Take a photo and share": "写真を撮って共有",
   "Take a video and share": "動画を撮影して共有",
   "You have not granted access to your camera": "カメラへのアクセスが許可されていません",
   "{{count}} Reactions_many": "{{count}}件のリアクション",

package/src/i18n/ko.json

@@ -164,8 +164,9 @@
   "Change in Settings": "설정에서 변경",
   "Create a poll and let everyone vote": "투표를 만들어 모두가 투표하게 하세요",
   "Open Camera": "카메라 열기",
-  "Pick a document to share it with everyone": "모두와 공유할 문서를 선택하세요",
-  "Pick document": "문서 선택",
+  "Open Files": "파일 열기",
+  "Select files to share": "공유할 파일 선택",
+  "Take a photo and share": "사진을 찍고 공유",
   "Take a video and share": "동영상을 촬영하고 공유",
   "You have not granted access to your camera": "카메라 접근 권한이 없습니다",
   "{{count}} Reactions_many": "{{count}}개의 반응",

package/src/i18n/nl.json

@@ -164,8 +164,9 @@
   "Change in Settings": "Wijzigen in Instellingen",
   "Create a poll and let everyone vote": "Maak een peiling en laat iedereen stemmen",
   "Open Camera": "Camera openen",
-  "Pick a document to share it with everyone": "Kies een document om het met iedereen te delen",
-  "Pick document": "Document kiezen",
+  "Open Files": "Bestanden openen",
+  "Select files to share": "Selecteer bestanden om te delen",
+  "Take a photo and share": "Maak een foto en deel deze",
   "Take a video and share": "Maak een video en deel deze",
   "You have not granted access to your camera": "Je hebt geen toegang tot je camera verleend",
   "{{count}} Reactions_many": "{{count}} reacties",

package/src/i18n/pt-br.json

@@ -164,8 +164,9 @@
   "Change in Settings": "Alterar nos Ajustes",
   "Create a poll and let everyone vote": "Crie uma enquete e deixe todos votarem",
   "Open Camera": "Abrir camera",
-  "Pick a document to share it with everyone": "Escolha um documento para compartilhar com todos",
-  "Pick document": "Escolher documento",
+  "Open Files": "Abrir arquivos",
+  "Select files to share": "Selecione arquivos para compartilhar",
+  "Take a photo and share": "Tire uma foto e compartilhe",
   "Take a video and share": "Grave um video e compartilhe",
   "You have not granted access to your camera": "Você não concedeu acesso à sua câmera",
   "{{count}} Reactions_many": "{{count}} reações",