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

package/src/contexts/channelPinnedMessageListContext/ChannelPinnedMessageListContext.tsx

@@ -0,0 +1,72 @@
+import React, { PropsWithChildren, useContext, useState } from 'react';
+
+import { Channel, MessageSearchSource } from 'stream-chat';
+
+import { useChatContext } from '..';
+import { DEFAULT_BASE_CONTEXT_VALUE } from '../utils/defaultBaseContextValue';
+import { isTestEnvironment } from '../utils/isTestEnvironment';
+
+/**
+ * @experimental This API is experimental and is subject to change.
+ */
+export type ChannelPinnedMessageListContextValue = {
+  channel: Channel;
+  searchSource: MessageSearchSource;
+};
+
+export const ChannelPinnedMessageListContext = React.createContext(
+  DEFAULT_BASE_CONTEXT_VALUE as ChannelPinnedMessageListContextValue,
+);
+
+/**
+ * @experimental This API is experimental and is subject to change.
+ */
+export const ChannelPinnedMessageListProvider = ({
+  channel,
+  children,
+}: PropsWithChildren<{ channel: Channel }>) => {
+  const { client } = useChatContext();
+  const [searchSource] = useState(() => {
+    const source = new MessageSearchSource(
+      client,
+      { pageSize: 25, allowEmptySearchString: true, resetOnNewSearchQuery: false },
+      {
+        messageSearch: {
+          initialFilterConfig: {
+            $or: {
+              enabled: true,
+              generate: ({ searchQuery }) => (searchQuery ? { text: { $q: searchQuery } } : {}),
+            },
+          },
+        },
+      },
+    );
+    source.messageSearchChannelFilters = { cid: channel.cid, members: undefined };
+    source.messageSearchFilters = { pinned: true, type: undefined };
+    source.activate();
+    return source;
+  });
+
+  return (
+    <ChannelPinnedMessageListContext.Provider value={{ channel, searchSource }}>
+      {children}
+    </ChannelPinnedMessageListContext.Provider>
+  );
+};
+
+/**
+ * @experimental This API is experimental and is subject to change.
+ */
+export const useChannelPinnedMessageListContext = () => {
+  const contextValue = useContext(
+    ChannelPinnedMessageListContext,
+  ) as unknown as ChannelPinnedMessageListContextValue;
+
+  if (contextValue === DEFAULT_BASE_CONTEXT_VALUE && !isTestEnvironment()) {
+    throw new Error(
+      'The useChannelPinnedMessageListContext hook was called outside of the ChannelPinnedMessageListContext provider. Render the pinned message list UI inside a ChannelPinnedMessageListProvider.',
+    );
+  }
+
+  return contextValue;
+};

package/src/contexts/componentsContext/defaultComponents.ts

@@ -24,7 +24,10 @@ import { AttachmentPickerContent } from '../../components/AttachmentPicker/compo
 import { AttachmentPickerSelectionBar } from '../../components/AttachmentPicker/components/AttachmentPickerSelectionBar';
 import { ImageOverlaySelectedComponent } from '../../components/AttachmentPicker/components/ImageOverlaySelectedComponent';
 import { AutoCompleteSuggestionHeader } from '../../components/AutoCompleteInput/AutoCompleteSuggestionHeader';
-import { AutoCompleteSuggestionItem } from '../../components/AutoCompleteInput/AutoCompleteSuggestionItem';
+import {
+  AutoCompleteSuggestionItem,
+  MentionSuggestionItem,
+} from '../../components/AutoCompleteInput/AutoCompleteSuggestionItem';
 import { AutoCompleteSuggestionList } from '../../components/AutoCompleteInput/AutoCompleteSuggestionList';
 import { InputView } from '../../components/AutoCompleteInput/InputView';
 import { ChannelDetailsContent } from '../../components/ChannelDetails/ChannelDetails';
