chore: merge latest dev

.github/workflows/pana.yml

@@ -31,8 +31,7 @@ jobs:
           TOTAL: ${{ steps.analysis.outputs.total }}
           TOTAL_MAX: ${{ steps.analysis.outputs.total_max }}
         run: |
-          PERCENTAGE=$(( $TOTAL * 100 / $TOTAL_MAX ))
-          if (( $PERCENTAGE < 90 ))
+          if (( $TOTAL < 120 ))
           then
             echo Score too low!
             exit 1
@@ -53,7 +52,7 @@ jobs:
           TOTAL_MAX: ${{ steps.analysis.outputs.total_max }}
         run: |
           PERCENTAGE=$(( $TOTAL * 100 / $TOTAL_MAX ))
-          if (( $PERCENTAGE < 90 ))
+          if (( $TOTAL < 90 ))
           then
             echo Score too low!
             exit 1
@@ -73,8 +72,7 @@ jobs:
           TOTAL: ${{ steps.analysis.outputs.total }}
           TOTAL_MAX: ${{ steps.analysis.outputs.total_max }}
         run: |
-          PERCENTAGE=$(( $TOTAL * 100 / $TOTAL_MAX ))
-          if (( $PERCENTAGE < 100 ))
+          if (( $TOTAL < 120 ))
           then
             echo Score too low!
             exit 1
@@ -94,8 +92,7 @@ jobs:
           TOTAL: ${{ steps.analysis.outputs.total }}
           TOTAL_MAX: ${{ steps.analysis.outputs.total_max }}
         run: |
-          PERCENTAGE=$(( $TOTAL * 100 / $TOTAL_MAX ))
-          if (( $PERCENTAGE < 80 ))
+          if (( $TOTAL < 100 ))
           then
             echo Score too low!
             exit 1

.github/workflows/pr_title.yml

@@ -21,6 +21,7 @@ jobs:
             ui
             doc
             repo
+            localization
           requireScope: true
         env:
           GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}

README.md

@@ -48,6 +48,9 @@ This package provides business logic to fetch common things required for integra
 ### [stream_chat_flutter](https://github.com/GetStream/stream-chat-flutter/tree/master/packages/stream_chat_flutter)
 This library includes both a low-level chat SDK and a set of reusable and customizable UI components.
 
