@pega/cosmos-react-demos 2.0.0

package/lib/social/Email/Email.stories.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"Email.stories.jsx","sourceRoot":"","sources":["../../../src/social/Email/Email.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useState, ChangeEvent, useRef, useContext, createRef, Ref } from 'react';\nimport { action } from '@storybook/addon-actions';\nimport { array, boolean } from '@storybook/addon-knobs';\nimport styled, { css } from 'styled-components';\n\nimport {\n  Card,\n  CardContent,\n  createUID,\n  MenuButton,\n  MenuItemProps,\n  MenuProps,\n  Icon,\n  registerIcon,\n  hasProp,\n  Flex,\n  Button,\n  ModalManagerContext,\n  SentimentProps,\n  Modal,\n  menuHelpers,\n  defaultThemeProp\n} from '@pega/cosmos-react-core';\nimport * as filterIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/filter.icon';\nimport { RichTextViewer } from '@pega/cosmos-react-rte';\nimport { ModalManagerContextValue } from '@pega/cosmos-react-core/lib/components/Modal/Modal.types';\nimport {\n  Email,\n  EmailConversation,\n  EmailComposer,\n  EmailShell,\n  EmailSummaryItem,\n  EmailSummaryList,\n  ViewAnalysis,\n  EmailUser,\n  EmailProps,\n  EmailConversationProps,\n  EmailComposerProps,\n  ViewAnalysisProps\n} from '@pega/cosmos-react-social';\n\nimport {\n  bccParticipants,\n  ccParticipants,\n  emailBodyContent,\n  participants,\n  toParticipants,\n  emailAttachments,\n  ViewAnalysisMockData,\n  EmailMockData\n} from './Email.mocks';\n\nregisterIcon(filterIcon);\n\nexport default {\n  title: 'Social/Email',\n  component: Email\n};\n\nconst {\n  emails: mockEmails,\n  suggestedReplies: mockSuggestedReplies,\n  emailBodyTemplates: mockEmailBodyTemplates\n} = EmailMockData;\n\nconst handleExternalEntry = (filterValue: string) => {\n  const pattern = /^[\\w.\\-_]+@[a-zA-Z]+(\\.[a-zA-Z]{2,3}){1,2}$/;\n  const matched = filterValue.match(pattern);\n  return !!matched?.input;\n};\n\nconst baseComposerProps: EmailComposerProps = {\n  participants,\n  externalValidator: handleExternalEntry,\n  to: {\n    reply: toParticipants.slice(0, 1),\n    replyAll: toParticipants\n  },\n  cc: ccParticipants,\n  subject: '',\n  bodyContent: '',\n  onSend: action('On Send'),\n  onCancel: () => {\n    action('cancelled email composing');\n  },\n  templates: mockEmailBodyTemplates\n};\n\nenum LaunchAction {\n  REPLY,\n  REPLYALL,\n  SUGGESTION,\n  FORWARD\n}\n\nconst composerModals: {\n  [key: string]: {\n    dismissModal: () => void;\n    unMountModal: () => void;\n    composerRef: Ref<HTMLDivElement>;\n  };\n} = {};\n\nconst getCompositeId = (id: string, launchAction: LaunchAction): string => {\n  return `${id}-${launchAction}`;\n};\n\nconst handleComposerCancel = (compositeID: string) => {\n  composerModals[compositeID]?.dismissModal();\n  composerModals[compositeID]?.unMountModal();\n  delete composerModals[compositeID];\n};\n\nconst launchEmailComposer = (\n  id: string,\n  launchAction: LaunchAction,\n  composerProps: EmailComposerProps,\n  create: ModalManagerContextValue['create']\n) => {\n  const compositeId = getCompositeId(id, launchAction);\n  const composerRef = createRef<HTMLDivElement>();\n  const modalControls = create(\n    () => {\n      return (\n        <Modal heading={composerProps.subject} options={{ id: { compositeId } }}>\n          <EmailComposer\n            {...composerProps}\n            ref={composerRef}\n            onCancel={() => handleComposerCancel(compositeId)}\n          />\n        </Modal>\n      );\n    },\n    { center: true },\n    { minimizable: true, maximizable: true, dockable: true }\n  );\n\n  composerModals[compositeId] = {\n    dismissModal: modalControls.dismiss,\n    unMountModal: modalControls.unmount,\n    composerRef\n  };\n};\n\nconst emailActions: EmailProps['actions'] = (\n  <MenuButton\n    text='Email actions'\n    variant='simple'\n    icon='more'\n    iconOnly\n    menu={{\n      items: [\n        {\n          id: createUID(),\n          primary: 'Reply',\n          onClick: action('On reply')\n        },\n        {\n          id: createUID(),\n          primary: 'Reply all',\n          onClick: action('On reply all')\n        },\n        {\n          id: createUID(),\n          primary: 'Forward',\n          onClick: action('Forward')\n        }\n      ]\n    }}\n  />\n);\n\nconst emailDemoActions = (\n  create: ModalManagerContextValue['create'],\n  subject: EmailProps['subject']\n) => {\n  const id = createUID();\n  return (\n    <MenuButton\n      text='Email actions'\n      variant='simple'\n      icon='more'\n      iconOnly\n      menu={{\n        items: [\n          {\n            id,\n            primary: 'Reply',\n            onClick: () =>\n              launchEmailComposer(\n                id,\n                LaunchAction.REPLY,\n                {\n                  ...baseComposerProps,\n                  responseType: 'reply',\n                  subject: `Re-${subject}` || ''\n                },\n                create\n              )\n          },\n          {\n            id,\n            primary: 'Reply all',\n            onClick: () =>\n              launchEmailComposer(\n                id,\n                LaunchAction.REPLYALL,\n                {\n                  ...baseComposerProps,\n                  responseType: 'replyAll',\n                  cc: [],\n                  subject: `Re-${subject}` || ''\n                },\n                create\n              )\n          },\n          {\n            id,\n            primary: 'Forward',\n            onClick: () =>\n              launchEmailComposer(\n                id,\n                LaunchAction.FORWARD,\n                {\n                  ...baseComposerProps,\n                  responseType: 'forward',\n                  subject: `Fw-${subject}` || ''\n                },\n                create\n              )\n          }\n        ]\n      }}\n    />\n  );\n};\n\nconst generateEmailConversationParticipants = (emails: EmailProps[], fields?: string[]) => {\n  let l: string[];\n\n  if (fields) {\n    l = [...fields];\n  } else {\n    l = ['from', 'to', 'cc', 'bcc'];\n  }\n\n  const emailUsers: EmailUser[][] = emails.map(emailItem => {\n    return l.map(n => {\n      if (hasProp(emailItem, n)) {\n        return emailItem[n];\n      }\n      return [];\n    });\n  }) as EmailUser[][];\n  return [...new Set(Array.from(emailUsers).flat(2))];\n};\n\nconst StyledEmailCardContent = styled(CardContent)(({ theme }) => {\n  return css`\n    &&&& {\n      padding: calc(2 * ${theme.base.spacing}) 0;\n    }\n  `;\n});\n\nStyledEmailCardContent.defaultProps = defaultThemeProp;\n\n/*\n\n   _____                 _ _\n  | ____|_ __ ___   __ _(_) |\n  |  _| | '_ ` _ \\ / _` | | |\n  | |___| | | | | | (_| | | |\n  |_____|_| |_| |_|\\__,_|_|_|\n\n\n*/\n\nexport const email = () => {\n  return (\n    <Card>\n      <StyledEmailCardContent>\n        <Email\n          id={createUID()}\n          timeStamp='2021-01-05T09:12'\n          from={mockEmails['Laura Stevens']}\n          cc={[mockEmails['Adam Gillchrist'], mockEmails['John Paul']]}\n          bcc={[mockEmails['Anton, Randy'], mockEmails['Hugh Phillips']]}\n          to={[mockEmails['Sara Davis'], mockEmails['John Brown'], mockEmails['Joe Stevens']]}\n          body='<div> Hi, <br /> <br /> <div>Sure.. Here is your E-Ticket(H-765437) !! </div> <br /><br /> Regards, <br /> Laura Stevens </div>'\n          subject='I have a quick question on travel'\n          onReply={action('On reply')}\n          onReplyAll={action('On reply all')}\n          onForward={action('On forward')}\n          onSuggestionClick={action('On Suggested reply clicked')}\n          sentiment={{\n            variant: 'positive'\n          }}\n          actions={emailActions}\n          suggestions={mockSuggestedReplies}\n          attachments={[\n            {\n              id: createUID(),\n              value: 'https://pega.com/media/document.doc',\n              displayText: 'Policy document'\n            },\n            {\n              id: createUID(),\n              value: 'https://pbs.twimg.com/media/ENNN5PAXkAE-hag.jpg',\n              displayText: 'E-Ticket'\n            }\n          ].map(attachment => {\n            return {\n              ...attachment,\n              onDownload: action('On attachment download'),\n              onPreview: action('On attachment preview')\n            };\n          })}\n        />\n      </StyledEmailCardContent>\n    </Card>\n  );\n};\n\nconst StyledViewAnalysis = styled.div`\n  width: 18rem;\n`;\n\nexport const viewAnalysis = () => {\n  const content: ViewAnalysisProps['content'] = ViewAnalysisMockData;\n  const headerProps: ViewAnalysisProps['header'] = {\n    icon: 'list-number',\n    text: 'Entities'\n  };\n\n  return (\n    <StyledViewAnalysis>\n      <ViewAnalysis header={headerProps} content={content} />\n    </StyledViewAnalysis>\n  );\n};\n\n/*\n  ______                 _ _   ______       _   _ _   _\n |  ____|               (_) | |  ____|     | | (_) | (_)\n | |__   _ __ ___   __ _ _| | | |__   _ __ | |_ _| |_ _  ___  ___\n |  __| | '_ ` _ \\ / _` | | | |  __| | '_ \\| __| | __| |/ _ \\/ __|\n | |____| | | | | | (_| | | | | |____| | | | |_| | |_| |  __/\\__ \\\n |______|_| |_| |_|\\__,_|_|_| |______|_| |_|\\__|_|\\__|_|\\___||___/\n\n*/\n\nexport const emailEntities = () => {\n  const nestedEntities = ['Place: Nagercoil, Hyderabad', 'Location: Nagercoil'];\n  return (\n    <Card>\n      <StyledEmailCardContent>\n        <Email\n          id={createUID()}\n          timeStamp='2021-01-05T09:12'\n          from={mockEmails['Laura Stevens']}\n          cc={[mockEmails['Adam Gillchrist'], mockEmails['John Paul']]}\n          bcc={[mockEmails['Anton, Randy'], mockEmails['Hugh Phillips']]}\n          to={[mockEmails['Sara Davis'], mockEmails['John Brown'], mockEmails['Joe Stevens']]}\n          body='<div>Hi,<br/><p>I am one of the customer of Indian Overseas Bank, Nagercoil branch, with code 3967. I have a saving bank account here. My account number is 6785420965476.</p><br/><p>I have been given a debit cum ATM card from this bank and the same has been lost when I was traveling from Nagercoil to Trichy by Bus on Jan 04, 2021. I remember that my ATM card number was 1920 6746 8653 1256.</p><br/>I hereby request you to block my debit card immediately to prevent misuse of the same by some others. Also I request you to give me an new debit card as early as possible.<br/><br/>Regards,<br/>Laura Stevens</div>'\n          entityHighlightMapping={\n            boolean('Entity Highlighting', true)\n              ? [\n                  {\n                    value: '3967',\n                    type: 'system',\n                    name: 'BranchCode',\n                    variant: 0,\n                    description: 'Branch Code'\n                  },\n                  {\n                    value: 'Laura Stevens',\n                    type: 'system',\n                    name: 'Name',\n                    variant: 1,\n                    description: 'Name'\n                  },\n                  {\n                    value: 'Nagercoil',\n                    type: 'system',\n                    name: 'Location',\n                    variant: 2,\n                    description: nestedEntities\n                  },\n                  {\n                    value: 'Trichy',\n                    type: 'system',\n                    name: 'Location',\n                    variant: 2,\n                    description: 'Location'\n                  },\n                  {\n                    value: '6785420965476',\n                    type: 'system',\n                    name: 'AccountNumber',\n                    variant: 3,\n                    description: 'Account Number'\n                  },\n                  {\n                    value: '1920 6746 8653 1256',\n                    type: 'system',\n                    name: 'CardNumber',\n                    variant: 4,\n                    description: 'Card Number'\n                  },\n                  {\n                    value: 'Debit Card',\n                    type: 'system',\n                    name: 'CardType',\n                    variant: 5,\n                    description: 'Card Type'\n                  },\n                  {\n                    value: 'Jan 04, 2021',\n                    type: 'system',\n                    name: 'Date',\n                    variant: 6,\n                    description: 'Date'\n                  }\n                ]\n              : undefined\n          }\n          subject='I lost my debit card'\n          onReply={action('On reply')}\n          onReplyAll={action('On reply all')}\n          onForward={action('On forward')}\n          onSuggestionClick={action('On Suggested reply clicked')}\n          sentiment={{\n            variant: 'neutral'\n          }}\n          actions={emailActions}\n          suggestions={mockSuggestedReplies}\n        />\n      </StyledEmailCardContent>\n    </Card>\n  );\n};\n\n/*\n\n   _____                 _ _    ____                                    _   _\n  | ____|_ __ ___   __ _(_) |  / ___|___  _ ____   _____ _ __ ___  __ _| |_(_) ___  _ __\n  |  _| | '_ ` _ \\ / _` | | | | |   / _ \\| '_ \\ \\ / / _ \\ '__/ __|/ _` | __| |/ _ \\| '_ \\\n  | |___| | | | | | (_| | | | | |__| (_) | | | \\ V /  __/ |  \\__ \\ (_| | |_| | (_) | | | |\n  |_____|_| |_| |_|\\__,_|_|_|  \\____\\___/|_| |_|\\_/ \\___|_|  |___/\\__,_|\\__|_|\\___/|_| |_|\n\n\n*/\n\nexport const emailConversation = () => {\n  const emailArr: EmailProps[] = [\n    {\n      id: createUID(),\n      timeStamp: '2021-01-05T09:12',\n      from: mockEmails['Laura Stevens'],\n      cc: [mockEmails['Adam Gillchrist'], mockEmails['John Paul']],\n      bcc: [mockEmails['Anton, Randy'], mockEmails['Hugh Phillips']],\n      to: [mockEmails['Sara Davis'], mockEmails['John Brown'], mockEmails['Joe Stevens']],\n      body: (\n        <RichTextViewer\n          content='<div> Hi, <br /> <br /> <div>Sure.. Here is your E-Ticket !! </div> <br /><br /> Regards, <br /> Laura Stevens </div>'\n          type='html'\n        />\n      ),\n      unRead: true,\n      onReply: action('On reply'),\n      onForward: action('On forward'),\n      onSuggestionClick: action('On Suggested reply clicked'),\n      actions: emailActions,\n      suggestions: mockSuggestedReplies\n    },\n    {\n      id: createUID(),\n      timeStamp: '2021-01-02T03:12',\n      from: mockEmails['Sara Davis'],\n      cc: [mockEmails['Adam Gillchrist'], mockEmails['John Paul']],\n      bcc: [mockEmails['Anton, Randy'], mockEmails['Hugh Phillips']],\n      to: [mockEmails['Laura Stevens'], mockEmails['John Brown'], mockEmails['Joe Stevens']],\n      body: (\n        <RichTextViewer\n          content='<div> Hi, <br /> <br /> <div>I’m still at the airport, I need help now!! </div> <br /><br /> Regards, <br /> Sara Davis </div>'\n          type='html'\n        />\n      ),\n      onReply: action('On reply'),\n      onForward: action('On forward'),\n      onSuggestionClick: action('On Suggested reply clicked'),\n      actions: emailActions\n    }\n  ];\n\n  return (\n    <EmailConversation\n      participants={generateEmailConversationParticipants(emailArr)}\n      from={generateEmailConversationParticipants(emailArr, ['from'])[0]}\n      to={generateEmailConversationParticipants(emailArr, ['to'])}\n      id={createUID()}\n      timeStamp={emailArr[0].timeStamp}\n      unReadEmailCount={emailArr.filter(item => item.unRead).length}\n      emails={emailArr}\n    />\n  );\n};\n\n/*\n\n   _____                 _ _    ____\n  | ____|_ __ ___   __ _(_) |  / ___|___  _ __ ___  _ __   ___  ___  ___ _ __\n  |  _| | '_ ` _ \\ / _` | | | | |   / _ \\| '_ ` _ \\| '_ \\ / _ \\/ __|/ _ \\ '__|\n  | |___| | | | | | (_| | | | | |__| (_) | | | | | | |_) | (_) \\__ \\  __/ |\n  |_____|_| |_| |_|\\__,_|_|_|  \\____\\___/|_| |_| |_| .__/ \\___/|___/\\___|_|\n                                                   |_|\n\n*/\n\nexport const EmailComposerDemo = () => {\n  const fileUploadInputRef = useRef<HTMLInputElement>(null);\n  const [attachments, setAttachments] = useState<Required<EmailComposerProps>['attachments']>(\n    emailAttachments!\n  );\n\n  return (\n    <Card style={{ width: '30rem' }}>\n      <CardContent>\n        <EmailComposer\n          onSend={action('On Send')}\n          onCancel={action('On cancel')}\n          externalValidator={handleExternalEntry}\n          participants={participants}\n          to={{\n            reply: [participants[7].emailAddress],\n            replyAll: toParticipants,\n            forward: []\n          }}\n          cc={ccParticipants}\n          bcc={bccParticipants}\n          responseType='reply'\n          subject='Request: Pause service'\n          templates={mockEmailBodyTemplates}\n          bodyContent='Hi, Hope you are doing well'\n          onImageAdded={action('On Image added')}\n          attachments={attachments.map(attachment => {\n            return {\n              ...attachment,\n              onDelete: name => {\n                setAttachments(prevAttachments =>\n                  prevAttachments.filter(item => item.name !== name)\n                );\n              }\n            };\n          })}\n          footerMoreActions={\n            <MenuButton\n              text='Phrases'\n              placement='top'\n              menu={{\n                items: [\n                  {\n                    primary: 'Thanks',\n                    id: 'Thanks',\n                    onClick: action('Thanks!')\n                  },\n                  {\n                    primary: 'Sorry, please give us some time',\n                    id: 'Sorry',\n                    onClick: action('Sorry, please give us some time!')\n                  }\n                ]\n              }}\n            />\n          }\n        />\n        <input\n          ref={fileUploadInputRef}\n          type='file'\n          style={{ display: 'none' }}\n          onChange={(e: ChangeEvent<HTMLInputElement>) => {\n            if (e.target.files) {\n              setAttachments(prevAttachments => [\n                ...prevAttachments,\n                ...Array.from(e.target.files!).map(file => {\n                  return {\n                    name: file.name\n                  };\n                })\n              ]);\n            }\n          }}\n        />\n      </CardContent>\n    </Card>\n  );\n};\n\n/*\n\n   _____                 _ _       _          _ _\n  | ____|_ __ ___   __ _(_) |  ___| |__   ___| | |\n  |  _| | '_ ` _ \\ / _` | | | / __| '_ \\ / _ \\ | |\n  | |___| | | | | | (_| | | | \\__ \\ | | |  __/ | |\n  |_____|_| |_| |_|\\__,_|_|_| |___/_| |_|\\___|_|_|\n\n*/\n\nexport const EmailDemo = ({ hideSuggestions }: { hideSuggestions?: boolean }) => {\n  const actions = array('Actions', ['Transfer', 'End conversation']).map(name => ({\n    primary: name,\n    id: name,\n    onClick: action(`Clicked ${name}`)\n  }));\n\n  const { create } = useContext(ModalManagerContext);\n\n  const emailsData: EmailProps[] = [\n    {\n      id: createUID(),\n      timeStamp: '2021-01-05T09:12',\n      from: participants[0],\n      to: participants.slice(0, 2),\n      body: (\n        <RichTextViewer\n          content='<div>Hi, <br /> <br /><div>Your address change request is approved.</div> <br /> <br />Regards, <br />Laura Stevens </div>'\n          type='html'\n        />\n      ),\n      unRead: true,\n      subject: 'Pause service',\n      suggestions: hideSuggestions ? undefined : mockSuggestedReplies,\n      attachments: [\n        {\n          id: createUID(),\n          value: 'https://pega.com/media/document.doc',\n          displayText: 'Policy document'\n        },\n        {\n          id: createUID(),\n          value: 'https://pbs.twimg.com/media/ENNN5PAXkAE-hag.jpg',\n          displayText: 'E-Ticket'\n        }\n      ].map(attachment => {\n        return {\n          ...attachment,\n          onDownload: action('On attachment download'),\n          onPreview: action('On attachment preview')\n        };\n      })\n    },\n    {\n      id: createUID(),\n      timeStamp: '2021-01-02T03:12',\n      from: participants[3],\n      to: participants.slice(2, 4),\n      body: emailBodyContent,\n      unRead: true,\n      subject: 'Pause service'\n    }\n  ].map(emailData => {\n    const emailActionItems = emailDemoActions(create, emailData.subject);\n    return {\n      ...emailData,\n      onReply: id => {\n        launchEmailComposer(\n          id,\n          LaunchAction.REPLY,\n          {\n            ...baseComposerProps,\n            externalValidator: handleExternalEntry,\n            responseType: 'reply',\n            subject: `Re-${emailData.subject}` || ''\n          },\n          create\n        );\n      },\n      onForward: id => {\n        launchEmailComposer(\n          id,\n          LaunchAction.FORWARD,\n          {\n            ...baseComposerProps,\n            externalValidator: handleExternalEntry,\n            responseType: 'forward',\n            subject: `Fw-${emailData.subject}` || ''\n          },\n          create\n        );\n      },\n      onSuggestionClick: (id, suggestionId) => {\n        const suggestion = emailData.suggestions?.find(item => item.id === suggestionId);\n        launchEmailComposer(\n          id,\n          LaunchAction.SUGGESTION,\n          {\n            ...baseComposerProps,\n            externalValidator: handleExternalEntry,\n            responseType: 'reply',\n            subject: suggestion?.title || '',\n            bodyContent: suggestion ? suggestion.content : '',\n            defaultTemplate: suggestion?.title\n          },\n          create\n        );\n      },\n      actions: emailActionItems,\n      tags: hideSuggestions\n        ? undefined\n        : {\n            items: ['Pause service', 'Lost or stolen'],\n            label: 'Associated service cases',\n            onRemove: action('On Associated service case remove'),\n            dismissable: true\n          }\n    };\n  });\n\n  const emailConversations: EmailConversationProps[] = (\n    [\n      [...emailsData],\n      [\n        {\n          ...emailsData[0],\n          timeStamp: '2021-01-03T17:15',\n          from: mockEmails['Hugh Phillips'],\n          to: [mockEmails['Mystery Rey'], ...emailsData[0].to],\n          cc: [mockEmails['Adam Gillchrist']],\n          bcc: [mockEmails['Anton, Randy'], mockEmails['Hugh Phillips']],\n          body: (\n            <RichTextViewer\n              content='<div>Hi, <br /> <br /><div>Sure, Our executive will come and check your connection in 24hrs. </div>  <br />Regards, <br />Hugh Phillips </div>'\n              type='html'\n            />\n          )\n        },\n        {\n          ...emailsData[1],\n          unRead: false,\n          timeStamp: '2021-01-02T14:16',\n          from: mockEmails['Mystery Rey'],\n          to: [mockEmails['Hugh Phillips']],\n          body: (\n            <RichTextViewer\n              content='<div>Hi, <br /> <br /><div>Can you fix my internet connection. </div> <br /> <br />Regards, <br />Rey Mystery </div>'\n              type='html'\n            />\n          )\n        }\n      ],\n      [\n        {\n          ...emailsData[0],\n          unRead: false,\n          timeStamp: '2020-12-05T18:18',\n          from: mockEmails['Laura Stevens'],\n          to: [mockEmails['Sara Davis']],\n          body: (\n            <RichTextViewer\n              content='<div>Hi, <br /> <br /><div>Sure, Our executive will call you shortly. </div> <br /> <br />Regards, <br />Laura Stevens </div>'\n              type='html'\n            />\n          ),\n          sentiment: {\n            variant: 'positive'\n          }\n        },\n        {\n          ...emailsData[1],\n          unRead: false,\n          timeStamp: '2021-01-04T08:30',\n          from: mockEmails['Sara Davis'],\n          to: [mockEmails['Laura Stevens']],\n          body: (\n            <RichTextViewer\n              content='<div>Hi, <br /> <br /><div>Can you show please explain your new mobile plans. </div> <br /> <br />Regards, <br />Sara Davis </div>'\n              type='html'\n            />\n          )\n        }\n      ]\n    ] as EmailProps[][]\n  ).map((emails, i) => {\n    return {\n      from: generateEmailConversationParticipants(emails, ['from'])[0],\n      to: emails[0].to,\n      id: createUID(),\n      timeStamp: emails[0].timeStamp,\n      unReadEmailCount: emails.filter(item => item.unRead).length,\n      emails,\n      sentiment: emails[0].sentiment,\n      isForwarded: i !== 2,\n      isCollapsed: i !== 0\n    } as EmailConversationProps;\n  });\n\n  const singleEmailConversation: EmailConversationProps[] = [\n    {\n      from: generateEmailConversationParticipants(emailsData, ['from'])[0],\n      to: generateEmailConversationParticipants(emailsData, ['to']),\n      id: createUID(),\n      timeStamp: new Date(emailsData[0].timeStamp),\n      unReadEmailCount: emailsData.filter(item => item.unRead).length,\n      emails: emailsData\n    }\n  ];\n\n  return (\n    <EmailShell\n      style={{\n        height: 'calc(100vh)',\n        width: '30rem',\n        margin: 'auto'\n      }}\n      headerProps={{\n        actions: (\n          <Flex\n            container={{\n              alignItems: 'center',\n              gap: 0\n            }}\n          >\n            <Button variant='simple' icon>\n              <Icon name='filter' />\n            </Button>\n            <MenuButton\n              variant='simple'\n              text='More actions'\n              icon='more'\n              iconOnly\n              portal\n              menu={{ items: actions }}\n            />\n          </Flex>\n        ),\n        subject: 'Pause service'\n      }}\n      autoCollapse={boolean('Auto collapse', true)}\n      conversations={\n        boolean('Single conversation', true) ? singleEmailConversation : emailConversations\n      }\n    />\n  );\n};\nEmailDemo.parameters = {\n  layout: 'fullscreen'\n};\n\nconst sentiment: SentimentProps = {\n  variant: 'negative',\n  labelHidden: true\n};\n\n/*\n  ______                 _ _    _____                                              _____ _\n |  ____|               (_) |  / ____|                                            |_   _| |\n | |__   _ __ ___   __ _ _| | | (___  _   _ _ __ ___  _ __ ___   __ _ _ __ _   _    | | | |_ ___ _ __ ___\n |  __| | '_ ` _ \\ / _` | | |  \\___ \\| | | | '_ ` _ \\| '_ ` _ \\ / _` | '__| | | |   | | | __/ _ \\ '_ ` _ \\\n | |____| | | | | | (_| | | |  ____) | |_| | | | | | | | | | | | (_| | |  | |_| |  _| |_| ||  __/ | | | | |\n |______|_| |_| |_|\\__,_|_|_| |_____/ \\__,_|_| |_| |_|_| |_| |_|\\__,_|_|   \\__, | |_____|\\__\\___|_| |_| |_|\n                                                                            __/ |\n                                                                           |___/\n*/\n\nexport const EmailSummaryItemDemo = () => {\n  const [active, setActive] = useState(false);\n  return (\n    <EmailSummaryItem\n      style={{ width: '25rem' }}\n      id={createUID()}\n      activeParticipants={[\n        {\n          shortName: 'Robert',\n          fullName: 'Robert Downer',\n          emailAddress: 'robert.downey@example.com'\n        },\n        {\n          shortName: 'Nathan',\n          fullName: 'Nathan Swanson',\n          emailAddress: 'nathan.swanson@example.com'\n        }\n      ]}\n      message='I have a quick question on traveling to India. How do I reach Hyderabad?'\n      timeStamp={new Date(Date.UTC(new Date().getUTCFullYear(), new Date().getUTCMonth(), 24))}\n      topic='Missing Luggage'\n      sentiment={sentiment}\n      urgency={10}\n      unreadEmailCount={active ? 0 : 8}\n      active={active}\n      onClick={() => {\n        setActive(true);\n      }}\n    />\n  );\n};\n\n/*\n  ______                 _ _    _____                                              _      _     _\n |  ____|               (_) |  / ____|                                            | |    (_)   | |\n | |__   _ __ ___   __ _ _| | | (___  _   _ _ __ ___  _ __ ___   __ _ _ __ _   _  | |     _ ___| |_\n |  __| | '_ ` _ \\ / _` | | |  \\___ \\| | | | '_ ` _ \\| '_ ` _ \\ / _` | '__| | | | | |    | / __| __|\n | |____| | | | | | (_| | | |  ____) | |_| | | | | | | | | | | | (_| | |  | |_| | | |____| \\__ \\ |_\n |______|_| |_| |_|\\__,_|_|_| |_____/ \\__,_|_| |_| |_|_| |_| |_|\\__,_|_|   \\__, | |______|_|___/\\__|\n                                                                            __/ |\n                                                                           |___/\n*/\n\nconst emailSummaryItems = [\n  {\n    id: createUID(),\n    activeParticipants: [\n      { shortName: 'Robert', fullName: 'Robert Downer', emailAddress: 'robert.downey@example.com' },\n      { shortName: 'Support', fullName: 'Support', emailAddress: 'support@example.com' }\n    ],\n    message: 'I have a quick question on travel',\n    timeStamp: new Date(Date.UTC(new Date().getUTCFullYear(), new Date().getUTCMonth(), 24)),\n    topic: 'Travel request',\n    sentiment,\n    active: true,\n    urgency: 85,\n    unreadEmailCount: 4\n  },\n  {\n    id: createUID(),\n    activeParticipants: [\n      {\n        shortName: 'Nathan',\n        fullName: 'Nathan Swanson',\n        emailAddress: 'nathan.swanson@example.com'\n      }\n    ],\n    message: 'My luggage did not drive!',\n    timeStamp: new Date(Date.UTC(new Date().getUTCFullYear(), new Date().getUTCMonth(), 24)),\n    topic: 'Missing Luggage',\n    sentiment,\n    urgency: 10,\n    unreadEmailCount: 2\n  },\n  {\n    id: createUID(),\n    activeParticipants: [\n      { shortName: 'Simpson', fullName: 'Glenn Simpson', emailAddress: 'glenn.simpson@example.com' }\n    ],\n    message: 'Re: How much is a flight to Florida. Is there a discount going on?',\n    timeStamp: new Date(Date.UTC(new Date().getUTCFullYear(), new Date().getUTCMonth(), 24)),\n    topic: 'Travel request',\n    sentiment,\n    urgency: 65,\n    unreadEmailCount: 1\n  },\n  {\n    id: createUID(),\n    activeParticipants: [\n      { shortName: 'Green', fullName: 'Ralph Green', emailAddress: 'ralph.green@example.com' }\n    ],\n    message: 'Re: Should I purchase travel insurance? How often do we need it?',\n    timeStamp: new Date(Date.UTC(new Date().getUTCFullYear(), new Date().getUTCMonth(), 24)),\n    topic: 'Travel request',\n    sentiment,\n    urgency: 85,\n    unreadEmailCount: 6\n  },\n  {\n    id: createUID(),\n    activeParticipants: [\n      { shortName: 'Greene', fullName: 'Fred Greene', emailAddress: 'Fred.greene@example.com' }\n    ],\n    message: 'My next vacation',\n    timeStamp: new Date(Date.UTC(new Date().getUTCFullYear(), new Date().getUTCMonth(), 24)),\n    topic: 'Travel request',\n    sentiment,\n    urgency: 45\n  },\n  {\n    id: createUID(),\n    activeParticipants: [\n      { shortName: 'Smith', fullName: 'Aya Smith', emailAddress: 'aya.smith@example.com' },\n      { shortName: 'Support', fullName: 'Support', emailAddress: 'support@example.com' },\n      { shortName: 'Downer', fullName: 'Robert Downer', emailAddress: 'robert.downer@example.com' }\n    ],\n    message: 'Airport questions',\n    timeStamp: new Date(Date.UTC(new Date().getUTCFullYear(), new Date().getUTCMonth(), 24)),\n    topic: 'Travel request',\n    sentiment,\n    urgency: 35\n  },\n  {\n    id: createUID(),\n    activeParticipants: [\n      { shortName: 'Robert', fullName: 'Robert Downer', emailAddress: 'robert.downey@example.com' },\n      { shortName: 'Robert', fullName: 'Robert ', emailAddress: 'robert.downey@example.com' }\n    ],\n    message: 'I have a quick question on travel',\n    timeStamp: new Date(Date.UTC(new Date().getUTCFullYear(), new Date().getUTCMonth(), 24)),\n    topic: 'Travel request',\n    sentiment,\n    urgency: 85\n  },\n  {\n    id: createUID(),\n    activeParticipants: [\n      {\n        shortName: 'Nathan',\n        fullName: 'Nathan Swanson',\n        emailAddress: 'nathan.swanson@example.com'\n      }\n    ],\n    message: 'My luggage did not drive!',\n    timeStamp: new Date(Date.UTC(new Date().getUTCFullYear(), new Date().getUTCMonth(), 24)),\n    topic: 'Missing Luggage',\n    sentiment,\n    urgency: 10\n  },\n  {\n    id: createUID(),\n    activeParticipants: [\n      { shortName: 'Simpson', fullName: 'Glenn Simpson', emailAddress: 'glenn.simpson@example.com' }\n    ],\n    message: 'Re: How much is a flight to Florida',\n    timeStamp: new Date(Date.UTC(new Date().getUTCFullYear(), new Date().getUTCMonth(), 24)),\n    topic: 'Travel request',\n    sentiment,\n    urgency: 65\n  },\n  {\n    id: createUID(),\n    activeParticipants: [\n      { shortName: 'Green', fullName: 'Ralph Green', emailAddress: 'ralph.green@example.com' }\n    ],\n    message: 'Re: Should I purchase travel insurance',\n    timeStamp: new Date(Date.UTC(new Date().getUTCFullYear(), new Date().getUTCMonth(), 24)),\n    topic: 'Travel request',\n    sentiment,\n    urgency: 85\n  },\n  {\n    id: createUID(),\n    activeParticipants: [\n      { shortName: 'Greene', fullName: 'Fred Greene', emailAddress: 'Fred.greene@example.com' }\n    ],\n    message: 'My next vacation',\n    timeStamp: new Date(Date.UTC(new Date().getUTCFullYear(), new Date().getUTCMonth(), 24)),\n    topic: 'Travel request',\n    sentiment,\n    urgency: 45\n  },\n  {\n    id: createUID(),\n    activeParticipants: [\n      { shortName: 'Smith', fullName: 'Aya Smith', emailAddress: 'aya.smith@example.com' },\n      { shortName: 'Support', fullName: 'Support', emailAddress: 'support@example.com' },\n      { shortName: 'Downer', fullName: 'Robert Downer', emailAddress: 'robert.downer@example.com' }\n    ],\n    message: 'Airport questions',\n    timeStamp: new Date(Date.UTC(new Date().getUTCFullYear(), new Date().getUTCMonth(), 24)),\n    topic: 'Travel request',\n    sentiment,\n    urgency: 35\n  },\n  {\n    id: createUID(),\n    activeParticipants: [\n      { shortName: 'Robert', fullName: 'Robert Downer', emailAddress: 'robert.downey@example.com' },\n      { shortName: 'Robert', fullName: 'Robert ', emailAddress: 'robert.downey@example.com' }\n    ],\n    message: 'I have a quick question on travel',\n    timeStamp: new Date(Date.UTC(new Date().getUTCFullYear(), new Date().getUTCMonth(), 24)),\n    topic: 'Travel request',\n    sentiment,\n    urgency: 85\n  },\n  {\n    id: createUID(),\n    activeParticipants: [\n      {\n        shortName: 'Nathan',\n        fullName: 'Nathan Swanson',\n        emailAddress: 'nathan.swanson@example.com'\n      }\n    ],\n    message: 'My luggage did not drive!',\n    timeStamp: new Date(Date.UTC(new Date().getUTCFullYear(), new Date().getUTCMonth(), 24)),\n    topic: 'Missing Luggage',\n    sentiment,\n    urgency: 10\n  },\n  {\n    id: createUID(),\n    activeParticipants: [\n      { shortName: 'Simpson', fullName: 'Glenn Simpson', emailAddress: 'glenn.simpson@example.com' }\n    ],\n    message: 'Re: How much is a flight to Florida',\n    timeStamp: new Date(Date.UTC(new Date().getUTCFullYear(), new Date().getUTCMonth(), 24)),\n    topic: 'Travel request',\n    sentiment,\n    urgency: 65\n  },\n  {\n    id: createUID(),\n    activeParticipants: [\n      { shortName: 'Green', fullName: 'Ralph Green', emailAddress: 'ralph.green@example.com' }\n    ],\n    message: 'Re: Should I purchase travel insurance',\n    timeStamp: new Date(Date.UTC(new Date().getUTCFullYear(), new Date().getUTCMonth(), 24)),\n    topic: 'Travel request',\n    sentiment,\n    urgency: 85\n  },\n  {\n    id: createUID(),\n    activeParticipants: [\n      { shortName: 'Greene', fullName: 'Fred Greene', emailAddress: 'Fred.greene@example.com' }\n    ],\n    message: 'My next vacation',\n    timeStamp: new Date(Date.UTC(new Date().getUTCFullYear(), new Date().getUTCMonth(), 24)),\n    topic: 'Travel request',\n    sentiment,\n    urgency: 45\n  },\n  {\n    id: createUID(),\n    activeParticipants: [\n      { shortName: 'Smith', fullName: 'Aya Smith', emailAddress: 'aya.smith@example.com' },\n      { shortName: 'Support', fullName: 'Support', emailAddress: 'support@example.com' },\n      { shortName: 'Downer', fullName: 'Robert Downer', emailAddress: 'robert.downer@example.com' }\n    ],\n    message: 'Airport questions',\n    timeStamp: new Date(Date.UTC(new Date().getUTCFullYear(), new Date().getUTCMonth(), 24)),\n    topic: 'Travel request',\n    sentiment,\n    urgency: 35\n  }\n];\n\nexport const EmailSummaryListDemo = () => {\n  const emailSummaryListRef = useRef(null);\n  const [allEmailItems, setAllEmailItems] = useState(emailSummaryItems);\n  const [categories, setCategories] = useState<MenuProps['items']>([\n    {\n      id: createUID(),\n      primary: 'Default worklist',\n      selected: false\n    },\n    {\n      id: createUID(),\n      primary: 'Authors',\n      selected: false\n    },\n    {\n      id: createUID(),\n      primary: 'Administrators',\n      selected: false\n    },\n    {\n      id: createUID(),\n      primary: 'Managers',\n      selected: false\n    },\n    {\n      id: createUID(),\n      primary: 'Users',\n      selected: false\n    }\n  ]);\n\n  const handleItemClick = (id: string) => {\n    const index = allEmailItems.findIndex(emailItem => {\n      return emailItem.id === id;\n    });\n\n    const newEmailItems = [...allEmailItems];\n    newEmailItems.splice(index, 1, { ...allEmailItems[index], unreadEmailCount: 0 });\n\n    setAllEmailItems(newEmailItems);\n  };\n\n  const onCategoryClick: MenuItemProps['onClick'] = (id: MenuItemProps['id']) => {\n    setCategories(cur => menuHelpers.toggleSelected(cur, id, 'single-select'));\n  };\n\n  return (\n    <EmailSummaryList\n      style={{ height: 'calc(100vh)', width: '25rem', margin: 'auto' }}\n      ref={emailSummaryListRef}\n      unreadEmailCount={99}\n      categories={categories}\n      items={allEmailItems}\n      onItemClick={handleItemClick}\n      onCategoryClick={onCategoryClick}\n    />\n  );\n};\n\nEmailSummaryListDemo.parameters = {\n  layout: 'fullscreen'\n};\n"]}

