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

package/src/components/Message/MessageItemView/utils/generateMarkdownText.ts

@@ -9,8 +9,10 @@ export const generateMarkdownText = (text?: string) => {
     return null;
   }
 
+  const normalizedText = text.replace(/\uFFFC/g, ' ');
+
   // Trim the extra spaces from the text.
-  let resultText = text.trim();
+  let resultText = normalizedText.trim();
 
   // List of all the links present in the text.
   const linkInfos = parseLinksFromText(resultText);
@@ -24,7 +26,7 @@ export const generateMarkdownText = (text?: string) => {
     // Eg: Hi @getstream.io -> Hi @[getstream.io](getstream.io).
     const normalRegEx = new RegExp(escapeRegExp(linkInfo.raw), 'g');
     const markdown = `[${displayLink}](${linkInfo.url})`;
-    resultText = text.replace(normalRegEx, markdown);
+    resultText = normalizedText.replace(normalRegEx, markdown);
 
     // After previous step, in some cases, the mentioned user after `@` might have a link/email so we convert it back to normal raw text.
     // Eg: Hi, @[test.user@gmail.com](mailto:test.user@gmail.com) to @test.user@gmail.com.

package/src/components/Message/hooks/useMessageActionHandlers.ts

@@ -20,7 +20,9 @@ import {
 import { useTranslatedMessage } from '../../../hooks/useTranslatedMessage';
 import { NativeHandlers } from '../../../native';
 
-const useWithPortalKeyboardSafety = <T extends unknown[]>(callback: (...args: T) => void) => {
+export const useWithPortalKeyboardSafety = <T extends unknown[]>(
+  callback: (...args: T) => void,
+) => {
   const callbackAfterKeyboardOpen = useAfterKeyboardOpenCallback(callback);
 
   return usePortalSettledCallback(callbackAfterKeyboardOpen);

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/hooks/useAfterKeyboardOpenCallback.ts

@@ -1,8 +1,6 @@
 import { useEffect, useRef } from 'react';
 import { EventSubscription, Keyboard, Platform } from 'react-native';
 
-import { useKeyboardVisibility } from './useKeyboardVisibility';
-
 import { useStableCallback } from './useStableCallback';
 
 import { KeyboardControllerPackage } from '../components/KeyboardCompatibleView/KeyboardControllerAvoidingView';
@@ -18,7 +16,6 @@ import { useMessageInputContext } from '../contexts/messageInputContext/MessageI
 export const useAfterKeyboardOpenCallback = <T extends unknown[]>(
   callback: (...args: T) => void,
 ) => {
-  const isKeyboardVisible = useKeyboardVisibility();
   const { inputBoxRef } = useMessageInputContext();
   const keyboardSubscriptionRef = useRef<EventSubscription | undefined>(undefined);
   // This callback runs from a keyboard event listener, so it must stay fresh across rerenders.
@@ -45,7 +42,7 @@ export const useAfterKeyboardOpenCallback = <T extends unknown[]>(
       return;
     }
 
-    if (isKeyboardVisible) {
+    if (Keyboard.isVisible()) {
       inputBoxRef.current.focus();
       runCallback();
       return;

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",

package/src/i18n/ru.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/tr.json

@@ -164,8 +164,9 @@
   "Change in Settings": "Ayarlar'da değiştir",
   "Create a poll and let everyone vote": "Bir anket oluşturun ve herkesin oy vermesine izin verin",
   "Open Camera": "Kamerayı aç",
-  "Pick a document to share it with everyone": "Herkesle paylaşmak için bir belge seçin",
-  "Pick document": "Belge seç",
+  "Open Files": "Dosyaları aç",
+  "Select files to share": "Paylaşmak için dosyaları seç",
+  "Take a photo and share": "Fotoğraf çek ve paylaş",
   "Take a video and share": "Video çek ve paylaş",
   "You have not granted access to your camera": "Kameranıza erişim izni vermediniz",
   "{{count}} Reactions_many": "{{count}} tepki",

package/src/version.json

@@ -1,3 +1,3 @@
 {
-  "version": "9.0.0-beta.25"
+  "version": "9.0.0-beta.27"
 }