compose_box: Add video call button in compose box

Author: MritunjayTiwari14

lib/widgets/compose_box.dart

@@ -1031,6 +1031,63 @@ Future<void> _uploadFiles({
   }
 }
 
+class _AttachVideoChatUrlButton extends StatelessWidget {
+  const _AttachVideoChatUrlButton({
+    required this.controller,
+    required this.enabled,
+  });
+
+  final ComposeBoxController controller;
+  final bool enabled;
+
+  static const int jitsi = 1;
+  static const int zoom = 2; //TODO: Add other supported video chat providers
+
+  String _generateJitsiUrl(String serverUrl, String visibleText) {
+    final id = List.generate(15, (_) => Random.secure().nextInt(10)).join();
+    return inlineLink(visibleText, '$serverUrl/$id#config.startWithVideoMuted=false');
+  }
+
+  String? _getMeetingUrl(ZulipLocalizations zulipLocalization, int? provider, String? jitsiServerUrl) {
+    final visibleText = zulipLocalization.composeBoxUploadedVideoCallUrl;
+
+    switch (provider) {
+      case 0: return null; //TODO: Implement feedback no video chat provider is setup
+      case jitsi: return jitsiServerUrl == null ? null :_generateJitsiUrl(jitsiServerUrl, visibleText);
+      case zoom: return inlineLink(visibleText,
+        'https://zoom.us/start/meeting');
+      default: return null;
+    }
+  }
+
+  void _handlePress(BuildContext context) {
+    final store = PerAccountStoreWidget.of(context);
+    final zulipLocalizations = ZulipLocalizations.of(context);
+
+    final placeholder = _getMeetingUrl(zulipLocalizations,
+        store.realmVideoChatProvider, store.jitsiServerUrl);
+    if (placeholder == null) return;
+
+    final contentController = controller.content;
+    final insertionRange = contentController.insertionIndex();
+    contentController.value = contentController.value.replaced(insertionRange, '$placeholder\n\n');
+    controller.contentFocusNode.requestFocus();
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    final designVariables = DesignVariables.of(context);
+    final zulipLocalizations = ZulipLocalizations.of(context);
+
+    return SizedBox(
+      width: _composeButtonSize,
+      child: IconButton(
+        icon: Icon(ZulipIcons.video, color: designVariables.foreground.withFadedAlpha(0.5)),
+        tooltip: zulipLocalizations.composeBoxAttachFromVideoCallTooltip,
+        onPressed: enabled ? () => _handlePress(context) : null));
+  }
+}
+
 abstract class _AttachUploadsButton extends StatelessWidget {
   const _AttachUploadsButton({required this.controller, required this.enabled});
 
@@ -1469,6 +1526,7 @@ abstract class _ComposeBoxBody extends StatelessWidget {
       _AttachFileButton(controller: controller, enabled: composeButtonsEnabled),
       _AttachMediaButton(controller: controller, enabled: composeButtonsEnabled),
       _AttachFromCameraButton(controller: controller, enabled: composeButtonsEnabled),
+      _AttachVideoChatUrlButton(controller: controller, enabled: composeButtonsEnabled),
     ];
 
     final topicInput = buildTopicInput();

test/widgets/compose_box_test.dart

@@ -63,6 +63,8 @@ void main() {
     List<Subscription> subscriptions = const [],
     List<Message>? messages,
     bool? mandatoryTopics,
+    int? realmVideoChatProvider,
+    String? jitsiServerUrl,
     int? zulipFeatureLevel,
   }) async {
     streams ??= subscriptions;
@@ -89,6 +91,8 @@ void main() {
       subscriptions: subscriptions,
       zulipFeatureLevel: zulipFeatureLevel,
       realmMandatoryTopics: mandatoryTopics,
+      realmVideoChatProvider: realmVideoChatProvider,
+      jitsiServerUrl: jitsiServerUrl,
       realmAllowMessageEditing: true,
       realmMessageContentEditLimitSeconds: null,
     ));
@@ -1037,6 +1041,54 @@ void main() {
     });
   });
 
+  group('video call button', () {
+    Future<void> prepare(WidgetTester tester, {
+      String? jitsiServerUrl,
+      int? realmVideoChatProvider,
+    }) async {
+      TypingNotifier.debugEnable = false;
+      addTearDown(TypingNotifier.debugReset);
+
+      final channel = eg.stream();
+      final narrow = ChannelNarrow(channel.streamId);
+      await prepareComposeBox(tester,
+        narrow: narrow,
+        streams: [channel],
+        jitsiServerUrl : jitsiServerUrl,
+        realmVideoChatProvider : realmVideoChatProvider,
+      );
+
+      await enterTopic(tester, narrow: narrow, topic: 'some topic');
+      await tester.pump();
+    }
+
+    group('attach video call link', () {
+      testWidgets('jitsi success', (tester) async {
+        await prepare(tester);
+        connection.prepare();
+
+        await tester.tap(find.byIcon(ZulipIcons.video));
+        await tester.pump();
+
+        check(controller!.content.text)
+          ..startsWith('[Join video call.](https://meet.jit.si')
+          ..endsWith('#config.startWithVideoMuted=false)\n\n');
+      });
+
+      testWidgets('zoom success', (tester) async {
+        await prepare(tester, jitsiServerUrl: '',
+          realmVideoChatProvider: 2);
+        connection.prepare();
+
+        await tester.tap(find.byIcon(ZulipIcons.video));
+        await tester.pump();
+
+        check(controller!.content.text)
+          .equals('[Join video call.](https://zoom.us/start/meeting)\n\n');
+      });
+    });
+  });
+
   group('uploads', () {
     void checkAppearsLoading(WidgetTester tester, bool expected) {
       final sendButtonElement = tester.element(find.ancestor(
@@ -1314,6 +1366,7 @@ void main() {
       check(attachButtonFinder(ZulipIcons.attach_file).evaluate().length).equals(areShown ? 1 : 0);
       check(attachButtonFinder(ZulipIcons.image).evaluate().length).equals(areShown ? 1 : 0);
       check(attachButtonFinder(ZulipIcons.camera).evaluate().length).equals(areShown ? 1 : 0);
+      check(attachButtonFinder(ZulipIcons.video).evaluate().length).equals(areShown ? 1 : 0);
     }
 
     void checkBannerWithLabel(String label, {required bool isShown}) {