stream-chat-react-native-core 5.32.0-beta.1 → 5.32.0-beta.3

package/lib/typescript/i18n/tr.json

@@ -1,83 +1,90 @@
 {
-    "1 Reply": "",
-    "1 Thread Reply": "1 Konu Yanıtı",
-    "Allow access to your Gallery": "",
-    "Allow camera access in device settings": "",
-    "Also send to channel": "",
-    "Are you sure you want to permanently delete this message?": "",
-    "Are you sure?": "",
-    "Block User": "",
-    "Cancel": "",
-    "Cannot Flag Message": "",
-    "Consider how your comment might make others feel and be sure to follow our Community Guidelines": "",
-    "Copy Message": "",
-    "Delete": "",
-    "Delete Message": "",
-    "Device camera is used to take photos or videos.": "",
-    "Do you want to send a copy of this message to a moderator for further investigation?": "",
-    "Edit Message": "",
-    "Edited": "",
-    "Editing Message": "Mesaj Düzenleniyor",
-    "Emoji matching": "",
-    "Empty message...": "",
-    "Error loading": "",
-    "Error loading channel list...": "",
-    "Error loading messages for this channel...": "",
-    "Error while loading, please reload/refresh": "",
-    "File is too large: {{ size }}, maximum upload size is {{ limit }}": "",
-    "File type not supported": "",
-    "Flag": "",
-    "Flag Message": "",
-    "Flag action failed either due to a network issue or the message is already flagged": "",
-    "Hold to start recording.": "",
-    "How about sending your first message to a friend?": "",
-    "Instant Commands": "",
-    "Let's start chatting!": "",
-    "Links are disabled": "",
-    "Loading channels...": "",
-    "Loading messages...": "",
-    "Loading...": "",
-    "Message Reactions": "",
-    "Message deleted": "Mesaj silindi",
-    "Message flagged": "",
-    "Mute User": "",
-    "No chats here yet…": "",
-    "Not supported": "",
-    "Nothing yet...": "",
-    "Ok": "",
-    "Only visible to you": "Sadece siz görebilirsiniz",
-    "Open Settings": "",
-    "Photo": "Fotoğraf",
-    "Photos and Videos": "",
-    "Pin to Conversation": "",
-    "Pinned by": "Tarafından sabitlendi",
-    "Please allow Audio permissions in settings.": "",
-    "Please enable access to your photos and videos so you can share them.": "",
-    "Please select a channel first": "",
-    "Reconnecting...": "Yeniden Bağlanılıyor...",
-    "Reply": "",
-    "Reply to Message": "",
-    "Resend": "",
-    "Search GIFs": "GIF Ara",
-    "Select More Photos": "",
-    "Send Anyway": "",
-    "Send a message": "Mesaj gönder",
-    "Sending links is not allowed in this conversation": "",
-    "Slow mode ON": "Yavaş Mod Açık",
-    "The message has been reported to a moderator.": "",
-    "Thread Reply": "",
-    "Unblock User": "",
-    "Unknown User": "",
-    "Unmute User": "",
-    "Unpin from Conversation": "",
-    "Unread Messages": "",
-    "Video": "Video",
-    "You": "Sen",
-    "You can't send messages in this channel": "",
-    "{{ firstUser }} and {{ nonSelfUserLength }} more are typing": "{{ firstUser }} ve {{ nonSelfUserLength }} kişi daha yazıyor",
-    "{{ index }} of {{ photoLength }}": "",
-    "{{ replyCount }} Replies": "",
-    "{{ replyCount }} Thread Replies": "{{responseCount}} Konu Cevapı",
-    "{{ user }} is typing": "{{ user }} yazıyor",
-    "🏙 Attachment...": ""
+  "1 Reply": "1 Cevap",
+  "1 Thread Reply": "1 Konu Yanıtı",
+  "Allow access to your Gallery": "Galerinize erişime izin verin",
+  "Allow camera access in device settings": "Cihaz ayarlarında kamera erişimine izin ver",
+  "Also send to channel": "Kanala da gönder",
+  "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?",
+  "Block User": "Kullanıcıyı engelle",
+  "Cancel": "İptal",
+  "Cannot Flag Message": "Raporlama Başarısız",
+  "Consider how your comment might make others feel and be sure to follow our Community Guidelines": "Yorumunuzun diğerlerini nasıl hissettirebileceğini düşünün ve topluluk kurallarımızı takip ettiğinizden emin olun",
+  "Copy Message": "Mesajı Kopyala",
+  "Delete": "Sil",
+  "Delete Message": "Mesajı Sil",
+  "Device camera is used to take photos or videos.": "Cihaz kamerası fotoğraf veya video çekmek için kullanılır.",
+  "Do you want to send a copy of this message to a moderator for further investigation?": "Detaylı inceleme için bu mesajın kopyasını moderatöre göndermek istiyor musunuz?",
+  "Edit Message": "Mesajı Düzenle",
+  "Edited": "Düzenlendi",
+  "Editing Message": "Mesaj Düzenleniyor",
+  "Emoji matching": "Emoji eşleştirme",
+  "Empty message...": "Boş mesaj...",
+  "Error loading": "Yükleme hatası",
+  "Error loading channel list...": "Kanal listesi yüklenirken hata oluştu...",
+  "Error loading messages for this channel...": "Bu kanal için mesajlar yüklenirken hata oluştu...",
+  "Error while loading, please reload/refresh": "Yüklenirken hata oluştu, lütfen tekrar deneyiniz",
+  "File is too large: {{ size }}, maximum upload size is {{ limit }}": "Dosya çok büyük: {{ size }}, maksimum yükleme boyutu {{ limit }}",
+  "File type not supported": "Dosya türü desteklenmiyor",
+  "Flag": "Raporla",
+  "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.",
+  "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ışı",
+  "Loading channels...": "Kanallar yükleniyor...",
+  "Loading messages...": "Mesajlar yükleniyor...",
+  "Loading...": "Yükleniyor...",
+  "Message Reactions": "Mesaj Tepkileri",
+  "Message deleted": "Mesaj silindi",
+  "Message flagged": "Mesaj işaretlendi",
+  "Mute User": "Kullanıcıyı sessize al",
+  "No chats here yet…": "Henüz burada sohbet yok…",
+  "Not supported": "Desteklenmiyor",
+  "Nothing yet...": "Henüz değil...",
+  "Ok": "Tamam",
+  "Only visible to you": "Sadece siz görebilirsiniz",
+  "Open Settings": "Ayarları aç",
+  "Photo": "Fotoğraf",
+  "Photos and Videos": "Fotoğraflar ve Videolar",
+  "Pin to Conversation": "Konuşmaya sabitle",
+  "Pinned by": "Tarafından sabitlendi",
+  "Please allow Audio permissions in settings.": "Lütfen ayarlarda ses izinlerine izin verin",
+  "Please enable access to your photos and videos so you can share them.": "Paylaşım yapabilmek için lutfen fotoğraflarınıza ve videolarınıza erişimi etkinleştirin.",
+  "Please select a channel first": "Lütfen önce bir kanal seçiniz",
+  "Reconnecting...": "Yeniden Bağlanılıyor...",
+  "Reply": "Yanıtla",
+  "Reply to Message": "Mesajı Yanıtla",
+  "Resend": "Yeniden gönder",
+  "Search GIFs": "GIF Ara",
+  "Select More Photos": "Daha Fazla Fotoğraf Seçin",
+  "Send Anyway": "Yine de Gönder",
+  "Send a message": "Mesaj gönder",
+  "Sending links is not allowed in this conversation": "Bu konuşmada bağlantı göndermek desteklenmiyor",
+  "Slow mode ON": "Yavaş Mod Açık",
+  "The message has been reported to a moderator.": "Mesaj moderatöre bildirildi.",
+  "Thread Reply": "Konu Yanıtı",
+  "Unblock User": "Kullanıcının engelini kaldır",
+  "Unknown User": "Bilinmeyen kullanıcı",
+  "Unmute User": "Kullanıcının sesini aç",
+  "Unpin from Conversation": "Sabitlemeyi kaldır",
+  "Unread Messages": "Okunmamış Mesajlar",
+  "Video": "Video",
+  "You": "Sen",
+  "You can't send messages in this channel": "Bu konuşmaya mesaj gönderemezsiniz",
+  "timestamp/ChannelPreviewStatus": "{{ timestamp | timestampFormatter(calendar: true; calendarFormats: {\"lastDay\":\"[Dün]\",\"lastWeek\":\"dddd\",\"nextDay\":\"[Yarın]\",\"nextWeek\":\"dddd [saat] LT\",\"sameDay\":\"LT\",\"sameElse\":\"L\"}) }}",
+  "timestamp/ImageGalleryHeader": "{{ timestamp | timestampFormatter(calendar: true) }}",
+  "timestamp/InlineDateSeparator": "{{ timestamp | timestampFormatter(calendar: true) }}",
+  "timestamp/MessageEditedTimestamp": "{{ timestamp | timestampFormatter(calendar: true) }}",
+  "timestamp/MessageSystem": "{{ timestamp | timestampFormatter(calendar: true) }}",
+  "timestamp/MessageTimestamp": "{{ timestamp | timestampFormatter(format: LT) }}",
+  "timestamp/StickyHeader": "{{ timestamp | timestampFormatter(calendar: true) }}",
+  "{{ firstUser }} and {{ nonSelfUserLength }} more are typing": "{{ firstUser }} ve {{ nonSelfUserLength }} kişi daha yazıyor",
+  "{{ index }} of {{ photoLength }}": "{{ index }} / {{ photoLength }}",
+  "{{ replyCount }} Replies": "{{ replyCount }} Cevap",
+  "{{ replyCount }} Thread Replies": "{{responseCount}} Konu Cevapı",
+  "{{ user }} is typing": "{{ user }} yazıyor",
+  "🏙 Attachment...": "🏙 Ek..."
 }

