@pega/cosmos-react-demos 3.0.0-dev.9.0 → 3.0.0-rc.2

package/lib/cs/TaskManager/TaskManager.mocks.js

@@ -139,4 +139,90 @@ export const TaskPickerMockData = {
         }
     ]
 };
+export const EntityListMock = [
+    {
+        name: 'Ticket number',
+        value: [
+            {
+                id: '1',
+                entity: {
+                    value: '7546383',
+                    type: 'system',
+                    name: 'Ticket number',
+                    variant: 3
+                }
+            }
+        ]
+    },
+    {
+        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: 'Email',
+        value: [
+            {
+                id: '1',
+                entity: {
+                    value: 'robert.stanton@example.com',
+                    type: 'system',
+                    name: 'Email',
+                    variant: 2
+                }
+            }
+        ]
+    },
+    {
+        name: 'Address',
+        value: [
+            {
+                id: '1',
+                entity: {
+                    value: 'Hyderabad',
+                    type: 'system',
+                    name: 'Address',
+                    variant: 15
+                }
+            }
+        ]
+    },
+    {
+        name: 'Location',
+        value: [
+            {
+                id: '1',
+                entity: {
+                    value: 'Hyderabad',
+                    type: 'system',
+                    name: 'Location',
+                    variant: 8
+                }
+            }
+        ]
+    }
+];
 //# sourceMappingURL=TaskManager.mocks.js.map

package/lib/cs/TaskManager/TaskManager.mocks.js.map

