diff --git a/app/javascript/dashboard/components-next/message/stories/Bubbles.story.vue b/app/javascript/dashboard/components-next/message/stories/Bubbles.story.vue index 5b5edb5ef..1133ff369 100644 --- a/app/javascript/dashboard/components-next/message/stories/Bubbles.story.vue +++ b/app/javascript/dashboard/components-next/message/stories/Bubbles.story.vue @@ -104,7 +104,12 @@ const brokenImageMessage = computed(() => const imageMessage = computed(() => getMessage({ content: null, - attachments: [getAttachment('image', 'https://images.pexels.com/photos/28506417/pexels-photo-28506417/free-photo-of-motorbike-on-scenic-road-in-surat-thani-thailand.jpeg')], + attachments: [ + getAttachment( + 'image', + 'https://images.pexels.com/photos/28506417/pexels-photo-28506417/free-photo-of-motorbike-on-scenic-road-in-surat-thani-thailand.jpeg' + ), + ], ...baseSenderData.value, }) ); @@ -130,7 +135,10 @@ const attachmentsOnly = computed(() => 'video', 'https://videos.pexels.com/video-files/1739010/1739010-hd_1920_1080_30fps.mp4' ), - getAttachment('image', 'https://images.pexels.com/photos/28506417/pexels-photo-28506417/free-photo-of-motorbike-on-scenic-road-in-surat-thani-thailand.jpeg'), + getAttachment( + 'image', + 'https://images.pexels.com/photos/28506417/pexels-photo-28506417/free-photo-of-motorbike-on-scenic-road-in-surat-thani-thailand.jpeg' + ), getAttachment('file', 'https://chatwoot.dev/invoice.pdf'), getAttachment('file', 'https://chatwoot.dev/logs.txt'), getAttachment('file', 'https://chatwoot.dev/contacts.xls'), @@ -223,7 +231,10 @@ const email = computed(() => 'video', 'https://videos.pexels.com/video-files/1739010/1739010-hd_1920_1080_30fps.mp4' ), - getAttachment('image', 'https://images.pexels.com/photos/28506417/pexels-photo-28506417/free-photo-of-motorbike-on-scenic-road-in-surat-thani-thailand.jpeg'), + getAttachment( + 'image', + 'https://images.pexels.com/photos/28506417/pexels-photo-28506417/free-photo-of-motorbike-on-scenic-road-in-surat-thani-thailand.jpeg' + ), getAttachment('file', 'https://chatwoot.dev/invoice.pdf'), getAttachment('file', 'https://chatwoot.dev/logs.txt'), getAttachment('file', 'https://chatwoot.dev/contacts.xls'), @@ -269,9 +280,12 @@ const unsupported = computed(() => const igReel = computed(() => getMessage({ content: null, - attachments: [{ - isUnsupported: true, - },] + attachments: [ + getAttachment( + 'ig_reel', + 'https://videos.pexels.com/video-files/2023708/2023708-hd_720_1280_30fps.mp4' + ), + ], ...baseSenderData.value, }) ); @@ -350,6 +364,11 @@ const igReel = computed(() => + +
+ +
+