package/lib/typescript/index.d.ts

@@ -1,3 +1,5 @@
+/** i18next polyfill to handle intl format for pluralization. For more info see https://www.i18next.com/misc/json-format#i-18-next-json-v4 */
+import 'intl-pluralrules';
 export * from './components';
 export * from './hooks';
 export { registerNativeHandlers, NetInfo, iOS14RefreshGallerySelection } from './native';
@@ -6,7 +8,7 @@ export * from './emoji-data';
 export * from './icons';
 export * from './types/types';
 export * from './utils/patchMessageTextCommand';
-export * from './utils/Streami18n';
+export * from './utils/i18n/Streami18n';
 export * from './utils/utils';
 export * from './utils/StreamChatRN';
 export { default as enTranslations } from './i18n/en.json';

package/lib/typescript/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,OAAO,EAAE,sBAAsB,EAAE,OAAO,EAAE,4BAA4B,EAAE,MAAM,UAAU,CAAC;AACzF,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAE7B,cAAc,SAAS,CAAC;AAExB,cAAc,eAAe,CAAC;AAE9B,cAAc,iCAAiC,CAAC;AAChD,cAAc,oBAAoB,CAAC;AACnC,cAAc,eAAe,CAAC;AAC9B,cAAc,sBAAsB,CAAC;AAErC,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAE3D,OAAO,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAC9D,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAEzC,OAAO,KAAK,gBAAgB,MAAM,cAAc,CAAC;AACjD,OAAO,EAAE,gBAAgB,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,6IAA6I;AAC7I,OAAO,kBAAkB,CAAC;AAE1B,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,OAAO,EAAE,sBAAsB,EAAE,OAAO,EAAE,4BAA4B,EAAE,MAAM,UAAU,CAAC;AACzF,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAE7B,cAAc,SAAS,CAAC;AAExB,cAAc,eAAe,CAAC;AAE9B,cAAc,iCAAiC,CAAC;AAChD,cAAc,yBAAyB,CAAC;AACxC,cAAc,eAAe,CAAC;AAC9B,cAAc,sBAAsB,CAAC;AAErC,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAE3D,OAAO,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAC9D,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAEzC,OAAO,KAAK,gBAAgB,MAAM,cAAc,CAAC;AACjD,OAAO,EAAE,gBAAgB,EAAE,CAAC"}

