@pega/cosmos-react-demos 4.0.0-dev.10.1 → 4.0.0-dev.11.0

package/jsx/social/Chat/Chat.mocks.js

@@ -1,606 +1,541 @@
-export const ChatMockData = {
-    transcripts: [
-        {
-            id: 'botTranscripts',
-            title: 'Bot',
-            earlierTranscripts: true,
-            data: [
-                {
-                    id: '2499167349',
-                    type: 'transcript',
-                    timeStamp: '01:20 PM',
-                    variant: 'bot',
-                    message: 'Hello… This is bot. How can I help you? Please select your category. ',
-                    ariaLabel: 'Bot said  Hello… This is bot. How can I help you? Please select your category.  at 01:20 PM'
-                },
-                {
-                    id: '414918079',
-                    type: 'transcript',
-                    timeStamp: '01:21 PM',
-                    variant: 'user',
-                    message: 'Policy details',
-                    avatarInfo: {
-                        name: 'Sara Davis'
-                    },
-                    messagePrivacy: {
-                        privacy: 'PUBLIC TWEET'
-                    },
-                    ariaLabel: 'Sara Davis said Policy details at 01:21 PM via Public Tweet'
-                },
-                {
-                    id: '4750473261',
-                    type: 'transcript',
-                    timeStamp: '01:22 PM',
-                    variant: 'bot',
-                    message: 'Please select what would you like to know about your policy. 😃😃',
-                    ariaLabel: 'Bot said  Please select what would you like to know about your policy. at 01:22 PM'
-                },
-                {
-                    id: '925521127',
-                    type: 'transcript',
-                    timeStamp: '01:23 PM',
-                    variant: 'user',
-                    message: 'Policy terms and conditions',
-                    messagePrivacy: {
-                        privacy: 'PUBLIC TWEET'
-                    },
-                    avatarInfo: {
-                        name: 'Sara Davis'
-                    },
-                    ariaLabel: 'Sara Davis said  Policy terms and conditions at 01:23 PM'
-                }
-            ]
-        },
-        {
-            id: 'preChatTranscript',
-            title: 'Questionnaire',
-            earlierTranscripts: false,
-            data: [
-                {
-                    id: '1457969897',
-                    type: 'transcript',
-                    timeStamp: '01:23 PM',
-                    variant: 'question',
-                    message: 'Could you please enter your query',
-                    ariaLabel: 'Customer was asked for Could you please enter your query at 01:23 PM'
-                },
-                {
-                    id: '4633052071',
-                    type: 'transcript',
-                    timeStamp: '01:23 PM',
-                    variant: 'user',
-                    message: 'I would like to know my policy terms and conditions',
-                    avatarInfo: {
-                        name: 'Sara Davis'
-                    },
-                    ariaLabel: 'Sara Davis said  I would like to know my policy terms and conditions at 01:23 PM'
-                },
-                {
-                    id: '3105885518',
-                    type: 'transcript',
-                    timeStamp: '01:23 PM',
-                    variant: 'question',
-                    message: 'Could you please select the policy',
-                    ariaLabel: 'Customer was asked for Could you please select the policy at 01:23 PM'
-                },
-                {
-                    id: '3008407298',
-                    type: 'transcript',
-                    timeStamp: '01:23 PM',
-                    variant: 'user',
-                    message: 'Insurance policy - 5545456668555',
-                    messagePrivacy: {
-                        privacy: 'PUBLIC TWEET'
-                    },
-                    avatarInfo: {
-                        name: 'Sara Davis'
-                    },
-                    ariaLabel: 'Sara Davis said  Insurance policy - 5545456668555 at 01:23 PM via Public Tweet'
-                },
-                {
-                    id: '4700050925',
-                    type: 'system',
-                    message: 'Chat escalated to live agent',
-                    timeStamp: '01:23 PM'
-                },
-                {
-                    id: '3608004939',
-                    type: 'system',
-                    message: 'Agent Fred joined the chat',
-                    timeStamp: '01:24 PM'
-                }
-            ]
-        },
-        {
-            id: 'csrTranscript',
-            earlierTranscripts: false,
-            title: 'Transcripts: Agent Fred and Jim',
-            data: [
-                {
-                    id: '4713954822',
-                    type: 'transcript',
-                    timeStamp: '01:24 PM',
-                    messagePrivacy: {
-                        privacy: 'PUBLIC TWEET'
-                    },
-                    variant: 'user',
-                    message: 'Hello, Welcome to U-Plus. How can I help you?',
-                    avatarInfo: {
-                        name: 'Jim'
-                    },
-                    ariaLabel: 'Jim said  Hello, Welcome to U-Plus. How can I help you? at 01:24 PM via Public Tweet'
-                },
-                {
-                    id: '2582654831',
-                    type: 'transcript',
-                    timeStamp: '01:25 PM',
-                    variant: 'user',
-                    message: 'Hi, I would like to know my policy terms and condition',
-                    avatarInfo: {
-                        name: 'Sara Davis'
-                    },
-                    ariaLabel: 'Sara Davis said  Hi, I would like to know my policy terms and condition at 01:25 PM'
-                },
-                {
-                    id: '4422603601',
-                    type: 'transcript',
-                    timeStamp: '01:26 PM',
-                    messagePrivacy: {
-                        privacy: 'PUBLIC TWEET'
-                    },
-                    variant: 'user',
-                    message: 'You can refer this article to know more',
-                    avatarInfo: {
-                        name: 'Jim'
-                    },
-                    ariaLabel: 'Jim said  You can refer this article to know more at 01:26 PM via Public Tweet'
-                },
-                {
-                    id: '973978246',
-                    type: 'system',
-                    message: 'Customer opened knowledge article',
-                    timeStamp: '01:26 PM'
-                },
-                {
-                    id: '44764769',
-                    type: 'transcript',
-                    timeStamp: '01:26 PM',
-                    variant: 'user',
-                    message: 'Also I would like to know my policy validity',
-                    avatarInfo: {
-                        name: 'Sara Davis'
-                    },
-                    ariaLabel: 'Sara Davis said  Also I would like to know my policy validity at 01:26 PM'
-                },
-                {
-                    id: '1052005901',
-                    type: 'transcript',
-                    timeStamp: '01:27 PM',
-                    variant: 'user',
-                    message: 'Is that fine if I can transfer your chat to serve better? ',
-                    avatarInfo: {
-                        name: 'Jim'
-                    },
-                    ariaLabel: 'Jim said  Is that fine if I can transfer your chat to serve better?  at 01:27 PM'
-                },
-                {
-                    id: '474082342',
-                    type: 'transcript',
-                    timeStamp: '01:27 PM',
-                    variant: 'user',
-                    message: 'Yeah Sure',
-                    avatarInfo: {
-                        name: 'Sara Davis'
-                    },
-                    ariaLabel: 'Sara Davis said  Yeah Sure at 01:27 PM'
-                },
-                {
-                    id: '2128368768',
-                    type: 'system',
-                    message: 'Chat has been transferred',
-                    timeStamp: '01:27 PM'
-                }
-            ]
-        }
-    ],
-    participants: {
-        transcriptUser1: {
-            avatarInfo: {
-                name: 'Jim'
-            }
+import { createUID } from '@pega/cosmos-react-core';
+export const BotConversation = [
+    {
+        id: createUID(),
+        type: 'message',
+        senderType: 'bot',
+        direction: 'in',
+        senderId: 'bot1',
+        message: 'Hi, Welcome to u-plus. How can I help you ?',
+        timestamp: '1:44 PM'
+    },
+    {
+        id: createUID(),
+        type: 'message',
+        senderType: 'customer',
+        direction: 'in',
+        avatarInfo: {
+            name: 'Ginger Ventura'
         },
-        transcriptUser2: {
-            avatarInfo: {
-                name: 'Fred'
-            }
+        timestamp: '1:45 PM',
+        senderId: 'gingerVentura',
+        message: 'Hi, I would like to know the validity of my policy.'
+    },
+    {
+        id: createUID(),
+        type: 'message',
+        senderType: 'bot',
+        direction: 'in',
+        senderId: 'bot1',
+        message: 'You have two policies.'
+    },
+    {
+        id: createUID(),
+        type: 'message',
+        senderType: 'bot',
+        direction: 'in',
+        senderId: 'bot1',
+        message: '1457589, 1473284.'
+    },
+    {
+        id: createUID(),
+        type: 'message',
+        senderType: 'bot',
+        direction: 'in',
+        senderId: 'bot1',
+        message: 'Which among these policies do you want to know the validity of?',
+        timestamp: '1:45 PM'
+    },
+    {
+        id: createUID(),
+        type: 'message',
+        senderType: 'customer',
+        direction: 'in',
+        avatarInfo: {
+            name: 'Ginger Ventura'
         },
-        sender: {
-            variant: 'sender',
-            direction: 'out',
-            avatarInfo: {
-                name: 'John Brown'
-            }
+        timestamp: '1:47 PM',
+        senderId: 'gingerVentura',
+        message: 'Please give me validity of policy with number 1457589.'
+    },
+    {
+        id: createUID(),
+        type: 'message',
+        senderType: 'bot',
+        direction: 'in',
+        senderId: 'bot1',
+        timestamp: '1:48 PM',
+        message: 'Policy with number 1457589 is expiring on 12th December, 2023.'
+    },
+    {
+        id: createUID(),
+        type: 'message',
+        senderType: 'bot',
+        direction: 'in',
+        senderId: 'bot1',
+        timestamp: '1:49 PM',
+        message: 'Is there anything else that you need help with?'
+    },
+    {
+        id: createUID(),
+        type: 'message',
+        senderType: 'customer',
+        direction: 'in',
+        avatarInfo: {
+            name: 'Ginger Ventura'
         },
-        sender2: {
-            variant: 'sender',
-            direction: 'out'
+        timestamp: '1:51 PM',
+        senderId: 'gingerVentura',
+        message: 'Yes, I would like to know about the claims process.'
+    },
+    {
+        id: createUID(),
+        type: 'message',
+        senderType: 'bot',
+        direction: 'in',
+        senderId: 'bot1',
+        timestamp: '1:52 PM',
+        message: 'Sure, I am transferring this chat to the concerned department.'
+    },
+    {
+        id: createUID(),
+        type: 'system',
+        timestamp: '1:52 PM',
+        message: 'Chat routed to a live agent.'
+    }
+];
+export const ClaimsAgentConversation = [
+    {
+        id: createUID(),
+        type: 'system',
+        timestamp: '1:54 PM',
+        message: 'John Brown joined this conversation'
+    },
+    {
+        id: createUID(),
+        type: 'message',
+        senderType: 'agent',
+        direction: 'in',
+        avatarInfo: {
+            name: 'John Brown'
         },
-        receiver: {
-            variant: 'receiver',
-            direction: 'in',
-            avatarInfo: {
-                name: 'Sara Davis'
-            }
+        senderId: 'agent1',
+        message: 'Hi Ginger Ventura, I see that you want to know about the claims process.'
+    },
+    {
+        id: createUID(),
+        type: 'message',
+        senderType: 'agent',
+        direction: 'in',
+        avatarInfo: {
+            name: 'John Brown'
         },
-        other: {
-            variant: 'other',
-            direction: 'in',
-            avatarInfo: {
-                name: 'Pegasystems',
-                imageSrc: 'https://www.pega.com/sites/default/files/media/images/2018-12/Pega.com-og.png'
+        senderId: 'agent1',
+        message: 'Please go to link to get detailed information about claims process.',
+        timestamp: '1:55 PM',
+        mediaPageLinks: [
+            {
+                id: createUID(),
+                href: 'https://collaborate.pega.com/',
+                thumbnail: 'https://community.pega.com/sites/default/files/styles/480/public/media/images/2020-02/AskExpert.png?itok=ef2MVbOV',
+                title: 'UPlus - Claims process'
             }
-        }
+        ]
     },
-    chatMessages: [
-        {
-            id: '4276065002',
-            type: 'system',
-            message: 'John brown has joined',
-            timeStamp: '01:44 PM'
+    {
+        id: createUID(),
+        type: 'system',
+        timestamp: '1:56 PM',
+        message: 'Vernon Lee joined this conversation'
+    },
+    {
+        id: createUID(),
+        type: 'message',
+        senderType: 'agent',
+        direction: 'in',
+        avatarInfo: {
+            name: 'Vernon Lee'
         },
-        {
-            id: '88365643',
-            type: 'message',
-            variant: 'sender',
-            direction: 'out',
-            avatarInfo: {
-                name: 'John Brown'
-            },
-            message: 'Hi, Welcome to u-plus. How can I help you ?',
-            timeStamp: '1:44 PM',
-            status: 'sent',
-            attachments: [
-                {
-                    id: '2499167340',
-                    name: 'Location',
-                    icon: 'document',
-                    meta: 'PNG 0.1 MB',
-                    thumbnail: 'https://pegasystems.github.io/uplus-wss/health_provider/img/secondary-options.jpg'
-                },
-                {
-                    id: '2499167341',
-                    name: 'FAQ with detailed terms and conditions of the policy',
-                    icon: 'document-pdf',
-                    meta: 'PDF 0.7 MB'
-                }
-            ],
-            ariaLabel: 'John Brown said  Hi, Welcome to u-plus. How can I help you ? at 1:44 PM with 2 attachments'
+        senderId: 'agent2',
+        message: 'Hi Ginger Ventura, I am the supervisor. You may also contact the nearest branch for a physical copy of the claims process.',
+        timestamp: '1:57 PM'
+    },
+    {
+        id: createUID(),
+        type: 'message',
+        senderType: 'customer',
+        direction: 'in',
+        avatarInfo: {
+            name: 'Ginger Ventura'
         },
-        {
-            id: '3245595973',
-            type: 'message',
-            variant: 'sender',
-            direction: 'out',
-            avatarInfo: {
-                name: 'John Brown'
-            },
-            message: 'You may also reach us via',
-            timeStamp: '1:45 PM',
-            pagePushLinks: [
-                {
-                    id: '2499167349',
-                    href: 'https://collaborate.pega.com/',
-                    thumbnail: 'https://community.pega.com/sites/default/files/styles/480/public/media/images/2020-02/AskExpert.png?itok=ef2MVbOV',
-                    title: 'Ask the expert'
-                }
-            ],
-            ariaLabel: 'John Brown said  You may also reach us via at 1:45 PM with 1 link'
+        timestamp: '1:57 PM',
+        senderId: 'gingerVentura',
+        message: 'Thanks for the information. I would also like to update the mobile number of my policy.'
+    },
+    {
+        id: createUID(),
+        type: 'message',
+        senderType: 'agent',
+        direction: 'in',
+        avatarInfo: {
+            name: 'John Brown'
         },
-        {
-            id: '3865379335',
-            type: 'message',
-            variant: 'receiver',
-            messagePrivacy: 'PUBLIC TWEET',
-            direction: 'in',
-            avatarInfo: {
-                name: 'Sara Davis'
-            },
-            message: 'Hi, I would like to know the validity of my policy',
-            ariaLabel: 'Sara Davis said  Hi, I would like to know the validity of my policy via Public Tweet'
+        senderId: 'agent1',
+        message: 'Sure, I need to transfer you to a specialist to get you the needed help.',
+        timestamp: '1:58 PM'
+    },
+    {
+        id: createUID(),
+        type: 'message',
+        senderType: 'customer',
+        direction: 'in',
+        avatarInfo: {
+            name: 'Ginger Ventura'
         },
-        {
-            id: '777315059',
-            type: 'message',
-            variant: 'receiver',
-            messagePrivacy: 'PUBLIC TWEET',
-            direction: 'in',
-            avatarInfo: {
-                name: 'Sara Davis'
-            },
-            message: 'Could you please help',
-            timeStamp: '1:45 PM',
-            ariaLabel: 'Sara Davis said  Could you please help at 1:45 PM via Public Tweet'
+        timestamp: '1:58 PM',
+        senderId: 'gingerVentura',
+        message: 'Okay.'
+    },
+    {
+        id: createUID(),
+        type: 'system',
+        timestamp: '1:59 PM',
+        message: 'Transfer request initiated'
+    }
+];
+export const LiveChatConversation = [
+    {
+        id: createUID(),
+        type: 'system',
+        timestamp: '2:01 PM',
+        message: 'Edward Green joined the conversation'
+    },
+    {
+        id: createUID(),
+        type: 'message',
+        senderType: 'agent',
+        direction: 'out',
+        avatarInfo: {
+            name: 'Edward green'
         },
-        {
-            id: '4001121034',
-            type: 'system',
-            message: 'Pegasystems has joined'
+        senderId: 'agent3',
+        message: 'Hi Ginger Ventura, Please provide your phone number that needs to be updated.',
+        timestamp: '2:02PM'
+    },
+    {
+        id: createUID(),
+        type: 'message',
+        senderType: 'customer',
+        direction: 'in',
+        avatarInfo: {
+            name: 'Ginger Ventura'
         },
-        {
-            id: '779591083',
-            type: 'message',
-            variant: 'other',
-            direction: 'in',
-            avatarInfo: {
-                name: 'Pegasystems',
-                imageSrc: 'https://www.pega.com/sites/default/files/media/images/2018-12/Pega.com-og.png'
-            },
-            message: 'Great, our CSR will help you with that',
-            timeStamp: '1:46 PM',
-            ariaLabel: 'Pegasystems said  Great, our CSR will help you with that at 1:46 PM'
+        timestamp: '2:03 PM',
+        senderId: 'gingerVentura',
+        message: 'Please update the policy with 9812764132.'
+    },
+    {
+        id: createUID(),
+        type: 'message',
+        senderType: 'agent',
+        direction: 'out',
+        avatarInfo: {
+            name: 'Edward green'
         },
-        {
-            id: '2683629622',
-            type: 'message',
-            variant: 'sender',
-            messagePrivacy: 'PUBLIC REPLY',
-            direction: 'out',
-            avatarInfo: {
-                name: 'John Brown'
-            },
-            message: 'Sure',
-            timeStamp: '1:48 PM',
-            status: 'delivered',
-            ariaLabel: 'John Brown said  Sure at 1:48 PM via Public Tweet'
+        senderId: 'agent3',
+        message: 'Your mobile number is updated successfully.'
+    },
+    {
+        id: createUID(),
+        type: 'message',
+        senderType: 'agent',
+        direction: 'out',
+        avatarInfo: {
+            name: 'Edward green'
         },
-        {
-            id: '2748689942',
-            type: 'message',
-            variant: 'other',
-            direction: 'in',
-            avatarInfo: {
-                name: 'Pegasystems',
-                imageSrc: 'https://www.pega.com/sites/default/files/media/images/2018-12/Pega.com-og.png'
-            },
-            message: ' Carry on',
-            timeStamp: '1:49 PM',
-            attachments: [
-                {
-                    id: '2499167343',
-                    name: 'Departments mapping',
-                    icon: 'document-doc',
-                    meta: 'PDF 0.1 MB'
-                }
-            ],
-            ariaLabel: 'Pegasystems said   Carry on at 1:49 PM with 1 attachment'
+        senderId: 'agent3',
+        message: 'This number will be used for all communcation regarding your policy',
+        timestamp: '2:05 PM',
+        status: 'delivered'
+    },
+    {
+        id: createUID(),
+        type: 'system',
+        timestamp: '2:04 PM',
+        message: 'Vernon Lee joined this conversation'
+    },
+    {
+        id: createUID(),
+        type: 'message',
+        senderType: 'agent',
+        direction: 'in',
+        avatarInfo: {
+            name: 'Vernon Lee'
         },
-        {
-            id: '4110947991',
-            type: 'message',
-            variant: 'other',
-            direction: 'in',
-            messagePrivacy: 'PUBLIC REPLY',
-            avatarInfo: {
-                name: 'Pegasystems',
-                imageSrc: 'https://www.pega.com/sites/default/files/media/images/2018-12/Pega.com-og.png'
+        senderId: 'agent2',
+        message: 'Please download the updated policy',
+        attachments: [
+            {
+                id: createUID(),
+                name: 'Policy',
+                icon: 'document-pdf',
+                meta: 'PDF 1.2 MB',
+                thumbnail: 'https://pegasystems.github.io/uplus-wss/health_provider/img/secondary-options.jpg'
             },
-            message: ' Refer these documents for more FAQ',
-            timeStamp: '1:49 PM',
-            attachments: [
-                {
-                    id: '2499167345',
-                    name: 'FAQ with detailed terms and conditions of the policy',
-                    icon: 'document-doc',
-                    meta: 'PDF 0.7 MB'
-                },
-                {
-                    id: '2499167346',
-                    name: 'Privacy policy',
-                    icon: 'document-doc',
-                    meta: 'WORD 0.1 MB'
-                }
-            ],
-            ariaLabel: 'Pegasystems said   Refer these documents for more FAQ at 1:49 PM with 2 attachments via Public Tweet'
-        },
-        {
-            id: '2549273884',
-            type: 'system',
-            message: 'Pegasystems has left'
+            {
+                id: createUID(),
+                name: 'FAQ with detailed terms and conditions of the policy',
+                icon: 'document-pdf',
+                meta: 'PDF 0.7 MB'
+            }
+        ],
+        timestamp: '2:05 PM'
+    },
+    {
+        id: createUID(),
+        type: 'message',
+        senderType: 'customer',
+        direction: 'in',
+        avatarInfo: {
+            name: 'Ginger Ventura'
         },
-        {
-            id: '3375453344',
-            type: 'message',
-            variant: 'sender',
-            messagePrivacy: 'PUBLIC REPLY',
-            direction: 'out',
-            avatarInfo: {
-                name: 'John Brown'
-            },
-            message: 'Could you please help me with your account num',
-            timeStamp: '1:50 PM',
-            attachments: [
-                {
-                    id: '2499167347',
-                    name: 'Security policy',
-                    icon: 'document-pdf',
-                    meta: 'PDF 6.1 MB'
-                }
-            ],
-            ariaLabel: 'John Brown said  Could you please help me with your account num at 1:50 PM with 1 attachment via Public Tweet'
+        timestamp: '2:06 PM',
+        senderId: 'gingerVentura',
+        message: 'Thank you'
+    }
+];
+export const SimulatedConversation = [
+    {
+        id: createUID(),
+        type: 'message',
+        senderType: 'agent',
+        direction: 'out',
+        avatarInfo: {
+            name: 'Edward green'
         },
-        {
-            id: '1868448522',
-            type: 'message',
-            variant: 'receiver',
-            direction: 'in',
-            avatarInfo: {
-                name: 'Sara Davis'
-            },
-            message: 'Yeah, sure please give me a second',
-            ariaLabel: 'Sara Davis said  Yeah, sure please give me a second '
+        senderId: 'agent3',
+        message: 'You are welcome, Is there anything else you need help with?',
+        timestamp: '2:07 PM'
+    },
+    {
+        id: createUID(),
+        type: 'message',
+        senderType: 'customer',
+        direction: 'in',
+        avatarInfo: {
+            name: 'Ginger Ventura'
         },
-        {
-            id: '1295058543',
-            type: 'message',
-            variant: 'receiver',
-            direction: 'in',
-            avatarInfo: {
-                name: 'Sara Davis'
-            },
-            timeStamp: '1:50 PM',
-            attachments: [
-                {
-                    id: '2499167348',
-                    name: 'Vehicle insurance',
-                    icon: 'document-doc',
-                    meta: 'WORD 1.1 MB'
-                }
-            ],
-            ariaLabel: 'Sara Davis said  5588-8899-45-89 at 1:50 PM with 1 attachment'
+        timestamp: '2:09 PM',
+        senderId: 'gingerVentura',
+        message: 'Can you please let me know the information about the newly launched policies?'
+    },
+    {
+        id: createUID(),
+        type: 'message',
+        senderType: 'agent',
+        direction: 'out',
+        avatarInfo: {
+            name: 'Edward green'
         },
-        {
-            id: '2690247642',
-            type: 'message',
-            variant: 'sender',
-            direction: 'out',
-            avatarInfo: {
-                name: 'John Brown'
-            },
-            message: 'Let me pick your details',
-            status: 'delivered',
-            ariaLabel: 'John Brown said  Let me pick your details '
+        senderId: 'agent3',
+        message: 'We have new plans in term insurance and health insurance.'
+    },
+    {
+        id: createUID(),
+        type: 'message',
+        senderType: 'agent',
+        direction: 'out',
+        avatarInfo: {
+            name: 'Edward green'
         },
-        {
-            id: '1208949065',
-            type: 'message',
-            variant: 'sender',
-            direction: 'out',
-            avatarInfo: {
-                name: 'John Brown'
-            },
-            message: 'Can I please transfer your chat request to concerned department please ?',
-            timeStamp: '1:51 PM',
-            ariaLabel: 'John Brown said  Can I please transfer your chat request to concerned department please ? at 1:51 PM'
+        senderId: 'agent3',
+        message: 'Do you want me to share the information on both?',
+        timestamp: '2:10 PM'
+    },
+    {
+        id: createUID(),
+        type: 'message',
+        senderType: 'customer',
+        direction: 'in',
+        avatarInfo: {
+            name: 'Ginger Ventura'
         },
-        {
-            id: '4302656892',
-            type: 'message',
-            variant: 'receiver',
-            direction: 'in',
-            avatarInfo: {
-                name: 'Sara Davis'
-            },
-            message: 'Sure',
-            timeStamp: '1:51 PM',
-            ariaLabel: 'Sara Davis said  Sure at 1:51 PM'
+        senderId: 'gingerVentura',
+        message: 'Yes, please.'
+    },
+    {
+        id: createUID(),
+        type: 'message',
+        senderType: 'customer',
+        direction: 'in',
+        avatarInfo: {
+            name: 'Ginger Ventura'
         },
-        {
-            id: '658052414',
-            type: 'message',
-            variant: 'sender',
-            direction: 'out',
-            avatarInfo: {
-                name: 'John Brown'
-            },
-            message: 'Please give me a moment',
-            timeStamp: '1:51 PM',
-            ariaLabel: 'John Brown said  Please give me a moment at 1:51 PM'
+        senderId: 'gingerVentura',
+        message: 'I am also interested in knowing endowment plans as well.',
+        timestamp: '2:11 PM'
+    },
+    {
+        id: createUID(),
+        type: 'message',
+        senderType: 'agent',
+        direction: 'out',
+        avatarInfo: {
+            name: 'Edward green'
         },
-        {
-            id: '719933419',
-            type: 'system',
-            message: 'Mike has joined'
+        senderId: 'agent3',
+        message: 'Okay, Let me find the relevant information for you.',
+        timestamp: '2:12 PM'
+    },
+    {
+        id: createUID(),
+        type: 'message',
+        senderType: 'agent',
+        direction: 'in',
+        avatarInfo: {
+            name: 'Vernon Lee'
         },
-        {
-            id: '679831597',
-            type: 'message',
-            variant: 'sender',
-            direction: 'out',
-            message: 'Hi Sara. This is Mike. John has discussed with me. I will be helping you out with the required details',
-            timeStamp: '1:51 PM',
-            ariaLabel: 'You said Hi Sara. This is Mike. John has discussed with me. I will be helping you out with the required details at 1:51 PM'
+        senderId: 'agent2',
+        message: 'We have a newly launched pension plan as well. Would you be interested in it?',
+        timestamp: '2:12 PM'
+    },
+    {
+        id: createUID(),
+        type: 'message',
+        senderType: 'customer',
+        direction: 'in',
+        avatarInfo: {
+            name: 'Ginger Ventura'
         },
-        {
-            id: '2785439809',
-            type: 'system',
-            message: 'John brown has left'
+        senderId: 'gingerVentura',
+        message: 'I am not looking for a pension plan at the moment. However, share the details of this plan also.',
+        timestamp: '2:13 PM'
+    },
+    {
+        id: createUID(),
+        type: 'message',
+        senderType: 'agent',
+        direction: 'in',
+        avatarInfo: {
+            name: 'Vernon Lee'
         },
-        {
-            id: '85859690',
-            type: 'message',
-            variant: 'sender',
-            direction: 'out',
-            message: 'Ok, your insurance is valid until Dec 21, 2020 11:00 AM',
-            timeStamp: '1:52 PM',
-            ariaLabel: 'You said Ok, your insurance is valid until Dec 21, 2020 11:00 AM at 1:52 PM'
+        senderId: 'agent2',
+        message: 'Sure, I share the details in a moment.',
+        timestamp: '2:14 PM'
+    },
+    {
+        id: createUID(),
+        type: 'message',
+        senderType: 'agent',
+        direction: 'out',
+        avatarInfo: {
+            name: 'Edward green'
         },
-        {
-            id: '2484793043',
-            type: 'message',
-            variant: 'receiver',
-            direction: 'in',
-            avatarInfo: {
-                name: 'Sara Davis'
-            },
-            message: 'Thanks',
-            timeStamp: '1:52 PM',
-            ariaLabel: 'Sara Davis said  Thanks at 1:52 PM'
+        senderId: 'agent3',
+        message: 'You can find details of the term insurance in this link',
+        mediaPageLinks: [
+            {
+                id: createUID(),
+                href: 'https://pegasystems.github.io/uplus-wss/insurance/index.html',
+                thumbnail: 'https://pegasystems.github.io/uplus-wss/insurance/img/offer-promo-1.jpg',
+                title: 'Ask the expert'
+            }
+        ]
+    },
+    {
+        id: createUID(),
+        type: 'message',
+        senderType: 'agent',
+        direction: 'out',
+        avatarInfo: {
+            name: 'Edward green'
         },
-        {
-            id: '352967030',
-            type: 'message',
-            variant: 'sender',
-            direction: 'out',
-            message: 'Is there anything I can help you with',
-            timeStamp: '1:52 PM',
-            ariaLabel: 'You said Is there anything I can help you with at 1:52 PM'
+        senderId: 'agent3',
+        message: 'Health insurance details can be found here',
+        mediaPageLinks: [
+            {
+                id: createUID(),
+                href: 'https://pegasystems.github.io/uplus-wss/insurance/offer.html',
+                thumbnail: 'https://pegasystems.github.io/uplus-wss/insurance/img/offer-main.jpg',
+                title: 'Ask the expert'
+            }
+        ],
+        timestamp: '2:15 PM'
+    },
+    {
+        id: createUID(),
+        type: 'message',
+        senderType: 'agent',
+        direction: 'in',
+        avatarInfo: {
+            name: 'Vernon Lee'
         },
-        {
-            id: '3432757116',
-            type: 'message',
-            variant: 'receiver',
-            direction: 'in',
-            avatarInfo: {
-                name: 'Sara Davis'
-            },
-            message: 'I am good.😃',
-            timeStamp: '1:53 PM',
-            ariaLabel: 'Sara Davis said  I am good 😃. at 1:53 PM'
+        senderId: 'agent2',
+        message: 'Visit this link for details on pension plan',
+        mediaPageLinks: [
+            {
+                id: createUID(),
+                href: 'https://pegasystems.github.io/uplus-wss/retail_bank/index.html',
+                thumbnail: 'https://pegasystems.github.io/uplus-wss/retail_bank/img/offer-main.jpg',
+                title: 'Ask the expert'
+            }
+        ],
+        timestamp: '2:15 PM'
+    },
+    {
+        id: createUID(),
+        type: 'message',
+        senderType: 'agent',
+        direction: 'out',
+        avatarInfo: {
+            name: 'Edward green'
         },
-        {
-            id: '2432461831',
-            type: 'message',
-            variant: 'sender',
-            direction: 'out',
-            message: 'Thanks for contacting us, have a great day',
-            timeStamp: '1:53 PM',
-            ariaLabel: 'You said Thanks for contacting us, have a great day at 1:53 PM',
-            status: 'undelivered'
+        senderId: 'agent3',
+        message: 'Here are the details of endowment plans',
+        attachments: [
+            {
+                id: createUID(),
+                name: 'Policy',
+                icon: 'document-pdf',
+                meta: 'PDF 1.2 MB',
+                thumbnail: 'https://pegasystems.github.io/uplus-wss/health_provider/img/secondary-options.jpg'
+            }
+        ],
+        timestamp: '2:16 PM'
+    },
+    {
+        id: createUID(),
+        type: 'message',
+        senderType: 'customer',
+        direction: 'in',
+        avatarInfo: {
+            name: 'Ginger Ventura'
         },
-        {
-            id: '2965626280',
-            type: 'system',
-            message: 'Chat has been ended'
-        }
-    ],
+        senderId: 'gingerVentura',
+        message: 'Great, Thank you',
+        timestamp: '2:17 PM'
+    }
+];
+export const ChatMockData = {
+    chatMessages: SimulatedConversation,
     defaultAttachments: [
         {
-            id: '4455774588',
+            id: createUID(),
             name: '03/2020 statement.pdf'
         },
         {
-            id: '44557745889',
+            id: createUID(),
             name: 'Policy T&C.pdf'
         }
     ],
     suggestedReplies: [
         {
-            id: 'suggested_reply_1',
-            message: 'Hello, Good morning Sara. How can I help you today',
+            id: createUID(),
+            message: 'Hello, Good morning Ginger Ventura. How can I help you today',
             confidence: 94
         },
         {
-            id: 'suggested_reply_2',
+            id: createUID(),
             message: 'Sorry to hear that. I will surely help you resolve the issue. Can you please provide the policy id, so that I can get more details',
             confidence: 75
         }
@@ -667,7 +602,7 @@ export const phrasesDisplayNames = [
 export const phrasesMessages = [
     {
         id: '1-1',
-        message: 'Ms. Sara J Connor your account balance is $5226.32'
+        message: 'Ms. Ginger ventura your account balance is $5226.32'
     },
     {
         id: '2-1',
@@ -679,7 +614,7 @@ export const phrasesMessages = [
     },
     {
         id: '3-1',
-        message: "Ms.Connor. We do not respond to that kind of language. I'm doing my best to help you. Please be civil."
+        message: "Ms.Ventura. We do not respond to that kind of language. I'm doing my best to help you. Please be civil."
     },
     {
         id: '3-2',
@@ -700,62 +635,62 @@ export const phrasesMessages = [
 ];
 export const pagePushList = [
     {
-        id: '3245595454',
+        id: createUID(),
         type: 'message',
-        variant: 'sender',
+        senderType: 'agent',
+        senderId: 'agent3',
         direction: 'out',
         avatarInfo: {
-            name: 'John Brown'
+            name: 'Edward green'
         },
         message: 'You may also reach us via',
-        timeStamp: '1:45 PM',
-        pagePushLinks: [
+        timestamp: '1:45 PM',
+        mediaPageLinks: [
             {
-                id: '2499167349',
+                id: createUID(),
                 href: 'https://collaborate.pega.com/',
                 thumbnail: 'https://community.pega.com/sites/default/files/styles/480/public/media/images/2020-02/AskExpert.png?itok=ef2MVbOV',
                 title: 'Ask the expert'
             }
-        ],
-        ariaLabel: 'John Brown said  You may also reach us via at 1:45 PM with 1 link'
+        ]
     },
     {
-        id: '3245596782',
+        id: createUID(),
         type: 'message',
-        variant: 'sender',
+        senderType: 'agent',
+        senderId: 'agent3',
         direction: 'out',
         avatarInfo: {
-            name: 'John Brown'
+            name: 'Edward green'
         },
         message: 'Online Portal',
-        timeStamp: '1:45 PM',
-        pagePushLinks: [
+        timestamp: '1:45 PM',
+        mediaPageLinks: [
             {
-                id: '2499167349',
+                id: createUID(),
                 href: 'https://collaborate.pega.com/',
                 title: 'Ask the expert'
             }
-        ],
-        ariaLabel: 'John Brown said Online portal at 1:45 PM with 1 link'
+        ]
     },
     {
-        id: '3245556754',
+        id: createUID(),
         type: 'message',
-        variant: 'sender',
+        senderType: 'agent',
+        senderId: 'agent3',
         direction: 'out',
         avatarInfo: {
-            name: 'John Brown'
+            name: 'Edward green'
         },
         message: 'Contact center',
-        timeStamp: '1:45 PM',
-        pagePushLinks: [
+        timestamp: '1:45 PM',
+        mediaPageLinks: [
             {
-                id: '2499167349',
+                id: createUID(),
                 href: 'https://collaborate.pega.com/',
                 title: 'Ask the expert'
             }
-        ],
-        ariaLabel: 'John Brown said Contact center at 1:45 PM with 1 link'
+        ]
     }
 ];
 export const contextItems = [