package/lib/social/Feed/Feed.mocks.d.ts

@@ -0,0 +1,52 @@
+/// <reference types="react" />
+import { FeedPostProps } from '@pega/cosmos-react-social';
+export declare const userMentions: {
+    id: string;
+    primary: string;
+    secondary: string[];
+    fields: ({
+        name: string;
+        value: string;
+    } | {
+        name: string;
+        value: JSX.Element;
+    })[];
+    visual: JSX.Element;
+}[];
+export declare const caseMentions: {
+    id: string;
+    primary: string;
+    secondary: string[];
+    visual: JSX.Element;
+}[];
+export declare const generatedLikes: {
+    primary: string;
+    secondary: string[];
+    visual: JSX.Element;
+    id: string;
+}[];
+export declare const availableRecipients: {
+    primary: string;
+    secondary: string[];
+    visual: JSX.Element;
+    value: string;
+    id: string;
+}[];
+export interface FeedPostDemoProps {
+    id?: string;
+    fullname?: FeedPostProps['info']['fullname'];
+    username?: FeedPostProps['info']['username'];
+    content?: FeedPostProps['info']['content'];
+    postType?: FeedPostProps['info']['postType'];
+    recipients?: FeedPostProps['info']['recipients'];
+    attachments?: FeedPostProps['info']['attachments'];
+    replies?: FeedPostProps['replies'];
+    timeElapsed?: FeedPostProps['info']['timeElapsed'];
+    userStatus?: FeedPostProps['info']['userStatus'];
+    likes?: FeedPostProps['interactionInfo']['likes'];
+    likeCount?: FeedPostProps['interactionInfo']['likeCount'];
+    onDelete?: () => void;
+    renderFeed?: boolean;
+}
+export declare const feedPosts: FeedPostDemoProps[];
+//# sourceMappingURL=Feed.mocks.d.ts.map