package/lib/typescript/utils/{Streami18n.d.ts → i18n/Streami18n.d.ts}

@@ -1,8 +1,9 @@
 import Dayjs from 'dayjs';
 import { FallbackLng, TFunction } from 'i18next';
 import type moment from 'moment';
-import type { TDateTimeParser } from '../contexts/translationContext/TranslationContext';
-import enTranslations from '../i18n/en.json';
+import { CustomFormatters, PredefinedFormatters } from './predefinedFormatters';
+import type { TDateTimeParser } from '../../contexts/translationContext/TranslationContext';
+import enTranslations from '../../i18n/en.json';
 import 'dayjs/locale/es';
 import 'dayjs/locale/fr';
 import 'dayjs/locale/he';
@@ -20,12 +21,13 @@ import 'dayjs/locale/tr';
  * sure we don't mess up languages in other places in the app.
  */
 import 'dayjs/locale/en';
-import type { DefaultStreamChatGenerics } from '../types/types';
-type Options = {
+import type { DefaultStreamChatGenerics } from '../../types/types';
+type Streami18nOptions = {
     DateTimeParser?: typeof Dayjs | typeof moment;
     dayjsLocaleConfigForLanguage?: Partial<ILocale>;
     debug?: boolean;
     disableDateTimeTranslations?: boolean;
+    formatters?: Partial<PredefinedFormatters> & CustomFormatters;
     language?: string;
     logger?: (msg?: string) => void;
     translationsForLanguage?: Partial<typeof enTranslations>;
@@ -35,6 +37,7 @@ type I18NextConfig = {
     fallbackLng: false | FallbackLng;
     interpolation: {
         escapeValue: boolean;
+        formatSeparator: string;
     };
     keySeparator: false | string;
     lng: string;
@@ -71,6 +74,7 @@ export declare class Streami18n {
     logger: (msg?: string) => void;
     currentLanguage: string;
     DateTimeParser: typeof Dayjs | typeof moment;
+    formatters: PredefinedFormatters & CustomFormatters;
     isCustomDateTimeParser: boolean;
     i18nextConfig: I18NextConfig;
     /**
@@ -99,7 +103,7 @@ export declare class Streami18n {
      *
      * @param {*} options
      */
-    constructor(options?: Options, i18nextConfig?: Partial<I18NextConfig>);
+    constructor(options?: Streami18nOptions, i18nextConfig?: Partial<I18NextConfig>);
     /**
      * Initializes the i18next instance with configuration (which enables natural language as default keys)
      */
@@ -135,11 +139,6 @@ export declare class Streami18n {
                 "Editing Message": string;
                 "Emoji matching": string;
                 "Empty message...": string;
-                /**
-                 * These locale imports also set these locales globally.
-                 * So as a last step we import the english locale to make
-                 * sure we don't mess up languages in other places in the app.
-                 */
                 "Error loading": string;
                 "Error loading channel list...": string;
                 "Error loading messages for this channel...": string;
@@ -194,6 +193,13 @@ export declare class Streami18n {
                 Video: string;
                 You: string;
                 "You can't send messages in this channel": string;
+                "timestamp/ChannelPreviewStatus": string;
+                "timestamp/ImageGalleryHeader": string;
+                "timestamp/InlineDateSeparator": string;
+                "timestamp/MessageEditedTimestamp": string;
+                "timestamp/MessageSystem": string;
+                "timestamp/MessageTimestamp": string;
+                "timestamp/StickyHeader": string;
                 "{{ firstUser }} and {{ nonSelfUserLength }} more are typing": string;
                 "{{ index }} of {{ photoLength }}": string;
                 "{{ replyCount }} Replies": string;

package/lib/typescript/utils/i18n/Streami18n.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Streami18n.d.ts","sourceRoot":"","sources":["../../../../src/utils/i18n/Streami18n.ts"],"names":[],"mappings":"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"}

package/lib/typescript/utils/i18n/calendarFormats.d.ts

@@ -0,0 +1,14 @@
+type CalendarFormats = {
+    lastDay: string;
+    lastWeek: string;
+    nextDay: string;
+    nextWeek: string;
+    sameDay: string;
+    sameElse: string;
+};
+/**
+ * Calendar formats for different languages.
+ */
+export declare const calendarFormats: Record<string, CalendarFormats>;
+export {};
+//# sourceMappingURL=calendarFormats.d.ts.map

package/lib/typescript/utils/i18n/calendarFormats.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"calendarFormats.d.ts","sourceRoot":"","sources":["../../../../src/utils/i18n/calendarFormats.ts"],"names":[],"mappings":"AAAA,KAAK,eAAe,GAAG;IACrB,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,eAAe,EAAE,MAAM,CAAC,MAAM,EAAE,eAAe,CAiG3D,CAAC"}

package/lib/typescript/utils/i18n/getDateString.d.ts

@@ -0,0 +1,16 @@
+import type { TimestampFormatterOptions } from './predefinedFormatters';
+import { TranslatorFunctions } from '../../contexts/translationContext/TranslationContext';
+type DateFormatterOptions = TimestampFormatterOptions & Partial<TranslatorFunctions> & {
+    /**
+     * The timestamp to be formatted.
+     */
+    date?: string | Date;
+    timestampTranslationKey?: string;
+};
+export declare const noParsingFunctionWarning = "MessageTimestamp was called but there is no datetime parsing function available";
+/**
+ * Utility function to format the date string.
+ */
+export declare function getDateString({ calendar, calendarFormats, date, format, t, tDateTimeParser, timestampTranslationKey, }: DateFormatterOptions): string | number | undefined;
+export {};
+//# sourceMappingURL=getDateString.d.ts.map

package/lib/typescript/utils/i18n/getDateString.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"getDateString.d.ts","sourceRoot":"","sources":["../../../../src/utils/i18n/getDateString.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,wBAAwB,CAAC;AAExE,OAAO,EAEL,mBAAmB,EACpB,MAAM,sDAAsD,CAAC;AAE9D,KAAK,oBAAoB,GAAG,yBAAyB,GACnD,OAAO,CAAC,mBAAmB,CAAC,GAAG;IAC7B;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAIrB,uBAAuB,CAAC,EAAE,MAAM,CAAC;CAClC,CAAC;AAEJ,eAAO,MAAM,wBAAwB,oFAC8C,CAAC;AAEpF;;GAEG;AACH,wBAAgB,aAAa,CAAC,EAC5B,QAAQ,EACR,eAAe,EACf,IAAI,EACJ,MAAM,EACN,CAAC,EACD,eAAe,EACf,uBAAuB,GACxB,EAAE,oBAAoB,GAAG,MAAM,GAAG,MAAM,GAAG,SAAS,CA0CpD"}

package/lib/typescript/utils/i18n/predefinedFormatters.d.ts

@@ -0,0 +1,13 @@
+import { Streami18n } from './Streami18n';
+export type TimestampFormatterOptions = {
+    calendar?: boolean | null;
+    calendarFormats?: Record<string, string>;
+    format?: string;
+};
+export type FormatterFactory<V> = (streamI18n: Streami18n) => (value: V, lng: string | undefined, options: Record<string, unknown>) => string;
+export type CustomFormatters = Record<string, FormatterFactory<any>>;
+export type PredefinedFormatters = {
+    timestampFormatter: FormatterFactory<string | Date>;
+};
+export declare const predefinedFormatters: PredefinedFormatters;
+//# sourceMappingURL=predefinedFormatters.d.ts.map

package/lib/typescript/utils/i18n/predefinedFormatters.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"predefinedFormatters.d.ts","sourceRoot":"","sources":["../../../../src/utils/i18n/predefinedFormatters.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,MAAM,MAAM,yBAAyB,GAAG;IAEtC,QAAQ,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;IAE1B,eAAe,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAEzC,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,MAAM,MAAM,gBAAgB,CAAC,CAAC,IAAI,CAChC,UAAU,EAAE,UAAU,KACnB,CAAC,KAAK,EAAE,CAAC,EAAE,GAAG,EAAE,MAAM,GAAG,SAAS,EAAE,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,MAAM,CAAC;AAKrF,MAAM,MAAM,gBAAgB,GAAG,MAAM,CAAC,MAAM,EAAE,gBAAgB,CAAC,GAAG,CAAC,CAAC,CAAC;AAErE,MAAM,MAAM,oBAAoB,GAAG;IACjC,kBAAkB,EAAE,gBAAgB,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC;CACrD,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,oBAqClC,CAAC"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "stream-chat-react-native-core",
   "description": "The official React Native and Expo components for Stream Chat, a service for building chat applications",
-  "version": "5.32.0-beta.1",
+  "version": "5.32.0-beta.3",
   "author": {
     "company": "Stream.io Inc",
     "name": "Stream.io Inc"
@@ -23,17 +23,16 @@
   ],
   "scripts": {
     "analyze": "yarn build -- --stats && webpack-bundle-analyzer build/bundle-stats.json",
-    "build": "rm -rf lib && yarn run --silent build-translations && bob build && yarn run --silent copy-translations && yarn run --silent lint-fix-translations",
-    "lint-fix-translations": "prettier --check 'src/i18n/*.json' --write 'src/i18n/*.json' .eslintrc.json ../.prettierrc .babelrc",
-    "build-translations": "rm -rf .tmpi18ncache || true && mkdir .tmpi18ncache && yarn run babel --config-file ./babel.i18next-extract.json 'src/**/*.{js,jsx,ts,tsx}' --out-dir '.tmpi18ncache/' && rm -rf .tmpi18ncache && prettier --write 'src/i18n/*.{js,ts,tsx,md,json}' .eslintrc.json ../.prettierrc .babelrc",
+    "build": "rm -rf lib && yarn run --silent build-translations && bob build && yarn run --silent copy-translations",
+    "build-translations": "i18next",
     "copy-translations": "echo '\u001b[34mℹ\u001b[0m Copying translation files to \u001b[34mlib/typescript/i18n\u001b[0m' && cp -R -f ./src/i18n ./lib/typescript/i18n && echo '\u001b[32m✓\u001b[0m Done Copying Translations'",
     "eslint": "eslint 'src/**/*.{js,md,ts,jsx,tsx}' --max-warnings 0",
-    "lint": "prettier --ignore-path ../.prettierignore --list-different 'src/**/*.{js,ts,tsx,md,json}' .eslintrc.json ../.prettierrc .babelrc && eslint 'src/**/*.{js,ts,tsx,md}' --max-warnings 0 && yarn run validate-translations",
-    "lint-fix": "prettier --ignore-path ../.prettierignore --write 'src/**/*.{js,ts,tsx,md,json}' .eslintrc.json ../.prettierrc .babelrc && eslint --fix 'src/**/*.{js,ts,tsx,md}' --max-warnings 0",
+    "lint": "prettier --ignore-path ../.prettierignore --list-different 'src/**/*.{js,ts,tsx,md,json}' .eslintrc.json ../.prettierrc babel.config.js && eslint 'src/**/*.{js,ts,tsx,md}' --max-warnings 0 && yarn run validate-translations",
+    "lint-fix": "prettier --ignore-path ../.prettierignore --write 'src/**/*.{js,ts,tsx,md,json}' .eslintrc.json ../.prettierrc babel.config.js && eslint --fix 'src/**/*.{js,ts,tsx,md}' --max-warnings 0",
     "prepare": "yarn run build",
     "prepare-distribution": "cd examples/SampleApp && npm version patch && react-native-version && git add ./ && git commit -m 'Bump build version' --no-verify",
-    "prettier": "prettier --list-different '**/*.{js,ts,tsx,md,json}' .eslintrc.json ../.prettierrc .babelrc",
-    "prettier-fix": "prettier --write '**/*.{js,ts,tsx,md,json}' .eslintrc.json ../.prettierrc .babelrc",
+    "prettier": "prettier --list-different '**/*.{js,ts,tsx,md,json}' .eslintrc.json ../.prettierrc babel.config.js",
+    "prettier-fix": "prettier --write '**/*.{js,ts,tsx,md,json}' .eslintrc.json ../.prettierrc babel.config.js",
     "test:coverage": "yarn test:unit --coverage",
     "test:unit": "TZ=UTC jest",
     "validate-translations": "node bin/validate-translations.js",
@@ -71,7 +70,8 @@
     "@gorhom/bottom-sheet": "4.4.8",
     "dayjs": "1.10.5",
     "emoji-regex": "^10.3.0",
-    "i18next": "20.2.4",
+    "i18next": "^21.6.14",
+    "intl-pluralrules": "^2.0.1",
     "linkifyjs": "^4.1.1",
     "lodash-es": "4.17.21",
     "mime-types": "^2.1.34",
@@ -120,7 +120,6 @@
     "babel-eslint": "10.1.0",
     "babel-jest": "29.6.3",
     "babel-loader": "8.2.2",
-    "babel-plugin-i18next-extract": "0.8.3",
     "babel-plugin-module-resolver": "4.1.0",
     "better-sqlite3": "9.0.0",
     "eslint": "7.32.0",
@@ -134,6 +133,7 @@
     "eslint-plugin-react": "7.34.1",
     "eslint-plugin-sort-destructure-keys": "1.5.0",
     "eslint-plugin-typescript-sort-keys": "3.2.0",
+    "i18next-parser": "^9.0.0",
     "jest": "29.6.3",
     "moment": "2.29.2",
     "prettier": "2.8.8",

package/src/components/Attachment/__tests__/Giphy.test.js

@@ -23,7 +23,7 @@ import { generateMember } from '../../../mock-builders/generator/member';
 import { generateMessage } from '../../../mock-builders/generator/message';
 import { generateUser } from '../../../mock-builders/generator/user';
 import { getTestClientWithUser } from '../../../mock-builders/mock';
-import { Streami18n } from '../../../utils/Streami18n';
+import { Streami18n } from '../../../utils/i18n/Streami18n';
 import { ImageLoadingFailedIndicator } from '../../Attachment/ImageLoadingFailedIndicator';
 import { ImageLoadingIndicator } from '../../Attachment/ImageLoadingIndicator';
 import { Channel } from '../../Channel/Channel';

package/src/components/Channel/Channel.tsx

@@ -127,6 +127,7 @@ import { MessageReplies as MessageRepliesDefault } from '../Message/MessageSimpl
 import { MessageRepliesAvatars as MessageRepliesAvatarsDefault } from '../Message/MessageSimple/MessageRepliesAvatars';
 import { MessageSimple as MessageSimpleDefault } from '../Message/MessageSimple/MessageSimple';
 import { MessageStatus as MessageStatusDefault } from '../Message/MessageSimple/MessageStatus';
+import { MessageTimestamp as MessageTimestampDefault } from '../Message/MessageSimple/MessageTimestamp';
 import { ReactionList as ReactionListDefault } from '../Message/MessageSimple/ReactionList';
 import { AttachButton as AttachButtonDefault } from '../MessageInput/AttachButton';
 import { CommandsButton as CommandsButtonDefault } from '../MessageInput/CommandsButton';
@@ -156,6 +157,7 @@ import { MessageList as MessageListDefault } from '../MessageList/MessageList';
 import { MessageSystem as MessageSystemDefault } from '../MessageList/MessageSystem';
 import { NetworkDownIndicator as NetworkDownIndicatorDefault } from '../MessageList/NetworkDownIndicator';
 import { ScrollToBottomButton as ScrollToBottomButtonDefault } from '../MessageList/ScrollToBottomButton';
+import { StickyHeader as StickyHeaderDefault } from '../MessageList/StickyHeader';
 import { TypingIndicator as TypingIndicatorDefault } from '../MessageList/TypingIndicator';
 import { TypingIndicatorContainer as TypingIndicatorContainerDefault } from '../MessageList/TypingIndicatorContainer';
 import { OverlayReactionList as OverlayReactionListDefault } from '../MessageOverlay/OverlayReactionList';
@@ -305,6 +307,7 @@ export type ChannelPropsWithContext<
       | 'MessageStatus'
       | 'MessageSystem'
       | 'MessageText'
+      | 'MessageTimestamp'
       | 'myMessageTheme'
       | 'onLongPressMessage'
       | 'onPressInMessage'
@@ -542,6 +545,7 @@ const ChannelWithContext = <
     MessageStatus = MessageStatusDefault,
     MessageSystem = MessageSystemDefault,
     MessageText,
+    MessageTimestamp = MessageTimestampDefault,
     MoreOptionsButton = MoreOptionsButtonDefault,
     myMessageTheme,
     NetworkDownIndicator = NetworkDownIndicatorDefault,
@@ -573,7 +577,7 @@ const ChannelWithContext = <
     ShowThreadMessageInChannelButton = ShowThreadMessageInChannelButtonDefault,
     StartAudioRecordingButton = AudioRecordingButtonDefault,
     stateUpdateThrottleInterval = defaultThrottleInterval,
-    StickyHeader,
+    StickyHeader = StickyHeaderDefault,
     supportedReactions = reactionData,
     t,
     thread: threadProps,
@@ -2328,6 +2332,7 @@ const ChannelWithContext = <
     MessageStatus,
     MessageSystem,
     MessageText,
+    MessageTimestamp,
     myMessageTheme,
     onLongPressMessage,
     onPressInMessage,

package/src/components/Channel/hooks/useCreateMessagesContext.ts

@@ -69,6 +69,7 @@ export const useCreateMessagesContext = <
   MessageStatus,
   MessageSystem,
   MessageText,
+  MessageTimestamp,
   myMessageTheme,
   onLongPressMessage,
   onPressInMessage,
@@ -165,6 +166,7 @@ export const useCreateMessagesContext = <
       MessageStatus,
       MessageSystem,
       MessageText,
+      MessageTimestamp,
       myMessageTheme,
       onLongPressMessage,
       onPressInMessage,

package/src/components/ChannelPreview/ChannelPreviewStatus.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { useMemo } from 'react';
 import { StyleSheet, Text, View } from 'react-native';
 
 import { ChannelPreviewProps } from './ChannelPreview';
@@ -6,9 +6,11 @@ import type { ChannelPreviewMessengerPropsWithContext } from './ChannelPreviewMe
 import { MessageReadStatus } from './hooks/useLatestMessagePreview';
 
 import { useTheme } from '../../contexts/themeContext/ThemeContext';
+import { useTranslationContext } from '../../contexts/translationContext/TranslationContext';
 import { Check, CheckAll } from '../../icons';
 
 import type { DefaultStreamChatGenerics } from '../../types/types';
+import { getDateString } from '../../utils/i18n/getDateString';
 
 const styles = StyleSheet.create({
   date: {
@@ -35,6 +37,7 @@ export const ChannelPreviewStatus = <
   props: ChannelPreviewStatusProps<StreamChatGenerics>,
 ) => {
   const { formatLatestMessageDate, latestMessagePreview } = props;
+  const { t, tDateTimeParser } = useTranslationContext();
   const {
     theme: {
       channelPreview: { checkAllIcon, checkIcon, date },
@@ -44,6 +47,17 @@ export const ChannelPreviewStatus = <
 
   const created_at = latestMessagePreview.messageObject?.created_at;
   const latestMessageDate = created_at ? new Date(created_at) : new Date();
+
+  const formattedDate = useMemo(
+    () =>
+      getDateString({
+        date: created_at,
+        t,
+        tDateTimeParser,
+        timestampTranslationKey: 'timestamp/ChannelPreviewStatus',
+      }),
+    [created_at, t, tDateTimeParser],
+  );
   const status = latestMessagePreview.status;
 
   return (
@@ -56,7 +70,7 @@ export const ChannelPreviewStatus = <
       <Text style={[styles.date, { color: grey }, date]}>
         {formatLatestMessageDate && latestMessageDate
           ? formatLatestMessageDate(latestMessageDate).toString()
-          : latestMessagePreview.created_at.toString()}
+          : formattedDate}
       </Text>
     </View>
   );

package/src/components/ChannelPreview/hooks/useLatestMessagePreview.ts

@@ -1,13 +1,10 @@
 import { useEffect, useState } from 'react';
 
+import { TFunction } from 'i18next';
 import type { Channel, ChannelState, MessageResponse, StreamChat, UserResponse } from 'stream-chat';
 
 import { useChatContext } from '../../../contexts/chatContext/ChatContext';
-import {
-  isDayOrMoment,
-  TDateTimeParser,
-  useTranslationContext,
-} from '../../../contexts/translationContext/TranslationContext';
+import { useTranslationContext } from '../../../contexts/translationContext/TranslationContext';
 
 import { useTranslatedMessage } from '../../../hooks/useTranslatedMessage';
 import type { DefaultStreamChatGenerics } from '../../../types/types';
@@ -21,13 +18,13 @@ type LatestMessage<
 export type LatestMessagePreview<
   StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 > = {
-  created_at: string | number | Date;
   messageObject: LatestMessage<StreamChatGenerics> | undefined;
   previews: {
     bold: boolean;
     text: string;
   }[];
   status: number;
+  created_at?: string | Date;
 };
 
 const getMessageSenderName = <
@@ -131,22 +128,6 @@ const getLatestMessageDisplayText = <
   ];
 };
 
-const getLatestMessageDisplayDate = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
->(
-  message: LatestMessage<StreamChatGenerics> | undefined,
-  tDateTimeParser: TDateTimeParser,
-) => {
-  const parserOutput = tDateTimeParser(message?.created_at);
-  if (isDayOrMoment(parserOutput)) {
-    if (parserOutput.isSame(new Date(), 'day')) {
-      return parserOutput.format('LT');
-    }
-    return parserOutput.format('L');
-  }
-  return parserOutput;
-};
-
 export enum MessageReadStatus {
   NOT_SENT_BY_CURRENT_USER = 0,
   UNREAD = 1,
@@ -190,13 +171,12 @@ const getLatestMessagePreview = <
   channel: Channel<StreamChatGenerics>;
   client: StreamChat<StreamChatGenerics>;
   readEvents: boolean;
-  t: (key: string) => string;
-  tDateTimeParser: TDateTimeParser;
+  t: TFunction;
   lastMessage?:
     | ReturnType<ChannelState<StreamChatGenerics>['formatMessage']>
     | MessageResponse<StreamChatGenerics>;
 }) => {
-  const { channel, client, lastMessage, readEvents, t, tDateTimeParser } = params;
+  const { channel, client, lastMessage, readEvents, t } = params;
 
   const messages = channel.state.messages;
 
@@ -219,7 +199,7 @@ const getLatestMessagePreview = <
   const message = lastMessage !== undefined ? lastMessage : channelStateLastMessage;
 
   return {
-    created_at: getLatestMessageDisplayDate(message, tDateTimeParser),
+    created_at: message?.created_at,
     messageObject: message,
     previews: getLatestMessageDisplayText(channel, client, message, t),
     status: getLatestMessageReadStatus(channel, client, message, readEvents),
@@ -240,7 +220,7 @@ export const useLatestMessagePreview = <
   forceUpdate: number,
 ) => {
   const { client } = useChatContext<StreamChatGenerics>();
-  const { t, tDateTimeParser } = useTranslationContext();
+  const { t } = useTranslationContext();
 
   const channelConfigExists = typeof channel?.getConfig === 'function';
 
@@ -286,7 +266,6 @@ export const useLatestMessagePreview = <
           lastMessage: translatedLastMessage,
           readEvents,
           t,
-          tDateTimeParser,
         }),
       ),
     [channelLastMessageString, forceUpdate, readEvents, readStatus],