stream-chat-react-native-core 9.0.0-beta.30 → 9.0.0-beta.32

package/src/i18n/pt-br.json

@@ -14,6 +14,7 @@
   "Are you sure you want to permanently delete this message?": "Tem certeza de que deseja excluir esta mensagem permanentemente?",
   "Are you sure?": "Tem certeza?",
   "Ask a question": "Fazer uma pergunta",
+  "Audio": "Áudio",
   "Ban User": "Banir Usuário",
   "Block User": "Bloquear Usuário",
   "Cancel": "Cancelar",
@@ -46,11 +47,13 @@
   "Flag Message": "Reportar Mensagem",
   "Flag action failed either due to a network issue or the message is already flagged": "A ação para reportar a mensagem falhou devido a um problema de rede ou a mensagem já foi reportada.",
   "Generating...": "Gerando...",
+  "Giphy": "Giphy",
   "Hold to start recording.": "Mantenha pressionado para começar a gravar.",
   "How about sending your first message to a friend?": "Que tal enviar sua primeira mensagem para um amigo?",
   "Instant Commands": "Comandos Instantâneos",
   "Let's start chatting!": "Vamos começar a conversar!",
   "Links are disabled": "Links estão desabilitados",
+  "Live Location": "Localização ao vivo",
   "Loading channels...": "Carregando canais...",
   "Loading messages...": "Carregando mensagens...",
   "Loading threads...": "Carregando tópicos...",
@@ -90,6 +93,7 @@
   "Questions": "Perguntas",
   "Reconnecting...": "Reconectando...",
   "Reply": "Responder",
+  "Reply to {{name}}": "Responder a {{name}}",
   "Reply to Message": "Responder à Mensagem",
   "Resend": "Reenviar",
   "SEND": "ENVIAR",
@@ -127,6 +131,7 @@
   "View {{count}} comments_one": "Ver {{count}} comentário",
   "View {{count}} comments_other": "Ver {{count}} comentários",
   "Voice message": "Mensagem de voz",
+  "Voice message ({{duration}})": "Mensagem de voz ({{duration}})",
   "Your comment": "Seu comentário",
   "You": "Você",
   "You can't send messages in this channel": "Você não pode enviar mensagens neste canal",
@@ -156,6 +161,21 @@
   "Message failed to send": "Mensagem não enviada",
   "and {{ count }} others": "{{ count }} outros",
   "{{ user }} voted: {{ option }}": "{{ user }} votou: {{ option }}",
+  "{{count}} Audios_many": "{{count}} áudios",
+  "{{count}} Audios_one": "{{count}} áudio",
+  "{{count}} Audios_other": "{{count}} áudios",
+  "{{count}} Files_many": "{{count}} arquivos",
+  "{{count}} Files_one": "{{count}} arquivo",
+  "{{count}} Files_other": "{{count}} arquivos",
+  "{{count}} Photos_many": "{{count}} fotos",
+  "{{count}} Photos_one": "{{count}} foto",
+  "{{count}} Photos_other": "{{count}} fotos",
+  "{{count}} Voice messages_many": "{{count}} mensagens de voz",
+  "{{count}} Voice messages_one": "{{count}} mensagem de voz",
+  "{{count}} Voice messages_other": "{{count}} mensagens de voz",
+  "{{count}} Videos_many": "{{count}} vídeos",
+  "{{count}} Videos_one": "{{count}} vídeo",
+  "{{count}} Videos_other": "{{count}} vídeos",
   "{{count}} votes_many": "{{count}} votos",
   "{{count}} votes_one": "{{count}} voto",
   "{{count}} votes_other": "{{count}} votos",

package/src/i18n/ru.json

@@ -14,6 +14,7 @@
   "Are you sure you want to permanently delete this message?": "Вы действительно хотите удалить это сообщение без возможности восстановления?",
   "Are you sure?": "Вы уверены?",
   "Ask a question": "Задайте вопрос",
+  "Audio": "Аудио",
   "Ban User": "Заблокировать Пользователя",
   "Block User": "Заблокировать пользователя",
   "Cancel": "Отмена",
@@ -46,11 +47,13 @@
   "Flag Message": "Пометить сообщение",
   "Flag action failed either due to a network issue or the message is already flagged": "Не удалось отправить жалобу. Возможные причины: проблема с подключением к интернету или ваша жалоба уже была принята.",
   "Generating...": "Генерирую...",