package/lib/social/Feed/Feed.mocks.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Feed.mocks.d.ts","sourceRoot":"","sources":["../../../src/social/Feed/Feed.mocks.tsx"],"names":[],"mappings":";AASA,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAG1D,eAAO,MAAM,YAAY;;;;;;;;;;;;GAyHxB,CAAC;AAEF,eAAO,MAAM,YAAY;;;;;GA+BxB,CAAC;AAEF,eAAO,MAAM,cAAc;;;;;GA6D1B,CAAC;AAEF,eAAO,MAAM,mBAAmB;;;;;;GAyD/B,CAAC;AAEF,MAAM,WAAW,iBAAiB;IAChC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,QAAQ,CAAC,EAAE,aAAa,CAAC,MAAM,CAAC,CAAC,UAAU,CAAC,CAAC;IAC7C,QAAQ,CAAC,EAAE,aAAa,CAAC,MAAM,CAAC,CAAC,UAAU,CAAC,CAAC;IAC7C,OAAO,CAAC,EAAE,aAAa,CAAC,MAAM,CAAC,CAAC,SAAS,CAAC,CAAC;IAC3C,QAAQ,CAAC,EAAE,aAAa,CAAC,MAAM,CAAC,CAAC,UAAU,CAAC,CAAC;IAC7C,UAAU,CAAC,EAAE,aAAa,CAAC,MAAM,CAAC,CAAC,YAAY,CAAC,CAAC;IACjD,WAAW,CAAC,EAAE,aAAa,CAAC,MAAM,CAAC,CAAC,aAAa,CAAC,CAAC;IACnD,OAAO,CAAC,EAAE,aAAa,CAAC,SAAS,CAAC,CAAC;IACnC,WAAW,CAAC,EAAE,aAAa,CAAC,MAAM,CAAC,CAAC,aAAa,CAAC,CAAC;IACnD,UAAU,CAAC,EAAE,aAAa,CAAC,MAAM,CAAC,CAAC,YAAY,CAAC,CAAC;IACjD,KAAK,CAAC,EAAE,aAAa,CAAC,iBAAiB,CAAC,CAAC,OAAO,CAAC,CAAC;IAClD,SAAS,CAAC,EAAE,aAAa,CAAC,iBAAiB,CAAC,CAAC,WAAW,CAAC,CAAC;IAC1D,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,eAAO,MAAM,SAAS,EAAE,iBAAiB,EAmDxC,CAAC"}

