Introduce ChatComponentFactory

[andremion]

🎯 Goal

Make it easier to customize UI elements used by stateless components.

🛠 Implementation details

ChatComponentFactory is introduced to create stateless components used by default throughout the Chat UI.

Example of a custom ChatComponentFactory implementation that changes the default UI of the trailing content of the channel list header element:

ChatTheme(
    componentFactory = ComponentFactory(
        channelListHeader = object : ChannelListHeader() {
            @Composable
            override fun RowScope.TrailingContent(
                onHeaderActionClick: () -> Unit,
            ) {
                IconButton(onClick = onHeaderActionClick) {
                    Icon(
                        imageVector = Icons.Default.Add,
                        contentDescription = "Add",
                    )
                }
            }
        }
    )
) {
    // Your Chat screens
}

ChatComponentFactory can also be extended in a separate class and passed to the ChatTheme as shown:

class MyComponentFactory : ComponentFactory(
    channelListHeader = object : ChannelListHeader() {
        @Composable
        override fun RowScope.TrailingContent(
            onHeaderActionClick: () -> Unit,
        ) {
            IconButton(onClick = onHeaderActionClick) {
                Icon(
                    imageVector = Icons.Default.Add,
                    contentDescription = "Add",
                )
            }
        }
    }
)
ChatTheme(
    componentFactory = MyComponentFactory()
) {
    // Your Chat screens
}

🧪 Testing

Update the ChannelsActivity of the Compose sample app, and set a new ChatComponentFactory to the ChatTheme with some customizations.

☑️Contributor Checklist

Code & documentation

• Changelog is updated with client-facing changes
• New code is covered by unit tests
• Comparison screenshots added for visual changes
• Affected documentation updated (KDocs, docusaurus, tutorial)

☑️Reviewer Checklist

• UI Components sample runs & works
• Compose sample runs & works
• UI Changes correct (before & after images)
• Bugs validated (bugfixes)
• New feature tested and works
• Release notes and docs clearly describe changes
• All code we touched has new or updated KDocs

🎉 GIF

[github-actions]

SDK Size Comparison 📏

SDK	Before	After	Difference	Status
stream-chat-android-client	3.04 MB	3.04 MB	0.00 MB	🟢
stream-chat-android-offline	3.25 MB	3.25 MB	0.00 MB	🟢
stream-chat-android-ui-components	7.91 MB	7.91 MB	0.00 MB	🟢
stream-chat-android-compose	9.14 MB	9.15 MB	0.00 MB	🟢

[sonarqubecloud]

Quality Gate failed

Failed conditions
2.4% Coverage on New Code (required ≥ 80%)
6.1% Duplication on New Code (required ≤ 3%)

See analysis details on SonarQube Cloud