+  "Giphy": "Giphy",
   "Hold to start recording.": "Удерживайте, чтобы начать запись.",
   "How about sending your first message to a friend?": "Как насчет отправки первого сообщения другу?",
   "Instant Commands": "Мгновенные Команды",
   "Let's start chatting!": "Давайте начнем общаться!",
   "Links are disabled": "Ссылки отключены",
+  "Live Location": "Трансляция местоположения",
   "Loading channels...": "Загружаю каналы...",
   "Loading messages...": "Загружаю сообщения...",
   "Loading threads...": "Загрузка потоков...",
@@ -90,6 +93,7 @@
   "Questions": "Вопросы",
   "Reconnecting...": "Переподключение...",
   "Reply": "Ответить",
+  "Reply to {{name}}": "Ответить пользователю {{name}}",
   "Reply to Message": "Ответить на сообщение",
   "Resend": "Отправить",
   "SEND": "ОТПРАВИТЬ",
@@ -127,6 +131,7 @@
   "View {{count}} comments_one": "Посмотреть {{count}} комментарий",
   "View {{count}} comments_other": "Посмотреть {{count}} комментария",
   "Voice message": "Голосовое сообщение",
+  "Voice message ({{duration}})": "Голосовое сообщение ({{duration}})",
   "Your comment": "Ваш комментарий",
   "You": "Вы",
   "You can't send messages in this channel": "Вы не можете отправлять сообщения в этот канал",
@@ -156,6 +161,21 @@
   "Message failed to send": "Сообщение не отправлено",
   "and {{ count }} others": "{{ count }} других",
   "{{ user }} voted: {{ option }}": "{{ user }} проголосовал: {{ option }}",
+  "{{count}} Audios_many": "{{count}} аудио",
+  "{{count}} Audios_one": "{{count}} аудио",
+  "{{count}} Audios_other": "{{count}} аудио",
+  "{{count}} Files_many": "{{count}} файлов",
+  "{{count}} Files_one": "{{count}} файл",
+  "{{count}} Files_other": "{{count}} файлов",
+  "{{count}} Photos_many": "{{count}} фото",
+  "{{count}} Photos_one": "{{count}} фото",
+  "{{count}} Photos_other": "{{count}} фото",
+  "{{count}} Voice messages_many": "{{count}} голосовых сообщений",
+  "{{count}} Voice messages_one": "{{count}} голосовое сообщение",
+  "{{count}} Voice messages_other": "{{count}} голосовых сообщений",
+  "{{count}} Videos_many": "{{count}} видео",
+  "{{count}} Videos_one": "{{count}} видео",
+  "{{count}} Videos_other": "{{count}} видео",
   "{{count}} votes_many": "{{count}} голосов",
   "{{count}} votes_one": "{{count}} голос",
   "{{count}} votes_other": "{{count}} голосов",

package/src/i18n/tr.json

@@ -14,6 +14,7 @@
   "Are you sure you want to permanently delete this message?": "Bu mesajı kalıcı olarak silmek istediğinizden emin misiniz?",
   "Are you sure?": "Emin misiniz?",
   "Ask a question": "Bir soru sor",
+  "Audio": "Ses",
   "Ban User": "Kullanıcıyı Yasakla",
   "Block User": "Kullanıcıyı engelle",
   "Cancel": "İptal",
@@ -46,11 +47,13 @@
   "Flag Message": "Mesajı Raporla",
   "Flag action failed either due to a network issue or the message is already flagged": "Mesajın daha önce raporlanmış olması veya bir ağ bağlantısı sorunu nedeniyle raporlama işlemi başarısız oldu.",
   "Generating...": "Oluşturuluyor...",
+  "Giphy": "Giphy",
   "Hold to start recording.": "Kayıt yapmak için basılı tutun.",
   "How about sending your first message to a friend?": "İlk mesajınızı bir arkadaşınıza göndermeye ne dersiniz?",
   "Instant Commands": "Anlık Komutlar",
   "Let's start chatting!": "Haydi sohbete başlayalım!",
   "Links are disabled": "Bağlantılar devre dışı",
+  "Live Location": "Canlı Konum",
   "Loading channels...": "Kanallar yükleniyor...",
   "Loading messages...": "Mesajlar yükleniyor...",
   "Loading threads...": "Akışlar yükleniyor...",
@@ -90,6 +93,7 @@
   "Questions": "Sorular",
   "Reconnecting...": "Yeniden Bağlanılıyor...",
   "Reply": "Yanıtla",
+  "Reply to {{name}}": "{{name}} için yanıtla",
   "Reply to Message": "Mesajı Yanıtla",
   "Resend": "Yeniden gönder",
   "SEND": "GÖNDER",