package/lib/social/Feed/Feed.mocks.jsx

@@ -0,0 +1,315 @@
+import { Avatar, EmailDisplay, PhoneDisplay, Link, Flex, Image, createUID } from '@pega/cosmos-react-core';
+export const userMentions = [
+    {
+        id: 'turnc',
+        primary: 'Cindy Turner',
+        secondary: ['Lead Engineer'],
+        fields: [
+            {
+                name: 'Project',
+                value: 'Cosmos Demo'
+            },
+            {
+                name: 'Phone number',
+                value: <PhoneDisplay value='(111) 111-1111'/>
+            },
+            {
+                name: 'Email',
+                value: <EmailDisplay value='turnc@example.com'/>
+            },
+            {
+                name: 'Reports to',
+                value: 'Helen Bush'
+            }
+        ],
+        visual: <Avatar size='l' name='Cindy Turner'/>
+    },
+    {
+        id: 'deans',
+        primary: 'Seth DeAngelo',
+        secondary: ['Senior Software Engineer', 'Backend Developer'],
+        fields: [
+            {
+                name: 'Project',
+                value: 'Cosmos Demo'
+            },
+            {
+                name: 'Phone number',
+                value: <PhoneDisplay value='(222) 222-2222'/>
+            },
+            {
+                name: 'Email',
+                value: <EmailDisplay value='deans@example.com'/>
+            },
+            {
+                name: 'Reports to',
+                value: 'Helen Bush'
+            }
+        ],
+        visual: <Avatar size='l' name='Seth DeAngelo'/>
+    },
+    {
+        id: 'moorj',
+        primary: 'Janet Moore',
+        secondary: ['Backend Developer'],
+        fields: [
+            {
+                name: 'Project',
+                value: 'Cosmos Demo'
+            },
+            {
+                name: 'Phone number',
+                value: <PhoneDisplay value='(333) 333-3333'/>
+            },
+            {
+                name: 'Email',
+                value: <EmailDisplay value='moorj@example.com'/>
+            },
+            {
+                name: 'Reports to',
+                value: 'Helen Bush'
+            }
+        ],
+        visual: <Avatar size='l' name='Janet Moore'/>
+    },
+    {
+        id: 'thomd',
+        primary: 'Dean Thomas',
+        secondary: ['Designer'],
+        fields: [
+            {
+                name: 'Project',
+                value: 'Cosmos Demo'
+            },
+            {
+                name: 'Phone number',
+                value: <PhoneDisplay value='(444) 444-4444'/>
+            },
+            {
+                name: 'Email',
+                value: <EmailDisplay value='thomd@example.com'/>
+            },
+            {
+                name: 'Reports to',
+                value: 'Bob Hathoway'
+            }
+        ],
+        visual: <Avatar size='l' name='Dean Thomas'/>
+    },
+    {
+        id: 'hathb',
+        primary: 'Bob Hathoway',
+        secondary: ['Lead Designer', 'Product Owner'],
+        fields: [
+            {
+                name: 'Project',
+                value: 'Cosmos Demo'
+            },
+            {
+                name: 'Phone number',
+                value: <PhoneDisplay value='(555) 555-5555'/>
+            },
+            {
+                name: 'Email',
+                value: <EmailDisplay value='hathb@example.com'/>
+            },
+            {
+                name: 'Reports to',
+                value: ''
+            }
+        ],
+        visual: <Avatar size='l' name='Bob Hathoway'/>
+    }
+];
+export const caseMentions = [
+    {
+        id: 'c-001',
+        primary: 'Complete user sign up form',
+        secondary: ['US-111111'],
+        visual: <Avatar size='l' name='c-001' icon='case'/>
+    },
+    {
+        id: 'c-002',
+        primary: 'Button missing on home page',
+        secondary: ['BUG-222222'],
+        visual: <Avatar size='l' name='c-002' icon='case'/>
+    },
+    {
+        id: 'c-003',
+        primary: 'Set up transaction broker',
+        secondary: ['US-333333'],
+        visual: <Avatar size='l' name='c-03' icon='case'/>
+    },
+    {
+        id: 'c-004',
+        primary: 'Check in with security team',
+        secondary: ['TASK-444444'],
+        visual: <Avatar size='l' name='c-004' icon='case'/>
+    },
+    {
+        id: 'c-005',
+        primary: 'Error occurs upon submitting form',
+        secondary: ['BUG-555555'],
+        visual: <Avatar size='l' name='c-005' icon='case'/>
+    }
+];
+export const generatedLikes = [
+    {
+        primary: 'Cindy Turner',
+        secondary: ['Lead Engineer'],
+        visual: <Avatar size='l' name='Cindy Turner'/>,
+        id: 'turnc'
+    },
+    {
+        primary: 'Helen Bush',
+        secondary: ['Product Manager', 'Product Owner'],
+        visual: <Avatar size='l' name='Helen Bush'/>,
+        id: 'bushh'
+    },
+    {
+        primary: 'Randy Paul',
+        secondary: ['Frontend Developer', 'Backend Developer'],
+        visual: <Avatar size='l' name='Randy Paul'/>,
+        id: 'paulr'
+    },
+    {
+        primary: 'Janet Moore',
+        secondary: ['Backend Developer'],
+        visual: <Avatar size='l' name='Janet Moore'/>,
+        id: 'moorj'
+    },
+    {
+        primary: 'Kate Mirin',
+        secondary: ['Quality Engineer'],
+        visual: <Avatar size='l' name='Kate Mirin'/>,
+        id: 'mirik'
+    },
+    {
+        primary: 'Bob Hathoway',
+        secondary: ['Lead Designer', 'Product Owner'],
+        visual: <Avatar size='l' name='Bob Hathoway'/>,
+        id: 'hathb'
+    },
+    {
+        primary: 'Seth DeAngelo',
+        secondary: ['Senior Software Engineer', 'Backend Developer'],
+        visual: <Avatar size='l' name='Seth DeAngelo'/>,
+        id: 'deans'
+    },
+    {
+        primary: 'Dean Thomas',
+        secondary: ['Designer'],
+        visual: <Avatar size='l' name='Dean Thomas'/>,
+        id: 'thomd'
+    },
+    {
+        primary: 'Louie Santos',
+        secondary: ['Marketing Specialist'],
+        visual: <Avatar size='l' name='Louie Santos'/>,
+        id: 'santl'
+    },
+    {
+        primary: 'Margaret Foster',
+        secondary: ['Architect', 'Designer'],
+        visual: <Avatar size='l' name='Margaret Foster'/>,
+        id: 'fostm'
+    }
+];
+export const availableRecipients = [
+    {
+        primary: 'Cindy Turner',
+        secondary: ['Lead Engineer'],
+        visual: <Avatar size='l' name='Cindy Turner'/>,
+        value: 'turnc',
+        id: 'turnc'
+    },
+    {
+        primary: 'Helen Bush',
+        secondary: ['Product Manager', 'Product Owner'],
+        visual: <Avatar size='l' name='Helen Bush'/>,
+        value: 'bushh',
+        id: 'bushh'
+    },
+    {
+        primary: 'Randy Paul',
+        secondary: ['Frontend Developer', 'Backend Developer'],
+        visual: <Avatar size='l' name='Randy Paul'/>,
+        value: 'paulr',
+        id: 'paulr'
+    },
+    {
+        primary: 'Janet Moore',
+        secondary: ['Backend Developer'],
+        visual: <Avatar size='l' name='Janet Moore'/>,
+        value: 'moorj',
+        id: 'moorj'
+    },
+    {
+        primary: 'Kate Mirin',
+        secondary: ['Quality Engineer'],
+        visual: <Avatar size='l' name='Kate Mirin'/>,
+        value: 'mirik',
+        id: 'mirik'
+    },
+    {
+        primary: 'Bob Hathoway',
+        secondary: ['Lead Designer', 'Product Owner'],
+        visual: <Avatar size='l' name='Bob Hathoway'/>,
+        value: 'hathb',
+        id: 'hathb'
+    },
+    {
+        primary: 'Seth DeAngelo',
+        secondary: ['Senior Software Engineer', 'Backend Developer'],
+        visual: <Avatar size='l' name='Seth DeAngelo'/>,
+        value: 'deans',
+        id: 'deans'
+    },
+    {
+        primary: 'Dean Thomas',
+        secondary: ['Designer'],
+        visual: <Avatar size='l' name='Dean Thomas'/>,
+        value: 'thomd',
+        id: 'thomd'
+    }
+];
+export const feedPosts = [
+    {
+        id: createUID(),
+        fullname: 'Feed Bot',
+        username: 'feed_bot',
+        content: 'How is everyone doing with their reports?',
+        postType: 'private',
+        replies: [],
+        likes: generatedLikes,
+        likeCount: generatedLikes.length,
+        userStatus: 'active',
+        renderFeed: false
+    },
+    {
+        id: createUID(),
+        fullname: 'Feed Bot',
+        username: 'feed_bot',
+        content: (<Link href='https://www.pega.com/webinars/future-proof-your-business-architecture?utm_content=1606750722&utm_keyword=sprout&utm_medium=oso&utm_source=twitter' target='_blank'>
+        <Flex container={{ direction: 'column' }}>
+          Check out this awesome event!
+          <Image src='https://pbs.twimg.com/media/EoKHAUKWEAM5hpz?format=jpg&name=medium' alt='Pegasystems'/>
+        </Flex>
+      </Link>),
+        replies: [],
+        userStatus: 'active',
+        renderFeed: false
+    },
+    {
+        id: createUID(),
+        content: (<Link href='https://www.pega.com/products/sales-automation' target='_blank'>
+        <Flex container={{ direction: 'column' }}>
+          Sales Automation makes business happen.
+          <Image src='https://cf-images.us-east-1.prod.boltdns.net/v1/static/1900410236/893966f4-f7e1-41f0-9cc2-e3064273d3aa/72837f91-61a1-455b-a7e3-126972b61ddd/1280x720/match/image.jpg' alt='Pega Sales Automation'/>
+        </Flex>
+      </Link>),
+        replies: [],
+        renderFeed: false
+    }
+];
+//# sourceMappingURL=Feed.mocks.jsx.map

