feat: Add the support for video calls with Dyte in the live-chat widget (#6208)

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

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

@@ -14,16 +14,16 @@ export default {
   mixins: [inboxMixin],
   props: {
     messageId: {
-      type: Number,
-      required: true,
+      type: [String, Number],
+      default: 0,
     },
     contentAttributes: {
       type: Object,
       default: () => ({}),
     },
     inboxId: {
-      type: Number,
-      required: true,
+      type: [String, Number],
+      default: 0,
     },
   },
   computed: {

app/javascript/dashboard/components/widgets/conversation/bubble/integrations/Dyte.vue

@@ -30,8 +30,7 @@
 </template>
 <script>
 import DyteAPI from 'dashboard/api/integrations/dyte';
-
-const DYTE_MEETING_LINK = 'https://app.dyte.in/meeting/stage/';
+import { buildDyteURL } from 'shared/helpers/IntegrationHelper';
 import alertMixin from 'shared/mixins/alertMixin';
 
 export default {
@@ -51,7 +50,7 @@ export default {
   },
   computed: {
     meetingLink() {
-      return `${DYTE_MEETING_LINK}${this.meetingData.room_name}?authToken=${this.dyteAuthToken}&showSetupScreen=true&disableVideoBackground=true`;
+      return buildDyteURL(this.meetingData.room_name, this.dyteAuthToken);
     },
   },
   methods: {