@@ -127,6 +131,7 @@
   "View {{count}} comments_one": "{{count}} yorumu görüntüle",
   "View {{count}} comments_other": "{{count}} yorumu görüntüle",
   "Voice message": "Sesli mesaj",
+  "Voice message ({{duration}})": "Sesli mesaj ({{duration}})",
   "Your comment": "Yorumunuz",
   "You": "Sen",
   "You can't send messages in this channel": "Bu konuşmaya mesaj gönderemezsiniz",
@@ -156,6 +161,21 @@
   "Message failed to send": "Mesaj gönderimi başarısız",
   "and {{ count }} others": "{{ count }} kişi daha",
   "{{ user }} voted: {{ option }}": "{{ user }} oy verdi: {{ option }}",
+  "{{count}} Audios_many": "{{count}} ses",
+  "{{count}} Audios_one": "{{count}} ses",
+  "{{count}} Audios_other": "{{count}} ses",
+  "{{count}} Files_many": "{{count}} dosya",
+  "{{count}} Files_one": "{{count}} dosya",
+  "{{count}} Files_other": "{{count}} dosya",
+  "{{count}} Photos_many": "{{count}} fotoğraf",
+  "{{count}} Photos_one": "{{count}} fotoğraf",
+  "{{count}} Photos_other": "{{count}} fotoğraf",
+  "{{count}} Voice messages_many": "{{count}} sesli mesaj",
+  "{{count}} Voice messages_one": "{{count}} sesli mesaj",
+  "{{count}} Voice messages_other": "{{count}} sesli mesaj",
+  "{{count}} Videos_many": "{{count}} video",
+  "{{count}} Videos_one": "{{count}} video",
+  "{{count}} Videos_other": "{{count}} video",
   "{{count}} votes_many": "{{count}} oy",
   "{{count}} votes_one": "{{count}} oy",
   "{{count}} votes_other": "{{count}} oy",

package/src/icons/arrow-up-right.tsx

@@ -1,5 +1,6 @@
 import React from 'react';
-import Svg, { Path } from 'react-native-svg';
+import { I18nManager } from 'react-native';
+import Svg, { G, Path } from 'react-native-svg';
 
 import { IconProps } from './utils/base';
 
@@ -12,13 +13,15 @@ export const ArrowUpRight = ({ height, size, width, ...rest }: IconProps) => {
       fill={'none'}
       {...rest}
     >
-      <Path
-        d='M5 15L15 5M15 5H6.875M15 5V13.125'
-        strokeLinecap='round'
-        strokeLinejoin='round'
-        strokeWidth={1.5}
-        {...rest}
-      />
+      <G transform={I18nManager.isRTL ? 'matrix(-1 0 0 1 20 0)' : undefined}>
+        <Path
+          d='M5 15L15 5M15 5H6.875M15 5V13.125'
+          strokeLinecap='round'
+          strokeLinejoin='round'
+          strokeWidth={1.5}
+          {...rest}
+        />
+      </G>
     </Svg>
   );
 };

package/src/icons/audio.tsx

@@ -1,6 +1,7 @@
 import React from 'react';
+import { I18nManager } from 'react-native';
 
-import Svg, { Path } from 'react-native-svg';
+import Svg, { G, Path } from 'react-native-svg';
 
 import { IconProps } from './utils/base';
 
@@ -9,13 +10,15 @@ export const Sound = ({ fill, height, pathFill, size, stroke, width, ...props }:
 
   return (
     <Svg viewBox='0 0 20 20' fill='none' height={height ?? size} width={width ?? size} {...props}>
-      <Path
-        d='M15.625 8.125V11.875M18.125 6.875V13.125M6.875 13.125H3.125C2.95924 13.125 2.80027 13.0592 2.68306 12.9419C2.56585 12.8247 2.5 12.6658 2.5 12.5V7.5C2.5 7.33424 2.56585 7.17527 2.68306 7.05806C2.80027 6.94085 2.95924 6.875 3.125 6.875H6.875L12.5 2.5V17.5L6.875 13.125Z'
-        stroke={color}
-        strokeWidth={1.5}
-        strokeLinecap='round'
-        strokeLinejoin='round'
-      />
+      <G transform={I18nManager.isRTL ? 'matrix(-1 0 0 1 20 0)' : undefined}>
+        <Path
+          d='M15.625 8.125V11.875M18.125 6.875V13.125M6.875 13.125H3.125C2.95924 13.125 2.80027 13.0592 2.68306 12.9419C2.56585 12.8247 2.5 12.6658 2.5 12.5V7.5C2.5 7.33424 2.56585 7.17527 2.68306 7.05806C2.80027 6.94085 2.95924 6.875 3.125 6.875H6.875L12.5 2.5V17.5L6.875 13.125Z'
+          stroke={color}
+          strokeWidth={1.5}
+          strokeLinecap='round'
+          strokeLinejoin='round'
+        />
+      </G>
     </Svg>
   );
 };

