@pega/cosmos-react-demos 2.1.4 → 3.0.0-dev.10.0

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

@@ -1,12 +1,14 @@
-/// <reference types="react" />
-import { EmailComposerProps, ViewAnalysisProps } from '@pega/cosmos-react-social';
-export declare const emailBodyContent: JSX.Element;
+import { FC, Ref, RefObject } from 'react';
+import { FieldValueListProps, SentimentProps } from '@pega/cosmos-react-core';
+import { ModalManagerContextValue, ModalMethods } from '@pega/cosmos-react-core/lib/components/Modal/Modal.types';
+import { EmailComposerProps, EmailProps, EmailUser, EntityListProps } from '@pega/cosmos-react-social';
+export declare const emailBodyContent = "<div>Hi, <br /> <br /><div>Can you please change my address in the SSN.</div> <br /> <br />Regards, <br />Sara Davis </div>";
 export declare const emailAttachments: EmailComposerProps['attachments'];
 export declare const participants: EmailComposerProps['participants'];
 export declare const toParticipants: string[];
 export declare const ccParticipants: string[];
 export declare const bccParticipants: string[];
-export declare const ViewAnalysisMockData: ViewAnalysisProps['content'];
+export declare const EntityListMockData: EntityListProps['content'];
 export declare const EmailMockData: {
     emails: {
         'Sara Davis': {
@@ -84,4 +86,171 @@ export declare const EmailMockData: {
         content: string;
     }[];
 };
+export declare const viewAnalysisEmailHeaderMock: FieldValueListProps['fields'];
+export declare const topicListMock: ({
+    id: string;
+    primary: string;
+    secondary: {
+        indicator: string;
+        value: string;
+    };
+} | {
+    id: string;
+    primary: string;
+    secondary: {
+        indicator: string;
+        value?: undefined;
+    };
+})[];
+export declare const handleExternalEntry: (filterValue: string) => boolean;
+export declare const templates: {
+    id: string;
+    title: string;
+}[];
+export declare const baseComposerProps: EmailComposerProps;
+export declare enum LaunchAction {
+    REPLY = 0,
+    REPLYALL = 1,
+    SUGGESTION = 2,
+    FORWARD = 3
+}
+export declare const composerModals: {
+    [key: string]: {
+        dismissModal: () => void;
+        unMountModal: () => void;
+        updateModal: ModalMethods['update'];
+        composerRef: Ref<HTMLDivElement>;
+    };
+};
+export declare const getCompositeId: (id: string, launchAction: LaunchAction) => string;
+export declare const handleComposerCancel: (compositeID: string) => void;
+export declare const ComposerModalComponent: FC<{
+    compositeId: string;
+    composerProps: EmailComposerProps;
+    composerRef: RefObject<HTMLDivElement>;
+    progress: EmailComposerProps['progress'];
+}>;
+export declare const mockEmails: {
+    'Sara Davis': {
+        fullName: string;
+        shortName: string;
+        emailAddress: string;
+    };
+    'John Brown': {
+        fullName: string;
+        shortName: string;
+        emailAddress: string;
+    };
+    'Hugh Phillips': {
+        fullName: string;
+        shortName: string;
+        emailAddress: string;
+    };
+    'Laura Stevens': {
+        fullName: string;
+        shortName: string;
+        emailAddress: string;
+        avatarProps: {
+            icon: string;
+        };
+    };
+    'Joe Stevens': {
+        fullName: string;
+        shortName: string;
+        emailAddress: string;
+    };
+    'Adam Gillchrist': {
+        fullName: string;
+        shortName: string;
+        emailAddress: string;
+    };
+    'John Paul': {
+        fullName: string;
+        shortName: string;
+        emailAddress: string;
+    };
+    'Oran Jacob': {
+        fullName: string;
+        shortName: string;
+        emailAddress: string;
+    };
+    'Tyson Mike': {
+        fullName: string;
+        shortName: string;
+        emailAddress: string;
+    };
+    'John Cent': {
+        fullName: string;
+        shortName: string;
+        emailAddress: string;
+    };
+    'Mystery Rey': {
+        fullName: string;
+        shortName: string;
+        emailAddress: string;
+    };
+    'Anton, Randy': {
+        fullName: string;
+        shortName: string;
+        emailAddress: string;
+    };
+};
+export declare const mockSuggestedReplies: {
+    id: string;
+    title: string;
+    content: string;
+}[];
+export declare const mockEmailBodyTemplates: {
+    id: string;
+    title: string;
+    content: string;
+}[];
+export declare const launchEmailComposer: (id: string, launchAction: LaunchAction, composerProps: EmailComposerProps, create: ModalManagerContextValue['create']) => void;
+export declare const emailActions: EmailProps['actions'];
+export declare const emailDemoActions: (create: ModalManagerContextValue['create'], subject: EmailProps['subject']) => JSX.Element;
+export declare const generateEmailConversationParticipants: (emails: EmailProps[], fields?: string[] | undefined) => EmailUser[];
+export declare const sentiment: SentimentProps;
+export declare const emailSummaryItems: ({
+    id: string;
+    activeParticipants: {
+        shortName: string;
+        fullName: string;
+        emailAddress: string;
+    }[];
+    message: string;
+    timeStamp: Date;
+    topic: string;
+    sentiment: SentimentProps;
+    active: boolean;
+    urgency: number;
+    unreadEmailCount: number;
+} | {
+    id: string;
+    activeParticipants: {
+        shortName: string;
+        fullName: string;
+        emailAddress: string;
+    }[];
+    message: string;
+    timeStamp: Date;
+    topic: string;
+    sentiment: SentimentProps;
+    urgency: number;
+    unreadEmailCount: number;
+    active?: undefined;
+} | {
+    id: string;
+    activeParticipants: {
+        shortName: string;
+        fullName: string;
+        emailAddress: string;
+    }[];
+    message: string;
+    timeStamp: Date;
+    topic: string;
+    sentiment: SentimentProps;
+    urgency: number;
+    active?: undefined;
+    unreadEmailCount?: undefined;
+})[];
 //# sourceMappingURL=Email.mocks.d.ts.map

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

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

package/lib/social/Email/Email.mocks.js

@@ -1,6 +1,9 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { RichTextViewer } from '@pega/cosmos-react-rte';
-export const emailBodyContent = (_jsx(RichTextViewer, { content: '<div>Hi, <br /> <br /><div>Can you please change my address in the SSN.</div> <br /> <br />Regards, <br />Sara Davis </div>', type: 'html' }, void 0));
+// cSpell:words Nagercoil
+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',
@@ -53,7 +56,7 @@ export const ccParticipants = participants
 export const bccParticipants = participants
     .slice(4, 9)
     .map((participant) => participant.emailAddress);
-export const ViewAnalysisMockData = [
+export const EntityListMockData = [
     {
         name: 'Ticket number',
         value: [
@@ -347,4 +350,418 @@ export const EmailMockData = {
         }
     ]
 };
+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 (_jsx(Modal, { heading: composerProps.subject, options: { id: { compositeId } }, children: _jsx(EmailComposer, { ...composerProps, ref: composerRef, onCancel: () => handleComposerCancel(compositeId), progress: progress }) }));
+};
+export const mockEmails = EmailMockData.emails;
+export const mockSuggestedReplies = EmailMockData.suggestedReplies;
+export const mockEmailBodyTemplates = EmailMockData.emailBodyTemplates;
+const handleTemplateChange = (templateId, compositeId) => {
+    const selectedTemplate = mockEmailBodyTemplates.find(template => template.id === templateId);
+    composerModals[compositeId]?.updateModal({ progress: { message: 'Loading template...' } });
+    return new Promise(resolve => {
+        setTimeout(() => {
+            composerModals[compositeId]?.updateModal({ progress: false });
+            resolve(selectedTemplate?.content);
+        }, 1000);
+    });
+};
+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(() => {
+                // Mimics an api call
+                composerModals[compositeId]?.dismissModal();
+                composerModals[compositeId]?.unMountModal();
+            }, 3000);
+        },
+        onTemplateChange: (templateId) => {
+            return handleTemplateChange(templateId, compositeId);
+        }
+    };
+    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 = (_jsx(MenuButton, { text: 'Email actions', variant: 'simple', icon: 'more', iconOnly: true, menu: {
+        items: [
+            {
+                primary: 'Reply'
+            },
+            {
+                primary: 'Reply all'
+            },
+            {
+                primary: 'Forward'
+            }
+        ].map((item, i) => ({ ...item, id: `item_${i}` }))
+    } }));
+export const emailDemoActions = (create, subject) => {
+    const id = createUID();
+    return (_jsx(MenuButton, { text: 'Email actions', variant: 'simple', icon: 'more', iconOnly: true, menu: {
+            items: [
+                {
+                    primary: 'Reply',
+                    onClick: () => launchEmailComposer(id, LaunchAction.REPLY, {
+                        ...baseComposerProps,
+                        responseType: 'reply',
+                        subject: `Re-${subject}` || ''
+                    }, create)
+                },
+                {
+                    primary: 'Reply all',
+                    onClick: () => launchEmailComposer(id, LaunchAction.REPLYALL, {
+                        ...baseComposerProps,
+                        responseType: 'replyAll',
+                        cc: [],
+                        subject: `Re-${subject}` || ''
+                    }, create)
+                },
+                {
+                    primary: 'Forward',
+                    onClick: () => launchEmailComposer(id, LaunchAction.FORWARD, {
+                        ...baseComposerProps,
+                        responseType: 'forward',
+                        subject: `Fw-${subject}` || ''
+                    }, create)
+                }
+            ].map((item, i) => ({ ...item, id: `item_${i}` }))
+        } }));
+};
+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.js.map