@pega/cosmos-react-demos 2.1.2 → 3.0.0-dev.2.0

package/jsx/social/Chat/Chat.stories.jsx.map

@@ -1 +1 @@
-{"version":3,"file":"Chat.stories.jsx","sourceRoot":"","sources":["../../../src/social/Chat/Chat.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  useState,\n  useRef,\n  useEffect,\n  useCallback,\n  useMemo,\n  ReactElement,\n  SyntheticEvent\n} from 'react';\nimport { action } from '@storybook/addon-actions';\nimport { radios, array, boolean, text, number, optionsKnob, button } from '@storybook/addon-knobs';\n\nimport {\n  Button,\n  Icon,\n  registerIcon,\n  Text,\n  MenuButton,\n  Flex,\n  Popover,\n  Link,\n  Status,\n  EmojiContext,\n  BannerProps,\n  createUID,\n  useOuterEvent,\n  TextArea,\n  Select,\n  Option,\n  Menu,\n  useElement,\n  FieldValueList\n} from '@pega/cosmos-react-core';\nimport * as arrowMicroDownIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/arrow-micro-down.icon';\nimport * as replyIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/reply.icon';\nimport * as replyAllIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/reply-all.icon';\nimport * as forwardIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/forward.icon';\nimport {\n  Chat,\n  ChatProps,\n  ChatHeader,\n  ChatBody,\n  ChatComposer,\n  ChatTranscript,\n  Message,\n  MessageList as MessageListComp,\n  MessageProps,\n  MessageListItemProps,\n  MessageListImperativeHandleProps,\n  NewMessageSeparatorId,\n  AttachmentItemProps,\n  ChatComposerImperativeHandleProps,\n  SuggestedReply,\n  SuggestedReplyPicker,\n  SystemMessage,\n  TranscriptMessage,\n  TypeIndicator\n} from '@pega/cosmos-react-social';\n\nimport { ChatMockData } from './Chat.mocks';\n\nregisterIcon(forwardIcon, replyIcon, replyAllIcon, arrowMicroDownIcon);\n\nexport default {\n  title: 'Social/Chat',\n  component: Chat\n};\n\nconst Channels: {\n  label: string;\n  options: any;\n} = {\n  label: 'Channel',\n  options: {\n    LiveChat: {\n      title: 'Live chat',\n      icon: 'chat-solid'\n    },\n    Twitter: {\n      title: 'Twitter chat',\n      icon: 'twitter'\n    },\n    Facebook: {\n      title: 'Facebook messenger',\n      icon: 'facebook'\n    }\n  }\n};\n\n/** *********************** ChatHeader component - START *********************** */\nexport const chatHeader = () => {\n  const actionsConfig = (\n    <Flex>\n      <Button variant='simple' aria-label='Show transcripts'>\n        <Flex\n          container={{\n            gap: 1,\n            alignItems: 'center'\n          }}\n        >\n          <Icon name='chats' />\n          <Text>Transcripts</Text>\n        </Flex>\n      </Button>\n      <Button variant='simple' icon aria-label='chat info'>\n        <Icon name='information' />\n      </Button>\n    </Flex>\n  );\n\n  return (\n    <ChatHeader\n      title='Live Chat'\n      icon='chat-solid'\n      aria-label='Chat header'\n      actions={actionsConfig}\n    />\n  );\n};\n/** ***************************** ChatHeader component - END ******************* */\n\n/** **************************** MessageList component - START ************************* */\nexport const MessageList = () => {\n  const messages: any[] = ChatMockData.chatMessages;\n\n  const [unReadMessageCount, setUnReadMessagesCount] = useState(1);\n\n  return (\n    <Flex container style={{ height: '80vh' }}>\n      <MessageListComp\n        tabIndex={0}\n        messages={messages}\n        unReadMessageCount={unReadMessageCount}\n        onScrollToButtonClick={() => {\n          setUnReadMessagesCount(0);\n        }}\n      />\n    </Flex>\n  );\n};\n/** **************************** MessageList component - END **************************** */\n\n/** ***************************** Message component - START ********************** */\nexport const messageComponent = () => {\n  /** Storybook knobs are used here to simulate the behavior of variant and direction prop in real time - start */\n  const MessageVariantPropValues: Record<string, MessageProps['variant']> = {\n    sender: 'sender',\n    receiver: 'receiver',\n    other: 'other'\n  };\n  const MessageDirectionPropValues: Record<string, MessageProps['direction']> = {\n    in: 'in',\n    out: 'out'\n  };\n\n  const variantProp = radios<MessageProps['variant']>(\n    'Variant',\n    MessageVariantPropValues,\n    'receiver'\n  );\n  const directionProp = radios<MessageProps['direction']>(\n    'Direction',\n    MessageDirectionPropValues,\n    'in'\n  );\n  /** Storybook knobs are used here to simulate the behavior of variant and direction prop in real time - end */\n  const attachments = [\n    {\n      id: '2499167340',\n      name: 'Location',\n      icon: 'document',\n      meta: 'PNG 0.1 MB',\n      thumbnail: 'https://pegasystems.github.io/uplus-wss/health_provider/img/secondary-options.jpg'\n    },\n    {\n      id: '2499167341',\n      name: 'FAQ with detailed terms and conditions of the policy',\n      icon: 'document-pdf',\n      meta: 'PDF 0.7 MB'\n    }\n  ];\n  const pagePushLinks = [\n    {\n      id: '2499167349',\n      href: 'https://collaborate.pega.com/',\n      thumbnail:\n        'https://community.pega.com/sites/default/files/styles/480/public/media/images/2020-02/AskExpert.png?itok=ef2MVbOV',\n      title: 'Ask the expert'\n    }\n  ];\n  return (\n    <>\n      {/* Message with attachments  */}\n      <Message\n        type='message'\n        attachments={attachments}\n        avatarInfo={{ name: 'John Brown' }}\n        status='Opened'\n        timeStamp='1:44 PM'\n        message='Hi, Welcome to u-plus. How can I help you ?'\n        variant={variantProp}\n        direction={directionProp}\n      />\n      <br />\n      {/* Message with page push links */}\n      <Message\n        type='message'\n        message='Hi, Welcome to u-plus. How can I help you ?'\n        avatarInfo={{ name: 'John Brown' }}\n        pagePushLinks={pagePushLinks}\n        variant={variantProp}\n        direction={directionProp}\n      />\n      <br />\n      {/* Normal message with plain text */}\n      <Message\n        type='message'\n        message='Hi, Welcome to u-plus. How can I help you ?'\n        avatarInfo={{ name: 'John Brown' }}\n        variant={variantProp}\n        direction={directionProp}\n      />\n    </>\n  );\n};\n/** ***************************** Message component - END *********************** */\n\n/** **************************** SystemMessage component - START ***************** */\nexport const systemMessage = () => (\n  <SystemMessage message='John Brown has joined' timeStamp='10:00 AM' />\n);\n/** ***************************** SystemMessage component - END ******************** */\n\n/** ***************************** TypeIndicator component - START ****************** */\nexport const typeIndicator = () => {\n  /**  storybook knobs are used here to simulate the behavior of message prop in real time */\n  const TypeIndicatorMessageProp = text('message', '');\n  return <TypeIndicator avatarInfo={{ name: 'John Brown' }} message={TypeIndicatorMessageProp} />;\n};\n/** *************************** TypeIndicator component - END *********************** */\n\n/** ************************** ChatTranscripts component - START ********************* */\nexport const chatTranscripts = () => {\n  return ChatMockData.transcripts.map((transcript: any) => {\n    return (\n      <ChatTranscript\n        tabIndex={0}\n        title={transcript.title}\n        key={transcript.id}\n        transcript={transcript.data}\n      />\n    );\n  });\n};\n/** **************************** ChatTranscripts component - END ************************ */\n\n/** *************************** TranscriptMessage component - START ****************** */\nexport const transcriptMessage = () => (\n  <TranscriptMessage\n    timeStamp='01:20 PM'\n    variant='bot'\n    message='Hello… This is bot. How can I help you? Please select your category.'\n  />\n);\n/** *************************** TranscriptMessage component - END ******************** */\n\n/** *************************** SuggestedReplyPicker component - START ****************** */\n\nexport const suggestedReplyPickerComponent = () => {\n  const suggestedReplies: SuggestedReply[] = [\n    {\n      id: createUID(),\n      message: 'Hello, Good morning Sara. How can I help you today',\n      confidence: 95\n    },\n    {\n      id: createUID(),\n      message:\n        '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',\n      confidence: 75\n    }\n  ];\n  return (\n    <SuggestedReplyPicker\n      replies={suggestedReplies}\n      onSelect={suggestedReply => {\n        action(`Suggested reply picked ${suggestedReply.message}`)();\n      }}\n      onDismiss={action('Suggested reply dismissed')}\n    />\n  );\n};\n\n/** *************************** SuggestedReplyPicker component - END ****************** */\n\n/** ******************************* ChatComposer component - START ************************ */\nexport const chatComposer = () => (\n  <ChatComposer\n    maxAttachments={number('Max Attachments', 2)}\n    attachments={ChatMockData.defaultAttachments}\n    maxLength={256}\n    placeholder='Type here to send message'\n    onSend={() => {}}\n  >\n    <MenuButton text='Phrases' menu={{ items: [] }} />\n    <MenuButton text='Page Push' menu={{ items: [] }} />\n  </ChatComposer>\n);\n/** *********************************** ChatComposer component - END ********************** */\n\n/** *********************************** Standard Chat component - START ******************** */\nconst allParticipants: any = ChatMockData.participants;\nconst chatParticipants = Object.keys(allParticipants).reduce((obj: any, key: string) => {\n  if (!allParticipants[key].avatarInfo) {\n    return obj;\n  }\n  const name = allParticipants[key].avatarInfo.name;\n  obj[name] = name;\n  return obj;\n}, {});\n\nconst channelOptions = Object.keys(Channels.options).reduce((obj: any, key) => {\n  obj[key] = key;\n  return obj;\n}, {});\n\nexport const StandardChat = ({ chatWidth = '30rem' }: { chatWidth: string }) => {\n  const ChatMockDataClone: any = useMemo(() => {\n    return JSON.parse(JSON.stringify(ChatMockData));\n  }, [ChatMockData]);\n  const {\n    participants,\n    chatMessages: mockChatMessagesJson,\n    transcripts,\n    defaultAttachments,\n    suggestedReplies\n  }: {\n    participants: any;\n    chatMessages: any[];\n    transcripts: [];\n    defaultAttachments: any[];\n    suggestedReplies: SuggestedReply[];\n  } = ChatMockDataClone;\n\n  const conversationRatingMessage: MessageListItemProps = {\n    id: createUID(),\n    variant: 'receiver',\n    direction: 'in',\n    type: 'message',\n    message: (\n      <Flex\n        container={{\n          direction: 'column',\n          gap: 1\n        }}\n      >\n        <TextArea\n          placeholder='Please comment…'\n          label='Please comment on our service performance and how we can better serve you. Thank you for your time.'\n        />\n        <Select label='Is the problem resolved?'>\n          <Option>Yes</Option>\n          <Option>No</Option>\n        </Select>\n        <Flex\n          container={{\n            justify: 'center'\n          }}\n        >\n          <Button variant='primary'>Submit</Button>\n        </Flex>\n      </Flex>\n    )\n  };\n\n  const mockChatMessages = useMemo(() => {\n    return [\n      ...mockChatMessagesJson.map(message => {\n        const { messagePrivacy, ...restMessageData } = message;\n        if (messagePrivacy) {\n          restMessageData.messageHeader = {\n            content: <span>{messagePrivacy}</span>,\n            meta: <Link href='/'>I-12345</Link>\n          };\n        }\n        return restMessageData;\n      }),\n      conversationRatingMessage\n    ];\n  }, []);\n\n  const conversationRef = useRef<MessageListImperativeHandleProps>(null);\n  const timers = useRef<number[]>([]);\n\n  useEffect(() => {\n    return () => {\n      timers.current.forEach(clearTimeout);\n    };\n  }, []);\n\n  const selectedChannel = radios(Channels.label, channelOptions, Object.keys(channelOptions)[0]);\n  const actions = array('Actions', ['Transfer', 'End chat']).map(name => ({\n    primary: name,\n    id: name,\n    onClick: action(`Clicked ${name}`)\n  }));\n  const [showSuggestedReplies, setShowSuggestedReplies] = useState(true);\n  const disableChat = boolean('Disable chat', false);\n  const simulateConversation = boolean('Simulate conversation', false);\n  const placeHolder = text('Placeholder', 'Enter message');\n  const defaultMessage = text(\n    'Default message',\n    'Greetings! Hope you are having a great time, Please reach out to us for any help, Thanks!'\n  );\n  const maxLength = number('Max characters', 280);\n  const typers = optionsKnob('Participants typing', chatParticipants, '', {\n    display: 'multi-select'\n  });\n\n  const [showTranscripts, setShowTranscripts] = useState(false);\n  const [attachments, setAttachments] = useState<AttachmentItemProps[]>(defaultAttachments);\n  const [unreadMessagesCount, setUnreadMessagesCount] = useState(0);\n  const [chatMessages, setChatMessages] = useState<any[]>(\n    simulateConversation ? mockChatMessages.slice(0, 0) : mockChatMessages\n  );\n\n  const onDeleteAttachment = useCallback(\n    (name: string) => {\n      setAttachments(prevAttachments => prevAttachments.filter(item => item.name !== name));\n    },\n    [setAttachments]\n  );\n\n  useEffect(() => {\n    setAttachments(\n      defaultAttachments.map((item: any) => {\n        return {\n          ...item,\n          onDelete: onDeleteAttachment\n        };\n      })\n    );\n  }, [defaultAttachments]);\n\n  const appendMessage = (message: any) => {\n    const incrementUnreadMessageCount = conversationRef.current?.isScrolledToLatest();\n    setChatMessages(prevChatMessages => {\n      const newMockMessage: any = {\n        ...message\n      };\n      newMockMessage.id = `m-${message.id ? message.id : prevChatMessages.length}`;\n      if (\n        !incrementUnreadMessageCount &&\n        prevChatMessages.filter(({ id }) => id === NewMessageSeparatorId).length === 0\n      ) {\n        return [\n          ...prevChatMessages,\n          {\n            id: NewMessageSeparatorId,\n            type: 'system',\n            message: 'New messages',\n            variant: 'primary'\n          },\n          newMockMessage\n        ];\n      }\n      return [...prevChatMessages, newMockMessage];\n    });\n    if (!incrementUnreadMessageCount) {\n      setUnreadMessagesCount(prevCount => prevCount + 1);\n    }\n  };\n\n  useEffect(() => {\n    if (simulateConversation) {\n      const timeOutId = setTimeout(() => {\n        if (mockChatMessages.length) {\n          appendMessage(mockChatMessages.shift());\n        }\n      }, 1500);\n      return () => {\n        clearTimeout(timeOutId);\n      };\n    }\n  }, [chatMessages, simulateConversation]);\n\n  const customerMessage = text('Customer message', '');\n  button('Send customer message', () => {\n    appendMessage({\n      type: 'message',\n      ...participants.receiver,\n      message: customerMessage,\n      timeStamp: '1:45 PM'\n    });\n    return false;\n  });\n\n  const managerMessage = text('Manager message', '');\n  button('Send manager message', () => {\n    appendMessage({\n      type: 'message',\n      ...participants.other,\n      message: managerMessage,\n      timeStamp: '1:45 PM'\n    });\n    return false;\n  });\n\n  const typingIndicators = typers\n    .toString()\n    .split(',')\n    .filter(person => person !== '')\n    .map(name => {\n      let message = '';\n      if (name === participants.receiver.avatarInfo.name) {\n        message = customerMessage;\n      } else if (name === participants.other.avatarInfo.name) {\n        message = managerMessage;\n      }\n      return {\n        id: name,\n        type: 'typing',\n        avatarInfo: {\n          name\n        },\n        message,\n        ariaLabel: `${name} is typing`\n      };\n    });\n\n  const [openPopover, setOpenPopover] = useState(false);\n  const [popoverRef, setPopoverRef] = useElement<HTMLElement>();\n  const [buttonRef, setButtonRef] = useElement<HTMLElement>();\n  const additionalInfo: {\n    title: string;\n    options: any;\n  } = {\n    title: 'Additional info',\n    options: {\n      LiveChat: [\n        {\n          id: '1',\n          name: 'Session status',\n          value: <Status variant='urgent'>UNAUTHENTICATED</Status>\n        },\n        {\n          id: '2',\n          name: 'Profile name',\n          value: 'Sara Davis'\n        }\n      ],\n      Twitter: [\n        {\n          id: '1',\n          name: 'Session status',\n          value: <Status variant='urgent'>UNAUTHENTICATED</Status>\n        },\n        {\n          id: '2',\n          name: 'Twitter handle',\n          value: '@Connor'\n        },\n        {\n          id: '3',\n          name: 'Followers',\n          value: '13,556'\n        }\n      ],\n      Facebook: [\n        {\n          id: '1',\n          name: 'Session status',\n          value: <Status variant='urgent'>UNAUTHENTICATED</Status>\n        },\n        {\n          id: '2',\n          name: 'Profile name',\n          value: 'Sara Davis'\n        }\n      ]\n    }\n  };\n  useOuterEvent('mousedown', [popoverRef, buttonRef], () => {\n    if (openPopover) setOpenPopover(false);\n  });\n\n  const header = (\n    <ChatHeader\n      title={Channels.options[selectedChannel].title}\n      icon={Channels.options[selectedChannel].icon}\n      aria-label='Chat header'\n      actions={\n        <Flex>\n          <Button\n            variant='simple'\n            onClick={() => setShowTranscripts(!showTranscripts)}\n            aria-label='Show transcripts'\n          >\n            <Flex\n              container={{\n                gap: 1,\n                alignItems: 'center'\n              }}\n            >\n              <Icon name='chats' />\n              <Text>Transcripts</Text>\n            </Flex>\n          </Button>\n          <Button\n            variant='simple'\n            icon\n            aria-label='chat info'\n            ref={setButtonRef}\n            onClick={() => setOpenPopover(current => !current)}\n          >\n            <Icon name='information' />\n          </Button>\n          <Popover\n            show={openPopover}\n            target={buttonRef}\n            ref={setPopoverRef}\n            arrow\n            placement='bottom-end'\n          >\n            <Flex container={{ direction: 'column', gap: 1, pad: 2 }}>\n              <Text variant='h4'>{additionalInfo.title}</Text>\n              <FieldValueList variant='inline' fields={additionalInfo.options[selectedChannel]} />\n            </Flex>\n          </Popover>\n          <MenuButton\n            text='More actions'\n            icon='more'\n            iconOnly\n            variant='simple'\n            portal\n            menu={{ items: actions }}\n          />\n        </Flex>\n      }\n    />\n  );\n\n  const [showEarlierTranscripts, setShowEarlierTranscripts] = useState(false);\n\n  const transcriptsContainerRef = useRef<HTMLDivElement>(null);\n\n  useOuterEvent('mousedown', [transcriptsContainerRef], () => {\n    setShowTranscripts(false);\n  });\n\n  const utilityComp = useMemo<ChatProps['utility'] | undefined>(() => {\n    return showTranscripts ? (\n      <div ref={transcriptsContainerRef}>\n        {!showEarlierTranscripts && (\n          <Flex\n            container={{\n              direction: 'column',\n              alignItems: 'center',\n              gap: 1\n            }}\n          >\n            <Button\n              icon\n              aria-label='Show earlier transcripts'\n              variant='secondary'\n              onClick={() => {\n                setShowEarlierTranscripts(!showEarlierTranscripts);\n              }}\n            >\n              <Icon name='caret-up' />\n            </Button>\n          </Flex>\n        )}\n        {transcripts\n          .sort((transcript: any) => transcript.earlierTranscripts)\n          .filter((transcript: any) =>\n            showEarlierTranscripts ? true : !transcript.earlierTranscripts\n          )\n          .map((transcript: any) => {\n            const transcriptData: any = transcript.data.map(\n              (message: {\n                messagePrivacy: { privacy: string };\n                transcriptHeader: { content: ReactElement; meta: JSX.Element };\n              }) => {\n                if (message.messagePrivacy) {\n                  message.transcriptHeader = {\n                    content: <Status variant='warn'>{message.messagePrivacy.privacy}</Status>,\n                    meta: <Link href='/'>I-12345</Link>\n                  };\n                }\n                return message;\n              }\n            );\n\n            return (\n              <ChatTranscript\n                tabIndex={0}\n                title={transcript.title}\n                key={transcript.id}\n                transcript={transcriptData}\n              />\n            );\n          })}\n      </div>\n    ) : undefined;\n  }, [showTranscripts, setShowTranscripts, showEarlierTranscripts, setShowEarlierTranscripts]);\n\n  const showChatBanner = boolean('Show banner', true);\n\n  const chatBanner: BannerProps = {\n    id: 'warning',\n    messages: ['This is a public interaction and any responses will be public and visible'],\n    heading: 'Warning',\n    variant: 'warning'\n  };\n  const body = (\n    <ChatBody>\n      <MessageListComp\n        unReadMessageCount={unreadMessagesCount}\n        onScrollToButtonClick={() => {\n          const newRandomMessageId = Math.random().toString(36).substr(2, 9);\n          setChatMessages(prevChatMessages =>\n            prevChatMessages.map(message => {\n              if (message.id === NewMessageSeparatorId) {\n                message.id = newRandomMessageId;\n              }\n              return message;\n            })\n          );\n          const timeOutId: number = window.setTimeout(() => {\n            setChatMessages(prevChatMessages =>\n              prevChatMessages.filter(({ id }) => id !== newRandomMessageId)\n            );\n            timers.current = timers.current.filter(id => id !== timeOutId);\n          }, 5000);\n          timers.current.push(timeOutId);\n          setUnreadMessagesCount(0);\n        }}\n        tabIndex={0}\n        ref={conversationRef}\n        messages={[...chatMessages, ...typingIndicators]}\n      />\n    </ChatBody>\n  );\n\n  const chatComposerImperativeHandleRef = useRef<ChatComposerImperativeHandleProps>(null);\n  const phrase = text('Phrase', 'How can I help you?');\n  button('Push prase at start', () => {\n    if (chatComposerImperativeHandleRef.current) {\n      chatComposerImperativeHandleRef.current.appendToMessage(phrase, 'start');\n    }\n    return false;\n  });\n  button('Push prase at end', () => {\n    if (chatComposerImperativeHandleRef.current) {\n      chatComposerImperativeHandleRef.current.appendToMessage(phrase, 'end');\n    }\n    return false;\n  });\n  button('Push prase at cursor', () => {\n    if (chatComposerImperativeHandleRef.current) {\n      chatComposerImperativeHandleRef.current.appendToMessage(phrase, 'cursor');\n    }\n    return false;\n  });\n\n  const [mountPopover, setMountPopover] = useState(false);\n  const specialKeysConfig = {\n    keys: ['//'],\n    onSpecialKey: (e: SyntheticEvent<HTMLTextAreaElement>, key: string) => {\n      action(`Event is  ${e}`)();\n      action(`Typed special key is ${key}`)();\n      if (chatComposerImperativeHandleRef.current) {\n        setMountPopover(!mountPopover);\n      }\n    }\n  };\n\n  const insertPhrasesMessage = (message: string) => {\n    if (chatComposerImperativeHandleRef.current) {\n      chatComposerImperativeHandleRef.current.appendToMessage(message, 'specialKey');\n      setMountPopover(false);\n    }\n  };\n\n  useOuterEvent(\n    'mousedown',\n    [chatComposerImperativeHandleRef?.current?.chatComposerRef?.current as Element],\n    () => {\n      setMountPopover(false);\n    }\n  );\n\n  const footer = (\n    <ChatComposer\n      ref={chatComposerImperativeHandleRef}\n      maxAttachments={number('Max Attachments', attachments.length)}\n      attachments={attachments}\n      specialKeysConfig={specialKeysConfig}\n      showEmoji\n      disabled={disableChat}\n      onAddAttachment={() => {\n        setAttachments([\n          ...attachments,\n          {\n            id: `${attachments.length} statement.pdf`,\n            name: `${attachments.length} statement.pdf`,\n            onDelete: onDeleteAttachment\n          }\n        ]);\n      }}\n      maxLength={maxLength}\n      placeholder={placeHolder}\n      defaultMessage={defaultMessage}\n      onSend={message => {\n        action(`onAppendMessage: ${message}`)();\n        appendMessage({\n          ...participants.sender,\n          type: 'message',\n          message,\n          timeStamp: '1:45 PM'\n        });\n      }}\n    >\n      <MenuButton text='Phrases' actions={[]} disabled={disableChat} />\n      <MenuButton text='Page push' actions={[]} disabled={disableChat} />\n      <Popover\n        show={mountPopover}\n        target={chatComposerImperativeHandleRef?.current?.textAreaRef?.current as Element}\n        placement='top-start'\n      >\n        <Menu\n          scrollAt={20}\n          items={ChatMockData.phrasesDisplayNames.map((name, idx) => ({\n            primary: name,\n            id: idx.toString(),\n            onClick: () => insertPhrasesMessage(ChatMockData.phrasesMessages[idx])\n          }))}\n        />\n      </Popover>\n    </ChatComposer>\n  );\n\n  button('Toggle suggested replies', () => {\n    setShowSuggestedReplies(show => !show);\n    return false;\n  });\n\n  const suggestedReplyPicker =\n    suggestedReplies.length > 0 && showSuggestedReplies ? (\n      <SuggestedReplyPicker\n        replies={suggestedReplies}\n        onSelect={(suggestedReply: SuggestedReply) => {\n          chatComposerImperativeHandleRef.current?.appendToMessage(\n            suggestedReply.message,\n            'cursor'\n          );\n          setShowSuggestedReplies(false);\n        }}\n        onDismiss={() => {\n          setShowSuggestedReplies(false);\n        }}\n      />\n    ) : undefined;\n  const fetchGoogleSprite = () => {\n    return 'https://unpkg.com/emoji-datasource-google@5.0.1/img/google/sheets-256/64.png';\n  };\n\n  return (\n    <EmojiContext.Provider value={{ set: 'google', spriteSrcResolver: fetchGoogleSprite }}>\n      <Flex\n        container={{\n          justify: 'center'\n        }}\n        style={{\n          height: 'calc(100vh)',\n          width: chatWidth,\n          margin: 'auto'\n        }}\n      >\n        <Chat\n          utility={utilityComp}\n          header={header}\n          banner={showChatBanner ? chatBanner : undefined}\n          body={body}\n          footer={footer}\n          suggestedReplyPicker={suggestedReplyPicker}\n        />\n      </Flex>\n    </EmojiContext.Provider>\n  );\n};\n\nStandardChat.parameters = {\n  layout: 'fullscreen'\n};\n\n/** *************************** Standard Chat component - END ************************ */\n"]}
+{"version":3,"file":"Chat.stories.jsx","sourceRoot":"","sources":["../../../src/social/Chat/Chat.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  useState,\n  useRef,\n  useEffect,\n  useCallback,\n  useMemo,\n  ReactElement,\n  SyntheticEvent\n} from 'react';\nimport { action } from '@storybook/addon-actions';\nimport { Meta, Story } from '@storybook/react';\n\nimport {\n  Button,\n  Icon,\n  registerIcon,\n  Text,\n  MenuButton,\n  Flex,\n  Popover,\n  Link,\n  Status,\n  EmojiContext,\n  BannerProps,\n  createUID,\n  useOuterEvent,\n  TextArea,\n  Select,\n  Option,\n  Menu,\n  useElement,\n  FieldValueList\n} from '@pega/cosmos-react-core';\nimport * as arrowMicroDownIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/arrow-micro-down.icon';\nimport * as replyIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/reply.icon';\nimport * as replyAllIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/reply-all.icon';\nimport * as forwardIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/forward.icon';\nimport {\n  Chat,\n  ChatProps,\n  ChatHeader,\n  ChatBody,\n  ChatComposer,\n  ChatTranscript,\n  Message,\n  MessageList,\n  MessageProps,\n  MessageListItemProps,\n  MessageListImperativeHandleProps,\n  NewMessageSeparatorId,\n  AttachmentItemProps,\n  ChatComposerImperativeHandleProps,\n  SuggestedReply,\n  SuggestedReplyPicker,\n  SystemMessage,\n  TranscriptMessage,\n  TypeIndicator\n} from '@pega/cosmos-react-social';\n\nimport { ChatMockData } from './Chat.mocks';\n\nregisterIcon(forwardIcon, replyIcon, replyAllIcon, arrowMicroDownIcon);\n\nexport default {\n  title: 'Social/Chat',\n  component: Chat\n} as Meta;\n\n/** *********************** ChatHeader component - START *********************** */\nexport const ChatHeaderDemo = () => {\n  const actionsConfig = (\n    <Flex>\n      <Button variant='simple' aria-label='Show transcripts'>\n        <Flex\n          container={{\n            gap: 1,\n            alignItems: 'center'\n          }}\n        >\n          <Icon name='chats' />\n          <Text>Transcripts</Text>\n        </Flex>\n      </Button>\n      <Button variant='simple' icon aria-label='chat info'>\n        <Icon name='information' />\n      </Button>\n    </Flex>\n  );\n\n  return (\n    <ChatHeader\n      title='Live Chat'\n      icon='chat-solid'\n      aria-label='Chat header'\n      actions={actionsConfig}\n    />\n  );\n};\n/** ***************************** ChatHeader component - END ******************* */\n\n/** **************************** MessageList component - START ************************* */\nexport const MessageListDemo = () => {\n  const messages: any[] = ChatMockData.chatMessages;\n\n  const [unReadMessageCount, setUnReadMessagesCount] = useState(1);\n\n  return (\n    <Flex container style={{ height: '80vh' }}>\n      <MessageList\n        tabIndex={0}\n        messages={messages}\n        unReadMessageCount={unReadMessageCount}\n        onScrollToButtonClick={() => {\n          setUnReadMessagesCount(0);\n        }}\n      />\n    </Flex>\n  );\n};\n/** **************************** MessageList component - END **************************** */\n\n/** ***************************** Message component - START ********************** */\nexport const MessageDemo: Story<MessageProps> = (args: MessageProps) => {\n  const attachments = [\n    {\n      id: '2499167340',\n      name: 'Location',\n      icon: 'document',\n      meta: 'PNG 0.1 MB',\n      thumbnail: 'https://pegasystems.github.io/uplus-wss/health_provider/img/secondary-options.jpg'\n    },\n    {\n      id: '2499167341',\n      name: 'FAQ with detailed terms and conditions of the policy',\n      icon: 'document-pdf',\n      meta: 'PDF 0.7 MB'\n    }\n  ];\n  const pagePushLinks = [\n    {\n      id: '2499167349',\n      href: 'https://collaborate.pega.com/',\n      thumbnail:\n        'https://community.pega.com/sites/default/files/styles/480/public/media/images/2020-02/AskExpert.png?itok=ef2MVbOV',\n      title: 'Ask the expert'\n    }\n  ];\n  return (\n    <>\n      {/* Message with attachments  */}\n      <Message\n        type='message'\n        attachments={attachments}\n        avatarInfo={{ name: 'John Brown' }}\n        status='Opened'\n        timeStamp='1:44 PM'\n        message='Hi, Welcome to u-plus. How can I help you ?'\n        variant={args.variant}\n        direction={args.direction}\n      />\n      <br />\n      {/* Message with page push links */}\n      <Message\n        type='message'\n        message='Hi, Welcome to u-plus. How can I help you ?'\n        avatarInfo={{ name: 'John Brown' }}\n        pagePushLinks={pagePushLinks}\n        variant={args.variant}\n        direction={args.direction}\n      />\n      <br />\n      {/* Normal message with plain text */}\n      <Message\n        type='message'\n        message='Hi, Welcome to u-plus. How can I help you ?'\n        avatarInfo={{ name: 'John Brown' }}\n        variant={args.variant}\n        direction={args.direction}\n      />\n    </>\n  );\n};\n\nMessageDemo.args = {\n  variant: 'receiver',\n  direction: 'in'\n};\n\nMessageDemo.argTypes = {\n  variant: { options: ['receiver', 'sender', 'other'], control: { type: 'select' } },\n  direction: { options: ['in', 'out'], control: { type: 'select' } }\n};\n/** ***************************** Message component - END *********************** */\n\n/** **************************** SystemMessage component - START ***************** */\nexport const SystemMessageDemo = () => (\n  <SystemMessage message='John Brown has joined' timeStamp='10:00 AM' />\n);\n/** ***************************** SystemMessage component - END ******************** */\n\n/** ***************************** TypeIndicator component - START ****************** */\ninterface TypeIndicatorDemoProps {\n  message?: string;\n}\nexport const TypeIndicatorDemo: Story<TypeIndicatorDemoProps> = (args: TypeIndicatorDemoProps) => {\n  return <TypeIndicator avatarInfo={{ name: 'John Brown' }} message={args.message} />;\n};\n\nTypeIndicatorDemo.args = {\n  message: ''\n};\n\nTypeIndicatorDemo.argTypes = {\n  message: { control: { type: 'text' } }\n};\n/** *************************** TypeIndicator component - END *********************** */\n\n/** ************************** ChatTranscripts component - START ********************* */\nexport const ChatTranscriptsDemo = () => {\n  return ChatMockData.transcripts.map((transcript: any) => {\n    return (\n      <ChatTranscript\n        tabIndex={0}\n        title={transcript.title}\n        key={transcript.id}\n        transcript={transcript.data}\n      />\n    );\n  });\n};\n/** **************************** ChatTranscripts component - END ************************ */\n\n/** *************************** TranscriptMessage component - START ****************** */\nexport const TranscriptMessageDemo = () => (\n  <TranscriptMessage\n    timeStamp='01:20 PM'\n    variant='bot'\n    message='Hello… This is bot. How can I help you? Please select your category.'\n  />\n);\n/** *************************** TranscriptMessage component - END ******************** */\n\n/** *************************** SuggestedReplyPicker component - START ****************** */\n\nexport const SuggestedReplyPickerDemo = () => {\n  const suggestedReplies: SuggestedReply[] = [\n    {\n      id: createUID(),\n      message: 'Hello, Good morning Sara. How can I help you today',\n      confidence: 95\n    },\n    {\n      id: createUID(),\n      message:\n        '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',\n      confidence: 75\n    }\n  ];\n  return (\n    <SuggestedReplyPicker\n      replies={suggestedReplies}\n      onSelect={suggestedReply => {\n        action(`Suggested reply picked ${suggestedReply.message}`)();\n      }}\n      onDismiss={action('Suggested reply dismissed')}\n    />\n  );\n};\n\n/** *************************** SuggestedReplyPicker component - END ****************** */\n\n/** ******************************* ChatComposer component - START ************************ */\ninterface ChatComposerDemoProps {\n  maxAttachments?: number;\n}\n\nexport const ChatComposerDemo: Story<ChatComposerDemoProps> = (args: ChatComposerDemoProps) => (\n  <ChatComposer\n    maxAttachments={args.maxAttachments}\n    attachments={ChatMockData.defaultAttachments}\n    maxLength={256}\n    placeholder='Type here to send message'\n    onSend={() => {}}\n  >\n    <MenuButton text='Phrases' menu={{ items: [] }} />\n    <MenuButton text='Page Push' menu={{ items: [] }} />\n  </ChatComposer>\n);\n\nChatComposerDemo.args = {\n  maxAttachments: 2\n};\n\nChatComposerDemo.argTypes = {\n  maxAttachments: { control: { type: 'number' } }\n};\n/** *********************************** ChatComposer component - END ********************** */\n\n/** *********************************** Standard Chat component - START ******************** */\ninterface StandardChatProps {\n  maxAttachments?: number;\n  chatWidth?: string;\n  selectedChannel?: string;\n  showChatBanner?: boolean;\n  disableChat?: boolean;\n  simulateConversation?: boolean;\n  message?: string;\n  placeholder?: string;\n  defaultMessage?: string;\n  maxLength?: number;\n}\n\nexport const StandardChat: Story<StandardChatProps> = (args: StandardChatProps) => {\n  const ChatMockDataClone: any = useMemo(() => {\n    return JSON.parse(JSON.stringify(ChatMockData));\n  }, [ChatMockData]);\n\n  const Channels: {\n    label: string;\n    options: any;\n  } = {\n    label: 'Channel',\n    options: {\n      LiveChat: {\n        title: 'Live chat',\n        icon: 'chat-solid'\n      },\n      Twitter: {\n        title: 'Twitter chat',\n        icon: 'twitter'\n      },\n      Facebook: {\n        title: 'Facebook messenger',\n        icon: 'facebook'\n      }\n    }\n  };\n\n  const {\n    participants,\n    chatMessages: mockChatMessagesJson,\n    transcripts,\n    defaultAttachments,\n    suggestedReplies\n  }: {\n    participants: any;\n    chatMessages: any[];\n    transcripts: [];\n    defaultAttachments: any[];\n    suggestedReplies: SuggestedReply[];\n  } = ChatMockDataClone;\n\n  const conversationRatingMessage: MessageListItemProps = {\n    id: createUID(),\n    variant: 'receiver',\n    direction: 'in',\n    type: 'message',\n    message: (\n      <Flex\n        container={{\n          direction: 'column',\n          gap: 1\n        }}\n      >\n        <TextArea\n          placeholder='Please comment…'\n          label='Please comment on our service performance and how we can better serve you. Thank you for your time.'\n        />\n        <Select label='Is the problem resolved?'>\n          <Option>Yes</Option>\n          <Option>No</Option>\n        </Select>\n        <Flex\n          container={{\n            justify: 'center'\n          }}\n        >\n          <Button variant='primary'>Submit</Button>\n        </Flex>\n      </Flex>\n    )\n  };\n\n  const mockChatMessages = useMemo(() => {\n    return [\n      ...mockChatMessagesJson.map(message => {\n        const { messagePrivacy, ...restMessageData } = message;\n        if (messagePrivacy) {\n          restMessageData.messageHeader = {\n            content: <span>{messagePrivacy}</span>,\n            meta: <Link href='/'>I-12345</Link>\n          };\n        }\n        return restMessageData;\n      }),\n      conversationRatingMessage\n    ];\n  }, []);\n\n  const conversationRef = useRef<MessageListImperativeHandleProps>(null);\n  const timers = useRef<number[]>([]);\n\n  useEffect(() => {\n    return () => {\n      timers.current.forEach(clearTimeout);\n    };\n  }, []);\n\n  const [showSuggestedReplies, setShowSuggestedReplies] = useState(true);\n  const [showTranscripts, setShowTranscripts] = useState(false);\n  const [attachments, setAttachments] = useState<AttachmentItemProps[]>(defaultAttachments);\n  const [unreadMessagesCount, setUnreadMessagesCount] = useState(0);\n  const [chatMessages, setChatMessages] = useState<any[]>(\n    args.simulateConversation ? mockChatMessages.slice(0, 0) : mockChatMessages\n  );\n\n  const onDeleteAttachment = useCallback(\n    (name: string) => {\n      setAttachments(prevAttachments => prevAttachments.filter(item => item.name !== name));\n    },\n    [setAttachments]\n  );\n\n  useEffect(() => {\n    setAttachments(\n      defaultAttachments.map((item: any) => {\n        return {\n          ...item,\n          onDelete: onDeleteAttachment\n        };\n      })\n    );\n  }, [defaultAttachments]);\n\n  const appendMessage = (message: any) => {\n    const incrementUnreadMessageCount = conversationRef.current?.isScrolledToLatest();\n    setChatMessages(prevChatMessages => {\n      const newMockMessage: any = {\n        ...message\n      };\n      newMockMessage.id = `m-${message.id ? message.id : prevChatMessages.length}`;\n      if (\n        !incrementUnreadMessageCount &&\n        prevChatMessages.filter(({ id }) => id === NewMessageSeparatorId).length === 0\n      ) {\n        return [\n          ...prevChatMessages,\n          {\n            id: NewMessageSeparatorId,\n            type: 'system',\n            message: 'New messages',\n            variant: 'primary'\n          },\n          newMockMessage\n        ];\n      }\n      return [...prevChatMessages, newMockMessage];\n    });\n    if (!incrementUnreadMessageCount) {\n      setUnreadMessagesCount(prevCount => prevCount + 1);\n    }\n  };\n\n  useEffect(() => {\n    if (args.simulateConversation) {\n      const timeOutId = setTimeout(() => {\n        if (mockChatMessages.length) {\n          appendMessage(mockChatMessages.shift());\n        }\n      }, 1500);\n      return () => {\n        clearTimeout(timeOutId);\n      };\n    }\n  }, [chatMessages, args.simulateConversation]);\n\n  const [openPopover, setOpenPopover] = useState(false);\n  const [popoverRef, setPopoverRef] = useElement<HTMLElement>();\n  const [buttonRef, setButtonRef] = useElement<HTMLElement>();\n  const additionalInfo: {\n    title: string;\n    options: any;\n  } = {\n    title: 'Additional info',\n    options: {\n      LiveChat: [\n        {\n          id: '1',\n          name: 'Session status',\n          value: <Status variant='urgent'>UNAUTHENTICATED</Status>\n        },\n        {\n          id: '2',\n          name: 'Profile name',\n          value: 'Sara Davis'\n        }\n      ],\n      Twitter: [\n        {\n          id: '1',\n          name: 'Session status',\n          value: <Status variant='urgent'>UNAUTHENTICATED</Status>\n        },\n        {\n          id: '2',\n          name: 'Twitter handle',\n          value: '@Connor'\n        },\n        {\n          id: '3',\n          name: 'Followers',\n          value: '13,556'\n        }\n      ],\n      Facebook: [\n        {\n          id: '1',\n          name: 'Session status',\n          value: <Status variant='urgent'>UNAUTHENTICATED</Status>\n        },\n        {\n          id: '2',\n          name: 'Profile name',\n          value: 'Sara Davis'\n        }\n      ]\n    }\n  };\n  useOuterEvent('mousedown', [popoverRef, buttonRef], () => {\n    if (openPopover) setOpenPopover(false);\n  });\n\n  const header = (\n    <ChatHeader\n      title={Channels.options[args.selectedChannel || 'LiveChat'].title}\n      icon={Channels.options[args.selectedChannel || 'LiveChat'].icon}\n      aria-label='Chat header'\n      actions={\n        <Flex>\n          <Button\n            variant='simple'\n            onClick={() => setShowTranscripts(!showTranscripts)}\n            aria-label='Show transcripts'\n          >\n            <Flex\n              container={{\n                gap: 1,\n                alignItems: 'center'\n              }}\n            >\n              <Icon name='chats' />\n              <Text>Transcripts</Text>\n            </Flex>\n          </Button>\n          <Button\n            variant='simple'\n            icon\n            aria-label='chat info'\n            ref={setButtonRef}\n            onClick={() => setOpenPopover(current => !current)}\n          >\n            <Icon name='information' />\n          </Button>\n          <Popover\n            show={openPopover}\n            target={buttonRef}\n            ref={setPopoverRef}\n            arrow\n            placement='bottom-end'\n          >\n            <Flex container={{ direction: 'column', gap: 1, pad: 2 }}>\n              <Text variant='h4'>{additionalInfo.title}</Text>\n              <FieldValueList\n                variant='inline'\n                fields={additionalInfo.options[args.selectedChannel || 'LiveChat']}\n              />\n            </Flex>\n          </Popover>\n          <MenuButton\n            text='More actions'\n            icon='more'\n            iconOnly\n            variant='simple'\n            portal\n            menu={{\n              items: [\n                { primary: 'Transfer', id: 'transcript', onClick: action('Clicked Transfer') },\n                { primary: 'End chat', id: 'endChat', onClick: action('Clicked End chat') }\n              ]\n            }}\n          />\n        </Flex>\n      }\n    />\n  );\n\n  const [showEarlierTranscripts, setShowEarlierTranscripts] = useState(false);\n\n  const transcriptsContainerRef = useRef<HTMLDivElement>(null);\n\n  useOuterEvent('mousedown', [transcriptsContainerRef], () => {\n    setShowTranscripts(false);\n  });\n\n  const utilityComp = useMemo<ChatProps['utility'] | undefined>(() => {\n    return showTranscripts ? (\n      <div ref={transcriptsContainerRef}>\n        {!showEarlierTranscripts && (\n          <Flex\n            container={{\n              direction: 'column',\n              alignItems: 'center',\n              gap: 1\n            }}\n          >\n            <Button\n              icon\n              aria-label='Show earlier transcripts'\n              variant='secondary'\n              onClick={() => {\n                setShowEarlierTranscripts(!showEarlierTranscripts);\n              }}\n            >\n              <Icon name='caret-up' />\n            </Button>\n          </Flex>\n        )}\n        {transcripts\n          .sort((transcript: any) => transcript.earlierTranscripts)\n          .filter((transcript: any) =>\n            showEarlierTranscripts ? true : !transcript.earlierTranscripts\n          )\n          .map((transcript: any) => {\n            const transcriptData: any = transcript.data.map(\n              (message: {\n                messagePrivacy: { privacy: string };\n                transcriptHeader: { content: ReactElement; meta: JSX.Element };\n              }) => {\n                if (message.messagePrivacy) {\n                  message.transcriptHeader = {\n                    content: <Status variant='warn'>{message.messagePrivacy.privacy}</Status>,\n                    meta: <Link href='/'>I-12345</Link>\n                  };\n                }\n                return message;\n              }\n            );\n\n            return (\n              <ChatTranscript\n                tabIndex={0}\n                title={transcript.title}\n                key={transcript.id}\n                transcript={transcriptData}\n              />\n            );\n          })}\n      </div>\n    ) : undefined;\n  }, [showTranscripts, setShowTranscripts, showEarlierTranscripts, setShowEarlierTranscripts]);\n\n  const chatBanner: BannerProps = {\n    id: 'warning',\n    messages: ['This is a public interaction and any responses will be public and visible'],\n    heading: 'Warning',\n    variant: 'warning'\n  };\n  const body = (\n    <ChatBody>\n      <MessageList\n        unReadMessageCount={unreadMessagesCount}\n        onScrollToButtonClick={() => {\n          const newRandomMessageId = Math.random().toString(36).substr(2, 9);\n          setChatMessages(prevChatMessages =>\n            prevChatMessages.map(message => {\n              if (message.id === NewMessageSeparatorId) {\n                message.id = newRandomMessageId;\n              }\n              return message;\n            })\n          );\n          const timeOutId: number = window.setTimeout(() => {\n            setChatMessages(prevChatMessages =>\n              prevChatMessages.filter(({ id }) => id !== newRandomMessageId)\n            );\n            timers.current = timers.current.filter(id => id !== timeOutId);\n          }, 5000);\n          timers.current.push(timeOutId);\n          setUnreadMessagesCount(0);\n        }}\n        tabIndex={0}\n        ref={conversationRef}\n        messages={[\n          ...chatMessages,\n          {\n            id: 'Pegasystems',\n            type: 'typing',\n            avatarInfo: {\n              name: 'Pegasystems',\n              imageSrc:\n                'https://www.pega.com/sites/default/files/media/images/2018-12/Pega.com-og.png'\n            },\n            message: args.message,\n            ariaLabel: 'Pegasystems is typing'\n          }\n        ]}\n      />\n    </ChatBody>\n  );\n\n  const chatComposerImperativeHandleRef = useRef<ChatComposerImperativeHandleProps>(null);\n\n  const [mountPopover, setMountPopover] = useState(false);\n  const specialKeysConfig = {\n    keys: ['//'],\n    onSpecialKey: (e: SyntheticEvent<HTMLTextAreaElement>, key: string) => {\n      action(`Event is  ${e}`)();\n      action(`Typed special key is ${key}`)();\n      if (chatComposerImperativeHandleRef.current) {\n        setMountPopover(!mountPopover);\n      }\n    }\n  };\n\n  const insertPhrasesMessage = (message: string) => {\n    if (chatComposerImperativeHandleRef.current) {\n      chatComposerImperativeHandleRef.current.appendToMessage(message, 'specialKey');\n      setMountPopover(false);\n    }\n  };\n\n  useOuterEvent(\n    'mousedown',\n    [chatComposerImperativeHandleRef?.current?.chatComposerRef?.current as Element],\n    () => {\n      setMountPopover(false);\n    }\n  );\n\n  const footer = (\n    <ChatComposer\n      ref={chatComposerImperativeHandleRef}\n      maxAttachments={args.maxAttachments}\n      attachments={attachments}\n      specialKeysConfig={specialKeysConfig}\n      showEmoji\n      disabled={args.disableChat}\n      onAddAttachment={() => {\n        setAttachments([\n          ...attachments,\n          {\n            id: `${attachments.length} statement.pdf`,\n            name: `${attachments.length} statement.pdf`,\n            onDelete: onDeleteAttachment\n          }\n        ]);\n      }}\n      maxLength={args.maxLength}\n      placeholder={args.placeholder}\n      defaultMessage={args.defaultMessage}\n      onSend={message => {\n        action(`onAppendMessage: ${message}`)();\n        appendMessage({\n          ...participants.sender,\n          type: 'message',\n          message,\n          timeStamp: '1:45 PM'\n        });\n      }}\n    >\n      <MenuButton text='Phrases' actions={[]} disabled={args.disableChat} />\n      <MenuButton text='Page push' actions={[]} disabled={args.disableChat} />\n      <Popover\n        show={mountPopover}\n        target={chatComposerImperativeHandleRef?.current?.textAreaRef?.current as Element}\n        placement='top-start'\n      >\n        <Menu\n          scrollAt={20}\n          items={ChatMockData.phrasesDisplayNames.map((name, idx) => ({\n            primary: name,\n            id: idx.toString(),\n            onClick: () => insertPhrasesMessage(ChatMockData.phrasesMessages[idx])\n          }))}\n        />\n      </Popover>\n    </ChatComposer>\n  );\n\n  const suggestedReplyPicker =\n    suggestedReplies.length > 0 && showSuggestedReplies ? (\n      <SuggestedReplyPicker\n        replies={suggestedReplies}\n        onSelect={(suggestedReply: SuggestedReply) => {\n          chatComposerImperativeHandleRef.current?.appendToMessage(\n            suggestedReply.message,\n            'cursor'\n          );\n          setShowSuggestedReplies(false);\n        }}\n        onDismiss={() => {\n          setShowSuggestedReplies(false);\n        }}\n      />\n    ) : undefined;\n  const fetchGoogleSprite = () => {\n    return 'https://unpkg.com/emoji-datasource-google@5.0.1/img/google/sheets-256/64.png';\n  };\n\n  return (\n    <EmojiContext.Provider value={{ set: 'google', spriteSrcResolver: fetchGoogleSprite }}>\n      <Flex\n        container={{\n          justify: 'center'\n        }}\n        style={{\n          height: 'calc(100vh)',\n          width: args.chatWidth || '30rem',\n          margin: 'auto'\n        }}\n      >\n        <Chat\n          utility={utilityComp}\n          header={header}\n          banner={args.showChatBanner ? chatBanner : undefined}\n          body={body}\n          footer={footer}\n          suggestedReplyPicker={suggestedReplyPicker}\n        />\n      </Flex>\n    </EmojiContext.Provider>\n  );\n};\n\nStandardChat.args = {\n  maxAttachments: 2,\n  selectedChannel: 'LiveChat',\n  showChatBanner: true,\n  disableChat: false,\n  simulateConversation: false,\n  message: '',\n  placeholder: 'Enter message',\n  defaultMessage:\n    'Greetings! Hope you are having a great time, Please reach out to us for any help, Thanks!',\n  maxLength: 280\n};\n\nStandardChat.argTypes = {\n  maxAttachments: { control: { type: 'number' } },\n  selectedChannel: { options: ['LiveChat', 'Twitter', 'Facebook'], control: { type: 'select' } },\n  showChatBanner: { control: { type: 'boolean' } },\n  disableChat: { control: { type: 'boolean' } },\n  simulateConversation: { control: { type: 'boolean' } },\n  message: { control: { type: 'text' } },\n  placeholder: { control: { type: 'text' } },\n  defaultMessage: { control: { type: 'text' } },\n  maxLength: { control: { type: 'number' } }\n};\n\nStandardChat.parameters = {\n  layout: 'fullscreen'\n};\n\n/** *************************** Standard Chat component - END ************************ */\n"]}