package/src/icons/chevron-left.tsx

@@ -1,17 +1,20 @@
 import React from 'react';
+import { I18nManager } from 'react-native';
 
-import { Path, Svg } from 'react-native-svg';
+import { G, Path, Svg } from 'react-native-svg';
 
 import { IconProps } from './utils/base';
 
 export const ChevronLeft = ({ height, size, width, ...rest }: IconProps) => (
   <Svg fill={'none'} height={height ?? size} viewBox={'0 0 20 20'} width={width ?? size} {...rest}>
-    <Path
-      d='M12.5 16.25L6.25 10L12.5 3.75'
-      strokeLinecap='round'
-      strokeLinejoin='round'
-      strokeWidth={1.5}
-      {...rest}
-    />
+    <G transform={I18nManager.isRTL ? 'matrix(-1 0 0 1 20 0)' : undefined}>
+      <Path
+        d='M12.5 16.25L6.25 10L12.5 3.75'
+        strokeLinecap='round'
+        strokeLinejoin='round'
+        strokeWidth={1.5}
+        {...rest}
+      />
+    </G>
   </Svg>
 );

package/src/icons/leave.tsx

@@ -1,16 +1,19 @@
 import React from 'react';
-import Svg, { Path } from 'react-native-svg';
+import { I18nManager } from 'react-native';
+import Svg, { G, Path } from 'react-native-svg';
 
 import { IconProps } from './utils/base';
 
 export const ArrowBoxLeft: React.FC<IconProps> = (props) => (
   <Svg viewBox='0 0 20 20' fill='none' {...props}>
-    <Path
-      d='M8.75 3.125H3.75V16.875H8.75M8.75 10H17.5M17.5 10L14.375 6.875M17.5 10L14.375 13.125'
-      strokeWidth={1.5}
-      strokeLinecap='round'
-      strokeLinejoin='round'
-      {...props}
-    />
+    <G transform={I18nManager.isRTL ? 'matrix(-1 0 0 1 20 0)' : undefined}>
+      <Path
+        d='M8.75 3.125H3.75V16.875H8.75M8.75 10H17.5M17.5 10L14.375 6.875M17.5 10L14.375 13.125'
+        strokeWidth={1.5}
+        strokeLinecap='round'
+        strokeLinejoin='round'
+        {...props}
+      />
+    </G>
   </Svg>
 );

package/src/icons/message-bubble.tsx

@@ -1,17 +1,20 @@
 import React from 'react';
+import { I18nManager } from 'react-native';
 
-import Svg, { Path } from 'react-native-svg';
+import Svg, { G, Path } from 'react-native-svg';
 
 import { IconProps } from './utils/base';
 
 export const MessageBubbleEmpty = ({ height, size, width, ...props }: IconProps) => (
   <Svg height={height ?? size} width={width ?? size} fill={'none'} viewBox={'0 0 20 20'} {...props}>
-    <Path
-      d='M6.24431 16.4932C7.81972 17.405 9.67297 17.7127 11.4585 17.359C13.2441 17.0053 14.84 16.0143 15.9489 14.5708C17.0578 13.1273 17.6038 11.3298 17.4852 9.51341C17.3667 7.69704 16.5916 5.98577 15.3045 4.69866C14.0174 3.41156 12.3061 2.63646 10.4897 2.51789C8.67333 2.39932 6.87582 2.94537 5.43231 4.05422C3.9888 5.16308 2.99781 6.75906 2.64412 8.54461C2.29042 10.3302 2.59815 12.1834 3.50993 13.7588L2.53259 16.6768C2.49586 16.7869 2.49053 16.9051 2.5172 17.0181C2.54386 17.131 2.60146 17.2344 2.68355 17.3165C2.76563 17.3985 2.86895 17.4561 2.98194 17.4828C3.09492 17.5095 3.21309 17.5041 3.32321 17.4674L6.24431 16.4932Z'
-      strokeLinejoin='round'
-      strokeLinecap='round'
-      strokeWidth={1.5}
-      {...props}
-    />
+    <G transform={I18nManager.isRTL ? 'matrix(-1 0 0 1 20 0)' : undefined}>
+      <Path
+        d='M6.24431 16.4932C7.81972 17.405 9.67297 17.7127 11.4585 17.359C13.2441 17.0053 14.84 16.0143 15.9489 14.5708C17.0578 13.1273 17.6038 11.3298 17.4852 9.51341C17.3667 7.69704 16.5916 5.98577 15.3045 4.69866C14.0174 3.41156 12.3061 2.63646 10.4897 2.51789C8.67333 2.39932 6.87582 2.94537 5.43231 4.05422C3.9888 5.16308 2.99781 6.75906 2.64412 8.54461C2.29042 10.3302 2.59815 12.1834 3.50993 13.7588L2.53259 16.6768C2.49586 16.7869 2.49053 16.9051 2.5172 17.0181C2.54386 17.131 2.60146 17.2344 2.68355 17.3165C2.76563 17.3985 2.86895 17.4561 2.98194 17.4828C3.09492 17.5095 3.21309 17.5041 3.32321 17.4674L6.24431 16.4932Z'
+        strokeLinejoin='round'
+        strokeLinecap='round'
+        strokeWidth={1.5}
+        {...props}
+      />
+    </G>
   </Svg>
 );

