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

package/jsx/social/Email/Email.mocks.jsx

@@ -0,0 +1,756 @@
+import { createRef } from 'react';
+import { createUID, hasProp, MenuButton, Modal } from '@pega/cosmos-react-core';
+import { EmailComposer } from '@pega/cosmos-react-social';
+export const emailBodyContent = '<div>Hi, <br /> <br /><div>Can you please change my address in the SSN.</div> <br /> <br />Regards, <br />Sara Davis </div>';
+export const emailAttachments = [
+    {
+        name: 'Policy.doc',
+        progress: 100
+    },
+    {
+        name: 'E-Ticket',
+        thumbnail: 'https://pbs.twimg.com/media/ENNN5PAXkAE-hag.jpg'
+    }
+];
+export const participants = [
+    { emailAddress: 'Vernon.Lee@example.com', fullName: 'Vernon Lee', shortName: 'Vernon' },
+    { emailAddress: 'Eula.Morales@example.com', fullName: 'Eula Morales', shortName: 'Eula' },
+    { emailAddress: 'Paul.Smith@example.com', fullName: 'Paul Smith', shortName: 'Paul' },
+    { emailAddress: 'Frank.Walker@example.com', fullName: 'Frank Walker', shortName: 'Frank' },
+    { emailAddress: 'Edward.Green@example.com', fullName: 'Edward Green', shortName: 'Edward' },
+    { emailAddress: 'John.Smith@example.com', fullName: 'John Smith', shortName: 'John' },
+    { emailAddress: 'Olivia.Cockburn@example.com', fullName: 'Olivia Cockburn', shortName: 'Olivia' },
+    { emailAddress: 'Peter.Hernandez@example.com', fullName: 'Peter Hernandez', shortName: 'Peter' },
+    { emailAddress: 'Helena.Johnson@example.com', fullName: 'Helena Johnson', shortName: 'Helena' },
+    {
+        emailAddress: 'Katheryn.Hudson@example.com',
+        fullName: 'Katheryn Hudson',
+        shortName: 'Katheryn'
+    },
+    { emailAddress: 'Mia.Hershel@example.com', fullName: 'Mia Hershel', shortName: 'Mia' },
+    { emailAddress: 'Ann.Mitchell@example.com', fullName: 'Ann Mitchell', shortName: 'Ann' },
+    { emailAddress: 'Rafael.Bottom@example.com', fullName: 'Rafael Bottom', shortName: 'Rafael' },
+    {
+        emailAddress: 'Christopher.Gatsby@example.com',
+        fullName: 'Christopher Gatsby',
+        shortName: 'Christopher'
+    },
+    { emailAddress: 'Julianne.Moore@example.com', fullName: 'Julianne Moore', shortName: 'Julianne' },
+    { emailAddress: 'Emily.Stone@example.com', fullName: 'Emily Stone', shortName: 'Emily' },
+    { emailAddress: 'Richard.Wiles@example.com', fullName: 'Richard Wiles', shortName: 'Richard' },
+    { emailAddress: 'Ella.Connor@example.com', fullName: 'Ella Connor', shortName: 'Ella' },
+    { emailAddress: 'Robyn.Fenton@example.com', fullName: 'Robyn Fenton', shortName: 'Robyn' },
+    { emailAddress: 'Lucille.Hale@example.com', fullName: 'Lucille Hale', shortName: 'Lucille' },
+    { emailAddress: 'Angelina.Pitt@example.com', fullName: 'Angelina Pitt', shortName: 'Angelina' },
+    { emailAddress: 'Tanya.Robinson@example.com', fullName: 'Tanya Robinson', shortName: 'Tanya' },
+    { emailAddress: 'Laura.Horowitz@example.com', fullName: 'Laura Horowitz', shortName: 'Laura' }
+];
+export const toParticipants = participants
+    .slice(1, 3)
+    .map((participant) => participant.emailAddress);
+export const ccParticipants = participants
+    .slice(9, 11)
+    .map((participant) => participant.emailAddress);
+export const bccParticipants = participants
+    .slice(4, 9)
+    .map((participant) => participant.emailAddress);
+export const EntityListMockData = [
+    {
+        name: 'Ticket number',
+        value: [
+            {
+                id: '1',
+                entity: {
+                    value: '7546383',
+                    type: 'system',
+                    name: 'Ticket number',
+                    variant: 3
+                }
+            },
+            {
+                id: '2',
+                entity: {
+                    value: '7546383',
+                    type: 'system',
+                    name: 'Ticket number',
+                    variant: 3,
+                    icon: 'paper-clip'
+                }
+            }
+        ]
+    },
+    {
+        name: 'Name',
+        value: [
+            {
+                id: '1',
+                entity: {
+                    value: 'Robert stanton',
+                    type: 'system',
+                    name: 'Name',
+                    variant: 1
+                }
+            },
+            {
+                id: '2',
+                entity: {
+                    value: 'Sara Davis',
+                    type: 'system',
+                    name: 'Name',
+                    variant: 1
+                }
+            },
+            {
+                id: '3',
+                entity: {
+                    value: 'Cindy',
+                    type: 'system',
+                    name: 'Name',
+                    variant: 1
+                }
+            },
+            {
+                id: '4',
+                entity: {
+                    value: 'Dean',
+                    type: 'system',
+                    name: 'Name',
+                    variant: 1
+                }
+            },
+            {
+                id: '5',
+                entity: {
+                    value: 'Joe Stevens',
+                    type: 'system',
+                    name: 'Name',
+                    variant: 1
+                }
+            }
+        ]
+    },
+    {
+        name: 'Email',
+        value: [
+            {
+                id: '1',
+                entity: {
+                    value: 'robert.stanton@example.com',
+                    type: 'system',
+                    name: 'Email',
+                    variant: 2
+                }
+            },
+            {
+                id: '2',
+                entity: {
+                    value: 'robert.stanton@example.com',
+                    type: 'system',
+                    name: 'Email',
+                    variant: 2,
+                    icon: 'paper-clip'
+                }
+            },
+            {
+                id: '3',
+                entity: {
+                    value: 'cindy.turner@example.com',
+                    type: 'system',
+                    name: 'Email',
+                    variant: 2
+                }
+            },
+            {
+                id: '4',
+                entity: {
+                    value: 'dean.thomas@example.com',
+                    type: 'system',
+                    name: 'Email',
+                    variant: 2
+                }
+            },
+            {
+                id: '5',
+                entity: {
+                    value: 'joe.stevens@example.com',
+                    type: 'system',
+                    name: 'Email',
+                    variant: 2
+                }
+            }
+        ]
+    },
+    {
+        name: 'Date',
+        value: [
+            {
+                id: '1',
+                entity: {
+                    value: 'Dec 5,2021 9.05 AM',
+                    type: 'system',
+                    name: 'Date',
+                    variant: 4
+                }
+            }
+        ]
+    },
+    {
+        name: 'Flight Number',
+        value: [
+            {
+                id: '1',
+                entity: {
+                    value: 'FL-JK-403',
+                    type: 'system',
+                    name: 'Flight Number',
+                    variant: 5
+                }
+            }
+        ]
+    },
+    {
+        name: 'Address',
+        value: [
+            {
+                id: '1',
+                entity: {
+                    value: 'Nagercoil,Hyderabad',
+                    type: 'system',
+                    name: 'Address',
+                    variant: 15
+                }
+            }
+        ]
+    },
+    {
+        name: 'Location',
+        value: [
+            {
+                id: '1',
+                entity: {
+                    value: 'Hyderabad',
+                    type: 'system',
+                    name: 'Location',
+                    variant: 8
+                }
+            }
+        ]
+    }
+];
+export const EmailMockData = {
+    emails: {
+        'Sara Davis': {
+            fullName: 'Sara Davis',
+            shortName: 'Sara',
+            emailAddress: 'saraConnor@example.com'
+        },
+        'John Brown': {
+            fullName: 'John Brown',
+            shortName: 'John',
+            emailAddress: 'john@example.com'
+        },
+        'Hugh Phillips': {
+            fullName: 'Hugh Phillips',
+            shortName: 'Hugh',
+            emailAddress: 'Hugh@example.com'
+        },
+        'Laura Stevens': {
+            fullName: 'Laura Stevens',
+            shortName: 'Laura',
+            emailAddress: 'laurastevens@example.com',
+            avatarProps: {
+                icon: 'headset'
+            }
+        },
+        'Joe Stevens': {
+            fullName: 'Joe Stevens',
+            shortName: 'Joe',
+            emailAddress: 'Joe@example.com'
+        },
+        'Adam Gillchrist': {
+            fullName: 'Adam Gillchrist',
+            shortName: 'Adam',
+            emailAddress: 'adam@example.com'
+        },
+        'John Paul': {
+            fullName: 'John, Paul',
+            shortName: 'Paul',
+            emailAddress: 'John.Paul@example.com'
+        },
+        'Oran Jacob': {
+            fullName: 'Oran, Jacob',
+            shortName: 'Jacob',
+            emailAddress: 'jacob@example.com'
+        },
+        'Tyson Mike': {
+            fullName: 'Tyson, Mike',
+            shortName: 'Mike',
+            emailAddress: 'mike@example.com'
+        },
+        'John Cent': {
+            fullName: 'John, Cent',
+            shortName: 'John',
+            emailAddress: 'John.cena@example.com'
+        },
+        'Mystery Rey': {
+            fullName: 'Mystery, Rey',
+            shortName: 'Rey',
+            emailAddress: 'rey619@example.com'
+        },
+        'Anton, Randy': {
+            fullName: 'Anton, Randy',
+            shortName: 'Randy',
+            emailAddress: 'Randy.ortan@example.com'
+        }
+    },
+    suggestedReplies: [
+        {
+            id: 'thank-you',
+            title: 'Thank you',
+            content: 'Thank you'
+        },
+        {
+            id: 'clarification',
+            title: 'Clarification',
+            content: 'Can you please provide more clarification'
+        },
+        {
+            id: 'apologies',
+            title: 'Apologies',
+            content: 'Apologies for the inconvenience'
+        },
+        {
+            id: 'we_will_help',
+            title: 'We will help',
+            content: 'We will help'
+        }
+    ],
+    emailBodyTemplates: [
+        {
+            id: 'thank-you',
+            title: 'Thank you',
+            content: 'Thank you'
+        },
+        {
+            id: 'clarification',
+            title: 'Clarification',
+            content: 'Can you please provide more clarification'
+        },
+        {
+            id: 'apologies',
+            title: 'Apologies',
+            content: 'Apologies for the inconvenience'
+        },
+        {
+            id: 'we_will_help',
+            title: 'We will help',
+            content: 'We will help'
+        }
+    ]
+};
+export const viewAnalysisEmailHeaderMock = [
+    {
+        name: 'Sender email',
+        value: 'robert.stanton@hotmail.com'
+    },
+    {
+        name: 'Sender name',
+        value: 'Robert stanton'
+    },
+    {
+        name: 'Subject',
+        value: 'I have a quick question on travel'
+    }
+];
+export const topicListMock = [
+    {
+        id: '1',
+        primary: 'Missing ticket',
+        secondary: {
+            indicator: 'Confidence',
+            value: '50%'
+        }
+    },
+    {
+        id: '2',
+        primary: 'Missing baggage',
+        secondary: {
+            indicator: 'Confidence',
+            value: '80%'
+        }
+    },
+    {
+        id: '3',
+        primary: 'Ticket booking',
+        secondary: {
+            indicator: 'Confidence',
+            value: '30%'
+        }
+    },
+    {
+        id: '4',
+        primary: 'Language',
+        secondary: {
+            indicator: 'Confidence'
+        }
+    }
+];
+export const handleExternalEntry = (filterValue) => {
+    const pattern = /^[\w.\-_]+@[a-zA-Z]+(\.[a-zA-Z]{2,3}){1,2}$/;
+    const matched = filterValue.match(pattern);
+    return !!matched?.input;
+};
+export const templates = EmailMockData.emailBodyTemplates.map(({ id, title }) => {
+    return {
+        id,
+        title
+    };
+});
+export const baseComposerProps = {
+    progress: false,
+    participants,
+    externalValidator: handleExternalEntry,
+    to: {
+        reply: toParticipants.slice(0, 1),
+        replyAll: toParticipants
+    },
+    cc: ccParticipants,
+    subject: '',
+    bodyContent: '',
+    onSend: () => { },
+    onCancel: () => { },
+    templates
+};
+export var LaunchAction;
+(function (LaunchAction) {
+    LaunchAction[LaunchAction["REPLY"] = 0] = "REPLY";
+    LaunchAction[LaunchAction["REPLYALL"] = 1] = "REPLYALL";
+    LaunchAction[LaunchAction["SUGGESTION"] = 2] = "SUGGESTION";
+    LaunchAction[LaunchAction["FORWARD"] = 3] = "FORWARD";
+})(LaunchAction || (LaunchAction = {}));
+export const composerModals = {};
+export const getCompositeId = (id, launchAction) => {
+    return `${id}-${launchAction}`;
+};
+export const handleComposerCancel = (compositeID) => {
+    composerModals[compositeID]?.dismissModal();
+    composerModals[compositeID]?.unMountModal();
+    delete composerModals[compositeID];
+};
+export const ComposerModalComponent = ({ compositeId, composerProps, composerRef, progress }) => {
+    return (<Modal heading={composerProps.subject} options={{ id: { compositeId } }}>
+      <EmailComposer {...composerProps} ref={composerRef} onCancel={() => handleComposerCancel(compositeId)} progress={progress}/>
+    </Modal>);
+};
+export const launchEmailComposer = (id, launchAction, composerProps, create) => {
+    const compositeId = getCompositeId(id, launchAction);
+    const composerRef = createRef();
+    const composerPropsWithOnSend = {
+        ...composerProps,
+        onSend: () => {
+            composerModals[compositeId]?.updateModal({
+                progress: {
+                    message: 'Sending..'
+                }
+            });
+            setTimeout(() => {
+                composerModals[compositeId]?.dismissModal();
+                composerModals[compositeId]?.unMountModal();
+            }, 3000);
+        }
+    };
+    const modalControls = create(ComposerModalComponent, {
+        compositeId,
+        composerProps: composerPropsWithOnSend,
+        composerRef,
+        progress: composerProps.progress
+    }, { minimizable: true, maximizable: true, dockable: true });
+    composerModals[compositeId] = {
+        dismissModal: modalControls.dismiss,
+        unMountModal: modalControls.unmount,
+        updateModal: modalControls.update,
+        composerRef
+    };
+};
+export const emailActions = (<MenuButton text='Email actions' variant='simple' icon='more' iconOnly menu={{
+        items: [
+            {
+                primary: 'Reply'
+            },
+            {
+                primary: 'Reply all'
+            },
+            {
+                primary: 'Forward'
+            }
+        ].map((item, i) => ({ ...item, id: `item_${i}` }))
+    }}/>);
+export const emailDemoActions = (create, subject, onTemplateChange) => {
+    const id = createUID();
+    return (<MenuButton text='Email actions' variant='simple' icon='more' iconOnly menu={{
+            items: [
+                {
+                    primary: 'Reply',
+                    onClick: () => launchEmailComposer(id, LaunchAction.REPLY, {
+                        ...baseComposerProps,
+                        onTemplateChange,
+                        responseType: 'reply',
+                        subject: `Re-${subject}` || ''
+                    }, create)
+                },
+                {
+                    primary: 'Reply all',
+                    onClick: () => launchEmailComposer(id, LaunchAction.REPLYALL, {
+                        ...baseComposerProps,
+                        onTemplateChange,
+                        responseType: 'replyAll',
+                        cc: [],
+                        subject: `Re-${subject}` || ''
+                    }, create)
+                },
+                {
+                    primary: 'Forward',
+                    onClick: () => launchEmailComposer(id, LaunchAction.FORWARD, {
+                        ...baseComposerProps,
+                        onTemplateChange,
+                        responseType: 'forward',
+                        subject: `Fw-${subject}` || ''
+                    }, create)
+                }
+            ].map((item, i) => ({ ...item, id: `item_${i}` }))
+        }}/>);
+};
+export const mockEmails = EmailMockData.emails;
+export const mockSuggestedReplies = EmailMockData.suggestedReplies;
+export const mockEmailBodyTemplates = EmailMockData.emailBodyTemplates;
+export const generateEmailConversationParticipants = (emails, fields) => {
+    let l;
+    if (fields) {
+        l = [...fields];
+    }
+    else {
+        l = ['from', 'to', 'cc', 'bcc'];
+    }
+    const emailUsers = emails.map(emailItem => {
+        return l.map(n => {
+            if (hasProp(emailItem, n)) {
+                return emailItem[n];
+            }
+            return [];
+        });
+    });
+    return [...new Set(Array.from(emailUsers).flat(2))];
+};
+export const sentiment = {
+    variant: 'negative',
+    labelHidden: true
+};
+export const emailSummaryItems = [
+    {
+        activeParticipants: [
+            { shortName: 'Robert', fullName: 'Robert Downer', emailAddress: 'robert.downey@example.com' },
+            { shortName: 'Support', fullName: 'Support', emailAddress: 'support@example.com' }
+        ],
+        message: 'I have a quick question on travel',
+        timeStamp: new Date(Date.UTC(new Date().getUTCFullYear(), new Date().getUTCMonth(), 24)),
+        topic: 'Travel request',
+        sentiment,
+        active: true,
+        urgency: 85,
+        unreadEmailCount: 4
+    },
+    {
+        activeParticipants: [
+            {
+                shortName: 'Nathan',
+                fullName: 'Nathan Swanson',
+                emailAddress: 'nathan.swanson@example.com'
+            }
+        ],
+        message: 'My luggage did not drive!',
+        timeStamp: new Date(Date.UTC(new Date().getUTCFullYear(), new Date().getUTCMonth(), 24)),
+        topic: 'Missing Luggage',
+        sentiment,
+        urgency: 10,
+        unreadEmailCount: 2
+    },
+    {
+        activeParticipants: [
+            { shortName: 'Simpson', fullName: 'Glenn Simpson', emailAddress: 'glenn.simpson@example.com' }
+        ],
+        message: 'Re: How much is a flight to Florida. Is there a discount going on?',
+        timeStamp: new Date(Date.UTC(new Date().getUTCFullYear(), new Date().getUTCMonth(), 24)),
+        topic: 'Travel request',
+        sentiment,
+        urgency: 65,
+        unreadEmailCount: 1
+    },
+    {
+        activeParticipants: [
+            { shortName: 'Green', fullName: 'Ralph Green', emailAddress: 'ralph.green@example.com' }
+        ],
+        message: 'Re: Should I purchase travel insurance? How often do we need it?',
+        timeStamp: new Date(Date.UTC(new Date().getUTCFullYear(), new Date().getUTCMonth(), 24)),
+        topic: 'Travel request',
+        sentiment,
+        urgency: 85,
+        unreadEmailCount: 6
+    },
+    {
+        activeParticipants: [
+            { shortName: 'Greene', fullName: 'Fred Greene', emailAddress: 'Fred.greene@example.com' }
+        ],
+        message: 'My next vacation',
+        timeStamp: new Date(Date.UTC(new Date().getUTCFullYear(), new Date().getUTCMonth(), 24)),
+        topic: 'Travel request',
+        sentiment,
+        urgency: 45
+    },
+    {
+        activeParticipants: [
+            { shortName: 'Smith', fullName: 'Aya Smith', emailAddress: 'aya.smith@example.com' },
+            { shortName: 'Support', fullName: 'Support', emailAddress: 'support@example.com' },
+            { shortName: 'Downer', fullName: 'Robert Downer', emailAddress: 'robert.downer@example.com' }
+        ],
+        message: 'Airport questions',
+        timeStamp: new Date(Date.UTC(new Date().getUTCFullYear(), new Date().getUTCMonth(), 24)),
+        topic: 'Travel request',
+        sentiment,
+        urgency: 35
+    },
+    {
+        activeParticipants: [
+            { shortName: 'Robert', fullName: 'Robert Downer', emailAddress: 'robert.downey@example.com' },
+            { shortName: 'Robert', fullName: 'Robert ', emailAddress: 'robert.downey@example.com' }
+        ],
+        message: 'I have a quick question on travel',
+        timeStamp: new Date(Date.UTC(new Date().getUTCFullYear(), new Date().getUTCMonth(), 24)),
+        topic: 'Travel request',
+        sentiment,
+        urgency: 85
+    },
+    {
+        activeParticipants: [
+            {
+                shortName: 'Nathan',
+                fullName: 'Nathan Swanson',
+                emailAddress: 'nathan.swanson@example.com'
+            }
+        ],
+        message: 'My luggage did not drive!',
+        timeStamp: new Date(Date.UTC(new Date().getUTCFullYear(), new Date().getUTCMonth(), 24)),
+        topic: 'Missing Luggage',
+        sentiment,
+        urgency: 10
+    },
+    {
+        activeParticipants: [
+            { shortName: 'Simpson', fullName: 'Glenn Simpson', emailAddress: 'glenn.simpson@example.com' }
+        ],
+        message: 'Re: How much is a flight to Florida',
+        timeStamp: new Date(Date.UTC(new Date().getUTCFullYear(), new Date().getUTCMonth(), 24)),
+        topic: 'Travel request',
+        sentiment,
+        urgency: 65
+    },
+    {
+        activeParticipants: [
+            { shortName: 'Green', fullName: 'Ralph Green', emailAddress: 'ralph.green@example.com' }
+        ],
+        message: 'Re: Should I purchase travel insurance',
+        timeStamp: new Date(Date.UTC(new Date().getUTCFullYear(), new Date().getUTCMonth(), 24)),
+        topic: 'Travel request',
+        sentiment,
+        urgency: 85
+    },
+    {
+        activeParticipants: [
+            { shortName: 'Greene', fullName: 'Fred Greene', emailAddress: 'Fred.greene@example.com' }
+        ],
+        message: 'My next vacation',
+        timeStamp: new Date(Date.UTC(new Date().getUTCFullYear(), new Date().getUTCMonth(), 24)),
+        topic: 'Travel request',
+        sentiment,
+        urgency: 45
+    },
+    {
+        activeParticipants: [
+            { shortName: 'Smith', fullName: 'Aya Smith', emailAddress: 'aya.smith@example.com' },
+            { shortName: 'Support', fullName: 'Support', emailAddress: 'support@example.com' },
+            { shortName: 'Downer', fullName: 'Robert Downer', emailAddress: 'robert.downer@example.com' }
+        ],
+        message: 'Airport questions',
+        timeStamp: new Date(Date.UTC(new Date().getUTCFullYear(), new Date().getUTCMonth(), 24)),
+        topic: 'Travel request',
+        sentiment,
+        urgency: 35
+    },
+    {
+        activeParticipants: [
+            { shortName: 'Robert', fullName: 'Robert Downer', emailAddress: 'robert.downey@example.com' },
+            { shortName: 'Robert', fullName: 'Robert ', emailAddress: 'robert.downey@example.com' }
+        ],
+        message: 'I have a quick question on travel',
+        timeStamp: new Date(Date.UTC(new Date().getUTCFullYear(), new Date().getUTCMonth(), 24)),
+        topic: 'Travel request',
+        sentiment,
+        urgency: 85
+    },
+    {
+        activeParticipants: [
+            {
+                shortName: 'Nathan',
+                fullName: 'Nathan Swanson',
+                emailAddress: 'nathan.swanson@example.com'
+            }
+        ],
+        message: 'My luggage did not drive!',
+        timeStamp: new Date(Date.UTC(new Date().getUTCFullYear(), new Date().getUTCMonth(), 24)),
+        topic: 'Missing Luggage',
+        sentiment,
+        urgency: 10
+    },
+    {
+        activeParticipants: [
+            { shortName: 'Simpson', fullName: 'Glenn Simpson', emailAddress: 'glenn.simpson@example.com' }
+        ],
+        message: 'Re: How much is a flight to Florida',
+        timeStamp: new Date(Date.UTC(new Date().getUTCFullYear(), new Date().getUTCMonth(), 24)),
+        topic: 'Travel request',
+        sentiment,
+        urgency: 65
+    },
+    {
+        activeParticipants: [
+            { shortName: 'Green', fullName: 'Ralph Green', emailAddress: 'ralph.green@example.com' }
+        ],
+        message: 'Re: Should I purchase travel insurance',
+        timeStamp: new Date(Date.UTC(new Date().getUTCFullYear(), new Date().getUTCMonth(), 24)),
+        topic: 'Travel request',
+        sentiment,
+        urgency: 85
+    },
+    {
+        activeParticipants: [
+            { shortName: 'Greene', fullName: 'Fred Greene', emailAddress: 'Fred.greene@example.com' }
+        ],
+        message: 'My next vacation',
+        timeStamp: new Date(Date.UTC(new Date().getUTCFullYear(), new Date().getUTCMonth(), 24)),
+        topic: 'Travel request',
+        sentiment,
+        urgency: 45
+    },
+    {
+        activeParticipants: [
+            { shortName: 'Smith', fullName: 'Aya Smith', emailAddress: 'aya.smith@example.com' },
+            { shortName: 'Support', fullName: 'Support', emailAddress: 'support@example.com' },
+            { shortName: 'Downer', fullName: 'Robert Downer', emailAddress: 'robert.downer@example.com' }
+        ],
+        message: 'Airport questions',
+        timeStamp: new Date(Date.UTC(new Date().getUTCFullYear(), new Date().getUTCMonth(), 24)),
+        topic: 'Travel request',
+        sentiment,
+        urgency: 35
+    }
+].map((item, i) => ({ ...item, id: `item_${i}` }));
+//# sourceMappingURL=Email.mocks.jsx.map