Merge branch 'develop' into chore/bump-lottie-to-v2

docusaurus/docs/Flutter/04-stream_chat_flutter_core/stream_channel_list_controller.mdx

@@ -58,7 +58,7 @@ void dispose() {
 }
 ```
 
-The `StreamChannelListController` is basically a [`PagedValueNotifier`](./paged_value_notifier.mdx) that notifies you when the list of channels has changed.
+The `StreamChannelListController` is basically a [`PagedValueNotifier`](./paged_value_listenable_builder.mdx) that notifies you when the list of channels has changed.
 You can use a [`PagedValueListenableBuilder`](./paged_value_listenable_builder.mdx) to build your UI depending on the latest channels.
 
 ```dart

docusaurus/docs/Flutter/04-stream_chat_flutter_core/stream_member_list_controller.mdx

@@ -46,7 +46,7 @@ void dispose() {
 }
 ```
 
-The `StreamMemberListController` is basically a [`PagedValueNotifier`](./paged_value_notifier.mdx) that notifies you when the list of members has changed.
+The `StreamMemberListController` is basically a [`PagedValueNotifier`](./paged_value_listenable_builder.mdx) that notifies you when the list of members has changed.
 You can use a [`PagedValueListenableBuilder`](./paged_value_listenable_builder.mdx) to build your UI depending on the latest members.
 
 ```dart

docusaurus/docs/Flutter/04-stream_chat_flutter_core/stream_message_search_list_controller.mdx

@@ -46,7 +46,7 @@ void dispose() {
 }
 ```
 
-The `StreamMessageSearchListController` is basically a [`PagedValueNotifier`](./paged_value_notifier.mdx) that notifies you when the list of responses has changed.
+The `StreamMessageSearchListController` is basically a [`PagedValueNotifier`](./paged_value_listenable_builder.mdx) that notifies you when the list of responses has changed.
 You can use a [`PagedValueListenableBuilder`](./paged_value_listenable_builder.mdx) to build your UI depending on the latest responses.
 
 ```dart

docusaurus/docs/Flutter/04-stream_chat_flutter_core/stream_user_list_controller.mdx

@@ -46,7 +46,7 @@ void dispose() {
 }
 ```
 
-The `StreamUserListController` is basically a [`PagedValueNotifier`](./paged_value_notifier.mdx) that notifies you when the list of users has changed.
+The `StreamUserListController` is basically a [`PagedValueNotifier`](./paged_value_listenable_builder.mdx) that notifies you when the list of users has changed.
 You can use a [`PagedValueListenableBuilder`](./paged_value_listenable_builder.mdx) to build your UI depending on the latest users.
 
 ```dart

docusaurus/docs/Flutter/05-guides/09-initialize_stream_chat_widget_tree.mdx

@@ -12,9 +12,9 @@ This guide demonstrates three alternative ways for you to initialize Stream Chat
 
 Before investigating potential solutions, let’s first take a look at the relevant Stream Chat widgets and classes.
 