package/src/icons/mute.tsx

@@ -1,6 +1,7 @@
 import React from 'react';
+import { I18nManager } from 'react-native';
 
-import Svg, { Path } from 'react-native-svg';
+import Svg, { G, Path } from 'react-native-svg';
 
 import { IconProps } from './utils/base';
 
@@ -9,14 +10,16 @@ export const Mute = ({ fill, height, pathFill, size, stroke, width, ...rest }: I
 
   return (
     <Svg width={width ?? size} height={height ?? size} viewBox='0 0 20 20' fill='none' {...rest}>
-      <Path
-        d='M15.625 8.125V11.875M18.125 6.875V13.125M4.375 3.125L16.875 16.875M9.38672 4.92109L12.5 2.5V8.34609M12.5 12.0625V17.5L6.875 13.125H3.125C2.95924 13.125 2.80027 13.0592 2.68306 12.9419C2.56585 12.8247 2.5 12.6658 2.5 12.5V7.5C2.5 7.33424 2.56585 7.17527 2.68306 7.05806C2.80027 6.94085 2.95924 6.875 3.125 6.875H7.78437'
-        fill='none'
-        stroke={color}
-        strokeWidth={1.5}
-        strokeLinecap='round'
-        strokeLinejoin='round'
-      />
+      <G transform={I18nManager.isRTL ? 'matrix(-1 0 0 1 20 0)' : undefined}>
+        <Path
+          d='M15.625 8.125V11.875M18.125 6.875V13.125M4.375 3.125L16.875 16.875M9.38672 4.92109L12.5 2.5V8.34609M12.5 12.0625V17.5L6.875 13.125H3.125C2.95924 13.125 2.80027 13.0592 2.68306 12.9419C2.56585 12.8247 2.5 12.6658 2.5 12.5V7.5C2.5 7.33424 2.56585 7.17527 2.68306 7.05806C2.80027 6.94085 2.95924 6.875 3.125 6.875H7.78437'
+          fill='none'
+          stroke={color}
+          strokeWidth={1.5}
+          strokeLinecap='round'
+          strokeLinejoin='round'
+        />
+      </G>
     </Svg>
   );
 };

package/src/icons/reply.tsx

@@ -1,18 +1,21 @@
 import React from 'react';
+import { I18nManager } from 'react-native';
 
-import Svg, { Path } from 'react-native-svg';
+import Svg, { G, Path } from 'react-native-svg';
 
 import { IconProps } from './utils/base';
 
 export const CurveLineLeftUp = (props: IconProps) => (
   <Svg viewBox='0 0 20 20' fill='none' {...props}>
-    <Path
-      d='M17.5812 15.525C16.2953 14.1555 12.9195 11.25 8.12265 11.25V15L1.87265 8.75L8.12265 2.5V6.25C12.2476 6.25 17.5359 10.1914 18.1226 15.2766C18.1308 15.3424 18.1177 15.4091 18.0854 15.4671C18.0531 15.525 18.0031 15.5712 17.9428 15.5988C17.8825 15.6265 17.815 15.6343 17.75 15.621C17.685 15.6077 17.6259 15.5741 17.5812 15.525Z'
-      strokeWidth={1.5}
-      strokeLinecap='round'
-      strokeLinejoin='round'
-      {...props}
-    />
+    <G transform={I18nManager.isRTL ? 'matrix(-1 0 0 1 20 0)' : undefined}>
+      <Path
+        d='M17.5812 15.525C16.2953 14.1555 12.9195 11.25 8.12265 11.25V15L1.87265 8.75L8.12265 2.5V6.25C12.2476 6.25 17.5359 10.1914 18.1226 15.2766C18.1308 15.3424 18.1177 15.4091 18.0854 15.4671C18.0531 15.525 18.0031 15.5712 17.9428 15.5988C17.8825 15.6265 17.815 15.6343 17.75 15.621C17.685 15.6077 17.6259 15.5741 17.5812 15.525Z'
+        strokeWidth={1.5}
+        strokeLinecap='round'
+        strokeLinejoin='round'
+        {...props}
+      />
+    </G>
   </Svg>
 );
 

