npm - @pega/cosmos-react-demos - Versions diffs - 2.1.4 → 3.0.0-dev.1.0 - Mend

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

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 (90) hide show

package/jsx/cs/TaskManager/TaskManager.stories.jsx CHANGED Viewed

@@ -1,92 +1,104 @@
-import { useEffect, useRef, useState } from 'react';
+import { useRef, useState } from 'react';
 import { action } from '@storybook/addon-actions';
 import { array, number, boolean } from '@storybook/addon-knobs';
-import { Button, createUID, DateInput, DateTimeInput, Form, Grid, Input, MenuButton, Text, TimeInput } from '@pega/cosmos-react-core';
+import styled, { css } from 'styled-components';
+import { Button, createUID, DateInput, DateTimeInput, Flex, Form, Grid, Input, MenuButton, Status, Text, TimeInput } from '@pega/cosmos-react-core';
 import { Timeline } from '@pega/cosmos-react-work';
-import { TaskManager, TaskView } from '@pega/cosmos-react-cs';
+import { TaskManager as TaskManagerComp, TaskView } from '@pega/cosmos-react-cs';
 import { activity } from '@pega/cosmos-react-demos/lib/work/Timeline/Timeline.mocks';
 import { TaskPickerMockData } from './TaskManager.mocks';
 export default {
     title: 'Customer Service/TaskManager',
-    component: TaskManager
+    component: TaskManagerComp
 };
-const WRAP_UP_TASK_ID = createUID();
 const TaskPickerData = TaskPickerMockData;