@@ -1 +1 @@
-{"version":3,"file":"TaskManager.mocks.js","sourceRoot":"","sources":["../../../src/cs/TaskManager/TaskManager.mocks.ts"],"names":[],"mappings":"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","sourcesContent":["import { createUID } from '@pega/cosmos-react-core';\n\nexport const WrapUpTask = {\n  id: createUID(),\n  name: 'Wrap up',\n  status: 'In progress',\n  variant: 'pending'\n};\n\nexport const TaskPickerMockData = {\n  tasks: [\n    {\n      id: '1',\n      label: 'Frequently performed',\n      items: [\n        {\n          id: '1-1',\n          primary: 'Address change',\n          fields: [\n            'Address line 1',\n            'Address line 2',\n            'Country',\n            'City',\n            'State',\n            'Postal code',\n            'Phone',\n            'Cell',\n            'FAX',\n            'Email'\n          ]\n        },\n        {\n          id: '1-2',\n          primary: 'Make payment',\n          fields: ['Account number', 'Amount', 'Comments']\n        }\n      ]\n    },\n    {\n      id: '2',\n      label: 'Account',\n      items: [\n        {\n          id: '2-1',\n          primary: 'Address change',\n          fields: [\n            'Address line 1',\n            'Address line 2',\n            'Country',\n            'City',\n            'State',\n            'Postal code',\n            'Phone',\n            'Cell',\n            'FAX',\n            'Email'\n          ]\n        },\n        {\n          id: '2-2',\n          primary: 'Close account',\n          fields: ['Reason', 'Comments']\n        }\n      ]\n    },\n    {\n      id: '3',\n      label: 'Contact',\n      items: [\n        {\n          id: '3-1',\n          primary: 'Modify account links',\n          fields: ['Customer name', 'Account number', 'Contact number', 'Email', 'Account link']\n        },\n        {\n          id: '3-2',\n          primary: 'Update contact profile',\n          fields: ['Customer ID', 'New contact number', 'New email', 'Other comments']\n        }\n      ]\n    },\n    {\n      id: '4',\n      label: 'Sales and offers',\n      items: [\n        {\n          id: '4-1',\n          primary: 'Create lead',\n          fields: [\n            'Stage',\n            'Phone',\n            'Email',\n            'Territory',\n            'First name',\n            'Last name',\n            'Owner',\n            'Rating',\n            'Mobile'\n          ]\n        },\n        {\n          id: '4-2',\n          primary: 'Create opportunity',\n          fields: [\n            'Amount',\n            'Close date',\n            'Probability',\n            'Owner',\n            'Name',\n            'Territory',\n            'Short name',\n            'Primary contact',\n            'Forecast category',\n            'Stage',\n            'Source',\n            'Must win'\n          ]\n        }\n      ]\n    },\n    {\n      id: '5',\n      label: 'General',\n      items: [\n        {\n          id: '5-1',\n          primary: 'File a complaint',\n          fields: ['Individual Name', 'Identification number', 'Name', 'Issue', 'Severity']\n        },\n        {\n          id: '5-2',\n          primary: 'Schedule activity',\n          fields: ['Activity name', 'Time', 'Date', 'Target completion date and time']\n        },\n        {\n          id: '5-3',\n          primary: 'Send correspondence',\n          fields: ['From', 'To', 'Subject', 'Correspondence body', 'Signature']\n        }\n      ]\n    }\n  ]\n};\n"]}
+{"version":3,"file":"TaskManager.mocks.js","sourceRoot":"","sources":["../../../src/cs/TaskManager/TaskManager.mocks.ts"],"names":[],"mappings":"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","sourcesContent":["import { createUID } from '@pega/cosmos-react-core';\n\nexport const WrapUpTask = {\n  id: createUID(),\n  name: 'Wrap up',\n  status: 'In progress',\n  variant: 'pending'\n};\n\nexport const TaskPickerMockData = {\n  tasks: [\n    {\n      id: '1',\n      label: 'Frequently performed',\n      items: [\n        {\n          id: '1-1',\n          primary: 'Address change',\n          fields: [\n            'Address line 1',\n            'Address line 2',\n            'Country',\n            'City',\n            'State',\n            'Postal code',\n            'Phone',\n            'Cell',\n            'FAX',\n            'Email'\n          ]\n        },\n        {\n          id: '1-2',\n          primary: 'Make payment',\n          fields: ['Account number', 'Amount', 'Comments']\n        }\n      ]\n    },\n    {\n      id: '2',\n      label: 'Account',\n      items: [\n        {\n          id: '2-1',\n          primary: 'Address change',\n          fields: [\n            'Address line 1',\n            'Address line 2',\n            'Country',\n            'City',\n            'State',\n            'Postal code',\n            'Phone',\n            'Cell',\n            'FAX',\n            'Email'\n          ]\n        },\n        {\n          id: '2-2',\n          primary: 'Close account',\n          fields: ['Reason', 'Comments']\n        }\n      ]\n    },\n    {\n      id: '3',\n      label: 'Contact',\n      items: [\n        {\n          id: '3-1',\n          primary: 'Modify account links',\n          fields: ['Customer name', 'Account number', 'Contact number', 'Email', 'Account link']\n        },\n        {\n          id: '3-2',\n          primary: 'Update contact profile',\n          fields: ['Customer ID', 'New contact number', 'New email', 'Other comments']\n        }\n      ]\n    },\n    {\n      id: '4',\n      label: 'Sales and offers',\n      items: [\n        {\n          id: '4-1',\n          primary: 'Create lead',\n          fields: [\n            'Stage',\n            'Phone',\n            'Email',\n            'Territory',\n            'First name',\n            'Last name',\n            'Owner',\n            'Rating',\n            'Mobile'\n          ]\n        },\n        {\n          id: '4-2',\n          primary: 'Create opportunity',\n          fields: [\n            'Amount',\n            'Close date',\n            'Probability',\n            'Owner',\n            'Name',\n            'Territory',\n            'Short name',\n            'Primary contact',\n            'Forecast category',\n            'Stage',\n            'Source',\n            'Must win'\n          ]\n        }\n      ]\n    },\n    {\n      id: '5',\n      label: 'General',\n      items: [\n        {\n          id: '5-1',\n          primary: 'File a complaint',\n          fields: ['Individual Name', 'Identification number', 'Name', 'Issue', 'Severity']\n        },\n        {\n          id: '5-2',\n          primary: 'Schedule activity',\n          fields: ['Activity name', 'Time', 'Date', 'Target completion date and time']\n        },\n        {\n          id: '5-3',\n          primary: 'Send correspondence',\n          fields: ['From', 'To', 'Subject', 'Correspondence body', 'Signature']\n        }\n      ]\n    }\n  ]\n};\n\nexport const EntityListMock = [\n  {\n    name: 'Ticket number',\n    value: [\n      {\n        id: '1',\n        entity: {\n          value: '7546383',\n          type: 'system',\n          name: 'Ticket number',\n          variant: 3\n        }\n      }\n    ]\n  },\n  {\n    name: 'Date',\n    value: [\n      {\n        id: '1',\n        entity: {\n          value: 'Dec 5,2021 9.05 AM',\n          type: 'system',\n          name: 'Date',\n          variant: 4\n        }\n      }\n    ]\n  },\n  {\n    name: 'Flight Number',\n    value: [\n      {\n        id: '1',\n        entity: {\n          value: 'FL-JK-403',\n          type: 'system',\n          name: 'Flight Number',\n          variant: 5\n        }\n      }\n    ]\n  },\n  {\n    name: 'Email',\n    value: [\n      {\n        id: '1',\n        entity: {\n          value: 'robert.stanton@example.com',\n          type: 'system',\n          name: 'Email',\n          variant: 2\n        }\n      }\n    ]\n  },\n  {\n    name: 'Address',\n    value: [\n      {\n        id: '1',\n        entity: {\n          value: 'Hyderabad',\n          type: 'system',\n          name: 'Address',\n          variant: 15\n        }\n      }\n    ]\n  },\n  {\n    name: 'Location',\n    value: [\n      {\n        id: '1',\n        entity: {\n          value: 'Hyderabad',\n          type: 'system',\n          name: 'Location',\n          variant: 8\n        }\n      }\n    ]\n  }\n];\n"]}

