stream-chat-react-native-core 9.4.0-beta.9 → 9.4.0

package/src/i18n/ko.json

@@ -162,6 +162,7 @@
   "duration/Remind Me": "{{ milliseconds | durationFormatter(withSuffix: true) }}",
   "replied to": "에 답장했습니다",
   "timestamp/ChannelPreviewStatus": "{{ timestamp | timestampFormatter(calendar: true; calendarFormats: {\"lastDay\":\"[어제]\",\"lastWeek\":\"dddd\",\"nextDay\":\"[내일]\",\"nextWeek\":\"dddd [LT에]\",\"sameDay\":\"LT\",\"sameElse\":\"L\"}) }}",
+  "timestamp/FileAttachmentListSection": "{{ timestamp | timestampFormatter(format: MMMM YYYY) }}",
   "timestamp/ImageGalleryHeader": "{{ timestamp | timestampFormatter(calendar: true) }}",
   "timestamp/InlineDateSeparator": "{{ timestamp | timestampFormatter(calendar: true) }}",
   "timestamp/MessageEditedTimestamp": "{{ timestamp | timestampFormatter(calendar: true) }}",
@@ -388,6 +389,7 @@
   "Failed to block user": "사용자 차단에 실패했습니다",
   "Failed to delete channel": "채널 삭제에 실패했습니다",
   "Failed to leave channel": "채널 나가기에 실패했습니다",
+  "Failed to load pinned messages": "고정된 메시지를 불러오지 못했습니다",
   "Failed to load users": "사용자 불러오기에 실패했습니다",
   "Failed to play the recording": "녹음 재생에 실패했습니다",
   "Failed to update channel archive status": "채널 보관 상태 업데이트에 실패했습니다",
@@ -437,6 +439,21 @@
   "a11y/Gallery Image": "갤러리 이미지",
   "a11y/Gallery Video": "갤러리 동영상",
   "a11y/{{position}} of {{count}}": "{{count}}개 중 {{position}}번째",
+  "No pinned messages": "고정된 메시지가 없습니다",
+  "a11y/Search pinned messages": "고정된 메시지 검색",
+  "Long-press a message to pin it to the chat": "메시지를 길게 눌러 채팅에 고정하세요",
+  "No photos or videos": "사진 또는 동영상 없음",
+  "Share a photo or video to see it here": "사진이나 동영상을 공유하면 여기에 표시됩니다",
+  "Failed to load media": "미디어를 불러오지 못했습니다",
+  "No files": "파일 없음",
+  "Share a file to see it here": "파일을 공유하면 여기에 표시됩니다",
+  "Failed to load files": "파일을 불러오지 못했습니다",
+  "Notify all {{ role }} members": "Notify all {{ role }} members",
+  "a11y/Command suggestions available": "Command suggestions available",
+  "a11y/Emoji suggestions available": "Emoji suggestions available",
+  "a11y/Mention suggestions available": "Mention suggestions available",
+  "mention/Channel Description": "Notify everyone in this channel",
+  "mention/Here Description": "Notify every online member in this channel",
   "Pin Chat": "채팅 고정",
   "Pin Group": "그룹 고정",
   "Unpin Chat": "채팅 고정 해제",

package/src/i18n/nl.json

@@ -162,6 +162,7 @@
   "duration/Remind Me": "{{ milliseconds | durationFormatter(withSuffix: true) }}",
   "replied to": "reageerde op",
   "timestamp/ChannelPreviewStatus": "{{ timestamp | timestampFormatter(calendar: true; calendarFormats: {\"lastDay\":\"[Gisteren]\",\"lastWeek\":\"dddd\",\"nextDay\":\"[Morgen]\",\"nextWeek\":\"dddd [om] LT\",\"sameDay\":\"LT\",\"sameElse\":\"L\"}) }}",
+  "timestamp/FileAttachmentListSection": "{{ timestamp | timestampFormatter(format: MMMM YYYY) }}",
   "timestamp/ImageGalleryHeader": "{{ timestamp | timestampFormatter(calendar: true) }}",
   "timestamp/InlineDateSeparator": "{{ timestamp | timestampFormatter(calendar: true) }}",
   "timestamp/MessageEditedTimestamp": "{{ timestamp | timestampFormatter(calendar: true) }}",
@@ -388,6 +389,7 @@
   "Failed to block user": "Gebruiker blokkeren mislukt",
   "Failed to delete channel": "Kanaal verwijderen mislukt",
   "Failed to leave channel": "Kanaal verlaten mislukt",
+  "Failed to load pinned messages": "Vastgemaakte berichten laden mislukt",
   "Failed to load users": "Gebruikers laden mislukt",
   "Failed to play the recording": "Opname afspelen mislukt",
   "Failed to update channel archive status": "Bijwerken van kanaalarchiefstatus mislukt",
