npm - @pega/cosmos-react-demos - Versions diffs - 3.0.0-dev.3.0 → 3.0.0-dev.4.2 - Mend

@pega/cosmos-react-demos 3.0.0-dev.3.0 → 3.0.0-dev.4.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (557) hide show

package/lib/social/Email/Email.stories.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Email.stories.js","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 CardHeader,\n Text,\n SummaryList,\n Grid,\n FieldValueList,\n SummaryListItem,\n StyledLabel\n} from '@pega/cosmos-react-core';\nimport * as filterIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/filter.icon';\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 EntityList,\n EmailUser,\n EmailProps,\n EmailConversationProps,\n EmailComposerProps,\n EntityListProps\n} from '@pega/cosmos-react-social';\n\nimport {\n bccParticipants,\n ccParticipants,\n emailBodyContent,\n participants,\n toParticipants,\n emailAttachments,\n EntityListMockData,\n EmailMockData,\n viewAnalysisEmailHeaderMock,\n topicListMock\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 templates = mockEmailBodyTemplates.map(({ id, title }) => {\n return {\n id,\n title\n };\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\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 onTemplateChange: EmailComposerProps['onTemplateChange']\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: createUID(),\n primary: 'Reply',\n onClick: () =>\n launchEmailComposer(\n id,\n LaunchAction.REPLY,\n {\n ...baseComposerProps,\n onTemplateChange,\n responseType: 'reply',\n subject: `Re-${subject}` \|\| ''\n },\n create\n )\n },\n {\n id: createUID(),\n primary: 'Reply all',\n onClick: () =>\n launchEmailComposer(\n id,\n LaunchAction.REPLYALL,\n {\n ...baseComposerProps,\n onTemplateChange,\n responseType: 'replyAll',\n cc: [],\n subject: `Re-${subject}` \|\| ''\n },\n create\n )\n },\n {\n id: createUID(),\n primary: 'Forward',\n onClick: () =>\n launchEmailComposer(\n id,\n LaunchAction.FORWARD,\n {\n ...baseComposerProps,\n onTemplateChange,\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 headerProps: EntityListProps['header'] = {\n icon: 'list-number',\n text: 'Entities'\n };\n\n const itemsToRender: SummaryListItem[] = topicListMock.map(items => {\n return {\n ...items,\n primary: <StyledLabel>{items.primary}</StyledLabel>,\n secondary: (\n <Flex container={{ direction: 'row', justify: 'between' }}>\n <Text variant='primary'>{items.secondary.indicator}</Text>\n <StyledLabel>{items.secondary.value}</StyledLabel>\n </Flex>\n )\n };\n });\n return (\n <StyledViewAnalysis>\n <Grid container={{ rowGap: 2 }}>\n <EntityList header={headerProps} content={EntityListMockData} />\n\n <Card>\n <CardHeader container={{ alignItems: 'center', gap: 1 }}>\n <Icon name='document-doc' />\n <Text variant='h3'>Email header</Text>\n </CardHeader>\n <CardContent>\n <FieldValueList fields={viewAnalysisEmailHeaderMock} variant='stacked' />\n </CardContent>\n </Card>\n\n <SummaryList name='Topics' icon='headline' items={itemsToRender} noItemsText='No items' />\n </Grid>\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: '<div> Hi, <br /> <br /> <div>Sure.. Here is your E-Ticket !! </div> <br /><br /> Regards, <br /> Laura Stevens </div>',\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: '<div> Hi, <br /> <br /> <div>I’m still at the airport, I need help now!! </div> <br /><br /> Regards, <br /> Sara Davis </div>',\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 const onTemplateChange: EmailComposerProps['onTemplateChange'] = id => {\n const selectedTemplate = mockEmailBodyTemplates.find(template => template.id === id);\n return selectedTemplate?.content as string;\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={templates}\n onTemplateChange={onTemplateChange}\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 onTemplateChange: EmailComposerProps['onTemplateChange'] = id => {\n const selectedTemplate = mockEmailBodyTemplates.find(template => template.id === id);\n return selectedTemplate?.content as string;\n };\n\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: '<div>Hi, <br /> <br /><div>Your address change request is approved.</div> <br /> <br />Regards, <br />Laura Stevens </div>',\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, onTemplateChange);\n return {\n ...emailData,\n onReply: id => {\n launchEmailComposer(\n id,\n LaunchAction.REPLY,\n {\n ...baseComposerProps,\n onTemplateChange,\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 onTemplateChange,\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 onTemplateChange,\n subject: suggestion?.title \|\| '',\n bodyContent: suggestion ? suggestion.content : '',\n defaultTemplateId: suggestion?.id\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: '<div>Hi, <br /> <br /><div>Sure, Our executive will come and check your connection in 24hrs. </div> <br />Regards, <br />Hugh Phillips </div>'\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: '<div>Hi, <br /> <br /><div>Can you fix my internet connection. </div> <br /> <br />Regards, <br />Rey Mystery </div>'\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: '<div>Hi, <br /> <br /><div>Sure, Our executive will call you shortly. </div> <br /> <br />Regards, <br />Laura Stevens </div>',\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: '<div>Hi, <br /> <br /><div>Can you show please explain your new mobile plans. </div> <br /> <br />Regards, <br />Sara Davis </div>'\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"]}
1	+ {"version":3,"file":"Email.stories.js","sourceRoot":"","sources":["../../../src/social/Email/Email.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["// cSpell:words calibri\nimport { useState, ChangeEvent, useRef, useContext, useCallback } from 'react';\nimport { action } from '@storybook/addon-actions';\nimport { Meta, Story } from '@storybook/react';\n\nimport {\n Card,\n CardContent,\n createUID,\n MenuButton,\n MenuItemProps,\n MenuProps,\n Icon,\n registerIcon,\n Flex,\n Button,\n ModalManagerContext,\n menuHelpers,\n CardHeader,\n Text,\n SummaryList,\n Grid,\n FieldValueList,\n SummaryListItem,\n StyledLabel\n} from '@pega/cosmos-react-core';\nimport * as filterIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/filter.icon';\nimport {\n Email as EmailComponent,\n EmailConversation,\n EmailComposer,\n EmailShell,\n EmailSummaryItem,\n EmailSummaryList,\n EntityList,\n EmailProps,\n EmailConversationProps,\n EmailComposerProps,\n EntityListProps\n} from '@pega/cosmos-react-social';\n\nimport {\n bccParticipants,\n ccParticipants,\n emailBodyContent,\n participants,\n toParticipants,\n emailAttachments,\n EntityListMockData,\n viewAnalysisEmailHeaderMock,\n topicListMock,\n emailActions,\n generateEmailConversationParticipants,\n templates,\n handleExternalEntry,\n emailDemoActions,\n launchEmailComposer,\n LaunchAction,\n baseComposerProps,\n sentiment,\n emailSummaryItems,\n mockEmails,\n mockSuggestedReplies,\n mockEmailBodyTemplates\n} from './Email.mocks';\nimport { StyledEmailCardContent, StyledViewAnalysis } from './Email.styles';\n\nregisterIcon(filterIcon);\n\nexport default {\n title: 'Social/Email',\n component: EmailComponent\n} as Meta;\n\n/\n\n _____ _ _\n \| ____\|_ __ ___ __ _(_) \|\n \| _\| \| '_ ` _ \\ / _` \| \| \|\n \| \|___\| \| \| \| \| \| (_\| \| \| \|\n \|_____\|_\| \|_\| \|_\|\\__,_\|_\|_\|\n\n\n/\n\nexport const Email: Story<EmailProps> = (args: EmailProps) => {\n return (\n <Card>\n <StyledEmailCardContent>\n <EmailComponent\n id={createUID()}\n timeStamp='2022-02-24T09: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 Team, <br /> <br /> <div>Please find the below conversation & let us know the best fare (including taxes) per person.</div><br />Regards, <br /> Laura Stevens </div>'\n forwardedContent={args.forwardedContent}\n subject='Regarding flight booking'\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: 'attachment_0',\n value: 'https://pega.com/media/document.doc',\n displayText: 'Policy document'\n },\n {\n id: 'attachment_1',\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\nEmail.args = {\n // eslint-disable-next-line demo-patterns/literal-args\n forwardedContent: `\n <div id=\"pega-email-message-forward\" style=\"font-family:OpenSans,sans-serif; border-left: 1px solid #c4c4c4; padding-left: 8px;\">\n <div>\n <p class=\"pega-email-forward-header\" style=\"font-size:smaller;color:#90909D;\">--------------------Forwarded message--------------------<br />From: Person, Example <example.person@pega.com>  <br />Date: Feb 23, 2022 9:29:59 PM <br />Subject: Regarding flight booking  <br />To: Laura, Stevens <laurastevens@example.com><br /> </p>\n </div>\n <div class=\"pega-email-forward-content\">\n <div class=\"WordSection1\">\n <p class=\"MsoNormal\" style=\"margin:0cm;font-size:11pt;font-family:'calibri' , sans-serif\"><span style=\"color:black\">Hi,  </span></p>\n <p class=\"MsoNormal\" style=\"margin:0cm;font-size:11pt;font-family:'calibri' , sans-serif\"><span style=\"color:black\">   </span></p>\n <p class=\"MsoNormal\" style=\"margin:0cm;font-size:11pt;font-family:'calibri' , sans-serif\"><span style=\"color:black\">I need to book a flight from Hyderabad to Chennai.  </span></p>\n <p class=\"MsoNormal\" style=\"margin:0cm;font-size:11pt;font-family:'calibri' , sans-serif\"><span style=\"color:black\">Please let me know the fare including taxes per each person. </span></p>\n <p class=\"MsoNormal\" style=\"margin:0cm;font-size:11pt;font-family:'calibri' , sans-serif\"><span style=\"color:black\">   </span></p>\n <p class=\"MsoNormal\" style=\"margin:0cm;font-size:11pt;font-family:'calibri' , sans-serif\"><span style=\"color:black\">Thanks,  </span></p>\n <p class=\"MsoNormal\" style=\"margin:0cm;font-size:11pt;font-family:'calibri' , sans-serif\"><span style=\"color:black\">Goutham </span></p>\n </div>\n </div>\n </div>\n`\n};\n\nEmail.argTypes = {\n forwardedContent: { control: { type: 'text' } }\n};\n\nexport const ViewAnalysis = () => {\n const headerProps: EntityListProps['header'] = {\n icon: 'list-number',\n text: 'Entities'\n };\n\n const itemsToRender: SummaryListItem[] = topicListMock.map(items => {\n return {\n ...items,\n primary: <StyledLabel>{items.primary}</StyledLabel>,\n secondary: (\n <Flex container={{ direction: 'row', justify: 'between' }}>\n <Text variant='primary'>{items.secondary.indicator}</Text>\n <StyledLabel>{items.secondary.value}</StyledLabel>\n </Flex>\n )\n };\n });\n return (\n <StyledViewAnalysis>\n <Grid container={{ rowGap: 2 }}>\n <EntityList header={headerProps} content={EntityListMockData} />\n\n <Card>\n <CardHeader container={{ alignItems: 'center', gap: 1 }}>\n <Icon name='document-doc' />\n <Text variant='h3'>Email header</Text>\n </CardHeader>\n <CardContent>\n <FieldValueList fields={viewAnalysisEmailHeaderMock} variant='stacked' />\n </CardContent>\n </Card>\n\n <SummaryList name='Topics' icon='headline' items={itemsToRender} noItemsText='No items' />\n </Grid>\n </StyledViewAnalysis>\n );\n};\n\n/\n ______ _ _ ______ _ _ _ _\n \| ____\| (_) \| \| ____\| \| \| (_) \| (_)\n \| \|__ _ __ ___ __ _ _\| \| \| \|__ _ __ \| \|_ _\| \|_ _ ___ ___\n \| __\| \| '_ ` _ \\ / _` \| \| \| \| __\| \| '_ \\\| __\| \| __\| \|/ _ \\/ __\|\n \| \|____\| \| \| \| \| \| (_\| \| \| \| \| \|____\| \| \| \| \|_\| \| \|_\| \| __/\\__ \\\n \|______\|_\| \|_\| \|_\|\\__,_\|_\|_\| \|______\|_\| \|_\|\\__\|_\|\\__\|_\|\\___\|\|___/\n\n/\n\ninterface EmailEntitiesDemoProps {\n enableEntityHighlighting?: boolean;\n enableContextMenu?: boolean;\n}\n\nexport const EmailEntities: Story<EmailEntitiesDemoProps> = (args: EmailEntitiesDemoProps) => {\n const nestedEntities = ['Place: Nagercoil, Hyderabad', 'Location: Nagercoil'];\n return (\n <Card>\n <StyledEmailCardContent>\n <EmailComponent\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, <b><i>Nagercoil</i></b> branch, with code <b><a href=\"www.google.com\"><i>3967</i></a></b>. I have a saving bank account here. My account number is <i>6785420965476</i>.</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 args.enableEntityHighlighting\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 contextMenu={\n args.enableContextMenu\n ? {\n heading: 'Copy to',\n items: [\n {\n id: 'item_0',\n primary: 'Field 1',\n selected: false\n },\n {\n id: 'item_1',\n primary: 'Field 2',\n selected: true\n },\n {\n id: 'item_2',\n primary: 'Field 3',\n selected: true\n }\n ],\n onItemClick: action('On Copy')\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\nEmailEntities.args = {\n enableEntityHighlighting: true,\n enableContextMenu: true\n};\n\nEmailEntities.argTypes = {\n enableEntityHighlighting: { control: { type: 'boolean' } },\n enableContextMenu: { control: { type: 'boolean' } }\n};\n\n/\n\n _____ _ _ ____ _ _\n \| ____\|_ __ ___ __ _(_) \| / ___\|___ _ ____ _____ _ __ ___ __ _\| \|_(_) ___ _ __\n \| _\| \| '_ ` _ \\ / _` \| \| \| \| \| / _ \\\| '_ \\ \\ / / _ \\ '__/ __\|/ _` \| __\| \|/ _ \\\| '_ \\\n \| \|___\| \| \| \| \| \| (_\| \| \| \| \| \|__\| (_) \| \| \| \\ V / __/ \| \\__ \\ (_\| \| \|_\| \| (_) \| \| \| \|\n \|_____\|_\| \|_\| \|_\|\\__,_\|_\|_\| \\____\\___/\|_\| \|_\|\\_/ \\___\|_\| \|___/\\__,_\|\\__\|_\|\\___/\|_\| \|_\|\n\n\n/\n\nexport const emailConversation = () => {\n const emailArr: EmailProps[] = [\n {\n id: 'item_0',\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 !! </div> <br /><br /> Regards, <br /> Laura Stevens </div>',\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: 'item_1',\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: '<div> Hi, <br /> <br /> <div>I’m still at the airport, I need help now!! </div> <br /><br /> Regards, <br /> Sara Davis </div>',\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 const onTemplateChange: EmailComposerProps['onTemplateChange'] = id => {\n const selectedTemplate = mockEmailBodyTemplates.find(template => template.id === id);\n return selectedTemplate?.content as string;\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={templates}\n onTemplateChange={onTemplateChange}\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\ninterface EmailDemoProps {\n autoCollapse?: boolean;\n hideSuggestions?: boolean;\n singleConversation?: boolean;\n}\n\nexport const EmailDemo: Story<EmailDemoProps> = (args: EmailDemoProps) => {\n const onTemplateChange: EmailComposerProps['onTemplateChange'] = id => {\n const selectedTemplate = mockEmailBodyTemplates.find(template => template.id === id);\n return selectedTemplate?.content as string;\n };\n\n const 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: 'item_0',\n timeStamp: '2021-01-05T09:12',\n from: participants[0],\n to: participants.slice(0, 2),\n body: '<div>Hi, <br /> <br /><div>Your address change request is approved.</div> <br /> <br />Regards, <br />Laura Stevens </div>',\n unRead: true,\n subject: 'Pause service',\n suggestions: args.hideSuggestions ? undefined : mockSuggestedReplies,\n attachments: [\n {\n id: 'item_1_0',\n value: 'https://pega.com/media/document.doc',\n displayText: 'Policy document'\n },\n {\n id: 'item_1_1',\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: 'item_1',\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, onTemplateChange);\n return {\n ...emailData,\n onReply: id => {\n launchEmailComposer(\n id,\n LaunchAction.REPLY,\n {\n ...baseComposerProps,\n onTemplateChange,\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 onTemplateChange,\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 onTemplateChange,\n subject: suggestion?.title \|\| '',\n bodyContent: suggestion ? suggestion.content : '',\n defaultTemplateId: suggestion?.id\n },\n create\n );\n },\n actions: emailActionItems,\n tags: args.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: '<div>Hi, <br /> <br /><div>Sure, Our executive will come and check your connection in 24hrs. </div> <br />Regards, <br />Hugh Phillips </div>'\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: '<div>Hi, <br /> <br /><div>Can you fix my internet connection. </div> <br /> <br />Regards, <br />Rey Mystery </div>'\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: '<div>Hi, <br /> <br /><div>Sure, Our executive will call you shortly. </div> <br /> <br />Regards, <br />Laura Stevens </div>',\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: '<div>Hi, <br /> <br /><div>Can you show please explain your new mobile plans. </div> <br /> <br />Regards, <br />Sara Davis </div>'\n }\n ]\n ] as EmailProps[][]\n ).map((emails, i) => {\n return {\n from: generateEmailConversationParticipants(emails, ['from'])[0],\n to: emails[0].to,\n id: `item_${i}`,\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: 'item_0',\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={args.autoCollapse}\n conversations={args.singleConversation ? singleEmailConversation : emailConversations}\n />\n );\n};\n\nEmailDemo.args = {\n autoCollapse: true,\n hideSuggestions: false,\n singleConversation: true\n};\n\nEmailDemo.argTypes = {\n autoCollapse: { control: { type: 'boolean' } },\n hideSuggestions: { control: { type: 'boolean' } },\n singleConversation: { control: { type: 'boolean' } }\n};\n\nEmailDemo.parameters = {\n layout: 'fullscreen'\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\nexport const EmailSummaryListDemo = () => {\n const INITIAL_CHUNK_SIZE = 9;\n const APPEND_CHUNK_SIZE = 1;\n\n const emailSummaryListRef = useRef(null);\n const [allEmailItems, setAllEmailItems] = useState(\n emailSummaryItems.slice(0, INITIAL_CHUNK_SIZE)\n );\n const [categories, setCategories] = useState<MenuProps['items']>([\n {\n id: 'item_0',\n primary: 'Default worklist',\n selected: false\n },\n {\n id: 'item_1',\n primary: 'Authors',\n selected: false\n },\n {\n id: 'item_2',\n primary: 'Administrators',\n selected: false\n },\n {\n id: 'item_3',\n primary: 'Managers',\n selected: false\n },\n {\n id: 'item_4',\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 const [loading, setLoading] = useState(false);\n const [hasMore, setHasMore] = useState(true);\n\n const loadMore = useCallback(() => {\n if (!loading) {\n setLoading(true);\n\n setTimeout(() => {\n setLoading(false);\n setAllEmailItems(prevItems => {\n const previousItemsLength = prevItems.length;\n const newItems = emailSummaryItems.slice(\n previousItemsLength,\n previousItemsLength + APPEND_CHUNK_SIZE\n );\n\n if (newItems.length === 0) {\n setHasMore(false);\n }\n\n return [...prevItems, ...newItems];\n });\n }, 1500);\n }\n }, [loading]);\n\n return (\n <EmailSummaryList\n style={{ height: '100vh', width: '25rem', margin: 'auto' }}\n ref={emailSummaryListRef}\n unreadEmailCount={99}\n categories={categories}\n items={allEmailItems}\n onItemClick={handleItemClick}\n onCategoryClick={onCategoryClick}\n onLoadMore={hasMore ? loadMore : undefined}\n loading={loading}\n emptyMessage='No emails.'\n />\n );\n};\n\nEmailSummaryListDemo.parameters = {\n layout: 'fullscreen'\n};\n"]}

package/lib/social/Email/Email.styles.d.ts ADDED Viewed

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+export declare const StyledEmailCardContent: import("styled-components").StyledComponent<import("react").FunctionComponent<import("@pega/cosmos-react-core").CardContentProps & import("@pega/cosmos-react-core").ForwardProps>, import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledViewAnalysis: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+//# sourceMappingURL=Email.styles.d.ts.map

package/lib/social/Email/Email.styles.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"Email.styles.d.ts","sourceRoot":"","sources":["../../../src/social/Email/Email.styles.ts"],"names":[],"mappings":";AAIA,eAAO,MAAM,sBAAsB,0OAMjC,CAAC;AAIH,eAAO,MAAM,kBAAkB,yGAE9B,CAAC"}

package/lib/social/Email/Email.styles.js ADDED Viewed

@@ -0,0 +1,14 @@
+import styled, { css } from 'styled-components';
+import { CardContent, defaultThemeProp } from '@pega/cosmos-react-core';
+export const StyledEmailCardContent = styled(CardContent)(({ theme }) => {
+    return css `
+    &&&& {
+      padding: calc(2 * ${theme.base.spacing}) 0;
+    }
+  `;
+});
+StyledEmailCardContent.defaultProps = defaultThemeProp;
+export const StyledViewAnalysis = styled.div `
+  width: 18rem;
+`;
+//# sourceMappingURL=Email.styles.js.map

package/lib/social/Email/Email.styles.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"Email.styles.js","sourceRoot":"","sources":["../../../src/social/Email/Email.styles.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAEhD,OAAO,EAAE,WAAW,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAExE,MAAM,CAAC,MAAM,sBAAsB,GAAG,MAAM,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;IACtE,OAAO,GAAG,CAAA;;0BAEc,KAAK,CAAC,IAAI,CAAC,OAAO;;GAEzC,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,sBAAsB,CAAC,YAAY,GAAG,gBAAgB,CAAC;AAEvD,MAAM,CAAC,MAAM,kBAAkB,GAAG,MAAM,CAAC,GAAG,CAAA;;CAE3C,CAAC","sourcesContent":["import styled, { css } from 'styled-components';\n\nimport { CardContent, defaultThemeProp } from '@pega/cosmos-react-core';\n\nexport const StyledEmailCardContent = styled(CardContent)(({ theme }) => {\n return css`\n &&&& {\n padding: calc(2 * ${theme.base.spacing}) 0;\n }\n `;\n});\n\nStyledEmailCardContent.defaultProps = defaultThemeProp;\n\nexport const StyledViewAnalysis = styled.div`\n width: 18rem;\n`;\n"]}

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

	@@ -1 +1 @@
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;;AAgB/C,wBAGU;AAEV,eAAO,MAAM,QAAQ;;~~iBAmLpB~~,CAAC;AAEF,eAAO,MAAM,gBAAgB;;;;;CAE5B,CAAC"}
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;;AAgB/C,wBAGU;AAEV,eAAO,MAAM,QAAQ;;iBA0LpB,CAAC;AAEF,eAAO,MAAM,gBAAgB;;;;;CAE5B,CAAC"}

package/lib/social/Feed/Feed.stories.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import { createElement as _createElement } from "react";
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState, useRef } from 'react';
+import { useState, useRef, useCallback } from 'react';
 import { createUID, DateTimeDisplay, Lightbox, OneColumnPage } from '@pega/cosmos-react-core';
 import { Feed, MentionButtonConfig, HashtagButtonConfig } from '@pega/cosmos-react-social';
 import { Glimpse } from '@pega/cosmos-react-work';
