feat: Add video call option with Dyte in the dashboard (#6207)

Co-authored-by: Nithin David Thomas <1277421+nithindavid@users.noreply.github.com>
Co-authored-by: Sivin Varghese <64252451+iamsivin@users.noreply.github.com>

app/javascript/dashboard/components/widgets/conversation/bubble/Integration.vue

@@ -0,0 +1,39 @@
+<template>
+  <dyte-video-call
+    v-if="showDyteIntegration"
+    :message-id="messageId"
+    :meeting-data="contentAttributes.data"
+  />
+</template>
+<script>
+import DyteVideoCall from './integrations/Dyte.vue';
+import inboxMixin from 'shared/mixins/inboxMixin';
+
+export default {
+  components: { DyteVideoCall },
+  mixins: [inboxMixin],
+  props: {
+    messageId: {
+      type: Number,
+      required: true,
+    },
+    contentAttributes: {
+      type: Object,
+      default: () => ({}),
+    },
+    inboxId: {
+      type: Number,
+      required: true,
+    },
+  },
+  computed: {
+    showDyteIntegration() {
+      const isEnabledOnTheInbox = this.isAPIInbox || this.isAWebWidgetInbox;
+      return isEnabledOnTheInbox && this.contentAttributes.type === 'dyte';
+    },
+    inbox() {
+      return this.$store.getters['inboxes/getInbox'](this.inboxId);
+    },
+  },
+};
+</script>