diff --git a/app/javascript/dashboard/components-next/message/fixtures/simpleEmail.js b/app/javascript/dashboard/components-next/message/fixtures/simpleEmail.js
new file mode 100644
index 000000000..c6aaf7694
--- /dev/null
+++ b/app/javascript/dashboard/components-next/message/fixtures/simpleEmail.js
@@ -0,0 +1,85 @@
+import camelcaseKeys from 'camelcase-keys';
+
+export default camelcaseKeys(
+ [
+ {
+ id: 60716,
+ content:
+ "Hi Team,\n\nI hope this email finds you well! I wanted to share some updates regarding\nour integration with *Chatwoot* and outline some key features we’ve\nexplored.\n------------------------------\nKey Updates\n\n 1.\n\n *Integration Status*:\n The initial integration with Chatwoot has been successful. We've tested:\n - API connectivity\n - Multi-channel messaging\n - Real-time chat updates\n 2.\n\n *Upcoming Tasks*:\n - Streamlining notification workflows\n - Enhancing webhook reliability\n - Testing team collaboration features\n\n*Note:*\nDon’t forget to check out the automation capabilities in Chatwoot for\nhandling repetitive queries. It can save a ton of time!\n\n------------------------------\nFeatures We Love\n\nHere’s what stood out so far:\n\n - *Unified Inbox*: All customer conversations in one place.\n - *Customizable Workflows*: Tailored to our team’s unique needs.\n - *Integrations*: Works seamlessly with CRM and Slack.\n\n------------------------------\nAction Items For Next Week:\n\n 1. Implement the webhook for *ticket prioritization*.\n 2. Test *CSAT surveys* post-chat sessions.\n 3. Review *analytics dashboard* insights.\n\n------------------------------\nData Snapshot\n\nHere’s a quick overview of our conversation stats this week:\nMetric Value Change (%)\nTotal Conversations 350 +25%\nAverage Response Time 3 minutes -15%\nCSAT Score 92% +10%\n------------------------------\nFeedback\n\n*Do let me know if you have additional feedback or ideas to improve our\nworkflows. Here’s an image of how our Chatwoot dashboard looks with recent\nchanges:*\n\n[image: Chatwoot Dashboard Screenshot]\n------------------------------\n\nLooking forward to hearing your thoughts!\n\nBest regards,\n~ Shivam Mishra",
+ account_id: 51,
+ inbox_id: 991,
+ conversation_id: 46,
+ message_type: 0,
+ created_at: 1733141025,
+ updated_at: '2024-12-02T12:03:45.663Z',
+ private: false,
+ status: 'sent',
+ source_id:
+ 'CAM_Qp+8bpiT5xFL7HmVL4a9RD0TmdYw7Lu6ZV02yu=eyon41DA@mail.gmail.com',
+ content_type: 'incoming_email',
+ content_attributes: {
+ email: {
+ bcc: null,
+ cc: null,
+ content_type:
+ 'multipart/alternative; boundary=0000000000009d889e0628477235',
+ date: '2024-12-02T16:29:39+05:30',
+ from: ['hey@shivam.dev'],
+ html_content: {
+ full: '
Hi Team,
\r\n
I hope this email finds you well! I wanted to share some updates regarding our integration with Chatwoot and outline some key features we’ve explored.
\r\n
\r\n
Key Updates
\r\n
\r\n- \r\n
Integration Status:
\r\nThe initial integration with Chatwoot has been successful. We've tested:
\r\n\r\n- API connectivity
\r\n- Multi-channel messaging
\r\n- Real-time chat updates
\r\n
\r\n \r\n- \r\n
Upcoming Tasks:
\r\n\r\n- Streamlining notification workflows
\r\n- Enhancing webhook reliability
\r\n- Testing team collaboration features
\r\n
\r\n \r\n
\r\n
\r\nNote:
\r\nDon’t forget to check out the automation capabilities in Chatwoot for handling repetitive queries. It can save a ton of time!
\r\n
\r\n
\r\n
Features We Love
\r\n
Here’s what stood out so far:
\r\n
\r\n- Unified Inbox: All customer conversations in one place.
\r\n- Customizable Workflows: Tailored to our team’s unique needs.
\r\n- Integrations: Works seamlessly with CRM and Slack.
\r\n
\r\n
\r\n
Action Items
\r\n
For Next Week:
\r\n
\r\n- Implement the webhook for ticket prioritization.
\r\n- Test CSAT surveys post-chat sessions.
\r\n- Review analytics dashboard insights.
\r\n
\r\n
\r\n
Data Snapshot
\r\n
Here’s a quick overview of our conversation stats this week:
\r\n
\r\n\r\n\r\n| Metric | \r\nValue | \r\nChange (%) | \r\n
\r\n\r\n\r\n\r\n| Total Conversations | \r\n350 | \r\n+25% | \r\n
\r\n\r\n| Average Response Time | \r\n3 minutes | \r\n-15% | \r\n
\r\n\r\n| CSAT Score | \r\n92% | \r\n+10% | \r\n
\r\n\r\n
\r\n
\r\n
Feedback
\r\n
Do let me know if you have additional feedback or ideas to improve our workflows. Here’s an image of how our Chatwoot dashboard looks with recent changes:
\r\n

\r\n
\r\n
Looking forward to hearing your thoughts!
\r\n
Best regards,
~ Shivam Mishra
\r\n',
+ reply:
+ "Hi Team,\n\nI hope this email finds you well! I wanted to share some updates regarding our integration with Chatwoot and outline some key features we’ve explored.\n\n---------------------------------------------------------------\n\nKey Updates\n\n-\n\nIntegration Status:\nThe initial integration with Chatwoot has been successful. We've tested:\n\n- API connectivity\n- Multi-channel messaging\n- Real-time chat updates\n\n-\n\nUpcoming Tasks:\n\n- Streamlining notification workflows\n- Enhancing webhook reliability\n- Testing team collaboration features\n\n>\n---------------------------------------------------------------\n\nFeatures We Love\n\nHere’s what stood out so far:\n\n- Unified Inbox: All customer conversations in one place.\n- Customizable Workflows: Tailored to our team’s unique needs.\n- Integrations: Works seamlessly with CRM and Slack.\n\n---------------------------------------------------------------\n\nAction Items\n\nFor Next Week:\n\n- Implement the webhook for ticket prioritization.\n- Test CSAT surveys post-chat sessions.\n- Review analytics dashboard insights.\n\n---------------------------------------------------------------\n\nData Snapshot\n\nHere’s a quick overview of our conversation stats this week:\n\nMetric\tValue\tChange (%)\nTotal Conversations\t350\t+25%\nAverage Response Time\t3 minutes\t-15%\nCSAT Score\t92%\t+10%\n---------------------------------------------------------------\n\nFeedback\n\nDo let me know if you have additional feedback or ideas to improve our workflows. Here’s an image of how our Chatwoot dashboard looks with recent changes:\n\n[Chatwoot Dashboard]\n\n---------------------------------------------------------------\n\nLooking forward to hearing your thoughts!\n\nBest regards,\n~ Shivam Mishra",
+ quoted:
+ 'Hi Team,\n\nI hope this email finds you well! I wanted to share some updates regarding our integration with Chatwoot and outline some key features we’ve explored.',
+ },
+ in_reply_to: null,
+ message_id:
+ 'CAM_Qp+8bpiT5xFL7HmVL4a9RD0TmdYw7Lu6ZV02yu=eyon41DA@mail.gmail.com',
+ multipart: true,
+ number_of_attachments: 0,
+ subject: 'Update on Chatwoot Integration and Features',
+ text_content: {
+ full: "Hi Team,\r\n\r\nI hope this email finds you well! I wanted to share some updates regarding\r\nour integration with *Chatwoot* and outline some key features we’ve\r\nexplored.\r\n------------------------------\r\nKey Updates\r\n\r\n 1.\r\n\r\n *Integration Status*:\r\n The initial integration with Chatwoot has been successful. We've tested:\r\n - API connectivity\r\n - Multi-channel messaging\r\n - Real-time chat updates\r\n 2.\r\n\r\n *Upcoming Tasks*:\r\n - Streamlining notification workflows\r\n - Enhancing webhook reliability\r\n - Testing team collaboration features\r\n\r\n*Note:*\r\nDon’t forget to check out the automation capabilities in Chatwoot for\r\nhandling repetitive queries. It can save a ton of time!\r\n\r\n------------------------------\r\nFeatures We Love\r\n\r\nHere’s what stood out so far:\r\n\r\n - *Unified Inbox*: All customer conversations in one place.\r\n - *Customizable Workflows*: Tailored to our team’s unique needs.\r\n - *Integrations*: Works seamlessly with CRM and Slack.\r\n\r\n------------------------------\r\nAction Items For Next Week:\r\n\r\n 1. Implement the webhook for *ticket prioritization*.\r\n 2. Test *CSAT surveys* post-chat sessions.\r\n 3. Review *analytics dashboard* insights.\r\n\r\n------------------------------\r\nData Snapshot\r\n\r\nHere’s a quick overview of our conversation stats this week:\r\nMetric Value Change (%)\r\nTotal Conversations 350 +25%\r\nAverage Response Time 3 minutes -15%\r\nCSAT Score 92% +10%\r\n------------------------------\r\nFeedback\r\n\r\n*Do let me know if you have additional feedback or ideas to improve our\r\nworkflows. Here’s an image of how our Chatwoot dashboard looks with recent\r\nchanges:*\r\n\r\n[image: Chatwoot Dashboard Screenshot]\r\n------------------------------\r\n\r\nLooking forward to hearing your thoughts!\r\n\r\nBest regards,\r\n~ Shivam Mishra\r\n",
+ reply:
+ "Hi Team,\n\nI hope this email finds you well! I wanted to share some updates regarding\nour integration with *Chatwoot* and outline some key features we’ve\nexplored.\n------------------------------\nKey Updates\n\n 1.\n\n *Integration Status*:\n The initial integration with Chatwoot has been successful. We've tested:\n - API connectivity\n - Multi-channel messaging\n - Real-time chat updates\n 2.\n\n *Upcoming Tasks*:\n - Streamlining notification workflows\n - Enhancing webhook reliability\n - Testing team collaboration features\n\n*Note:*\nDon’t forget to check out the automation capabilities in Chatwoot for\nhandling repetitive queries. It can save a ton of time!\n\n------------------------------\nFeatures We Love\n\nHere’s what stood out so far:\n\n - *Unified Inbox*: All customer conversations in one place.\n - *Customizable Workflows*: Tailored to our team’s unique needs.\n - *Integrations*: Works seamlessly with CRM and Slack.\n\n------------------------------\nAction Items For Next Week:\n\n 1. Implement the webhook for *ticket prioritization*.\n 2. Test *CSAT surveys* post-chat sessions.\n 3. Review *analytics dashboard* insights.\n\n------------------------------\nData Snapshot\n\nHere’s a quick overview of our conversation stats this week:\nMetric Value Change (%)\nTotal Conversations 350 +25%\nAverage Response Time 3 minutes -15%\nCSAT Score 92% +10%\n------------------------------\nFeedback\n\n*Do let me know if you have additional feedback or ideas to improve our\nworkflows. Here’s an image of how our Chatwoot dashboard looks with recent\nchanges:*\n\n[image: Chatwoot Dashboard Screenshot]\n------------------------------\n\nLooking forward to hearing your thoughts!\n\nBest regards,\n~ Shivam Mishra",
+ quoted:
+ 'Hi Team,\n\nI hope this email finds you well! I wanted to share some updates regarding\nour integration with *Chatwoot* and outline some key features we’ve\nexplored.',
+ },
+ to: ['shivam@chatwoot.com'],
+ },
+ cc_email: null,
+ bcc_email: null,
+ },
+ sender_type: 'Contact',
+ sender_id: 111256,
+ external_source_ids: {},
+ additional_attributes: {},
+ processed_message_content:
+ 'Hi Team,\n\nI hope this email finds you well! I wanted to share some updates regarding\nour integration with *Chatwoot* and outline some key features we’ve\nexplored.',
+ sentiment: {},
+ conversation: {
+ assignee_id: null,
+ unread_count: 1,
+ last_activity_at: 1733141025,
+ contact_inbox: {
+ source_id: 'hey@shivam.dev',
+ },
+ },
+ sender: {
+ additional_attributes: {
+ source_id:
+ 'email:CAM_Qp+8bpiT5xFL7HmVL4a9RD0TmdYw7Lu6ZV02yu=eyon41DA@mail.gmail.com',
+ },
+ custom_attributes: {},
+ email: 'hey@shivam.dev',
+ id: 111256,
+ identifier: null,
+ name: 'Shivam Mishra',
+ phone_number: null,
+ thumbnail: '',
+ type: 'contact',
+ },
+ },
+ ],
+ { deep: true }
+);