package/src/icons/search.tsx

@@ -1,6 +1,7 @@
 import React from 'react';
+import { I18nManager } from 'react-native';
 
-import Svg, { Path } from 'react-native-svg';
+import Svg, { G, Path } from 'react-native-svg';
 
 import { IconProps } from './utils/base';
 
@@ -16,14 +17,16 @@ export const Search = ({ fill, height, pathFill, size, stroke, width, ...rest }:
       {...rest}
       testID={'search-icon'}
     >
-      <Path
-        d='M13.1695 13.1695L17.5 17.5M15 8.75C15 12.2018 12.2018 15 8.75 15C5.29822 15 2.5 12.2018 2.5 8.75C2.5 5.29822 5.29822 2.5 8.75 2.5C12.2018 2.5 15 5.29822 15 8.75Z'
-        fill='none'
-        stroke={color}
-        strokeLinecap='round'
-        strokeLinejoin='round'
-        strokeWidth={1.5}
-      />
+      <G transform={I18nManager.isRTL ? 'matrix(-1 0 0 1 20 0)' : undefined}>
+        <Path
+          d='M13.1695 13.1695L17.5 17.5M15 8.75C15 12.2018 12.2018 15 8.75 15C5.29822 15 2.5 12.2018 2.5 8.75C2.5 5.29822 5.29822 2.5 8.75 2.5C12.2018 2.5 15 5.29822 15 8.75Z'
+          fill='none'
+          stroke={color}
+          strokeLinecap='round'
+          strokeLinejoin='round'
+          strokeWidth={1.5}
+        />
+      </G>
     </Svg>
   );
 };

package/src/icons/send.tsx

@@ -1,6 +1,7 @@
 import React from 'react';
+import { I18nManager } from 'react-native';
 
-import Svg, { Path } from 'react-native-svg';
+import Svg, { G, Path } from 'react-native-svg';
 
 import { IconProps } from './utils/base';
 
@@ -16,14 +17,16 @@ export const SendRight = ({ fill, height, pathFill, size, stroke, width, ...rest
       {...rest}
       testID='send-right'
     >
-      <Path
-        d='M11.2498 10H6.24982M6.24982 10L3.7881 2.71328C3.74537 2.59349 3.7402 2.4635 3.7733 2.34069C3.80639 2.21788 3.87616 2.10808 3.9733 2.02597C4.07044 1.94386 4.19032 1.89335 4.31693 1.88117C4.44353 1.86899 4.57084 1.89573 4.68185 1.95781L17.8069 9.4461C17.9045 9.50015 17.986 9.57937 18.0427 9.67555C18.0994 9.77172 18.1293 9.88133 18.1293 9.99297C18.1293 10.1046 18.0994 10.2142 18.0427 10.3104C17.986 10.4066 17.9045 10.4858 17.8069 10.5398L4.68185 18.0469C4.57051 18.1096 4.4426 18.1367 4.31537 18.1245C4.18815 18.1123 4.06772 18.0614 3.97032 17.9787C3.87292 17.8959 3.80323 17.7853 3.77065 17.6617C3.73807 17.5381 3.74416 17.4075 3.7881 17.2875L6.24982 10Z'
-        fill='none'
-        stroke={color}
-        strokeLinecap='round'
-        strokeLinejoin='round'
-        strokeWidth={1.5}
-      />
+      <G transform={I18nManager.isRTL ? 'matrix(-1 0 0 1 20 0)' : undefined}>
+        <Path
+          d='M11.2498 10H6.24982M6.24982 10L3.7881 2.71328C3.74537 2.59349 3.7402 2.4635 3.7733 2.34069C3.80639 2.21788 3.87616 2.10808 3.9733 2.02597C4.07044 1.94386 4.19032 1.89335 4.31693 1.88117C4.44353 1.86899 4.57084 1.89573 4.68185 1.95781L17.8069 9.4461C17.9045 9.50015 17.986 9.57937 18.0427 9.67555C18.0994 9.77172 18.1293 9.88133 18.1293 9.99297C18.1293 10.1046 18.0994 10.2142 18.0427 10.3104C17.986 10.4066 17.9045 10.4858 17.8069 10.5398L4.68185 18.0469C4.57051 18.1096 4.4426 18.1367 4.31537 18.1245C4.18815 18.1123 4.06772 18.0614 3.97032 17.9787C3.87292 17.8959 3.80323 17.7853 3.77065 17.6617C3.73807 17.5381 3.74416 17.4075 3.7881 17.2875L6.24982 10Z'
+          fill='none'
+          stroke={color}
+          strokeLinecap='round'
+          strokeLinejoin='round'
+          strokeWidth={1.5}
+        />
+      </G>
     </Svg>
   );
 };