@@ -437,6 +439,21 @@
   "a11y/Gallery Image": "Galerij-afbeelding",
   "a11y/Gallery Video": "Galerij-video",
   "a11y/{{position}} of {{count}}": "{{position}} van {{count}}",
+  "No pinned messages": "Geen vastgemaakte berichten",
+  "a11y/Search pinned messages": "Zoek vastgemaakte berichten",
+  "Long-press a message to pin it to the chat": "Houd een bericht lang ingedrukt om het vast te pinnen in de chat",
+  "No photos or videos": "Geen foto's of video's",
+  "Share a photo or video to see it here": "Deel een foto of video om deze hier te zien",
+  "Failed to load media": "Media laden mislukt",
+  "No files": "Geen bestanden",
+  "Share a file to see it here": "Deel een bestand om het hier te zien",
+  "Failed to load files": "Bestanden laden mislukt",
+  "Notify all {{ role }} members": "Notify all {{ role }} members",
+  "a11y/Command suggestions available": "Command suggestions available",
+  "a11y/Emoji suggestions available": "Emoji suggestions available",
+  "a11y/Mention suggestions available": "Mention suggestions available",
+  "mention/Channel Description": "Notify everyone in this channel",
+  "mention/Here Description": "Notify every online member in this channel",
   "Pin Chat": "Chat vastmaken",
   "Pin Group": "Groep vastmaken",
   "Unpin Chat": "Chat losmaken",

package/src/i18n/pt-br.json

@@ -162,6 +162,7 @@
   "duration/Remind Me": "{{ milliseconds | durationFormatter(withSuffix: true) }}",
   "replied to": "respondeu a",
   "timestamp/ChannelPreviewStatus": "{{ timestamp | timestampFormatter(calendar: true; calendarFormats: {\"lastDay\":\"[Ontem]\",\"lastWeek\":\"dddd\",\"nextDay\":\"[Amanhã]\",\"nextWeek\":\"dddd [às] LT\",\"sameDay\":\"LT\",\"sameElse\":\"L\"}) }}",
+  "timestamp/FileAttachmentListSection": "{{ timestamp | timestampFormatter(format: MMMM YYYY) }}",
   "timestamp/ImageGalleryHeader": "{{ timestamp | timestampFormatter(calendar: true) }}",
   "timestamp/InlineDateSeparator": "{{ timestamp | timestampFormatter(calendar: true) }}",
   "timestamp/MessageEditedTimestamp": "{{ timestamp | timestampFormatter(calendar: true) }}",
@@ -388,6 +389,7 @@
   "Failed to block user": "Falha ao bloquear usuário",
   "Failed to delete channel": "Falha ao excluir o canal",
   "Failed to leave channel": "Falha ao sair do canal",
+  "Failed to load pinned messages": "Falha ao carregar mensagens fixadas",
   "Failed to load users": "Falha ao carregar usuários",
   "Failed to play the recording": "Falha ao reproduzir a gravação",
   "Failed to update channel archive status": "Falha ao atualizar o status de arquivamento do canal",
@@ -437,6 +439,21 @@
   "a11y/Gallery Image": "Imagem da galeria",
   "a11y/Gallery Video": "Vídeo da galeria",
   "a11y/{{position}} of {{count}}": "{{position}} de {{count}}",
+  "No pinned messages": "Nenhuma mensagem fixada",
+  "a11y/Search pinned messages": "Pesquisar mensagens fixadas",
+  "Long-press a message to pin it to the chat": "Mantenha pressionada uma mensagem para fixá-la no chat",
+  "No photos or videos": "Nenhuma foto ou vídeo",
+  "Share a photo or video to see it here": "Compartilhe uma foto ou vídeo para vê-lo aqui",
+  "Failed to load media": "Falha ao carregar mídia",
+  "No files": "Nenhum arquivo",
+  "Share a file to see it here": "Compartilhe um arquivo para vê-lo aqui",
+  "Failed to load files": "Falha ao carregar os arquivos",
+  "Notify all {{ role }} members": "Notify all {{ role }} members",
+  "a11y/Command suggestions available": "Command suggestions available",
+  "a11y/Emoji suggestions available": "Emoji suggestions available",
+  "a11y/Mention suggestions available": "Mention suggestions available",
+  "mention/Channel Description": "Notify everyone in this channel",
+  "mention/Here Description": "Notify every online member in this channel",
   "Pin Chat": "Fixar conversa",
   "Pin Group": "Fixar grupo",
   "Unpin Chat": "Desafixar conversa",

package/src/i18n/ru.json

