stream-chat-react-native-core 9.4.0-beta.11 → 9.4.0-beta.13

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

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

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

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

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/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/version.json

@@ -1,3 +1,3 @@
 {
-  "version": "9.4.0-beta.11"
+  "version": "9.4.0-beta.13"
 }