@@ -55,22 +55,27 @@ export const FeedDemo = ({ markdownMap }) => {
                 .map(tag => ({ id: tag, primary: tag })));
         }
     };
-    const generateNewPost = () => {
-        setTimeout(() => {
-            setExtraPosts(posts => [
-                ...posts,
-                {
-                    id: createUID(),
-                    fullname: 'Demo User',
-                    username: 'demo_user',
-                    content: 'This post was loaded after the Feed was scrolled to the bottom!',
-                    attachments: [],
-                    replies: [],
-                    renderFeed: false
-                }
-            ]);
-        }, 1000);
-    };
+    const [loading, setLoading] = useState(false);
+    const generateNewPost = useCallback(() => {
+        if (!loading) {
+            setLoading(true);
+            setTimeout(() => {
+                setLoading(false);
+                setExtraPosts(posts => [
+                    ...posts,
+                    {
+                        id: createUID(),
+                        fullname: 'Demo User',
+                        username: 'demo_user',
+                        content: 'This post was loaded after the Feed was scrolled to the bottom!',
+                        attachments: [],
+                        replies: [],
+                        renderFeed: false
+                    }
+                ]);
+            }, 1000);
+        }
+    }, [loading]);
     const onMentionClick = ({ id, type }) => {
         if (type === 'user') {
             const user = userMentions.find(mention => mention.id === id);
@@ -103,7 +108,7 @@ export const FeedDemo = ({ markdownMap }) => {
             return [...postsCopy];
         });
     };