@@ -162,6 +162,7 @@
   "duration/Remind Me": "{{ milliseconds | durationFormatter(withSuffix: true) }}",
   "replied to": "ответил на",
   "timestamp/ChannelPreviewStatus": "{{ timestamp | timestampFormatter(calendar: true; calendarFormats: {\"lastDay\":\"[Вчера]\",\"lastWeek\":\"dddd\",\"nextDay\":\"[Завтра]\",\"nextWeek\":\"dddd [в] LT\",\"sameDay\":\"LT\",\"sameElse\":\"L\"}) }}",
+  "timestamp/FileAttachmentListSection": "{{ timestamp | timestampFormatter(format: MMMM YYYY) }}",
   "timestamp/ImageGalleryHeader": "{{ timestamp | timestampFormatter(calendar: true) }}",
   "timestamp/InlineDateSeparator": "{{ timestamp | timestampFormatter(calendar: true) }}",
   "timestamp/MessageEditedTimestamp": "{{ timestamp | timestampFormatter(calendar: true) }}",
@@ -388,6 +389,7 @@
   "Failed to block user": "Не удалось заблокировать пользователя",
   "Failed to delete channel": "Не удалось удалить канал",
   "Failed to leave channel": "Не удалось покинуть канал",
+  "Failed to load pinned messages": "Не удалось загрузить закреплённые сообщения",
   "Failed to load users": "Не удалось загрузить пользователей",
   "Failed to play the recording": "Не удалось воспроизвести запись",
   "Failed to update channel archive status": "Не удалось обновить статус архивации канала",
@@ -437,6 +439,21 @@
   "a11y/Gallery Image": "Изображение из галереи",
   "a11y/Gallery Video": "Видео из галереи",
   "a11y/{{position}} of {{count}}": "{{position}} из {{count}}",
+  "No pinned messages": "Нет закреплённых сообщений",
+  "a11y/Search pinned messages": "Поиск закреплённых сообщений",
+  "Long-press a message to pin it to the chat": "Нажмите и удерживайте сообщение, чтобы закрепить его в чате",
+  "No photos or videos": "Нет фото и видео",
+  "Share a photo or video to see it here": "Поделитесь фото или видео, чтобы увидеть их здесь",
+  "Failed to load media": "Не удалось загрузить медиафайлы",
+  "No files": "Нет файлов",
+  "Share a file to see it here": "Поделитесь файлом, чтобы увидеть его здесь",
+  "Failed to load files": "Не удалось загрузить файлы",
+  "Notify all {{ role }} members": "Notify all {{ role }} members",
+  "a11y/Command suggestions available": "Command suggestions available",
+  "a11y/Emoji suggestions available": "Emoji suggestions available",
+  "a11y/Mention suggestions available": "Mention suggestions available",
+  "mention/Channel Description": "Notify everyone in this channel",
+  "mention/Here Description": "Notify every online member in this channel",
   "Pin Chat": "Закрепить чат",
   "Pin Group": "Закрепить группу",
   "Unpin Chat": "Открепить чат",

package/src/i18n/tr.json

@@ -162,6 +162,7 @@
   "duration/Remind Me": "{{ milliseconds | durationFormatter(withSuffix: true) }}",
   "replied to": "yanıtladı",
   "timestamp/ChannelPreviewStatus": "{{ timestamp | timestampFormatter(calendar: true; calendarFormats: {\"lastDay\":\"[Dün]\",\"lastWeek\":\"dddd\",\"nextDay\":\"[Yarın]\",\"nextWeek\":\"dddd [saat] LT\",\"sameDay\":\"LT\",\"sameElse\":\"L\"}) }}",
+  "timestamp/FileAttachmentListSection": "{{ timestamp | timestampFormatter(format: MMMM YYYY) }}",
   "timestamp/ImageGalleryHeader": "{{ timestamp | timestampFormatter(calendar: true) }}",
   "timestamp/InlineDateSeparator": "{{ timestamp | timestampFormatter(calendar: true) }}",
   "timestamp/MessageEditedTimestamp": "{{ timestamp | timestampFormatter(calendar: true) }}",
@@ -388,6 +389,7 @@
   "Failed to block user": "Kullanıcı engellenemedi",
   "Failed to delete channel": "Kanal silinemedi",
   "Failed to leave channel": "Kanaldan çıkılamadı",
+  "Failed to load pinned messages": "Sabitlenmiş mesajlar yüklenemedi",
   "Failed to load users": "Kullanıcılar yüklenemedi",
   "Failed to play the recording": "Kayıt oynatılamadı",
   "Failed to update channel archive status": "Kanal arşiv durumu güncellenemedi",
@@ -437,6 +439,21 @@
   "a11y/Gallery Image": "Galeri görüntüsü",
   "a11y/Gallery Video": "Galeri videosu",
   "a11y/{{position}} of {{count}}": "{{count}} öğeden {{position}}",