package/lib/cs/TaskManager/TaskManager.stories.d.ts

@@ -1,6 +1,6 @@
 import { ReactNode } from 'react';
 import { Meta, Story } from '@storybook/react';
-import { TaskManagerProps, TaskProps } from '@pega/cosmos-react-cs';
+import { DialogueProps, TaskManagerProps, TaskProps } from '@pega/cosmos-react-cs';
 declare const _default: Meta<import("@storybook/react").Args>;
 export default _default;
 export interface TaskManagerStoryProps extends TaskManagerProps {
@@ -9,6 +9,7 @@ export interface TaskManagerStoryProps extends TaskManagerProps {
     serviceTasksEmpty?: boolean;
     colGap?: number;
     rowGap?: number;
+    verbatimStatus?: DialogueProps['verbatimStatus'];
 }
 export declare const TaskManagerDemo: Story<TaskManagerStoryProps>;
 //# sourceMappingURL=TaskManager.stories.d.ts.map

package/lib/cs/TaskManager/TaskManager.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TaskManager.stories.d.ts","sourceRoot":"","sources":["../../../src/cs/TaskManager/TaskManager.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAoB,MAAM,OAAO,CAAC;AAEpD,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAkB/C,OAAO,EAAe,gBAAgB,EAAE,SAAS,EAAY,MAAM,uBAAuB,CAAC;;AAO3F,wBAGU;AAIV,MAAM,WAAW,qBAAsB,SAAQ,gBAAgB;IAC7D,YAAY,CAAC,EAAE,SAAS,EAAE,CAAC;IAC3B,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,qBAAqB,CAqZxD,CAAC"}
+{"version":3,"file":"TaskManager.stories.d.ts","sourceRoot":"","sources":["../../../src/cs/TaskManager/TaskManager.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAA2C,MAAM,OAAO,CAAC;AAE3E,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAkB/C,OAAO,EACL,aAAa,EAEb,gBAAgB,EAChB,SAAS,EAEV,MAAM,uBAAuB,CAAC;;AAU/B,wBAGU;AAIV,MAAM,WAAW,qBAAsB,SAAQ,gBAAgB;IAC7D,YAAY,CAAC,EAAE,SAAS,EAAE,CAAC;IAC3B,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,cAAc,CAAC,EAAE,aAAa,CAAC,gBAAgB,CAAC,CAAC;CAClD;AAED,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,qBAAqB,CA0exD,CAAC"}

package/lib/cs/TaskManager/TaskManager.stories.js

@@ -1,11 +1,12 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { useRef, useState } from 'react';
+import { useEffect, useRef, useState } from 'react';
 import { action } from '@storybook/addon-actions';
 import { Button, createUID, DateInput, DateTimeInput, Flex, Form, Grid, Input, MenuButton, Text, TimeInput } from '@pega/cosmos-react-core';
 import { Timeline } from '@pega/cosmos-react-work';
 import { TaskManager, TaskView } from '@pega/cosmos-react-cs';
+import { EntityList } from '@pega/cosmos-react-social';
 import { activity } from '../../work/Timeline/Timeline.mocks';
-import { TaskPickerMockData, WrapUpTask } from './TaskManager.mocks';
+import { TaskPickerMockData, WrapUpTask, EntityListMock } from './TaskManager.mocks';
 import { StyledStatus } from './TaskManager.styles';
 export default {
     title: 'Customer Service/TaskManager',
@@ -17,7 +18,15 @@ export const TaskManagerDemo = (args) => {
     const [disableWrapUp, setDisableWrapUp] = useState(false);
     const formActionsElemRef = useRef(null);
     const taskManagerRef = useRef(null);
+    const handle = useRef(null);
+    const entityListTimeout = useRef();
     const [activeTaskId, setActiveTaskId] = useState(undefined);
+    useEffect(() => {
+        handle.current?.nudge();
+        return () => {
+            window.clearTimeout(entityListTimeout.current);
+        };
+    }, []);
     const switchTab = (taskList, taskId) => {
         if (taskList.filter(task => !task.hideFromTab).length <= 1) {
             return isWrapUpTabVisible ? setActiveTaskId(WrapUpTask.id) : setActiveTaskId(undefined);
@@ -259,31 +268,95 @@ export const TaskManagerDemo = (args) => {
     const getTaskName = (taskName) => {
         return taskName === 'Address change' ? 'Address change details' : taskName;
     };
-    return (_jsx(TaskManager, { ref: taskManagerRef, tasks: args.serviceTasksEmpty
-            ? []
-            : serviceTasks.map(task => {
-                if (task.id === activeTaskId) {
-                    return {
-                        ...task,
-                        active: true
-                    };
+    const entityListCtxMenuHandle = useRef(null);
+    const handleRightClick = (e) => {
+        e.preventDefault();
+        entityListCtxMenuHandle.current?.setItems([]);
+        entityListCtxMenuHandle.current?.setLoading(true);
+        entityListCtxMenuHandle.current?.setOpen(true);
+        entityListTimeout.current = window.setTimeout(() => {
+            entityListCtxMenuHandle.current?.setLoading(false);
+            entityListCtxMenuHandle.current?.setItems([
+                {
+                    id: 'item_0',
+                    primary: 'Field 1',
+                    selected: true
+                },
+                {
+                    id: 'item_1',
+                    primary: 'Field 2',
+                    selected: true
+                },
+                {
+                    id: 'item_2',
+                    primary: 'Field 3',
+                    selected: true
+                },
+                {
+                    id: 'item_3',
+                    primary: 'Field 4',
+                    selected: true
                 }
-                return task;
-            }), 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 ?'
+            ]);
+        }, 3000);
+    };
+    const [entityListMockData, setEntityListMock] = useState([]);
+    const [count, setCount] = useState(0);
+    const entityListMock = (_jsx(EntityList, { content: entityListMockData, contextMenu: {
+            onItemClick: action('onItemClick'),
+            onContextMenu: handleRightClick,
+            handle: entityListCtxMenuHandle
+        } }));
+    const tasks = serviceTasks.map(task => {
+        if (task.id === activeTaskId) {
+            return {
+                ...task,
+                active: true
+            };
+        }
+        return task;
+    });
+    const wrapUp = {
+        disable: disableWrapUp,
+        onClick: () => {
+            performTaskAction(WrapUpTask.id, 'launch');
+            setDisableWrapUp(true);
+        },
+        active: activeTaskId === WrapUpTask.id,
+        showTab: isWrapUpTabVisible
+    };
+    const hasActiveTask = tasks.filter(task => task.active).length > 0 || !!wrapUp?.active;
+    useEffect(() => {
+        if (hasActiveTask) {
+            const interval = setInterval(() => {
+                setCount(prev => {
+                    if (prev === EntityListMock.length - 1) {
+                        clearInterval(interval);
+                        return prev;
+                    }
+                    return prev + 1;
+                });
+            }, 3000);
+            return () => clearInterval(interval);
+        }
+    }, [hasActiveTask]);
+    useEffect(() => {
+        if (count > 0)
+            setEntityListMock([...entityListMockData, EntityListMock[count - 1]]);
+    }, [count]);
+    return (_jsx(TaskManager, { conversationAI: hasActiveTask
+            ? {
+                content: entityListMock,
+                entityCount: count
+            }
+            : undefined, ref: taskManagerRef, handle: handle, tasks: args.serviceTasksEmpty ? [] : tasks, emptyText: 'No tasks added', banner: {
+            icon: 'script',
+            content: 'Hi Ms. Ventura, I see that you are interested in changing your monthly due date, is that correct?',
+            verbatimStatus: args.verbatimStatus
         }, onTaskLaunch: args.onTaskLaunch || handleLaunch, onTaskDismiss: args.onTaskDismiss || handleDismiss, addTask: {
             items: TaskPickerMockData.tasks,
             onAdd: renderTasks
-        }, wrapUp: args.wrapUp || {
-            disable: disableWrapUp,
-            onClick: () => {
-                performTaskAction(WrapUpTask.id, 'launch');
-                setDisableWrapUp(true);
-            },
-            active: activeTaskId === WrapUpTask.id,
-            showTab: isWrapUpTabVisible
-        }, main: args.main || (_jsx(TaskView, { header: _jsxs(Flex, { container: { justify: 'start', gap: 1, alignItems: 'center' }, children: [_jsx(Text, { variant: 'h3', children: activeTaskId === WrapUpTask.id
+        }, wrapUp: args.wrapUp || wrapUp, main: args.main || (_jsx(TaskView, { header: _jsxs(Flex, { container: { justify: 'start', gap: 1, alignItems: 'center' }, children: [_jsx(Text, { variant: 'h3', children: activeTaskId === WrapUpTask.id
                             ? WrapUpTask.name
                             : getTaskName(activeServiceTask?.name) }), _jsx(StyledStatus, { variant: activeTaskId === WrapUpTask.id
                             ? WrapUpTask.variant
@@ -308,11 +381,16 @@ export const TaskManagerDemo = (args) => {
 TaskManagerDemo.args = {
     serviceTasksEmpty: false,
     colGap: 2,
-    rowGap: 2
+    rowGap: 2,
+    verbatimStatus: 'pending'
 };
 TaskManagerDemo.argTypes = {
     serviceTasksEmpty: { control: { type: 'boolean' } },
     colGap: { control: { type: 'number' } },
-    rowGap: { control: { type: 'number' } }
+    rowGap: { control: { type: 'number' } },
+    verbatimStatus: {
+        options: ['pending', 'spoken', undefined],
+        control: { type: 'select' }
+    }
 };
 //# sourceMappingURL=TaskManager.stories.js.map

package/lib/cs/TaskManager/TaskManager.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"TaskManager.stories.js","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 { Meta, Story } from '@storybook/react';\n\nimport {\n  Button,\n  createUID,\n  DateInput,\n  DateTimeInput,\n  Flex,\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, TaskManagerProps, TaskProps, TaskView } from '@pega/cosmos-react-cs';\n\nimport { activity } from '../../work/Timeline/Timeline.mocks';\n\nimport { TaskPickerMockData, WrapUpTask } from './TaskManager.mocks';\nimport { StyledStatus } from './TaskManager.styles';\n\nexport default {\n  title: 'Customer Service/TaskManager',\n  component: TaskManager\n} as Meta;\n\ntype TaskActions = 'cancel' | 'launch' | 'dismiss' | 'submit';\n\nexport interface TaskManagerStoryProps extends TaskManagerProps {\n  initialTasks?: TaskProps[];\n  main?: ReactNode;\n  serviceTasksEmpty?: boolean;\n  colGap?: number;\n  rowGap?: number;\n}\n\nexport const TaskManagerDemo: Story<TaskManagerStoryProps> = (args: TaskManagerStoryProps) => {\n  const [serviceTasks, setServiceTasks] = useState<TaskProps[]>(args.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    TaskPickerMockData.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: args.colGap,\n          rowGap: args.rowGap\n        }}\n      >\n        {formElements}\n      </Grid>\n    );\n  };\n\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    <TaskManager\n      ref={taskManagerRef}\n      tasks={\n        args.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={args.onTaskLaunch || handleLaunch}\n      onTaskDismiss={args.onTaskDismiss || handleDismiss}\n      addTask={{\n        items: TaskPickerMockData.tasks,\n        onAdd: renderTasks\n      }}\n      wrapUp={\n        args.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        args.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: ['Close task', 'Dismiss task', 'Resolve task'].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                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\nTaskManagerDemo.args = {\n  serviceTasksEmpty: false,\n  colGap: 2,\n  rowGap: 2\n};\n\nTaskManagerDemo.argTypes = {\n  serviceTasksEmpty: { control: { type: 'boolean' } },\n  colGap: { control: { type: 'number' } },\n  rowGap: { control: { type: 'number' } }\n};\n"]}
+{"version":3,"file":"TaskManager.stories.js","sourceRoot":"","sources":["../../../src/cs/TaskManager/TaskManager.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["import { ReactNode, useEffect, useRef, useState, MouseEvent } from 'react';\nimport { action } from '@storybook/addon-actions';\nimport { Meta, Story } from '@storybook/react';\n\nimport {\n  Button,\n  createUID,\n  DateInput,\n  DateTimeInput,\n  Flex,\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 {\n  DialogueProps,\n  TaskManager,\n  TaskManagerProps,\n  TaskProps,\n  TaskView\n} from '@pega/cosmos-react-cs';\nimport { EntityList, EntityListProps } from '@pega/cosmos-react-social';\nimport { HandleValue } from '@pega/cosmos-react-cs/lib/components/TaskManager/TaskManager.types';\nimport { ContextMenuProps } from '@pega/cosmos-react-social/lib/components/Email/Email.types';\n\nimport { activity } from '../../work/Timeline/Timeline.mocks';\n\nimport { TaskPickerMockData, WrapUpTask, EntityListMock } from './TaskManager.mocks';\nimport { StyledStatus } from './TaskManager.styles';\n\nexport default {\n  title: 'Customer Service/TaskManager',\n  component: TaskManager\n} as Meta;\n\ntype TaskActions = 'cancel' | 'launch' | 'dismiss' | 'submit';\n\nexport interface TaskManagerStoryProps extends TaskManagerProps {\n  initialTasks?: TaskProps[];\n  main?: ReactNode;\n  serviceTasksEmpty?: boolean;\n  colGap?: number;\n  rowGap?: number;\n  verbatimStatus?: DialogueProps['verbatimStatus'];\n}\n\nexport const TaskManagerDemo: Story<TaskManagerStoryProps> = (args: TaskManagerStoryProps) => {\n  const [serviceTasks, setServiceTasks] = useState<TaskProps[]>(args.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 handle = useRef<HandleValue>(null);\n  const entityListTimeout = useRef<number>();\n  const [activeTaskId, setActiveTaskId] = useState<string | undefined>(undefined);\n\n  useEffect(() => {\n    handle.current?.nudge();\n    return () => {\n      window.clearTimeout(entityListTimeout.current);\n    };\n  }, []);\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    TaskPickerMockData.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: args.colGap,\n          rowGap: args.rowGap\n        }}\n      >\n        {formElements}\n      </Grid>\n    );\n  };\n\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  const entityListCtxMenuHandle: ContextMenuProps['handle'] = useRef(null);\n\n  const handleRightClick = (e: MouseEvent) => {\n    e.preventDefault();\n    entityListCtxMenuHandle.current?.setItems([]);\n    entityListCtxMenuHandle.current?.setLoading(true);\n    entityListCtxMenuHandle.current?.setOpen(true);\n    entityListTimeout.current = window.setTimeout(() => {\n      entityListCtxMenuHandle.current?.setLoading(false);\n      entityListCtxMenuHandle.current?.setItems([\n        {\n          id: 'item_0',\n          primary: 'Field 1',\n          selected: true\n        },\n        {\n          id: 'item_1',\n          primary: 'Field 2',\n          selected: true\n        },\n        {\n          id: 'item_2',\n          primary: 'Field 3',\n          selected: true\n        },\n        {\n          id: 'item_3',\n          primary: 'Field 4',\n          selected: true\n        }\n      ]);\n    }, 3000);\n  };\n\n  const [entityListMockData, setEntityListMock] = useState<EntityListProps['content']>([]);\n  const [count, setCount] = useState(0);\n  const entityListMock = (\n    <EntityList\n      content={entityListMockData}\n      contextMenu={{\n        onItemClick: action('onItemClick'),\n        onContextMenu: handleRightClick,\n        handle: entityListCtxMenuHandle\n      }}\n    />\n  );\n\n  const tasks = serviceTasks.map(task => {\n    if (task.id === activeTaskId) {\n      return {\n        ...task,\n        active: true\n      };\n    }\n    return task;\n  });\n\n  const 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  const hasActiveTask = tasks.filter(task => task.active).length > 0 || !!wrapUp?.active;\n\n  useEffect(() => {\n    if (hasActiveTask) {\n      const interval = setInterval(() => {\n        setCount(prev => {\n          if (prev === EntityListMock.length - 1) {\n            clearInterval(interval);\n            return prev;\n          }\n          return prev + 1;\n        });\n      }, 3000);\n      return () => clearInterval(interval);\n    }\n  }, [hasActiveTask]);\n\n  useEffect(() => {\n    if (count > 0) setEntityListMock([...entityListMockData, EntityListMock[count - 1]]);\n  }, [count]);\n\n  return (\n    <TaskManager\n      conversationAI={\n        hasActiveTask\n          ? {\n              content: entityListMock,\n              entityCount: count\n            }\n          : undefined\n      }\n      ref={taskManagerRef}\n      handle={handle}\n      tasks={args.serviceTasksEmpty ? [] : tasks}\n      emptyText='No tasks added'\n      banner={{\n        icon: 'script',\n        content:\n          'Hi Ms. Ventura, I see that you are interested in changing your monthly due date, is that correct?',\n        verbatimStatus: args.verbatimStatus\n      }}\n      onTaskLaunch={args.onTaskLaunch || handleLaunch}\n      onTaskDismiss={args.onTaskDismiss || handleDismiss}\n      addTask={{\n        items: TaskPickerMockData.tasks,\n        onAdd: renderTasks\n      }}\n      wrapUp={args.wrapUp || wrapUp}\n      main={\n        args.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: ['Close task', 'Dismiss task', 'Resolve task'].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                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\nTaskManagerDemo.args = {\n  serviceTasksEmpty: false,\n  colGap: 2,\n  rowGap: 2,\n  verbatimStatus: 'pending'\n};\n\nTaskManagerDemo.argTypes = {\n  serviceTasksEmpty: { control: { type: 'boolean' } },\n  colGap: { control: { type: 'number' } },\n  rowGap: { control: { type: 'number' } },\n  verbatimStatus: {\n    options: ['pending', 'spoken', undefined],\n    control: { type: 'select' }\n  }\n};\n"]}

package/lib/cs/TaskManager/TaskManager.styles.js

@@ -1,8 +1,9 @@
 import styled, { css } from 'styled-components';
-import { Status } from '@pega/cosmos-react-core';
+import { Status, defaultThemeProp } from '@pega/cosmos-react-core';
 export const StyledStatus = styled(Status)(({ theme }) => {
     return css `
     margin-block-start: calc(0.25 * ${theme.base.spacing});
   `;
 });
+StyledStatus.defaultProps = defaultThemeProp;
 //# sourceMappingURL=TaskManager.styles.js.map

package/lib/cs/TaskManager/TaskManager.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"TaskManager.styles.js","sourceRoot":"","sources":["../../../src/cs/TaskManager/TaskManager.styles.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAEhD,OAAO,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AAEjD,MAAM,CAAC,MAAM,YAAY,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;IACvD,OAAO,GAAG,CAAA;sCAC0B,KAAK,CAAC,IAAI,CAAC,OAAO;GACrD,CAAC;AACJ,CAAC,CAAC,CAAC","sourcesContent":["import styled, { css } from 'styled-components';\n\nimport { Status } from '@pega/cosmos-react-core';\n\nexport const StyledStatus = styled(Status)(({ theme }) => {\n  return css`\n    margin-block-start: calc(0.25 * ${theme.base.spacing});\n  `;\n});\n"]}
+{"version":3,"file":"TaskManager.styles.js","sourceRoot":"","sources":["../../../src/cs/TaskManager/TaskManager.styles.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAEhD,OAAO,EAAE,MAAM,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAEnE,MAAM,CAAC,MAAM,YAAY,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;IACvD,OAAO,GAAG,CAAA;sCAC0B,KAAK,CAAC,IAAI,CAAC,OAAO;GACrD,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,YAAY,CAAC,YAAY,GAAG,gBAAgB,CAAC","sourcesContent":["import styled, { css } from 'styled-components';\n\nimport { Status, defaultThemeProp } from '@pega/cosmos-react-core';\n\nexport const StyledStatus = styled(Status)(({ theme }) => {\n  return css`\n    margin-block-start: calc(0.25 * ${theme.base.spacing});\n  `;\n});\n\nStyledStatus.defaultProps = defaultThemeProp;\n"]}

package/lib/dnd/StandardDragDropList/Demo.d.ts

@@ -0,0 +1,7 @@
+import { MockRawItem } from './mockData';
+interface StandardDragDropListDemoProps {
+    items: MockRawItem[];
+}
+declare const _default: ({ items }: StandardDragDropListDemoProps) => JSX.Element;
+export default _default;
+//# sourceMappingURL=Demo.d.ts.map

package/lib/dnd/StandardDragDropList/Demo.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Demo.d.ts","sourceRoot":"","sources":["../../../src/dnd/StandardDragDropList/Demo.tsx"],"names":[],"mappings":"AAWA,OAAO,EAEL,WAAW,EAKZ,MAAM,YAAY,CAAC;AAIpB,UAAU,6BAA6B;IACrC,KAAK,EAAE,WAAW,EAAE,CAAC;CACtB;oCAE0B,6BAA6B,KAAG,WAAW;AAAtE,wBAoOE"}