-export const TaskManagerDemo = () => {
-    const [serviceTasks, setServiceTasks] = useState([]);
+const WrapUpTask = {
+    id: createUID(),
+    name: 'Wrap up',
+    status: 'In progress',
+    variant: 'pending'
+};
+const StyledStatus = styled(Status)(({ theme }) => {
+    return css `
+    margin-block-start: calc(0.25 * ${theme.base.spacing});
+  `;
+});
+export const TaskManager = ({ initialTasks, main, onTaskDismiss, onTaskLaunch, wrapUp }) => {
+    const [serviceTasks, setServiceTasks] = useState(initialTasks || []);
     const [isWrapUpTabVisible, setIsWrapUpTabVisible] = useState(false);
+    const [disableWrapUp, setDisableWrapUp] = useState(false);
     const formActionsElemRef = useRef(null);
     const taskManagerRef = useRef(null);
     const [activeTaskId, setActiveTaskId] = useState(undefined);
-    const addTaskButtonRef = useRef(null);
-    useEffect(() => {
-        if (formActionsElemRef.current) {
-            formActionsElemRef.current.focus();
-            formActionsElemRef.current.scrollIntoView(false);
-        }
-        else if (addTaskButtonRef.current) {
-            addTaskButtonRef.current.scrollIntoView(false);
-        }
-    }, [activeTaskId]);
     const switchTab = (taskList, taskId) => {
+        if (taskList.filter(task => !task.hideFromTab).length <= 1) {
+            return isWrapUpTabVisible ? setActiveTaskId(WrapUpTask.id) : setActiveTaskId(undefined);
+        }
         const taskIndex = taskList.findIndex(task => {
             return task.id === taskId;
         });
-        let nextTaskId = '';
-        if (taskIndex >= 0 && taskIndex < taskList.length - 1) {
-            nextTaskId = taskList[taskIndex + 1].id;
-            setActiveTaskId(nextTaskId);
-        }
-        else if (taskIndex === taskList.length - 1 && taskList.length > 1) {
-            setActiveTaskId(taskList[0].id);
-        }
-        else
-            setActiveTaskId(undefined);
+        let nextTaskIndex = taskList.findIndex((task, i) => {
+            return i > taskIndex && !task.hideFromTab;
+        });
+        if (nextTaskIndex === -1)
+            nextTaskIndex = taskList.findIndex(task => !task.hideFromTab);
+        setActiveTaskId(taskList[nextTaskIndex].id);
     };
     const performTaskAction = (taskId, taskAction) => {
-        if (taskId === WRAP_UP_TASK_ID) {
+        if (taskId === WrapUpTask.id) {
             if (taskAction === 'cancel') {
-                setServiceTasks(prevTasks => {
-                    return prevTasks
-                        .filter(task => task.variant !== 'queued')
-                        .map(task => {
-                        if (task.variant !== 'resolved') {
-                            return {
-                                ...task,
-                                variant: 'cancelled',
+                setIsWrapUpTabVisible(false);
+                const openTasks = serviceTasks.filter(task => !task.hideFromTab);
+                const lastTask = openTasks[openTasks.length - 1];
+                if (lastTask?.status?.text === 'Queued') {
+                    setServiceTasks(prevTasks => {
+                        return [
+                            ...prevTasks.filter(task => task.id !== lastTask.id),
+                            {
+                                ...lastTask,
+                                variant: 'In progress',
+                                icon: 'clipboard',
                                 status: {
-                                    variant: 'urgent',
-                                    text: 'Resolve Rejected'
+                                    variant: 'pending',
+                                    text: 'In progress'
                                 }
-                            };
-                        }
-                        return task;
+                            }
+                        ];
                     });
-                });
-                setActiveTaskId(undefined);
+                }
+                if (lastTask) {
+                    setActiveTaskId(lastTask.id);
+                }
+                else {
+                    setActiveTaskId(undefined);
+                }
+                setDisableWrapUp(false);
             }
             else if (taskAction === 'submit') {
                 setServiceTasks(prevTasks => {
                     return prevTasks
-                        .filter(task => task.variant !== 'queued')
+                        .filter(task => task?.status?.text !== 'Queued')
                         .map(task => {
-                        if (task.variant !== 'cancelled') {
+                        if (task?.status?.text !== 'cancelled') {
                             return {
                                 ...task,
-                                variant: 'resolved',
+                                isResolved: true,
+                                icon: 'check',
+                                hideFromTab: true,
                                 status: {
-                                    variant: 'info',
-                                    text: 'Resolve Completed'
+                                    variant: 'success',
+                                    text: 'Resolve-Completed'
                                 }
                             };
                         }
                         return task;
                     });
                 });
+                setIsWrapUpTabVisible(false);
                 setActiveTaskId(undefined);
             }
             else if (taskAction === 'launch') {
-                setActiveTaskId(WRAP_UP_TASK_ID);
+                setActiveTaskId(WrapUpTask.id);
                 setIsWrapUpTabVisible(true);
             }
         }
@@ -95,16 +107,19 @@ export const TaskManagerDemo = () => {
             setServiceTasks(prevTasks => {
                 return prevTasks.map(task => {
                     if (task.id === taskId) {
-                        const variant = task.variant === 'queued' ? 'in-progress' : task.variant;
+                        const status = task?.status?.text === 'Queued' ? 'In progress' : task?.status?.text;
                         return {
                             ...task,
-                            icon: 'clipboard',
-                            variant,
+                            icon: task.status?.text === 'Resolve-Completed' ||
+                                task.status?.text === 'Resolve-Cancelled'
+                                ? 'check'
+                                : 'clipboard',
+                            hideFromTab: false,
                             status: {
-                                variant: (variant === 'in-progress'
+                                variant: (status === 'In progress'
                                     ? 'pending'
                                     : task.status?.variant) || 'info',
-                                text: (variant === 'in-progress' ? 'In progress' : task.status?.text) || ''
+                                text: (status === 'In progress' ? 'In progress' : task.status?.text) || ''
                             }
                         };
                     }
@@ -120,25 +135,18 @@ export const TaskManagerDemo = () => {
             const nextTaskId = taskIndex >= 0 && taskIndex < serviceTasks.length - 1 && serviceTasks[taskIndex + 1].id;
             setServiceTasks(prevTasks => {
                 return prevTasks.map(task => {
-                    if (task.id === taskId && task.variant !== 'resolved' && task.variant !== 'cancelled') {
+                    if (task.id === taskId) {
                         return {
                             ...task,
-                            icon: 'check',
-                            variant: 'cancelled',
-                            status: {
-                                variant: 'urgent',
-                                text: 'Resolve Rejected'
-                            }
+                            hideFromTab: true
                         };
                     }
                     if (task.id === nextTaskId &&
-                        task.variant !== 'resolved' &&
-                        task.variant !== 'cancelled') {
-                        const variant = task.variant === 'queued' ? 'in-progress' : task.variant;
+                        task?.status?.text !== 'Resolve-Completed' &&
+                        task?.status?.text !== 'Resolve-Cancelled') {
                         return {
                             ...task,
                             icon: 'clipboard',
-                            variant,
                             status: {
                                 variant: 'pending',
                                 text: 'In Progress'
@@ -150,32 +158,30 @@ export const TaskManagerDemo = () => {
             });
         }
         else if (taskAction === 'submit') {
-            switchTab(serviceTasks, taskId);
             const taskIndex = serviceTasks.findIndex(task => {
                 return task.id === taskId;
             });
             const nextTaskId = taskIndex >= 0 && taskIndex < serviceTasks.length - 1 && serviceTasks[taskIndex + 1].id;
             setServiceTasks(prevTasks => {
                 return prevTasks.map(task => {
-                    if (task.id === taskId && task.variant !== 'resolved' && task.variant !== 'cancelled') {
+                    if (task.id === taskId) {
                         return {
                             ...task,
                             icon: 'check',
-                            variant: 'resolved',
+                            isResolved: true,
+                            hideFromTab: true,
                             status: {
-                                variant: 'info',
-                                text: 'Resolve Completed'
+                                variant: 'success',
+                                text: 'Resolve-Completed'
                             }
                         };
                     }
                     if (task.id === nextTaskId &&
-                        task.variant !== 'resolved' &&
-                        task.variant !== 'cancelled') {
-                        const variant = task.variant === 'queued' ? 'in-progress' : task.variant;
+                        task?.status?.text !== 'Resolve-Completed' &&
+                        task?.status?.text !== 'Resolve-Cancelled') {
                         return {
                             ...task,
                             icon: 'clipboard',
-                            variant,
                             status: {
                                 variant: 'pending',
                                 text: 'In Progress'
@@ -185,6 +191,7 @@ export const TaskManagerDemo = () => {
                     return task;
                 });
             });
+            switchTab(serviceTasks, taskId);
         }
         else if (taskAction === 'dismiss') {
             setServiceTasks(prevTasks => {
@@ -200,7 +207,8 @@ export const TaskManagerDemo = () => {
                     id: taskId,
                     icon: 'nothing',
                     name: selection.primary,
-                    variant: 'in-progress',
+                    secondary: [`S-${Math.floor(1000 + Math.random() * 9000)}`],
+                    isResolved: false,
                     status: {
                         variant: 'pending',
                         text: 'In Progress'
@@ -211,9 +219,10 @@ export const TaskManagerDemo = () => {
                 id: taskId,
                 icon: 'clipboard',
                 name: selection.primary,
-                variant: 'queued',
+                secondary: [`S-${Math.floor(1000 + Math.random() * 9000)}`],
+                isResolved: false,
                 status: {
-                    variant: 'success',
+                    variant: 'info',
                     text: 'Queued'
                 }
             };
@@ -224,33 +233,45 @@ export const TaskManagerDemo = () => {
         if (newTasks.length > 0) {
             performTaskAction(newTasks[0].id, 'launch');
         }
+        setDisableWrapUp(false);
     };
-    const taskName = serviceTasks.find(task => task.id === activeTaskId)?.name ?? '';
+    const activeServiceTask = serviceTasks.find(task => task.id === activeTaskId) || {};
     const taskFields = TaskPickerData.tasks
         .flatMap(task => task.items ?? [])
-        .find(({ primary }) => primary === taskName)?.fields ?? [];
-    const formElements = taskFields.map((field, i) => {
-        const lowerFieldName = field.toLocaleLowerCase();
-        if (lowerFieldName.includes('date') && lowerFieldName.includes('time')) {
-            return <DateTimeInput label={field} key={i}/>;
-        }
-        if (lowerFieldName.includes('date')) {
-            return <DateInput label={field} key={i}/>;
-        }
-        if (lowerFieldName.includes('time')) {
-            return <TimeInput label={field} key={i}/>;
-        }
-        return <Input label={field} key={i}/>;
-    });
-    const formFields = formElements.length <= 3 ? (<>{formElements}</>) : (<Grid container={{
-            cols: 'repeat(2, 1fr)',
-            colGap: number('colGap', 2),
-            rowGap: number('rowGap', 2)
-        }}>
+        .find(({ primary }) => primary === activeServiceTask?.name)?.fields ?? [];
+    const getFormElements = (readOnly) => {
+        const formElements = taskFields.map((field, i) => {
+            const lowerFieldName = field.toLocaleLowerCase();
+            if (lowerFieldName.includes('date') && lowerFieldName.includes('time')) {
+                return <DateTimeInput readOnly={readOnly} label={field} key={i}/>;
+            }
+            if (lowerFieldName.includes('date')) {
+                return <DateInput readOnly={readOnly} label={field} key={i}/>;
+            }
+            if (lowerFieldName.includes('time')) {
+                return <TimeInput readOnly={readOnly} label={field} key={i}/>;
+            }
+            return <Input readOnly={readOnly} label={field} key={i}/>;
+        });
+        return formElements.length <= 3 ? (<>{formElements}</>) : (<Grid container={{
+                cols: 'repeat(2, 1fr)',
+                colGap: number('colGap', 2),
+                rowGap: number('rowGap', 2)
+            }}>
         {formElements}
       </Grid>);
+    };
     const serviceTasksEmpty = boolean('Tasks empty', false);
-    return (<TaskManager ref={taskManagerRef} tasks={serviceTasksEmpty
+    const handleLaunch = (id) => {
+        performTaskAction(id, 'launch');
+    };
+    const handleDismiss = (id) => {
+        performTaskAction(id, 'dismiss');
+    };
+    const getTaskName = (taskName) => {
+        return taskName === 'Address change' ? 'Address change details' : taskName;
+    };
+    return (<TaskManagerComp ref={taskManagerRef} tasks={serviceTasksEmpty
             ? []
             : serviceTasks.map(task => {
                 if (task.id === activeTaskId) {
@@ -263,52 +284,63 @@ export const TaskManagerDemo = () => {
             })} emptyText='No tasks added' banner={{
             icon: 'headset',
             content: 'Hi Ms. Ventura, I see that you are interested in changing your monthly due date, is that correct ?'
-        }} onTaskLaunch={(id) => {
-            performTaskAction(id, 'launch');
-        }} onTaskDismiss={(id) => {
-            performTaskAction(id, 'dismiss');
-        }} addTask={{
+        }} onTaskLaunch={onTaskLaunch || handleLaunch} onTaskDismiss={onTaskDismiss || handleDismiss} addTask={{
             items: TaskPickerMockData.tasks,
             onAdd: renderTasks
-        }} wrapUp={{
-            onWrapUp: () => {
-                performTaskAction(WRAP_UP_TASK_ID, 'launch');
+        }} wrapUp={wrapUp || {
+            disable: disableWrapUp,
+            onClick: () => {
+                performTaskAction(WrapUpTask.id, 'launch');
+                setDisableWrapUp(true);
             },
-            active: activeTaskId === WRAP_UP_TASK_ID,
+            active: activeTaskId === WrapUpTask.id,
             showTab: isWrapUpTabVisible
-        }} main={<TaskView header={<Text variant='h2'>
-              {activeTaskId === WRAP_UP_TASK_ID
-                    ? 'Wrap up'
-                    : serviceTasks.find(task => task.id === activeTaskId)?.name}
-            </Text>} actions={<MenuButton ref={formActionsElemRef} menu={{
-                    items: array('actions', [
-                        'Option Number 1',
-                        'Option Number 2',
-                        'Option Number 3'
-                    ]).map(name => ({
+        }} main={main || (<TaskView header={<Flex container={{ justify: 'start', gap: 1, alignItems: 'center' }}>
+                <Text variant='h3'>
+                  {activeTaskId === WrapUpTask.id
+                    ? WrapUpTask.name
+                    : getTaskName(activeServiceTask?.name)}
+                </Text>
+                <StyledStatus variant={activeTaskId === WrapUpTask.id
+                    ? WrapUpTask.variant
+                    : (activeServiceTask.status &&
+                        activeServiceTask.status?.variant) ||
+                        'info'}>
+                  {activeTaskId === WrapUpTask.id
+                    ? WrapUpTask.status
+                    : activeServiceTask.status && activeServiceTask.status.text}
+                </StyledStatus>
+              </Flex>} actions={<MenuButton ref={formActionsElemRef} menu={{
+                    items: array('actions', ['Close task', 'Dismiss task', 'Resolve task']).map(name => ({
                         primary: name,
                         id: name,
                         onClick: action(`Clicked ${name}`)
                     }))
                 }} text='Actions'/>}>
-          <Form id='forming' actions={<>
-                <Button name='Cancel' onClick={() => {
+            <Form id='forming' actions={activeServiceTask?.isResolved ? (<Flex container={{ justify: 'end' }} item={{ grow: 1 }}>
+                    <Button name='Close' variant='primary' onClick={() => {
+                    performTaskAction(activeTaskId, 'cancel');
+                }}>
+                      Close
+                    </Button>
+                  </Flex>) : (<>
+                    <Button name='Cancel' onClick={() => {
                     performTaskAction(activeTaskId, 'cancel');
                 }}>
-                  Cancel
-                </Button>
-                <div>
-                  <Button name='Submit' variant='primary' onClick={() => {
+                      Cancel
+                    </Button>
+                    <div>
+                      <Button name='Submit' variant='primary' onClick={() => {
                     performTaskAction(activeTaskId, 'submit');
                 }}>
-                    Submit
-                  </Button>
-                </div>
-              </>}>
-            <Grid container={{ rowGap: 2 }}>
-              {activeTaskId === WRAP_UP_TASK_ID ? (<Timeline activity={activity} currentTime={new Date()}/>) : (formFields)}
-            </Grid>
-          </Form>
-        </TaskView>}/>);
+                        Submit
+                      </Button>
+                    </div>
+                  </>)}>
+              <Grid container={{ rowGap: 2 }}>
+                {activeTaskId === WrapUpTask.id ? (<Timeline activity={activity} currentTime={new Date()}/>) : (getFormElements(activeServiceTask?.isResolved || false))}
+              </Grid>
+            </Form>
+          </TaskView>)}/>);
 };
 //# sourceMappingURL=TaskManager.stories.jsx.map

package/jsx/cs/TaskManager/TaskManager.stories.jsx.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TaskManager.stories.jsx","sourceRoot":"","sources":["../../../src/cs/TaskManager/TaskManager.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useEffect, useRef, useState } from 'react';\nimport { action } from '@storybook/addon-actions';\nimport { array, number, boolean } from '@storybook/addon-knobs';\n\nimport {\n Button,\n createUID,\n DateInput,\n DateTimeInput,\n Form,\n Grid,\n Input,\n MenuButton,\n MenuItemProps,\n StatusProps,\n Text,\n TimeInput\n} from '@pega/cosmos-react-core';\nimport { Timeline } from '@pega/cosmos-react-work';\nimport { TaskManager, TaskView, TaskProps } from '@pega/cosmos-react-cs';\nimport { activity } from '@pega/cosmos-react-demos/lib/work/Timeline/Timeline.mocks';\n\nimport { TaskPickerMockData } from './TaskManager.mocks';\n\nexport default {\n title: 'Customer Service/TaskManager',\n component: TaskManager\n};\n\nconst WRAP_UP_TASK_ID = createUID();\n\ntype TaskActions = 'cancel' \| 'launch' \| 'dismiss' \| 'submit';\n\nconst TaskPickerData = TaskPickerMockData;\n\nexport const TaskManagerDemo = () => {\n const [serviceTasks, setServiceTasks] = useState<TaskProps[]>([]);\n const [isWrapUpTabVisible, setIsWrapUpTabVisible] = useState<boolean>(false);\n\n const formActionsElemRef = useRef<HTMLButtonElement>(null);\n const taskManagerRef = useRef<HTMLDivElement>(null);\n const [activeTaskId, setActiveTaskId] = useState<string \| undefined>(undefined);\n const addTaskButtonRef = useRef<HTMLButtonElement>(null);\n\n useEffect(() => {\n if (formActionsElemRef.current) {\n formActionsElemRef.current.focus();\n formActionsElemRef.current.scrollIntoView(false);\n } else if (addTaskButtonRef.current) {\n addTaskButtonRef.current.scrollIntoView(false);\n }\n }, [activeTaskId]);\n\n const switchTab = (taskList: TaskProps[], taskId?: TaskProps['id']) => {\n const taskIndex = taskList.findIndex(task => {\n return task.id === taskId;\n });\n let nextTaskId = '';\n if (taskIndex >= 0 && taskIndex < taskList.length - 1) {\n nextTaskId = taskList[taskIndex + 1].id;\n setActiveTaskId(nextTaskId);\n } else if (taskIndex === taskList.length - 1 && taskList.length > 1) {\n setActiveTaskId(taskList[0].id);\n } else setActiveTaskId(undefined);\n };\n\n const performTaskAction = (taskId: string \| undefined, taskAction: TaskActions) => {\n if (taskId === WRAP_UP_TASK_ID) {\n if (taskAction === 'cancel') {\n setServiceTasks(prevTasks => {\n return prevTasks\n .filter(task => task.variant !== 'queued')\n .map(task => {\n if (task.variant !== 'resolved') {\n return {\n ...task,\n variant: 'cancelled',\n status: {\n variant: 'urgent' as StatusProps['variant'],\n text: 'Resolve Rejected'\n }\n };\n }\n return task;\n });\n });\n setActiveTaskId(undefined);\n } else if (taskAction === 'submit') {\n setServiceTasks(prevTasks => {\n return prevTasks\n .filter(task => task.variant !== 'queued')\n .map(task => {\n if (task.variant !== 'cancelled') {\n return {\n ...task,\n variant: 'resolved',\n status: {\n variant: 'info' as StatusProps['variant'],\n text: 'Resolve Completed'\n }\n };\n }\n return task;\n });\n });\n setActiveTaskId(undefined);\n } else if (taskAction === 'launch') {\n setActiveTaskId(WRAP_UP_TASK_ID);\n setIsWrapUpTabVisible(true);\n }\n } else if (taskAction === 'launch') {\n setActiveTaskId(taskId);\n setServiceTasks(prevTasks => {\n return prevTasks.map(task => {\n if (task.id === taskId) {\n const variant = task.variant === 'queued' ? 'in-progress' : task.variant;\n return {\n ...task,\n icon: 'clipboard',\n variant,\n status: {\n variant:\n (variant === 'in-progress'\n ? ('pending' as StatusProps['variant'])\n : task.status?.variant) \|\| ('info' as StatusProps['variant']),\n text: (variant === 'in-progress' ? 'In progress' : task.status?.text) \|\| ''\n }\n };\n }\n return task;\n });\n });\n } else if (taskAction === 'cancel') {\n switchTab(serviceTasks, taskId);\n const taskIndex = serviceTasks.findIndex(task => {\n return task.id === taskId;\n });\n const nextTaskId =\n taskIndex >= 0 && taskIndex < serviceTasks.length - 1 && serviceTasks[taskIndex + 1].id;\n setServiceTasks(prevTasks => {\n return prevTasks.map(task => {\n if (task.id === taskId && task.variant !== 'resolved' && task.variant !== 'cancelled') {\n return {\n ...task,\n icon: 'check',\n variant: 'cancelled',\n status: {\n variant: 'urgent' as StatusProps['variant'],\n text: 'Resolve Rejected'\n }\n };\n }\n if (\n task.id === nextTaskId &&\n task.variant !== 'resolved' &&\n task.variant !== 'cancelled'\n ) {\n const variant = task.variant === 'queued' ? 'in-progress' : task.variant;\n return {\n ...task,\n icon: 'clipboard',\n variant,\n status: {\n variant: 'pending' as StatusProps['variant'],\n text: 'In Progress'\n }\n };\n }\n\n return task;\n });\n });\n } else if (taskAction === 'submit') {\n switchTab(serviceTasks, taskId);\n const taskIndex = serviceTasks.findIndex(task => {\n return task.id === taskId;\n });\n const nextTaskId =\n taskIndex >= 0 && taskIndex < serviceTasks.length - 1 && serviceTasks[taskIndex + 1].id;\n setServiceTasks(prevTasks => {\n return prevTasks.map(task => {\n if (task.id === taskId && task.variant !== 'resolved' && task.variant !== 'cancelled') {\n return {\n ...task,\n icon: 'check',\n variant: 'resolved',\n status: {\n variant: 'info' as StatusProps['variant'],\n text: 'Resolve Completed'\n }\n };\n }\n if (\n task.id === nextTaskId &&\n task.variant !== 'resolved' &&\n task.variant !== 'cancelled'\n ) {\n const variant = task.variant === 'queued' ? 'in-progress' : task.variant;\n return {\n ...task,\n icon: 'clipboard',\n variant,\n status: {\n variant: 'pending' as StatusProps['variant'],\n text: 'In Progress'\n }\n };\n }\n\n return task;\n });\n });\n } else if (taskAction === 'dismiss') {\n setServiceTasks(prevTasks => {\n return prevTasks.filter(task => task.id !== taskId);\n });\n }\n };\n\n const renderTasks = (selections: MenuItemProps[]) => {\n const newTasks = selections.map((selection, i) => {\n const taskId = createUID();\n if (i === 0) {\n return {\n id: taskId,\n icon: 'nothing',\n name: selection.primary,\n variant: 'in-progress' as TaskProps['variant'],\n status: {\n variant: 'pending' as StatusProps['variant'],\n text: 'In Progress'\n }\n };\n }\n return {\n id: taskId,\n icon: 'clipboard',\n name: selection.primary,\n variant: 'queued' as TaskProps['variant'],\n status: {\n variant: 'success' as StatusProps['variant'],\n text: 'Queued'\n }\n };\n });\n setServiceTasks(prevTasks => {\n return [...newTasks, ...prevTasks];\n });\n if (newTasks.length > 0) {\n performTaskAction(newTasks[0].id, 'launch');\n }\n };\n const taskName = serviceTasks.find(task => task.id === activeTaskId)?.name ?? '';\n\n /* Preparing form fields from added task /\n\n const taskFields =\n TaskPickerData.tasks\n .flatMap(task => task.items ?? [])\n .find(({ primary }) => primary === taskName)?.fields ?? [];\n\n const formElements = taskFields.map((field, i) => {\n const lowerFieldName = field.toLocaleLowerCase();\n if (lowerFieldName.includes('date') && lowerFieldName.includes('time')) {\n / eslint-disable react/no-array-index-key /\n return <DateTimeInput label={field} key={i} />;\n }\n if (lowerFieldName.includes('date')) {\n return <DateInput label={field} key={i} />;\n }\n if (lowerFieldName.includes('time')) {\n return <TimeInput label={field} key={i} />;\n }\n return <Input label={field} key={i} />;\n / eslint-enable react/no-array-index-key */\n });\n\n const formFields =\n formElements.length <= 3 ? (\n <>{formElements}</>\n ) : (\n <Grid\n container={{\n cols: 'repeat(2, 1fr)',\n colGap: number('colGap', 2),\n rowGap: number('rowGap', 2)\n }}\n >\n {formElements}\n </Grid>\n );\n\n const serviceTasksEmpty = boolean('Tasks empty', false);\n return (\n <TaskManager\n ref={taskManagerRef}\n tasks={\n serviceTasksEmpty\n ? []\n : serviceTasks.map(task => {\n if (task.id === activeTaskId) {\n return {\n ...task,\n active: true\n };\n }\n return task;\n })\n }\n emptyText='No tasks added'\n banner={{\n icon: 'headset',\n content:\n 'Hi Ms. Ventura, I see that you are interested in changing your monthly due date, is that correct ?'\n }}\n onTaskLaunch={(id: string) => {\n performTaskAction(id, 'launch');\n }}\n onTaskDismiss={(id: string) => {\n performTaskAction(id, 'dismiss');\n }}\n addTask={{\n items: TaskPickerMockData.tasks,\n onAdd: renderTasks\n }}\n wrapUp={{\n onWrapUp: () => {\n performTaskAction(WRAP_UP_TASK_ID, 'launch');\n },\n active: activeTaskId === WRAP_UP_TASK_ID,\n showTab: isWrapUpTabVisible\n }}\n main={\n <TaskView\n header={\n <Text variant='h2'>\n {activeTaskId === WRAP_UP_TASK_ID\n ? 'Wrap up'\n : serviceTasks.find(task => task.id === activeTaskId)?.name}\n </Text>\n }\n actions={\n <MenuButton\n ref={formActionsElemRef}\n menu={{\n items: array('actions', [\n 'Option Number 1',\n 'Option Number 2',\n 'Option Number 3'\n ]).map(name => ({\n primary: name,\n id: name,\n onClick: action(`Clicked ${name}`)\n }))\n }}\n text='Actions'\n />\n }\n >\n <Form\n id='forming'\n actions={\n <>\n <Button\n name='Cancel'\n onClick={() => {\n performTaskAction(activeTaskId, 'cancel');\n }}\n >\n Cancel\n </Button>\n <div>\n <Button\n name='Submit'\n variant='primary'\n onClick={() => {\n performTaskAction(activeTaskId, 'submit');\n }}\n >\n Submit\n </Button>\n </div>\n </>\n }\n >\n <Grid container={{ rowGap: 2 }}>\n {activeTaskId === WRAP_UP_TASK_ID ? (\n <Timeline activity={activity} currentTime={new Date()} />\n ) : (\n formFields\n )}\n </Grid>\n </Form>\n </TaskView>\n }\n />\n );\n};\n"]}
1	+ {"version":3,"file":"TaskManager.stories.jsx","sourceRoot":"","sources":["../../../src/cs/TaskManager/TaskManager.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["import { ReactNode, useRef, useState } from 'react';\nimport { action } from '@storybook/addon-actions';\nimport { array, number, boolean } from '@storybook/addon-knobs';\nimport styled, { css } from 'styled-components';\n\nimport {\n Button,\n createUID,\n DateInput,\n DateTimeInput,\n Flex,\n Form,\n Grid,\n Input,\n MenuButton,\n MenuItemProps,\n Status,\n StatusProps,\n Text,\n TimeInput\n} from '@pega/cosmos-react-core';\nimport { Timeline } from '@pega/cosmos-react-work';\nimport {\n TaskManager as TaskManagerComp,\n TaskManagerProps,\n TaskProps,\n TaskView\n} from '@pega/cosmos-react-cs';\nimport { activity } from '@pega/cosmos-react-demos/lib/work/Timeline/Timeline.mocks';\n\nimport { TaskPickerMockData } from './TaskManager.mocks';\n\nexport default {\n title: 'Customer Service/TaskManager',\n component: TaskManagerComp\n};\n\ntype TaskActions = 'cancel' \| 'launch' \| 'dismiss' \| 'submit';\n\nconst TaskPickerData = TaskPickerMockData;\n\nconst WrapUpTask = {\n id: createUID(),\n name: 'Wrap up',\n status: 'In progress',\n variant: 'pending'\n};\n\nexport interface TaskManagerStoryProps extends TaskManagerProps {\n initialTasks?: TaskProps[];\n main?: ReactNode;\n}\n\nconst StyledStatus = styled(Status)(({ theme }) => {\n return css`\n margin-block-start: calc(0.25 * ${theme.base.spacing});\n `;\n});\n\nexport const TaskManager = ({\n initialTasks,\n main,\n onTaskDismiss,\n onTaskLaunch,\n wrapUp\n}: TaskManagerStoryProps) => {\n const [serviceTasks, setServiceTasks] = useState<TaskProps[]>(initialTasks \|\| []);\n const [isWrapUpTabVisible, setIsWrapUpTabVisible] = useState<boolean>(false);\n const [disableWrapUp, setDisableWrapUp] = useState<boolean>(false);\n\n const formActionsElemRef = useRef<HTMLButtonElement>(null);\n const taskManagerRef = useRef<HTMLDivElement>(null);\n const [activeTaskId, setActiveTaskId] = useState<string \| undefined>(undefined);\n\n const switchTab = (taskList: TaskProps[], taskId?: TaskProps['id']) => {\n if (taskList.filter(task => !task.hideFromTab).length <= 1) {\n return isWrapUpTabVisible ? setActiveTaskId(WrapUpTask.id) : setActiveTaskId(undefined);\n }\n const taskIndex = taskList.findIndex(task => {\n return task.id === taskId;\n });\n\n let nextTaskIndex = taskList.findIndex((task, i) => {\n return i > taskIndex && !task.hideFromTab;\n });\n\n if (nextTaskIndex === -1) nextTaskIndex = taskList.findIndex(task => !task.hideFromTab);\n setActiveTaskId(taskList[nextTaskIndex].id);\n };\n\n const performTaskAction = (taskId: string \| undefined, taskAction: TaskActions) => {\n if (taskId === WrapUpTask.id) {\n if (taskAction === 'cancel') {\n setIsWrapUpTabVisible(false);\n const openTasks = serviceTasks.filter(task => !task.hideFromTab);\n const lastTask = openTasks[openTasks.length - 1];\n if (lastTask?.status?.text === 'Queued') {\n setServiceTasks(prevTasks => {\n return [\n ...prevTasks.filter(task => task.id !== lastTask.id),\n {\n ...lastTask,\n variant: 'In progress',\n icon: 'clipboard',\n status: {\n variant: 'pending',\n text: 'In progress'\n }\n }\n ];\n });\n }\n if (lastTask) {\n setActiveTaskId(lastTask.id);\n } else {\n setActiveTaskId(undefined);\n }\n setDisableWrapUp(false);\n } else if (taskAction === 'submit') {\n setServiceTasks(prevTasks => {\n return prevTasks\n .filter(task => task?.status?.text !== 'Queued')\n .map(task => {\n if (task?.status?.text !== 'cancelled') {\n return {\n ...task,\n isResolved: true,\n icon: 'check',\n hideFromTab: true,\n status: {\n variant: 'success' as StatusProps['variant'],\n text: 'Resolve-Completed'\n }\n };\n }\n return task;\n });\n });\n setIsWrapUpTabVisible(false);\n setActiveTaskId(undefined);\n } else if (taskAction === 'launch') {\n setActiveTaskId(WrapUpTask.id);\n setIsWrapUpTabVisible(true);\n }\n } else if (taskAction === 'launch') {\n setActiveTaskId(taskId);\n setServiceTasks(prevTasks => {\n return prevTasks.map(task => {\n if (task.id === taskId) {\n const status = task?.status?.text === 'Queued' ? 'In progress' : task?.status?.text;\n return {\n ...task,\n icon:\n task.status?.text === 'Resolve-Completed' \|\|\n task.status?.text === 'Resolve-Cancelled'\n ? 'check'\n : 'clipboard',\n hideFromTab: false,\n status: {\n variant:\n (status === 'In progress'\n ? ('pending' as StatusProps['variant'])\n : task.status?.variant) \|\| ('info' as StatusProps['variant']),\n text: (status === 'In progress' ? 'In progress' : task.status?.text) \|\| ''\n }\n };\n }\n return task;\n });\n });\n } else if (taskAction === 'cancel') {\n switchTab(serviceTasks, taskId);\n const taskIndex = serviceTasks.findIndex(task => {\n return task.id === taskId;\n });\n const nextTaskId =\n taskIndex >= 0 && taskIndex < serviceTasks.length - 1 && serviceTasks[taskIndex + 1].id;\n setServiceTasks(prevTasks => {\n return prevTasks.map(task => {\n if (task.id === taskId) {\n return {\n ...task,\n hideFromTab: true\n };\n }\n\n if (\n task.id === nextTaskId &&\n task?.status?.text !== 'Resolve-Completed' &&\n task?.status?.text !== 'Resolve-Cancelled'\n ) {\n return {\n ...task,\n icon: 'clipboard',\n status: {\n variant: 'pending' as StatusProps['variant'],\n text: 'In Progress'\n }\n };\n }\n\n return task;\n });\n });\n } else if (taskAction === 'submit') {\n const taskIndex = serviceTasks.findIndex(task => {\n return task.id === taskId;\n });\n const nextTaskId =\n taskIndex >= 0 && taskIndex < serviceTasks.length - 1 && serviceTasks[taskIndex + 1].id;\n setServiceTasks(prevTasks => {\n return prevTasks.map(task => {\n if (task.id === taskId) {\n return {\n ...task,\n icon: 'check',\n isResolved: true,\n hideFromTab: true,\n status: {\n variant: 'success' as StatusProps['variant'],\n text: 'Resolve-Completed'\n }\n };\n }\n if (\n task.id === nextTaskId &&\n task?.status?.text !== 'Resolve-Completed' &&\n task?.status?.text !== 'Resolve-Cancelled'\n ) {\n return {\n ...task,\n icon: 'clipboard',\n status: {\n variant: 'pending' as StatusProps['variant'],\n text: 'In Progress'\n }\n };\n }\n return task;\n });\n });\n switchTab(serviceTasks, taskId);\n } else if (taskAction === 'dismiss') {\n setServiceTasks(prevTasks => {\n return prevTasks.filter(task => task.id !== taskId);\n });\n }\n };\n\n const renderTasks = (selections: MenuItemProps[]) => {\n const newTasks: TaskProps[] = selections.map((selection, i) => {\n const taskId = createUID();\n if (i === 0) {\n return {\n id: taskId,\n icon: 'nothing',\n name: selection.primary,\n secondary: [`S-${Math.floor(1000 + Math.random() * 9000)}`],\n isResolved: false,\n status: {\n variant: 'pending' as StatusProps['variant'],\n text: 'In Progress'\n }\n };\n }\n return {\n id: taskId,\n icon: 'clipboard',\n name: selection.primary,\n secondary: [`S-${Math.floor(1000 + Math.random() * 9000)}`],\n isResolved: false,\n status: {\n variant: 'info' as StatusProps['variant'],\n text: 'Queued'\n }\n };\n });\n setServiceTasks(prevTasks => {\n return [...newTasks, ...prevTasks];\n });\n if (newTasks.length > 0) {\n performTaskAction(newTasks[0].id, 'launch');\n }\n setDisableWrapUp(false);\n };\n const activeServiceTask: TaskProps =\n (serviceTasks.find(task => task.id === activeTaskId) as TaskProps) \|\| {};\n\n /* Preparing form fields from added task /\n\n const taskFields =\n TaskPickerData.tasks\n .flatMap(task => task.items ?? [])\n .find(({ primary }) => primary === activeServiceTask?.name)?.fields ?? [];\n\n const getFormElements = (readOnly: boolean) => {\n const formElements = taskFields.map((field, i) => {\n const lowerFieldName = field.toLocaleLowerCase();\n if (lowerFieldName.includes('date') && lowerFieldName.includes('time')) {\n / eslint-disable react/no-array-index-key /\n return <DateTimeInput readOnly={readOnly} label={field} key={i} />;\n }\n if (lowerFieldName.includes('date')) {\n return <DateInput readOnly={readOnly} label={field} key={i} />;\n }\n if (lowerFieldName.includes('time')) {\n return <TimeInput readOnly={readOnly} label={field} key={i} />;\n }\n return <Input readOnly={readOnly} label={field} key={i} />;\n / eslint-enable react/no-array-index-key */\n });\n\n return formElements.length <= 3 ? (\n <>{formElements}</>\n ) : (\n <Grid\n container={{\n cols: 'repeat(2, 1fr)',\n colGap: number('colGap', 2),\n rowGap: number('rowGap', 2)\n }}\n >\n {formElements}\n </Grid>\n );\n };\n\n const serviceTasksEmpty = boolean('Tasks empty', false);\n const handleLaunch = (id: string) => {\n performTaskAction(id, 'launch');\n };\n\n const handleDismiss = (id: string) => {\n performTaskAction(id, 'dismiss');\n };\n\n const getTaskName = (taskName: TaskProps['name']) => {\n return taskName === 'Address change' ? 'Address change details' : taskName;\n };\n\n return (\n <TaskManagerComp\n ref={taskManagerRef}\n tasks={\n serviceTasksEmpty\n ? []\n : serviceTasks.map(task => {\n if (task.id === activeTaskId) {\n return {\n ...task,\n active: true\n };\n }\n return task;\n })\n }\n emptyText='No tasks added'\n banner={{\n icon: 'headset',\n content:\n 'Hi Ms. Ventura, I see that you are interested in changing your monthly due date, is that correct ?'\n }}\n onTaskLaunch={onTaskLaunch \|\| handleLaunch}\n onTaskDismiss={onTaskDismiss \|\| handleDismiss}\n addTask={{\n items: TaskPickerMockData.tasks,\n onAdd: renderTasks\n }}\n wrapUp={\n wrapUp \|\| {\n disable: disableWrapUp,\n onClick: () => {\n performTaskAction(WrapUpTask.id, 'launch');\n setDisableWrapUp(true);\n },\n active: activeTaskId === WrapUpTask.id,\n showTab: isWrapUpTabVisible\n }\n }\n main={\n main \|\| (\n <TaskView\n header={\n <Flex container={{ justify: 'start', gap: 1, alignItems: 'center' }}>\n <Text variant='h3'>\n {activeTaskId === WrapUpTask.id\n ? WrapUpTask.name\n : getTaskName(activeServiceTask?.name as TaskProps['name'])}\n </Text>\n <StyledStatus\n variant={\n activeTaskId === WrapUpTask.id\n ? WrapUpTask.variant\n : (activeServiceTask.status &&\n (activeServiceTask.status?.variant as StatusProps['variant'])) \|\|\n 'info'\n }\n >\n {activeTaskId === WrapUpTask.id\n ? WrapUpTask.status\n : activeServiceTask.status && activeServiceTask!.status!.text}\n </StyledStatus>\n </Flex>\n }\n actions={\n <MenuButton\n ref={formActionsElemRef}\n menu={{\n items: array('actions', ['Close task', 'Dismiss task', 'Resolve task']).map(\n name => ({\n primary: name,\n id: name,\n onClick: action(`Clicked ${name}`)\n })\n )\n }}\n text='Actions'\n />\n }\n >\n <Form\n id='forming'\n actions={\n activeServiceTask?.isResolved ? (\n <Flex container={{ justify: 'end' }} item={{ grow: 1 }}>\n <Button\n name='Close'\n variant='primary'\n onClick={() => {\n performTaskAction(activeTaskId, 'cancel');\n }}\n >\n Close\n </Button>\n </Flex>\n ) : (\n <>\n <Button\n name='Cancel'\n onClick={() => {\n performTaskAction(activeTaskId, 'cancel');\n }}\n >\n Cancel\n </Button>\n <div>\n <Button\n name='Submit'\n variant='primary'\n onClick={() => {\n performTaskAction(activeTaskId, 'submit');\n }}\n >\n Submit\n </Button>\n </div>\n </>\n )\n }\n >\n <Grid container={{ rowGap: 2 }}>\n {activeTaskId === WrapUpTask.id ? (\n <Timeline activity={activity} currentTime={new Date()} />\n ) : (\n getFormElements(activeServiceTask?.isResolved \|\| false)\n )}\n </Grid>\n </Form>\n </TaskView>\n )\n }\n />\n );\n};\n"]}

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

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

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

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

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

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