+  "No pinned messages": "Sabitlenmiş mesaj yok",
+  "a11y/Search pinned messages": "Sabitlenmiş mesajları ara",
+  "Long-press a message to pin it to the chat": "Bir mesajı sohbete sabitlemek için uzun basın",
+  "No photos or videos": "Fotoğraf veya video yok",
+  "Share a photo or video to see it here": "Burada görmek için bir fotoğraf veya video paylaşın",
+  "Failed to load media": "Medya yüklenemedi",
+  "No files": "Dosya yok",
+  "Share a file to see it here": "Burada görmek için bir dosya paylaşın",
+  "Failed to load files": "Dosyalar yüklenemedi",
+  "Notify all {{ role }} members": "Notify all {{ role }} members",
+  "a11y/Command suggestions available": "Command suggestions available",
+  "a11y/Emoji suggestions available": "Emoji suggestions available",
+  "a11y/Mention suggestions available": "Mention suggestions available",
+  "mention/Channel Description": "Notify everyone in this channel",
+  "mention/Here Description": "Notify every online member in this channel",
   "Pin Chat": "Sohbeti sabitle",
   "Pin Group": "Grubu sabitle",
   "Unpin Chat": "Sohbetin sabitlemesini kaldır",

package/src/icons/folder.tsx

@@ -0,0 +1,28 @@
+import React from 'react';
+
+import { Path, Svg } from 'react-native-svg';
+
+import { IconProps } from './utils/base';
+
+export const Folder = ({ fill, height, pathFill, size, stroke, width, ...rest }: IconProps) => {
+  const color = stroke ?? pathFill ?? fill ?? 'black';
+
+  return (
+    <Svg
+      fill={'none'}
+      height={height ?? size}
+      viewBox={'0 0 17 14'}
+      width={width ?? size}
+      {...rest}
+    >
+      <Path
+        d='M15.75 3.25V12.0695C15.75 12.2169 15.6915 12.3581 15.5873 12.4623C15.4831 12.5665 15.3419 12.625 15.1945 12.625H1.375C1.20924 12.625 1.05027 12.5592 0.933058 12.4419C0.815848 12.3247 0.75 12.1658 0.75 12V1.375C0.75 1.20924 0.815848 1.05027 0.933058 0.933058C1.05027 0.815848 1.20924 0.75 1.375 0.75H5.54141C5.67664 0.75 5.80822 0.793861 5.91641 0.875L8.25 2.625H15.125C15.2908 2.625 15.4497 2.69085 15.5669 2.80806C15.6842 2.92527 15.75 3.08424 15.75 3.25Z'
+        fill='none'
+        stroke={color}
+        strokeLinecap='round'
+        strokeLinejoin='round'
+        strokeWidth={1.5}
+      />
+    </Svg>
+  );
+};

package/src/icons/index.ts

@@ -46,6 +46,7 @@ export * from './refresh';
 export { PollThumbnail } from './poll';
 export * from './notification';
 export { FilePickerIcon } from './file';
+export * from './folder';
 export * from './command';
 export * from './bell';
 export * from './save';

package/src/icons/megaphone.tsx

@@ -0,0 +1,21 @@
+import React from 'react';
+
+import { Path, Svg } from 'react-native-svg';
+
+import { IconProps } from './utils/base';
+
+export const Megaphone = ({ fill, height, pathFill, size, stroke, width, ...rest }: IconProps) => {
+  const color = stroke ?? pathFill ?? fill ?? 'black';
+
+  return (
+    <Svg height={height ?? size} width={width ?? size} viewBox='0 0 16 16' fill='none' {...rest}>
+      <Path
+        d='M10 4.99999V12.5419C10 12.6241 10.0204 12.705 10.0592 12.7775C10.098 12.85 10.1541 12.9119 10.2225 12.9575L10.91 13.4156C10.9767 13.4601 11.0531 13.4879 11.1328 13.4966C11.2124 13.5054 11.293 13.4948 11.3678 13.4659C11.4425 13.437 11.5092 13.3905 11.5623 13.3304C11.6153 13.2703 11.6531 13.1984 11.6725 13.1206L12.5 9.99999M10 4.99999H12.5C13.163 4.99999 13.7989 5.26338 14.2678 5.73222C14.7366 6.20106 15 6.83695 15 7.49999C15 8.16303 14.7366 8.79892 14.2678 9.26776C13.7989 9.7366 13.163 9.99999 12.5 9.99999M10 4.99999C10 4.99999 6.59688 4.86499 3.32188 2.11812C3.24905 2.05685 3.16025 2.01764 3.06591 2.0051C2.97158 1.99255 2.87562 2.00719 2.78931 2.04729C2.70301 2.08739 2.62994 2.15129 2.57869 2.23148C2.52744 2.31167 2.50014 2.40482 2.5 2.49999V12.5C2.50002 12.5952 2.52723 12.6884 2.57844 12.7687C2.62964 12.849 2.7027 12.913 2.78903 12.9532C2.87536 12.9934 2.97137 13.0081 3.06576 12.9955C3.16015 12.983 3.24901 12.9438 3.32188 12.8825C6.59688 10.135 10 9.99999 10 9.99999H12.5'
+        stroke={color}
+        strokeWidth={1.5}
+        strokeLinecap='round'
+        strokeLinejoin='round'
+      />
+    </Svg>
+  );
+};

