@pega/cosmos-react-demos 2.1.2 → 3.0.0-dev.2.0

package/lib/cs/IntelligentGuidance/IntelligentGuidance.stories.js

@@ -58,17 +58,17 @@ export const CaseViewWithIntelligentGuidance = () => {
             id: CHANGE_ADDRESS_TASK_ID,
             icon: 'check',
             name: 'Change address',
-            variant: 'resolved',
+            isResolved: true,
             status: {
                 text: 'Resolve Completed',
-                variant: 'info'
+                variant: 'success'
             }
         },
         {
             id: createUID(),
             icon: 'clipboard',
             name: 'Lost or stolen card',
-            variant: 'in-progress',
+            isResolved: false,
             status: {
                 text: 'In Progress',
                 variant: 'pending'
@@ -78,13 +78,14 @@ export const CaseViewWithIntelligentGuidance = () => {
             id: UPDATE_PROFILE_TASK_ID,
             icon: 'bulb',
             name: 'Update contact profile',
-            variant: 'suggested',
+            isResolved: false,
             meta: 'Suggested task'
         }
     ]);
     const formActionsElemRef = useRef(null);
     const taskManagerRef = useRef(null);
     const [activeTaskId, setActiveTaskId] = useState(undefined);
+    const [disableWrapUp, setDisableWrapUp] = useState(false);
     const addTaskButtonRef = useRef(null);
     const isMediumOrAbove = useBreakpoint('md');
     const caseId = 'C-456';
