Redesign channel list, swipe actions and actions bottom sheet

.gitignore

@@ -1,4 +1,5 @@
 *.iml
+.planning/
 .composite
 buildSrc/build
 .gradle

stream-chat-android-compose-sample/src/androidTestE2eDebug/kotlin/io/getstream/chat/android/compose/robots/UserRobotChannelListAsserts.kt

@@ -20,6 +20,7 @@ import io.getstream.chat.android.compose.pages.ChannelListPage.ChannelList.Chann
 import io.getstream.chat.android.compose.uiautomator.isDisplayed
 import io.getstream.chat.android.compose.uiautomator.waitToAppear
 import io.getstream.chat.android.compose.uiautomator.waitToDisappear
+import io.getstream.chat.android.e2e.test.robots.ParticipantRobot
 import org.junit.Assert.assertEquals
 import org.junit.Assert.assertFalse
 import org.junit.Assert.assertTrue
@@ -30,7 +31,11 @@ fun UserRobot.assertChannelAvatar(): UserRobot {
 }
 
 fun UserRobot.assertMessageInChannelPreview(text: String, fromCurrentUser: Boolean? = null): UserRobot {
-    val expectedPreview = if (fromCurrentUser == true) "You: $text" else text
+    val expectedPreview = when (fromCurrentUser) {
+        true -> "You: $text"
+        false -> "${ParticipantRobot.name}: $text"
+        null -> text
+    }
     assertEquals(expectedPreview, Channel.messagePreview.waitToAppear().text.trimEnd())
     return this
 }

stream-chat-android-compose-sample/src/androidTestE2eDebug/kotlin/io/getstream/chat/android/compose/tests/ChannelListTests.kt

@@ -172,7 +172,7 @@ class ChannelListTests : StreamTestCase() {
 
     @AllureId("5821")
     @Test
-    fun test_channelPreviewShowsPreviousMessage_whenLastMessageIsDeleted() {
+    fun test_channelPreviewShowsDeletedMessage_whenLastMessageIsDeleted() {
         val oldMessage = "Old"
         val newMessage = "New"
 
@@ -190,8 +190,8 @@ class ChannelListTests : StreamTestCase() {
         step("WHEN user goes back to the channel list") {
             userRobot.tapOnBackButton()
         }
-        step("THEN the channel preview shows previous message") {
-            userRobot.assertMessageInChannelPreview(oldMessage, fromCurrentUser = false)
+        step("THEN the channel preview shows 'Message deleted'") {
+            userRobot.assertMessageInChannelPreview("Message deleted", fromCurrentUser = false)
         }
         step("AND the message timestamp is shown") {
             userRobot.assertMessagePreviewTimestamp(isDisplayed = true)

stream-chat-android-compose-sample/src/main/java/io/getstream/chat/android/compose/sample/feature/channel/list/ChannelsActivity.kt

@@ -84,6 +84,7 @@ import io.getstream.chat.android.compose.ui.channels.list.ChannelItem
 import io.getstream.chat.android.compose.ui.channels.list.ChannelList
 import io.getstream.chat.android.compose.ui.components.SearchInput
 import io.getstream.chat.android.compose.ui.components.channels.ChannelOptionItemVisibility
+import io.getstream.chat.android.compose.ui.components.channels.buildDefaultChannelActions
 import io.getstream.chat.android.compose.ui.mentions.MentionList
 import io.getstream.chat.android.compose.ui.theme.ChannelOptionsTheme
 import io.getstream.chat.android.compose.ui.theme.ChatConfig
@@ -381,17 +382,24 @@ class ChannelsActivity : ComponentActivity() {
 
             val selectedChannel = delegatedSelectedChannel
             if (selectedChannel != null) {
+                val channelActions = buildDefaultChannelActions(
+                    selectedChannel = selectedChannel,
+                    isMuted = channelsViewModel.isChannelMuted(selectedChannel.cid),
+                    ownCapabilities = selectedChannel.ownCapabilities,
+                    viewModel = channelsViewModel,
+                    onViewInfoAction = ::viewChannelInfo,
+                )
                 SelectedChannelMenu(
                     modifier = Modifier
                         .padding(16.dp)
                         .fillMaxWidth()
                         .wrapContentHeight()
                         .align(Alignment.Center),
                     shape = RoundedCornerShape(16.dp),
-                    isMuted = channelsViewModel.isChannelMuted(selectedChannel.cid),
                     selectedChannel = selectedChannel,
                     currentUser = user,
-                    onChannelOptionClick = { action -> channelsViewModel.performChannelAction(action) },
+                    channelActions = channelActions,
+                    onChannelOptionConfirm = { action -> channelsViewModel.executeOrConfirm(action) },
                     onDismiss = { channelsViewModel.dismissChannelAction() },
                 )
             }

stream-chat-android-compose-sample/src/main/java/io/getstream/chat/android/compose/sample/ui/component/CustomChatComponentFactory.kt

@@ -25,6 +25,8 @@ import io.getstream.chat.android.compose.sample.ui.location.LocationComponentFac
 import io.getstream.chat.android.compose.sample.vm.SharedLocationViewModelFactory
 import io.getstream.chat.android.compose.state.channels.list.ItemState
 import io.getstream.chat.android.compose.ui.channels.list.ChannelItem
+import io.getstream.chat.android.compose.ui.channels.list.LocalSwipeRevealCoordinator
+import io.getstream.chat.android.compose.ui.channels.list.SwipeableChannelItem
 import io.getstream.chat.android.compose.ui.theme.ChatComponentFactory
 import io.getstream.chat.android.compose.ui.theme.ChatTheme
 import io.getstream.chat.android.models.Channel
@@ -42,21 +44,37 @@ class CustomChatComponentFactory(
         onChannelClick: (Channel) -> Unit,
         onChannelLongClick: (Channel) -> Unit,
     ) {
-        ChannelItem(
-            modifier = Modifier
-                .animateItem()
-                .run {
-                    // Highlight the item background color if it is pinned
-                    if (channelItem.channel.isPinned()) {
-                        background(color = ChatTheme.colors.backgroundCoreHighlight)
-                    } else {
-                        this
-                    }
-                },
-            channelItem = channelItem,
-            currentUser = currentUser,
-            onChannelClick = onChannelClick,
-            onChannelLongClick = onChannelLongClick,
-        )
+        val coordinator = LocalSwipeRevealCoordinator.current
+        val swipeEnabled = ChatTheme.config.channelList.swipeActionsEnabled && coordinator != null
+        val pinnedModifier = if (channelItem.channel.isPinned()) {
+            Modifier.background(color = ChatTheme.colors.backgroundCoreHighlight)
+        } else {
+            Modifier
+        }
+
+        if (swipeEnabled) {
+            SwipeableChannelItem(
+                modifier = Modifier.animateItem(),
+                channelCid = channelItem.channel.cid,
+                backgroundColor = ChatTheme.colors.backgroundCoreApp,
+                swipeActions = { ChannelSwipeActions(channelItem) },
+            ) {
+                ChannelItem(
+                    modifier = pinnedModifier,
+                    channelItem = channelItem,
+                    currentUser = currentUser,
+                    onChannelClick = onChannelClick,
+                    onChannelLongClick = onChannelLongClick,
+                )
+            }
+        } else {
+            ChannelItem(
+                modifier = Modifier.animateItem().then(pinnedModifier),
+                channelItem = channelItem,
+                currentUser = currentUser,
+                onChannelClick = onChannelClick,
+                onChannelLongClick = onChannelLongClick,
+            )
+        }
     }
 }