package/jsx/social/Email/Email.mocks.d.ts

@@ -1,6 +1,5 @@
-/// <reference types="react" />
 import { EmailComposerProps, ViewAnalysisProps } from '@pega/cosmos-react-social';
-export declare const emailBodyContent: JSX.Element;
+export declare const emailBodyContent = "<div>Hi, <br /> <br /><div>Can you please change my address in the SSN.</div> <br /> <br />Regards, <br />Sara Davis </div>";
 export declare const emailAttachments: EmailComposerProps['attachments'];
 export declare const participants: EmailComposerProps['participants'];
 export declare const toParticipants: string[];

package/jsx/social/Email/Email.mocks.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Email.mocks.d.ts","sourceRoot":"","sources":["../../../src/social/Email/Email.mocks.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,kBAAkB,EAAa,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAE7F,eAAO,MAAM,gBAAgB,aAK5B,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,kBAAkB,CAAC,aAAa,CAS9D,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,kBAAkB,CAAC,cAAc,CAgC3D,CAAC;AAEF,eAAO,MAAM,cAAc,UAEiC,CAAC;AAC7D,eAAO,MAAM,cAAc,UAEiC,CAAC;AAC7D,eAAO,MAAM,eAAe,UAEgC,CAAC;AAE7D,eAAO,MAAM,oBAAoB,EAAE,iBAAiB,CAAC,SAAS,CAsL7D,CAAC;AAEF,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8GzB,CAAC"}
+{"version":3,"file":"Email.mocks.d.ts","sourceRoot":"","sources":["../../../src/social/Email/Email.mocks.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAa,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAE7F,eAAO,MAAM,gBAAgB,gIACkG,CAAC;AAEhI,eAAO,MAAM,gBAAgB,EAAE,kBAAkB,CAAC,aAAa,CAS9D,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,kBAAkB,CAAC,cAAc,CAgC3D,CAAC;AAEF,eAAO,MAAM,cAAc,UAEiC,CAAC;AAC7D,eAAO,MAAM,cAAc,UAEiC,CAAC;AAC7D,eAAO,MAAM,eAAe,UAEgC,CAAC;AAE7D,eAAO,MAAM,oBAAoB,EAAE,iBAAiB,CAAC,SAAS,CAsL7D,CAAC;AAEF,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8GzB,CAAC"}

package/jsx/social/Email/{Email.mocks.jsx → Email.mocks.js}

@@ -1,5 +1,4 @@
-import { RichTextViewer } from '@pega/cosmos-react-rte';
-export const emailBodyContent = (<RichTextViewer content='<div>Hi, <br /> <br /><div>Can you please change my address in the SSN.</div> <br /> <br />Regards, <br />Sara Davis </div>' type='html'/>);
+export const emailBodyContent = '<div>Hi, <br /> <br /><div>Can you please change my address in the SSN.</div> <br /> <br />Regards, <br />Sara Davis </div>';
 export const emailAttachments = [
     {
         name: 'Policy.doc',
@@ -346,4 +345,4 @@ export const EmailMockData = {
         }
     ]
 };
-//# sourceMappingURL=Email.mocks.jsx.map
+//# sourceMappingURL=Email.mocks.js.map

package/jsx/social/Email/Email.mocks.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Email.mocks.js","sourceRoot":"","sources":["../../../src/social/Email/Email.mocks.ts"],"names":[],"mappings":"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","sourcesContent":["import { EmailComposerProps, EmailUser, ViewAnalysisProps } from '@pega/cosmos-react-social';\n\nexport const emailBodyContent =\n  '<div>Hi, <br /> <br /><div>Can you please change my address in the SSN.</div> <br /> <br />Regards, <br />Sara Davis </div>';\n\nexport const emailAttachments: EmailComposerProps['attachments'] = [\n  {\n    name: 'Policy.doc',\n    progress: 100\n  },\n  {\n    name: 'E-Ticket',\n    thumbnail: 'https://pbs.twimg.com/media/ENNN5PAXkAE-hag.jpg'\n  }\n];\n\nexport const participants: EmailComposerProps['participants'] = [\n  { emailAddress: 'Vernon.Lee@example.com', fullName: 'Vernon Lee', shortName: 'Vernon' },\n  { emailAddress: 'Eula.Morales@example.com', fullName: 'Eula Morales', shortName: 'Eula' },\n  { emailAddress: 'Paul.Smith@example.com', fullName: 'Paul Smith', shortName: 'Paul' },\n  { emailAddress: 'Frank.Walker@example.com', fullName: 'Frank Walker', shortName: 'Frank' },\n  { emailAddress: 'Edward.Green@example.com', fullName: 'Edward Green', shortName: 'Edward' },\n  { emailAddress: 'John.Smith@example.com', fullName: 'John Smith', shortName: 'John' },\n  { emailAddress: 'Olivia.Cockburn@example.com', fullName: 'Olivia Cockburn', shortName: 'Olivia' },\n  { emailAddress: 'Peter.Hernandez@example.com', fullName: 'Peter Hernandez', shortName: 'Peter' },\n  { emailAddress: 'Helena.Johnson@example.com', fullName: 'Helena Johnson', shortName: 'Helena' },\n  {\n    emailAddress: 'Katheryn.Hudson@example.com',\n    fullName: 'Katheryn Hudson',\n    shortName: 'Katheryn'\n  },\n  { emailAddress: 'Mia.Hershel@example.com', fullName: 'Mia Hershel', shortName: 'Mia' },\n  { emailAddress: 'Ann.Mitchell@example.com', fullName: 'Ann Mitchell', shortName: 'Ann' },\n  { emailAddress: 'Rafael.Bottom@example.com', fullName: 'Rafael Bottom', shortName: 'Rafael' },\n  {\n    emailAddress: 'Christopher.Gatsby@example.com',\n    fullName: 'Christopher Gatsby',\n    shortName: 'Christopher'\n  },\n  { emailAddress: 'Julianne.Moore@example.com', fullName: 'Julianne Moore', shortName: 'Julianne' },\n  { emailAddress: 'Emily.Stone@example.com', fullName: 'Emily Stone', shortName: 'Emily' },\n  { emailAddress: 'Richard.Wiles@example.com', fullName: 'Richard Wiles', shortName: 'Richard' },\n  { emailAddress: 'Ella.Connor@example.com', fullName: 'Ella Connor', shortName: 'Ella' },\n  { emailAddress: 'Robyn.Fenton@example.com', fullName: 'Robyn Fenton', shortName: 'Robyn' },\n  { emailAddress: 'Lucille.Hale@example.com', fullName: 'Lucille Hale', shortName: 'Lucille' },\n  { emailAddress: 'Angelina.Pitt@example.com', fullName: 'Angelina Pitt', shortName: 'Angelina' },\n  { emailAddress: 'Tanya.Robinson@example.com', fullName: 'Tanya Robinson', shortName: 'Tanya' },\n  { emailAddress: 'Laura.Horowitz@example.com', fullName: 'Laura Horowitz', shortName: 'Laura' }\n];\n\nexport const toParticipants = participants\n  .slice(1, 3)\n  .map((participant: EmailUser) => participant.emailAddress);\nexport const ccParticipants = participants\n  .slice(9, 11)\n  .map((participant: EmailUser) => participant.emailAddress);\nexport const bccParticipants = participants\n  .slice(4, 9)\n  .map((participant: EmailUser) => participant.emailAddress);\n\nexport const ViewAnalysisMockData: ViewAnalysisProps['content'] = [\n  {\n    name: 'Ticket number',\n    value: [\n      {\n        id: '1',\n        entity: {\n          value: '7546383',\n          type: 'system',\n          name: 'Ticket number',\n          variant: 3\n        }\n      },\n      {\n        id: '2',\n        entity: {\n          value: '7546383',\n          type: 'system',\n          name: 'Ticket number',\n          variant: 3,\n          icon: 'paper-clip'\n        }\n      }\n    ]\n  },\n  {\n    name: 'Name',\n    value: [\n      {\n        id: '1',\n        entity: {\n          value: 'Robert stanton',\n          type: 'system',\n          name: 'Name',\n          variant: 1\n        }\n      },\n      {\n        id: '2',\n        entity: {\n          value: 'Sara Davis',\n          type: 'system',\n          name: 'Name',\n          variant: 1\n        }\n      },\n      {\n        id: '3',\n        entity: {\n          value: 'Cindy',\n          type: 'system',\n          name: 'Name',\n          variant: 1\n        }\n      },\n      {\n        id: '4',\n        entity: {\n          value: 'Dean',\n          type: 'system',\n          name: 'Name',\n          variant: 1\n        }\n      },\n      {\n        id: '5',\n        entity: {\n          value: 'Joe Stevens',\n          type: 'system',\n          name: 'Name',\n          variant: 1\n        }\n      }\n    ]\n  },\n  {\n    name: 'Email',\n    value: [\n      {\n        id: '1',\n        entity: {\n          value: 'robert.stanton@example.com',\n          type: 'system',\n          name: 'Email',\n          variant: 2\n        }\n      },\n      {\n        id: '2',\n        entity: {\n          value: 'robert.stanton@example.com',\n          type: 'system',\n          name: 'Email',\n          variant: 2,\n          icon: 'paper-clip'\n        }\n      },\n      {\n        id: '3',\n        entity: {\n          value: 'cindy.turner@example.com',\n          type: 'system',\n          name: 'Email',\n          variant: 2\n        }\n      },\n      {\n        id: '4',\n        entity: {\n          value: 'dean.thomas@example.com',\n          type: 'system',\n          name: 'Email',\n          variant: 2\n        }\n      },\n      {\n        id: '5',\n        entity: {\n          value: 'joe.stevens@example.com',\n          type: 'system',\n          name: 'Email',\n          variant: 2\n        }\n      }\n    ]\n  },\n  {\n    name: 'Date',\n    value: [\n      {\n        id: '1',\n        entity: {\n          value: 'Dec 5,2021 9.05 AM',\n          type: 'system',\n          name: 'Date',\n          variant: 4\n        }\n      }\n    ]\n  },\n  {\n    name: 'Flight Number',\n    value: [\n      {\n        id: '1',\n        entity: {\n          value: 'FL-JK-403',\n          type: 'system',\n          name: 'Flight Number',\n          variant: 5\n        }\n      }\n    ]\n  },\n  {\n    name: 'Address',\n    value: [\n      {\n        id: '1',\n        entity: {\n          value: 'Nagercoil,Hyderabad',\n          type: 'system',\n          name: 'Address',\n          variant: 15\n        }\n      }\n    ]\n  },\n  {\n    name: 'Location',\n    value: [\n      {\n        id: '1',\n        entity: {\n          value: 'Hyderabad',\n          type: 'system',\n          name: 'Location',\n          variant: 8\n        }\n      }\n    ]\n  }\n];\n\nexport const EmailMockData = {\n  emails: {\n    'Sara Davis': {\n      fullName: 'Sara Davis',\n      shortName: 'Sara',\n      emailAddress: 'saraConnor@example.com'\n    },\n    'John Brown': {\n      fullName: 'John Brown',\n      shortName: 'John',\n      emailAddress: 'john@example.com'\n    },\n    'Hugh Phillips': {\n      fullName: 'Hugh Phillips',\n      shortName: 'Hugh',\n      emailAddress: 'Hugh@example.com'\n    },\n    'Laura Stevens': {\n      fullName: 'Laura Stevens',\n      shortName: 'Laura',\n      emailAddress: 'laurastevens@example.com',\n      avatarProps: {\n        icon: 'headset'\n      }\n    },\n    'Joe Stevens': {\n      fullName: 'Joe Stevens',\n      shortName: 'Joe',\n      emailAddress: 'Joe@example.com'\n    },\n    'Adam Gillchrist': {\n      fullName: 'Adam Gillchrist',\n      shortName: 'Adam',\n      emailAddress: 'adam@example.com'\n    },\n    'John Paul': {\n      fullName: 'John, Paul',\n      shortName: 'Paul',\n      emailAddress: 'John.Paul@example.com'\n    },\n    'Oran Jacob': {\n      fullName: 'Oran, Jacob',\n      shortName: 'Jacob',\n      emailAddress: 'jacob@example.com'\n    },\n    'Tyson Mike': {\n      fullName: 'Tyson, Mike',\n      shortName: 'Mike',\n      emailAddress: 'mike@example.com'\n    },\n    'John Cent': {\n      fullName: 'John, Cent',\n      shortName: 'John',\n      emailAddress: 'John.cena@example.com'\n    },\n    'Mystery Rey': {\n      fullName: 'Mystery, Rey',\n      shortName: 'Rey',\n      emailAddress: 'rey619@example.com'\n    },\n    'Anton, Randy': {\n      fullName: 'Anton, Randy',\n      shortName: 'Randy',\n      emailAddress: 'Randy.ortan@example.com'\n    }\n  },\n  suggestedReplies: [\n    {\n      id: 'thank-you',\n      title: 'Thank you',\n      content: 'Thank you'\n    },\n    {\n      id: 'clarification',\n      title: 'Clarification',\n      content: 'Can you please provide more clarification'\n    },\n    {\n      id: 'apologies',\n      title: 'Apologies',\n      content: 'Apologies for the inconvenience'\n    },\n    {\n      id: 'we_will_help',\n      title: 'We will help',\n      content: 'We will help'\n    }\n  ],\n  emailBodyTemplates: [\n    {\n      id: 'thank-you',\n      title: 'Thank you',\n      content: 'Thank you'\n    },\n    {\n      id: 'clarification',\n      title: 'Clarification',\n      content: 'Can you please provide more clarification'\n    },\n    {\n      id: 'apologies',\n      title: 'Apologies',\n      content: 'Apologies for the inconvenience'\n    },\n    {\n      id: 'we_will_help',\n      title: 'We will help',\n      content: 'We will help'\n    }\n  ]\n};\n"]}

package/jsx/social/Email/Email.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Email.stories.d.ts","sourceRoot":"","sources":["../../../src/social/Email/Email.stories.tsx"],"names":[],"mappings":";AA0BA,OAAO,EASL,UAAU,EAIX,MAAM,2BAA2B,CAAC;;;;;AAenC,wBAGE;AA6NF,eAAO,MAAM,KAAK,mBA4CjB,CAAC;AAMF,eAAO,MAAM,YAAY,mBAYxB,CAAC;AAYF,eAAO,MAAM,aAAa,mBAyFzB,CAAC;AAaF,eAAO,MAAM,iBAAiB,mBAqD7B,CAAC;AAaF,eAAO,MAAM,iBAAiB,mBA6E7B,CAAC;AAYF,eAAO,MAAM,SAAS;;;;;;;CA2OrB,CAAC;AAqBF,eAAO,MAAM,oBAAoB,mBA8BhC,CAAC;AAgPF,eAAO,MAAM,oBAAoB;;;;;CAyDhC,CAAC"}
+{"version":3,"file":"Email.stories.d.ts","sourceRoot":"","sources":["../../../src/social/Email/Email.stories.tsx"],"names":[],"mappings":";AAyBA,OAAO,EASL,UAAU,EAIX,MAAM,2BAA2B,CAAC;;;;;AAenC,wBAGE;AA6NF,eAAO,MAAM,KAAK,mBA4CjB,CAAC;AAMF,eAAO,MAAM,YAAY,mBAYxB,CAAC;AAYF,eAAO,MAAM,aAAa,mBAyFzB,CAAC;AAaF,eAAO,MAAM,iBAAiB,mBA2C7B,CAAC;AAaF,eAAO,MAAM,iBAAiB,mBA6E7B,CAAC;AAYF,eAAO,MAAM,SAAS;;;;;;;CAkNrB,CAAC;AAqBF,eAAO,MAAM,oBAAoB,mBA8BhC,CAAC;AAgPF,eAAO,MAAM,oBAAoB;;;;;CAyDhC,CAAC"}

package/jsx/social/Email/Email.stories.jsx

@@ -4,7 +4,6 @@ import { array, boolean } from '@storybook/addon-knobs';
 import styled, { css } from 'styled-components';
 import { Card, CardContent, createUID, MenuButton, Icon, registerIcon, hasProp, Flex, Button, ModalManagerContext, Modal, menuHelpers, defaultThemeProp } from '@pega/cosmos-react-core';
 import * as filterIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/filter.icon';
-import { RichTextViewer } from '@pega/cosmos-react-rte';
 import { Email, EmailConversation, EmailComposer, EmailShell, EmailSummaryItem, EmailSummaryList, ViewAnalysis } from '@pega/cosmos-react-social';
 import { bccParticipants, ccParticipants, emailBodyContent, participants, toParticipants, emailAttachments, ViewAnalysisMockData, EmailMockData } from './Email.mocks';
 registerIcon(filterIcon);
@@ -261,7 +260,7 @@ export const emailConversation = () => {
             cc: [mockEmails['Adam Gillchrist'], mockEmails['John Paul']],
             bcc: [mockEmails['Anton, Randy'], mockEmails['Hugh Phillips']],
             to: [mockEmails['Sara Davis'], mockEmails['John Brown'], mockEmails['Joe Stevens']],
-            body: (<RichTextViewer content='<div> Hi, <br /> <br /> <div>Sure.. Here is your E-Ticket !! </div> <br /><br /> Regards, <br /> Laura Stevens </div>' type='html'/>),
+            body: '<div> Hi, <br /> <br /> <div>Sure.. Here is your E-Ticket !! </div> <br /><br /> Regards, <br /> Laura Stevens </div>',
             unRead: true,
             onReply: action('On reply'),
             onForward: action('On forward'),
@@ -276,7 +275,7 @@ export const emailConversation = () => {
             cc: [mockEmails['Adam Gillchrist'], mockEmails['John Paul']],
             bcc: [mockEmails['Anton, Randy'], mockEmails['Hugh Phillips']],
             to: [mockEmails['Laura Stevens'], mockEmails['John Brown'], mockEmails['Joe Stevens']],
-            body: (<RichTextViewer content='<div> Hi, <br /> <br /> <div>I’m still at the airport, I need help now!! </div> <br /><br /> Regards, <br /> Sara Davis </div>' type='html'/>),
+            body: '<div> Hi, <br /> <br /> <div>I’m still at the airport, I need help now!! </div> <br /><br /> Regards, <br /> Sara Davis </div>',
             onReply: action('On reply'),
             onForward: action('On forward'),
             onSuggestionClick: action('On Suggested reply clicked'),
@@ -343,7 +342,7 @@ export const EmailDemo = ({ hideSuggestions }) => {
             timeStamp: '2021-01-05T09:12',
             from: participants[0],
             to: participants.slice(0, 2),
-            body: (<RichTextViewer content='<div>Hi, <br /> <br /><div>Your address change request is approved.</div> <br /> <br />Regards, <br />Laura Stevens </div>' type='html'/>),
+            body: '<div>Hi, <br /> <br /><div>Your address change request is approved.</div> <br /> <br />Regards, <br />Laura Stevens </div>',
             unRead: true,
             subject: 'Pause service',
             suggestions: hideSuggestions ? undefined : mockSuggestedReplies,
@@ -427,7 +426,7 @@ export const EmailDemo = ({ hideSuggestions }) => {
                 to: [mockEmails['Mystery Rey'], ...emailsData[0].to],
                 cc: [mockEmails['Adam Gillchrist']],
                 bcc: [mockEmails['Anton, Randy'], mockEmails['Hugh Phillips']],
-                body: (<RichTextViewer content='<div>Hi, <br /> <br /><div>Sure, Our executive will come and check your connection in 24hrs. </div>  <br />Regards, <br />Hugh Phillips </div>' type='html'/>)
+                body: '<div>Hi, <br /> <br /><div>Sure, Our executive will come and check your connection in 24hrs. </div>  <br />Regards, <br />Hugh Phillips </div>'
             },
             {
                 ...emailsData[1],
@@ -435,7 +434,7 @@ export const EmailDemo = ({ hideSuggestions }) => {
                 timeStamp: '2021-01-02T14:16',
                 from: mockEmails['Mystery Rey'],
                 to: [mockEmails['Hugh Phillips']],
-                body: (<RichTextViewer content='<div>Hi, <br /> <br /><div>Can you fix my internet connection. </div> <br /> <br />Regards, <br />Rey Mystery </div>' type='html'/>)
+                body: '<div>Hi, <br /> <br /><div>Can you fix my internet connection. </div> <br /> <br />Regards, <br />Rey Mystery </div>'
             }
         ],
         [
@@ -445,7 +444,7 @@ export const EmailDemo = ({ hideSuggestions }) => {
                 timeStamp: '2020-12-05T18:18',
                 from: mockEmails['Laura Stevens'],
                 to: [mockEmails['Sara Davis']],
-                body: (<RichTextViewer content='<div>Hi, <br /> <br /><div>Sure, Our executive will call you shortly. </div> <br /> <br />Regards, <br />Laura Stevens </div>' type='html'/>),
+                body: '<div>Hi, <br /> <br /><div>Sure, Our executive will call you shortly. </div> <br /> <br />Regards, <br />Laura Stevens </div>',
                 sentiment: {
                     variant: 'positive'
                 }
@@ -456,7 +455,7 @@ export const EmailDemo = ({ hideSuggestions }) => {
                 timeStamp: '2021-01-04T08:30',
                 from: mockEmails['Sara Davis'],
                 to: [mockEmails['Laura Stevens']],
-                body: (<RichTextViewer content='<div>Hi, <br /> <br /><div>Can you show please explain your new mobile plans. </div> <br /> <br />Regards, <br />Sara Davis </div>' type='html'/>)
+                body: '<div>Hi, <br /> <br /><div>Can you show please explain your new mobile plans. </div> <br /> <br />Regards, <br />Sara Davis </div>'
             }
         ]
     ].map((emails, i) => {