@@ -33,7 +36,9 @@ import {
   ChannelDetailsActionsSection,
   ChannelDetailsActionItem,
   ChannelDetailsMemberSection,
+  ChannelDetailsNavigationSection,
   ChannelDetailsProfile,
+  ChannelDetailsEditButton,
   ChannelDetailsNavHeader,
   ChannelEditDetails,
   ChannelEditImageSheet,
@@ -41,6 +46,12 @@ import {
   ChannelMemberActionsSheet,
   ChannelMemberItem,
   ChannelMemberList,
+  FileAttachmentItem,
+  FileAttachmentList,
+  MediaItem,
+  MediaList,
+  PinnedMessageItem,
+  PinnedMessageList,
 } from '../../components/ChannelDetails/components';
 import { ChannelListFooterLoadingIndicator } from '../../components/ChannelList/ChannelListFooterLoadingIndicator';
 import { ChannelListHeaderErrorIndicator } from '../../components/ChannelList/ChannelListHeaderErrorIndicator';
@@ -196,6 +207,7 @@ const components = {
   AutoCompleteSuggestionHeader,
   AutoCompleteSuggestionItem,
   AutoCompleteSuggestionList,
+  MentionSuggestionItem,
   ChannelDetailsBottomSheet,
   CooldownTimer,
   CircularProgressIndicator,
@@ -311,8 +323,10 @@ const components = {
   ChannelDetailsActionsSection,
   ChannelDetailsActionItem,
   ChannelDetailsMemberSection,
+  ChannelDetailsNavigationSection,
   ChannelDetailsProfile,
   ChannelDetailsContent,
+  ChannelDetailsEditButton,
   ChannelDetailsNavHeader,
   ChannelEditDetails,
   ChannelEditImageSheet,
@@ -320,6 +334,12 @@ const components = {
   ChannelMemberActionsSheet,
   ChannelMemberItem,
   ChannelMemberList,
+  FileAttachmentItem,
+  FileAttachmentList,
+  MediaItem,
+  MediaList,
+  PinnedMessageItem,
+  PinnedMessageList,
 
   // Thread
   ThreadMessageComposer: MessageComposer,
@@ -359,7 +379,6 @@ const components = {
  */
 export interface OptionalComponentOverrides {
   AttachmentPickerIOSSelectMorePhotos?: React.ComponentType;
-  ChannelDetailsNavigationSection?: React.ComponentType;
   ChatLoadingIndicator?: React.ComponentType | null;
   CreatePollContent?: React.ComponentType;
   Input?: React.ComponentType<{

package/src/contexts/index.ts

@@ -32,6 +32,9 @@ export * from './utils/getDisplayName';
 export * from './channelDetailsContext';
 export * from './channelAddMembersContext/ChannelAddMembersContext';
 export * from './channelEditDetailsContext';
+export * from './channelFileAttachmentListContext/ChannelFileAttachmentListContext';
+export * from './channelPinnedMessageListContext/ChannelPinnedMessageListContext';
+export * from './channelMediaListContext/ChannelMediaListContext';
 export * from './pollContext';
 export * from './liveLocationManagerContext';
 export * from './audioPlayerContext/AudioPlayerContext';

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

@@ -234,7 +234,6 @@ export type Theme = {
       body: ViewStyle;
       header: ViewStyle;
       headerTitle: TextStyle;
-      root: ViewStyle;
     };
     addMembers: {
       searchResultItem: {
@@ -250,6 +249,39 @@ export type Theme = {
       nameInput: ViewStyle;
       uploadButton: ViewStyle;
     };
+    pinnedMessageList: {
+      container: ViewStyle;
+      list: ViewStyle;
+      listContent: ViewStyle;
+    };
+    pinnedMessageItem: {
+      container: ViewStyle;
+      content: ViewStyle;
+      name: TextStyle;
+      title: ViewStyle;
+    };
+    fileAttachmentList: {
+      container: ViewStyle;
+      list: ViewStyle;
+      listContent: ViewStyle;
+      sectionHeader: ViewStyle;
+      sectionHeaderText: TextStyle;
+    };
+    fileAttachmentItem: {
+      container: ViewStyle;
+    };
+    mediaList: {
+      container: ViewStyle;
+      list: ViewStyle;
+      listContent: ViewStyle;
+    };
+    mediaItem: {
+      avatar: ViewStyle;
+      container: ViewStyle;
+      thumbnail: ImageStyle;
+      videoBadge: ViewStyle;
+      videoBadgeText: TextStyle;
+    };
   };
   channelListSkeleton: {
     animationTime: number;
@@ -294,6 +326,24 @@ export type Theme = {
     textContainer: ViewStyle;
     title: ViewStyle;
   };
+  pinnedMessageListSkeleton: {
+    animationTime: number;
+    avatar: ViewStyle;
+    container: ViewStyle;
+    content: ViewStyle;
+    subtitle: ViewStyle;
+    textContainer: ViewStyle;
+    title: ViewStyle;
+  };
+  fileAttachmentListSkeleton: {
+    animationTime: number;
+    avatar: ViewStyle;
+    container: ViewStyle;
+    content: ViewStyle;
+    subtitle: ViewStyle;
+    textContainer: ViewStyle;
+    title: ViewStyle;
+  };
   channelPreview: {
     container: ViewStyle;
     contentContainer: ViewStyle;
@@ -306,6 +356,7 @@ export type Theme = {
       checkAllIcon: IconProps;
       checkIcon: IconProps;
       timeIcon: IconProps;
+      username: TextStyle;
     };
     lowerRow: ViewStyle;
     title: TextStyle;
@@ -335,6 +386,11 @@ export type Theme = {
     container: ViewStyle;
     text: TextStyle;
   };
+  emptyList: {
+    container: ViewStyle;
+    subtitle: TextStyle;
+    title: TextStyle;
+  };
   emptySearchResult: {
     container: ViewStyle;
     text: TextStyle;
@@ -562,6 +618,10 @@ export type Theme = {
         avatarSize: number;
         column: ViewStyle;
         container: ViewStyle;
+        enhancedMentionContainer: ViewStyle;
+        enhancedMentionIcon: ViewStyle;
+        enhancedMentionSubtitle: TextStyle;
+        enhancedMentionTitle: TextStyle;
         name: TextStyle;
         tag: TextStyle;
       };
@@ -569,6 +629,7 @@ export type Theme = {
     suggestionsListContainer: {
       container: ViewStyle;
       flatlist: ViewStyle;
+      flatlistContentContainer: ViewStyle;
     };
     videoAttachmentUploadPreview: {
       durationContainer: ViewStyle;
@@ -1280,7 +1341,6 @@ export const defaultTheme: Theme = {
       body: {},
       header: {},
       headerTitle: {},
-      root: {},
     },
     addMembers: {
       searchResultItem: {
@@ -1296,6 +1356,39 @@ export const defaultTheme: Theme = {
       nameInput: {},
       uploadButton: {},
     },
+    pinnedMessageList: {
+      container: {},
+      list: {},
+      listContent: {},
+    },
+    pinnedMessageItem: {
+      container: {},
+      content: {},
+      name: {},
+      title: {},
+    },
+    fileAttachmentList: {
+      container: {},
+      list: {},
+      listContent: {},
+      sectionHeader: {},
+      sectionHeaderText: {},
+    },
+    fileAttachmentItem: {
+      container: {},
+    },
+    mediaList: {
+      container: {},
+      list: {},
+      listContent: {},
+    },
+    mediaItem: {
+      avatar: {},
+      container: {},
+      thumbnail: {},
+      videoBadge: {},
+      videoBadgeText: {},
+    },
   },
   channelListSkeleton: {
     animationTime: 1000, // in milliseconds
@@ -1340,6 +1433,24 @@ export const defaultTheme: Theme = {
     textContainer: {},
     title: {},
   },
+  pinnedMessageListSkeleton: {
+    animationTime: 1000, // in milliseconds
+    avatar: {},
+    container: {},
+    content: {},
+    subtitle: {},
+    textContainer: {},
+    title: {},
+  },
+  fileAttachmentListSkeleton: {
+    animationTime: 1000, // in milliseconds
+    avatar: {},
+    container: {},
+    content: {},
+    subtitle: {},
+    textContainer: {},
+    title: {},
+  },
   channelPreview: {
     container: {},
     contentContainer: {},
@@ -1356,6 +1467,7 @@ export const defaultTheme: Theme = {
       checkAllIcon: {},
       checkIcon: {},
       timeIcon: {},
+      username: {},
     },
     mutedStatus: {},
     pinnedStatus: {},
@@ -1381,6 +1493,11 @@ export const defaultTheme: Theme = {
     container: {},
     text: {},
   },
+  emptyList: {
+    container: {},
+    subtitle: {},
+    title: {},
+  },
   emptySearchResult: {
     container: {},
     text: {},
@@ -1600,6 +1717,10 @@ export const defaultTheme: Theme = {
         avatarSize: 40,
         column: {},
         container: {},
+        enhancedMentionContainer: {},
+        enhancedMentionIcon: {},
+        enhancedMentionSubtitle: {},
+        enhancedMentionTitle: {},
         name: {},
         tag: {},
       },
@@ -1607,6 +1728,7 @@ export const defaultTheme: Theme = {
     suggestionsListContainer: {
       container: {},
       flatlist: {},
+      flatlistContentContainer: {},
     },
     wrapper: {},
     linkPreviewList: {

package/src/hooks/actions/__tests__/useChannelActionItems.test.tsx

@@ -105,7 +105,7 @@ describe('useChannelActionItems', () => {
     expect(result.current.map((item) => item.action)).toEqual([
       channelActions.muteChannel,
       channelActions.pin,
-      channelActions.leave,
+      expect.any(Function),
       expect.any(Function),
     ]);
     expect(result.current.map((item) => item.id)).toEqual([
@@ -268,7 +268,7 @@ describe('getChannelActionItems', () => {
     expect(actionItems.map((item) => item.action)).toEqual([
       channelActions.muteChannel,
       channelActions.pin,
-      channelActions.leave,
+      expect.any(Function),
       expect.any(Function),
     ]);
     expect(actionItems.map((item) => item.id)).toEqual(['mute', 'pin', 'leave', 'deleteChannel']);
@@ -308,7 +308,7 @@ describe('getChannelActionItems', () => {
       channelActions.pin,
       channelActions.unmuteUser,
       channelActions.unblockUser,
-      channelActions.leave,
+      expect.any(Function),
       expect.any(Function),
     ]);
     expect(actionItems.map((item) => item.label)).toEqual([
@@ -383,7 +383,7 @@ describe('getChannelActionItems', () => {
     expect(actionItems[0].placement).toBe('swipe');
 
     const leaveItem = actionItems.find((item) => item.id === 'leave');
-    expect(leaveItem?.action).toBe(channelActions.leave);
+    expect(leaveItem?.action).toEqual(expect.any(Function));
     expect(leaveItem?.label).toBe('Leave Group');
     expect(leaveItem?.placement).toBe('sheet');
   });

package/src/hooks/actions/__tests__/useChannelMemberActionItems.test.tsx

@@ -76,7 +76,7 @@ describe('useChannelMemberActionItems', () => {
     expect(result.current.map((item) => item.id)).toEqual(['muteUser', 'block']);
     expect(result.current.map((item) => item.action)).toEqual([
       userActions.muteUser,
-      userActions.blockUser,
+      expect.any(Function),
     ]);
     expect(result.current.map((item) => item.type)).toEqual(['standard', 'destructive']);
     expect(result.current.map((item) => item.label)).toEqual(['Mute User', 'Block User']);
@@ -259,7 +259,7 @@ describe('buildDefaultChannelMemberActionItems', () => {
     });
 
     expect(items.map((item) => item.id)).toEqual(['muteUser', 'block']);
-    expect(items.map((item) => item.action)).toEqual([actions.muteUser, actions.blockUser]);
+    expect(items.map((item) => item.action)).toEqual([actions.muteUser, expect.any(Function)]);
     expect(items.map((item) => item.label)).toEqual(['Mute User', 'Block User']);
     expect(items.map((item) => item.type)).toEqual(['standard', 'destructive']);
   });
@@ -335,7 +335,7 @@ describe('buildDefaultChannelMemberActionItems', () => {
     });
 
     expect(items.find((item) => item.id === 'muteUser')?.action).toBe(actions.unmuteUser);
-    expect(items.find((item) => item.id === 'block')?.action).toBe(actions.blockUser);
+    expect(items.find((item) => item.id === 'block')?.action).toEqual(expect.any(Function));
   });
 
   it('default getChannelMemberActionItems returns defaultItems unchanged', () => {

package/src/hooks/actions/useChannelActionItems.tsx

@@ -179,8 +179,31 @@ export const buildDefaultChannelActionItems: BuildDefaultChannelActionItems = (
       type: 'standard',
     });
 
+    const blockUserWithConfirmation = (...args: Parameters<ChannelActionHandler>) => {
+      const otherUser = getOtherUserInDirectChannel(channel)?.user;
+      const name = otherUser?.name || otherUser?.id || '';
+
+      Alert.alert(
+        t('Block {{ name }}', { name }),
+        t("They won't be able to message or call you. You can unblock them later."),
+        [
+          {
+            style: 'cancel',
+            text: t('Cancel'),
+          },
+          {
+            onPress: async () => {
+              await blockUser(...args);
+            },
+            style: 'destructive',
+            text: t('Block'),
+          },
+        ],
+      );
+    };
+
     actionItems.push({
-      action: isBlocked ? unblockUser : blockUser,
+      action: isBlocked ? unblockUser : blockUserWithConfirmation,
       Icon: (props) => <ChannelActionsIcon Icon={BlockUser} {...props} />,
       id: 'block',
       label: isBlocked ? t('Unblock User') : t('Block User'),
@@ -189,8 +212,39 @@ export const buildDefaultChannelActionItems: BuildDefaultChannelActionItems = (
     });
   }
 
+  const leaveWithConfirmation = (...args: Parameters<ChannelActionHandler>) => {
+    const channelName = channel.data?.name;
+    let name: string;
+    if (channelName) {
+      name = channelName;
+    } else if (isDirectChat) {
+      const otherUser = getOtherUserInDirectChannel(channel)?.user;
+      name = otherUser?.name || otherUser?.id || '';
+    } else {
+      name = t('group');
+    }
+
+    Alert.alert(
+      isDirectChat ? t('Leave Chat') : t('Leave Group'),
+      t("You'll stop receiving messages from {{ name }}. You can rejoin anytime.", { name }),
+      [
+        {
+          style: 'cancel',
+          text: t('Cancel'),
+        },
+        {
+          onPress: async () => {
+            await leave(...args);
+          },
+          style: 'destructive',
+          text: t('Leave'),
+        },
+      ],
+    );
+  };
+
   actionItems.push({
-    action: leave,
+    action: leaveWithConfirmation,
     Icon: (props) => <ChannelActionsIcon Icon={ArrowBoxLeft} {...props} />,
     id: 'leave',
     label: isDirectChat ? t('Leave Chat') : t('Leave Group'),

package/src/hooks/actions/useChannelMemberActionItems.tsx

@@ -83,7 +83,29 @@ export const buildDefaultChannelMemberActionItems: BuildDefaultChannelMemberActi
         type: 'standard',
       },
       {
-        action: isBlocked ? unblockUser : blockUser,
+        action: isBlocked
+          ? unblockUser
+          : (...args: Parameters<UserActions['blockUser']>) => {
+              const name = member.user?.name || member.user?.id || '';
+
+              Alert.alert(
+                t('Block {{ name }}', { name }),
+                t("They won't be able to message or call you. You can unblock them later."),
+                [
+                  {
+                    style: 'cancel',
+                    text: t('Cancel'),
+                  },
+                  {
+                    onPress: async () => {
+                      await blockUser(...args);
+                    },
+                    style: 'destructive',
+                    text: t('Block'),
+                  },
+                ],
+              );
+            },
         Icon: (props) => <ChannelMemberActionsIcon Icon={BlockUser} {...props} />,
         id: 'block',
         label: isBlocked ? t('Unblock User') : t('Block User'),

package/src/i18n/ar.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,8 +439,29 @@
   "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": "إلغاء تثبيت الدردشة",
-  "Unpin Group": "إلغاء تثبيت المجموعة"
+  "Unpin Group": "إلغاء تثبيت المجموعة",
+  "Block": "حظر",
+  "Block {{ name }}": "حظر {{ name }}",
+  "They won't be able to message or call you. You can unblock them later.": "لن يتمكن/تتمكن من مراسلتك أو الاتصال بك. يمكنك إلغاء الحظر لاحقًا.",
+  "Leave": "مغادرة",
+  "You'll stop receiving messages from {{ name }}. You can rejoin anytime.": "ستتوقف عن تلقي الرسائل من {{ name }}. يمكنك الانضمام مجددًا في أي وقت.",
+  "group": "المجموعة"
 }

package/src/i18n/en.json

@@ -72,6 +72,7 @@
   "Loading threads...": "Loading threads...",
   "Loading...": "Loading...",
   "Location": "Location",
+  "Long-press a message to pin it to the chat": "Long-press a message to pin it to the chat",
   "Mark as Unread": "Mark as Unread",
   "Maximum number of files reached": "Maximum number of files reached",
   "Message Reactions": "Message Reactions",
@@ -96,7 +97,10 @@
   "Failed to remove members": "Failed to remove members",
   "Muted": "Muted",
   "No chats here yet…": "No chats here yet…",
+  "No files": "No files",
   "No items exist": "No items exist",
+  "No photos or videos": "No photos or videos",
+  "No pinned messages": "No pinned messages",
   "No threads here yet": "No threads here yet",
   "No user found": "No user found",
   "Not supported": "Not supported",
@@ -110,6 +114,7 @@
   "Options": "Options",
   "Photo": "Photo",
   "Photos and Videos": "Photos and Videos",
+  "Share a photo or video to see it here": "Share a photo or video to see it here",
   "Pin to Conversation": "Pin to Conversation",
   "Pinned by": "Pinned by",
   "Please allow Audio permissions in settings.": "Please allow Audio permissions in settings.",
@@ -170,6 +175,7 @@
   "duration/Remind Me": "{{ milliseconds | durationFormatter(withSuffix: true) }}",
   "replied to": "replied to",
   "timestamp/ChannelPreviewStatus": "{{ timestamp | timestampFormatter(calendar: true; calendarFormats: {\"lastDay\":\"[Yesterday]\", \"lastWeek\":\"dddd\", \"nextDay\":\"[Tomorrow]\", \"nextWeek\":\"dddd [at] 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) }}",
@@ -236,6 +242,12 @@
   "No conversations yet": "No conversations yet",
   "Are you sure you want to delete this group? This can't be undone.": "Are you sure you want to delete this group? This can't be undone.",
   "Are you sure you want to delete this chat? This can't be undone.": "Are you sure you want to delete this chat? This can't be undone.",
+  "Block": "Block",
+  "Block {{ name }}": "Block {{ name }}",
+  "They won't be able to message or call you. You can unblock them later.": "They won't be able to message or call you. You can unblock them later.",
+  "Leave": "Leave",
+  "You'll stop receiving messages from {{ name }}. You can rejoin anytime.": "You'll stop receiving messages from {{ name }}. You can rejoin anytime.",
+  "group": "this group",
   "Delete chat": "Delete chat",
   "Delete group": "Delete group",
   "Archive Chat": "Archive Chat",
@@ -344,6 +356,7 @@
   "a11y/Select image": "Select image",
   "a11y/Select video": "Select video",
   "a11y/Send voice recording": "Send voice recording",
+  "a11y/Search pinned messages": "Search pinned messages",
   "a11y/Search users to add": "Search users to add",
   "a11y/Select {{name}}": "Select {{name}}",
   "a11y/{{name}} is already a member": "{{name}} is already a member",
@@ -355,6 +368,7 @@
   "Contact Info": "Contact Info",
   "Edit": "Edit",
   "Files": "Files",
+  "Share a file to see it here": "Share a file to see it here",
   "Group Info": "Group Info",
   "timestamp/UserActivityStatus": "Last seen {{ timestamp | fromNowFormatter }}",
   "Photos & Videos": "Photos & Videos",
@@ -405,7 +419,10 @@
   "Failed to block user": "Failed to block user",
   "Failed to delete channel": "Failed to delete channel",
   "Failed to leave channel": "Failed to leave channel",
+  "Failed to load files": "Failed to load files",
+  "Failed to load media": "Failed to load media",
   "Failed to load members": "Failed to load members",
+  "Failed to load pinned messages": "Failed to load pinned messages",
   "Failed to load users": "Failed to load users",
   "Failed to play the recording": "Failed to play the recording",
   "Failed to update channel archive status": "Failed to update channel archive status",
@@ -440,5 +457,11 @@
   "a11y/{{count}} unread messages": "{{count}} unread messages",
   "a11y/Gallery Image": "Gallery image",
   "a11y/Gallery Video": "Gallery video",
-  "a11y/{{position}} of {{count}}": "{{position}} of {{count}}"
+  "a11y/{{position}} of {{count}}": "{{position}} of {{count}}",
+  "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"
 }