+### [stream_chat_localizations](https://github.com/GetStream/stream-chat-flutter/tree/master/packages/stream_chat_localizations)
+This library includes a set of localization files for the Flutter UI components.
+
 ## Flutter Chat Tutorial
 
 The best place to start is the [Flutter Chat Tutorial](https://getstream.io/chat/flutter/tutorial/).

docusaurus/docs/Flutter/basics/introduction.mdx

@@ -28,6 +28,7 @@ The core package allows more customisation and hence provides business logic but
 reusable and customisable UI components.
 4. <b>Persistence (stream_chat_persistence)</b>: provides a persistence client for fetching and
 saving chat data locally.
+5. <b>Localizations (stream_chat_localizations)</b>: provides a set of localizations for the SDK.
 
 We recommend building prototypes using the full UI package since it contains UI widgets already
 integrated with Stream's API. [stream_chat_flutter](https://pub.dev/packages/stream_chat_flutter)

docusaurus/docs/Flutter/guides/adding_chat_to_video_livestreams.mdx

@@ -0,0 +1,93 @@
+---
+id: adding_chat_to_video_livestreams
+sidebar_position: 7
+title: Adding Chat To Video Livestreams
+---
+
+Adding Chat To Video Livestreams
+
+### Introduction
+
+Video livestreams are usually complemented with a chat section to make the livestream more interactive
+and encourage retention. There are several ways to show the chat interface on the screen and requires
+some design choices.
+
+This guide details multiple ways of adding chat functionality to your video livestream.
+
+### Implementing Chat
+
+There are two common scenarios in live-streaming applications depending how well integrated the two
+components (video + chat) are allowed to be on the screen. Two common types are split-screen and a
+chat overlay that fades in.
+
+Let's explore creating both types:
+
+### Split-screen
+
+In the split-screen implementation, we have a visual split between the video and the message list.
+This allows the content to be unobstructed by chat and have a clear separation of boundaries.
+
+![](../assets/live_stream_1.jpg)
+
+```dart
+Scaffold(
+  body: Column(
+    children: <Widget>[
+      Expanded(
+        child: // Your video implementation here,
+      ),
+      Expanded(
+        child: Column(
+          children: [
+           Expanded(
+             child: MessageListView(),
+           ),
+           MessageInput(),
+          ],
+        ),
+      ),
+    ],
+  ),
+)
+```
+
+### Overlapping chat with a transparency gradient
+
+Another way to add chat is to overlay the video content with messages which progressively fade out
+as we go to the top of the screen. This gives the content a more rich feel as it takes the whole
+screen and allows the chat to be more homogeneously integrated with the content.
+
+The second type looks like this:
+
+![](../assets/live_stream_2.jpg)
+
+We can use a `Stack` for achieving this:
+
+```dart
+Scaffold(
+  body: Stack(
+    children: <Widget>[
+      // Add your video implementation here
+      ShaderMask(
+        shaderCallback: (rect) {
+          return LinearGradient(
+            begin: Alignment.bottomCenter,
+            end: Alignment.topCenter,
+           colors: [Colors.black, Colors.transparent],
+           stops: [0.4, 0.65]
+          ).createShader(Rect.fromLTRB(0, 0, rect.width, rect.height));
+        },
+       blendMode: BlendMode.dstIn,
+         child: Column(
+           children: [
+             Expanded(
+               child: MessageListView(),
+             ),
+             MessageInput(),
+           ],
+         ),
+       ),
+     ],
+   ),
+ )
+```

docusaurus/docs/Flutter/guides/adding_custom_attachments.mdx

@@ -1,6 +1,6 @@
 ---
 id: adding_custom_attachments
-sidebar_position: 2
+sidebar_position: 3
 title: Adding Custom Attachments
 ---
 

docusaurus/docs/Flutter/guides/adding_localization.mdx

@@ -0,0 +1,176 @@
+---
+id: adding_localization
+sidebar_position: 2
+title: Adding Localization
+---
+
+Adding Localization To UI Widgets
+
+### Introduction
+
+We have a dedicated package for adding localization to our UI widgets. It's called `stream_chat_localizations` and you can find it [here](https://pub.dev/packages/stream_chat_localizations).
+
+![](../assets/localization_support.jpg)
+
+## What is Localization?
+
+If you deploy your app to users who speak another language, you'll need to internationalize (localize) it. That means you need to write the app in a way that makes it possible to localize values like text and layouts for each language or locale that the app supports. For more information, see the [Flutter documentation](https://flutter.dev/docs/development/accessibility-and-localization/**internationalization**).
+
+What this package allows you to do is to provide localized strings for the Stream chat widgets. For example, depending on the application locale, the Stream Chat widgets will display the appropriate language. The locale will be set automatically, based on system preferences, or you could set it programmatically in your app. The package supports several different languages, with more to be added. The package allows you to override any supported language or add a new language that isn't supported.
+
+### Supported languages
+
+At the moment we support the following languages:
+- [English](https://github.com/GetStream/stream-chat-flutter/blob/master/packages/stream_chat_localizations/lib/src/stream_chat_localizations_en.dart)
+- [Hindi](https://github.com/GetStream/stream-chat-flutter/blob/master/packages/stream_chat_localizations/lib/src/stream_chat_localizations_hi.dart)
+- [Italian](https://github.com/GetStream/stream-chat-flutter/blob/master/packages/stream_chat_localizations/lib/src/stream_chat_localizations_it.dart)
+- [French](https://github.com/GetStream/stream-chat-flutter/blob/master/packages/stream_chat_localizations/lib/src/stream_chat_localizations_fr.dart)
+
+More languages will be added in the future. Feel free to [contribute](https://github.com/GetStream/stream-chat-flutter/blob/master/CONTRIBUTING.md) to add more languages.
+
+### Add dependency
+
+Add this to your package's `pubspec.yaml` file, use the latest version [![Pub](https://img.shields.io/pub/v/stream_chat_localizations.svg)](https://pub.dartlang.org/packages/stream_chat_localizations)
+```yaml
+dependencies:
+ stream_chat_localizations: ^latest_version
+```
+
+Then run `flutter packages get`
+
+### Usage
+
+Generally, Flutter and the Stream Chat SDK will use the system locale of the user's device, if that locale is supported (see below). If the locale is not supported we will default to `en` (however it's always possible to [customize that](#changing-the-default-language)).
+Make sure to read more about localization in the [official Flutter docs](https://flutter.dev/docs/development/accessibility-and-localization/internationalization).
+
+```dart
+import 'package:flutter/material.dart';
+import 'package:stream_chat_localizations/stream_chat_localizations.dart';
+
+void main() {
+  WidgetsFlutterBinding.ensureInitialized();
+  runApp(MyApp());
+}
+
+class MyApp extends StatelessWidget {
+  @override
+  Widget build(BuildContext context) {
+    return MaterialApp(
+      // Add all the supported locales
+      supportedLocales: const [
+        Locale('en'),
+        Locale('hi'),
+        Locale('fr'),
+        Locale('it'),
+      ],
+      // Add GlobalStreamChatLocalizations.delegates
+      localizationsDelegates: GlobalStreamChatLocalizations.delegates,
+      builder: (context, widget) => StreamChat(
+        client: client,
+        child: widget,
+      ),
+      home: StreamChannel(
+        channel: channel,
+        child: const ChannelPage(),
+      ),
+    );
+  }
+}
+```
+
+## Setting a language
+The application language can be changed through system preferences or programmatically.
+
+### System Preferences
+The application locale can be changed by changing the language for your device or emulator within the device's system preferences.
+
+[iOS change language](https://support.apple.com/en-us/HT204031)
+
+[Android change language](https://support.google.com/websearch/answer/3333234?co=GENIE.Platform%3DAndroid&hl=en)
+
+Note that the language needs to be supported in your application to work.
+
+### Programmatically
+You can also set the locale programmatically in your Flutter application without changing the device's language.
+
+```dart
+return MaterialApp(
+ ...
+ locale: const Locale('fr'),
+ ...
+);
+```
+
+There are many ways that this can be set for additional control. For information and examples, see this [Stack Overflow post](https://stackoverflow.com/questions/49441212/flutter-multi-lingual-application-how-to-override-the-locale).
+
+### Adding a new language
+
+To add a new language, create a new class extending `GlobalStreamChatLocalizations` and create a delegate for it, adding it to the `delegates` array.
+
+Check out [this example](https://github.com/GetStream/stream-chat-flutter/blob/master/packages/stream_chat_localizations/example/lib/add_new_lang.dart) to see how to add a new language.
+
+### Override existing languages
+
+To override an existing language, create a new class extending that particular language class and create a delegate for it, adding it to the `delegates` array.
+
+Check out [this example](https://github.com/GetStream/stream-chat-flutter/blob/master/packages/stream_chat_localizations/example/lib/override_lang.dart) to see how to override an existing language.
+
+### Changing the default language
+
+To change the default language you can use the `MaterialApp.localeListResolutionCallback` property.
+Here is an example of how that would look like:
+
+```dart
+    MaterialApp(
+        theme: ThemeData.light(),
+        darkTheme: ThemeData.dark(),
+        // Add all the supported locales
+        supportedLocales: const [
+            Locale('en'),
+            Locale('hi'),
+            Locale('fr'),
+            Locale('it'),
+        ],
+        // locales are the locales of the device
+        // supportedLocales are the app supported locales
+        localeListResolutionCallback: (locales, supportedLocales) {
+            // We map the supported locales to language codes
+            // note that this is completely optional and this logic can be changed as you like
+            final supportedLanguageCodes =
+                supportedLocales.map((e) => e.languageCode);
+            if (locales != null) {
+                // we iterate over the locales and find the first one that is supported
+                for (final locale in locales) {
+                    if (supportedLanguageCodes.contains(locale.languageCode)) {
+                        return locale;
+                    }
+                }
+            }
+
+            // if we didn't find a supported language, we return the Italian language
+            return const Locale('it');
+        },
+        // Add GlobalStreamChatLocalizations.delegates
+        localizationsDelegates: GlobalStreamChatLocalizations.delegates,
+        ...
+
+```
+
+In this case, we're using Italian as the default language.
+
+### ⚠️ Note on **iOS**
+
+For translation to work on **iOS** you need to add supported locales to 
+`ios/Runner/Info.plist` as described [here](https://flutter.dev/docs/development/accessibility-and-localization/internationalization#specifying-supportedlocales).
+
+Example:
+
+```xml
+<key>CFBundleLocalizations</key>
+<array>
+	<string>en</string>
+	<string>nb</string>
+	<string>fr</string>
+	<string>it</string>
+</array>
+```

docusaurus/docs/Flutter/guides/customize_message_actions.mdx

@@ -0,0 +1,82 @@
+---
+id: customize_message_actions
+sidebar_position: 8
+title: Customize Message Actions
+---
+
+Customizing Message Actions
+
+### Introduction
+
+Message actions pop up in message overlay, when you long-press a message.
+
+![](../assets/message_actions.png)
+
+We have provided granular control over these actions.
+
+By default we render the following message actions:
+
+* edit message
+
+* delete message
+
+* reply
+
+* thread reply
+
+* copy message
+
+* flag message
+
+* pin message
+
+:::note
+Edit and delete message are only available on messages sent by the user.
+Additionally, pinning a message requires you to add the roles which are allowed to pin messages.
+:::
+
+### Partially remove some message actions
+
+For example, if you only want to keep "copy message" and "delete message",
+here is how to do it using the `messageBuilder` with our `MessageWidget`.
+
+```dart
+MessageListView(
+  messageBuilder: (context, details, messages, defaultMessage) {
+    return defaultMessage.copyWith(
+        showFlagButton: false,
+        showEditMessage: false,
+        showCopyMessage: true,
+        showDeleteMessage: details.isMyMessage,
+        showReplyMessage: false,
+        showThreadReplyMessage: false,
+    );
+  },
+)
+```
+
+### Add a new custom message action
+
+The SDK also allows you to add new actions into the dialog.
+
+For example, let's suppose you want to introduce a new message action - "Demo Action":
+
+We use the `customActions` parameter of the `MessageWidget` to add extra actions.
+
+```dart
+MessageListView(
+  messageBuilder: (context, details, messages, defaultMessage) {
+    return defaultMessage.copyWith(
+      customActions: [
+        MessageAction(
+          leading: Icon(Icons.add),
+          title: Text('Demo Action'),
+          onTap: (message) {
+            /// Complete action here
+          },
+        ),
+      ],
+    );
+  },
+)
+```

docusaurus/docs/Flutter/guides/customize_text_messages.mdx

@@ -0,0 +1,158 @@
+---
+id: customize_text_messages
+sidebar_position: 6
+title: Customize Text Messages
+---
+
+Customizing Text Messages
+
+### Introduction
+
+Every application provides a unique look and feel to their own messaging interface including and not
+limited to fonts, colors, and shapes.
+
+This guide details how to customize message text in the `MessageListView` / `MessageWidget` in the
+Stream Chat Flutter UI SDK.
+
+:::note
+This guide is specifically for the `MessageListView` but if you intend to display a `MessageWidget`
+separately, follow the same process without the `.copyWith` and use the default constructor instead.
+:::
+
+### Basics of customizing a `MessageWidget`
+
+First, add a `MessageListView` in the appropriate place where you intend to display messages from a
+channel.
+
+```dart
+MessageListView(
+    ...
+)
+```
+
+Now, we use the `messageBuilder` parameter to build a custom message. The builder function also provides
+the default implementation of the `MessageWidget` so that we can change certain aspects of the widget
+without redoing all of the default parameters.
+
+:::note
+In earlier versions of the SDK, some `MessageWidget` parameters were exposed directly through the `MessageListView`,
+however, this quickly becomes hard to maintain as more parameters and customizations are added to the
+`MessageWidget`. Newer version utilise a cleaner interface to change the parameters by supplying a
+default message implementation as aforementioned.
+:::
+
+```dart
+MessageListView(
+    ...
+    messageBuilder: (context, messageDetails, messageList, defaultWidget) {
+        return defaultWidget;
+    },
+)
+```
+
+We use `.copyWith()` to customize the widget:
+
+```dart
+MessageListView(
+    ...
+    messageBuilder: (context, messageDetails, messageList, defaultWidget) {
+        return defaultWidget.copyWith(
+            ...
+        );
+    },
+)
+```
+
+### Customizing text
+
+If you intend to simply change the theme for the text, you need not recreate the whole widget. The
+`MessageWidget` has a `messageTheme` parameter that allows you to pass the theme for most aspects
+of the message.
+
+```dart
+MessageListView(
+    ...
+    messageBuilder: (context, messageDetails, messageList, defaultWidget) {
+        return defaultWidget.copyWith(
+            messageTheme: MessageTheme(
+                ...
+                messageText: TextStyle(),
+            ),
+        );
+    },
+)
+```
+
+If you want to replace the entire text widget in the `MessageWidget`, you can use the `textBuilder`
+parameter which provides a builder for creating a widget to substitute the default text.parameter
+
+```dart
+MessageListView(
+    ...
+    messageBuilder: (context, messageDetails, messageList, defaultWidget) {
+        return defaultWidget.copyWith(
+            textBuilder: (context, message) {
+                return Text(message.text);
+            },
+        );
+    },
+)
+```
+
+### Adding Hashtags
+
+To add elements like hashtags, we can override the `textBuilder` in the MessageWidget:
+
+```dart
+MessageListView(
+    ...
+    messageBuilder: (context, messageDetails, messageList, defaultWidget) {
+        return defaultWidget.copyWith(
+            textBuilder: (context, message) {
+                final text = _replaceHashtags(message.text).replaceAll('\n', '\\\n');
+                final messageTheme = StreamChatTheme.of(context).ownMessageTheme;
+
+                return MarkdownBody(
+                    data: text,
+                    onTapLink: (
+                        String link,
+                        String href,
+                        String title,
+                        ) {
+                      // Do something with tapped hashtag
+                    },
+                    styleSheet: MarkdownStyleSheet.fromTheme(
+                      Theme.of(context).copyWith(
+                        textTheme: Theme.of(context).textTheme.apply(
+                          bodyColor: messageTheme.messageText.color,
+                          decoration: messageTheme.messageText.decoration,
+                          decorationColor: messageTheme.messageText.decorationColor,
+                          decorationStyle: messageTheme.messageText.decorationStyle,
+                          fontFamily: messageTheme.messageText.fontFamily,
+                        ),
+                      ),
+                    ).copyWith(
+                      a: messageTheme.messageLinks,
+                      p: messageTheme.messageText,
+                    ),
+                );
+            },
+        );
+    },
+)
+
+String _replaceHashtags(String text) {
+  RegExp exp = new RegExp(r"\B#\w\w+");
+  exp.allMatches(text).forEach((match){
+    text = text.replaceAll(
+        '${match.group(0)}', '[${match.group(0)}](${match.group(0).replaceAll(' ', '')})');
+  });
+  return text;
+}
+```
+
+We can replace the hashtags using RegEx and add links for the MarkdownBody which is done here in the
+`_replaceHashtags()` function.
+Inside the textBuilder, we use the `flutter_markdown` package to build our hashtags as links.
+
+![](../assets/hashtag_example.jpg)

docusaurus/docs/Flutter/guides/migration_guide_2_0.mdx

@@ -1,6 +1,6 @@
 ---
 id: mig_guide_2_0
-sidebar_position: 3
+sidebar_position: 4
 title: Migrating to 2.0 (Null-safety)
 ---
 
@@ -57,7 +57,7 @@ The changes will be listed by package and a concise changelog will follow with m
 
 * `MessageBuilder` and `ParentMessageBuilder` signature is now
 
-```
+```dart
 typedef MessageBuilder = Widget Function(
     BuildContext,
     MessageDetails,

melos.yaml

@@ -13,7 +13,7 @@ scripts:
 
   analyze:
     run: |
-      melos exec -c 4 --ignore="*example*" -- \
+      melos exec -c 5 --ignore="*example*" -- \
         dart analyze --fatal-infos .
     description: |
       Run `dart analyze` in all packages.
@@ -26,7 +26,7 @@ scripts:
 
   lint:pub:
     run: |
-      melos exec -c 4 --no-private --ignore="*example*" -- \
+      melos exec -c 5 --no-private --ignore="*example*" -- \
             pub publish --dry-run
     description: |
       Run `pub publish --dry-run` in all packages.
@@ -56,7 +56,7 @@ scripts:
       dir-exists: test
 
   test:flutter:
-    run: melos exec -c 3 --fail-fast -- "flutter test --coverage"
+    run: melos exec -c 4 --fail-fast -- "flutter test --coverage"
     description: Run Flutter tests for a specific package in this project.
     select-package:
       flutter: true
@@ -64,7 +64,7 @@ scripts:
 
   coverage:ignore-file:
     run: |
-      melos exec -c 4 --fail-fast -- "\$MELOS_ROOT_PATH/.github/workflows/scripts/remove-from-coverage.sh"
+      melos exec -c 5 --fail-fast -- "\$MELOS_ROOT_PATH/.github/workflows/scripts/remove-from-coverage.sh"
     description: Removes all the ignored files from the coverage report.
     select-package:
       dir-exists: coverage

packages/stream_chat/CHANGELOG.md

@@ -1,4 +1,19 @@
-## Upcoming
+## 2.1.1
+
+🐞 Fixed
+
+- Mutes were not working correctly in 2.1.0
+
+## 2.1.0
+
+🛑️ Removed
+
+- The `MessageTranslation` class has been removed. Use the new `i18n` field in the `Message` class instead.
+
+✅ Added
+
+- The `Message` class now has an `i18n` field for translations
+- The `User` class now has a `language` field for the user's language preference.
 
 🔄 Changed
 

packages/stream_chat/README.md

@@ -11,6 +11,7 @@
 - [Register](https://getstream.io/chat/trial/) to get an API key for Stream Chat
 - [Flutter Chat Tutorial](https://getstream.io/chat/flutter/tutorial/) 
 - [Chat UI Kit](https://getstream.io/chat/ui-kit/)
+- [Chat Client Docs](https://getstream.io/chat/docs/flutter-dart/?language=dart)
 
 ### Changelog
 

packages/stream_chat/lib/src/client/client.dart

@@ -318,17 +318,15 @@ class StreamChatClient {
     final ownUser = OwnUser.fromUser(user);
     state.currentUser = ownUser;
 
-    if (!connectWebSocket) {
-      return ownUser;
-    }
+    if (!connectWebSocket) return ownUser;
 
     try {
       if (_originalChatPersistenceClient != null) {
         _chatPersistenceClient = _originalChatPersistenceClient;
         await _chatPersistenceClient!.connect(ownUser.id);
       }
-      final res = await openConnection();
-      return res;
+      final connectedUser = await openConnection();
+      return state.currentUser = connectedUser;
     } catch (e, stk) {
       if (e is StreamWebSocketError && e.isRetriable) {
         final event = await _chatPersistenceClient?.getConnectionInfo();
@@ -396,9 +394,6 @@ class StreamChatClient {
   }
 
   void _handleHealthCheckEvent(Event event) {
-    final user = event.me;
-    if (user != null) state.currentUser = user;
-
     final connectionId = event.connectionId;
     if (connectionId != null) {
       _connectionIdManager.setConnectionId(connectionId);
@@ -1341,16 +1336,15 @@ class ClientState {
     _subscriptions.addAll([
       _client
           .on()
-          .where((event) => event.me != null)
-          .map((e) => e.me)
+          .where((event) =>
+              event.me != null && event.type != EventType.healthCheck)
+          .map((e) => e.me!)
           .listen((user) {
-        _currentUserController.add(user);
-        final totalUnreadCount = user?.totalUnreadCount;
-        if (totalUnreadCount != null) {
-          _totalUnreadCountController.add(totalUnreadCount);
-        }
+        currentUser = currentUser?.merge(user) ?? user;
+        final totalUnreadCount = user.totalUnreadCount;
+        _totalUnreadCountController.add(totalUnreadCount);
 
-        final unreadChannels = user?.unreadChannels;
+        final unreadChannels = user.unreadChannels;
         if (unreadChannels != null) {
           _unreadChannelsController.add(unreadChannels);
         }
@@ -1417,7 +1411,8 @@ class ClientState {
 
   final StreamChatClient _client;
 
-  /// Update user information
+  /// Sets the user currently interacting with the client
+  /// note: this fully overrides the [currentUser]
   set currentUser(OwnUser? user) {
     _currentUserController.add(user);
   }

packages/stream_chat/lib/src/core/api/responses.dart

@@ -75,7 +75,7 @@ class QueryChannelsResponse extends _BaseResponse {
 @JsonSerializable(createToJson: false)
 class TranslateMessageResponse extends _BaseResponse {
   /// Translated message
-  late TranslatedMessage message;
+  late Message message;
 
   /// Create a new instance from a json
   static TranslateMessageResponse fromJson(Map<String, dynamic> json) =>

packages/stream_chat/lib/src/core/api/responses.g.dart

@@ -47,8 +47,7 @@ TranslateMessageResponse _$TranslateMessageResponseFromJson(
     Map<String, dynamic> json) {
   return TranslateMessageResponse()
     ..duration = json['duration'] as String?
-    ..message =
-        TranslatedMessage.fromJson(json['message'] as Map<String, dynamic>);
+    ..message = Message.fromJson(json['message'] as Map<String, dynamic>);
 }
 
 QueryMembersResponse _$QueryMembersResponseFromJson(Map<String, dynamic> json) {

packages/stream_chat/lib/src/core/models/message.dart

@@ -2,8 +2,8 @@ import 'package:equatable/equatable.dart';
 import 'package:json_annotation/json_annotation.dart';
 import 'package:stream_chat/src/core/models/attachment.dart';
 import 'package:stream_chat/src/core/models/reaction.dart';
-import 'package:stream_chat/src/core/util/serializer.dart';
 import 'package:stream_chat/src/core/models/user.dart';
+import 'package:stream_chat/src/core/util/serializer.dart';
 import 'package:uuid/uuid.dart';
 
 part 'message.g.dart';
@@ -73,6 +73,7 @@ class Message extends Equatable {
     this.extraData = const {},
     this.deletedAt,
     this.status = MessageSendingStatus.sent,
+    this.i18n,
   })  : id = id ?? const Uuid().v4(),
         pinExpires = pinExpires?.toUtc(),
         createdAt = createdAt ?? DateTime.now(),
@@ -218,6 +219,10 @@ class Message extends Equatable {
   @JsonKey(includeIfNull: false, toJson: Serializer.readOnly)
   final DateTime? deletedAt;
 
+  /// A Map of translations.
+  @JsonKey(includeIfNull: false)
+  final Map<String, String>? i18n;
+
   /// Known top level fields.
   /// Useful for [Serializer] methods.
   static const topLevelFields = [
@@ -248,6 +253,7 @@ class Message extends Equatable {
     'pinned_at',
     'pin_expires',
     'pinned_by',
+    'i18n',
   ];
 
   /// Serialize to json
@@ -285,6 +291,7 @@ class Message extends Equatable {
     User? pinnedBy,
     Map<String, Object?>? extraData,
     MessageSendingStatus? status,
+    Map<String, String>? i18n,
   }) {
     assert(() {
       if (pinExpires is! DateTime &&
@@ -324,6 +331,7 @@ class Message extends Equatable {
       pinnedBy: pinnedBy ?? this.pinnedBy,
       pinExpires:
           pinExpires == _pinExpires ? this.pinExpires : pinExpires as DateTime?,
+      i18n: i18n ?? this.i18n,
     );
   }
 
@@ -358,6 +366,7 @@ class Message extends Equatable {
         pinnedAt: other.pinnedAt,
         pinExpires: other.pinExpires,
         pinnedBy: other.pinnedBy,
+        i18n: other.i18n,
       );
 
   @override
@@ -390,35 +399,6 @@ class Message extends Equatable {
         pinnedBy,
         extraData,
         status,
+        i18n,
       ];
 }
-
-/// A translated message
-/// It has an additional property called [i18n]
-@JsonSerializable()
-class TranslatedMessage extends Message {
-  /// Constructor used for json serialization
-  TranslatedMessage(this.i18n) : super();
-
-  /// Create a new instance from a json
-  factory TranslatedMessage.fromJson(Map<String, dynamic> json) =>
-      _$TranslatedMessageFromJson(
-        Serializer.moveToExtraDataFromRoot(json, topLevelFields),
-      );
-
-  /// A Map of
-  final Map<String, String>? i18n;
-
-  /// Known top level fields.
-  /// Useful for [Serializer] methods.
-  static final topLevelFields = [
-    'i18n',
-    ...Message.topLevelFields,
-  ];
-
-  /// Serialize to json
-  @override
-  Map<String, dynamic> toJson() => Serializer.moveFromExtraDataToRoot(
-        _$TranslatedMessageToJson(this),
-      );
-}

packages/stream_chat/lib/src/core/models/message.g.dart

@@ -67,6 +67,9 @@ Message _$MessageFromJson(Map<String, dynamic> json) {
     deletedAt: json['deleted_at'] == null
         ? null
         : DateTime.parse(json['deleted_at'] as String),
+    i18n: (json['i18n'] as Map<String, dynamic>?)?.map(
+      (k, e) => MapEntry(k, e as String),
+    ),
   );
 }
 
@@ -107,18 +110,6 @@ Map<String, dynamic> _$MessageToJson(Message instance) {
   val['pinned_by'] = readonly(instance.pinnedBy);
   val['extra_data'] = instance.extraData;
   writeNotNull('deleted_at', readonly(instance.deletedAt));
+  writeNotNull('i18n', instance.i18n);
   return val;
 }
-
-TranslatedMessage _$TranslatedMessageFromJson(Map<String, dynamic> json) {
-  return TranslatedMessage(
-    (json['i18n'] as Map<String, dynamic>?)?.map(
-      (k, e) => MapEntry(k, e as String),
-    ),
-  );
-}
-
-Map<String, dynamic> _$TranslatedMessageToJson(TranslatedMessage instance) =>
-    <String, dynamic>{
-      'i18n': instance.i18n,
-    };

packages/stream_chat/lib/src/core/models/own_user.dart

@@ -27,6 +27,7 @@ class OwnUser extends User {
     Map<String, Object?> extraData = const {},
     bool banned = false,
     List<String> teams = const [],
+    String? language,
   }) : super(
           id: id,
           role: role,
@@ -37,6 +38,7 @@ class OwnUser extends User {
           extraData: extraData,
           banned: banned,
           teams: teams,
+          language: language,
         );
 
   /// Create a new instance from a json
@@ -54,6 +56,7 @@ class OwnUser extends User {
         banned: user.banned,
         extraData: user.extraData,
         teams: user.teams,
+        language: user.language,
       );
 
   /// Creates a copy of [OwnUser] with specified attributes overridden.
@@ -73,6 +76,7 @@ class OwnUser extends User {
     List<Mute>? mutes,
     int? totalUnreadCount,
     int? unreadChannels,
+    String? language,
   }) =>
       OwnUser(
         id: id ?? this.id,
@@ -89,15 +93,13 @@ class OwnUser extends User {
         mutes: mutes ?? this.mutes,
         totalUnreadCount: totalUnreadCount ?? this.totalUnreadCount,
         unreadChannels: unreadChannels ?? this.unreadChannels,
+        language: language ?? this.language,
       );
 
   /// Returns a new [OwnUser] that is a combination of this ownUser
   /// and the given [other] ownUser.
   OwnUser merge(OwnUser? other) {
-    if (other == null) {
-      return this;
-    }
-
+    if (other == null) return this;
     return copyWith(
       banned: other.banned,
       channelMutes: other.channelMutes,
@@ -113,6 +115,7 @@ class OwnUser extends User {
       totalUnreadCount: other.totalUnreadCount,
       unreadChannels: other.unreadChannels,
       updatedAt: other.updatedAt,
+      language: other.language,
     );
   }
 

packages/stream_chat/lib/src/core/models/own_user.g.dart

@@ -36,5 +36,9 @@ OwnUser _$OwnUserFromJson(Map<String, dynamic> json) {
     online: json['online'] as bool? ?? false,
     extraData: json['extra_data'] as Map<String, dynamic>? ?? {},
     banned: json['banned'] as bool? ?? false,
+    teams:
+        (json['teams'] as List<dynamic>?)?.map((e) => e as String).toList() ??
+            [],
+    language: json['language'] as String?,
   );
 }

packages/stream_chat/lib/src/core/models/user.dart

@@ -18,6 +18,7 @@ class User extends Equatable {
     this.extraData = const {},
     this.banned = false,
     this.teams = const [],
+    this.language,
   })  : createdAt = createdAt ?? DateTime.now(),
         updatedAt = updatedAt ?? DateTime.now();
 
@@ -36,6 +37,7 @@ class User extends Equatable {
     'online',
     'banned',
     'teams',
+    'language',
   ];
 
   /// User id
@@ -82,8 +84,11 @@ class User extends Equatable {
   )
   final Map<String, Object?> extraData;
 
-  @override
-  int get hashCode => id.hashCode;
+  /// The language this user prefers.
+  ///
+  /// Defaults to 'en'.
+  @JsonKey(includeIfNull: false)
+  final String? language;
 
   /// Shortcut for user name
   String get name {
@@ -98,11 +103,6 @@ class User extends Equatable {
   static List<String>? toIds(List<User>? users) =>
       users?.map((u) => u.id).toList();
 
-  @override
-  bool operator ==(Object other) =>
-      identical(this, other) ||
-      other is User && runtimeType == other.runtimeType && id == other.id;
-
   /// Serialize to json
   Map<String, dynamic> toJson() => Serializer.moveFromExtraDataToRoot(
         _$UserToJson(this),
@@ -119,6 +119,7 @@ class User extends Equatable {
     Map<String, Object?>? extraData,
     bool? banned,
     List<String>? teams,
+    String? language,
   }) =>
       User(
         id: id ?? this.id,
@@ -130,18 +131,9 @@ class User extends Equatable {
         extraData: extraData ?? this.extraData,
         banned: banned ?? this.banned,
         teams: teams ?? this.teams,
+        language: language ?? this.language,
       );
 
   @override
-  List<Object?> get props => [
-        id,
-        role,
-        teams,
-        createdAt,
-        updatedAt,
-        lastActive,
-        online,
-        banned,
-        extraData,
-      ];
+  List<Object?> get props => [id];
 }

packages/stream_chat/lib/src/core/models/user.g.dart

@@ -25,6 +25,7 @@ User _$UserFromJson(Map<String, dynamic> json) {
     teams:
         (json['teams'] as List<dynamic>?)?.map((e) => e as String).toList() ??
             [],
+    language: json['language'] as String?,
   );
 }
 
@@ -47,5 +48,6 @@ Map<String, dynamic> _$UserToJson(User instance) {
   writeNotNull('online', readonly(instance.online));
   writeNotNull('banned', readonly(instance.banned));
   val['extra_data'] = instance.extraData;
+  writeNotNull('language', instance.language);
   return val;
 }

packages/stream_chat/lib/version.dart

@@ -3,4 +3,4 @@ import 'package:stream_chat/src/client/client.dart';
 /// Current package version
 /// Used in [StreamChatClient] to build the `x-stream-client` header
 // ignore: constant_identifier_names
-const PACKAGE_VERSION = '2.0.0';
+const PACKAGE_VERSION = '2.1.1';

packages/stream_chat/pubspec.yaml

@@ -1,7 +1,7 @@
 name: stream_chat
 homepage: https://getstream.io/
 description: The official Dart client for Stream Chat, a service for building chat applications.
-version: 2.0.0
+version: 2.1.1
 repository: https://github.com/GetStream/stream-chat-flutter
 issue_tracker: https://github.com/GetStream/stream-chat-flutter/issues
 

packages/stream_chat/test/fixtures/user.json

@@ -1,5 +1,6 @@
 {
   "id": "bbb19d9a-ee50-45bc-84e5-0584e79d0c9e",
   "role": "test-role",
-  "name": "John"
+  "name": "John",
+  "language": "en"
 }

packages/stream_chat/test/src/api/channel_test.dart

@@ -1610,9 +1610,12 @@ void main() {
       const messageId = 'test-message-id';
       const language = 'hi'; // Hindi
       const translatedMessageText = 'नमस्ते';
-      final translatedMessage = TranslatedMessage(const {
-        language: translatedMessageText,
-      });
+
+      final translatedMessage = Message(
+        i18n: const {
+          language: translatedMessageText,
+        },
+      );
 
       when(() => client.translateMessage(messageId, language)).thenAnswer(
         (_) async => TranslateMessageResponse()..message = translatedMessage,

packages/stream_chat/test/src/api/client_test.dart

@@ -2109,9 +2109,11 @@ void main() {
       const messageId = 'test-message-id';
       const language = 'hi'; // Hindi
       const translatedMessageText = 'नमस्ते';
-      final translatedMessage = TranslatedMessage(const {
-        language: translatedMessageText,
-      });
+      final translatedMessage = Message(
+        i18n: const {
+          language: translatedMessageText,
+        },
+      );
 
       when(() => api.message.translateMessage(messageId, language)).thenAnswer(
         (_) async => TranslateMessageResponse()..message = translatedMessage,

packages/stream_chat/test/src/core/api/message_api_test.dart

@@ -371,9 +371,11 @@ void main() {
     final path = '/messages/${message.id}/translate';
 
     const translatedMessageText = 'नमस्ते';
-    final translatedMessage = TranslatedMessage(const {
-      language: translatedMessageText,
-    });
+    final translatedMessage = Message(
+      i18n: const {
+        language: translatedMessageText,
+      },
+    );
 
     when(() => client.post(
           path,

packages/stream_chat/test/src/core/models/message_test.dart

@@ -28,6 +28,7 @@ void main() {
       expect(message.pinnedAt, null);
       expect(message.pinExpires, null);
       expect(message.pinnedBy, null);
+      expect(message.i18n, null);
     });
 
     test('should serialize to json correctly', () {

packages/stream_chat_flutter/CHANGELOG.md

@@ -1,9 +1,21 @@
-## Upcoming
+## 2.1.2
+
+🐞 Fixed
+
+- [#590](https://github.com/GetStream/stream-chat-flutter/issues/590): livestream use case, no members when sending message
+  
+## 2.1.1
+
+- Updated core dependency
+
+## 2.1.0
 
 ✅ Added
 
 - Added `MessageListView.paginationLimit`
+- `MessageText` renders message translation if available
 - Allow the various ListView widgets to be themed via ThemeData classes
+- Added `bottomRowBuilder` and `deletedBottomRowBuilder` that build a widget below a `MessageWidget`
 
 🔄 Changed
 

packages/stream_chat_flutter/README.md

@@ -14,7 +14,8 @@
 - [Register](https://getstream.io/chat/trial/) to get an API key for Stream Chat
 - [Flutter Chat Tutorial](https://getstream.io/chat/flutter/tutorial/) 
 - [Chat UI Kit](https://getstream.io/chat/ui-kit/)
-
+- [UI Docs](https://getstream.io/chat/docs/sdk/flutter/stream_chat_flutter/introduction/)
+- [Chat Client Docs](https://getstream.io/chat/docs/flutter-dart/?language=dart)
 
 ### Changelog
 

packages/stream_chat_flutter/example/lib/main.dart

@@ -1,11 +1,8 @@
+import 'package:flutter/cupertino.dart';
+import 'package:flutter/foundation.dart';
 import 'package:flutter/material.dart';
 import 'package:stream_chat_flutter/stream_chat_flutter.dart';
-import 'package:stream_chat_persistence/stream_chat_persistence.dart';
-
-/// A chat-persisted StreamChatClient
-final chatPersistentClient = StreamChatPersistenceClient(
-  logLevel: Level.INFO,
-);
+import 'package:stream_chat_localizations/stream_chat_localizations.dart';
 
 void main() async {
   WidgetsFlutterBinding.ensureInitialized();
@@ -15,7 +12,7 @@ void main() async {
   final client = StreamChatClient(
     's2dxdhpxd94g',
     logLevel: Level.INFO,
-  )..chatPersistenceClient = chatPersistentClient;
+  );
 
   /// Set the current user and connect the websocket. In a production
   /// scenario, this should be done using a backend to generate a user token
@@ -72,6 +69,13 @@ class MyApp extends StatelessWidget {
   Widget build(BuildContext context) => MaterialApp(
         theme: ThemeData.light(),
         darkTheme: ThemeData.dark(),
+        supportedLocales: const [
+          Locale('en'),
+          Locale('hi'),
+          Locale('fr'),
+          Locale('it'),
+        ],
+        localizationsDelegates: GlobalStreamChatLocalizations.delegates,
         builder: (context, widget) => StreamChat(
           client: client,
           child: widget,

packages/stream_chat_flutter/example/pubspec.yaml

@@ -33,6 +33,8 @@ dependencies:
   #    path: ../../stream_chat_flutter_core
   stream_chat_flutter:
     path: ../
+  stream_chat_localizations:
+    path: ../../stream_chat_localizations
   stream_chat_persistence:
     path: ../../stream_chat_persistence
 

packages/stream_chat_flutter/lib/src/attachment/attachment_upload_state_builder.dart

@@ -1,6 +1,7 @@
 import 'package:flutter/material.dart';
 import 'package:stream_chat_flutter/src/upload_progress_indicator.dart';
 import 'package:stream_chat_flutter/stream_chat_flutter.dart';
+import 'package:stream_chat_flutter/src/extension.dart';
 
 /// Widget to build in progress
 typedef InProgressBuilder = Widget Function(BuildContext, int, int);
@@ -226,7 +227,7 @@ class _FailedState extends StatelessWidget {
                 horizontal: 12,
               ),
               child: Text(
-                'UPLOAD ERROR',
+                context.translations.uploadErrorLabel,
                 style: theme.textTheme.footnote.copyWith(
                   color: theme.colorTheme.barsBg,
                 ),

packages/stream_chat_flutter/lib/src/attachment/file_attachment.dart

@@ -7,9 +7,9 @@ import 'package:stream_chat_flutter/src/upload_progress_indicator.dart';
 import 'package:stream_chat_flutter/src/utils.dart';
 import 'package:stream_chat_flutter/src/video_thumbnail_image.dart';
 import 'package:stream_chat_flutter_core/stream_chat_flutter_core.dart';
+import 'package:stream_chat_flutter/src/extension.dart';
 
-// ignore: always_use_package_imports
-import 'attachment_widget.dart';
+import 'package:stream_chat_flutter/src/attachment/attachment_widget.dart';
 
 /// Widget for displaying file attachments
 class FileAttachment extends AttachmentWidget {
@@ -76,7 +76,7 @@ class FileAttachment extends AttachmentWidget {
                   crossAxisAlignment: CrossAxisAlignment.start,
                   children: [
                     Text(
-                      attachment.title ?? 'File',
+                      attachment.title ?? context.translations.fileText,
                       style: StreamChatTheme.of(context).textTheme.bodyBold,
                       maxLines: 1,
                       overflow: TextOverflow.ellipsis,
@@ -286,7 +286,10 @@ class FileAttachment extends AttachmentWidget {
         progressIndicatorColor: theme.colorTheme.accentPrimary,
       ),
       success: () => Text(fileSize(size), style: textStyle),
-      failed: (_) => Text('UPLOAD ERROR', style: textStyle),
+      failed: (_) => Text(
+        context.translations.uploadErrorLabel,
+        style: textStyle,
+      ),
     );
   }
 }

packages/stream_chat_flutter/lib/src/attachment/giphy_attachment.dart

@@ -2,8 +2,10 @@ import 'package:cached_network_image/cached_network_image.dart';
 import 'package:flutter/material.dart';
 import 'package:shimmer/shimmer.dart';
 import 'package:stream_chat_flutter/src/attachment/attachment_widget.dart';
+import 'package:stream_chat_flutter/src/visible_footnote.dart';
 import 'package:stream_chat_flutter/stream_chat_flutter.dart';
 import 'package:stream_chat_flutter_core/stream_chat_flutter_core.dart';
+import 'package:stream_chat_flutter/src/extension.dart';
 
 /// Widget for showing a GIF attachment
 class GiphyAttachment extends AttachmentWidget {
@@ -71,9 +73,9 @@ class GiphyAttachment extends AttachmentWidget {
                   children: [
                     StreamSvgIcon.giphyIcon(),
                     const SizedBox(width: 8),
-                    const Text(
-                      'Giphy',
-                      style: TextStyle(fontWeight: FontWeight.bold),
+                    Text(
+                      context.translations.giphyLabel,
+                      style: const TextStyle(fontWeight: FontWeight.bold),
                     ),
                     const SizedBox(width: 8),
                     if (attachment.title != null)
@@ -134,7 +136,7 @@ class GiphyAttachment extends AttachmentWidget {
                           });
                         },
                         child: Text(
-                          'Cancel',
+                          context.translations.cancelLabel.toLowerCase(),
                           style: StreamChatTheme.of(context)
                               .textTheme
                               .bodyBold
@@ -166,7 +168,7 @@ class GiphyAttachment extends AttachmentWidget {
                           });
                         },
                         child: Text(
-                          'Shuffle',
+                          context.translations.shuffleLabel,
                           style: StreamChatTheme.of(context)
                               .textTheme
                               .bodyBold
@@ -199,7 +201,7 @@ class GiphyAttachment extends AttachmentWidget {
                           });
                         },
                         child: Text(
-                          'Send',
+                          context.translations.sendLabel,
                           style: TextStyle(
                             color: StreamChatTheme.of(context)
                                 .colorTheme
@@ -216,36 +218,11 @@ class GiphyAttachment extends AttachmentWidget {
           ),
         ),
         const SizedBox(height: 4),
-        Align(
+        const Align(
           alignment: Alignment.centerRight,
           child: Padding(
-            padding: const EdgeInsets.symmetric(horizontal: 8, vertical: 4),
-            child: Row(
-              mainAxisSize: MainAxisSize.min,
-              children: [
-                StreamSvgIcon.eye(
-                  color: StreamChatTheme.of(context)
-                      .colorTheme
-                      .textHighEmphasis
-                      .withOpacity(0.5),
-                  size: 16,
-                ),
-                const SizedBox(
-                  width: 8,
-                ),
-                Text(
-                  'Only visible to you',
-                  style: StreamChatTheme.of(context)
-                      .textTheme
-                      .footnote
-                      .copyWith(
-                          color: StreamChatTheme.of(context)
-                              .colorTheme
-                              .textHighEmphasis
-                              .withOpacity(0.5)),
-                ),
-              ],
-            ),
+            padding: EdgeInsets.symmetric(horizontal: 8, vertical: 4),
+            child: VisibleFootnote(),
           ),
         ),
       ],
@@ -339,7 +316,7 @@ class GiphyAttachment extends AttachmentWidget {
                           size: 16,
                         ),
                         Text(
-                          'GIPHY',
+                          context.translations.giphyLabel.toUpperCase(),
                           style: TextStyle(
                             color:
                                 StreamChatTheme.of(context).colorTheme.barsBg,

packages/stream_chat_flutter/lib/src/attachment_actions_modal.dart

@@ -48,7 +48,7 @@ class AttachmentActionsModal extends StatelessWidget {
         child: _buildPage(context),
       );
 
-  Widget _buildPage(context) {
+  Widget _buildPage(BuildContext context) {
     final theme = StreamChatTheme.of(context);
     return Column(
       crossAxisAlignment: CrossAxisAlignment.end,
@@ -69,7 +69,7 @@ class AttachmentActionsModal extends StatelessWidget {
                 children: [
                   _buildButton(
                     context,
-                    'Reply',
+                    context.translations.replyLabel,
                     StreamSvgIcon.iconCurveLineLeftUp(
                       size: 24,
                       color: theme.colorTheme.textLowEmphasis,
@@ -80,7 +80,7 @@ class AttachmentActionsModal extends StatelessWidget {
                   ),
                   _buildButton(
                     context,
-                    'Show in Chat',
+                    context.translations.showInChatLabel,
                     StreamSvgIcon.eye(
                       size: 24,
                       color: theme.colorTheme.textHighEmphasis,
@@ -89,8 +89,9 @@ class AttachmentActionsModal extends StatelessWidget {
                   ),
                   _buildButton(
                     context,
-                    // ignore: lines_longer_than_80_chars
-                    'Save ${message.attachments[currentIndex].type == 'video' ? 'Video' : 'Image'}',
+                    message.attachments[currentIndex].type == 'video'
+                        ? context.translations.saveVideoLabel
+                        : context.translations.saveImageLabel,
                     StreamSvgIcon.iconSave(
                       size: 24,
                       color: theme.colorTheme.textLowEmphasis,
@@ -142,7 +143,7 @@ class AttachmentActionsModal extends StatelessWidget {
                       message.user?.id)
                     _buildButton(
                       context,
-                      'Delete',
+                      context.translations.deleteLabel.capitalize(),
                       StreamSvgIcon.delete(
                         size: 24,
                         color: theme.colorTheme.accentError,

packages/stream_chat_flutter/lib/src/channel_bottom_sheet.dart

@@ -1,6 +1,7 @@
 import 'package:flutter/material.dart';
 import 'package:stream_chat_flutter/src/channel_info.dart';
 import 'package:stream_chat_flutter/stream_chat_flutter.dart';
+import 'package:stream_chat_flutter/src/extension.dart';
 
 /// Bottom Sheet with options
 class ChannelBottomSheet extends StatefulWidget {
@@ -149,7 +150,7 @@ class _ChannelBottomSheetState extends State<ChannelBottomSheet> {
                       color: _streamChatThemeData.colorTheme.textLowEmphasis,
                     ),
                   ),
-                  title: 'View Info',
+                  title: context.translations.viewInfoLabel,
                   onTap: widget.onViewInfoTap,
                 ),
                 if (!channel.isDistinct)
@@ -160,7 +161,7 @@ class _ChannelBottomSheetState extends State<ChannelBottomSheet> {
                         color: _streamChatThemeData.colorTheme.textLowEmphasis,
                       ),
                     ),
-                    title: 'Leave Group',
+                    title: context.translations.leaveGroupLabel,
                     onTap: () async {
                       setState(() {
                         _showActions = false;
@@ -179,7 +180,7 @@ class _ChannelBottomSheetState extends State<ChannelBottomSheet> {
                         color: _streamChatThemeData.colorTheme.accentError,
                       ),
                     ),
-                    title: 'Delete Conversation',
+                    title: context.translations.deleteConversationLabel,
                     titleColor: _streamChatThemeData.colorTheme.accentError,
                     onTap: () async {
                       setState(() {
@@ -198,7 +199,7 @@ class _ChannelBottomSheetState extends State<ChannelBottomSheet> {
                       color: _streamChatThemeData.colorTheme.textLowEmphasis,
                     ),
                   ),
-                  title: 'Cancel',
+                  title: context.translations.cancelLabel,
                   onTap: () {
                     Navigator.pop(context);
                   },
@@ -219,10 +220,10 @@ class _ChannelBottomSheetState extends State<ChannelBottomSheet> {
   Future<void> _showDeleteDialog() async {
     final res = await showConfirmationDialog(
       context,
-      title: 'Delete Conversation',
-      okText: 'DELETE',
-      question: 'Are you sure you want to delete this conversation?',
-      cancelText: 'CANCEL',
+      title: context.translations.deleteConversationLabel,
+      okText: context.translations.deleteLabel,
+      question: context.translations.deleteConversationQuestion,
+      cancelText: context.translations.cancelLabel,
       icon: StreamSvgIcon.delete(
         color: _streamChatThemeData.colorTheme.accentError,
       ),
@@ -237,10 +238,10 @@ class _ChannelBottomSheetState extends State<ChannelBottomSheet> {
   Future<void> _showLeaveDialog() async {
     final res = await showConfirmationDialog(
       context,
-      title: 'Leave conversation',
-      okText: 'LEAVE',
-      question: 'Are you sure you want to leave this conversation?',
-      cancelText: 'CANCEL',
+      title: context.translations.leaveConversationLabel,
+      okText: context.translations.leaveLabel,
+      question: context.translations.leaveConversationQuestion,
+      cancelText: context.translations.cancelLabel,
       icon: StreamSvgIcon.userRemove(
         color: _streamChatThemeData.colorTheme.accentError,
       ),

packages/stream_chat_flutter/lib/src/channel_header.dart

@@ -6,6 +6,7 @@ import 'package:stream_chat_flutter/src/info_tile.dart';
 import 'package:stream_chat_flutter/src/stream_chat_theme.dart';
 import 'package:stream_chat_flutter/stream_chat_flutter.dart';
 import 'package:stream_chat_flutter_core/stream_chat_flutter_core.dart';
+import 'package:stream_chat_flutter/src/extension.dart';
 
 /// ![screenshot](https://raw.githubusercontent.com/GetStream/stream-chat-flutter/master/screenshots/channel_header.png)
 /// ![screenshot](https://raw.githubusercontent.com/GetStream/stream-chat-flutter/master/screenshots/channel_header_paint.png)
@@ -121,14 +122,14 @@ class ChannelHeader extends StatelessWidget implements PreferredSizeWidget {
 
         switch (status) {
           case ConnectionStatus.connected:
-            statusString = 'Connected';
+            statusString = context.translations.connectedLabel;
             showStatus = false;
             break;
           case ConnectionStatus.connecting:
-            statusString = 'Reconnecting...';
+            statusString = context.translations.reconnectingLabel;
             break;
           case ConnectionStatus.disconnected:
-            statusString = 'Disconnected';
+            statusString = context.translations.disconnectedLabel;
             break;
         }
 

packages/stream_chat_flutter/lib/src/channel_info.dart

@@ -2,6 +2,7 @@ import 'package:collection/collection.dart' show IterableExtension;
 import 'package:flutter/material.dart';
 import 'package:jiffy/jiffy.dart';
 import 'package:stream_chat_flutter/stream_chat_flutter.dart';
+import 'package:stream_chat_flutter/src/extension.dart';
 
 /// Widget which shows channel info
 class ChannelInfo extends StatelessWidget {
@@ -55,10 +56,13 @@ class ChannelInfo extends StatelessWidget {
   ) {
     Widget? alternativeWidget;
 
-    if (channel.memberCount != null && channel.memberCount! > 2) {
-      var text = '${channel.memberCount} Members';
+    final memberCount = channel.memberCount;
+    if (memberCount != null && memberCount > 2) {
+      var text = context.translations.membersCountText(memberCount);
       final watcherCount = channel.state?.watcherCount ?? 0;
-      if (watcherCount > 0) text += ' $watcherCount Online';
+      if (watcherCount > 0) {
+        text += ' ${context.translations.watchersCountText(watcherCount)}';
+      }
       alternativeWidget = Text(
         text,
         style: StreamChatTheme.of(context).channelHeaderTheme.subtitleStyle,
@@ -72,12 +76,13 @@ class ChannelInfo extends StatelessWidget {
       if (otherMember != null) {
         if (otherMember.user?.online == true) {
           alternativeWidget = Text(
-            'Online',
+            context.translations.userOnlineText,
             style: textStyle,
           );
         } else {
           alternativeWidget = Text(
-            'Last seen ${Jiffy(otherMember.user?.lastActive).fromNow()}',
+            '${context.translations.userLastOnlineText} '
+            '${Jiffy(otherMember.user?.lastActive).fromNow()}',
             style: textStyle,
           );
         }
@@ -108,7 +113,7 @@ class ChannelInfo extends StatelessWidget {
           ),
           const SizedBox(width: 10),
           Text(
-            'Searching for Network',
+            context.translations.searchingForNetworkText,
             style: textStyle,
           ),
         ],
@@ -122,7 +127,7 @@ class ChannelInfo extends StatelessWidget {
         mainAxisAlignment: MainAxisAlignment.center,
         children: [
           Text(
-            'Offline...',
+            context.translations.offlineLabel,
             style: textStyle,
           ),
           TextButton(
@@ -138,7 +143,7 @@ class ChannelInfo extends StatelessWidget {
               ..closeConnection()
               ..openConnection(),
             child: Text(
-              'Try Again',
+              context.translations.tryAgainLabel,
               style: textStyle?.copyWith(
                 color: StreamChatTheme.of(context).colorTheme.accentPrimary,
               ),

packages/stream_chat_flutter/lib/src/channel_list_header.dart

@@ -2,6 +2,7 @@ import 'dart:ui';
 
 import 'package:flutter/material.dart';
 import 'package:flutter_svg/flutter_svg.dart';
+import 'package:stream_chat_flutter/src/extension.dart';
 import 'package:stream_chat_flutter/src/stream_neumorphic_button.dart';
 import 'package:stream_chat_flutter/stream_chat_flutter.dart';
 import 'package:stream_chat_flutter_core/stream_chat_flutter_core.dart';
@@ -103,22 +104,21 @@ class ChannelListHeader extends StatelessWidget implements PreferredSizeWidget {
 
         switch (status) {
           case ConnectionStatus.connected:
-            statusString = 'Connected';
+            statusString = context.translations.connectedLabel;
             showStatus = false;
             break;
           case ConnectionStatus.connecting:
-            statusString = 'Reconnecting...';
+            statusString = context.translations.reconnectingLabel;
             break;
           case ConnectionStatus.disconnected:
-            statusString = 'Disconnected';
+            statusString = context.translations.disconnectedLabel;
             break;
         }
 
         final chatThemeData = StreamChatTheme.of(context);
         final channelListHeaderThemeData = ChannelListHeaderTheme.of(context);
         return InfoTile(
-          // ignore: avoid_bool_literals_in_conditional_expressions
-          showMessage: showConnectionStateTile ? showStatus : false,
+          showMessage: showConnectionStateTile && showStatus,
           message: statusString,
           child: AppBar(
             textTheme: Theme.of(context).textTheme,
@@ -208,7 +208,7 @@ class ChannelListHeader extends StatelessWidget implements PreferredSizeWidget {
   Widget _buildConnectedTitleState(BuildContext context) {
     final chatThemeData = StreamChatTheme.of(context);
     return Text(
-      'Stream Chat',
+      context.translations.streamChatLabel,
       style: chatThemeData.textTheme.headlineBold.copyWith(
         color: chatThemeData.colorTheme.textHighEmphasis,
       ),
@@ -227,7 +227,7 @@ class ChannelListHeader extends StatelessWidget implements PreferredSizeWidget {
           ),
           const SizedBox(width: 10),
           Text(
-            'Searching for Network',
+            context.translations.searchingForNetworkText,
             style: ChannelListHeaderTheme.of(context).titleStyle?.copyWith(
                   fontSize: 16,
                   fontWeight: FontWeight.bold,
@@ -245,7 +245,7 @@ class ChannelListHeader extends StatelessWidget implements PreferredSizeWidget {
       mainAxisAlignment: MainAxisAlignment.center,
       children: [
         Text(
-          'Offline...',
+          context.translations.offlineLabel,
           style: chatThemeData.channelListHeaderTheme.titleStyle?.copyWith(
             fontSize: 16,
             fontWeight: FontWeight.bold,
@@ -256,7 +256,7 @@ class ChannelListHeader extends StatelessWidget implements PreferredSizeWidget {
             ..closeConnection()
             ..openConnection(),
           child: Text(
-            'Try Again',
+            context.translations.tryAgainLabel,
             style: chatThemeData.channelListHeaderTheme.titleStyle?.copyWith(
               fontSize: 16,
               fontWeight: FontWeight.bold,

packages/stream_chat_flutter/lib/src/channel_list_view.dart

@@ -8,6 +8,7 @@ import 'package:stream_chat_flutter/src/stream_svg_icon.dart';
 import 'package:stream_chat_flutter/src/theme/themes.dart';
 import 'package:stream_chat_flutter/stream_chat_flutter.dart';
 import 'package:stream_chat_flutter_core/stream_chat_flutter_core.dart';
+import 'package:stream_chat_flutter/src/extension.dart';
 
 /// Callback called when tapping on a channel
 typedef ChannelTapCallback = void Function(Channel, Widget?);
@@ -302,7 +303,7 @@ class _ChannelListViewState extends State<ChannelListView> {
                       Padding(
                         padding: const EdgeInsets.all(8),
                         child: Text(
-                          'Let’s start chatting!',
+                          context.translations.letsStartChattingLabel,
                           style: chatThemeData.textTheme.headline,
                         ),
                       ),
@@ -312,7 +313,7 @@ class _ChannelListViewState extends State<ChannelListView> {
                           horizontal: 52,
                         ),
                         child: Text(
-                          'How about sending your first message to a friend?',
+                          context.translations.sendingFirstMessageLabel,
                           textAlign: TextAlign.center,
                           style: chatThemeData.textTheme.body.copyWith(
                             color: chatThemeData.colorTheme.textLowEmphasis,
@@ -331,7 +332,7 @@ class _ChannelListViewState extends State<ChannelListView> {
                       child: TextButton(
                         onPressed: widget.onStartChatPressed,
                         child: Text(
-                          'Start a chat',
+                          context.translations.startAChatLabel,
                           style: chatThemeData.textTheme.bodyBold.copyWith(
                             color: chatThemeData.colorTheme.accentPrimary,
                           ),
@@ -467,9 +468,9 @@ class _ChannelListViewState extends State<ChannelListView> {
           mainAxisAlignment: MainAxisAlignment.center,
           children: <Widget>[
             Text.rich(
-              const TextSpan(
+              TextSpan(
                 children: [
-                  WidgetSpan(
+                  const WidgetSpan(
                     child: Padding(
                       padding: EdgeInsets.only(
                         right: 2,
@@ -477,14 +478,14 @@ class _ChannelListViewState extends State<ChannelListView> {
                       child: Icon(Icons.error_outline),
                     ),
                   ),
-                  TextSpan(text: 'Error loading channels'),
+                  TextSpan(text: context.translations.loadingChannelsError),
                 ],
               ),
               style: Theme.of(context).textTheme.headline6,
             ),
             TextButton(
               onPressed: () => _channelListController.loadData!(),
-              child: const Text('Retry'),
+              child: Text(context.translations.retryLabel),
             ),
           ],
         ),
@@ -562,17 +563,16 @@ class _ChannelListViewState extends State<ChannelListView> {
                   ),
                   onTap: widget.onDeletePressed != null
                       ? () {
-                          widget.onDeletePressed!(channel);
+                          widget.onDeletePressed?.call(channel);
                         }
                       : () async {
                           final res = await showConfirmationDialog(
                             context,
-                            title: 'Delete Conversation',
-                            okText: 'DELETE',
+                            title: context.translations.deleteConversationLabel,
                             question:
-                                // ignore: lines_longer_than_80_chars
-                                'Are you sure you want to delete this conversation?',
-                            cancelText: 'CANCEL',
+                                context.translations.deleteConversationQuestion,
+                            okText: context.translations.deleteLabel,
+                            cancelText: context.translations.cancelLabel,
                             icon: StreamSvgIcon.delete(
                               color: chatThemeData.colorTheme.accentError,
                             ),
@@ -669,7 +669,7 @@ class _ChannelListViewState extends State<ChannelListView> {
             child: Padding(
               padding: const EdgeInsets.all(16),
               child: Text(
-                'Error loading channels',
+                context.translations.loadingChannelsError,
                 style: theme.textTheme.body.copyWith(
                   color: Colors.white,
                 ),

packages/stream_chat_flutter/lib/src/channel_name.dart

@@ -2,6 +2,7 @@ import 'package:flutter/material.dart';
 import 'package:flutter/rendering.dart';
 import 'package:stream_chat_flutter/stream_chat_flutter.dart';
 import 'package:stream_chat_flutter_core/stream_chat_flutter_core.dart';
+import 'package:stream_chat_flutter/src/extension.dart';
 
 /// It shows the current [Channel] name using a [Text] widget.
 ///
@@ -44,8 +45,10 @@ class ChannelName extends StatelessWidget {
   ) =>
       LayoutBuilder(
         builder: (context, constraints) {
-          var title = 'No title';
-          if (extraData['name'] == null) {
+          var title = context.translations.noTitleText;
+          if (extraData['name'] != null) {
+            title = extraData['name'];
+          } else {
             final otherMembers = members
                 ?.where((member) => member.userId != client.currentUser!.id);
             if (otherMembers?.length == 1) {
@@ -71,8 +74,6 @@ class ChannelName extends StatelessWidget {
               title = '${currentMembers.map((e) => e.user?.name).join(', ')} '
                   '${exceedingMembers > 0 ? '+ $exceedingMembers' : ''}';
             }
-          } else {
-            title = extraData['name'];
           }
 
           return Text(

packages/stream_chat_flutter/lib/src/channel_preview.dart

@@ -3,6 +3,7 @@ import 'package:collection/collection.dart'
 import 'package:flutter/material.dart';
 import 'package:flutter/widgets.dart';
 import 'package:jiffy/jiffy.dart';
+import 'package:stream_chat_flutter/src/extension.dart';
 import 'package:stream_chat_flutter/src/stream_svg_icon.dart';
 import 'package:stream_chat_flutter/stream_chat_flutter.dart';
 import 'package:stream_chat_flutter_core/stream_chat_flutter_core.dart';
@@ -173,7 +174,7 @@ class ChannelPreview extends StatelessWidget {
               startOfDay
                   .subtract(const Duration(days: 1))
                   .millisecondsSinceEpoch) {
-            stringDate = 'Yesterday';
+            stringDate = context.translations.yesterdayLabel;
           } else if (startOfDay.difference(lastMessageAt).inDays < 7) {
             stringDate = Jiffy(lastMessageAt.toLocal()).EEEE;
           } else {
@@ -199,7 +200,7 @@ class ChannelPreview extends StatelessWidget {
             size: 16,
           ),
           Text(
-            '  Channel is muted',
+            '  ${context.translations.channelIsMutedText}',
             style: chatThemeData.channelPreviewTheme.subtitleStyle,
           ),
         ],

packages/stream_chat_flutter/lib/src/date_divider.dart

@@ -1,6 +1,7 @@
 import 'package:flutter/material.dart';
 import 'package:jiffy/jiffy.dart';
 import 'package:stream_chat_flutter/src/stream_chat_theme.dart';
+import 'package:stream_chat_flutter/src/extension.dart';
 
 /// It shows a date divider depending on the date difference
 class DateDivider extends StatelessWidget {
@@ -24,10 +25,10 @@ class DateDivider extends StatelessWidget {
 
     String dayInfo;
     if (Jiffy(createdAt).isSame(now, Units.DAY)) {
-      dayInfo = 'Today';
+      dayInfo = context.translations.todayLabel;
     } else if (Jiffy(createdAt)
         .isSame(now.subtract(const Duration(days: 1)), Units.DAY)) {
-      dayInfo = 'Yesterday';
+      dayInfo = context.translations.yesterdayLabel;
     } else if (Jiffy(createdAt).isAfter(
       now.subtract(const Duration(days: 7)),
       Units.DAY,

packages/stream_chat_flutter/lib/src/deleted_message.dart

@@ -1,4 +1,5 @@
 import 'package:flutter/material.dart';
+import 'package:stream_chat_flutter/src/extension.dart';
 import 'package:stream_chat_flutter/src/stream_chat_theme.dart';
 import 'package:stream_chat_flutter/src/theme/themes.dart';
 
@@ -50,7 +51,7 @@ class DeletedMessage extends StatelessWidget {
           horizontal: 16,
         ),
         child: Text(
-          'Message deleted',
+          context.translations.messageDeletedLabel,
           style: messageTheme.messageTextStyle?.copyWith(
             fontStyle: FontStyle.italic,
             color: messageTheme.createdAtStyle?.color,

packages/stream_chat_flutter/lib/src/extension.dart

@@ -2,6 +2,7 @@ import 'package:characters/characters.dart';
 import 'package:file_picker/file_picker.dart';
 import 'package:flutter/material.dart';
 import 'package:stream_chat_flutter/src/emoji/emoji.dart';
+import 'package:stream_chat_flutter/src/localization/translations.dart';
 import 'package:stream_chat_flutter/stream_chat_flutter.dart';
 
 final _emojiChars = Emoji.chars();
@@ -9,7 +10,8 @@ final _emojiChars = Emoji.chars();
 /// String extension
 extension StringExtension on String {
   /// Returns the capitalized string
-  String capitalize() => '${this[0].toUpperCase()}${substring(1)}';
+  String capitalize() =>
+      '${this[0].toUpperCase()}${substring(1).toLowerCase()}';
 
   /// Returns whether the string contains only emoji's or not.
   ///
@@ -103,6 +105,11 @@ extension BuildContextX on BuildContext {
   // ignore: public_member_api_docs
   double get textScaleFactor =>
       MediaQuery.maybeOf(this)?.textScaleFactor ?? 1.0;
+
+  /// Retrieves current translations according to locale
+  /// Defaults to [DefaultTranslations]
+  Translations get translations =>
+      StreamChatLocalizations.of(this) ?? DefaultTranslations.instance;
 }
 
 /// Extension on [BorderRadius]

packages/stream_chat_flutter/lib/src/full_screen_media.dart

@@ -4,12 +4,12 @@ import 'dart:io';
 import 'package:cached_network_image/cached_network_image.dart';
 import 'package:chewie/chewie.dart';
 import 'package:flutter/material.dart';
-import 'package:jiffy/jiffy.dart';
 import 'package:photo_view/photo_view.dart';
 import 'package:stream_chat_flutter/src/gallery_footer.dart';
 import 'package:stream_chat_flutter/src/gallery_header.dart';
 import 'package:stream_chat_flutter/stream_chat_flutter.dart';
 import 'package:video_player/video_player.dart';
+import 'package:stream_chat_flutter/src/extension.dart';
 
 /// Return action for coming back from pages
 enum ReturnActionType {
@@ -181,9 +181,10 @@ class _FullScreenMediaState extends State<FullScreenMedia>
                 children: [
                   GalleryHeader(
                     userName: widget.userName,
-                    sentAt:
-                        // ignore: lines_longer_than_80_chars
-                        'Sent ${getDay(widget.message.createdAt.toLocal())} at ${Jiffy(widget.message.createdAt.toLocal()).format('HH:mm')}',
+                    sentAt: context.translations.sentAtText(
+                      date: widget.message.createdAt,
+                      time: widget.message.createdAt,
+                    ),
                     onBackPressed: () {
                       Navigator.of(context).pop();
                     },
@@ -196,7 +197,7 @@ class _FullScreenMediaState extends State<FullScreenMedia>
                       );
                     },
                   ),
-                  if (widget.message.type != 'ephemeral')
+                  if (!widget.message.isEphemeral)
                     GalleryFooter(
                       currentPage: _currentPage,
                       totalPages: widget.mediaAttachments.length,
@@ -221,22 +222,6 @@ class _FullScreenMediaState extends State<FullScreenMedia>
         ),
       );
 
-  String getDay(DateTime dateTime) {
-    final now = DateTime.now();
-
-    if (DateTime(dateTime.year, dateTime.month, dateTime.day) ==
-        DateTime(now.year, now.month, now.day)) {
-      return 'today';
-    } else if (DateTime(now.year, now.month, now.day)
-            .difference(dateTime)
-            .inHours <
-        24) {
-      return 'yesterday';
-    } else {
-      return 'on ${Jiffy(dateTime).MMMd}';
-    }
-  }
-
   @override
   void dispose() async {
     for (final package in videoPackages.values) {

packages/stream_chat_flutter/lib/src/gallery_footer.dart

@@ -12,6 +12,7 @@ import 'package:stream_chat_flutter/src/theme/themes.dart';
 import 'package:stream_chat_flutter/src/video_thumbnail_image.dart';
 import 'package:stream_chat_flutter/stream_chat_flutter.dart';
 import 'package:stream_chat_flutter_core/stream_chat_flutter_core.dart';
+import 'package:stream_chat_flutter/src/extension.dart';
 
 /// Footer widget for media display
 class GalleryFooter extends StatefulWidget implements PreferredSizeWidget {
@@ -136,7 +137,9 @@ class _GalleryFooterState extends State<GalleryFooter> {
                     mainAxisSize: MainAxisSize.min,
                     children: <Widget>[
                       Text(
-                        '${widget.currentPage + 1} of ${widget.totalPages}',
+                        '${widget.currentPage + 1} '
+                        '${context.translations.ofText} '
+                        '${widget.totalPages}',
                         style: galleryFooterThemeData.titleTextStyle,
                       ),
                     ],
@@ -192,7 +195,7 @@ class _GalleryFooterState extends State<GalleryFooter> {
                       child: Padding(
                         padding: const EdgeInsets.all(16),
                         child: Text(
-                          'Photos',
+                          context.translations.photosLabel,
                           style:
                               galleryFooterThemeData.bottomSheetPhotosTextStyle,
                         ),

packages/stream_chat_flutter/lib/src/gallery_header.dart

@@ -68,7 +68,7 @@ class GalleryHeader extends StatelessWidget implements PreferredSizeWidget {
           : const SizedBox(),
       backgroundColor: galleryHeaderThemeData.backgroundColor,
       actions: <Widget>[
-        if (message.type != 'ephemeral')
+        if (!message.isEphemeral)
           IconButton(
             icon: StreamSvgIcon.iconMenuPoint(
               color: galleryHeaderThemeData.iconMenuPointColor,
@@ -79,7 +79,7 @@ class GalleryHeader extends StatelessWidget implements PreferredSizeWidget {
           ),
       ],
       centerTitle: true,
-      title: message.type != 'ephemeral'
+      title: !message.isEphemeral
           ? InkWell(
               onTap: onTitleTap,
               child: SizedBox(

packages/stream_chat_flutter/lib/src/localization/stream_chat_localizations.dart

@@ -0,0 +1,36 @@
+import 'package:flutter/widgets.dart';
+
+import 'package:stream_chat_flutter/src/localization/translations.dart'
+    show Translations;
+
+/// Defines the localized resource values used by the StreamChatFlutter widgets.
+///
+/// See also:
+///
+///  * [GlobalStreamChatLocalizations], which provides stream chat localizations
+///    for many languages.
+abstract class StreamChatLocalizations implements Translations {
+  /// The `StreamChatLocalizations` from the closest [Localizations] instance
+  /// that encloses the given context.
+  ///
+  /// If no [StreamChatLocalizations] are available in the given `context`, this
+  /// method returns null.
+  ///
+  /// This method is just a convenient shorthand for:
+  /// `Localizations.of<StreamChatLocalizations>(
+  ///     context,
+  ///     StreamChatLocalizations
+  /// )`.
+  ///
+  /// References to the localized resources defined by this class are typically
+  /// written in terms of this method. For example:
+  ///
+  /// ```dart
+  /// tooltip: StreamChatLocalizations.of(context).streamChatLabel,
+  /// ```
+  static StreamChatLocalizations? of(BuildContext context) =>
+      Localizations.of<StreamChatLocalizations>(
+        context,
+        StreamChatLocalizations,
+      );
+}

packages/stream_chat_flutter/lib/src/localization/translations.dart

@@ -0,0 +1,667 @@
+import 'package:jiffy/jiffy.dart';
+import 'package:stream_chat_flutter/src/connection_status_builder.dart';
+import 'package:stream_chat_flutter/src/message_input.dart';
+import 'package:stream_chat_flutter/src/message_list_view.dart';
+import 'package:stream_chat_flutter/src/message_search_list_view.dart';
+import 'package:stream_chat_flutter_core/stream_chat_flutter_core.dart'
+    show User;
+
+/// Translation strings for the stream chat widgets
+abstract class Translations {
+  /// The error shown when [launchURL] fails
+  String get launchUrlError;
+
+  /// The error shown when loading users fails
+  String get loadingUsersError;
+
+  /// The label for "retry" button
+  String get retryLabel;
+
+  /// The label for showing no users
+  String get noUsersLabel;
+
+  /// The text for showing user is online
+  String get userOnlineText;
+
+  /// The text for showing the last online of the user
+  String get userLastOnlineText;
+
+  /// The text shown when [users] starts typing
+  String userTypingText(Iterable<User> users);
+
+  /// The label for "thread reply"
+  String get threadReplyLabel;
+
+  /// The text for showing if the message is only visible to you
+  String get onlyVisibleToYouText;
+
+  /// The text for showing the thread reply count
+  String threadReplyCountText(int count);
+
+  /// The text for showing the attachments upload progress
+  String attachmentsUploadProgressText({
+    required int remaining,
+    required int total,
+  });
+
+  /// The text for showing who pinned the message
+  String pinnedByUserText({
+    required User pinnedBy,
+    required User currentUser,
+  });
+
+  /// The text for showing there are empty messages
+  String get emptyMessagesText;
+
+  /// The text for showing generic error
+  String get genericErrorText;
+
+  /// The error shown when loading messages fails
+  String get loadingMessagesError;
+
+  /// The text for showing the result count in [MessageSearchListView]
+  String resultCountText(int count);
+
+  /// The text for showing the message is deleted
+  String get messageDeletedText;
+
+  /// The label for message deleted
+  String get messageDeletedLabel;
+
+  /// The label for message reactions
+  String get messageReactionsLabel;
+
+  /// The text for showing there are no chats
+  String get emptyChatMessagesText;
+
+  /// The text for showing the thread separator in case [MessageListView]
+  /// contains a parent message
+  String threadSeparatorText(int replyCount);
+
+  /// The label for "connected" in [ConnectionStatusBuilder]
+  String get connectedLabel;
+
+  /// The label for "disconnected" in [ConnectionStatusBuilder]
+  String get disconnectedLabel;
+
+  /// The label for "reconnecting" in [ConnectionStatusBuilder]
+  String get reconnectingLabel;
+
+  /// The label for also send as direct message "checkbox"" in [MessageInput]
+  String get alsoSendAsDirectMessageLabel;
+
+  /// The label for search Gif
+  String get searchGifLabel;
+
+  /// The label for add a comment or send in case of
+  /// attachments inside [MessageInput]
+  String get addACommentOrSendLabel;
+
+  /// The label for write a message in [MessageInput]
+  String get writeAMessageLabel;
+
+  /// The label for instant commands in [MessageInput]
+  String get instantCommandsLabel;
+
+  /// The error shown in case the fi"le is too large even after compression
+  /// while uploading via [MessageInput]
+  String fileTooLargeAfterCompressionError(double limitInMB);
+
+  /// The error shown in case the file is too large
+  /// while uploading via [MessageInput]
+  String fileTooLargeError(double limitInMB);
+
+  /// The text for showing the query while searching for emojis
+  String emojiMatchingQueryText(String query);
+
+  /// The label for "add a file"
+  String get addAFileLabel;
+
+  /// The label for "upload a photo"
+  String get uploadAPhotoLabel;
+
+  /// The label for "upload a video"
+  String get uploadAVideoLabel;
+
+  /// The label for "photo from camera"
+  String get photoFromCameraLabel;
+
+  /// The label for "video from camera"
+  String get videoFromCameraLabel;
+
+  /// The label for "upload a file"
+  String get uploadAFileLabel;
+
+  /// The error shown when something went wrong
+  String get somethingWentWrongError;
+
+  /// The label for "OK"
+  String get okLabel;
+
+  /// The label for "add more files"
+  String get addMoreFilesLabel;
+
+  /// The message shown for asking photo and video access permission
+  String get enablePhotoAndVideoAccessMessage;
+
+  /// The message shown for asking gallery access permission
+  String get allowGalleryAccessMessage;
+
+  /// The label for "flag message"
+  String get flagMessageLabel;
+
+  /// The question asked while showing flag message dialog
+  String get flagMessageQuestion;
+
+  /// The label for "Flag"
+  String get flagLabel;
+
+  /// The label for "Cancel"
+  String get cancelLabel;
+
+  /// The label for successful message flag
+  String get flagMessageSuccessfulLabel;
+
+  /// The text for showing the message if successfully flagged
+  String get flagMessageSuccessfulText;
+
+  /// The label for "delete message"
+  String get deleteMessageLabel;
+
+  /// The question asked while showing delete message dialog
+  String get deleteMessageQuestion;
+
+  /// The label for "Delete"
+  String get deleteLabel;
+
+  /// The text for showing the operation could not be completed
+  String get operationCouldNotBeCompletedText;
+
+  /// The label for "Reply"
+  String get replyLabel;
+
+  /// The text for showing pin/un-pin functionality in [MessageWidget]
+  /// based on [pinned]
+  String togglePinUnpinText({required bool pinned});
+
+  /// The text for showing delete/retry-delete based on [isDeleteFailed]
+  String toggleDeleteRetryDeleteMessageText({required bool isDeleteFailed});
+
+  /// The label for "copy message"
+  String get copyMessageLabel;
+
+  /// The label for "edit message"
+  String get editMessageLabel;
+
+  /// The text for showing resend/resend-edited message
+  /// based on [isUpdateFailed]
+  String toggleResendOrResendEditedMessage({required bool isUpdateFailed});
+
+  /// The label for "Photos"
+  String get photosLabel;
+
+  /// The text for showing on which [date] and [time] the message was sent
+  String sentAtText({required DateTime date, required DateTime time});
+
+  /// The label for "Today"
+  String get todayLabel;
+
+  /// The label for "Yesterday"
+  String get yesterdayLabel;
+
+  /// The text for showing the channel is muted
+  String get channelIsMutedText;
+
+  /// The text for showing there is no title
+  String get noTitleText;
+
+  /// The label for "let's start chatting"
+  String get letsStartChattingLabel;
+
+  /// The label for sending the first message
+  String get sendingFirstMessageLabel;
+
+  /// The label for "start a chat"
+  String get startAChatLabel;
+
+  /// The error shown when loading channel fails
+  String get loadingChannelsError;
+
+  /// The label for "Delete conversation"
+  String get deleteConversationLabel;
+
+  /// The question asked while showing delete conversation dialog
+  String get deleteConversationQuestion;
+
+  /// The label for "Stream Chat"
+  String get streamChatLabel;
+
+  /// The text for showing searching for network
+  String get searchingForNetworkText;
+
+  /// The label for "Offline"
+  String get offlineLabel;
+
+  /// The label for "Try again"
+  String get tryAgainLabel;
+
+  /// The text for showing the members count based on [count]
+  String membersCountText(int count);
+
+  /// The text for showing the watchers count based on [count]
+  String watchersCountText(int count);
+
+  /// The label for "View Info"
+  String get viewInfoLabel;
+
+  /// The label for "Leave Group"
+  String get leaveGroupLabel;
+
+  /// The label for "Leave"
+  String get leaveLabel;
+
+  /// The label for "Leave conversation"
+  String get leaveConversationLabel;
+
+  /// The question asked while showing leave conversation dialog
+  String get leaveConversationQuestion;
+
+  /// The label for "Show in chat"
+  String get showInChatLabel;
+
+  /// The label for "Save Image"
+  String get saveImageLabel;
+
+  /// The label for "Save Video"
+  String get saveVideoLabel;
+
+  /// The label for "Upload Error"
+  String get uploadErrorLabel;
+
+  /// The label for "Giphy"
+  String get giphyLabel;
+
+  /// The label for "Shuffle"
+  String get shuffleLabel;
+
+  /// The label for "Send"
+  String get sendLabel;
+
+  /// The label for "With"
+  String get withText;
+
+  /// The text shown for "In"
+  String get inText;
+
+  /// The text shown for "You"
+  String get youText;
+
+  /// The text shown for "Of"
+  String get ofText;
+
+  /// The text shown for "File"
+  String get fileText;
+
+  /// The label for "Reply to message"
+  String get replyToMessageLabel;
+}
+
+/// Default implementation of Translation strings for the stream chat widgets
+class DefaultTranslations implements Translations {
+  const DefaultTranslations._();
+
+  /// Singleton instance of [DefaultTranslations]
+  static const instance = DefaultTranslations._();
+
+  @override
+  String get launchUrlError => 'Cannot launch the url';
+
+  @override
+  String get loadingUsersError => 'Error loading users';
+
+  @override
+  String get noUsersLabel => 'There are no users currently';
+
+  @override
+  String get retryLabel => 'Retry';
+
+  @override
+  String get userLastOnlineText => 'Last online';
+
+  @override
+  String get userOnlineText => 'Online';
+
+  @override
+  String userTypingText(Iterable<User> users) {
+    if (users.isEmpty) return '';
+    final first = users.first;
+    if (users.length == 1) {
+      return '${first.name} is typing';
+    }
+    return '${first.name} and ${users.length - 1} more are typing';
+  }
+
+  @override
+  String get threadReplyLabel => 'Thread Reply';
+
+  @override
+  String get onlyVisibleToYouText => 'Only visible to you';
+
+  @override
+  String threadReplyCountText(int count) => '$count Thread Replies';
+
+  @override
+  String attachmentsUploadProgressText({
+    required int remaining,
+    required int total,
+  }) =>
+      'Uploading $remaining/$total ...';
+
+  @override
+  String pinnedByUserText({
+    required User pinnedBy,
+    required User currentUser,
+  }) {
+    final pinnedByCurrentUser = currentUser.id == pinnedBy.id;
+    if (pinnedByCurrentUser) return 'Pinned by You';
+    return 'Pinned by ${pinnedBy.name}';
+  }
+
+  @override
+  String get emptyMessagesText => 'There are no messages currently';
+
+  @override
+  String get genericErrorText => 'Something went wrong';
+
+  @override
+  String get loadingMessagesError => 'Error loading messages';
+
+  @override
+  String resultCountText(int count) => '$count results';
+
+  @override
+  String get messageDeletedText => 'This message is deleted.';
+
+  @override
+  String get messageDeletedLabel => 'Message deleted';
+
+  @override
+  String get messageReactionsLabel => 'Message Reactions';
+
+  @override
+  String get emptyChatMessagesText => 'No chats here yet...';
+
+  @override
+  String threadSeparatorText(int replyCount) {
+    if (replyCount == 1) return '1 Reply';
+    return '$replyCount Replies';
+  }
+
+  @override
+  String get connectedLabel => 'Connected';
+
+  @override
+  String get disconnectedLabel => 'Disconnected';
+
+  @override
+  String get reconnectingLabel => 'Reconnecting...';
+
+  @override
+  String get alsoSendAsDirectMessageLabel => 'Also send as direct message';
+
+  @override
+  String get addACommentOrSendLabel => 'Add a comment or send';
+
+  @override
+  String get searchGifLabel => 'Search GIFs';
+
+  @override
+  String get writeAMessageLabel => 'Write a message';
+
+  @override
+  String get instantCommandsLabel => 'Instant Commands';
+
+  @override
+  String fileTooLargeAfterCompressionError(double limitInMB) =>
+      'The file is too large to upload. '
+      'The file size limit is $limitInMB MB. '
+      'We tried compressing it, but it was not enough.';
+
+  @override
+  String fileTooLargeError(double limitInMB) =>
+      'The file is too large to upload. The file size limit is $limitInMB MB.';
+
+  @override
+  String emojiMatchingQueryText(String query) => 'Emoji matching "$query"';
+
+  @override
+  String get addAFileLabel => 'Add a file';
+
+  @override
+  String get photoFromCameraLabel => 'Photo from camera';
+
+  @override
+  String get uploadAFileLabel => 'Upload a file';
+
+  @override
+  String get uploadAPhotoLabel => 'Upload a photo';
+
+  @override
+  String get uploadAVideoLabel => 'Upload a video';
+
+  @override
+  String get videoFromCameraLabel => 'Video from camera';
+
+  @override
+  String get okLabel => 'OK';
+
+  @override
+  String get somethingWentWrongError => 'Something went wrong';
+
+  @override
+  String get addMoreFilesLabel => 'Add more files';
+
+  @override
+  String get enablePhotoAndVideoAccessMessage =>
+      'Please enable access to your photos'
+      '\nand videos so you can share them with friends.';
+
+  @override
+  String get allowGalleryAccessMessage => 'Allow access to your gallery';
+
+  @override
+  String get flagMessageLabel => 'Flag Message';
+
+  @override
+  String get flagMessageQuestion =>
+      'Do you want to send a copy of this message to a'
+      '\nmoderator for further investigation?';
+
+  @override
+  String get flagLabel => 'FLAG';
+
+  @override
+  String get cancelLabel => 'CANCEL';
+
+  @override
+  String get flagMessageSuccessfulLabel => 'Message flagged';
+
+  @override
+  String get flagMessageSuccessfulText =>
+      'The message has been reported to a moderator.';
+
+  @override
+  String get deleteLabel => 'DELETE';
+
+  @override
+  String get deleteMessageLabel => 'Delete Message';
+
+  @override
+  String get deleteMessageQuestion =>
+      'Are you sure you want to permanently delete this\nmessage?';
+
+  @override
+  String get operationCouldNotBeCompletedText =>
+      'The operation couldn\'t be completed.';
+
+  @override
+  String get replyLabel => 'Reply';
+
+  @override
+  String togglePinUnpinText({required bool pinned}) {
+    if (pinned) return 'Unpin from Conversation';
+    return 'Pin to Conversation';
+  }
+
+  @override
+  String toggleDeleteRetryDeleteMessageText({required bool isDeleteFailed}) {
+    if (isDeleteFailed) return 'Retry Deleting Message';
+    return 'Delete Message';
+  }
+
+  @override
+  String get copyMessageLabel => 'Copy Message';
+
+  @override
+  String get editMessageLabel => 'Edit Message';
+
+  @override
+  String toggleResendOrResendEditedMessage({required bool isUpdateFailed}) {
+    if (isUpdateFailed) return 'Resend Edited Message';
+    return 'Resend';
+  }
+
+  @override
+  String get photosLabel => 'Photos';
+
+  String _getDay(DateTime dateTime) {
+    final now = DateTime.now();
+    final today = DateTime(now.year, now.month, now.day);
+    final yesterday = DateTime(now.year, now.month, now.day - 1);
+
+    final date = DateTime(dateTime.year, dateTime.month, dateTime.day);
+
+    if (date == today) {
+      return 'today';
+    } else if (date == yesterday) {
+      return 'yesterday';
+    } else {
+      return 'on ${Jiffy(date).MMMd}';
+    }
+  }
+
+  @override
+  String sentAtText({required DateTime date, required DateTime time}) =>
+      'Sent ${_getDay(date)} at ${Jiffy(time.toLocal()).format('HH:mm')}';
+
+  @override
+  String get todayLabel => 'Today';
+
+  @override
+  String get yesterdayLabel => 'Yesterday';
+
+  @override
+  String get channelIsMutedText => 'Channel is muted';
+
+  @override
+  String get noTitleText => 'No title';
+
+  @override
+  String get letsStartChattingLabel => 'Let’s start chatting!';
+
+  @override
+  String get sendingFirstMessageLabel =>
+      'How about sending your first message to a friend?';
+
+  @override
+  String get startAChatLabel => 'Start a chat';
+
+  @override
+  String get loadingChannelsError => 'Error loading channels';
+
+  @override
+  String get deleteConversationLabel => 'Delete Conversation';
+
+  @override
+  String get deleteConversationQuestion =>
+      'Are you sure you want to delete this conversation?';
+
+  @override
+  String get streamChatLabel => 'Stream Chat';
+
+  @override
+  String get searchingForNetworkText => 'Searching for Network';
+
+  @override
+  String get offlineLabel => 'Offline...';
+
+  @override
+  String get tryAgainLabel => 'Try Again';
+
+  @override
+  String membersCountText(int count) {
+    if (count == 1) return '1 Member';
+    return '$count Members';
+  }
+
+  @override
+  String watchersCountText(int count) {
+    if (count == 1) return '1 Online';
+    return '$count Online';
+  }
+
+  @override
+  String get viewInfoLabel => 'View Info';
+
+  @override
+  String get leaveGroupLabel => 'Leave Group';
+
+  @override
+  String get leaveLabel => 'LEAVE';
+
+  @override
+  String get leaveConversationLabel => 'Leave conversation';
+
+  @override
+  String get leaveConversationQuestion =>
+      'Are you sure you want to leave this conversation?';
+
+  @override
+  String get showInChatLabel => 'Show in Chat';
+
+  @override
+  String get saveImageLabel => 'Save Image';
+
+  @override
+  String get saveVideoLabel => 'Save Video';
+
+  @override
+  String get uploadErrorLabel => 'UPLOAD ERROR';
+
+  @override
+  String get giphyLabel => 'Giphy';
+
+  @override
+  String get shuffleLabel => 'Shuffle';
+
+  @override
+  String get sendLabel => 'Send';
+
+  @override
+  String get withText => 'with';
+
+  @override
+  String get inText => 'in';
+
+  @override
+  String get youText => 'You';
+
+  @override
+  String get ofText => 'of';
+
+  @override
+  String get fileText => 'File';
+
+  @override
+  String get replyToMessageLabel => 'Reply to Message';
+}

packages/stream_chat_flutter/lib/src/message_actions_modal.dart

@@ -269,16 +269,14 @@ class _MessageActionsModalState extends State<MessageActionsModal> {
     final streamChatThemeData = StreamChatTheme.of(context);
     final answer = await showConfirmationDialog(
       context,
-      title: 'Flag Message',
+      title: context.translations.flagMessageLabel,
       icon: StreamSvgIcon.flag(
         color: streamChatThemeData.colorTheme.accentError,
         size: 24,
       ),
-      question:
-          // ignore: lines_longer_than_80_chars
-          'Do you want to send a copy of this message to a\nmoderator for further investigation?',
-      okText: 'FLAG',
-      cancelText: 'CANCEL',
+      question: context.translations.flagMessageQuestion,
+      okText: context.translations.flagLabel,
+      cancelText: context.translations.cancelLabel,
     );
 
     final theme = streamChatThemeData;
@@ -291,9 +289,9 @@ class _MessageActionsModalState extends State<MessageActionsModal> {
             color: theme.colorTheme.accentError,
             size: 24,
           ),
-          details: 'The message has been reported to a moderator.',
-          title: 'Message flagged',
-          okText: 'OK',
+          details: context.translations.flagMessageSuccessfulText,
+          title: context.translations.flagMessageSuccessfulLabel,
+          okText: context.translations.okLabel,
         );
       } catch (err) {
         if (err is StreamChatNetworkError &&
@@ -304,9 +302,9 @@ class _MessageActionsModalState extends State<MessageActionsModal> {
               color: theme.colorTheme.accentError,
               size: 24,
             ),
-            details: 'The message has been reported to a moderator.',
-            title: 'Message flagged',
-            okText: 'OK',
+            details: context.translations.flagMessageSuccessfulText,
+            title: context.translations.flagMessageSuccessfulLabel,
+            okText: context.translations.okLabel,
           );
         } else {
           _showErrorAlert();
@@ -336,14 +334,14 @@ class _MessageActionsModalState extends State<MessageActionsModal> {
     });
     final answer = await showConfirmationDialog(
       context,
-      title: 'Delete message',
+      title: context.translations.deleteMessageLabel,
       icon: StreamSvgIcon.flag(
         color: StreamChatTheme.of(context).colorTheme.accentError,
         size: 24,
       ),
-      question: 'Are you sure you want to permanently delete this\nmessage?',
-      okText: 'DELETE',
-      cancelText: 'CANCEL',
+      question: context.translations.deleteMessageQuestion,
+      okText: context.translations.deleteLabel,
+      cancelText: context.translations.cancelLabel,
     );
 
     if (answer == true) {
@@ -367,9 +365,9 @@ class _MessageActionsModalState extends State<MessageActionsModal> {
         color: StreamChatTheme.of(context).colorTheme.accentError,
         size: 24,
       ),
-      details: 'The operation couldn\'t be completed.',
-      title: 'Something went wrong',
-      okText: 'OK',
+      details: context.translations.operationCouldNotBeCompletedText,
+      title: context.translations.somethingWentWrongError,
+      okText: context.translations.okLabel,
     );
   }
 
@@ -391,7 +389,7 @@ class _MessageActionsModalState extends State<MessageActionsModal> {
             ),
             const SizedBox(width: 16),
             Text(
-              'Reply',
+              context.translations.replyLabel,
               style: streamChatThemeData.textTheme.body,
             ),
           ],
@@ -413,7 +411,7 @@ class _MessageActionsModalState extends State<MessageActionsModal> {
             ),
             const SizedBox(width: 16),
             Text(
-              'Flag Message',
+              context.translations.flagMessageLabel,
               style: streamChatThemeData.textTheme.body,
             ),
           ],
@@ -436,7 +434,9 @@ class _MessageActionsModalState extends State<MessageActionsModal> {
             ),
             const SizedBox(width: 16),
             Text(
-              '${widget.message.pinned ? 'Unpin from' : 'Pin to'} Conversation',
+              context.translations.togglePinUnpinText(
+                pinned: widget.message.pinned,
+              ),
               style: streamChatThemeData.textTheme.body,
             ),
           ],
@@ -459,7 +459,9 @@ class _MessageActionsModalState extends State<MessageActionsModal> {
             ),
             const SizedBox(width: 16),
             Text(
-              isDeleteFailed ? 'Retry Deleting Message' : 'Delete Message',
+              context.translations.toggleDeleteRetryDeleteMessageText(
+                isDeleteFailed: isDeleteFailed,
+              ),
               style: StreamChatTheme.of(context)
                   .textTheme
                   .body
@@ -488,7 +490,7 @@ class _MessageActionsModalState extends State<MessageActionsModal> {
             ),
             const SizedBox(width: 16),
             Text(
-              'Copy Message',
+              context.translations.copyMessageLabel,
               style: streamChatThemeData.textTheme.body,
             ),
           ],
@@ -513,7 +515,7 @@ class _MessageActionsModalState extends State<MessageActionsModal> {
             ),
             const SizedBox(width: 16),
             Text(
-              'Edit Message',
+              context.translations.editMessageLabel,
               style: streamChatThemeData.textTheme.body,
             ),
           ],
@@ -545,7 +547,9 @@ class _MessageActionsModalState extends State<MessageActionsModal> {
             ),
             const SizedBox(width: 16),
             Text(
-              isUpdateFailed ? 'Resend Edited Message' : 'Resend',
+              context.translations.toggleResendOrResendEditedMessage(
+                isUpdateFailed: isUpdateFailed,
+              ),
               style: streamChatThemeData.textTheme.body,
             ),
           ],
@@ -590,9 +594,9 @@ class _MessageActionsModalState extends State<MessageActionsModal> {
                         color: streamChatThemeData.colorTheme.disabled,
                       ),
                     ),
-                    const Text(
-                      'Edit Message',
-                      style: TextStyle(fontWeight: FontWeight.bold),
+                    Text(
+                      context.translations.editMessageLabel,
+                      style: const TextStyle(fontWeight: FontWeight.bold),
                     ),
                     IconButton(
                       visualDensity: VisualDensity.compact,
@@ -638,7 +642,7 @@ class _MessageActionsModalState extends State<MessageActionsModal> {
             ),
             const SizedBox(width: 16),
             Text(
-              'Thread Reply',
+              context.translations.threadReplyLabel,
               style: streamChatThemeData.textTheme.body,
             ),
           ],

packages/stream_chat_flutter/lib/src/message_input.dart

@@ -358,9 +358,9 @@ class MessageInputState extends State<MessageInput> {
                           color: _streamChatTheme.colorTheme.disabled,
                         ),
                       ),
-                      const Text(
-                        'Reply to Message',
-                        style: TextStyle(fontWeight: FontWeight.bold),
+                      Text(
+                        context.translations.replyToMessageLabel,
+                        style: const TextStyle(fontWeight: FontWeight.bold),
                       ),
                       IconButton(
                         visualDensity: VisualDensity.compact,
@@ -462,7 +462,7 @@ class MessageInputState extends State<MessageInput> {
           Padding(
             padding: const EdgeInsets.symmetric(horizontal: 12),
             child: Text(
-              'Also send as direct message',
+              context.translations.alsoSendAsDirectMessageLabel,
               style: _streamChatTheme.textTheme.footnote.copyWith(
                 color: _streamChatTheme.colorTheme.textHighEmphasis
                     .withOpacity(0.5),
@@ -587,7 +587,7 @@ class MessageInputState extends State<MessageInput> {
                     style: _messageInputTheme.inputTextStyle,
                     autofocus: widget.autofocus,
                     textAlignVertical: TextAlignVertical.center,
-                    decoration: _getInputDecoration(),
+                    decoration: _getInputDecoration(context),
                     textCapitalization: TextCapitalization.sentences,
                   ),
                 )
@@ -599,11 +599,11 @@ class MessageInputState extends State<MessageInput> {
     );
   }
 
-  InputDecoration _getInputDecoration() {
+  InputDecoration _getInputDecoration(BuildContext context) {
     final passedDecoration = _messageInputTheme.inputDecoration;
     return InputDecoration(
       isDense: true,
-      hintText: _getHint(),
+      hintText: _getHint(context),
       hintStyle: _messageInputTheme.inputTextStyle!.copyWith(
         color: _streamChatTheme.colorTheme.textLowEmphasis,
       ),
@@ -752,14 +752,14 @@ class MessageInputState extends State<MessageInput> {
     );
   }
 
-  String _getHint() {
+  String _getHint(BuildContext context) {
     if (_commandEnabled && _chosenCommand!.name == 'giphy') {
-      return 'Search GIFs';
+      return context.translations.searchGifLabel;
     }
     if (_attachments.isNotEmpty) {
-      return 'Add a comment or send';
+      return context.translations.addACommentOrSendLabel;
     }
-    return 'Write a message';
+    return context.translations.writeAMessageLabel;
   }
 
   void _checkEmoji(String s, BuildContext context) {
@@ -882,7 +882,7 @@ class MessageInputState extends State<MessageInput> {
                         ),
                       ),
                       Text(
-                        'Instant Commands',
+                        context.translations.instantCommandsLabel,
                         style: TextStyle(
                           color: _streamChatTheme.colorTheme.textHighEmphasis
                               .withOpacity(.5),
@@ -1145,8 +1145,9 @@ class MessageInputState extends State<MessageInput> {
 
         if (mediaInfo.filesize! > widget.maxAttachmentSize) {
           _showErrorAlert(
-            // ignore: lines_longer_than_80_chars
-            'The file is too large to upload. The file size limit is 20MB. We tried compressing it, but it was not enough.',
+            context.translations.fileTooLargeAfterCompressionError(
+              widget.maxAttachmentSize / (1024 * 1024),
+            ),
           );
           return;
         }
@@ -1157,9 +1158,9 @@ class MessageInputState extends State<MessageInput> {
           path: mediaInfo.path,
         );
       } else {
-        _showErrorAlert(
-          'The file is too large to upload. The file size limit is 20MB.',
-        );
+        _showErrorAlert(context.translations.fileTooLargeError(
+          widget.maxAttachmentSize / (1024 * 1024),
+        ));
         return;
       }
     }
@@ -1427,7 +1428,9 @@ class MessageInputState extends State<MessageInput> {
                                 ),
                                 Flexible(
                                   child: Text(
-                                    'Emoji matching "$query"',
+                                    context.translations.emojiMatchingQueryText(
+                                      query,
+                                    ),
                                     style: TextStyle(
                                       color: _streamChatTheme
                                           .colorTheme.textHighEmphasis
@@ -1777,17 +1780,17 @@ class MessageInputState extends State<MessageInput> {
           builder: (_) => Column(
                 mainAxisSize: MainAxisSize.min,
                 children: <Widget>[
-                  const ListTile(
+                  ListTile(
                     title: Text(
-                      'Add a file',
-                      style: TextStyle(
+                      context.translations.addAFileLabel,
+                      style: const TextStyle(
                         fontWeight: FontWeight.bold,
                       ),
                     ),
                   ),
                   ListTile(
                     leading: const Icon(Icons.image),
-                    title: const Text('Upload a photo'),
+                    title: Text(context.translations.uploadAPhotoLabel),
                     onTap: () {
                       pickFile(DefaultAttachmentTypes.image);
                       Navigator.pop(context);
@@ -1795,7 +1798,7 @@ class MessageInputState extends State<MessageInput> {
                   ),
                   ListTile(
                     leading: const Icon(Icons.video_library),
-                    title: const Text('Upload a video'),
+                    title: Text(context.translations.uploadAVideoLabel),
                     onTap: () {
                       pickFile(DefaultAttachmentTypes.video);
                       Navigator.pop(context);
@@ -1804,7 +1807,7 @@ class MessageInputState extends State<MessageInput> {
                   if (!kIsWeb)
                     ListTile(
                       leading: const Icon(Icons.camera_alt),
-                      title: const Text('Photo from camera'),
+                      title: Text(context.translations.photoFromCameraLabel),
                       onTap: () {
                         pickFile(DefaultAttachmentTypes.image, true);
                         Navigator.pop(context);
@@ -1813,7 +1816,7 @@ class MessageInputState extends State<MessageInput> {
                   if (!kIsWeb)
                     ListTile(
                       leading: const Icon(Icons.videocam),
-                      title: const Text('Video from camera'),
+                      title: Text(context.translations.videoFromCameraLabel),
                       onTap: () {
                         pickFile(DefaultAttachmentTypes.video, true);
                         Navigator.pop(context);
@@ -1821,7 +1824,7 @@ class MessageInputState extends State<MessageInput> {
                     ),
                   ListTile(
                     leading: const Icon(Icons.insert_drive_file),
-                    title: const Text('Upload a file'),
+                    title: Text(context.translations.uploadAFileLabel),
                     onTap: () {
                       pickFile(DefaultAttachmentTypes.file);
                       Navigator.pop(context);
@@ -1924,8 +1927,9 @@ class MessageInputState extends State<MessageInput> {
 
         if (mediaInfo.filesize! > widget.maxAttachmentSize) {
           _showErrorAlert(
-            // ignore: lines_longer_than_80_chars
-            'The file is too large to upload. The file size limit is 20MB. We tried compressing it, but it was not enough.',
+            context.translations.fileTooLargeAfterCompressionError(
+              widget.maxAttachmentSize / (1024 * 1024),
+            ),
           );
           return;
         }
@@ -1936,9 +1940,9 @@ class MessageInputState extends State<MessageInput> {
           path: mediaInfo.path,
         );
       } else {
-        _showErrorAlert(
-          'The file is too large to upload. The file size limit is 20MB.',
-        );
+        _showErrorAlert(context.translations.fileTooLargeError(
+          widget.maxAttachmentSize / (1024 * 1024),
+        ));
         return;
       }
     }
@@ -2118,7 +2122,7 @@ class MessageInputState extends State<MessageInput> {
             height: 26,
           ),
           Text(
-            'Something went wrong',
+            context.translations.somethingWentWrongError,
             style: _streamChatTheme.textTheme.headlineBold,
           ),
           const SizedBox(
@@ -2147,7 +2151,7 @@ class MessageInputState extends State<MessageInput> {
                   Navigator.of(context).pop();
                 },
                 child: Text(
-                  'OK',
+                  context.translations.okLabel,
                   style: _streamChatTheme.textTheme.bodyBold.copyWith(
                       color: _streamChatTheme.colorTheme.accentPrimary),
                 ),
@@ -2259,10 +2263,10 @@ class _PickerWidget extends StatefulWidget {
   final StreamChatThemeData streamChatTheme;
 
   @override
-  __PickerWidgetState createState() => __PickerWidgetState();
+  _PickerWidgetState createState() => _PickerWidgetState();
 }
 
-class __PickerWidgetState extends State<_PickerWidget> {
+class _PickerWidgetState extends State<_PickerWidget> {
   Future<bool>? requestPermission;
 
   @override
@@ -2294,7 +2298,7 @@ class __PickerWidgetState extends State<_PickerWidget> {
                   color: widget.streamChatTheme.colorTheme.inputBg,
                   alignment: Alignment.center,
                   child: Text(
-                    'Add more files',
+                    context.translations.addMoreFilesLabel,
                     style: TextStyle(
                       color: widget.streamChatTheme.colorTheme.accentPrimary,
                       fontWeight: FontWeight.bold,
@@ -2326,8 +2330,7 @@ class __PickerWidgetState extends State<_PickerWidget> {
                     color: widget.streamChatTheme.colorTheme.disabled,
                   ),
                   Text(
-                    // ignore: lines_longer_than_80_chars
-                    'Please enable access to your photos \nand videos so you can share them with friends.',
+                    context.translations.enablePhotoAndVideoAccessMessage,
                     style: widget.streamChatTheme.textTheme.body.copyWith(
                         color:
                             widget.streamChatTheme.colorTheme.textLowEmphasis),
@@ -2336,7 +2339,7 @@ class __PickerWidgetState extends State<_PickerWidget> {
                   const SizedBox(height: 6),
                   Center(
                     child: Text(
-                      'Allow access to your gallery',
+                      context.translations.allowGalleryAccessMessage,
                       style: widget.streamChatTheme.textTheme.bodyBold.copyWith(
                         color: widget.streamChatTheme.colorTheme.accentPrimary,
                       ),

packages/stream_chat_flutter/lib/src/message_list_view.dart

@@ -336,6 +336,7 @@ class _MessageListViewState extends State<MessageListView> {
   bool _inBetweenList = false;
 
   late final _defaultController = MessageListController();
+
   MessageListController get _messageListController =>
       widget.messageListController ?? _defaultController;
 
@@ -350,7 +351,7 @@ class _MessageListViewState extends State<MessageListView> {
         emptyBuilder: widget.emptyBuilder ??
             (context) => Center(
                   child: Text(
-                    'No chats here yet...',
+                    context.translations.emptyChatMessagesText,
                     style: _streamTheme.textTheme.footnote.copyWith(
                         color: _streamTheme.colorTheme.textHighEmphasis
                             .withOpacity(.5)),
@@ -363,7 +364,7 @@ class _MessageListViewState extends State<MessageListView> {
         errorBuilder: widget.errorBuilder ??
             (BuildContext context, Object error) => Center(
                   child: Text(
-                    'Something went wrong',
+                    context.translations.genericErrorText,
                     style: _streamTheme.textTheme.footnote.copyWith(
                         color: _streamTheme.colorTheme.textHighEmphasis
                             .withOpacity(.5)),
@@ -409,14 +410,14 @@ class _MessageListViewState extends State<MessageListView> {
             var showStatus = true;
             switch (status) {
               case ConnectionStatus.connected:
-                statusString = 'Connected';
+                statusString = context.translations.connectedLabel;
                 showStatus = false;
                 break;
               case ConnectionStatus.connecting:
-                statusString = 'Reconnecting...';
+                statusString = context.translations.reconnectingLabel;
                 break;
               case ConnectionStatus.disconnected:
-                statusString = 'Disconnected';
+                statusString = context.translations.disconnectedLabel;
                 break;
             }
 
@@ -618,7 +619,7 @@ class _MessageListViewState extends State<MessageListView> {
       return widget.threadSeparatorBuilder!.call(context);
     }
 
-    final replyCount = widget.parentMessage!.replyCount;
+    final replyCount = widget.parentMessage!.replyCount!;
     return DecoratedBox(
       decoration: BoxDecoration(
         gradient: _streamTheme.colorTheme.bgGradient,
@@ -626,7 +627,7 @@ class _MessageListViewState extends State<MessageListView> {
       child: Padding(
         padding: const EdgeInsets.all(8),
         child: Text(
-          '$replyCount ${replyCount == 1 ? 'Reply' : 'Replies'}',
+          context.translations.threadSeparatorText(replyCount),
           textAlign: TextAlign.center,
           style: _streamTheme.channelHeaderTheme.subtitleStyle,
         ),
@@ -965,7 +966,7 @@ class _MessageListViewState extends State<MessageListView> {
     final currentUser = StreamChat.of(context).currentUser;
     final members = StreamChannel.of(context).channel.state?.members ?? [];
     final currentUserMember =
-        members.firstWhere((e) => e.user!.id == currentUser!.id);
+        members.firstWhereOrNull((e) => e.user!.id == currentUser!.id);
 
     Widget messageWidget = MessageWidget(
       key: ValueKey<String>('MESSAGE-${message.id}'),
@@ -1072,7 +1073,8 @@ class _MessageListViewState extends State<MessageListView> {
         }
         FocusScope.of(context).unfocus();
       },
-      showPinButton: widget.pinPermissions.contains(currentUserMember.role),
+      showPinButton: currentUserMember != null &&
+          widget.pinPermissions.contains(currentUserMember.role),
     );
 
     if (widget.messageBuilder != null) {
@@ -1250,8 +1252,8 @@ class _LoadingIndicator extends StatelessWidget {
       initialData: false,
       errorBuilder: (context, error) => Container(
         color: streamTheme.colorTheme.accentError.withOpacity(.2),
-        child: const Center(
-          child: Text('Error loading messages'),
+        child: Center(
+          child: Text(context.translations.loadingMessagesError),
         ),
       ),
       builder: (context, data) {

packages/stream_chat_flutter/lib/src/message_reactions_modal.dart

@@ -8,6 +8,7 @@ import 'package:stream_chat_flutter/src/theme/themes.dart';
 import 'package:stream_chat_flutter/src/user_avatar.dart';
 import 'package:stream_chat_flutter/stream_chat_flutter.dart';
 import 'package:stream_chat_flutter_core/stream_chat_flutter_core.dart';
+import 'package:stream_chat_flutter/src/extension.dart';
 
 /// Modal widget for displaying message reactions
 class MessageReactionsModal extends StatelessWidget {
@@ -156,7 +157,7 @@ class MessageReactionsModal extends StatelessWidget {
           mainAxisSize: MainAxisSize.min,
           children: [
             Text(
-              'Message Reactions',
+              context.translations.messageReactionsLabel,
               style: chatThemeData.textTheme.headlineBold,
             ),
             const SizedBox(height: 16),

packages/stream_chat_flutter/lib/src/message_search_item.dart

@@ -2,6 +2,7 @@ import 'package:flutter/material.dart';
 import 'package:jiffy/jiffy.dart';
 import 'package:stream_chat_flutter/stream_chat_flutter.dart';
 import 'package:stream_chat_flutter_core/stream_chat_flutter_core.dart';
+import 'package:stream_chat_flutter/src/extension.dart';
 
 /// It shows the current [Message] preview.
 ///
@@ -50,13 +51,13 @@ class MessageSearchItem extends StatelessWidget {
         children: [
           Text(
             user.id == StreamChat.of(context).currentUser?.id
-                ? 'You'
+                ? context.translations.youText
                 : user.name,
             style: chatThemeData.channelPreviewTheme.titleStyle,
           ),
           if (channelName != null) ...[
             Text(
-              ' in ',
+              ' ${context.translations.inText} ',
               style: chatThemeData.channelPreviewTheme.titleStyle?.copyWith(
                 fontWeight: FontWeight.normal,
               ),
@@ -100,7 +101,7 @@ class MessageSearchItem extends StatelessWidget {
   Widget _buildSubtitle(BuildContext context, Message message) {
     var text = message.text;
     if (message.isDeleted) {
-      text = 'This message was deleted.';
+      text = context.translations.messageDeletedText;
     } else if (message.attachments.isNotEmpty) {
       final parts = <String>[
         ...message.attachments.map((e) {

packages/stream_chat_flutter/lib/src/message_search_list_view.dart

@@ -4,6 +4,7 @@ import 'package:stream_chat_flutter/src/message_search_item.dart';
 import 'package:stream_chat_flutter/src/theme/themes.dart';
 import 'package:stream_chat_flutter/stream_chat_flutter.dart';
 import 'package:stream_chat_flutter_core/stream_chat_flutter_core.dart';
+import 'package:stream_chat_flutter/src/extension.dart';
 
 /// Callback called when tapping on a user
 typedef MessageSearchItemTapCallback = void Function(GetMessageResponse);
@@ -141,6 +142,7 @@ class MessageSearchListView extends StatefulWidget {
 
 class _MessageSearchListViewState extends State<MessageSearchListView> {
   late final _defaultController = MessageSearchListController();
+
   MessageSearchListController get _messageSearchListController =>
       widget.messageSearchListController ?? _defaultController;
 
@@ -162,8 +164,8 @@ class _MessageSearchListViewState extends State<MessageSearchListView> {
                     constraints: BoxConstraints(
                       minHeight: viewportConstraints.maxHeight,
                     ),
-                    child: const Center(
-                      child: Text('There are no messages currently'),
+                    child: Center(
+                      child: Text(context.translations.emptyMessagesText),
                     ),
                   ),
                 ),
@@ -177,7 +179,7 @@ class _MessageSearchListViewState extends State<MessageSearchListView> {
               showMessage: widget.showErrorTile,
               tileAnchor: Alignment.topCenter,
               childAnchor: Alignment.topCenter,
-              message: 'An error occurred.',
+              message: context.translations.genericErrorText,
               child: Container(),
             );
           },
@@ -241,10 +243,10 @@ class _MessageSearchListViewState extends State<MessageSearchListView> {
                   .colorTheme
                   .accentError
                   .withOpacity(.2),
-              child: const Padding(
-                padding: EdgeInsets.symmetric(vertical: 16),
+              child: Padding(
+                padding: const EdgeInsets.symmetric(vertical: 16),
                 child: Center(
-                  child: Text('Error loading messages'),
+                  child: Text(context.translations.loadingMessagesError),
                 ),
               ),
             );
@@ -307,7 +309,7 @@ class _MessageSearchListViewState extends State<MessageSearchListView> {
                 horizontal: 8,
               ),
               child: Text(
-                '${items.length} results',
+                context.translations.resultCountText(items.length),
                 style: TextStyle(
                   color: chatThemeData.colorTheme.textLowEmphasis,
                 ),

packages/stream_chat_flutter/lib/src/message_text.dart

@@ -30,60 +30,66 @@ class MessageText extends StatelessWidget {
 
   @override
   Widget build(BuildContext context) {
-    final text = _replaceMentions(message.text ?? '').replaceAll('\n', '\n\n');
+    final streamChat = StreamChat.of(context);
+    assert(streamChat.currentUser != null, '');
+    return BetterStreamBuilder<String>(
+      stream: streamChat.currentUserStream.map((it) => it!.language ?? 'en'),
+      initialData: streamChat.currentUser!.language ?? 'en',
+      builder: (context, language) {
+        final translatedText =
+            message.i18n?['${language}_text'] ?? message.text;
+        final messageText =
+            _replaceMentions(translatedText ?? '').replaceAll('\n', '\n\n');
+        final themeData = Theme.of(context);
+        return MarkdownBody(
+          data: messageText,
+          onTapLink: (
+            String link,
+            String? href,
+            String title,
+          ) {
+            if (link.startsWith('@')) {
+              final mentionedUser = message.mentionedUsers.firstWhereOrNull(
+                (u) => '@${u.name}' == link,
+              );
 
-    final themeData = Theme.of(context);
-    return MarkdownBody(
-      data: text,
-      onTapLink: (
-        String link,
-        String? href,
-        String title,
-      ) {
-        if (link.startsWith('@')) {
-          final mentionedUser = message.mentionedUsers.firstWhereOrNull(
-            (u) => '@${u.name}' == link,
-          );
-          if (mentionedUser == null) {
-            return;
-          }
+              if (mentionedUser == null) return;
 
-          if (onMentionTap != null) {
-            onMentionTap!(mentionedUser);
-          } else {
-            print('tap on ${mentionedUser.name}');
-          }
-        } else {
-          if (onLinkTap != null) {
-            onLinkTap!(link);
-          } else {
-            launchURL(context, link);
-          }
-        }
-      },
-      styleSheet: MarkdownStyleSheet.fromTheme(
-        themeData.copyWith(
-          textTheme: themeData.textTheme.apply(
-            bodyColor: messageTheme.messageTextStyle?.color,
-            decoration: messageTheme.messageTextStyle?.decoration,
-            decorationColor: messageTheme.messageTextStyle?.decorationColor,
-            decorationStyle: messageTheme.messageTextStyle?.decorationStyle,
-            fontFamily: messageTheme.messageTextStyle?.fontFamily,
+              onMentionTap?.call(mentionedUser);
+            } else {
+              if (onLinkTap != null) {
+                onLinkTap!(link);
+              } else {
+                launchURL(context, link);
+              }
+            }
+          },
+          styleSheet: MarkdownStyleSheet.fromTheme(
+            themeData.copyWith(
+              textTheme: themeData.textTheme.apply(
+                bodyColor: messageTheme.messageTextStyle?.color,
+                decoration: messageTheme.messageTextStyle?.decoration,
+                decorationColor: messageTheme.messageTextStyle?.decorationColor,
+                decorationStyle: messageTheme.messageTextStyle?.decorationStyle,
+                fontFamily: messageTheme.messageTextStyle?.fontFamily,
+              ),
+            ),
+          ).copyWith(
+            a: messageTheme.messageLinksStyle,
+            p: messageTheme.messageTextStyle,
           ),
-        ),
-      ).copyWith(
-        a: messageTheme.messageLinksStyle,
-        p: messageTheme.messageTextStyle,
-      ),
+        );
+      },
     );
   }
 
   String _replaceMentions(String text) {
-    message.mentionedUsers.map((u) => u.name).toSet().forEach((userName) {
-      // ignore: parameter_assignments
-      text = text.replaceAll(
+    var messageTextToRender = text;
+    for (final user in message.mentionedUsers.toSet()) {
+      final userName = user.name;
+      messageTextToRender = messageTextToRender.replaceAll(
           '@$userName', '[@$userName](@${userName.replaceAll(' ', '')})');
-    });
-    return text;
+    }
+    return messageTextToRender;
   }
 }

packages/stream_chat_flutter/lib/src/message_widget.dart

@@ -93,6 +93,8 @@ class MessageWidget extends StatefulWidget {
     this.userAvatarBuilder,
     this.editMessageInputBuilder,
     this.textBuilder,
+    this.bottomRowBuilder,
+    this.deletedBottomRowBuilder,
     this.onReturnAction,
     Map<String, AttachmentBuilder>? customAttachmentBuilders,
     this.readList,
@@ -276,6 +278,12 @@ class MessageWidget extends StatefulWidget {
   /// Function called on long press
   final void Function(BuildContext, Message)? onMessageActions;
 
+  /// Widget builder for building a bottom row below the message
+  final Widget Function(BuildContext, Message)? bottomRowBuilder;
+
+  /// Widget builder for building a bottom row below a deleted message
+  final Widget Function(BuildContext, Message)? deletedBottomRowBuilder;
+
   /// Widget builder for building user avatar
   final Widget Function(BuildContext, User)? userAvatarBuilder;
 
@@ -411,6 +419,8 @@ class MessageWidget extends StatefulWidget {
     Widget Function(BuildContext, Message)? editMessageInputBuilder,
     Widget Function(BuildContext, Message)? textBuilder,
     Widget Function(BuildContext, Message)? usernameBuilder,
+    Widget Function(BuildContext, Message)? bottomRowBuilder,
+    Widget Function(BuildContext, Message)? deletedBottomRowBuilder,
     void Function(BuildContext, Message)? onMessageActions,
     Message? message,
     MessageThemeData? messageTheme,
@@ -464,6 +474,9 @@ class MessageWidget extends StatefulWidget {
             editMessageInputBuilder ?? this.editMessageInputBuilder,
         textBuilder: textBuilder ?? this.textBuilder,
         usernameBuilder: usernameBuilder ?? this.usernameBuilder,
+        bottomRowBuilder: bottomRowBuilder ?? this.bottomRowBuilder,
+        deletedBottomRowBuilder:
+            deletedBottomRowBuilder ?? this.deletedBottomRowBuilder,
         onMessageActions: onMessageActions ?? this.onMessageActions,
         message: message ?? this.message,
         messageTheme: messageTheme ?? this.messageTheme,
@@ -783,7 +796,11 @@ class _MessageWidgetState extends State<MessageWidget>
                             bottom:
                                 isPinned && widget.showPinHighlight ? 6.0 : 0.0,
                           ),
-                          child: _bottomRow,
+                          child: widget.bottomRowBuilder?.call(
+                                context,
+                                widget.message,
+                              ) ??
+                              _bottomRow,
                         ),
                       if (isFailedState)
                         Positioned(
@@ -831,22 +848,11 @@ class _MessageWidgetState extends State<MessageWidget>
 
   Widget get _bottomRow {
     if (isDeleted) {
-      final chatThemeData = _streamChatTheme;
-      return Row(
-        mainAxisSize: MainAxisSize.min,
-        children: [
-          StreamSvgIcon.eye(
-            color: chatThemeData.colorTheme.textLowEmphasis,
-            size: 16,
-          ),
-          const SizedBox(width: 8),
-          Text(
-            'Only visible to you',
-            style: chatThemeData.textTheme.footnote
-                .copyWith(color: chatThemeData.colorTheme.textLowEmphasis),
-          ),
-        ],
-      );
+      return widget.deletedBottomRowBuilder?.call(
+            context,
+            widget.message,
+          ) ??
+          const Offstage();
     }
 
     final children = <Widget>[];
@@ -855,9 +861,9 @@ class _MessageWidgetState extends State<MessageWidget>
     final showThreadParticipants = threadParticipants?.isNotEmpty == true;
     final replyCount = widget.message.replyCount;
 
-    var msg = 'Thread Reply';
+    var msg = context.translations.threadReplyLabel;
     if (showThreadReplyIndicator && replyCount! > 1) {
-      msg = '$replyCount Thread Replies';
+      msg = context.translations.threadReplyCountText(replyCount);
     }
 
     // ignore: prefer_function_declarations_over_variables
@@ -1202,7 +1208,10 @@ class _MessageWidgetState extends State<MessageWidget>
         );
       }
       return Text(
-        'Uploading $uploadRemaining/$totalAttachments ...',
+        context.translations.attachmentsUploadProgressText(
+          remaining: uploadRemaining,
+          total: totalAttachments,
+        ),
         style: style,
       );
     }
@@ -1276,8 +1285,8 @@ class _MessageWidgetState extends State<MessageWidget>
   }
 
   Widget _buildPinnedMessage(Message message) {
-    final pinnedBy = message.pinnedBy;
-    final pinnedByMe = _streamChat.currentUser!.id == pinnedBy!.id;
+    final pinnedBy = message.pinnedBy!;
+    final currentUser = _streamChat.currentUser!;
 
     return Padding(
       padding: const EdgeInsets.only(left: 8, right: 8, top: 4, bottom: 8),
@@ -1291,7 +1300,10 @@ class _MessageWidgetState extends State<MessageWidget>
             width: 4,
           ),
           Text(
-            'Pinned by ${pinnedByMe ? 'You' : pinnedBy.name}',
+            context.translations.pinnedByUserText(
+              pinnedBy: pinnedBy,
+              currentUser: currentUser,
+            ),
             style: TextStyle(
               color: _streamChatTheme.colorTheme.textLowEmphasis,
               fontSize: 13,

packages/stream_chat_flutter/lib/src/stream_chat.dart

@@ -1,5 +1,4 @@
 import 'dart:async';
-import 'dart:ui' as ui;
 
 import 'package:flutter/foundation.dart';
 import 'package:flutter/material.dart';
@@ -146,15 +145,14 @@ class StreamChatState extends State<StreamChat> {
   /// The current user as a stream
   Stream<User?> get currentUserStream => widget.client.state.currentUserStream;
 
-  @override
-  void initState() {
-    super.initState();
-  }
-
   @override
   void didChangeDependencies() {
-    final locale = ui.window.locale;
-    Jiffy.locale(locale.languageCode);
+    final currentLocale = Localizations.localeOf(context);
+    final languageCode = currentLocale.languageCode;
+    final availableLocales = Jiffy.getAllAvailableLocales();
+    if (availableLocales.contains(languageCode)) {
+      Jiffy.locale(languageCode);
+    }
     super.didChangeDependencies();
   }
 }

packages/stream_chat_flutter/lib/src/system_message.dart

@@ -13,8 +13,8 @@ class SystemMessage extends StatelessWidget {
   /// This message
   final Message message;
 
-  // ignore: lines_longer_than_80_chars
-  /// The function called when tapping on the message when the message is not failed
+  /// The function called when tapping on the message
+  /// when the message is not failed
   final void Function(Message)? onMessageTap;
 
   @override

packages/stream_chat_flutter/lib/src/thread_header.dart

@@ -2,6 +2,7 @@ import 'package:flutter/material.dart';
 import 'package:stream_chat_flutter/src/stream_chat_theme.dart';
 import 'package:stream_chat_flutter/stream_chat_flutter.dart';
 import 'package:stream_chat_flutter_core/stream_chat_flutter_core.dart';
+import 'package:stream_chat_flutter/src/extension.dart';
 
 /// ![screenshot](https://raw.githubusercontent.com/GetStream/stream-chat-flutter/master/screenshots/thread_header.png)
 /// ![screenshot](https://raw.githubusercontent.com/GetStream/stream-chat-flutter/master/screenshots/thread_header_paint.png)
@@ -111,7 +112,7 @@ class ThreadHeader extends StatelessWidget implements PreferredSizeWidget {
           mainAxisAlignment: MainAxisAlignment.center,
           children: [
             Text(
-              'with ',
+              '${context.translations.withText} ',
               style: chatThemeData.channelHeaderTheme.subtitleStyle,
             ),
             Flexible(
@@ -148,7 +149,7 @@ class ThreadHeader extends StatelessWidget implements PreferredSizeWidget {
             children: [
               title ??
                   Text(
-                    'Thread Reply',
+                    context.translations.threadReplyLabel,
                     style: chatThemeData.channelHeaderTheme.titleStyle,
                   ),
               const SizedBox(height: 2),

packages/stream_chat_flutter/lib/src/typing_indicator.dart

@@ -1,6 +1,7 @@
 import 'package:flutter/material.dart';
 import 'package:lottie/lottie.dart';
 import 'package:stream_chat_flutter_core/stream_chat_flutter_core.dart';
+import 'package:stream_chat_flutter/src/extension.dart';
 
 /// Widget to show the current list of typing users
 class TypingIndicator extends StatelessWidget {
@@ -63,8 +64,7 @@ class TypingIndicator extends StatelessWidget {
                         height: 4,
                       ),
                       Text(
-                        // ignore: lines_longer_than_80_chars
-                        '  ${data.elementAt(0).name}${data.length == 1 ? '' : ' and ${data.length - 1} more'} ${data.length == 1 ? 'is' : 'are'} typing',
+                        context.translations.userTypingText(data),
                         maxLines: 1,
                         style: style,
                       ),

packages/stream_chat_flutter/lib/src/user_item.dart

@@ -4,6 +4,7 @@ import 'package:stream_chat_flutter/src/stream_svg_icon.dart';
 import 'package:stream_chat_flutter/src/user_list_view.dart';
 import 'package:stream_chat_flutter/stream_chat_flutter.dart';
 import 'package:stream_chat_flutter_core/stream_chat_flutter_core.dart';
+import 'package:stream_chat_flutter/src/extension.dart';
 
 ///
 /// It shows the current [User] preview.
@@ -86,12 +87,13 @@ class UserItem extends StatelessWidget {
     );
   }
 
-  Widget _buildLastActive(context) {
+  Widget _buildLastActive(BuildContext context) {
     final chatTheme = StreamChatTheme.of(context);
     return Text(
       user.online == true
-          ? 'Online'
-          : 'Last online ${Jiffy(user.lastActive).fromNow()}',
+          ? context.translations.userOnlineText
+          : '${context.translations.userLastOnlineText} '
+              '${Jiffy(user.lastActive).fromNow()}',
       style: chatTheme.textTheme.footnote.copyWith(
           color: chatTheme.colorTheme.textHighEmphasis.withOpacity(.5)),
     );

packages/stream_chat_flutter/lib/src/user_list_view.dart

@@ -2,6 +2,7 @@ import 'package:flutter/material.dart';
 import 'package:stream_chat_flutter/src/theme/themes.dart';
 import 'package:stream_chat_flutter/stream_chat_flutter.dart';
 import 'package:stream_chat_flutter_core/stream_chat_flutter_core.dart';
+import 'package:stream_chat_flutter/src/extension.dart';
 
 /// Callback called when tapping on a user
 typedef UserTapCallback = void Function(User, Widget?);
@@ -156,6 +157,7 @@ class _UserListViewState extends State<UserListView>
   bool get _isListView => widget.crossAxisCount == 1;
 
   late final _defaultController = UserListController();
+
   UserListController get _userListController =>
       widget.userListController ?? _defaultController;
 
@@ -221,9 +223,9 @@ class _UserListViewState extends State<UserListView>
           mainAxisAlignment: MainAxisAlignment.center,
           children: <Widget>[
             Text.rich(
-              const TextSpan(
+              TextSpan(
                 children: [
-                  WidgetSpan(
+                  const WidgetSpan(
                     child: Padding(
                       padding: EdgeInsets.only(
                         right: 2,
@@ -231,14 +233,14 @@ class _UserListViewState extends State<UserListView>
                       child: Icon(Icons.error_outline),
                     ),
                   ),
-                  TextSpan(text: 'Error loading users'),
+                  TextSpan(text: context.translations.loadingUsersError),
                 ],
               ),
               style: Theme.of(context).textTheme.headline6,
             ),
             TextButton(
               onPressed: () => _userListController.loadData!(),
-              child: const Text('Retry'),
+              child: Text(context.translations.retryLabel),
             ),
           ],
         ),
@@ -251,8 +253,8 @@ class _UserListViewState extends State<UserListView>
             constraints: BoxConstraints(
               minHeight: viewportConstraints.maxHeight,
             ),
-            child: const Center(
-              child: Text('There are no users currently'),
+            child: Center(
+              child: Text(context.translations.noUsersLabel),
             ),
           ),
         ),
@@ -401,10 +403,10 @@ class _UserListViewState extends State<UserListView>
                     .colorTheme
                     .accentError
                     .withOpacity(.2),
-                child: const Padding(
-                  padding: EdgeInsets.symmetric(vertical: 16),
+                child: Padding(
+                  padding: const EdgeInsets.symmetric(vertical: 16),
                   child: Center(
-                    child: Text('Error loading users'),
+                    child: Text(context.translations.loadingUsersError),
                   ),
                 ),
               );

packages/stream_chat_flutter/lib/src/utils.dart

@@ -4,17 +4,15 @@ import 'package:flutter/material.dart';
 import 'package:stream_chat_flutter/stream_chat_flutter.dart';
 import 'package:stream_chat_flutter_core/stream_chat_flutter_core.dart';
 import 'package:url_launcher/url_launcher.dart';
+import 'package:stream_chat_flutter/src/extension.dart';
 
 /// Launch URL
 Future<void> launchURL(BuildContext context, String? url) async {
   if (url != null && await canLaunch(url)) {
     await launch(url);
   } else {
-    // ignore: deprecated_member_use
-    Scaffold.of(context).showSnackBar(
-      const SnackBar(
-        content: Text('Cannot launch the url'),
-      ),
+    ScaffoldMessenger.of(context).showSnackBar(
+      SnackBar(content: Text(context.translations.launchUrlError)),
     );
   }
 }

packages/stream_chat_flutter/lib/src/visible_footnote.dart

@@ -0,0 +1,30 @@
+import 'package:flutter/material.dart';
+import 'package:stream_chat_flutter/src/stream_chat_theme.dart';
+import 'package:stream_chat_flutter/stream_chat_flutter.dart';
+import 'package:stream_chat_flutter/src/extension.dart';
+
+/// Widget for displaying a footnote
+class VisibleFootnote extends StatelessWidget {
+  /// Constructor for creating a [VisibleFootnote]
+  const VisibleFootnote({Key? key}) : super(key: key);
+
+  @override
+  Widget build(BuildContext context) {
+    final chatThemeData = StreamChatTheme.of(context);
+    return Row(
+      mainAxisSize: MainAxisSize.min,
+      children: [
+        StreamSvgIcon.eye(
+          color: chatThemeData.colorTheme.textLowEmphasis,
+          size: 16,
+        ),
+        const SizedBox(width: 8),
+        Text(
+          context.translations.onlyVisibleToYouText,
+          style: chatThemeData.textTheme.footnote
+              .copyWith(color: chatThemeData.colorTheme.textLowEmphasis),
+        ),
+      ],
+    );
+  }
+}

packages/stream_chat_flutter/lib/stream_chat_flutter.dart

@@ -1,3 +1,4 @@
+export 'package:jiffy/jiffy.dart';
 export 'package:stream_chat_flutter_core/stream_chat_flutter_core.dart';
 
 export 'src/attachment/attachment.dart';
@@ -16,6 +17,8 @@ export 'src/gallery_footer.dart';
 export 'src/gallery_header.dart';
 export 'src/gradient_avatar.dart';
 export 'src/info_tile.dart';
+export 'src/localization/stream_chat_localizations.dart';
+export 'src/localization/translations.dart' show DefaultTranslations;
 export 'src/mention_tile.dart';
 export 'src/message_action.dart';
 export 'src/message_input.dart';
@@ -41,3 +44,4 @@ export 'src/user_avatar.dart';
 export 'src/user_item.dart';
 export 'src/user_list_view.dart';
 export 'src/utils.dart';
+export 'src/visible_footnote.dart';

packages/stream_chat_flutter/pubspec.yaml

@@ -1,12 +1,13 @@
 name: stream_chat_flutter
 homepage: https://github.com/GetStream/stream-chat-flutter
 description: Stream Chat official Flutter SDK. Build your own chat experience using Dart and Flutter.
-version: 2.0.0
+version: 2.1.2
 repository: https://github.com/GetStream/stream-chat-flutter
 issue_tracker: https://github.com/GetStream/stream-chat-flutter/issues
 
 environment:
   sdk: '>=2.12.0 <3.0.0'
+  flutter: ">=1.17.0"
 
 dependencies:
   cached_network_image: ^3.0.0
@@ -36,7 +37,7 @@ dependencies:
   scrollable_positioned_list: ^0.2.0-nullsafety.0
   share_plus: ^2.0.3
   shimmer: ^2.0.0
-  stream_chat_flutter_core: ^2.0.0
+  stream_chat_flutter_core: ^2.1.1
   substring_highlight: ^1.0.26
   synchronized: ^3.0.0
   url_launcher: ^6.0.3
@@ -58,5 +59,6 @@ dev_dependencies:
     sdk: flutter
   golden_toolkit: ^0.9.0
   mocktail: ^0.1.2
+  path: ^1.8.0
   pedantic: ^1.11.0
 

packages/stream_chat_flutter/test/src/default_translations_test.dart

@@ -0,0 +1,174 @@
+import 'package:flutter_test/flutter_test.dart';
+import 'package:stream_chat_flutter/stream_chat_flutter.dart';
+
+void main() {
+  test('Default translations should exist', () {
+    const translations = DefaultTranslations.instance;
+    expect(translations.launchUrlError, isNotNull);
+    expect(translations.loadingUsersError, isNotNull);
+    expect(translations.noUsersLabel, isNotNull);
+    expect(translations.retryLabel, isNotNull);
+    expect(translations.userLastOnlineText, isNotNull);
+    expect(translations.userOnlineText, isNotNull);
+    expect(translations.userOnlineText, isNotNull);
+    // no users
+    expect(translations.userTypingText([]), isNotNull);
+    // single user
+    expect(translations.userTypingText([User(id: 'test-id')]), isNotNull);
+    // multiple users
+    expect(
+      translations.userTypingText([
+        User(id: 'test-id-1'),
+        User(id: 'test-id-2'),
+      ]),
+      isNotNull,
+    );
+    expect(translations.threadReplyLabel, isNotNull);
+    expect(translations.onlyVisibleToYouText, isNotNull);
+    expect(translations.threadReplyCountText(3), isNotNull);
+    expect(
+      translations.attachmentsUploadProgressText(remaining: 3, total: 10),
+      isNotNull,
+    );
+    expect(
+      translations.pinnedByUserText(
+        pinnedBy: User(id: 'pinned-by-user-id'),
+        currentUser: OwnUser(id: 'current-user-id'),
+      ),
+      isNotNull,
+    );
+    expect(translations.emptyMessagesText, isNotNull);
+    expect(translations.genericErrorText, isNotNull);
+    expect(translations.loadingMessagesError, isNotNull);
+    expect(translations.resultCountText(3), isNotNull);
+    expect(translations.messageDeletedText, isNotNull);
+    expect(translations.messageDeletedLabel, isNotNull);
+    expect(translations.messageReactionsLabel, isNotNull);
+    expect(translations.emptyChatMessagesText, isNotNull);
+    expect(translations.threadSeparatorText(3), isNotNull);
+    expect(translations.connectedLabel, isNotNull);
+    expect(translations.disconnectedLabel, isNotNull);
+    expect(translations.reconnectingLabel, isNotNull);
+    expect(translations.alsoSendAsDirectMessageLabel, isNotNull);
+    expect(translations.addACommentOrSendLabel, isNotNull);
+    expect(translations.searchGifLabel, isNotNull);
+    expect(translations.writeAMessageLabel, isNotNull);
+    expect(translations.instantCommandsLabel, isNotNull);
+    expect(translations.fileTooLargeAfterCompressionError(33), isNotNull);
+    expect(translations.fileTooLargeError(33), isNotNull);
+    expect(translations.emojiMatchingQueryText('sahil'), isNotNull);
+    expect(translations.addAFileLabel, isNotNull);
+    expect(translations.photoFromCameraLabel, isNotNull);
+    expect(translations.uploadAFileLabel, isNotNull);
+    expect(translations.uploadAPhotoLabel, isNotNull);
+    expect(translations.uploadAVideoLabel, isNotNull);
+    expect(translations.videoFromCameraLabel, isNotNull);
+    expect(translations.okLabel, isNotNull);
+    expect(translations.somethingWentWrongError, isNotNull);
+    expect(translations.addMoreFilesLabel, isNotNull);
+    expect(translations.enablePhotoAndVideoAccessMessage, isNotNull);
+    expect(translations.allowGalleryAccessMessage, isNotNull);
+    expect(translations.flagMessageLabel, isNotNull);
+    expect(translations.flagMessageQuestion, isNotNull);
+    expect(translations.flagLabel, isNotNull);
+    expect(translations.cancelLabel, isNotNull);
+    expect(translations.flagMessageSuccessfulLabel, isNotNull);
+    expect(translations.flagMessageSuccessfulText, isNotNull);
+    expect(translations.deleteLabel, isNotNull);
+    expect(translations.deleteMessageLabel, isNotNull);
+    expect(translations.deleteMessageQuestion, isNotNull);
+    expect(translations.operationCouldNotBeCompletedText, isNotNull);
+    expect(translations.replyLabel, isNotNull);
+    // pinned
+    expect(translations.togglePinUnpinText(pinned: true), isNotNull);
+    // un-pinned
+    expect(translations.togglePinUnpinText(pinned: false), isNotNull);
+    // delete-failed
+    expect(
+      translations.toggleDeleteRetryDeleteMessageText(isDeleteFailed: true),
+      isNotNull,
+    );
+    // first-delete
+    expect(
+      translations.toggleDeleteRetryDeleteMessageText(isDeleteFailed: false),
+      isNotNull,
+    );
+    expect(translations.copyMessageLabel, isNotNull);
+    expect(translations.editMessageLabel, isNotNull);
+    // resend-failed
+    expect(
+      translations.toggleResendOrResendEditedMessage(isUpdateFailed: true),
+      isNotNull,
+    );
+    // first resend
+    expect(
+      translations.toggleResendOrResendEditedMessage(isUpdateFailed: false),
+      isNotNull,
+    );
+    expect(translations.photosLabel, isNotNull);
+    // today
+    expect(
+      translations.sentAtText(
+        date: DateTime.now(),
+        time: DateTime.now(),
+      ),
+      isNotNull,
+    );
+    // yesterday
+    expect(
+      translations.sentAtText(
+        date: DateTime.now().subtract(const Duration(days: 1)),
+        time: DateTime.now(),
+      ),
+      isNotNull,
+    );
+    // any other day
+    expect(
+      translations.sentAtText(
+        date: DateTime.now().subtract(const Duration(days: 3)),
+        time: DateTime.now(),
+      ),
+      isNotNull,
+    );
+    expect(translations.todayLabel, isNotNull);
+    expect(translations.yesterdayLabel, isNotNull);
+    expect(translations.channelIsMutedText, isNotNull);
+    expect(translations.noTitleText, isNotNull);
+    expect(translations.letsStartChattingLabel, isNotNull);
+    expect(translations.sendingFirstMessageLabel, isNotNull);
+    expect(translations.startAChatLabel, isNotNull);
+    expect(translations.loadingChannelsError, isNotNull);
+    expect(translations.deleteConversationLabel, isNotNull);
+    expect(translations.deleteConversationQuestion, isNotNull);
+    expect(translations.streamChatLabel, isNotNull);
+    expect(translations.searchingForNetworkText, isNotNull);
+    expect(translations.offlineLabel, isNotNull);
+    expect(translations.tryAgainLabel, isNotNull);
+    // 1 member
+    expect(translations.membersCountText(1), isNotNull);
+    // 3 members
+    expect(translations.membersCountText(3), isNotNull);
+    // 1 member
+    expect(translations.watchersCountText(1), isNotNull);
+    // 3 members
+    expect(translations.watchersCountText(3), isNotNull);
+    expect(translations.viewInfoLabel, isNotNull);
+    expect(translations.leaveGroupLabel, isNotNull);
+    expect(translations.leaveLabel, isNotNull);
+    expect(translations.leaveConversationLabel, isNotNull);
+    expect(translations.leaveConversationQuestion, isNotNull);
+    expect(translations.showInChatLabel, isNotNull);
+    expect(translations.saveImageLabel, isNotNull);
+    expect(translations.saveVideoLabel, isNotNull);
+    expect(translations.uploadErrorLabel, isNotNull);
+    expect(translations.giphyLabel, isNotNull);
+    expect(translations.shuffleLabel, isNotNull);
+    expect(translations.sendLabel, isNotNull);
+    expect(translations.withText, isNotNull);
+    expect(translations.inText, isNotNull);
+    expect(translations.youText, isNotNull);
+    expect(translations.ofText, isNotNull);
+    expect(translations.fileText, isNotNull);
+    expect(translations.replyToMessageLabel, isNotNull);
+  });
+}

packages/stream_chat_flutter/test/src/message_action_modal_test.dart

@@ -717,7 +717,7 @@ void main() {
       await tester.tap(find.text('Delete Message'));
       await tester.pumpAndSettle();
 
-      expect(find.text('Delete message'), findsOneWidget);
+      expect(find.text('Delete Message'), findsOneWidget);
 
       await tester.tap(find.text('DELETE'));
       await tester.pumpAndSettle();
@@ -773,7 +773,7 @@ void main() {
       await tester.tap(find.text('Delete Message'));
       await tester.pumpAndSettle();
 
-      expect(find.text('Delete message'), findsOneWidget);
+      expect(find.text('Delete Message'), findsOneWidget);
 
       await tester.tap(find.text('DELETE'));
       await tester.pumpAndSettle();

packages/stream_chat_flutter/test/src/message_text_test.dart

@@ -8,10 +8,33 @@ import 'package:stream_chat_flutter/stream_chat_flutter.dart';
 import 'mocks.dart';
 import 'simple_frame.dart';
 
+void expectTextStrings(Iterable<Widget> widgets, List<String> strings) {
+  var currentString = 0;
+  for (final widget in widgets) {
+    if (widget is RichText) {
+      final span = widget.text as TextSpan;
+      final text = _extractTextFromTextSpan(span);
+      expect(text, equals(strings[currentString]));
+      currentString += 1;
+    }
+  }
+}
+
+String _extractTextFromTextSpan(TextSpan span) {
+  var text = span.text ?? '';
+  if (span.children != null) {
+    for (final child in span.children! as Iterable<TextSpan>) {
+      text += _extractTextFromTextSpan(child);
+    }
+  }
+  return text;
+}
+
 void main() {
   testWidgets(
     'it should show correct message text',
     (WidgetTester tester) async {
+      final currentUser = OwnUser(id: 'user-id');
       final client = MockClient();
       final clientState = MockClientState();
       final channel = MockChannel();
@@ -21,7 +44,9 @@ void main() {
       final streamTheme = StreamChatThemeData.fromTheme(themeData);
 
       when(() => client.state).thenReturn(clientState);
-      when(() => clientState.currentUser).thenReturn(OwnUser(id: 'user-id'));
+      when(() => clientState.currentUser).thenReturn(currentUser);
+      when(() => clientState.currentUserStream)
+          .thenAnswer((_) => Stream.value(currentUser));
       when(() => channel.lastMessageAt).thenReturn(lastMessageAt);
       when(() => channel.state).thenReturn(channelState);
       when(() => channel.client).thenReturn(client);
@@ -54,9 +79,107 @@ void main() {
     },
   );
 
+  group('Message with i18n field', () {
+    final client = MockClient();
+    final clientState = MockClientState();
+    final channel = MockChannel();
+    final channelState = MockChannelState();
+    const messageTheme = MessageThemeData();
+
+    final currentUser = OwnUser(
+      id: 'sahil',
+      language: 'hi',
+    );
+
+    setUp(() {
+      when(() => client.state).thenReturn(clientState);
+      when(() => clientState.currentUser).thenReturn(currentUser);
+      when(() => clientState.currentUserStream)
+          .thenAnswer((_) => Stream.value(currentUser));
+
+      when(() => channel.state).thenReturn(channelState);
+      when(() => channel.client).thenReturn(client);
+      when(() => channel.isMuted).thenReturn(false);
+      when(() => channel.isMutedStream).thenAnswer((_) => Stream.value(false));
+    });
+
+    testWidgets(
+      'should show correct translated message text as per user language',
+      (WidgetTester tester) async {
+        final message = Message(
+          text: 'Hello',
+          i18n: const {
+            'en_text': 'Hello',
+            'hi_text': 'नमस्ते',
+            'language': 'en',
+          },
+        );
+
+        await tester.pumpWidget(
+          MaterialApp(
+            home: StreamChat(
+              client: client,
+              child: StreamChannel(
+                channel: channel,
+                child: Scaffold(
+                  body: MessageText(
+                    message: message,
+                    messageTheme: messageTheme,
+                  ),
+                ),
+              ),
+            ),
+          ),
+        );
+
+        expect(find.byType(MarkdownBody), findsOneWidget);
+
+        final widgets = tester.allWidgets;
+        expectTextStrings(widgets, <String>['नमस्ते']);
+      },
+    );
+
+    testWidgets(
+      '''should show default text if i18n does not contain translations as per user language''',
+      (WidgetTester tester) async {
+        final message = Message(
+          text: 'Hello',
+          i18n: const {
+            'en_text': 'Hello',
+            'fr_text': 'Bonjour',
+            'language': 'en',
+          },
+        );
+
+        await tester.pumpWidget(
+          MaterialApp(
+            home: StreamChat(
+              client: client,
+              child: StreamChannel(
+                channel: channel,
+                child: Scaffold(
+                  body: MessageText(
+                    message: message,
+                    messageTheme: messageTheme,
+                  ),
+                ),
+              ),
+            ),
+          ),
+        );
+
+        expect(find.byType(MarkdownBody), findsOneWidget);
+
+        final widgets = tester.allWidgets;
+        expectTextStrings(widgets, <String>['Hello']);
+      },
+    );
+  });
+
   testGoldens(
     'control test',
     (WidgetTester tester) async {
+      final currentUser = OwnUser(id: 'user-id');
       final client = MockClient();
       final clientState = MockClientState();
       final channel = MockChannel();
@@ -66,7 +189,9 @@ void main() {
       final streamTheme = StreamChatThemeData.fromTheme(themeData);
 
       when(() => client.state).thenReturn(clientState);
-      when(() => clientState.currentUser).thenReturn(OwnUser(id: 'user-id'));
+      when(() => clientState.currentUser).thenReturn(currentUser);
+      when(() => clientState.currentUserStream)
+          .thenAnswer((_) => Stream.value(currentUser));
       when(() => channel.lastMessageAt).thenReturn(lastMessageAt);
       when(() => channel.state).thenReturn(channelState);
       when(() => channel.client).thenReturn(client);
@@ -90,14 +215,18 @@ cool.''';
 
       await tester.pumpWidgetBuilder(
         materialAppWrapper()(SimpleFrame(
-          child: StreamChannel(
-            channel: channel,
-            child: Scaffold(
-              body: MessageText(
-                message: Message(
-                  text: messageText,
+          child: StreamChat(
+            client: client,
+            connectivityStream: Stream.value(ConnectivityResult.wifi),
+            child: StreamChannel(
+              channel: channel,
+              child: Scaffold(
+                body: MessageText(
+                  message: Message(
+                    text: messageText,
+                  ),
+                  messageTheme: streamTheme.otherMessageTheme,
                 ),
-                messageTheme: streamTheme.otherMessageTheme,
               ),
             ),
           ),

packages/stream_chat_flutter/test/utils/golden.dart

@@ -0,0 +1,58 @@
+import 'dart:async';
+import 'dart:typed_data';
+
+import 'package:flutter/foundation.dart';
+import 'package:flutter_test/flutter_test.dart';
+import 'package:golden_toolkit/golden_toolkit.dart';
+import 'package:golden_toolkit/src/testing_tools.dart';
+import 'package:path/path.dart' as path;
+
+const double _kGoldenDiffTolerance = 0.05;
+
+/// Wrapper function for golden tests.
+Future<void> customExpectGoldenMatches(
+  WidgetTester tester,
+  String name, {
+  bool? autoHeight,
+  Finder? finder,
+  CustomPump? customPump,
+  @Deprecated('''
+This method level parameter will be removed in an upcoming release. This can be configured globally. If you have concerns, please file an issue with your use case.''') bool? skip,
+}) {
+  final goldenPath = path.join('test/src/goldens');
+  print('goldenPath: $goldenPath');
+  goldenFileComparator = CustomGoldenFileComparator(Uri.parse(goldenPath));
+
+  return compareWithGolden(
+    tester,
+    name,
+    autoHeight: autoHeight,
+    finder: finder,
+    customPump: customPump,
+    skip: skip,
+    // This value is actually ignored. We are forced to pass it because the
+    // downstream API is structured poorly. This should be refactored.
+    device: Device.phone,
+    fileNameFactory: (String name, Device device) =>
+        GoldenToolkit.configuration.fileNameFactory(name),
+  );
+}
+
+class CustomGoldenFileComparator extends LocalFileComparator {
+  CustomGoldenFileComparator(Uri testFile) : super(testFile);
+
+  @override
+  Future<bool> compare(Uint8List imageBytes, Uri golden) async {
+    print('golden.toString(): ${golden.toString()}');
+    final result = await GoldenFileComparator.compareLists(
+      imageBytes,
+      await getGoldenBytes(golden),
+    );
+
+    if (!result.passed && result.diffPercent > _kGoldenDiffTolerance) {
+      final error = await generateFailureOutput(result, golden, basedir);
+      throw FlutterError(error);
+    }
+    return result.passed;
+  }
+}

packages/stream_chat_flutter_core/CHANGELOG.md

@@ -1,10 +1,16 @@
-## Upcoming
+## 2.1.1
+
+- Updated llc dependency
+
+## 2.1.0
+
+🛑️ Breaking Changes from `2.0.0`
+- Changed default message filter of `MessageListCore`
 
 ✅ Added
 - Added `MessageListCore.paginationLimit`
 
 🔄 Changed
-
 - `StreamChatCore.of(context).user` is now deprecated in favor of `StreamChatCore.of(context).currentUser`.
 - `StreamChatCore.of(context).userStream` is now deprecated in favor of `StreamChatCore.of(context).currentUserStream`.
 

packages/stream_chat_flutter_core/README.md

@@ -12,6 +12,7 @@
 - [Register](https://getstream.io/chat/trial/) to get an API key for Stream Chat
 - [Flutter Chat Tutorial](https://getstream.io/chat/flutter/tutorial/)
 - [Chat UI Kit](https://getstream.io/chat/ui-kit/)
+- [Core Docs](https://getstream.io/chat/docs/sdk/flutter/stream_chat_flutter_core/introduction/)
 
 ### Changelog
 

packages/stream_chat_flutter_core/lib/src/message_list_core.dart

@@ -134,8 +134,7 @@ class MessageListCoreState extends State<MessageListCore> {
 
     bool defaultFilter(Message m) {
       final isMyMessage = m.user?.id == _currentUser?.id;
-      final isDeletedOrShadowed = m.isDeleted == true || m.shadowed == true;
-      if (isDeletedOrShadowed && !isMyMessage) return false;
+      if (m.shadowed && !isMyMessage) return false;
       return true;
     }
 

packages/stream_chat_flutter_core/pubspec.yaml

@@ -1,7 +1,7 @@
 name: stream_chat_flutter_core
 homepage: https://github.com/GetStream/stream-chat-flutter
 description: Stream Chat official Flutter SDK Core. Build your own chat experience using Dart and Flutter.
-version: 2.0.0
+version: 2.1.1
 repository: https://github.com/GetStream/stream-chat-flutter
 issue_tracker: https://github.com/GetStream/stream-chat-flutter/issues
 
@@ -16,7 +16,7 @@ dependencies:
     sdk: flutter
   meta: ^1.3.0
   rxdart: ^0.27.0
-  stream_chat: ^2.0.0
+  stream_chat: ^2.1.1
 
 dev_dependencies:
   fake_async: ^1.2.0

packages/stream_chat_localizations/.gitignore

@@ -0,0 +1,74 @@
+# Miscellaneous
+*.class
+*.log
+*.pyc
+*.swp
+.DS_Store
+.atom/
+.buildlog/
+.history
+.svn/
+
+# IntelliJ related
+*.iml
+*.ipr
+*.iws
+.idea/
+
+# The .vscode folder contains launch configuration and tasks you configure in
+# VS Code which you may wish to be included in version control, so this line
+# is commented out by default.
+#.vscode/
+
+# Flutter/Dart/Pub related
+**/doc/api/
+.dart_tool/
+.flutter-plugins
+.flutter-plugins-dependencies
+.packages
+.pub-cache/
+.pub/
+build/
+
+# Android related
+**/android/**/gradle-wrapper.jar
+**/android/.gradle
+**/android/captures/
+**/android/gradlew
+**/android/gradlew.bat
+**/android/local.properties
+**/android/**/GeneratedPluginRegistrant.java
+
+# iOS/XCode related
+**/ios/**/*.mode1v3
+**/ios/**/*.mode2v3
+**/ios/**/*.moved-aside
+**/ios/**/*.pbxuser
+**/ios/**/*.perspectivev3
+**/ios/**/*sync/
+**/ios/**/.sconsign.dblite
+**/ios/**/.tags*
+**/ios/**/.vagrant/
+**/ios/**/DerivedData/
+**/ios/**/Icon?
+**/ios/**/Pods/
+**/ios/**/.symlinks/
+**/ios/**/profile
+**/ios/**/xcuserdata
+**/ios/.generated/
+**/ios/Flutter/App.framework
+**/ios/Flutter/Flutter.framework
+**/ios/Flutter/Flutter.podspec
+**/ios/Flutter/Generated.xcconfig
+**/ios/Flutter/app.flx
+**/ios/Flutter/app.zip
+**/ios/Flutter/flutter_assets/
+**/ios/Flutter/flutter_export_environment.sh
+**/ios/ServiceDefinitions.json
+**/ios/Runner/GeneratedPluginRegistrant.*
+
+# Exceptions to above rules.
+!**/ios/**/default.mode1v3
+!**/ios/**/default.mode2v3
+!**/ios/**/default.pbxuser
+!**/ios/**/default.perspectivev3

packages/stream_chat_localizations/.metadata

@@ -0,0 +1,10 @@
+# This file tracks properties of this Flutter project.
+# Used by Flutter tool to assess capabilities and perform upgrades etc.
+#
+# This file should be version controlled and should not be manually edited.
+
+version:
+  revision: d79295af24c3ed621c33713ecda14ad196fd9c31
+  channel: stable
+
+project_type: package

packages/stream_chat_localizations/CHANGELOG.md

@@ -0,0 +1,11 @@
+## 1.0.2
+
+* Updated stream_chat_flutter dependency
+
+## 1.0.1
+
+* Minor Fixes
+
+## 1.0.0
+
+* First release

packages/stream_chat_localizations/LICENSE

@@ -0,0 +1,219 @@
+SOURCE CODE LICENSE AGREEMENT
+
+IMPORTANT - READ THIS CAREFULLY BEFORE DOWNLOADING, INSTALLING, USING OR
+ELECTRONICALLY ACCESSING THIS PROPRIETARY PRODUCT.
+
+THIS IS A LEGAL AGREEMENT BETWEEN STREAM.IO, INC. (“STREAM.IO”) AND THE
+BUSINESS ENTITY OR PERSON FOR WHOM YOU (“YOU”) ARE ACTING (“CUSTOMER”) AS THE
+LICENSEE OF THE PROPRIETARY SOFTWARE INTO WHICH THIS AGREEMENT HAS BEEN
+INCLUDED (THE “AGREEMENT”). YOU AGREE THAT YOU ARE THE CUSTOMER, OR YOU ARE AN
+EMPLOYEE OR AGENT OF CUSTOMER AND ARE ENTERING INTO THIS AGREEMENT FOR LICENSE
+OF THE SOFTWARE BY CUSTOMER FOR CUSTOMER’S BUSINESS PURPOSES AS DESCRIBED IN
+AND IN ACCORDANCE WITH THIS AGREEMENT. YOU HEREBY AGREE THAT YOU ENTER INTO
+THIS AGREEMENT ON BEHALF OF CUSTOMER AND THAT YOU HAVE THE AUTHORITY TO BIND
+CUSTOMER TO THIS AGREEMENT.
+
+STREAM.IO IS WILLING TO LICENSE THE SOFTWARE TO CUSTOMER ONLY ON THE FOLLOWING
+CONDITIONS: (1) YOU ARE A CURRENT CUSTOMER OF STREAM.IO; (2) YOU ARE NOT A
+COMPETITOR OF STREAM.IO; AND (3) THAT YOU ACCEPT ALL THE TERMS IN THIS
+AGREEMENT. BY DOWNLOADING, INSTALLING, CONFIGURING, ACCESSING OR OTHERWISE
+USING THE SOFTWARE, INCLUDING ANY UPDATES, UPGRADES, OR NEWER VERSIONS, YOU
+REPRESENT, WARRANT AND ACKNOWLEDGE THAT (A) CUSTOMER IS A CURRENT CUSTOMER OF
+STREAM.IO; (B) CUSTOMER IS NOT A COMPETITOR OF STREAM.IO; AND THAT (C) YOU HAVE
+READ THIS AGREEMENT, UNDERSTAND THIS AGREEMENT, AND THAT CUSTOMER AGREES TO BE
+BOUND BY ALL THE TERMS OF THIS AGREEMENT.
+
+IF YOU DO NOT AGREE TO ALL THE TERMS AND CONDITIONS OF THIS AGREEMENT,
+STREAM.IO IS UNWILLING TO LICENSE THE SOFTWARE TO CUSTOMER, AND THEREFORE, DO
+NOT COMPLETE THE DOWNLOAD PROCESS, ACCESS OR OTHERWISE USE THE SOFTWARE, AND
+CUSTOMER SHOULD IMMEDIATELY RETURN THE SOFTWARE AND CEASE ANY USE OF THE
+SOFTWARE.
+
+1. SOFTWARE. The Stream.io software accompanying this Agreement, may include
+Source Code, Executable Object Code, associated media, printed materials and
+documentation (collectively, the “Software”). The Software also includes any
+updates or upgrades to or new versions of the original Software, if and when
+made available to you by Stream.io. “Source Code” means computer programming
+code in human readable form that is not suitable for machine execution without
+the intervening steps of interpretation or compilation. “Executable Object
+Code" means the computer programming code in any other form than Source Code
+that is not readily perceivable by humans and suitable for machine execution
+without the intervening steps of interpretation or compilation. “Site” means a
+Customer location controlled by Customer. “Authorized User” means any employee
+or contractor of Customer working at the Site, who has signed a written
+confidentiality agreement with Customer or is otherwise bound in writing by
+confidentiality and use obligations at least as restrictive as those imposed
+under this Agreement.
+
+2. LICENSE GRANT. Subject to the terms and conditions of this Agreement, in
+consideration for the representations, warranties, and covenants made by
+Customer in this Agreement, Stream.io grants to Customer, during the term of
+this Agreement, a personal, non-exclusive, non-transferable, non-sublicensable
+license to:
+
+a. install and use Software Source Code on password protected computers at a Site,
+restricted to Authorized Users;
+
+b. create derivative works, improvements (whether or not patentable), extensions
+and other modifications to the Software Source Code (“Modifications”) to build
+unique scalable newsfeeds, activity streams, and in-app messaging via Stream’s
+application program interface (“API”);
+
+c. compile the Software Source Code to create Executable Object Code versions of
+the Software Source Code and Modifications to build such newsfeeds, activity
+streams, and in-app messaging via the API;
+
+d. install, execute and use such Executable Object Code versions solely for
+Customer’s internal business use (including development of websites through
+which data generated by Stream services will be streamed (“Apps”));
+
+e. use and distribute such Executable Object Code as part of Customer’s Apps; and
+
+f. make electronic copies of the Software and Modifications as required for backup
+or archival purposes.
+
+3. RESTRICTIONS. Customer is responsible for all activities that occur in
+connection with the Software. Customer will not, and will not attempt to: (a)
+sublicense or transfer the Software or any Source Code related to the Software
+or any of Customer’s rights under this Agreement, except as otherwise provided
+in this Agreement, (b) use the Software Source Code for the benefit of a third
+party or to operate a service; (c) allow any third party to access or use the
+Software Source Code; (d) sublicense or distribute the Software Source Code or
+any Modifications in Source Code or other derivative works based on any part of
+the Software Source Code; (e) use the Software in any manner that competes with
+Stream.io or its business; or (e) otherwise use the Software in any manner that
+exceeds the scope of use permitted in this Agreement. Customer shall use the
+Software in compliance with any accompanying documentation any laws applicable
+to Customer.
+
+4. OPEN SOURCE. Customer and its Authorized Users shall not use any software or
+software components that are open source in conjunction with the Software
+Source Code or any Modifications in Source Code or in any way that could
+subject the Software to any open source licenses.
+
+5. CONTRACTORS. Under the rights granted to Customer under this Agreement,
+Customer may permit its employees, contractors, and agencies of Customer to
+become Authorized Users to exercise the rights to the Software granted to
+Customer in accordance with this Agreement solely on behalf of Customer to
+provide services to Customer; provided that Customer shall be liable for the
+acts and omissions of all Authorized Users to the extent any of such acts or
+omissions, if performed by Customer, would constitute a breach of, or otherwise
+give rise to liability to Customer under, this Agreement. Customer shall not
+and shall not permit any Authorized User to use the Software except as
+expressly permitted in this Agreement.
+
+6. COMPETITIVE PRODUCT DEVELOPMENT. Customer shall not use the Software in any way
+to engage in the development of products or services which could be reasonably
+construed to provide a complete or partial functional or commercial alternative
+to Stream.io’s products or services (a “Competitive Product”). Customer shall
+ensure that there is no direct or indirect use of, or sharing of, Software
+source code, or other information based upon or derived from the Software to
+develop such products or services. Without derogating from the generality of
+the foregoing, development of Competitive Products shall include having direct
+or indirect access to, supervising, consulting or assisting in the development
+of, or producing any specifications, documentation, object code or source code
+for, all or part of a Competitive Product.
+
+7. LIMITATION ON MODIFICATIONS. Notwithstanding any provision in this Agreement,
+Modifications may only be created and used by Customer as permitted by this
+Agreement and Modification Source Code may not be distributed to third parties.
+Customer will not assert against Stream.io, its affiliates, or their customers,
+direct or indirect, agents and contractors, in any way, any patent rights that
+Customer may obtain relating to any Modifications for Stream.io, its
+affiliates’, or their customers’, direct or indirect, agents’ and contractors’
+manufacture, use, import, offer for sale or sale of any Stream.io products or
+services.
+
+8. DELIVERY AND ACCEPTANCE. The Software will be delivered electronically pursuant
+to Stream.io standard download procedures. The Software is deemed accepted upon
+delivery.
+
+9. IMPLEMENTATION AND SUPPORT. Stream.io has no obligation under this Agreement to
+provide any support or consultation concerning the Software.
+
+10. TERM AND TERMINATION. The term of this Agreement begins when the Software is
+downloaded or accessed and shall continue until terminated. Either party may
+terminate this Agreement upon written notice. This Agreement shall
+automatically terminate if Customer is or becomes a competitor of Stream.io or
+makes or sells any Competitive Products. Upon termination of this Agreement for
+any reason, (a) all rights granted to Customer in this Agreement immediately
+cease to exist, (b) Customer must promptly discontinue all use of the Software
+and return to Stream.io or destroy all copies of the Software in Customer’s
+possession or control. Any continued use of the Software by Customer or attempt
+by Customer to exercise any rights under this Agreement after this Agreement
+has terminated shall be considered copyright infringement and subject Customer
+to applicable remedies for copyright infringement. Sections 2, 5, 6, 8 and 9
+shall survive expiration or termination of this Agreement for any reason.
+
+11. OWNERSHIP. As between the parties, the Software and all worldwide intellectual
+property rights and proprietary rights relating thereto or embodied therein,
+are the exclusive property of Stream.io and its suppliers. Stream.io and its
+suppliers reserve all rights in and to the Software not expressly granted to
+Customer in this Agreement, and no other licenses or rights are granted by
+implication, estoppel or otherwise.
+
+12. WARRANTY DISCLAIMER. USE OF THIS SOFTWARE IS ENTIRELY AT YOURS AND CUSTOMER’S
+OWN RISK. THE SOFTWARE IS PROVIDED “AS IS” WITHOUT ANY WARRANTY OF ANY KIND
+WHATSOEVER. STREAM.IO DOES NOT MAKE, AND HEREBY DISCLAIMS, ANY WARRANTY OF ANY
+KIND, WHETHER EXPRESS, IMPLIED, STATUTORY OR OTHERWISE, INCLUDING WITHOUT
+LIMITATION, THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR
+PURPOSE, TITLE, NON-INFRINGEMENT OF THIRD-PARTY RIGHTS, RESULTS, EFFORTS,
+QUALITY OR QUIET ENJOYMENT. STREAM.IO DOES NOT WARRANT THAT THE SOFTWARE IS
+ERROR-FREE, WILL FUNCTION WITHOUT INTERRUPTION, WILL MEET ANY SPECIFIC NEED
+THAT CUSTOMER HAS, THAT ALL DEFECTS WILL BE CORRECTED OR THAT IT IS
+SUFFICIENTLY DOCUMENTED TO BE USABLE BY CUSTOMER. TO THE EXTENT THAT STREAM.IO
+MAY NOT DISCLAIM ANY WARRANTY AS A MATTER OF APPLICABLE LAW, THE SCOPE AND
+DURATION OF SUCH WARRANTY WILL BE THE MINIMUM PERMITTED UNDER SUCH LAW.
+CUSTOMER ACKNOWLEDGES THAT IT HAS RELIED ON NO WARRANTIES OTHER THAN THE
+EXPRESS WARRANTIES IN THIS AGREEMENT.
+
+13. LIMITATION OF LIABILITY. TO THE FULLEST EXTENT PERMISSIBLE BY LAW, STREAM.IO’S
+TOTAL LIABILITY FOR ALL DAMAGES ARISING OUT OF OR RELATED TO THE SOFTWARE OR
+THIS AGREEMENT, WHETHER IN CONTRACT, TORT (INCLUDING NEGLIGENCE) OR OTHERWISE,
+SHALL NOT EXCEED $100. IN NO EVENT WILL STREAM.IO BE LIABLE FOR ANY INDIRECT,
+CONSEQUENTIAL, EXEMPLARY, PUNITIVE, SPECIAL OR INCIDENTAL DAMAGES OF ANY KIND
+WHATSOEVER, INCLUDING ANY LOST DATA AND LOST PROFITS, ARISING FROM OR RELATING
+TO THE SOFTWARE EVEN IF STREAM.IO HAS BEEN ADVISED OF THE POSSIBILITY OF SUCH
+DAMAGES. CUSTOMER ACKNOWLEDGES THAT THIS PROVISION REFLECTS THE AGREED UPON
+ALLOCATION OF RISK FOR THIS AGREEMENT AND THAT STREAM.IO WOULD NOT ENTER INTO
+THIS AGREEMENT WITHOUT THESE LIMITATIONS ON ITS LIABILITY.
+
+14. General. Customer may not assign or transfer this Agreement, by operation of
+law or otherwise, or any of its rights under this Agreement (including the
+license rights granted to Customer) to any third party without Stream.io’s
+prior written consent, which consent will not be unreasonably withheld or
+delayed. Stream.io may assign this Agreement, without consent, including, but
+limited to, affiliate or any successor to all or substantially all its business
+or assets to which this Agreement relates, whether by merger, sale of assets,
+sale of stock, reorganization or otherwise. Any attempted assignment or
+transfer in violation of the foregoing will be null and void. Stream.io shall
+not be liable hereunder by reason of any failure or delay in the performance of
+its obligations hereunder for any cause which is beyond the reasonable control.
+All notices, consents, and approvals under this Agreement must be delivered in
+writing by courier, by electronic mail, or by certified or registered mail,
+(postage prepaid and return receipt requested) to the other party at the
+address set forth in the customer agreement between Stream.io and Customer and
+will be effective upon receipt or when delivery is refused. This Agreement will
+be governed by and interpreted in accordance with the laws of the State of
+Colorado, without reference to its choice of laws rules. The United Nations
+Convention on Contracts for the International Sale of Goods does not apply to
+this Agreement. Any action or proceeding arising from or relating to this
+Agreement shall be brought in a federal or state court in Denver, Colorado, and
+each party irrevocably submits to the jurisdiction and venue of any such court
+in any such action or proceeding. All waivers must be in writing. Any waiver or
+failure to enforce any provision of this Agreement on one occasion will not be
+deemed a waiver of any other provision or of such provision on any other
+occasion. If any provision of this Agreement is unenforceable, such provision
+will be changed and interpreted to accomplish the objectives of such provision
+to the greatest extent possible under applicable law and the remaining
+provisions will continue in full force and effect. Customer shall not violate
+any applicable law, rule or regulation, including those regarding the export of
+technical data. The headings of Sections of this Agreement are for convenience
+and are not to be used in interpreting this Agreement. As used in this
+Agreement, the word “including” means “including but not limited to.” This
+Agreement (including all exhibits and attachments) constitutes the entire
+agreement between the parties regarding the subject hereof and supersedes all
+prior or contemporaneous agreements, understandings and communication, whether
+written or oral. This Agreement may be amended only by a written document
+signed by both parties. The terms of any purchase order or similar document
+submitted by Customer to Stream.io will have no effect.

packages/stream_chat_localizations/README.md

@@ -0,0 +1,121 @@
+# Official Localizations for [Stream Chat Flutter](https://getstream.io/chat/sdk/flutter/) library.
+
+> The Official localizations for Stream Chat Flutter, a service for
+> building chat applications.
+
+[![Pub](https://img.shields.io/pub/v/stream_chat_localizations.svg)](https://pub.dartlang.org/packages/stream_chat_localizations)
+![](https://img.shields.io/badge/platform-flutter%20%7C%20flutter%20web-ff69b4.svg?style=flat-square)
+![CI](https://github.com/GetStream/stream-chat-flutter/workflows/stream_flutter_workflow/badge.svg?branch=master)
+
+
+**Quick Links**
+
+- [Register](https://getstream.io/chat/trial/) to get an API key for Stream Chat
+- [Flutter Chat Tutorial](https://getstream.io/chat/flutter/tutorial/) 
+- [Chat UI Kit](https://getstream.io/chat/ui-kit/)
+- [UI Docs](https://getstream.io/chat/docs/sdk/flutter/stream_chat_flutter/introduction/)
+
+### Changelog
+
+Check out the [changelog on pub.dev](https://pub.dev/packages/stream_chat_localizations/changelog) to see the latest changes in the package.
+
+![localization_support](https://user-images.githubusercontent.com/13705472/127504329-a9690184-ce0f-4442-adb4-a33b5e3a3bf1.png)
+
+## What is Localization?
+
+If you deploy your app to users who speak another language, you'll need to internationalize (localize) it. That means you need to write the app in a way that makes it possible to localize values like text and layouts for each language or locale that the app supports. For more information, see the [Flutter documentation](https://flutter.dev/docs/development/accessibility-and-localization/**internationalization**).
+
+What this package allows you to do is to provide localized strings for the Stream chat widgets. For example, depending on the application locale, the Stream Chat widgets will display the appropriate language. The locale will be set automatically, based on system preferences, or you could set it programmatically in your app. The package supports several different languages, with more to be added. The package allows you to override any supported language or add a new language that isn't supported.
+
+## Supported languages
+
+At the moment we support the following languages:
+- [English](https://github.com/GetStream/stream-chat-flutter/blob/master/packages/stream_chat_localizations/lib/src/stream_chat_localizations_en.dart)
+- [Hindi](https://github.com/GetStream/stream-chat-flutter/blob/master/packages/stream_chat_localizations/lib/src/stream_chat_localizations_hi.dart)
+- [Italian](https://github.com/GetStream/stream-chat-flutter/blob/master/packages/stream_chat_localizations/lib/src/stream_chat_localizations_it.dart)
+- [French](https://github.com/GetStream/stream-chat-flutter/blob/master/packages/stream_chat_localizations/lib/src/stream_chat_localizations_fr.dart)
+
+More languages will be added in the future. Feel free to [contribute](https://github.com/GetStream/stream-chat-flutter/blob/master/CONTRIBUTING.md) to add more languages.
+
+## Add dependency
+
+Add this to your package's pubspec.yaml file, use the latest version [![Pub](https://img.shields.io/pub/v/stream_chat_localizations.svg)](https://pub.dartlang.org/packages/stream_chat_localizations)
+```yaml
+dependencies:
+ stream_chat_localizations: ^latest_version
+```
+
+Then run `flutter packages get`
+
+### Usage
+
+```dart
+import 'package:flutter/material.dart';
+import 'package:stream_chat_localizations/stream_chat_localizations.dart';
+
+void main() {
+  WidgetsFlutterBinding.ensureInitialized();
+  runApp(MyApp());
+}
+
+class MyApp extends StatelessWidget {
+  @override
+  Widget build(BuildContext context) {
+    return MaterialApp(
+      // Add all the supported locales
+      supportedLocales: const [
+        Locale('en'),
+        Locale('hi'),
+        Locale('fr'),
+        Locale('it'),
+      ],
+      // Add GlobalStreamChatLocalizations.delegates
+      localizationsDelegates: GlobalStreamChatLocalizations.delegates,
+      builder: (context, widget) => StreamChat(
+        client: client,
+        child: widget,
+      ),
+      home: StreamChannel(
+        channel: channel,
+        child: const ChannelPage(),
+      ),
+    );
+  }
+}
+```
+
+### Adding a new language
+
+To add a new language, you need to create a new class extending `GlobalStreamChatLocalizations` and create a delegate for it adding it to the `delegates` array.
+
+Check out [this example](https://github.com/GetStream/stream-chat-flutter/blob/master/packages/stream_chat_localizations/example/lib/add_new_lang.dart) to see how to add a new language.
+
+### Override existing languages
+
+To override an existing language, you need to create a new class extending that particular language class and create a delegate for it adding it to the `delegates` array.
+
+Check out [this example](https://github.com/GetStream/stream-chat-flutter/blob/master/packages/stream_chat_localizations/example/lib/override_lang.dart) to see how to override an existing language.
+
+### ⚠️ Note on **iOS**
+
+For translation to work on **iOS** you need to add supported locales to 
+`ios/Runner/Info.plist` as described [here](https://flutter.dev/docs/development/accessibility-and-localization/internationalization#localizing-for-ios-updating-the-ios-app-bundle).
+
+Example:
+
+```xml
+<key>CFBundleLocalizations</key>
+<array>
+	<string>en</string>
+	<string>nb</string>
+	<string>fr</string>
+	<string>it</string>
+</array>
+```
+
+## Contributing
+
+We welcome code changes that improve this library or fix a problem. Please make sure to follow all best practices and add tests if applicable before submitting a Pull Request on Github.
+We are pleased to merge your code into the official repository.
+Make sure to sign our [Contributor License Agreement (CLA)](https://docs.google.com/forms/d/e/1FAIpQLScFKsKkAJI7mhCr7K9rEIOpqIDThrWxuvxnwUq2XkHyG154vQ/viewform) first.
+See our license file for more details.

packages/stream_chat_localizations/example/.gitignore

@@ -0,0 +1,41 @@
+# Miscellaneous
+*.class
+*.log
+*.pyc
+*.swp
+.DS_Store
+.atom/
+.buildlog/
+.history
+.svn/
+
+# IntelliJ related
+*.iml
+*.ipr
+*.iws
+.idea/
+
+# The .vscode folder contains launch configuration and tasks you configure in
+# VS Code which you may wish to be included in version control, so this line
+# is commented out by default.
+#.vscode/
+
+# Flutter/Dart/Pub related
+**/doc/api/
+**/ios/Flutter/.last_build_id
+.dart_tool/
+.flutter-plugins
+.flutter-plugins-dependencies
+.packages
+.pub-cache/
+.pub/
+/build/
+
+# Web related
+lib/generated_plugin_registrant.dart
+
+# Symbolication related
+app.*.symbols
+
+# Obfuscation related
+app.*.map.json

packages/stream_chat_localizations/example/.metadata

@@ -0,0 +1,10 @@
+# This file tracks properties of this Flutter project.
+# Used by Flutter tool to assess capabilities and perform upgrades etc.
+#
+# This file should be version controlled and should not be manually edited.
+
+version:
+  revision: 78910062997c3a836feee883712c241a5fd22983
+  channel: stable
+
+project_type: app

packages/stream_chat_localizations/example/README.md

@@ -0,0 +1,27 @@
+# Stream Chat Persistence Example
+Please see `lib/` for example code.
+
+## Setting a language
+The application language can be changed through system preferences or programmatically.
+
+### System Preferences
+The application locale can be changed by changing the language for your device or emulator within the device's system preferences.
+
+[iOS change language](https://support.apple.com/en-us/HT204031)
+
+[Android change language](https://support.google.com/websearch/answer/3333234?co=GENIE.Platform%3DAndroid&hl=en)
+
+Note that the language needs to be supported in your application to work.
+
+### Programmatically
+You can also set the locale programmatically in your Flutter application without changing the device's language.
+
+```dart
+return MaterialApp(
+ ...
+ locale: const Locale('fr'),
+ ...
+);
+```
+
+There are many ways that this can be set for additional control. For information and examples, see this [Stack Overflow post](https://stackoverflow.com/questions/49441212/flutter-multi-lingual-application-how-to-override-the-locale).

packages/stream_chat_localizations/example/android/.gitignore

@@ -0,0 +1,11 @@
+gradle-wrapper.jar
+/.gradle
+/captures/
+/gradlew
+/gradlew.bat
+/local.properties
+GeneratedPluginRegistrant.java
+
+# Remember to never publicly share your keystore.
+# See https://flutter.dev/docs/deployment/android#reference-the-keystore-from-the-app
+key.properties

packages/stream_chat_localizations/example/android/app/build.gradle

@@ -0,0 +1,64 @@
+def localProperties = new Properties()
+def localPropertiesFile = rootProject.file('local.properties')
+if (localPropertiesFile.exists()) {
+    localPropertiesFile.withReader('UTF-8') { reader ->
+        localProperties.load(reader)
+    }
+}
+
+def flutterRoot = localProperties.getProperty('flutter.sdk')
+if (flutterRoot == null) {
+    throw new GradleException("Flutter SDK not found. Define location with flutter.sdk in the local.properties file.")
+}
+
+def flutterVersionCode = localProperties.getProperty('flutter.versionCode')
+if (flutterVersionCode == null) {
+    flutterVersionCode = '1'
+}
+
+def flutterVersionName = localProperties.getProperty('flutter.versionName')
+if (flutterVersionName == null) {
+    flutterVersionName = '1.0'
+}
+
+apply plugin: 'com.android.application'
+apply plugin: 'kotlin-android'
+apply from: "$flutterRoot/packages/flutter_tools/gradle/flutter.gradle"
+
+android {
+    compileSdkVersion 30
+
+    sourceSets {
+        main.java.srcDirs += 'src/main/kotlin'
+    }
+
+    lintOptions {
+        disable 'InvalidPackage'
+        checkReleaseBuilds false
+    }
+
+    defaultConfig {
+        // TODO: Specify your own unique Application ID (https://developer.android.com/studio/build/application-id.html).
+        applicationId "com.example.example"
+        minSdkVersion 21
+        targetSdkVersion 30
+        versionCode flutterVersionCode.toInteger()
+        versionName flutterVersionName
+    }
+
+    buildTypes {
+        release {
+            // TODO: Add your own signing config for the release build.
+            // Signing with the debug keys for now, so `flutter run --release` works.
+            signingConfig signingConfigs.debug
+        }
+    }
+}
+
+flutter {
+    source '../..'
+}
+
+dependencies {
+    implementation "org.jetbrains.kotlin:kotlin-stdlib-jdk7:$kotlin_version"
+}

packages/stream_chat_localizations/example/android/app/src/debug/AndroidManifest.xml

@@ -0,0 +1,7 @@
+<manifest xmlns:android="http://schemas.android.com/apk/res/android"
+    package="com.example.example">
+    <!-- Flutter needs it to communicate with the running application
+         to allow setting breakpoints, to provide hot reload, etc.
+    -->
+    <uses-permission android:name="android.permission.INTERNET"/>
+</manifest>

packages/stream_chat_localizations/example/android/app/src/main/AndroidManifest.xml

@@ -0,0 +1,47 @@
+<manifest xmlns:android="http://schemas.android.com/apk/res/android"
+    package="com.example.example">
+    <!-- io.flutter.app.FlutterApplication is an android.app.Application that
+         calls FlutterMain.startInitialization(this); in its onCreate method.
+         In most cases you can leave this as-is, but you if you want to provide
+         additional functionality it is fine to subclass or reimplement
+         FlutterApplication and put your custom class here. -->
+    <application
+        android:name="io.flutter.app.FlutterApplication"
+        android:label="example"
+        android:icon="@mipmap/ic_launcher">
+        <activity
+            android:name=".MainActivity"
+            android:launchMode="singleTop"
+            android:theme="@style/LaunchTheme"
+            android:configChanges="orientation|keyboardHidden|keyboard|screenSize|smallestScreenSize|locale|layoutDirection|fontScale|screenLayout|density|uiMode"
+            android:hardwareAccelerated="true"
+            android:windowSoftInputMode="adjustResize">
+            <!-- Specifies an Android theme to apply to this Activity as soon as
+                 the Android process has started. This theme is visible to the user
+                 while the Flutter UI initializes. After that, this theme continues
+                 to determine the Window background behind the Flutter UI. -->
+            <meta-data
+              android:name="io.flutter.embedding.android.NormalTheme"
+              android:resource="@style/NormalTheme"
+              />
+            <!-- Displays an Android View that continues showing the launch screen
+                 Drawable until Flutter paints its first frame, then this splash
+                 screen fades out. A splash screen is useful to avoid any visual
+                 gap between the end of Android's launch screen and the painting of
+                 Flutter's first frame. -->
+            <meta-data
+              android:name="io.flutter.embedding.android.SplashScreenDrawable"
+              android:resource="@drawable/launch_background"
+              />
+            <intent-filter>
+                <action android:name="android.intent.action.MAIN"/>
+                <category android:name="android.intent.category.LAUNCHER"/>
+            </intent-filter>
+        </activity>
+        <!-- Don't delete the meta-data below.
+             This is used by the Flutter tool to generate GeneratedPluginRegistrant.java -->
+        <meta-data
+            android:name="flutterEmbedding"
+            android:value="2" />
+    </application>
+</manifest>

packages/stream_chat_localizations/example/android/app/src/main/kotlin/com/example/example/MainActivity.kt

@@ -0,0 +1,6 @@
+package com.example.example
+
+import io.flutter.embedding.android.FlutterActivity
+
+class MainActivity: FlutterActivity() {
+}

packages/stream_chat_localizations/example/android/app/src/main/res/drawable/launch_background.xml

@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Modify this file to customize your launch splash screen -->
+<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
+    <item android:drawable="@android:color/white" />
+
+    <!-- You can insert your own image assets here -->
+    <!-- <item>
+        <bitmap
+            android:gravity="center"
+            android:src="@mipmap/launch_image" />
+    </item> -->
+</layer-list>