package/lib/social/Feed/Feed.mocks.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"Feed.mocks.jsx","sourceRoot":"","sources":["../../../src/social/Feed/Feed.mocks.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  Avatar,\n  EmailDisplay,\n  PhoneDisplay,\n  Link,\n  Flex,\n  Image,\n  createUID\n} from '@pega/cosmos-react-core';\nimport { FeedPostProps } from '@pega/cosmos-react-social';\n\n// cspell: disable\nexport const userMentions = [\n  {\n    id: 'turnc',\n    primary: 'Cindy Turner',\n    secondary: ['Lead Engineer'],\n    fields: [\n      {\n        name: 'Project',\n        value: 'Cosmos Demo'\n      },\n      {\n        name: 'Phone number',\n        value: <PhoneDisplay value='(111) 111-1111' />\n      },\n      {\n        name: 'Email',\n        value: <EmailDisplay value='turnc@example.com' />\n      },\n      {\n        name: 'Reports to',\n        value: 'Helen Bush'\n      }\n    ],\n    visual: <Avatar size='l' name='Cindy Turner' />\n  },\n  {\n    id: 'deans',\n    primary: 'Seth DeAngelo',\n    secondary: ['Senior Software Engineer', 'Backend Developer'],\n    fields: [\n      {\n        name: 'Project',\n        value: 'Cosmos Demo'\n      },\n      {\n        name: 'Phone number',\n        value: <PhoneDisplay value='(222) 222-2222' />\n      },\n      {\n        name: 'Email',\n        value: <EmailDisplay value='deans@example.com' />\n      },\n      {\n        name: 'Reports to',\n        value: 'Helen Bush'\n      }\n    ],\n    visual: <Avatar size='l' name='Seth DeAngelo' />\n  },\n  {\n    id: 'moorj',\n    primary: 'Janet Moore',\n    secondary: ['Backend Developer'],\n    fields: [\n      {\n        name: 'Project',\n        value: 'Cosmos Demo'\n      },\n      {\n        name: 'Phone number',\n        value: <PhoneDisplay value='(333) 333-3333' />\n      },\n      {\n        name: 'Email',\n        value: <EmailDisplay value='moorj@example.com' />\n      },\n      {\n        name: 'Reports to',\n        value: 'Helen Bush'\n      }\n    ],\n    visual: <Avatar size='l' name='Janet Moore' />\n  },\n  {\n    id: 'thomd',\n    primary: 'Dean Thomas',\n    secondary: ['Designer'],\n    fields: [\n      {\n        name: 'Project',\n        value: 'Cosmos Demo'\n      },\n      {\n        name: 'Phone number',\n        value: <PhoneDisplay value='(444) 444-4444' />\n      },\n      {\n        name: 'Email',\n        value: <EmailDisplay value='thomd@example.com' />\n      },\n      {\n        name: 'Reports to',\n        value: 'Bob Hathoway'\n      }\n    ],\n    visual: <Avatar size='l' name='Dean Thomas' />\n  },\n  {\n    id: 'hathb',\n    primary: 'Bob Hathoway',\n    secondary: ['Lead Designer', 'Product Owner'],\n    fields: [\n      {\n        name: 'Project',\n        value: 'Cosmos Demo'\n      },\n      {\n        name: 'Phone number',\n        value: <PhoneDisplay value='(555) 555-5555' />\n      },\n      {\n        name: 'Email',\n        value: <EmailDisplay value='hathb@example.com' />\n      },\n      {\n        name: 'Reports to',\n        value: ''\n      }\n    ],\n    visual: <Avatar size='l' name='Bob Hathoway' />\n  }\n];\n\nexport const caseMentions = [\n  {\n    id: 'c-001',\n    primary: 'Complete user sign up form',\n    secondary: ['US-111111'],\n    visual: <Avatar size='l' name='c-001' icon='case' />\n  },\n  {\n    id: 'c-002',\n    primary: 'Button missing on home page',\n    secondary: ['BUG-222222'],\n    visual: <Avatar size='l' name='c-002' icon='case' />\n  },\n  {\n    id: 'c-003',\n    primary: 'Set up transaction broker',\n    secondary: ['US-333333'],\n    visual: <Avatar size='l' name='c-03' icon='case' />\n  },\n  {\n    id: 'c-004',\n    primary: 'Check in with security team',\n    secondary: ['TASK-444444'],\n    visual: <Avatar size='l' name='c-004' icon='case' />\n  },\n  {\n    id: 'c-005',\n    primary: 'Error occurs upon submitting form',\n    secondary: ['BUG-555555'],\n    visual: <Avatar size='l' name='c-005' icon='case' />\n  }\n];\n\nexport const generatedLikes = [\n  {\n    primary: 'Cindy Turner',\n    secondary: ['Lead Engineer'],\n    visual: <Avatar size='l' name='Cindy Turner' />,\n    id: 'turnc'\n  },\n  {\n    primary: 'Helen Bush',\n    secondary: ['Product Manager', 'Product Owner'],\n    visual: <Avatar size='l' name='Helen Bush' />,\n    id: 'bushh'\n  },\n  {\n    primary: 'Randy Paul',\n    secondary: ['Frontend Developer', 'Backend Developer'],\n    visual: <Avatar size='l' name='Randy Paul' />,\n    id: 'paulr'\n  },\n  {\n    primary: 'Janet Moore',\n    secondary: ['Backend Developer'],\n    visual: <Avatar size='l' name='Janet Moore' />,\n    id: 'moorj'\n  },\n  {\n    primary: 'Kate Mirin',\n    secondary: ['Quality Engineer'],\n    visual: <Avatar size='l' name='Kate Mirin' />,\n    id: 'mirik'\n  },\n  {\n    primary: 'Bob Hathoway',\n    secondary: ['Lead Designer', 'Product Owner'],\n    visual: <Avatar size='l' name='Bob Hathoway' />,\n    id: 'hathb'\n  },\n  {\n    primary: 'Seth DeAngelo',\n    secondary: ['Senior Software Engineer', 'Backend Developer'],\n    visual: <Avatar size='l' name='Seth DeAngelo' />,\n    id: 'deans'\n  },\n  {\n    primary: 'Dean Thomas',\n    secondary: ['Designer'],\n    visual: <Avatar size='l' name='Dean Thomas' />,\n    id: 'thomd'\n  },\n  {\n    primary: 'Louie Santos',\n    secondary: ['Marketing Specialist'],\n    visual: <Avatar size='l' name='Louie Santos' />,\n    id: 'santl'\n  },\n  {\n    primary: 'Margaret Foster',\n    secondary: ['Architect', 'Designer'],\n    visual: <Avatar size='l' name='Margaret Foster' />,\n    id: 'fostm'\n  }\n];\n\nexport const availableRecipients = [\n  {\n    primary: 'Cindy Turner',\n    secondary: ['Lead Engineer'],\n    visual: <Avatar size='l' name='Cindy Turner' />,\n    value: 'turnc',\n    id: 'turnc'\n  },\n  {\n    primary: 'Helen Bush',\n    secondary: ['Product Manager', 'Product Owner'],\n    visual: <Avatar size='l' name='Helen Bush' />,\n    value: 'bushh',\n    id: 'bushh'\n  },\n  {\n    primary: 'Randy Paul',\n    secondary: ['Frontend Developer', 'Backend Developer'],\n    visual: <Avatar size='l' name='Randy Paul' />,\n    value: 'paulr',\n    id: 'paulr'\n  },\n  {\n    primary: 'Janet Moore',\n    secondary: ['Backend Developer'],\n    visual: <Avatar size='l' name='Janet Moore' />,\n    value: 'moorj',\n    id: 'moorj'\n  },\n  {\n    primary: 'Kate Mirin',\n    secondary: ['Quality Engineer'],\n    visual: <Avatar size='l' name='Kate Mirin' />,\n    value: 'mirik',\n    id: 'mirik'\n  },\n  {\n    primary: 'Bob Hathoway',\n    secondary: ['Lead Designer', 'Product Owner'],\n    visual: <Avatar size='l' name='Bob Hathoway' />,\n    value: 'hathb',\n    id: 'hathb'\n  },\n  {\n    primary: 'Seth DeAngelo',\n    secondary: ['Senior Software Engineer', 'Backend Developer'],\n    visual: <Avatar size='l' name='Seth DeAngelo' />,\n    value: 'deans',\n    id: 'deans'\n  },\n  {\n    primary: 'Dean Thomas',\n    secondary: ['Designer'],\n    visual: <Avatar size='l' name='Dean Thomas' />,\n    value: 'thomd',\n    id: 'thomd'\n  }\n];\n\nexport interface FeedPostDemoProps {\n  id?: string;\n  fullname?: FeedPostProps['info']['fullname'];\n  username?: FeedPostProps['info']['username'];\n  content?: FeedPostProps['info']['content'];\n  postType?: FeedPostProps['info']['postType'];\n  recipients?: FeedPostProps['info']['recipients'];\n  attachments?: FeedPostProps['info']['attachments'];\n  replies?: FeedPostProps['replies'];\n  timeElapsed?: FeedPostProps['info']['timeElapsed'];\n  userStatus?: FeedPostProps['info']['userStatus'];\n  likes?: FeedPostProps['interactionInfo']['likes'];\n  likeCount?: FeedPostProps['interactionInfo']['likeCount'];\n  onDelete?: () => void;\n  renderFeed?: boolean;\n}\n\nexport const feedPosts: FeedPostDemoProps[] = [\n  {\n    id: createUID(),\n    fullname: 'Feed Bot',\n    username: 'feed_bot',\n    content: 'How is everyone doing with their reports?',\n    postType: 'private',\n    replies: [],\n    likes: generatedLikes,\n    likeCount: generatedLikes.length,\n    userStatus: 'active',\n    renderFeed: false\n  },\n  {\n    id: createUID(),\n    fullname: 'Feed Bot',\n    username: 'feed_bot',\n    content: (\n      <Link\n        href='https://www.pega.com/webinars/future-proof-your-business-architecture?utm_content=1606750722&utm_keyword=sprout&utm_medium=oso&utm_source=twitter'\n        target='_blank'\n      >\n        <Flex container={{ direction: 'column' }}>\n          Check out this awesome event!\n          <Image\n            src='https://pbs.twimg.com/media/EoKHAUKWEAM5hpz?format=jpg&name=medium'\n            alt='Pegasystems'\n          />\n        </Flex>\n      </Link>\n    ),\n    replies: [],\n    userStatus: 'active',\n    renderFeed: false\n  },\n  {\n    id: createUID(),\n    content: (\n      <Link href='https://www.pega.com/products/sales-automation' target='_blank'>\n        <Flex container={{ direction: 'column' }}>\n          Sales Automation makes business happen.\n          <Image\n            src='https://cf-images.us-east-1.prod.boltdns.net/v1/static/1900410236/893966f4-f7e1-41f0-9cc2-e3064273d3aa/72837f91-61a1-455b-a7e3-126972b61ddd/1280x720/match/image.jpg'\n            alt='Pega Sales Automation'\n          />\n        </Flex>\n      </Link>\n    ),\n    replies: [],\n    renderFeed: false\n  }\n];\n"]}

package/lib/social/Feed/Feed.stories.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+import { Meta } from '@storybook/react';
+import { MDMap } from '@pega/cosmos-react-rte';
+declare const _default: Meta<import("@storybook/react").Args>;
+export default _default;
+export declare const FeedDemo: ({ markdownMap }: {
+    markdownMap?: MDMap | undefined;
+}) => JSX.Element;
+export declare const FeedWithAppShell: {
+    (): JSX.Element;
+    parameters: {
+        layout: string;
+    };
+};
+//# sourceMappingURL=Feed.stories.d.ts.map

package/lib/social/Feed/Feed.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Feed.stories.d.ts","sourceRoot":"","sources":["../../../src/social/Feed/Feed.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAWxC,OAAO,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAC;;AAe/C,wBAGU;AAEV,eAAO,MAAM,QAAQ;;iBAmLpB,CAAC;AAEF,eAAO,MAAM,gBAAgB;;;;;CAE5B,CAAC"}