package/src/icons/thread.tsx

@@ -1,6 +1,7 @@
 import React from 'react';
+import { I18nManager } from 'react-native';
 
-import Svg, { Path } from 'react-native-svg';
+import Svg, { G, Path } from 'react-native-svg';
 
 import { IconProps } from './utils/base';
 
@@ -17,13 +18,15 @@ export const ThreadReply = ({
 
   return (
     <Svg viewBox='0 0 20 20' fill='none' height={height ?? size} width={width ?? size} {...rest}>
-      <Path
-        d='M7.5 8.75H12.8125M7.5 11.25H12.8125M10.3125 16.875H3.75C3.58424 16.875 3.42527 16.8092 3.30806 16.6919C3.19085 16.5747 3.125 16.4158 3.125 16.25V9.6875C3.125 7.78126 3.88225 5.95309 5.23017 4.60517C6.57809 3.25725 8.40626 2.5 10.3125 2.5C11.2564 2.5 12.191 2.68591 13.063 3.04712C13.9351 3.40832 14.7274 3.93775 15.3948 4.60517C16.0623 5.27259 16.5917 6.06493 16.9529 6.93696C17.3141 7.80899 17.5 8.74362 17.5 9.6875C17.5 10.6314 17.3141 11.566 16.9529 12.438C16.5917 13.3101 16.0623 14.1024 15.3948 14.7698C14.7274 15.4373 13.9351 15.9667 13.063 16.3279C12.191 16.6891 11.2564 16.875 10.3125 16.875Z'
-        stroke={color}
-        strokeWidth={1.5}
-        strokeLinecap='round'
-        strokeLinejoin='round'
-      />
+      <G transform={I18nManager.isRTL ? 'matrix(-1 0 0 1 20 0)' : undefined}>
+        <Path
+          d='M7.5 8.75H12.8125M7.5 11.25H12.8125M10.3125 16.875H3.75C3.58424 16.875 3.42527 16.8092 3.30806 16.6919C3.19085 16.5747 3.125 16.4158 3.125 16.25V9.6875C3.125 7.78126 3.88225 5.95309 5.23017 4.60517C6.57809 3.25725 8.40626 2.5 10.3125 2.5C11.2564 2.5 12.191 2.68591 13.063 3.04712C13.9351 3.40832 14.7274 3.93775 15.3948 4.60517C16.0623 5.27259 16.5917 6.06493 16.9529 6.93696C17.3141 7.80899 17.5 8.74362 17.5 9.6875C17.5 10.6314 17.3141 11.566 16.9529 12.438C16.5917 13.3101 16.0623 14.1024 15.3948 14.7698C14.7274 15.4373 13.9351 15.9667 13.063 16.3279C12.191 16.6891 11.2564 16.875 10.3125 16.875Z'
+          stroke={color}
+          strokeWidth={1.5}
+          strokeLinecap='round'
+          strokeLinejoin='round'
+        />
+      </G>
     </Svg>
   );
 };

package/src/icons/video-fill.tsx

@@ -1,4 +1,5 @@
 import React from 'react';
+import { I18nManager } from 'react-native';
 
 import Svg, { ClipPath, Defs, G, Path, Rect } from 'react-native-svg';
 
@@ -9,7 +10,10 @@ export const Recorder = ({ fill, height, pathFill, size, stroke, width, ...props
 
   return (
     <Svg viewBox='0 0 20 20' fill='none' height={height ?? size} width={width ?? size} {...props}>
-      <G clipPath='url(#clip0_recorder)'>
+      <G
+        clipPath='url(#clip0_recorder)'
+        transform={I18nManager.isRTL ? 'matrix(-1 0 0 1 20 0)' : undefined}
+      >
         <Path
           d='M15 5.625V14.375C15 14.7065 14.8683 15.0245 14.6339 15.2589C14.3995 15.4933 14.0815 15.625 13.75 15.625H2.5C2.16848 15.625 1.85054 15.4933 1.61612 15.2589C1.3817 15.0245 1.25 14.7065 1.25 14.375V5.625C1.25 5.29348 1.3817 4.97554 1.61612 4.74112C1.85054 4.5067 2.16848 4.375 2.5 4.375H13.75C14.0815 4.375 14.3995 4.5067 14.6339 4.74112C14.8683 4.97554 15 5.29348 15 5.625ZM19.5312 5.64453C19.4431 5.62295 19.3513 5.62029 19.2621 5.63672C19.1728 5.65315 19.088 5.68829 19.0133 5.73984L16.3891 7.48906C16.3463 7.51762 16.3112 7.55631 16.2869 7.6017C16.2626 7.64708 16.25 7.69776 16.25 7.74922V12.2508C16.25 12.3022 16.2626 12.3529 16.2869 12.3983C16.3112 12.4437 16.3463 12.4824 16.3891 12.5109L19.0281 14.2703C19.1269 14.3362 19.2424 14.3726 19.3611 14.3752C19.4798 14.3779 19.5968 14.3466 19.6984 14.2852C19.7924 14.2254 19.8695 14.1425 19.9223 14.0444C19.9751 13.9464 20.0019 13.8364 20 13.725V6.25C20.0001 6.11139 19.9541 5.97668 19.8692 5.86708C19.7843 5.75747 19.6655 5.67918 19.5312 5.64453Z'
           fill={color}

package/src/icons/video.tsx

@@ -1,6 +1,7 @@
 import React from 'react';
+import { I18nManager } from 'react-native';
 
-import { Path, Svg } from 'react-native-svg';
+import { G, Path, Svg } from 'react-native-svg';
 
 import { IconProps } from './utils/base';
 
@@ -15,13 +16,15 @@ export const VideoIcon = ({ fill, height, pathFill, size, stroke, width, ...rest
       width={width ?? size}
       {...rest}
     >
-      <Path
-        d='M15.625 8.75L19.375 6.25V13.75L15.625 11.25M2.5 5H15C15.3452 5 15.625 5.27982 15.625 5.625V14.375C15.625 14.7202 15.3452 15 15 15H2.5C2.15482 15 1.875 14.7202 1.875 14.375V5.625C1.875 5.27982 2.15482 5 2.5 5Z'
-        stroke={color}
-        strokeWidth={1.5}
-        strokeLinecap='round'
-        strokeLinejoin='round'
-      />
+      <G transform={I18nManager.isRTL ? 'matrix(-1 0 0 1 20 0)' : undefined}>
+        <Path
+          d='M15.625 8.75L19.375 6.25V13.75L15.625 11.25M2.5 5H15C15.3452 5 15.625 5.27982 15.625 5.625V14.375C15.625 14.7202 15.3452 15 15 15H2.5C2.15482 15 1.875 14.7202 1.875 14.375V5.625C1.875 5.27982 2.15482 5 2.5 5Z'
+          stroke={color}
+          strokeWidth={1.5}
+          strokeLinecap='round'
+          strokeLinejoin='round'
+        />
+      </G>
     </Svg>
   );
 };

package/src/utils/rtlMirrorSwitchStyle.ts

@@ -0,0 +1,20 @@
+import { useMemo } from 'react';
+import { I18nManager, Platform, ViewStyle } from 'react-native';
+
+type RtlMirrorSwitchStyle = Pick<ViewStyle, 'transform'>;
+
+/**
+ * Style that mirrors `Switch` horizontally in RTL on iOS so thumb/track match layout direction.
+ * The returned object is stable across renders while `I18nManager.isRTL` is unchanged (`useMemo`).
+ */
+export function useRtlMirrorSwitchStyle(): RtlMirrorSwitchStyle {
+  const isRTL = I18nManager.isRTL;
+  return useMemo(() => {
+    if (Platform.OS !== 'ios' || !isRTL) {
+      return {};
+    }
+    return {
+      transform: [{ scaleX: -1 }],
+    };
+  }, [isRTL]);
+}

package/src/version.json

@@ -1,3 +1,3 @@
 {
-  "version": "9.0.0-beta.30"
+  "version": "9.0.0-beta.32"
 }