feat: implement configurable call actions in chat contact info (#883)

* feat: add configuration support for video call button in contact info

* chore: enable video call button in chat contact info by default

Author: SERDUN

assets/themes/app.config.json

@@ -265,7 +265,10 @@
   "messaging": {
     "sms": {},
     "chats": {
-      "groupChatButtonEnabled": true
+      "groupChatButtonEnabled": true,
+      "contactInfo": {
+        "showVideoButtonAction": true
+      }
     }
   }
 }

lib/data/feature_access.dart

@@ -366,7 +366,7 @@ abstract final class MessagingMapper {
       coreChatsSupport: coreSupport.supportsChats,
       tabEnabled: tabEnabled,
       groupChatSupport: appConfig.messaging.chats.groupChatButtonEnabled,
-      contactInfoVideoCallSupport: true,
+      contactInfoVideoCallSupport: appConfig.messaging.chats.contactInfo.showVideoButtonAction,
     );
   }
 }

lib/features/messaging/bloc/messaging_bloc.dart

@@ -36,7 +36,7 @@ class MessagingBloc extends Bloc<MessagingEvent, MessagingState> {
     this._smsRepository,
     this._smsOutboxRepository,
     this._submitNotification,
-  ) : super(MessagingState.initial(_client)) {
+  ) : super(MessagingState.initial(_client, _messagingConfig)) {
     on<Connect>(_connect);
     on<Refresh>(_refresh);
     on<Disconnect>(_onDisconnect);

lib/features/messaging/bloc/messaging_state.dart

@@ -3,18 +3,19 @@ part of 'messaging_bloc.dart';
 enum ConnectionStatus { initial, error, connecting, connected }
 
 class MessagingState with EquatableMixin {
-  const MessagingState._(this.client, this.status, this.error);
+  const MessagingState._(this.client, this.status, this.messagingConfig, this.error);
 
   final PhoenixSocket client;
   final ConnectionStatus status;
+  final MessagingConfig messagingConfig;
   final Exception? error;
 
-  factory MessagingState.initial(PhoenixSocket client) {
-    return MessagingState._(client, ConnectionStatus.initial, null);
+  factory MessagingState.initial(PhoenixSocket client, MessagingConfig messagingConfig) {
+    return MessagingState._(client, ConnectionStatus.initial, messagingConfig, null);
   }
 
-  MessagingState copyWith({ConnectionStatus? status, Exception? error}) {
-    return MessagingState._(client, status ?? this.status, error);
+  MessagingState copyWith({ConnectionStatus? status, MessagingConfig? messagingConfig, Exception? error}) {
+    return MessagingState._(client, status ?? this.status, messagingConfig ?? this.messagingConfig, error);
   }
 
   @override

lib/features/messaging/features/chat_conversation/view/conversation_screen.dart

@@ -40,7 +40,12 @@ class _ChatConversationScreenState extends State<ChatConversationScreen> {
           value: conversationCubit,
           child: ClipRRect(
             borderRadius: const BorderRadius.vertical(top: Radius.circular(16)),
-            child: DialogInfo(userId, state.credentials.participantId!),
+            child: DialogInfo(
+              userId,
+              state.credentials.participantId!,
+              isAudioCallEnabled: true,
+              isVideoCallEnabled: messagingBloc.state.messagingConfig.contactInfoVideoCallSupport,
+            ),
           ),
         ),
       );

lib/features/messaging/features/chat_conversation/widgets/dialog_info.dart

@@ -4,17 +4,25 @@ import 'package:flutter/material.dart';
 
 import 'package:flutter_bloc/flutter_bloc.dart';
 
+import 'package:webtrit_phone/app/notifications/notifications.dart';
 import 'package:webtrit_phone/features/features.dart';
 import 'package:webtrit_phone/l10n/l10n.dart';
 import 'package:webtrit_phone/models/models.dart';
-import 'package:webtrit_phone/app/notifications/notifications.dart';
 import 'package:webtrit_phone/widgets/widgets.dart' hide ConfirmDialog;
 
 class DialogInfo extends StatefulWidget {
-  const DialogInfo(this.userId, this.participantId, {super.key});
+  const DialogInfo(
+    this.userId,
+    this.participantId, {
+    required this.isAudioCallEnabled,
+    required this.isVideoCallEnabled,
+    super.key,
+  });
 
   final String userId;
   final String participantId;
+  final bool isAudioCallEnabled;
+  final bool isVideoCallEnabled;
 
   @override
   State<DialogInfo> createState() => _DialogInfoState();
@@ -110,31 +118,22 @@ class _DialogInfoState extends State<DialogInfo> {
                           ),
                           const SizedBox(height: 24),
                           if (contact != null && contact.kind == ContactKind.visible) ...[
-                            Divider(),
+                            const Divider(),
                             Expanded(
                               child: ListView(
                                 children: [
                                   for (ContactPhone contactPhone in contact.phones)
                                     ListTile(
+                                      contentPadding: EdgeInsets.zero,
                                       title: Text(contactPhone.number),
                                       trailing: Row(
                                         mainAxisSize: MainAxisSize.min,
-                                        children: [
-                                          IconButton(
-                                            splashRadius: 24,
-                                            icon: const Icon(Icons.call),
-                                            onPressed: () => _onCall(contactPhone, contact, false),
-                                          ),
-                                          IconButton(
-                                            splashRadius: 24,
-                                            icon: const Icon(Icons.videocam),
-                                            onPressed: () => _onCall(contactPhone, contact, true),
-                                          ),
-                                        ],
+                                        children: _buildCallActions(contactPhone, contact),
                                       ),
                                     ),
                                   for (ContactEmail contactEmail in contact.emails)
                                     ListTile(
+                                      contentPadding: EdgeInsets.zero,
                                       title: Text(contactEmail.address),
                                       trailing: IconButton(
                                         splashRadius: 24,
@@ -147,7 +146,7 @@ class _DialogInfoState extends State<DialogInfo> {
                             ),
                             const SizedBox(height: 8),
                           ] else
-                            Spacer(),
+                            const Spacer(),
                         ],
                       ),
                     );
@@ -170,4 +169,22 @@ class _DialogInfoState extends State<DialogInfo> {
       },
     );
   }
+
+  /// Returns a list of call action buttons based on provided configuration.
+  List<Widget> _buildCallActions(ContactPhone contactPhone, Contact contact) {
+    return [
+      if (widget.isAudioCallEnabled)
+        IconButton(
+          splashRadius: 24,
+          icon: const Icon(Icons.call),
+          onPressed: () => _onCall(contactPhone, contact, false),
+        ),
+      if (widget.isVideoCallEnabled)
+        IconButton(
+          splashRadius: 24,
+          icon: const Icon(Icons.videocam),
+          onPressed: () => _onCall(contactPhone, contact, true),
+        ),
+    ];
+  }
 }

packages/webtrit_appearance_theme/lib/models/features_config/app_config.dart

@@ -612,12 +612,28 @@ class AppConfigSms with _$AppConfigSms {
 @freezed
 @JsonSerializable(explicitToJson: true)
 class AppConfigChats with _$AppConfigChats {
-  const AppConfigChats({this.groupChatButtonEnabled = true});
+  const AppConfigChats({this.groupChatButtonEnabled = true, this.contactInfo = const ChatContactInfo()});
 
   @override
   final bool groupChatButtonEnabled;
 
+  @override
+  final ChatContactInfo contactInfo;
+
   factory AppConfigChats.fromJson(Map<String, Object?> json) => _$AppConfigChatsFromJson(json);
 
   Map<String, Object?> toJson() => _$AppConfigChatsToJson(this);
 }
+
+@freezed
+@JsonSerializable(explicitToJson: true)
+class ChatContactInfo with _$ChatContactInfo {
+  const ChatContactInfo({this.showVideoButtonAction = true});
+
+  @override
+  final bool showVideoButtonAction;
+
+  factory ChatContactInfo.fromJson(Map<String, Object?> json) => _$ChatContactInfoFromJson(json);
+
+  Map<String, Object?> toJson() => _$ChatContactInfoToJson(this);
+}