-Most of the Stream Chat Flutter UI widgets rely on having a [StreamChat](https://getstream.io/chat/docs/sdk/flutter/stream_chat_flutter/stream_chat_and_theming/) ancestor in the widget tree.
+Most of the Stream Chat Flutter UI widgets rely on having a [StreamChat](../../customization/stream_chat_and_theming/) ancestor in the widget tree.
 The **StreamChat** widget is an [InheritedWidget](https://api.flutter.dev/flutter/widgets/InheritedWidget-class.html) that exposes the **StreamChatClient** through **BuildContext**.
-This widget also initializes the [StreamChatCore](../stream_chat_flutter_core/stream_chat_core.mdx) widget and the **StreamChatTheme**.
+This widget also initializes the [StreamChatCore](../../stream_chat_flutter_core/stream_chat_core.mdx) widget and the **StreamChatTheme**.
 
 **StreamChatCore** is a **StatefulWidget** used to react to life cycle changes and system updates.
 When the app goes into the background, the WebSocket connection is closed.

docusaurus/flutter_versioned_docs/version-4.x.x/Flutter/stream_chat_flutter_core/stream_channel_list_controller.mdx

@@ -58,7 +58,7 @@ void dispose() {
 }
 ```
 
-The `StreamChannelListController` is basically a [`PagedValueNotifier`](./paged_value_notifier.mdx) that notifies you when the list of channels has changed.
+The `StreamChannelListController` is basically a [`PagedValueNotifier`](./paged_value_listenable_builder.mdx) that notifies you when the list of channels has changed.
 You can use a [`PagedValueListenableBuilder`](./paged_value_listenable_builder.mdx) to build your UI depending on the latest channels.
 
 ```dart

docusaurus/flutter_versioned_docs/version-4.x.x/Flutter/stream_chat_flutter_core/stream_message_search_list_controller.mdx

@@ -46,7 +46,7 @@ void dispose() {
 }
 ```
 
-The `StreamMessageSearchListController` is basically a [`PagedValueNotifier`](./paged_value_notifier.mdx) that notifies you when the list of responses has changed.
+The `StreamMessageSearchListController` is basically a [`PagedValueNotifier`](./paged_value_listenable_builder.mdx) that notifies you when the list of responses has changed.
 You can use a [`PagedValueListenableBuilder`](./paged_value_listenable_builder.mdx) to build your UI depending on the latest responses.
 
 ```dart

docusaurus/flutter_versioned_docs/version-4.x.x/Flutter/stream_chat_flutter_core/stream_user_list_controller.mdx

@@ -46,7 +46,7 @@ void dispose() {
 }
 ```
 
-The `StreamUserListController` is basically a [`PagedValueNotifier`](./paged_value_notifier.mdx) that notifies you when the list of users has changed.
+The `StreamUserListController` is basically a [`PagedValueNotifier`](./paged_value_listenable_builder.mdx) that notifies you when the list of users has changed.
 You can use a [`PagedValueListenableBuilder`](./paged_value_listenable_builder.mdx) to build your UI depending on the latest users.
 
 ```dart

packages/stream_chat_flutter/CHANGELOG.md

@@ -4,6 +4,10 @@
 
 - Updated `lottie` dependency to `^2.0.0`
 
+🐞 Fixed
+- [[#1379]](https://github.com/GetStream/stream-chat-flutter/issues/1379) Fixed "Issues with photo attachments on web", where the cached image attachment would not render while uploading.
+- Fix render overflow issue with `MessageSearchListTileTitle`. It now uses `Text.rich` instead of `Row`. Better default behaviour and allows `TextOverflow`.
+
 ## 5.1.0
 
 🐞 Fixed

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

@@ -56,22 +56,33 @@ class StreamImageAttachment extends StreamAttachmentWidget {
   Widget build(BuildContext context) {
     return source.when(
       local: () {
-        if (attachment.localUri == null || attachment.file?.bytes == null) {
+        if (attachment.file?.bytes != null) {
-          return AttachmentError(constraints: constraints);
+          return _buildImageAttachment(
-        }
+            context,
-        return _buildImageAttachment(
+            Image.memory(
-          context,
+              attachment.file!.bytes!,
-          Image.memory(
+              height: constraints?.maxHeight,
-            attachment.file!.bytes!,
+              width: constraints?.maxWidth,
-            height: constraints?.maxHeight,
+              fit: BoxFit.cover,
-            width: constraints?.maxWidth,
+              errorBuilder: _imageErrorBuilder,
-            fit: BoxFit.cover,
-            errorBuilder: (context, _, __) => Image.asset(
-              'images/placeholder.png',
-              package: 'stream_chat_flutter',
             ),
-          ),
+          );
-        );
+        } else if (attachment.localUri != null) {
+          return _buildImageAttachment(
+            context,
+            Image.asset(
+              attachment.localUri!.path,
+              height: constraints?.maxHeight,
+              width: constraints?.maxWidth,
+              fit: BoxFit.cover,
+              errorBuilder: _imageErrorBuilder,
+            ),
+          );
+        } else {
+          return AttachmentError(
+            constraints: constraints,
+          );
+        }
       },
       network: () {
         var imageUrl =
@@ -116,6 +127,12 @@ class StreamImageAttachment extends StreamAttachmentWidget {
     );
   }
 
+  Widget _imageErrorBuilder(BuildContext _, Object __, StackTrace? ___) =>
+      Image.asset(
+        'images/placeholder.png',
+        package: 'stream_chat_flutter',
+      );
+
   Widget _buildImageAttachment(BuildContext context, Widget imageWidget) {
     return Container(
       constraints: constraints,

packages/stream_chat_flutter/lib/src/scroll_view/message_search_scroll_view/stream_message_search_list_tile.dart

@@ -122,7 +122,8 @@ class StreamMessageSearchListTile extends StatelessWidget {
     final title = this.title ??
         MessageSearchListTileTitle(
           messageResponse: messageResponse,
-          textStyle: channelPreviewTheme.titleStyle,
+          textStyle: channelPreviewTheme.titleStyle
+              ?.copyWith(overflow: TextOverflow.ellipsis),
         );
 
     final subtitle = this.subtitle ??
@@ -177,27 +178,28 @@ class MessageSearchListTileTitle extends StatelessWidget {
     final channel = messageResponse.channel;
     final channelName = channel?.extraData['name'];
 
-    return Row(
+    return Text.rich(
-      children: [
+      TextSpan(
-        Text(
+        children: [
-          user.id == StreamChat.of(context).currentUser?.id
+          TextSpan(
-              ? context.translations.youText
+            text: user.id == StreamChat.of(context).currentUser?.id
-              : user.name,
+                ? context.translations.youText
-          style: textStyle,
+                : user.name,
-        ),
+          ),
-        if (channelName != null) ...[
+          if (channelName != null) ...[
-          Text(
+            TextSpan(
-            ' ${context.translations.inText} ',
+              text: ' ${context.translations.inText} ',
-            style: textStyle?.copyWith(
+              style: textStyle?.copyWith(
-              fontWeight: FontWeight.normal,
+                fontWeight: FontWeight.normal,
+              ),
             ),
-          ),
+            TextSpan(
-          Text(
+              text: channelName as String,
-            channelName as String,
+            ),
-            style: textStyle,
+          ],
-          ),
         ],
-      ],
+      ),
+      style: textStyle,
     );
   }
 }