package/src/icons/shield.tsx

@@ -0,0 +1,21 @@
+import React from 'react';
+
+import { Path, Svg } from 'react-native-svg';
+
+import { IconProps } from './utils/base';
+
+export const Shield = ({ fill, height, pathFill, size, stroke, width, ...rest }: IconProps) => {
+  const color = stroke ?? pathFill ?? fill ?? 'black';
+
+  return (
+    <Svg width={width ?? size} height={height ?? size} viewBox='0 0 16 16' fill='none' {...rest}>
+      <Path
+        d='M13.5 7V3.5C13.5 3.36739 13.4473 3.24021 13.3536 3.14645C13.2598 3.05268 13.1326 3 13 3H3C2.86739 3 2.74021 3.05268 2.64645 3.14645C2.55268 3.24021 2.5 3.36739 2.5 3.5V7C2.5 13 8 14.5 8 14.5C8 14.5 13.5 13 13.5 7Z'
+        stroke={color}
+        strokeWidth={1.5}
+        strokeLinecap='round'
+        strokeLinejoin='round'
+      />
+    </Svg>
+  );
+};

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

@@ -13,6 +13,7 @@ import { VideoPlayerPool } from '../video-player-pool';
 jest.mock('../video-player-pool', () => ({
   VideoPlayerPool: jest.fn().mockImplementation(() => ({
     clear: jest.fn(),
+    getActivePlayer: jest.fn(() => null),
     pool: new Map(),
     state: {
       getLatestValue: () => ({ activeVideoPlayer: null }),
@@ -179,6 +180,63 @@ describe('ImageGalleryStateStore', () => {
 
       expect(store.state.getLatestValue().currentIndex).toBe(0);
     });
+
+    it('should mirror currentIndex into currentIndexShared.value', () => {
+      const store = new ImageGalleryStateStore();
+
+      store.currentIndex = 7;
+
+      expect(store.currentIndexShared.value).toBe(7);
+    });
+
+    it('should pause the active video player when currentIndex changes', () => {
+      const store = new ImageGalleryStateStore();
+      const pause = jest.fn();
+      (store.videoPlayerPool.getActivePlayer as jest.Mock).mockReturnValue({ pause });
+
+      store.currentIndex = 3;
+
+      expect(pause).toHaveBeenCalledTimes(1);
+    });
+
+    it('should not pause the active player when currentIndex setter is called with the same value', () => {
+      const store = new ImageGalleryStateStore();
+      store.currentIndex = 3;
+      const pause = jest.fn();
+      (store.videoPlayerPool.getActivePlayer as jest.Mock).mockReturnValue({ pause });
+
+      store.currentIndex = 3;
+
+      expect(pause).not.toHaveBeenCalled();
+    });
+
+    it('should not throw when there is no active player on index change', () => {
+      const store = new ImageGalleryStateStore();
+      (store.videoPlayerPool.getActivePlayer as jest.Mock).mockReturnValue(null);
+
+      expect(() => {
+        store.currentIndex = 5;
+      }).not.toThrow();
+    });
+  });
+
+  describe('currentIndexShared mirror', () => {
+    it('should initialize at INITIAL_STATE.currentIndex (0)', () => {
+      const store = new ImageGalleryStateStore();
+
+      expect(store.currentIndexShared.value).toBe(0);
+    });
+
+    it('should reset to 0 on clear() even after non-zero set', () => {
+      const store = new ImageGalleryStateStore();
+      store.currentIndex = 12;
+      expect(store.currentIndexShared.value).toBe(12);
+
+      store.clear();
+
+      expect(store.state.getLatestValue().currentIndex).toBe(0);
+      expect(store.currentIndexShared.value).toBe(0);
+    });
   });
 
   describe('attachmentsWithMessage getter', () => {
@@ -707,6 +765,29 @@ describe('ImageGalleryStateStore', () => {
       unsubscribe();
     });
 
+    it('should mirror the matched index into currentIndexShared', () => {
+      const store = new ImageGalleryStateStore();
+      store.subscribeToMessages();
+      const unsubscribe = store.subscribeToSelectedAttachmentUrl();
+
+      store.messages = [
+        generateMessage({
+          attachments: [generateImageAttachment({ image_url: 'https://example.com/1.jpg' })],
+          id: 'msg-1',
+        }),
+        generateMessage({
+          attachments: [generateImageAttachment({ image_url: 'https://example.com/2.jpg' })],
+          id: 'msg-2',
+        }),
+      ];
+      store.selectedAttachmentUrl = 'https://example.com/2.jpg';
+
+      expect(store.state.getLatestValue().currentIndex).toBe(1);
+      expect(store.currentIndexShared.value).toBe(1);
+
+      unsubscribe();
+    });
+
     it('should return unsubscribe function', () => {
       const store = new ImageGalleryStateStore();
       const unsubscribe = store.subscribeToSelectedAttachmentUrl();

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

@@ -1,3 +1,5 @@
+import { makeMutable, SharedValue } from 'react-native-reanimated';
+
 import { Attachment, LocalMessage, StateStore, Unsubscribe, UserResponse } from 'stream-chat';
 
 import { VideoPlayerPool } from './video-player-pool';
@@ -66,11 +68,19 @@ export class ImageGalleryStateStore {
   state: StateStore<ImageGalleryState>;
   options: ImageGalleryOptions;
   videoPlayerPool: VideoPlayerPool;
+  /**
+   * SharedValue mirror of `state.currentIndex` for worklet consumers (gesture
+   * handlers, animated styles). Maintained in lockstep with the setter and the
+   * reset path in `clear()`. Reads from worklets bypass the JS bridge entirely;
+   * any code path that updates `currentIndex` must keep this mirror in sync.
+   */
+  currentIndexShared: SharedValue<number>;
 
   constructor(options: Partial<ImageGalleryOptions> = {}) {
     this.options = { ...INITIAL_IMAGE_GALLERY_OPTIONS, ...options };
     this.state = new StateStore<ImageGalleryState>(INITIAL_STATE);
     this.videoPlayerPool = new VideoPlayerPool();
+    this.currentIndexShared = makeMutable(INITIAL_STATE.currentIndex);
   }
 
   // Getters
@@ -154,7 +164,21 @@ export class ImageGalleryStateStore {
   }
 
   set currentIndex(currentIndex: number) {
+    const previousIndex = this.state.getLatestValue().currentIndex;
     this.state.partialNext({ currentIndex });
+    this.currentIndexShared.value = currentIndex;
+    // When the user moves off the current slide, pause whatever video was
+    // playing. Moved here from a useEffect in ImageGallery so the invariant
+    // lives next to the state it depends on — and the parent no longer needs
+    // to subscribe to currentIndex purely to drive this side effect.
+    // `clear()` is the other reset path; it bypasses this setter but already
+    // pauses everything through `videoPlayerPool.clear()`.
+    if (previousIndex !== currentIndex) {
+      const activePlayer = this.videoPlayerPool.getActivePlayer();
+      if (activePlayer) {
+        activePlayer.pause();
+      }
+    }
   }
 
   set requesterNode(requesterNode: number | null) {
@@ -212,7 +236,8 @@ export class ImageGalleryStateStore {
           (asset) =>
             stripQueryFromUrl(asset.uri) === stripQueryFromUrl(selectedAttachmentUrl ?? ''),
         );
-        this.state.partialNext({ currentIndex: index === -1 ? 0 : index });
+        // Route through the setter so currentIndexShared stays in sync.
+        this.currentIndex = index === -1 ? 0 : index;
       },
     );
 
@@ -233,5 +258,6 @@ export class ImageGalleryStateStore {
   clear = () => {
     this.videoPlayerPool.clear();
     this.state.partialNext(INITIAL_STATE);
+    this.currentIndexShared.value = INITIAL_STATE.currentIndex;
   };
 }

package/src/store/SqliteClient.ts

@@ -28,7 +28,7 @@ import type { PreparedBatchQueries, PreparedQueries, Scalar, Table } from './typ
  * This way usage @op-engineering/op-sqlite package is scoped to a single class/file.
  */
 export class SqliteClient {
-  static dbVersion = 15;
+  static dbVersion = 16;
 
   static dbName = DB_NAME;
   static dbLocation = DB_LOCATION;

package/src/store/mappers/mapDraftMessageToStorable.ts

@@ -12,6 +12,10 @@ export const mapDraftMessageToStorable = ({
     custom,
     text,
     attachments,
+    mentioned_channel,
+    mentioned_group_ids,
+    mentioned_here,
+    mentioned_roles,
     mentioned_users,
     parent_id,
     poll_id,
@@ -25,6 +29,10 @@ export const mapDraftMessageToStorable = ({
     attachments: attachments ? JSON.stringify(attachments) : undefined,
     custom: custom ? JSON.stringify(custom) : undefined,
     id,
+    mentionedChannel: mentioned_channel,
+    mentionedGroupIds: mentioned_group_ids ? JSON.stringify(mentioned_group_ids) : undefined,
+    mentionedHere: mentioned_here,
+    mentionedRoles: mentioned_roles ? JSON.stringify(mentioned_roles) : undefined,
     mentionedUsers: mentioned_users ? JSON.stringify(mentioned_users) : undefined,
     parentId: parent_id,
     poll_id,

package/src/store/mappers/mapStorableToDraftMessage.ts

@@ -10,6 +10,10 @@ export const mapStorableToDraftMessage = (
     custom,
     text,
     attachments,
+    mentionedChannel,
+    mentionedGroupIds,
+    mentionedHere,
+    mentionedRoles,
     mentionedUsers,
     parentId,
     poll_id,
@@ -23,6 +27,10 @@ export const mapStorableToDraftMessage = (
     attachments: attachments ? JSON.parse(attachments) : undefined,
     custom: custom ? JSON.parse(custom) : undefined,
     id,
+    mentioned_channel: mentionedChannel,
+    mentioned_group_ids: mentionedGroupIds ? JSON.parse(mentionedGroupIds) : undefined,
+    mentioned_here: mentionedHere,
+    mentioned_roles: mentionedRoles ? JSON.parse(mentionedRoles) : undefined,
     mentioned_users: mentionedUsers ? JSON.parse(mentionedUsers) : undefined,
     parent_id: parentId,
     poll_id,

package/src/store/schema.ts

@@ -90,6 +90,10 @@ export const tables: Tables = {
       attachments: 'TEXT',
       custom: 'TEXT',
       id: 'TEXT NOT NULL',
+      mentionedChannel: 'BOOLEAN DEFAULT FALSE',
+      mentionedGroupIds: 'TEXT',
+      mentionedHere: 'BOOLEAN DEFAULT FALSE',
+      mentionedRoles: 'TEXT',
       mentionedUsers: 'TEXT',
       parentId: 'TEXT',
       poll_id: 'TEXT',
@@ -381,6 +385,10 @@ export type Schema = {
     id: string;
     attachments?: string;
     custom?: string;
+    mentionedChannel?: boolean;
+    mentionedGroupIds?: string;
+    mentionedHere?: boolean;
+    mentionedRoles?: string;
     mentionedUsers?: string;
     parentId?: string;
     poll_id?: string;

package/src/theme/generated/StreamTokens.types.ts

@@ -444,6 +444,11 @@ export interface ChatSemantics {
   chatBgAttachmentIncoming: ColorValue;
   chatBgAttachmentOutgoing: ColorValue;
   chatBgIncoming: ColorValue;
+  chatBgMention: ColorValue;
+  chatBgMentionBroadcast: ColorValue;
+  chatBgMentionGroup: ColorValue;
+  chatBgMentionRole: ColorValue;
+  chatBgMentionUser: ColorValue;
   chatBgOutgoing: ColorValue;
   chatBorderIncoming: ColorValue;
   chatBorderOnChatIncoming: ColorValue;
@@ -458,6 +463,10 @@ export interface ChatSemantics {
   chatTextIncoming: ColorValue;
   chatTextLink: ColorValue;
   chatTextMention: ColorValue;
+  chatTextMentionBroadcast: ColorValue;
+  chatTextMentionGroup: ColorValue;
+  chatTextMentionRole: ColorValue;
+  chatTextMentionUser: ColorValue;
   chatTextOutgoing: ColorValue;
   chatTextReaction: ColorValue;
   chatTextRead: ColorValue;

package/src/theme/generated/dark/StreamTokens.android.ts

@@ -509,6 +509,11 @@ export const semantics: IStreamTokens['semantics'] = {
   chatBgAttachmentIncoming: '$backgroundCoreSurfaceStrong',
   chatBgAttachmentOutgoing: '$brand150',
   chatBgIncoming: '$backgroundCoreSurfaceDefault',
+  chatBgMention: foundations.colors.baseTransparent0,
+  chatBgMentionBroadcast: '$chatBgMention',
+  chatBgMentionGroup: '$chatBgMention',
+  chatBgMentionRole: '$chatBgMention',
+  chatBgMentionUser: '$chatBgMention',
   chatBgOutgoing: '$brand100',
   chatBorderIncoming: '$borderCoreSubtle',
   chatBorderOnChatIncoming: '$borderCoreStrong',
@@ -522,7 +527,11 @@ export const semantics: IStreamTokens['semantics'] = {
   chatReplyIndicatorOutgoing: '$brand400',
   chatTextIncoming: '$textPrimary',
   chatTextLink: '$textLink',
-  chatTextMention: '$textLink',
+  chatTextMention: '$accentPrimary',
+  chatTextMentionBroadcast: '$chatTextMention',
+  chatTextMentionGroup: '$chatTextMention',
+  chatTextMentionRole: '$chatTextMention',
+  chatTextMentionUser: '$chatTextMention',
   chatTextOutgoing: '$brand900',
   chatTextReaction: '$textSecondary',
   chatTextRead: '$accentPrimary',

package/src/theme/generated/dark/StreamTokens.ios.ts

@@ -509,6 +509,11 @@ export const semantics: IStreamTokens['semantics'] = {
   chatBgAttachmentIncoming: '$backgroundCoreSurfaceStrong',
   chatBgAttachmentOutgoing: '$brand150',
   chatBgIncoming: '$backgroundCoreSurfaceDefault',
+  chatBgMention: foundations.colors.baseTransparent0,
+  chatBgMentionBroadcast: '$chatBgMention',
+  chatBgMentionGroup: '$chatBgMention',
+  chatBgMentionRole: '$chatBgMention',
+  chatBgMentionUser: '$chatBgMention',
   chatBgOutgoing: '$brand100',
   chatBorderIncoming: '$borderCoreSubtle',
   chatBorderOnChatIncoming: '$borderCoreStrong',
@@ -522,7 +527,11 @@ export const semantics: IStreamTokens['semantics'] = {
   chatReplyIndicatorOutgoing: '$brand400',
   chatTextIncoming: '$textPrimary',
   chatTextLink: '$textLink',
-  chatTextMention: '$textLink',
+  chatTextMention: '$accentPrimary',
+  chatTextMentionBroadcast: '$chatTextMention',
+  chatTextMentionGroup: '$chatTextMention',
+  chatTextMentionRole: '$chatTextMention',
+  chatTextMentionUser: '$chatTextMention',
   chatTextOutgoing: '$brand900',
   chatTextReaction: '$textSecondary',
   chatTextRead: '$accentPrimary',

package/src/theme/generated/dark/StreamTokens.web.ts

@@ -509,6 +509,11 @@ export const semantics: IStreamTokens['semantics'] = {
   chatBgAttachmentIncoming: '$backgroundCoreSurfaceStrong',
   chatBgAttachmentOutgoing: '$brand150',
   chatBgIncoming: '$backgroundCoreSurfaceDefault',
+  chatBgMention: foundations.colors.baseTransparent0,
+  chatBgMentionBroadcast: '$chatBgMention',
+  chatBgMentionGroup: '$chatBgMention',
+  chatBgMentionRole: '$chatBgMention',
+  chatBgMentionUser: '$chatBgMention',
   chatBgOutgoing: '$brand100',
   chatBorderIncoming: '$borderCoreSubtle',
   chatBorderOnChatIncoming: '$borderCoreStrong',
@@ -522,7 +527,11 @@ export const semantics: IStreamTokens['semantics'] = {
   chatReplyIndicatorOutgoing: '$brand400',
   chatTextIncoming: '$textPrimary',
   chatTextLink: '$textLink',
-  chatTextMention: '$textLink',
+  chatTextMention: '$accentPrimary',
+  chatTextMentionBroadcast: '$chatTextMention',
+  chatTextMentionGroup: '$chatTextMention',
+  chatTextMentionRole: '$chatTextMention',
+  chatTextMentionUser: '$chatTextMention',
   chatTextOutgoing: '$brand900',
   chatTextReaction: '$textSecondary',
   chatTextRead: '$accentPrimary',

package/src/theme/generated/light/StreamTokens.android.ts

@@ -509,6 +509,11 @@ export const semantics: IStreamTokens['semantics'] = {
   chatBgAttachmentIncoming: '$backgroundCoreSurfaceStrong',
   chatBgAttachmentOutgoing: '$brand150',
   chatBgIncoming: '$backgroundCoreSurfaceDefault',
+  chatBgMention: foundations.colors.baseTransparent0,
+  chatBgMentionBroadcast: '$chatBgMention',
+  chatBgMentionGroup: '$chatBgMention',
+  chatBgMentionRole: '$chatBgMention',
+  chatBgMentionUser: '$chatBgMention',
   chatBgOutgoing: '$brand100',
   chatBorderIncoming: '$borderCoreSubtle',
   chatBorderOnChatIncoming: '$borderCoreStrong',
@@ -522,7 +527,11 @@ export const semantics: IStreamTokens['semantics'] = {
   chatReplyIndicatorOutgoing: '$brand400',
   chatTextIncoming: '$textPrimary',
   chatTextLink: '$textLink',
-  chatTextMention: '$textLink',
+  chatTextMention: '$accentPrimary',
+  chatTextMentionBroadcast: '$chatTextMention',
+  chatTextMentionGroup: '$chatTextMention',
+  chatTextMentionRole: '$chatTextMention',
+  chatTextMentionUser: '$chatTextMention',
   chatTextOutgoing: '$brand900',
   chatTextReaction: '$textSecondary',
   chatTextRead: '$accentPrimary',