Feat: video click event

Author: freddysundowner

client/packages/lowcoder/src/comps/comps/meetingComp/videoMeetingStreamComp.tsx

@@ -252,6 +252,7 @@ let VideoCompBuilder = (function (props) {
             <ReactResizeDetector onResize={onResize}>
               <Container ref={conRef} $style={props.style}>
                 <VideoContainer
+                  onClick={() => props.onEvent("videoClicked")}
                   ref={videoRef}
                   $style={props.style}
                   id={props.userId.value}

client/packages/lowcoder/src/comps/controls/eventHandlerControl.tsx

@@ -368,6 +368,11 @@ export const videoActiveInactive: EventConfigType = {
   value: "videoActiveInactive",
   description: trans("meeting.videoActiveInactive"),
 };
+export const videoClicked: EventConfigType = {
+  label: trans("meeting.videoClicked"),
+  value: "videoClicked",
+  description: trans("meeting.videoClicked"),
+};
 export const InputEventHandlerControl = eventHandlerControl([
   changeEvent,
   focusEvent,
@@ -400,4 +405,5 @@ export const MeetingEventHandlerControl = eventHandlerControl([
   cameraView,
   audioMuteUnmute,
   videoActiveInactive,
+  videoClicked,
 ] as const);

client/packages/lowcoder/src/i18n/locales/en.ts

@@ -1440,6 +1440,7 @@ export const en = {
     screenShared: "Screen Shared",
     screenSharedDesc: "Screen Shared",
     audioMuteUnmute: "Audio Mute",
+    videoClicked: "Video Clicked",
     videoActiveInactive: "Video Active Inactive",
     size: "Size",
     top: "Top",