@@ -136,7 +137,6 @@ export const CaseViewWithIntelligentGuidance = () => {
                         return {
                             ...task,
                             icon: 'clipboard',
-                            variant: 'in-progress',
                             meta: undefined,
                             status: {
                                 variant: 'pending',
@@ -159,9 +159,9 @@ export const CaseViewWithIntelligentGuidance = () => {
                         return {
                             ...task,
                             icon: 'check',
-                            variant: 'resolved',
+                            isResolved: true,
                             status: {
-                                variant: 'info',
+                                variant: 'success',
                                 text: 'Resolve Completed'
                             }
                         };
@@ -232,7 +232,7 @@ export const CaseViewWithIntelligentGuidance = () => {
                     id: taskId,
                     icon: 'clipboard',
                     name: selection.primary,
-                    variant: 'in-progress',
+                    isResolved: false,
                     status: {
                         variant: 'pending',
                         text: 'In Progress'
@@ -243,7 +243,7 @@ export const CaseViewWithIntelligentGuidance = () => {
                 id: taskId,
                 icon: 'clipboard',
                 name: selection.primary,
-                variant: 'queued',
+                isResolved: false,
                 meta: 'Queued task'
             };
         });
@@ -273,8 +273,10 @@ export const CaseViewWithIntelligentGuidance = () => {
             items: TaskPickerMockData.tasks,
             onAdd: renderTasks
         }, wrapUp: {
-            onWrapUp: () => {
+            disable: disableWrapUp,
+            onClick: () => {
                 performTaskAction(WRAP_UP_TASK_ID, 'launch');
+                setDisableWrapUp(true);
             },
             active: activeTaskId === WRAP_UP_TASK_ID
         }, main: _jsx(TaskView, { header: _jsx(Text, { variant: 'h2', children: activeTaskId === WRAP_UP_TASK_ID

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

@@ -1 +1 @@
-{"version":3,"file":"IntelligentGuidance.stories.js","sourceRoot":"","sources":["../../../src/cs/IntelligentGuidance/IntelligentGuidance.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useEffect, useMemo, useRef, useState } from 'react';\n\nimport {\n  Button,\n  createUID,\n  Form,\n  Grid,\n  Icon,\n  registerIcon,\n  Input,\n  MenuButton,\n  MenuItemProps,\n  Status,\n  StatusProps,\n  Text,\n  useBreakpoint\n} from '@pega/cosmos-react-core';\nimport { CaseSummaryFields } from '@pega/cosmos-react-work';\nimport {\n  CSCaseView,\n  TaskManager,\n  TaskView,\n  TaskProps,\n  IntelligentGuidance,\n  IntelligentGuidanceProps\n} from '@pega/cosmos-react-cs';\nimport * as userSolidIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/user-solid.icon';\nimport { AppShellDemo } from '@pega/cosmos-react-demos/lib/core/AppShell/AppShell.stories';\nimport { TableDemo } from '@pega/cosmos-react-demos/lib/core/Table/Table.stories';\nimport { AttachmentsMock } from '@pega/cosmos-react-demos/lib/work/CaseView/Attachments.mocks';\nimport { Details } from '@pega/cosmos-react-demos/lib/work/CaseView/Details.mocks';\nimport { PulseMock } from '@pega/cosmos-react-demos/lib/work/CaseView/Pulse.mocks';\nimport {\n  getTabs,\n  MockSummaryList\n} from '@pega/cosmos-react-demos/lib/work/CaseView/CaseView.mocks';\nimport { TimelineDemo } from '@pega/cosmos-react-demos/lib/work/Timeline/Timeline.stories';\nimport { TaskPickerMockData } from '@pega/cosmos-react-demos/lib/cs/TaskManager/TaskManager.mocks';\n\nregisterIcon(userSolidIcon);\n\nexport default {\n  title: 'Customer Service/IntelligentGuidance',\n  component: IntelligentGuidance,\n  parameters: {\n    layout: 'fullscreen'\n  }\n};\n\nexport const IntelligentGuidanceDemo = () => {\n  const [items, setItems] = useState<IntelligentGuidanceProps['items']>([\n    {\n      id: '1',\n      label: 'Change address',\n      icon: 'clipboard',\n      type: 'Task',\n      onClick: () => {\n        setItems(prevItems => prevItems.filter(item => item.id !== '1'));\n      },\n      onDismiss: () => {\n        setItems(prevItems => prevItems.filter(item => item.id !== '1'));\n      }\n    },\n    {\n      id: '2',\n      label: 'Update contact profile',\n      icon: 'headline',\n      type: 'Knowledge Article',\n      onClick: () => {\n        setItems(prevItems => prevItems.filter(item => item.id !== '2'));\n      },\n      onDismiss: () => {\n        setItems(prevItems => prevItems.filter(item => item.id !== '2'));\n      }\n    }\n  ]);\n\n  return <IntelligentGuidance items={items} heading='Intelligent guidance' />;\n};\n\nconst WRAP_UP_TASK_ID = createUID();\nconst CHANGE_ADDRESS_TASK_ID = createUID();\nconst UPDATE_PROFILE_TASK_ID = createUID();\n\ntype TaskActions = 'cancel' | 'launch' | 'dismiss' | 'submit';\n\nexport const CaseViewWithIntelligentGuidance = () => {\n  const [serviceTasks, setServiceTasks] = useState<TaskProps[]>([\n    {\n      id: CHANGE_ADDRESS_TASK_ID,\n      icon: 'check',\n      name: 'Change address',\n      variant: 'resolved' as TaskProps['variant'],\n      status: {\n        text: 'Resolve Completed',\n        variant: 'info' as StatusProps['variant']\n      }\n    },\n    {\n      id: createUID(),\n      icon: 'clipboard',\n      name: 'Lost or stolen card',\n      variant: 'in-progress' as TaskProps['variant'],\n      status: {\n        text: 'In Progress',\n        variant: 'pending' as StatusProps['variant']\n      }\n    },\n    {\n      id: UPDATE_PROFILE_TASK_ID,\n      icon: 'bulb',\n      name: 'Update contact profile',\n      variant: 'suggested' as TaskProps['variant'],\n      meta: 'Suggested task'\n    }\n  ]);\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  const isMediumOrAbove = useBreakpoint('md');\n  const caseId = 'C-456';\n  const demoTabItems = getTabs();\n  const [demoCurrentTabId, setDemoCurrentTabId] = useState(\n    isMediumOrAbove ? demoTabItems[0].id : `summary-${caseId}`\n  );\n\n  const demoTabContent = useMemo(() => {\n    return [\n      {\n        id: 'Details',\n        content: <Details />\n      },\n      {\n        id: 'Pulse',\n        content: <PulseMock />\n      },\n      {\n        id: 'Accounts',\n        content: <TableDemo />\n      },\n      {\n        id: 'not found',\n        content: <h2>Not Found</h2>\n      }\n    ];\n  }, []);\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 performTaskAction = (taskId: string | undefined, taskAction: TaskActions) => {\n    if (taskId === WRAP_UP_TASK_ID) {\n      if (taskAction === 'cancel' || taskAction === 'submit') {\n        setActiveTaskId(undefined);\n      } else if (taskAction === 'launch') {\n        setActiveTaskId(WRAP_UP_TASK_ID);\n      }\n    } else if (taskAction === 'launch') {\n      setActiveTaskId(taskId);\n      setServiceTasks(prevTasks => {\n        return prevTasks.map(task => {\n          if (task.id === taskId) {\n            return {\n              ...task,\n              icon: 'clipboard',\n              variant: 'in-progress',\n              meta: undefined,\n              status: {\n                variant: 'pending' as StatusProps['variant'],\n                text: 'In Progress'\n              }\n            };\n          }\n          return task;\n        });\n      });\n    } else if (taskAction === 'cancel') {\n      setActiveTaskId(undefined);\n    } else if (taskAction === 'submit') {\n      setActiveTaskId(undefined);\n      setServiceTasks(prevTasks => {\n        return prevTasks.map(task => {\n          if (task.id === taskId) {\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          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 [items, setItems] = useState<IntelligentGuidanceProps['items']>([\n    {\n      id: '1',\n      label: 'Update contact profile',\n      icon: 'bulb',\n      type: 'Task',\n      onClick: () => {\n        performTaskAction(UPDATE_PROFILE_TASK_ID, 'launch');\n        setItems(prevItems => prevItems.filter(item => item.id !== '1'));\n      },\n      onDismiss: () => {\n        setItems(prevItems => prevItems.filter(item => item.id !== '1'));\n      }\n    },\n    {\n      id: '2',\n      label: 'Change address',\n      icon: 'clipboard',\n      type: 'Task',\n      onClick: () => {\n        performTaskAction(CHANGE_ADDRESS_TASK_ID, 'launch');\n        setItems(prevItems => prevItems.filter(item => item.id !== '2'));\n      },\n      onDismiss: () => {\n        setItems(prevItems => prevItems.filter(item => item.id !== '2'));\n      }\n    }\n  ]);\n\n  useEffect(() => {\n    const timer = setTimeout(() => {\n      setItems(prev => [\n        ...prev,\n        {\n          id: '3',\n          label: 'Demo item',\n          icon: 'clipboard',\n          type: 'Demo',\n          onClick: () => {\n            setItems(prevItems => prevItems.filter(item => item.id !== '3'));\n          },\n          onDismiss: () => {\n            setItems(prevItems => prevItems.filter(item => item.id !== '3'));\n          }\n        }\n      ]);\n    }, 5000);\n    return () => clearTimeout(timer);\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: 'clipboard',\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        meta: 'Queued task'\n      };\n    });\n    setServiceTasks(prevTasks => {\n      return [...newTasks, ...prevTasks];\n    });\n    if (newTasks.length > 0) {\n      performTaskAction(newTasks[0].id, 'launch');\n    }\n  };\n\n  const taskWidget = (\n    <TaskManager\n      ref={taskManagerRef}\n      tasks={serviceTasks.map(task => {\n        if (task.id === activeTaskId) {\n          return {\n            ...task,\n            active: true\n          };\n        }\n        return task;\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 => {\n        performTaskAction(id, 'launch');\n      }}\n      onTaskDismiss={id => {\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      }}\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: ['Option Number 1', 'Option Number 2', 'Option Number 3'].map(\n                  (name: string) => ({\n                    primary: name,\n                    id: name,\n                    onClick: () => {}\n                  })\n                )\n              }}\n              text='Actions'\n            />\n          }\n        >\n          <Form\n            actions={\n              <>\n                <Button\n                  name='Cancel'\n                  onClick={() => {\n                    performTaskAction(activeTaskId, 'cancel');\n                  }}\n                >\n                  Cancel\n                </Button>\n                <div>\n                  <Button name='Save'>Save</Button>\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                <TimelineDemo />\n              ) : (\n                Array.from({ length: 15 }, (undef, i) => {\n                  const idx = i + 1;\n                  return <Input label={`Field ${idx}`} key={idx} />;\n                })\n              )}\n            </Grid>\n          </Form>\n        </TaskView>\n      }\n    />\n  );\n\n  const createDate = new Date(2016, 1, 8);\n  const msInYear = 1000 * 60 * 60 * 24 * 365;\n  const diffInYears = Math.floor((Date.now() - createDate.getTime()) / msInYear);\n\n  return (\n    <AppShellDemo\n      main={\n        <CSCaseView\n          caseId={caseId}\n          heading='Intelligent Guidance demo case'\n          icon={<Icon name='user-solid' />}\n          tasks={taskWidget}\n          summary={\n            <CaseSummaryFields\n              primaryFields={[\n                {\n                  name: 'Member ID',\n                  value: 'M204859F438G'\n                },\n                {\n                  name: 'Priority',\n                  value: '95'\n                }\n              ].map((f, i) => ({ ...f, id: `p-${i}` }))}\n              secondaryFields={[\n                {\n                  name: 'Status',\n                  value: <Status variant='info'>New</Status>\n                },\n                {\n                  name: 'Assigned to',\n                  value: 'Dean Thomas'\n                },\n                {\n                  name: 'Create date',\n                  value: createDate.toDateString()\n                },\n                {\n                  name: 'Update date',\n                  value: `${diffInYears} years ago`\n                }\n              ].map((f, i) => ({ ...f, id: `s-${i}` }))}\n            />\n          }\n          tabs={{\n            items: demoTabItems,\n            currentTabId: demoCurrentTabId,\n            onClick: (id: string) => setDemoCurrentTabId(id)\n          }}\n          tabContent={demoTabContent}\n          utilities={\n            <>\n              <AttachmentsMock />\n              <MockSummaryList icon='user-search' name='Stakeholders' />\n              <MockSummaryList icon='user-star' name='Followers' />\n            </>\n          }\n          utilitiesSummaryItems={[\n            { iconName: 'paper-clip', count: 4 },\n            { iconName: 'user-search-solid', count: 10 },\n            { iconName: 'user-star-solid', count: 5 }\n          ]}\n          intelligentGuidance={<IntelligentGuidance items={items} heading='Intelligent guidance' />}\n        />\n      }\n    />\n  );\n};\n"]}
+{"version":3,"file":"IntelligentGuidance.stories.js","sourceRoot":"","sources":["../../../src/cs/IntelligentGuidance/IntelligentGuidance.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useEffect, useMemo, useRef, useState } from 'react';\n\nimport {\n  Button,\n  createUID,\n  Form,\n  Grid,\n  Icon,\n  registerIcon,\n  Input,\n  MenuButton,\n  MenuItemProps,\n  Status,\n  StatusProps,\n  Text,\n  useBreakpoint\n} from '@pega/cosmos-react-core';\nimport { CaseSummaryFields } from '@pega/cosmos-react-work';\nimport {\n  CSCaseView,\n  TaskManager,\n  TaskView,\n  TaskProps,\n  IntelligentGuidance,\n  IntelligentGuidanceProps\n} from '@pega/cosmos-react-cs';\nimport * as userSolidIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/user-solid.icon';\nimport { AppShellDemo } from '@pega/cosmos-react-demos/lib/core/AppShell/AppShell.stories';\nimport { TableDemo } from '@pega/cosmos-react-demos/lib/core/Table/Table.stories';\nimport { AttachmentsMock } from '@pega/cosmos-react-demos/lib/work/CaseView/Attachments.mocks';\nimport { Details } from '@pega/cosmos-react-demos/lib/work/CaseView/Details.mocks';\nimport { PulseMock } from '@pega/cosmos-react-demos/lib/work/CaseView/Pulse.mocks';\nimport {\n  getTabs,\n  MockSummaryList\n} from '@pega/cosmos-react-demos/lib/work/CaseView/CaseView.mocks';\nimport { TimelineDemo } from '@pega/cosmos-react-demos/lib/work/Timeline/Timeline.stories';\nimport { TaskPickerMockData } from '@pega/cosmos-react-demos/lib/cs/TaskManager/TaskManager.mocks';\n\nregisterIcon(userSolidIcon);\n\nexport default {\n  title: 'Customer Service/IntelligentGuidance',\n  component: IntelligentGuidance,\n  parameters: {\n    layout: 'fullscreen'\n  }\n};\n\nexport const IntelligentGuidanceDemo = () => {\n  const [items, setItems] = useState<IntelligentGuidanceProps['items']>([\n    {\n      id: '1',\n      label: 'Change address',\n      icon: 'clipboard',\n      type: 'Task',\n      onClick: () => {\n        setItems(prevItems => prevItems.filter(item => item.id !== '1'));\n      },\n      onDismiss: () => {\n        setItems(prevItems => prevItems.filter(item => item.id !== '1'));\n      }\n    },\n    {\n      id: '2',\n      label: 'Update contact profile',\n      icon: 'headline',\n      type: 'Knowledge Article',\n      onClick: () => {\n        setItems(prevItems => prevItems.filter(item => item.id !== '2'));\n      },\n      onDismiss: () => {\n        setItems(prevItems => prevItems.filter(item => item.id !== '2'));\n      }\n    }\n  ]);\n\n  return <IntelligentGuidance items={items} heading='Intelligent guidance' />;\n};\n\nconst WRAP_UP_TASK_ID = createUID();\nconst CHANGE_ADDRESS_TASK_ID = createUID();\nconst UPDATE_PROFILE_TASK_ID = createUID();\n\ntype TaskActions = 'cancel' | 'launch' | 'dismiss' | 'submit';\n\nexport const CaseViewWithIntelligentGuidance = () => {\n  const [serviceTasks, setServiceTasks] = useState<TaskProps[]>([\n    {\n      id: CHANGE_ADDRESS_TASK_ID,\n      icon: 'check',\n      name: 'Change address',\n      isResolved: true,\n      status: {\n        text: 'Resolve Completed',\n        variant: 'success' as StatusProps['variant']\n      }\n    },\n    {\n      id: createUID(),\n      icon: 'clipboard',\n      name: 'Lost or stolen card',\n      isResolved: false,\n      status: {\n        text: 'In Progress',\n        variant: 'pending' as StatusProps['variant']\n      }\n    },\n    {\n      id: UPDATE_PROFILE_TASK_ID,\n      icon: 'bulb',\n      name: 'Update contact profile',\n      isResolved: false,\n      meta: 'Suggested task'\n    }\n  ]);\n\n  const formActionsElemRef = useRef<HTMLButtonElement>(null);\n  const taskManagerRef = useRef<HTMLDivElement>(null);\n  const [activeTaskId, setActiveTaskId] = useState<string | undefined>(undefined);\n  const [disableWrapUp, setDisableWrapUp] = useState<boolean>(false);\n  const addTaskButtonRef = useRef<HTMLButtonElement>(null);\n\n  const isMediumOrAbove = useBreakpoint('md');\n  const caseId = 'C-456';\n  const demoTabItems = getTabs();\n  const [demoCurrentTabId, setDemoCurrentTabId] = useState(\n    isMediumOrAbove ? demoTabItems[0].id : `summary-${caseId}`\n  );\n\n  const demoTabContent = useMemo(() => {\n    return [\n      {\n        id: 'Details',\n        content: <Details />\n      },\n      {\n        id: 'Pulse',\n        content: <PulseMock />\n      },\n      {\n        id: 'Accounts',\n        content: <TableDemo />\n      },\n      {\n        id: 'not found',\n        content: <h2>Not Found</h2>\n      }\n    ];\n  }, []);\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 performTaskAction = (taskId: string | undefined, taskAction: TaskActions) => {\n    if (taskId === WRAP_UP_TASK_ID) {\n      if (taskAction === 'cancel' || taskAction === 'submit') {\n        setActiveTaskId(undefined);\n      } else if (taskAction === 'launch') {\n        setActiveTaskId(WRAP_UP_TASK_ID);\n      }\n    } else if (taskAction === 'launch') {\n      setActiveTaskId(taskId);\n      setServiceTasks(prevTasks => {\n        return prevTasks.map(task => {\n          if (task.id === taskId) {\n            return {\n              ...task,\n              icon: 'clipboard',\n              meta: undefined,\n              status: {\n                variant: 'pending' as StatusProps['variant'],\n                text: 'In Progress'\n              }\n            };\n          }\n          return task;\n        });\n      });\n    } else if (taskAction === 'cancel') {\n      setActiveTaskId(undefined);\n    } else if (taskAction === 'submit') {\n      setActiveTaskId(undefined);\n      setServiceTasks(prevTasks => {\n        return prevTasks.map(task => {\n          if (task.id === taskId) {\n            return {\n              ...task,\n              icon: 'check',\n              isResolved: true,\n              status: {\n                variant: 'success' as StatusProps['variant'],\n                text: 'Resolve Completed'\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 [items, setItems] = useState<IntelligentGuidanceProps['items']>([\n    {\n      id: '1',\n      label: 'Update contact profile',\n      icon: 'bulb',\n      type: 'Task',\n      onClick: () => {\n        performTaskAction(UPDATE_PROFILE_TASK_ID, 'launch');\n        setItems(prevItems => prevItems.filter(item => item.id !== '1'));\n      },\n      onDismiss: () => {\n        setItems(prevItems => prevItems.filter(item => item.id !== '1'));\n      }\n    },\n    {\n      id: '2',\n      label: 'Change address',\n      icon: 'clipboard',\n      type: 'Task',\n      onClick: () => {\n        performTaskAction(CHANGE_ADDRESS_TASK_ID, 'launch');\n        setItems(prevItems => prevItems.filter(item => item.id !== '2'));\n      },\n      onDismiss: () => {\n        setItems(prevItems => prevItems.filter(item => item.id !== '2'));\n      }\n    }\n  ]);\n\n  useEffect(() => {\n    const timer = setTimeout(() => {\n      setItems(prev => [\n        ...prev,\n        {\n          id: '3',\n          label: 'Demo item',\n          icon: 'clipboard',\n          type: 'Demo',\n          onClick: () => {\n            setItems(prevItems => prevItems.filter(item => item.id !== '3'));\n          },\n          onDismiss: () => {\n            setItems(prevItems => prevItems.filter(item => item.id !== '3'));\n          }\n        }\n      ]);\n    }, 5000);\n    return () => clearTimeout(timer);\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: 'clipboard',\n          name: selection.primary,\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        isResolved: false,\n        meta: 'Queued task'\n      };\n    });\n    setServiceTasks(prevTasks => {\n      return [...newTasks, ...prevTasks];\n    });\n    if (newTasks.length > 0) {\n      performTaskAction(newTasks[0].id, 'launch');\n    }\n  };\n\n  const taskWidget = (\n    <TaskManager\n      ref={taskManagerRef}\n      tasks={serviceTasks.map(task => {\n        if (task.id === activeTaskId) {\n          return {\n            ...task,\n            active: true\n          };\n        }\n        return task;\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 => {\n        performTaskAction(id, 'launch');\n      }}\n      onTaskDismiss={id => {\n        performTaskAction(id, 'dismiss');\n      }}\n      addTask={{\n        items: TaskPickerMockData.tasks,\n        onAdd: renderTasks\n      }}\n      wrapUp={{\n        disable: disableWrapUp,\n        onClick: () => {\n          performTaskAction(WRAP_UP_TASK_ID, 'launch');\n          setDisableWrapUp(true);\n        },\n        active: activeTaskId === WRAP_UP_TASK_ID\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: ['Option Number 1', 'Option Number 2', 'Option Number 3'].map(\n                  (name: string) => ({\n                    primary: name,\n                    id: name,\n                    onClick: () => {}\n                  })\n                )\n              }}\n              text='Actions'\n            />\n          }\n        >\n          <Form\n            actions={\n              <>\n                <Button\n                  name='Cancel'\n                  onClick={() => {\n                    performTaskAction(activeTaskId, 'cancel');\n                  }}\n                >\n                  Cancel\n                </Button>\n                <div>\n                  <Button name='Save'>Save</Button>\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                <TimelineDemo />\n              ) : (\n                Array.from({ length: 15 }, (undef, i) => {\n                  const idx = i + 1;\n                  return <Input label={`Field ${idx}`} key={idx} />;\n                })\n              )}\n            </Grid>\n          </Form>\n        </TaskView>\n      }\n    />\n  );\n\n  const createDate = new Date(2016, 1, 8);\n  const msInYear = 1000 * 60 * 60 * 24 * 365;\n  const diffInYears = Math.floor((Date.now() - createDate.getTime()) / msInYear);\n\n  return (\n    <AppShellDemo\n      main={\n        <CSCaseView\n          caseId={caseId}\n          heading='Intelligent Guidance demo case'\n          icon={<Icon name='user-solid' />}\n          tasks={taskWidget}\n          summary={\n            <CaseSummaryFields\n              primaryFields={[\n                {\n                  name: 'Member ID',\n                  value: 'M204859F438G'\n                },\n                {\n                  name: 'Priority',\n                  value: '95'\n                }\n              ].map((f, i) => ({ ...f, id: `p-${i}` }))}\n              secondaryFields={[\n                {\n                  name: 'Status',\n                  value: <Status variant='info'>New</Status>\n                },\n                {\n                  name: 'Assigned to',\n                  value: 'Dean Thomas'\n                },\n                {\n                  name: 'Create date',\n                  value: createDate.toDateString()\n                },\n                {\n                  name: 'Update date',\n                  value: `${diffInYears} years ago`\n                }\n              ].map((f, i) => ({ ...f, id: `s-${i}` }))}\n            />\n          }\n          tabs={{\n            items: demoTabItems,\n            currentTabId: demoCurrentTabId,\n            onClick: (id: string) => setDemoCurrentTabId(id)\n          }}\n          tabContent={demoTabContent}\n          utilities={\n            <>\n              <AttachmentsMock />\n              <MockSummaryList icon='user-search' name='Stakeholders' />\n              <MockSummaryList icon='user-star' name='Followers' />\n            </>\n          }\n          utilitiesSummaryItems={[\n            { iconName: 'paper-clip', count: 4 },\n            { iconName: 'user-search-solid', count: 10 },\n            { iconName: 'user-star-solid', count: 5 }\n          ]}\n          intelligentGuidance={<IntelligentGuidance items={items} heading='Intelligent guidance' />}\n        />\n      }\n    />\n  );\n};\n"]}

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

@@ -1,8 +1,7 @@
 export declare const TaskPickerMockData: {
     tasks: {
         id: string;
-        primary: string;
-        selected: boolean;
+        label: string;
         items: {
             id: string;
             primary: string;

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

@@ -1 +1 @@
-{"version":3,"file":"TaskManager.mocks.d.ts","sourceRoot":"","sources":["../../../src/cs/TaskManager/TaskManager.mocks.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,kBAAkB;;;;;;;;;;;CA0I9B,CAAC"}
+{"version":3,"file":"TaskManager.mocks.d.ts","sourceRoot":"","sources":["../../../src/cs/TaskManager/TaskManager.mocks.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,kBAAkB;;;;;;;;;;CAqI9B,CAAC"}

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

@@ -2,8 +2,7 @@ export const TaskPickerMockData = {
     tasks: [
         {
             id: '1',
-            primary: 'Frequently performed',
-            selected: false,
+            label: 'Frequently performed',
             items: [
                 {
                     id: '1-1',
@@ -30,8 +29,7 @@ export const TaskPickerMockData = {
         },
         {
             id: '2',
-            primary: 'Account',
-            selected: false,
+            label: 'Account',
             items: [
                 {
                     id: '2-1',
@@ -58,8 +56,7 @@ export const TaskPickerMockData = {
         },
         {
             id: '3',
-            primary: 'Contact',
-            selected: false,
+            label: 'Contact',
             items: [
                 {
                     id: '3-1',
@@ -75,8 +72,7 @@ export const TaskPickerMockData = {
         },
         {
             id: '4',
-            primary: 'Sales and offers',
-            selected: false,
+            label: 'Sales and offers',
             items: [
                 {
                     id: '4-1',
@@ -115,8 +111,7 @@ export const TaskPickerMockData = {
         },
         {
             id: '5',
-            primary: 'General',
-            selected: false,
+            label: 'General',
             items: [
                 {
                     id: '5-1',

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":["export const TaskPickerMockData = {\n  tasks: [\n    {\n      id: '1',\n      primary: 'Frequently performed',\n      selected: false,\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      primary: 'Account',\n      selected: false,\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      primary: 'Contact',\n      selected: false,\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      primary: 'Sales and offers',\n      selected: false,\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      primary: 'General',\n      selected: false,\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":["export 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"]}

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

@@ -1,8 +1,13 @@
-/// <reference types="react" />
+import { ReactNode } from 'react';
+import { TaskManagerProps, TaskProps } from '@pega/cosmos-react-cs';
 declare const _default: {
     title: string;
-    component: import("react").FunctionComponent<import("@pega/cosmos-react-cs").TaskManagerProps & import("@pega/cosmos-react-core").ForwardProps>;
+    component: import("react").FunctionComponent<TaskManagerProps & import("@pega/cosmos-react-core").ForwardProps>;
 };
 export default _default;
-export declare const TaskManagerDemo: () => JSX.Element;
+export interface TaskManagerStoryProps extends TaskManagerProps {
+    initialTasks?: TaskProps[];
+    main?: ReactNode;
+}
+export declare const TaskManager: ({ initialTasks, main, onTaskDismiss, onTaskLaunch, wrapUp }: TaskManagerStoryProps) => JSX.Element;
 //# 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":";;;;;AAwBA,wBAGE;AAQF,eAAO,MAAM,eAAe,mBA0W3B,CAAC"}
+{"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;AAsBpD,OAAO,EAEL,gBAAgB,EAChB,SAAS,EAEV,MAAM,uBAAuB,CAAC;;;;;AAK/B,wBAGE;AAaF,MAAM,WAAW,qBAAsB,SAAQ,gBAAgB;IAC7D,YAAY,CAAC,EAAE,SAAS,EAAE,CAAC;IAC3B,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB;AAQD,eAAO,MAAM,WAAW,gEAMrB,qBAAqB,gBAwZvB,CAAC"}