-    return (_jsxs(_Fragment, { children: [_jsx(Feed, { title: 'Pulse', userInfo: { username: 'demo_user', fullname: 'Demo User' }, searchTypes: ['user', 'case'], onDecoratorSearch: onSearch, searchResults: searchResults, onMentionClick: onMentionClick, markdownMap: markdownMap, interactionRenderers: [MentionButtonConfig, HashtagButtonConfig], filters: filters, onFilterChange: toggleFilter, onLoadMore: generateNewPost, newPostRegion: _jsx(FeedNewPostDemo, { onPost: postEvent => {
+    return (_jsxs(_Fragment, { children: [_jsx(Feed, { title: 'Pulse', userInfo: { username: 'demo_user', fullname: 'Demo User' }, searchTypes: ['user', 'case'], onDecoratorSearch: onSearch, searchResults: searchResults, onMentionClick: onMentionClick, markdownMap: markdownMap, interactionRenderers: [MentionButtonConfig, HashtagButtonConfig], filters: filters, onFilterChange: toggleFilter, loadingPosts: loading, onLoadMore: generateNewPost, newPostRegion: _jsx(FeedNewPostDemo, { onPost: postEvent => {
                         const { value, attachments, recipients, clear } = postEvent;
                         attachments.forEach(file => {
                             delete file.onDelete;

package/lib/social/Feed/Feed.stories.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Feed.stories.js","sourceRoot":"","sources":["../../../src/social/Feed/Feed.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Meta } from '@storybook/react';\nimport { useState, useRef } from 'react';\n\nimport {\n createUID,\n DateTimeDisplay,\n Lightbox,\n LightboxProps,\n MenuItemProps,\n OneColumnPage\n} from '@pega/cosmos-react-core';\nimport { MDMap } from '@pega/cosmos-react-rte';\nimport {\n Feed,\n Filter,\n MentionButtonConfig,\n HashtagButtonConfig,\n AttachedFiles\n} from '@pega/cosmos-react-social';\nimport { Glimpse, GlimpseProps } from '@pega/cosmos-react-work';\n\nimport { AppShellDemo } from '../../core/AppShell/AppShell.stories';\n\nimport { FeedPostDemo } from './FeedPost.stories';\nimport { FeedNewPostDemo } from './FeedNewPost.stories';\nimport { caseMentions, feedPosts, userMentions, FeedPostDemoProps } from './Feed.mocks';\n\nexport default {\n title: 'Social/Feed/Feed',\n component: Feed\n} as Meta;\n\nexport const FeedDemo = ({ markdownMap }: { markdownMap?: MDMap }) => {\n const [extraPosts, setExtraPosts] = useState<FeedPostDemoProps[]>(() => feedPosts);\n const [searchResults, setSearchResults] = useState<MenuItemProps[]>([]);\n\n const [filters, setFilters] = useState<Filter[]>(\n Array.from({ length: 10 }, (_, index) => {\n return {\n id: `filter-${index + 1}`,\n label: `Filter ${index + 1}`\n };\n })\n );\n\n const toggleFilter = (filterId: string) => {\n const updatedFilters = [...filters];\n const filterToUpdate = updatedFilters.find(x => x.id === filterId);\n\n if (filterToUpdate) filterToUpdate.on = !filterToUpdate.on;\n\n setFilters(updatedFilters);\n };\n\n const onSearch = ({\n type,\n search,\n mentionType\n }: {\n type: 'mention' \| 'tag';\n search: string;\n mentionType: string;\n }) => {\n if (type === 'mention') {\n const availableMentions = mentionType === 'case' ? caseMentions : userMentions;\n\n const mentions: MenuItemProps[] = availableMentions\n .filter((user: GlimpseProps) => {\n const names = user.primary.toLowerCase().split(' ');\n const searchWords = search.toLowerCase().split(' ');\n return !!searchWords.every((word: string) =>\n names.find((name: string) => name.startsWith(word))\n );\n })\n .map(({ id, primary, secondary, visual }) => {\n return {\n id,\n primary,\n secondary,\n visual\n };\n });\n setSearchResults(mentions);\n } else {\n setSearchResults(\n ['cosmos', 'hashtag', 'pega']\n .filter(tag => {\n return tag.toLowerCase().includes(search.toLowerCase());\n })\n .map(tag => ({ id: tag, primary: tag }))\n );\n }\n };\n\n const generateNewPost = () => {\n setTimeout(() => {\n setExtraPosts(posts => [\n ...posts,\n {\n id: createUID(),\n fullname: 'Demo User',\n username: 'demo_user',\n content: 'This post was loaded after the Feed was scrolled to the bottom!',\n attachments: [],\n replies: [],\n renderFeed: false\n }\n ]);\n }, 1000);\n };\n\n const onMentionClick = ({ id, type }: { id: string; type: string }) => {\n if (type === 'user') {\n const user = userMentions.find(mention => mention.id === id);\n if (user) return <Glimpse {...user} />;\n }\n };\n\n const [lightboxImages, setLightboxImages] = useState<LightboxProps['items'] \| null>(null);\n const defaultLBIndex = useRef(0);\n\n const renderLightbox = (attachments: AttachedFiles[], name: string) => {\n const images: LightboxProps['items'] = attachments\n .filter(attachment => attachment.type.includes('image') && attachment.thumbnail)\n .map(image => {\n return {\n id: image.thumbnail as string,\n name: image.name,\n description: image.name,\n src: image.thumbnail as string,\n metadata: [image.type, <DateTimeDisplay value={new Date()} variant='date' />]\n };\n });\n\n const idx = images.findIndex(image => image.name === name);\n defaultLBIndex.current = idx > -1 ? idx : 0;\n setLightboxImages(images);\n };\n\n const deletePost = (index: number) => {\n setExtraPosts(posts => {\n const postsCopy = [...posts];\n postsCopy.splice(index, 1);\n return [...postsCopy];\n });\n };\n\n return (\n <>\n <Feed\n title='Pulse'\n userInfo={{ username: 'demo_user', fullname: 'Demo User' }}\n searchTypes={['user', 'case']}\n onDecoratorSearch={onSearch}\n searchResults={searchResults}\n onMentionClick={onMentionClick}\n markdownMap={markdownMap}\n interactionRenderers={[MentionButtonConfig, HashtagButtonConfig]}\n filters={filters}\n onFilterChange={toggleFilter}\n onLoadMore={generateNewPost}\n newPostRegion={\n <FeedNewPostDemo\n onPost={postEvent => {\n const { value, attachments, recipients, clear } = postEvent;\n\n attachments.forEach(file => {\n delete file.onDelete;\n file.onPreview = file.type.includes('image')\n ? () => renderLightbox(attachments, file.name)\n : undefined;\n file.onDownload = () => {};\n });\n\n if (value \|\| attachments.length > 0) {\n setExtraPosts(posts => [\n {\n id: createUID(),\n fullname: 'Demo User',\n username: 'demo_user',\n content: value,\n attachments,\n recipients,\n postType: recipients.length ? 'private' : 'public',\n replies: [],\n timeElapsed: 'Just now',\n renderFeed: false\n },\n ...posts\n ]);\n clear();\n }\n }}\n renderFeed={false}\n />\n }\n posts={extraPosts.map((post, i) => {\n return <FeedPostDemo {...post} key={post.id} onDelete={() => deletePost(i)} />;\n })}\n />\n {lightboxImages && (\n <Lightbox\n items={lightboxImages}\n defaultIndex={defaultLBIndex.current}\n onAfterClose={() => {\n setLightboxImages(null);\n }}\n />\n )}\n </>\n );\n};\n\nexport const FeedWithAppShell = () => {\n return <AppShellDemo appHeader main={<OneColumnPage title='Welcome' a={<FeedDemo />} />} />;\n};\n\nFeedWithAppShell.parameters = {\n layout: 'fullscreen'\n};\n"]}
1	+ {"version":3,"file":"Feed.stories.js","sourceRoot":"","sources":["../../../src/social/Feed/Feed.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Meta } from '@storybook/react';\nimport { useState, useRef, useCallback } from 'react';\n\nimport {\n createUID,\n DateTimeDisplay,\n Lightbox,\n LightboxProps,\n MenuItemProps,\n OneColumnPage\n} from '@pega/cosmos-react-core';\nimport { MDMap } from '@pega/cosmos-react-rte';\nimport {\n Feed,\n Filter,\n MentionButtonConfig,\n HashtagButtonConfig,\n AttachedFiles\n} from '@pega/cosmos-react-social';\nimport { Glimpse, GlimpseProps } from '@pega/cosmos-react-work';\n\nimport { AppShellDemo } from '../../core/AppShell/AppShell.stories';\n\nimport { FeedPostDemo } from './FeedPost.stories';\nimport { FeedNewPostDemo } from './FeedNewPost.stories';\nimport { caseMentions, feedPosts, userMentions, FeedPostDemoProps } from './Feed.mocks';\n\nexport default {\n title: 'Social/Feed/Feed',\n component: Feed\n} as Meta;\n\nexport const FeedDemo = ({ markdownMap }: { markdownMap?: MDMap }) => {\n const [extraPosts, setExtraPosts] = useState<FeedPostDemoProps[]>(() => feedPosts);\n const [searchResults, setSearchResults] = useState<MenuItemProps[]>([]);\n\n const [filters, setFilters] = useState<Filter[]>(\n Array.from({ length: 10 }, (_, index) => {\n return {\n id: `filter-${index + 1}`,\n label: `Filter ${index + 1}`\n };\n })\n );\n\n const toggleFilter = (filterId: string) => {\n const updatedFilters = [...filters];\n const filterToUpdate = updatedFilters.find(x => x.id === filterId);\n\n if (filterToUpdate) filterToUpdate.on = !filterToUpdate.on;\n\n setFilters(updatedFilters);\n };\n\n const onSearch = ({\n type,\n search,\n mentionType\n }: {\n type: 'mention' \| 'tag';\n search: string;\n mentionType: string;\n }) => {\n if (type === 'mention') {\n const availableMentions = mentionType === 'case' ? caseMentions : userMentions;\n\n const mentions: MenuItemProps[] = availableMentions\n .filter((user: GlimpseProps) => {\n const names = user.primary.toLowerCase().split(' ');\n const searchWords = search.toLowerCase().split(' ');\n return !!searchWords.every((word: string) =>\n names.find((name: string) => name.startsWith(word))\n );\n })\n .map(({ id, primary, secondary, visual }) => {\n return {\n id,\n primary,\n secondary,\n visual\n };\n });\n setSearchResults(mentions);\n } else {\n setSearchResults(\n ['cosmos', 'hashtag', 'pega']\n .filter(tag => {\n return tag.toLowerCase().includes(search.toLowerCase());\n })\n .map(tag => ({ id: tag, primary: tag }))\n );\n }\n };\n\n const [loading, setLoading] = useState(false);\n\n const generateNewPost = useCallback(() => {\n if (!loading) {\n setLoading(true);\n setTimeout(() => {\n setLoading(false);\n setExtraPosts(posts => [\n ...posts,\n {\n id: createUID(),\n fullname: 'Demo User',\n username: 'demo_user',\n content: 'This post was loaded after the Feed was scrolled to the bottom!',\n attachments: [],\n replies: [],\n renderFeed: false\n }\n ]);\n }, 1000);\n }\n }, [loading]);\n\n const onMentionClick = ({ id, type }: { id: string; type: string }) => {\n if (type === 'user') {\n const user = userMentions.find(mention => mention.id === id);\n if (user) return <Glimpse {...user} />;\n }\n };\n\n const [lightboxImages, setLightboxImages] = useState<LightboxProps['items'] \| null>(null);\n const defaultLBIndex = useRef(0);\n\n const renderLightbox = (attachments: AttachedFiles[], name: string) => {\n const images: LightboxProps['items'] = attachments\n .filter(attachment => attachment.type.includes('image') && attachment.thumbnail)\n .map(image => {\n return {\n id: image.thumbnail as string,\n name: image.name,\n description: image.name,\n src: image.thumbnail as string,\n metadata: [image.type, <DateTimeDisplay value={new Date()} variant='date' />]\n };\n });\n\n const idx = images.findIndex(image => image.name === name);\n defaultLBIndex.current = idx > -1 ? idx : 0;\n setLightboxImages(images);\n };\n\n const deletePost = (index: number) => {\n setExtraPosts(posts => {\n const postsCopy = [...posts];\n postsCopy.splice(index, 1);\n return [...postsCopy];\n });\n };\n\n return (\n <>\n <Feed\n title='Pulse'\n userInfo={{ username: 'demo_user', fullname: 'Demo User' }}\n searchTypes={['user', 'case']}\n onDecoratorSearch={onSearch}\n searchResults={searchResults}\n onMentionClick={onMentionClick}\n markdownMap={markdownMap}\n interactionRenderers={[MentionButtonConfig, HashtagButtonConfig]}\n filters={filters}\n onFilterChange={toggleFilter}\n loadingPosts={loading}\n onLoadMore={generateNewPost}\n newPostRegion={\n <FeedNewPostDemo\n onPost={postEvent => {\n const { value, attachments, recipients, clear } = postEvent;\n\n attachments.forEach(file => {\n delete file.onDelete;\n file.onPreview = file.type.includes('image')\n ? () => renderLightbox(attachments, file.name)\n : undefined;\n file.onDownload = () => {};\n });\n\n if (value \|\| attachments.length > 0) {\n setExtraPosts(posts => [\n {\n id: createUID(),\n fullname: 'Demo User',\n username: 'demo_user',\n content: value,\n attachments,\n recipients,\n postType: recipients.length ? 'private' : 'public',\n replies: [],\n timeElapsed: 'Just now',\n renderFeed: false\n },\n ...posts\n ]);\n clear();\n }\n }}\n renderFeed={false}\n />\n }\n posts={extraPosts.map((post, i) => {\n return <FeedPostDemo {...post} key={post.id} onDelete={() => deletePost(i)} />;\n })}\n />\n {lightboxImages && (\n <Lightbox\n items={lightboxImages}\n defaultIndex={defaultLBIndex.current}\n onAfterClose={() => {\n setLightboxImages(null);\n }}\n />\n )}\n </>\n );\n};\n\nexport const FeedWithAppShell = () => {\n return <AppShellDemo appHeader main={<OneColumnPage title='Welcome' a={<FeedDemo />} />} />;\n};\n\nFeedWithAppShell.parameters = {\n layout: 'fullscreen'\n};\n"]}

package/lib/social/Feed/FeedPost.stories.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FeedPost.stories.d.ts","sourceRoot":"","sources":["../../../src/social/Feed/FeedPost.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAwBxC,OAAO,EAKL,iBAAiB,EAClB,MAAM,cAAc,CAAC;;AAEtB,wBAGU;AAEV,eAAO,MAAM,YAAY,kMActB,iBAAiB,~~gBA6RnB~~,CAAC;AAEF,eAAO,MAAM,oBAAoB,mBAEhC,CAAC;AAEF,eAAO,MAAM,eAAe,mBA+C3B,CAAC"}
1	+ {"version":3,"file":"FeedPost.stories.d.ts","sourceRoot":"","sources":["../../../src/social/Feed/FeedPost.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAwBxC,OAAO,EAKL,iBAAiB,EAClB,MAAM,cAAc,CAAC;;AAEtB,wBAGU;AAEV,eAAO,MAAM,YAAY,kMActB,iBAAiB,gBA2SnB,CAAC;AAEF,eAAO,MAAM,oBAAoB,mBAEhC,CAAC;AAEF,eAAO,MAAM,eAAe,mBA+C3B,CAAC"}

package/lib/social/Feed/FeedPost.stories.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState } from 'react';
+import { useCallback, useState } from 'react';
 import { Avatar, CardContent, Link, Popover, Table, useUID } from '@pega/cosmos-react-core';
 import { HashtagButtonConfig, MentionButtonConfig, Feed, FeedPost } from '@pega/cosmos-react-social';
 import { Glimpse } from '@pega/cosmos-react-work';
@@ -96,31 +96,41 @@ export const FeedPostDemo = ({ fullname = 'Katie Smith', username = 'katie_smith
             return;
         setLikes(userLikes || (renderFeed ? generatedLikes : []));
     };
-    const generateNewLike = () => {
-        setTimeout(() => {
-            setLikes(oldLikes => [
-                ...oldLikes,
-                {
-                    primary: 'Generated Like',
-                    secondary: ['This like was added after the onLoadMore callback triggered'],
-                    visual: _jsx(Avatar, { size: 'l', name: 'Generated Like' }, void 0),
-                    id: 'generatedLike'
-                }
-            ]);
-            setAdditionalLikeAdded(true);
-        }, 1000);
-    };
+    const [likesLoading, setLikesLoading] = useState(false);
+    const generateNewLike = useCallback(() => {
+        if (!likesLoading) {
+            setLikesLoading(true);
+            setTimeout(() => {
+                setLikesLoading(false);
+                setLikes(oldLikes => [
+                    ...oldLikes,
+                    {
+                        primary: 'Generated Like',
+                        secondary: ['This like was added after the onLoadMore callback triggered'],
+                        visual: _jsx(Avatar, { size: 'l', name: 'Generated Like' }, void 0),
+                        id: 'generatedLike'
+                    }
+                ]);
+                setAdditionalLikeAdded(true);
+            }, 1000);
+        }
+    }, [likesLoading]);
     const getInitialRecipients = () => {
         if (recipientsList.length)
             return;
         setRecipientsList(recipients ||
             availableRecipients.slice(0, !allRecipientsVisible ? 10 : availableRecipients.length));
     };
+    const [recipientsLoading, setRecipientsLoading] = useState(false);
     const getAllRecipients = () => {
-        setTimeout(() => {
-            setAllRecipientsVisible(true);
-            setRecipientsList(recipients || availableRecipients);
-        }, 1000);
+        if (!recipientsLoading) {
+            setRecipientsLoading(true);
+            setTimeout(() => {
+                setRecipientsLoading(false);
+                setAllRecipientsVisible(true);
+                setRecipientsList(recipients || availableRecipients);
+            }, 1000);
+        }
     };
     const onMentionClick = ({ id, type }) => {
         if (type === 'user') {
@@ -161,7 +171,7 @@ export const FeedPostDemo = ({ fullname = 'Katie Smith', username = 'katie_smith
                         setLikeCount(curr => curr + 1);
                     }
                     setLiked(curr => !curr);
-                }, onLikeCountInteraction: getInitialLikes, onLoadMoreLikes: !additionalLikeAdded ? generateNewLike : undefined, onRecipientInteraction: getInitialRecipients, onLoadMoreRecipients: !allRecipientsVisible ? getAllRecipients : undefined, onUserClick: (_, clickEvent) => {
+                }, onLikeCountInteraction: getInitialLikes, likesLoading: likesLoading, onLoadMoreLikes: !additionalLikeAdded ? generateNewLike : undefined, onRecipientInteraction: getInitialRecipients, recipientsLoading: recipientsLoading, onLoadMoreRecipients: !allRecipientsVisible ? getAllRecipients : undefined, onUserClick: (_, clickEvent) => {
                     if (clickEvent) {
                         setPopoverTarget(clickEvent.target);
                         setPopoverOpen(curr => !curr);