@pega/react-sdk-components 24.2.10 → 25.1.10

package/lib/hooks/useGetTabsCount.js

@@ -0,0 +1,165 @@
+import { useState, useEffect, useCallback, useMemo } from 'react';
+import { getTabLabel } from '../components/template/SubTabs/tabUtils';
+const useGetTabsCount = (deferLoadedTabs, uuid, selectedTabId, template) => {
+    const pConn = deferLoadedTabs.props.getPConnect();
+    const [availableTabs] = useState(deferLoadedTabs.props.getPConnect().getChildren() || []);
+    const [data, setData] = useState([]);
+    const [loading, setLoading] = useState(false);
+    const [error, setError] = useState(false);
+    const [countMetadata, setCountMetadata] = useState([]);
+    const [currentTabId, setCurrentTabId] = useState(selectedTabId);
+    const viewName = deferLoadedTabs?.props?.getPConnect()?.options?.viewName || null;
+    const tabContent = (id, index, overideTabContent, tab) => {
+        if (id === currentTabId || template === 'HierarchicalForm') {
+            if (overideTabContent) {
+                return tab.getPConnect().getComponent();
+            }
+            if (data[index]?.content) {
+                return data[index]?.content;
+            }
+            return tab.getPConnect().getComponent();
+        }
+        if (template !== 'HierarchicalForm') {
+            return overideTabContent ? null : data[index]?.content;
+        }
+    };
+    const getTabsData = useCallback(overideTabContent => availableTabs.map((tab, index) => {
+        const config = tab.getPConnect().getConfigProps();
+        const name = getTabLabel(tab.getPConnect());
+        const tabId = `${viewName}-${config.name || name}-${index}`;
+        const count = countMetadata.find((item) => item.tabId === tabId)?.count;
+        return {
+            name,
+            id: tabId,
+            getPConnect: tab.getPConnect,
+            content: tabContent(tabId, index, overideTabContent, tab),
+            loaded: tabId === currentTabId || Boolean(data[index]?.content),
+            visibility: () => {
+                const tabConfig = tab.getPConnect().getConfigProps();
+                const isVisible = !('visibility' in tabConfig) || tabConfig.visibility === true;
+                if (!isVisible) {
+                    tab.getPConnect().removeNode();
+                }
+                return isVisible;
+            },
+            count
+        };
+    }), [availableTabs, countMetadata, data, currentTabId, uuid]);
+    const tabCountSources = useMemo(() => availableTabs.reduce((prev, tab, index) => {
+        const config = tab.getPConnect().getConfigProps();
+        const { value: showTabCount } = config.inheritedProps?.find(item => item.prop === 'showTabCount') || {};
+        const { value } = config.inheritedProps?.find(item => item.prop === 'count') || {};
+        const tabCountSource = config.inheritedProps?.find(item => item.prop === 'tabCount');
+        const name = getTabLabel(tab.getPConnect());
+        const tabId = `${viewName}-${config.name || name}-${index}`;
+        if (showTabCount) {
+            if (tabCountSource?.value?.fields?.count) {
+                const isPrefixedByDot = tabCountSource.value.fields.count.substring(0, 1) === '.';
+                return {
+                    ...prev,
+                    dataPageSources: [
+                        ...prev.dataPageSources,
+                        {
+                            dataPageName: tabCountSource.value.source,
+                            tabId,
+                            tabCountProp: isPrefixedByDot ? tabCountSource.value.fields.count.substring(1) : tabCountSource.value.fields.count,
+                            dataViewParameters: tabCountSource.value?.parameters || {}
+                        }
+                    ]
+                };
+            }
+            if (Number.isInteger(value) && value % 1 === 0) {
+                return {
+                    ...prev,
+                    calculatedFields: [
+                        ...prev.calculatedFields,
+                        {
+                            count: value,
+                            context: tab.getPConnect().getContextName(),
+                            tabId
+                        }
+                    ]
+                };
+            }
+            if (value?.isDeferred) {
+                return {
+                    ...prev,
+                    calculatedFields: [
+                        ...prev.calculatedFields,
+                        {
+                            propertyName: value.propertyName,
+                            context: 'content',
+                            tabId
+                        }
+                    ]
+                };
+            }
+        }
+        return prev;
+    }, {
+        dataPageSources: [],
+        calculatedFields: []
+    }), []);
+    useEffect(() => {
+        setCurrentTabId(selectedTabId);
+    }, [selectedTabId]);
+    useEffect(() => {
+        // @ts-expect-error
+        setData(getTabsData());
+    }, [countMetadata, currentTabId]);
+    useEffect(() => {
+        const { dataPageSources, calculatedFields } = tabCountSources;
+        const calculatedFieldsWithoutValue = calculatedFields.filter(item => item.propertyName);
+        if (dataPageSources.length) {
+            setLoading(true);
+            Promise.all(dataPageSources.map(item => PCore.getDataPageUtils().getPageDataAsync(item.dataPageName, '', item.dataViewParameters)))
+                .then(res => {
+                const temp = res.map((r, index) => ({
+                    ...dataPageSources[index],
+                    count: r[dataPageSources[index].tabCountProp]
+                }));
+                setCountMetadata(temp);
+                setLoading(false);
+            })
+                .catch(err => {
+                setError(err);
+                setLoading(false);
+            });
+        }
+        else if (calculatedFieldsWithoutValue.length) {
+            PCore.getViewRuleApi()
+                .getCalculatedFields(pConn.getCaseInfo().getKey(), pConn.getCurrentView(), calculatedFieldsWithoutValue.map(({ propertyName, context }) => ({
+                name: propertyName,
+                context
+            })))
+                .then((res) => {
+                const values = res?.data?.caseInfo?.content || {};
+                const temp = calculatedFields.map(field => ({
+                    ...field,
+                    count: values[field.propertyName?.substring(1)] || field.count
+                }));
+                setCountMetadata(temp);
+            })
+                .catch(err => {
+                setError(err);
+                setLoading(false);
+            });
+        }
+        else {
+            setCountMetadata(calculatedFields.map(field => ({
+                ...field,
+                count: field.count
+            })));
+        }
+    }, []);
+    return {
+        availableTabs,
+        data,
+        loading,
+        error,
+        updateCurrentTabId: setCurrentTabId,
+        refreshTabData: () => setData(getTabsData(true))
+    };
+};
+export default useGetTabsCount;
+//# sourceMappingURL=useGetTabsCount.js.map

package/lib/hooks/useGetTabsCount.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useGetTabsCount.js","sourceRoot":"","sources":["../../src/hooks/useGetTabsCount.ts"],"names":[],"mappings":"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","sourcesContent":["import { useState, useEffect, useCallback, useMemo } from 'react';\n\nimport { getTabLabel } from '../components/template/SubTabs/tabUtils';\n\nconst useGetTabsCount = (deferLoadedTabs, uuid, selectedTabId, template) => {\n  const pConn = deferLoadedTabs.props.getPConnect();\n  const [availableTabs] = useState(deferLoadedTabs.props.getPConnect().getChildren() || []);\n  const [data, setData] = useState<any[]>([]);\n  const [loading, setLoading] = useState(false);\n  const [error, setError] = useState(false);\n  const [countMetadata, setCountMetadata] = useState<any[]>([]);\n  const [currentTabId, setCurrentTabId] = useState(selectedTabId);\n\n  const viewName = deferLoadedTabs?.props?.getPConnect()?.options?.viewName || null;\n\n  const tabContent = (id, index, overideTabContent, tab) => {\n    if (id === currentTabId || template === 'HierarchicalForm') {\n      if (overideTabContent) {\n        return tab.getPConnect().getComponent();\n      }\n      if (data[index]?.content) {\n        return data[index]?.content;\n      }\n      return tab.getPConnect().getComponent();\n    }\n    if (template !== 'HierarchicalForm') {\n      return overideTabContent ? null : data[index]?.content;\n    }\n  };\n\n  const getTabsData = useCallback(\n    overideTabContent =>\n      availableTabs.map((tab, index) => {\n        const config = tab.getPConnect().getConfigProps();\n        const name = getTabLabel(tab.getPConnect());\n        const tabId = `${viewName}-${config.name || name}-${index}`;\n        const count = countMetadata.find((item: any) => item.tabId === tabId)?.count;\n\n        return {\n          name,\n          id: tabId,\n          getPConnect: tab.getPConnect,\n          content: tabContent(tabId, index, overideTabContent, tab),\n          loaded: tabId === currentTabId || Boolean(data[index]?.content),\n          visibility: () => {\n            const tabConfig = tab.getPConnect().getConfigProps();\n            const isVisible = !('visibility' in tabConfig) || tabConfig.visibility === true;\n            if (!isVisible) {\n              tab.getPConnect().removeNode();\n            }\n            return isVisible;\n          },\n          count\n        };\n      }),\n    [availableTabs, countMetadata, data, currentTabId, uuid]\n  );\n\n  const tabCountSources = useMemo(\n    () =>\n      availableTabs.reduce(\n        (prev, tab, index) => {\n          const config = tab.getPConnect().getConfigProps();\n          const { value: showTabCount } = config.inheritedProps?.find(item => item.prop === 'showTabCount') || {};\n          const { value } = config.inheritedProps?.find(item => item.prop === 'count') || {};\n          const tabCountSource = config.inheritedProps?.find(item => item.prop === 'tabCount');\n          const name = getTabLabel(tab.getPConnect());\n          const tabId = `${viewName}-${config.name || name}-${index}`;\n          if (showTabCount) {\n            if (tabCountSource?.value?.fields?.count) {\n              const isPrefixedByDot = tabCountSource.value.fields.count.substring(0, 1) === '.';\n              return {\n                ...prev,\n                dataPageSources: [\n                  ...prev.dataPageSources,\n                  {\n                    dataPageName: tabCountSource.value.source,\n                    tabId,\n                    tabCountProp: isPrefixedByDot ? tabCountSource.value.fields.count.substring(1) : tabCountSource.value.fields.count,\n                    dataViewParameters: tabCountSource.value?.parameters || {}\n                  }\n                ]\n              };\n            }\n            if (Number.isInteger(value) && value % 1 === 0) {\n              return {\n                ...prev,\n                calculatedFields: [\n                  ...prev.calculatedFields,\n                  {\n                    count: value,\n                    context: tab.getPConnect().getContextName(),\n                    tabId\n                  }\n                ]\n              };\n            }\n            if (value?.isDeferred) {\n              return {\n                ...prev,\n                calculatedFields: [\n                  ...prev.calculatedFields,\n                  {\n                    propertyName: value.propertyName,\n                    context: 'content',\n                    tabId\n                  }\n                ]\n              };\n            }\n          }\n          return prev;\n        },\n        {\n          dataPageSources: [],\n          calculatedFields: []\n        }\n      ),\n    []\n  );\n\n  useEffect(() => {\n    setCurrentTabId(selectedTabId);\n  }, [selectedTabId]);\n\n  useEffect(() => {\n    // @ts-expect-error\n    setData(getTabsData());\n  }, [countMetadata, currentTabId]);\n\n  useEffect(() => {\n    const { dataPageSources, calculatedFields } = tabCountSources;\n    const calculatedFieldsWithoutValue = calculatedFields.filter(item => item.propertyName);\n    if (dataPageSources.length) {\n      setLoading(true);\n      Promise.all(dataPageSources.map(item => PCore.getDataPageUtils().getPageDataAsync(item.dataPageName, '', item.dataViewParameters)))\n        .then(res => {\n          const temp = res.map((r, index) => ({\n            ...dataPageSources[index],\n            count: r[dataPageSources[index].tabCountProp]\n          }));\n          setCountMetadata(temp);\n          setLoading(false);\n        })\n        .catch(err => {\n          setError(err);\n          setLoading(false);\n        });\n    } else if (calculatedFieldsWithoutValue.length) {\n      PCore.getViewRuleApi()\n        .getCalculatedFields(\n          pConn.getCaseInfo().getKey(),\n          pConn.getCurrentView(),\n          calculatedFieldsWithoutValue.map(({ propertyName, context }) => ({\n            name: propertyName,\n            context\n          }))\n        )\n        .then((res: any) => {\n          const values = res?.data?.caseInfo?.content || {};\n          const temp = calculatedFields.map(field => ({\n            ...field,\n            count: values[field.propertyName?.substring(1)] || field.count\n          }));\n          setCountMetadata(temp);\n        })\n        .catch(err => {\n          setError(err);\n          setLoading(false);\n        });\n    } else {\n      setCountMetadata(\n        calculatedFields.map(field => ({\n          ...field,\n          count: field.count\n        }))\n      );\n    }\n  }, []);\n\n  return {\n    availableTabs,\n    data,\n    loading,\n    error,\n    updateCurrentTabId: setCurrentTabId,\n    refreshTabData: () => setData(getTabsData(true))\n  };\n};\n\nexport default useGetTabsCount;\n"]}

package/lib/hooks/useIsMount.d.ts

@@ -0,0 +1,2 @@
+export default function useIsMount(): boolean;
+//# sourceMappingURL=useIsMount.d.ts.map

package/lib/hooks/useIsMount.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useIsMount.d.ts","sourceRoot":"","sources":["../../src/hooks/useIsMount.js"],"names":[],"mappings":"AAEA,8CAQC"}

package/lib/hooks/useIsMount.js

@@ -0,0 +1,9 @@
+import { useRef, useEffect } from 'react';
+export default function useIsMount() {
+    const isMountRef = useRef(true);
+    useEffect(() => {
+        isMountRef.current = false;
+    }, []);
+    return isMountRef.current;
+}
+//# sourceMappingURL=useIsMount.js.map

package/lib/hooks/useIsMount.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useIsMount.js","sourceRoot":"","sources":["../../src/hooks/useIsMount.js"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE1C,MAAM,CAAC,OAAO,UAAU,UAAU;IAChC,MAAM,UAAU,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;IAEhC,SAAS,CAAC,GAAG,EAAE;QACb,UAAU,CAAC,OAAO,GAAG,KAAK,CAAC;IAC7B,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,UAAU,CAAC,OAAO,CAAC;AAC5B,CAAC","sourcesContent":["import { useRef, useEffect } from 'react';\n\nexport default function useIsMount() {\n  const isMountRef = useRef(true);\n\n  useEffect(() => {\n    isMountRef.current = false;\n  }, []);\n\n  return isMountRef.current;\n}\n"]}

package/lib/hooks/useScrolltoTop.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useScrolltoTop.d.ts","sourceRoot":"","sources":["../../src/hooks/useScrolltoTop.ts"],"names":[],"mappings":"AAEA;;;GAGG;AACH,QAAA,MAAM,cAAc,kCAKnB,CAAC;AAEF,eAAe,cAAc,CAAC"}
+{"version":3,"file":"useScrolltoTop.d.ts","sourceRoot":"","sources":["../../src/hooks/useScrolltoTop.ts"],"names":[],"mappings":"AAEA;;;GAGG;AACH,QAAA,MAAM,cAAc,GAAI,OAAE,EAAE,aAAQ,SAKnC,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/lib/mediaco/ToDo/ToDo.css

@@ -0,0 +1,81 @@
+.psdk-display-divider {
+  border-bottom: 0.0625rem solid var(--app-neutral-light-color);
+}
+
+.psdk-todo {
+  padding: 0.5rem;
+}
+
+.psdk-todo-header {
+  display: inline-flex;
+}
+
+.psdk-todo-text {
+  padding: 0.5rem 0.625rem;
+  font-size: 1.1rem;
+  font-weight: bold;
+}
+
+.psdk-assignment-count {
+  background-color: var(--app-primary-light-color);
+  margin: 0.5rem;
+  border-radius: 45%;
+  padding: 0.15rem 0.4rem;
+}
+
+.psdk-todo-id {
+  color: var(--app-primary-color);
+  cursor: pointer;
+}
+
+.psdk-avatar {
+  margin: 0rem;
+  padding: 0rem;
+  min-width: 2.5rem;
+  min-height: 2.5rem;
+  max-width: 2.5rem;
+  max-height: 2.5rem;
+  border-radius: 50%;
+  justify-content: center;
+  align-items: center;
+  text-align: center;
+  display: flex;
+  background: var(--app-primary-color);
+  color: var(--app-text-color);
+  font-weight: bold;
+  font-size: 1.25rem;
+}
+
+.psdk-todo-assignment {
+  display: inline-flex;
+  width: 100%;
+  padding: 0.625rem 0rem;
+}
+
+.psdk-todo-assignment-data {
+  display: inline-flex;
+}
+
+.psdk-todo-assignment-task {
+  color: var(--app-neutral-color);
+}
+
+.psdk-todo-assignment-action {
+  display: inline-flex;
+}
+
+.psdk-todo-card {
+  width: 100%;
+  padding-left: 0.625rem;
+}
+
+.psdk-todo-show-more {
+  width: 100%;
+  text-align: center;
+}
+
+.psdk-todo-avatar-header {
+  display: flex;
+  align-items: center;
+  padding: 16px;
+}

package/lib/mediaco/ToDo/ToDo.d.ts

@@ -0,0 +1,16 @@
+import type { PConnProps } from '../../types/PConnProps';
+import './ToDo.css';
+interface ToDoProps extends PConnProps {
+    datasource?: any;
+    myWorkList?: any;
+    caseInfoID?: string;
+    headerText?: string;
+    itemKey?: string;
+    showTodoList?: boolean;
+    type?: string;
+    context?: string;
+    isConfirm?: boolean;
+}
+export default function ToDo(props: ToDoProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=ToDo.d.ts.map

package/lib/mediaco/ToDo/ToDo.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToDo.d.ts","sourceRoot":"","sources":["../../../src/mediaco/ToDo/ToDo.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AAEzD,OAAO,YAAY,CAAC;AAmCpB,UAAU,SAAU,SAAQ,UAAU;IAEpC,UAAU,CAAC,EAAE,GAAG,CAAC;IACjB,UAAU,CAAC,EAAE,GAAG,CAAC;IAEjB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AA2DD,MAAM,CAAC,OAAO,UAAU,IAAI,CAAC,KAAK,EAAE,SAAS,2CAoN5C"}

package/lib/mediaco/ToDo/ToDo.js

@@ -0,0 +1,187 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useEffect, useState } from 'react';
+import { Button, Card, CardContent, CardHeader, Avatar, Typography, Badge, List, ListItem, ListItemText } from '@mui/material';
+import IconButton from '@mui/material/IconButton';
+import ArrowForwardIosOutlinedIcon from '@mui/icons-material/ArrowForwardIosOutlined';
+import { useTheme } from '@mui/material/styles';
+import makeStyles from '@mui/styles/makeStyles';
+import useMediaQuery from '@mui/material/useMediaQuery';
+import { Utils } from '../../components/helpers/utils';
+import './ToDo.css';
+const fetchMyWorkList = (datapage, fields, numberOfRecords, includeTotalCount, context) => {
+    return PCore.getDataPageUtils()
+        .getDataAsync(datapage, context, {}, {
+        pageNumber: 1,
+        pageSize: numberOfRecords
+    }, {
+        select: Object.keys(fields).map(key => ({ field: PCore.getAnnotationUtils().getPropertyName(fields[key]) }))
+    }, {
+        invalidateCache: true,
+        additionalApiParams: {
+            includeTotalCount
+        }
+    })
+        .then(response => {
+        return {
+            ...response,
+            data: (Array.isArray(response?.data) ? response.data : []).map(row => Object.keys(fields).reduce((obj, key) => {
+                obj[key] = row[PCore.getAnnotationUtils().getPropertyName(fields[key])];
+                return obj;
+            }, {}))
+        };
+    });
+};
+const isChildCase = assignment => {
+    return assignment.isChild;
+};
+function topThreeAssignments(assignmentsSource) {
+    return Array.isArray(assignmentsSource) ? assignmentsSource.slice(0, 3) : [];
+}
+function getID(assignment) {
+    if (assignment.value) {
+        const refKey = assignment.value;
+        return refKey.substring(refKey.lastIndexOf(' ') + 1);
+    }
+    const refKey = assignment.ID;
+    const arKeys = refKey.split('!')[0].split(' ');
+    return arKeys[2];
+}
+const useStyles = makeStyles(theme => ({
+    root: {
+        marginBottom: theme.spacing(2),
+        paddingBottom: theme.spacing(1),
+        borderRadius: '8px'
+    },
+    avatar: {
+        backgroundColor: theme.palette.primary.light,
+        color: theme.palette.getContrastText(theme.palette.primary.light)
+    },
+    todoWrapper: {
+        borderLeft: '6px solid',
+        borderLeftColor: theme.palette.primary.light,
+        padding: theme.spacing(1),
+        margin: theme.spacing(1)
+    },
+    psdkTodoAssignmentStatus: {
+        backgroundColor: 'var(--app-neutral-light-color)',
+        borderRadius: '0.125rem',
+        color: theme.embedded.resolutionTextColor,
+        fontSize: '0.75rem',
+        fontWeight: 'bold',
+        lineHeight: 'calc(0.5rem * 2.5)',
+        height: 'calc(0.5rem * 2.5)',
+        padding: '0 0.5rem',
+        textTransform: 'uppercase'
+    },
+    getStartedButton: {
+        borderRadius: '18px',
+        textTransform: 'none',
+        width: '120px',
+        backgroundColor: theme.actionButtons.primary.backgroundColor
+    },
+    primaryButton: {
+        backgroundColor: theme.actionButtons.primary.backgroundColor,
+        color: theme.actionButtons.primary.color
+    }
+}));
+export default function ToDo(props) {
+    const { getPConnect, context, datasource = [], headerText = 'To do', showTodoList = true, myWorkList = {}, type = 'worklist', isConfirm = false } = props;
+    const CONSTS = PCore.getConstants();
+    const bLogging = true;
+    const currentUser = PCore.getEnvironmentInfo().getOperatorName() ?? '';
+    const currentUserInitials = Utils.getInitials(currentUser);
+    const assignmentsSource = datasource?.source || myWorkList?.source;
+    const [assignments, setAssignments] = useState(initAssignments());
+    const thePConn = getPConnect();
+    const classes = useStyles();
+    const theme = useTheme();
+    const isDesktop = useMediaQuery(theme.breakpoints.up('md'));
+    const localizedVal = PCore.getLocaleUtils().getLocaleValue;
+    const localeCategory = 'Todo';
+    const canPerform = assignments?.[0]?.canPerform === 'true' || assignments?.[0]?.canPerform === true;
+    const [count, setCount] = useState(0);
+    const { WORK_BASKET: { MY_WORK_LIST } } = PCore.getConstants();
+    function initAssignments() {
+        if (assignmentsSource) {
+            return topThreeAssignments(assignmentsSource);
+        }
+        // turn off todolist
+        return [];
+    }
+    const deferLoadWorklistItems = useCallback(responseData => {
+        setCount(responseData.totalCount);
+        setAssignments(responseData.data);
+    }, [MY_WORK_LIST]);
+    useEffect(() => {
+        if (Object.keys(myWorkList).length && myWorkList.datapage) {
+            fetchMyWorkList(myWorkList.datapage, getPConnect().getComponentConfig()?.myWorkList.fields, 3, true, context).then(responseData => {
+                deferLoadWorklistItems(responseData);
+            });
+        }
+    }, []);
+    const getAssignmentId = assignment => {
+        return type === CONSTS.TODO ? assignment.ID : assignment.id;
+    };
+    const getPriority = assignment => {
+        return type === CONSTS.TODO ? assignment.urgency : assignment.priority;
+    };
+    const getAssignmentName = assignment => {
+        return type === CONSTS.TODO ? assignment.name : assignment.stepName;
+    };
+    function showToast(message) {
+        const theMessage = `Assignment: ${message}`;
+        console.error(theMessage);
+    }
+    function clickGo(assignment) {
+        const id = getAssignmentId(assignment);
+        let { classname = '' } = assignment;
+        const sTarget = thePConn.getContainerName();
+        const sTargetContainerName = sTarget;
+        const options = {
+            containerName: sTargetContainerName,
+            channelName: ''
+        };
+        if (classname === null || classname === '') {
+            classname = thePConn.getCaseInfo().getClassName();
+        }
+        if (sTarget === 'workarea') {
+            options.isActionFromToDoList = true;
+            options.target = '';
+            options.context = null;
+            options.isChild = isChildCase(assignment);
+        }
+        else {
+            options.isActionFromToDoList = false;
+            options.target = sTarget;
+        }
+        thePConn
+            .getActionsApi()
+            .openAssignment(id, classname, options)
+            .then(() => {
+            if (bLogging) {
+                console.log(`openAssignment completed`);
+            }
+        })
+            .catch(() => {
+            showToast(`Submit failed!`);
+        });
+    }
+    const renderTaskId = (type, getPConnect, showTodoList, assignment) => {
+        const displayID = getID(assignment);
+        if ((showTodoList && type !== CONSTS.TODO) || assignment.isChild === true) {
+            /* Supress link for todo inside flow step */
+            return _jsx(Button, { size: 'small', color: 'primary', children: `${assignment.name} ${getID(assignment)}` });
+        }
+        return displayID;
+    };
+    const getListItemComponent = assignment => {
+        if (isDesktop) {
+            return (_jsxs(_Fragment, { children: [localizedVal('In', localeCategory), renderTaskId(type, getPConnect, showTodoList, assignment), type === CONSTS.WORKLIST && assignment.status ? `\u2022 ` : undefined, type === CONSTS.WORKLIST && assignment.status ? _jsx("span", { className: 'psdk-todo-assignment-status', children: assignment.status }) : undefined, ` \u2022  ${localizedVal('Urgency', localeCategory)}  ${getPriority(assignment)}`] }));
+        }
+        return (_jsxs(_Fragment, { children: [_jsx(Button, { size: 'small', color: 'primary', children: `${assignment.name} ${getID(assignment)}` }), ` \u2022 ${localizedVal('Urgency', localeCategory)}  ${getPriority(assignment)}`] }));
+    };
+    const getCount = () => (assignmentsSource ? assignmentsSource.length : type === CONSTS.WORKLIST ? count : 0);
+    const toDoContent = (_jsxs(_Fragment, { children: [showTodoList && (_jsx(CardHeader, { title: _jsx(Badge, { badgeContent: getCount(), overlap: 'rectangular', color: 'primary', children: _jsxs(Typography, { variant: 'h6', children: [headerText, "\u00A0\u00A0\u00A0"] }) }) })), _jsx(List, { children: assignments.map(assignment => (_jsxs("div", { className: 'psdk-todo-avatar-header', children: [_jsx(Avatar, { className: classes.avatar, style: { marginRight: '16px' }, children: currentUserInitials }), _jsxs("div", { style: { display: 'block' }, children: [_jsx(Typography, { variant: 'h6', children: assignment?.name }), `${localizedVal('In', localeCategory)} ${renderTaskId(type, getPConnect, showTodoList, assignment)} \u2022  ${localizedVal('Urgency', localeCategory)}  ${getPriority(assignment)}`] }), (!isConfirm || canPerform) && (_jsx("div", { style: { marginLeft: 'auto' }, children: _jsx(IconButton, { id: 'go-btn', onClick: () => clickGo(assignment), size: 'large', children: _jsx(ArrowForwardIosOutlinedIcon, {}) }) }))] }, getAssignmentId(assignment)))) })] }));
+    return (_jsxs(_Fragment, { children: [type === CONSTS.WORKLIST && assignments?.length > 0 && (_jsxs(Card, { className: classes.root, children: [showTodoList && _jsx(CardHeader, { title: _jsxs(Typography, { variant: 'h6', children: [headerText, "\u00A0\u00A0\u00A0"] }) }), _jsx(CardContent, { style: { padding: 0 }, children: _jsx(List, { children: assignments.map(assignment => (_jsx(ListItem, { dense: true, onClick: () => clickGo(assignment), secondaryAction: _jsx(Button, { className: classes.getStartedButton, color: 'primary', variant: 'contained', onClick: () => clickGo(assignment), children: "Get started" }), children: _jsx(ListItemText, { primary: getAssignmentName(assignment), secondary: getListItemComponent(assignment) }) }, getAssignmentId(assignment)))) }) })] })), type === CONSTS.TODO && !isConfirm && _jsx(Card, { className: classes.todoWrapper, children: toDoContent }), type === CONSTS.TODO && isConfirm && _jsx(_Fragment, { children: toDoContent })] }));
+}
+//# sourceMappingURL=ToDo.js.map

package/lib/mediaco/ToDo/ToDo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToDo.js","sourceRoot":"","sources":["../../../src/mediaco/ToDo/ToDo.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACzD,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,EAAE,UAAU,EAAE,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAC/H,OAAO,UAAU,MAAM,0BAA0B,CAAC;AAClD,OAAO,2BAA2B,MAAM,6CAA6C,CAAC;AACtF,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAChD,OAAO,UAAU,MAAM,wBAAwB,CAAC;AAChD,OAAO,aAAa,MAAM,6BAA6B,CAAC;AAExD,OAAO,EAAE,KAAK,EAAE,MAAM,gCAAgC,CAAC;AAGvD,OAAO,YAAY,CAAC;AAEpB,MAAM,eAAe,GAAG,CAAC,QAAQ,EAAE,MAAM,EAAE,eAAe,EAAE,iBAAiB,EAAE,OAAO,EAAE,EAAE;IACxF,OAAO,KAAK,CAAC,gBAAgB,EAAE;SAC5B,YAAY,CACX,QAAQ,EACR,OAAO,EACP,EAAE,EACF;QACE,UAAU,EAAE,CAAC;QACb,QAAQ,EAAE,eAAe;KAC1B,EACD;QACE,MAAM,EAAE,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,CAAC,kBAAkB,EAAE,CAAC,eAAe,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC;KAC7G,EACD;QACE,eAAe,EAAE,IAAI;QACrB,mBAAmB,EAAE;YACnB,iBAAiB;SAClB;KACF,CACF;SACA,IAAI,CAAC,QAAQ,CAAC,EAAE;QACf,OAAO;YACL,GAAG,QAAQ;YACX,IAAI,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,QAAQ,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,CACnE,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE;gBACtC,GAAG,CAAC,GAAG,CAAC,GAAG,GAAG,CAAC,KAAK,CAAC,kBAAkB,EAAE,CAAC,eAAe,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;gBACxE,OAAO,GAAG,CAAC;YACb,CAAC,EAAE,EAAE,CAAC,CACP;SACF,CAAC;IACJ,CAAC,CAAC,CAAC;AACP,CAAC,CAAC;AAkBF,MAAM,WAAW,GAAG,UAAU,CAAC,EAAE;IAC/B,OAAO,UAAU,CAAC,OAAO,CAAC;AAC5B,CAAC,CAAC;AAEF,SAAS,mBAAmB,CAAC,iBAAwB;IACnD,OAAO,KAAK,CAAC,OAAO,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;AAC/E,CAAC;AAED,SAAS,KAAK,CAAC,UAAe;IAC5B,IAAI,UAAU,CAAC,KAAK,EAAE,CAAC;QACrB,MAAM,MAAM,GAAG,UAAU,CAAC,KAAK,CAAC;QAChC,OAAO,MAAM,CAAC,SAAS,CAAC,MAAM,CAAC,WAAW,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC;IACvD,CAAC;IACD,MAAM,MAAM,GAAG,UAAU,CAAC,EAAE,CAAC;IAC7B,MAAM,MAAM,GAAG,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;IAC/C,OAAO,MAAM,CAAC,CAAC,CAAC,CAAC;AACnB,CAAC;AAED,MAAM,SAAS,GAAG,UAAU,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;IACrC,IAAI,EAAE;QACJ,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;QAC9B,aAAa,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;QAC/B,YAAY,EAAE,KAAK;KACpB;IACD,MAAM,EAAE;QACN,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,KAAK;QAC5C,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,eAAe,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,KAAK,CAAC;KAClE;IACD,WAAW,EAAE;QACX,UAAU,EAAE,WAAW;QACvB,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,KAAK;QAC5C,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;QACzB,MAAM,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;KACzB;IACD,wBAAwB,EAAE;QACxB,eAAe,EAAE,gCAAgC;QACjD,YAAY,EAAE,UAAU;QACxB,KAAK,EAAE,KAAK,CAAC,QAAQ,CAAC,mBAAmB;QACzC,QAAQ,EAAE,SAAS;QACnB,UAAU,EAAE,MAAM;QAClB,UAAU,EAAE,oBAAoB;QAChC,MAAM,EAAE,oBAAoB;QAC5B,OAAO,EAAE,UAAU;QACnB,aAAa,EAAE,WAAW;KAC3B;IACD,gBAAgB,EAAE;QAChB,YAAY,EAAE,MAAM;QACpB,aAAa,EAAE,MAAM;QACrB,KAAK,EAAE,OAAO;QACd,eAAe,EAAE,KAAK,CAAC,aAAa,CAAC,OAAO,CAAC,eAAe;KAC7D;IACD,aAAa,EAAE;QACb,eAAe,EAAE,KAAK,CAAC,aAAa,CAAC,OAAO,CAAC,eAAe;QAC5D,KAAK,EAAE,KAAK,CAAC,aAAa,CAAC,OAAO,CAAC,KAAK;KACzC;CACF,CAAC,CAAC,CAAC;AAEJ,MAAM,CAAC,OAAO,UAAU,IAAI,CAAC,KAAgB;IAC3C,MAAM,EACJ,WAAW,EACX,OAAO,EACP,UAAU,GAAG,EAAE,EACf,UAAU,GAAG,OAAO,EACpB,YAAY,GAAG,IAAI,EACnB,UAAU,GAAG,EAAE,EACf,IAAI,GAAG,UAAU,EACjB,SAAS,GAAG,KAAK,EAClB,GAAG,KAAK,CAAC;IAEV,MAAM,MAAM,GAAG,KAAK,CAAC,YAAY,EAAE,CAAC;IAEpC,MAAM,QAAQ,GAAG,IAAI,CAAC;IACtB,MAAM,WAAW,GAAG,KAAK,CAAC,kBAAkB,EAAE,CAAC,eAAe,EAAE,IAAI,EAAE,CAAC;IACvE,MAAM,mBAAmB,GAAG,KAAK,CAAC,WAAW,CAAC,WAAW,CAAC,CAAC;IAC3D,MAAM,iBAAiB,GAAG,UAAU,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,CAAC;IAEnE,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAQ,eAAe,EAAE,CAAC,CAAC;IAEzE,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAC/B,MAAM,OAAO,GAAG,SAAS,EAAE,CAAC;IAC5B,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,MAAM,SAAS,GAAG,aAAa,CAAC,KAAK,CAAC,WAAW,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAC5D,MAAM,YAAY,GAAG,KAAK,CAAC,cAAc,EAAE,CAAC,cAAc,CAAC;IAC3D,MAAM,cAAc,GAAG,MAAM,CAAC;IAC9B,MAAM,UAAU,GAAG,WAAW,EAAE,CAAC,CAAC,CAAC,EAAE,UAAU,KAAK,MAAM,IAAI,WAAW,EAAE,CAAC,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;IACpG,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;IAEtC,MAAM,EACJ,WAAW,EAAE,EAAE,YAAY,EAAE,EAC9B,GAAG,KAAK,CAAC,YAAY,EAAE,CAAC;IAEzB,SAAS,eAAe;QACtB,IAAI,iBAAiB,EAAE,CAAC;YACtB,OAAO,mBAAmB,CAAC,iBAAiB,CAAC,CAAC;QAChD,CAAC;QACD,oBAAoB;QACpB,OAAO,EAAE,CAAC;IACZ,CAAC;IAED,MAAM,sBAAsB,GAAG,WAAW,CACxC,YAAY,CAAC,EAAE;QACb,QAAQ,CAAC,YAAY,CAAC,UAAU,CAAC,CAAC;QAClC,cAAc,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC;IACpC,CAAC,EACD,CAAC,YAAY,CAAC,CACf,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,MAAM,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,MAAM,IAAI,UAAU,CAAC,QAAQ,EAAE,CAAC;YAC1D,eAAe,CAAC,UAAU,CAAC,QAAQ,EAAE,WAAW,EAAE,CAAC,kBAAkB,EAAE,EAAE,UAAU,CAAC,MAAM,EAAE,CAAC,EAAE,IAAI,EAAE,OAAO,CAAC,CAAC,IAAI,CAAC,YAAY,CAAC,EAAE;gBAChI,sBAAsB,CAAC,YAAY,CAAC,CAAC;YACvC,CAAC,CAAC,CAAC;QACL,CAAC;IACH,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,eAAe,GAAG,UAAU,CAAC,EAAE;QACnC,OAAO,IAAI,KAAK,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,UAAU,CAAC,EAAE,CAAC,CAAC,CAAC,UAAU,CAAC,EAAE,CAAC;IAC9D,CAAC,CAAC;IAEF,MAAM,WAAW,GAAG,UAAU,CAAC,EAAE;QAC/B,OAAO,IAAI,KAAK,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC,UAAU,CAAC,QAAQ,CAAC;IACzE,CAAC,CAAC;IAEF,MAAM,iBAAiB,GAAG,UAAU,CAAC,EAAE;QACrC,OAAO,IAAI,KAAK,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,UAAU,CAAC,QAAQ,CAAC;IACtE,CAAC,CAAC;IAEF,SAAS,SAAS,CAAC,OAAe;QAChC,MAAM,UAAU,GAAG,eAAe,OAAO,EAAE,CAAC;QAC5C,OAAO,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC;IAC5B,CAAC;IAED,SAAS,OAAO,CAAC,UAAU;QACzB,MAAM,EAAE,GAAG,eAAe,CAAC,UAAU,CAAC,CAAC;QACvC,IAAI,EAAE,SAAS,GAAG,EAAE,EAAE,GAAG,UAAU,CAAC;QACpC,MAAM,OAAO,GAAG,QAAQ,CAAC,gBAAgB,EAAE,CAAC;QAC5C,MAAM,oBAAoB,GAAG,OAAO,CAAC;QAErC,MAAM,OAAO,GAAQ;YACnB,aAAa,EAAE,oBAAoB;YACnC,WAAW,EAAE,EAAE;SAChB,CAAC;QAEF,IAAI,SAAS,KAAK,IAAI,IAAI,SAAS,KAAK,EAAE,EAAE,CAAC;YAC3C,SAAS,GAAG,QAAQ,CAAC,WAAW,EAAE,CAAC,YAAY,EAAE,CAAC;QACpD,CAAC;QAED,IAAI,OAAO,KAAK,UAAU,EAAE,CAAC;YAC3B,OAAO,CAAC,oBAAoB,GAAG,IAAI,CAAC;YACpC,OAAO,CAAC,MAAM,GAAG,EAAE,CAAC;YACpB,OAAO,CAAC,OAAO,GAAG,IAAI,CAAC;YACvB,OAAO,CAAC,OAAO,GAAG,WAAW,CAAC,UAAU,CAAC,CAAC;QAC5C,CAAC;aAAM,CAAC;YACN,OAAO,CAAC,oBAAoB,GAAG,KAAK,CAAC;YACrC,OAAO,CAAC,MAAM,GAAG,OAAO,CAAC;QAC3B,CAAC;QAED,QAAQ;aACL,aAAa,EAAE;aACf,cAAc,CAAC,EAAE,EAAE,SAAS,EAAE,OAAO,CAAC;aACtC,IAAI,CAAC,GAAG,EAAE;YACT,IAAI,QAAQ,EAAE,CAAC;gBACb,OAAO,CAAC,GAAG,CAAC,0BAA0B,CAAC,CAAC;YAC1C,CAAC;QACH,CAAC,CAAC;aACD,KAAK,CAAC,GAAG,EAAE;YACV,SAAS,CAAC,gBAAgB,CAAC,CAAC;QAC9B,CAAC,CAAC,CAAC;IACP,CAAC;IAED,MAAM,YAAY,GAAG,CAAC,IAAI,EAAE,WAAW,EAAE,YAAY,EAAE,UAAU,EAAE,EAAE;QACnE,MAAM,SAAS,GAAG,KAAK,CAAC,UAAU,CAAC,CAAC;QAEpC,IAAI,CAAC,YAAY,IAAI,IAAI,KAAK,MAAM,CAAC,IAAI,CAAC,IAAI,UAAU,CAAC,OAAO,KAAK,IAAI,EAAE,CAAC;YAC1E,4CAA4C;YAC5C,OAAO,KAAC,MAAM,IAAC,IAAI,EAAC,OAAO,EAAC,KAAK,EAAC,SAAS,YAAE,GAAG,UAAU,CAAC,IAAI,IAAI,KAAK,CAAC,UAAU,CAAC,EAAE,GAAU,CAAC;QACnG,CAAC;QACD,OAAO,SAAS,CAAC;IACnB,CAAC,CAAC;IAEF,MAAM,oBAAoB,GAAG,UAAU,CAAC,EAAE;QACxC,IAAI,SAAS,EAAE,CAAC;YACd,OAAO,CACL,8BACG,YAAY,CAAC,IAAI,EAAE,cAAc,CAAC,EAClC,YAAY,CAAC,IAAI,EAAE,WAAW,EAAE,YAAY,EAAE,UAAU,CAAC,EACzD,IAAI,KAAK,MAAM,CAAC,QAAQ,IAAI,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,EACrE,IAAI,KAAK,MAAM,CAAC,QAAQ,IAAI,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC,eAAM,SAAS,EAAC,6BAA6B,YAAE,UAAU,CAAC,MAAM,GAAQ,CAAC,CAAC,CAAC,SAAS,EACpI,YAAY,YAAY,CAAC,SAAS,EAAE,cAAc,CAAC,KAAK,WAAW,CAAC,UAAU,CAAC,EAAE,IACjF,CACJ,CAAC;QACJ,CAAC;QACD,OAAO,CACL,8BACE,KAAC,MAAM,IAAC,IAAI,EAAC,OAAO,EAAC,KAAK,EAAC,SAAS,YAAE,GAAG,UAAU,CAAC,IAAI,IAAI,KAAK,CAAC,UAAU,CAAC,EAAE,GAAU,EACxF,WAAW,YAAY,CAAC,SAAS,EAAE,cAAc,CAAC,KAAK,WAAW,CAAC,UAAU,CAAC,EAAE,IAChF,CACJ,CAAC;IACJ,CAAC,CAAC;IAEF,MAAM,QAAQ,GAAG,GAAG,EAAE,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,iBAAiB,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,KAAK,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAE7G,MAAM,WAAW,GAAG,CAClB,8BACG,YAAY,IAAI,CACf,KAAC,UAAU,IACT,KAAK,EACH,KAAC,KAAK,IAAC,YAAY,EAAE,QAAQ,EAAE,EAAE,OAAO,EAAC,aAAa,EAAC,KAAK,EAAC,SAAS,YACpE,MAAC,UAAU,IAAC,OAAO,EAAC,IAAI,aAAE,UAAU,0BAAgC,GAC9D,GAEV,CACH,EACD,KAAC,IAAI,cACF,WAAW,CAAC,GAAG,CAAC,UAAU,CAAC,EAAE,CAAC,CAC7B,eAAK,SAAS,EAAC,yBAAyB,aACtC,KAAC,MAAM,IAAC,SAAS,EAAE,OAAO,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE,WAAW,EAAE,MAAM,EAAE,YAC9D,mBAAmB,GACb,EACT,eAAK,KAAK,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE,aAC9B,KAAC,UAAU,IAAC,OAAO,EAAC,IAAI,YAAE,UAAU,EAAE,IAAI,GAAc,EACvD,GAAG,YAAY,CAAC,IAAI,EAAE,cAAc,CAAC,IAAI,YAAY,CAAC,IAAI,EAAE,WAAW,EAAE,YAAY,EAAE,UAAU,CAAC,YAAY,YAAY,CACzH,SAAS,EACT,cAAc,CACf,KAAK,WAAW,CAAC,UAAU,CAAC,EAAE,IAC3B,EACL,CAAC,CAAC,SAAS,IAAI,UAAU,CAAC,IAAI,CAC7B,cAAK,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,EAAE,YAChC,KAAC,UAAU,IAAC,EAAE,EAAC,QAAQ,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,UAAU,CAAC,EAAE,IAAI,EAAC,OAAO,YACtE,KAAC,2BAA2B,KAAG,GACpB,GACT,CACP,KAjB2C,eAAe,CAAC,UAAU,CAAC,CAkBnE,CACP,CAAC,GACG,IACN,CACJ,CAAC;IAEF,OAAO,CACL,8BACG,IAAI,KAAK,MAAM,CAAC,QAAQ,IAAI,WAAW,EAAE,MAAM,GAAG,CAAC,IAAI,CACtD,MAAC,IAAI,IAAC,SAAS,EAAE,OAAO,CAAC,IAAI,aAC1B,YAAY,IAAI,KAAC,UAAU,IAAC,KAAK,EAAE,MAAC,UAAU,IAAC,OAAO,EAAC,IAAI,aAAE,UAAU,0BAAgC,GAAI,EAC5G,KAAC,WAAW,IAAC,KAAK,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,YAChC,KAAC,IAAI,cACF,WAAW,CAAC,GAAG,CAAC,UAAU,CAAC,EAAE,CAAC,CAC7B,KAAC,QAAQ,IAEP,KAAK,QACL,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,UAAU,CAAC,EAClC,eAAe,EACb,KAAC,MAAM,IAAC,SAAS,EAAE,OAAO,CAAC,gBAAgB,EAAE,KAAK,EAAC,SAAS,EAAC,OAAO,EAAC,WAAW,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,UAAU,CAAC,4BAE1G,YAGX,KAAC,YAAY,IAAC,OAAO,EAAE,iBAAiB,CAAC,UAAU,CAAC,EAAE,SAAS,EAAE,oBAAoB,CAAC,UAAU,CAAC,GAAI,IAThG,eAAe,CAAC,UAAU,CAAC,CAUvB,CACZ,CAAC,GACG,GACK,IACT,CACR,EAEA,IAAI,KAAK,MAAM,CAAC,IAAI,IAAI,CAAC,SAAS,IAAI,KAAC,IAAI,IAAC,SAAS,EAAE,OAAO,CAAC,WAAW,YAAG,WAAW,GAAQ,EAChG,IAAI,KAAK,MAAM,CAAC,IAAI,IAAI,SAAS,IAAI,4BAAG,WAAW,GAAI,IACvD,CACJ,CAAC;AACJ,CAAC","sourcesContent":["import { useCallback, useEffect, useState } from 'react';\nimport { Button, Card, CardContent, CardHeader, Avatar, Typography, Badge, List, ListItem, ListItemText } from '@mui/material';\nimport IconButton from '@mui/material/IconButton';\nimport ArrowForwardIosOutlinedIcon from '@mui/icons-material/ArrowForwardIosOutlined';\nimport { useTheme } from '@mui/material/styles';\nimport makeStyles from '@mui/styles/makeStyles';\nimport useMediaQuery from '@mui/material/useMediaQuery';\n\nimport { Utils } from '../../components/helpers/utils';\nimport type { PConnProps } from '../../types/PConnProps';\n\nimport './ToDo.css';\n\nconst fetchMyWorkList = (datapage, fields, numberOfRecords, includeTotalCount, context) => {\n  return PCore.getDataPageUtils()\n    .getDataAsync(\n      datapage,\n      context,\n      {},\n      {\n        pageNumber: 1,\n        pageSize: numberOfRecords\n      },\n      {\n        select: Object.keys(fields).map(key => ({ field: PCore.getAnnotationUtils().getPropertyName(fields[key]) }))\n      },\n      {\n        invalidateCache: true,\n        additionalApiParams: {\n          includeTotalCount\n        }\n      }\n    )\n    .then(response => {\n      return {\n        ...response,\n        data: (Array.isArray(response?.data) ? response.data : []).map(row =>\n          Object.keys(fields).reduce((obj, key) => {\n            obj[key] = row[PCore.getAnnotationUtils().getPropertyName(fields[key])];\n            return obj;\n          }, {})\n        )\n      };\n    });\n};\n\ninterface ToDoProps extends PConnProps {\n  // If any, enter additional props that only exist on this component\n  datasource?: any;\n  myWorkList?: any;\n\n  caseInfoID?: string;\n  headerText?: string;\n\n  itemKey?: string;\n  showTodoList?: boolean;\n  type?: string;\n\n  context?: string;\n  isConfirm?: boolean;\n}\n\nconst isChildCase = assignment => {\n  return assignment.isChild;\n};\n\nfunction topThreeAssignments(assignmentsSource: any[]): any[] {\n  return Array.isArray(assignmentsSource) ? assignmentsSource.slice(0, 3) : [];\n}\n\nfunction getID(assignment: any) {\n  if (assignment.value) {\n    const refKey = assignment.value;\n    return refKey.substring(refKey.lastIndexOf(' ') + 1);\n  }\n  const refKey = assignment.ID;\n  const arKeys = refKey.split('!')[0].split(' ');\n  return arKeys[2];\n}\n\nconst useStyles = makeStyles(theme => ({\n  root: {\n    marginBottom: theme.spacing(2),\n    paddingBottom: theme.spacing(1),\n    borderRadius: '8px'\n  },\n  avatar: {\n    backgroundColor: theme.palette.primary.light,\n    color: theme.palette.getContrastText(theme.palette.primary.light)\n  },\n  todoWrapper: {\n    borderLeft: '6px solid',\n    borderLeftColor: theme.palette.primary.light,\n    padding: theme.spacing(1),\n    margin: theme.spacing(1)\n  },\n  psdkTodoAssignmentStatus: {\n    backgroundColor: 'var(--app-neutral-light-color)',\n    borderRadius: '0.125rem',\n    color: theme.embedded.resolutionTextColor,\n    fontSize: '0.75rem',\n    fontWeight: 'bold',\n    lineHeight: 'calc(0.5rem * 2.5)',\n    height: 'calc(0.5rem * 2.5)',\n    padding: '0 0.5rem',\n    textTransform: 'uppercase'\n  },\n  getStartedButton: {\n    borderRadius: '18px',\n    textTransform: 'none',\n    width: '120px',\n    backgroundColor: theme.actionButtons.primary.backgroundColor\n  },\n  primaryButton: {\n    backgroundColor: theme.actionButtons.primary.backgroundColor,\n    color: theme.actionButtons.primary.color\n  }\n}));\n\nexport default function ToDo(props: ToDoProps) {\n  const {\n    getPConnect,\n    context,\n    datasource = [],\n    headerText = 'To do',\n    showTodoList = true,\n    myWorkList = {},\n    type = 'worklist',\n    isConfirm = false\n  } = props;\n\n  const CONSTS = PCore.getConstants();\n\n  const bLogging = true;\n  const currentUser = PCore.getEnvironmentInfo().getOperatorName() ?? '';\n  const currentUserInitials = Utils.getInitials(currentUser);\n  const assignmentsSource = datasource?.source || myWorkList?.source;\n\n  const [assignments, setAssignments] = useState<any[]>(initAssignments());\n\n  const thePConn = getPConnect();\n  const classes = useStyles();\n  const theme = useTheme();\n  const isDesktop = useMediaQuery(theme.breakpoints.up('md'));\n  const localizedVal = PCore.getLocaleUtils().getLocaleValue;\n  const localeCategory = 'Todo';\n  const canPerform = assignments?.[0]?.canPerform === 'true' || assignments?.[0]?.canPerform === true;\n  const [count, setCount] = useState(0);\n\n  const {\n    WORK_BASKET: { MY_WORK_LIST }\n  } = PCore.getConstants();\n\n  function initAssignments(): any[] {\n    if (assignmentsSource) {\n      return topThreeAssignments(assignmentsSource);\n    }\n    // turn off todolist\n    return [];\n  }\n\n  const deferLoadWorklistItems = useCallback(\n    responseData => {\n      setCount(responseData.totalCount);\n      setAssignments(responseData.data);\n    },\n    [MY_WORK_LIST]\n  );\n\n  useEffect(() => {\n    if (Object.keys(myWorkList).length && myWorkList.datapage) {\n      fetchMyWorkList(myWorkList.datapage, getPConnect().getComponentConfig()?.myWorkList.fields, 3, true, context).then(responseData => {\n        deferLoadWorklistItems(responseData);\n      });\n    }\n  }, []);\n\n  const getAssignmentId = assignment => {\n    return type === CONSTS.TODO ? assignment.ID : assignment.id;\n  };\n\n  const getPriority = assignment => {\n    return type === CONSTS.TODO ? assignment.urgency : assignment.priority;\n  };\n\n  const getAssignmentName = assignment => {\n    return type === CONSTS.TODO ? assignment.name : assignment.stepName;\n  };\n\n  function showToast(message: string) {\n    const theMessage = `Assignment: ${message}`;\n    console.error(theMessage);\n  }\n\n  function clickGo(assignment) {\n    const id = getAssignmentId(assignment);\n    let { classname = '' } = assignment;\n    const sTarget = thePConn.getContainerName();\n    const sTargetContainerName = sTarget;\n\n    const options: any = {\n      containerName: sTargetContainerName,\n      channelName: ''\n    };\n\n    if (classname === null || classname === '') {\n      classname = thePConn.getCaseInfo().getClassName();\n    }\n\n    if (sTarget === 'workarea') {\n      options.isActionFromToDoList = true;\n      options.target = '';\n      options.context = null;\n      options.isChild = isChildCase(assignment);\n    } else {\n      options.isActionFromToDoList = false;\n      options.target = sTarget;\n    }\n\n    thePConn\n      .getActionsApi()\n      .openAssignment(id, classname, options)\n      .then(() => {\n        if (bLogging) {\n          console.log(`openAssignment completed`);\n        }\n      })\n      .catch(() => {\n        showToast(`Submit failed!`);\n      });\n  }\n\n  const renderTaskId = (type, getPConnect, showTodoList, assignment) => {\n    const displayID = getID(assignment);\n\n    if ((showTodoList && type !== CONSTS.TODO) || assignment.isChild === true) {\n      /* Supress link for todo inside flow step */\n      return <Button size='small' color='primary'>{`${assignment.name} ${getID(assignment)}`}</Button>;\n    }\n    return displayID;\n  };\n\n  const getListItemComponent = assignment => {\n    if (isDesktop) {\n      return (\n        <>\n          {localizedVal('In', localeCategory)}\n          {renderTaskId(type, getPConnect, showTodoList, assignment)}\n          {type === CONSTS.WORKLIST && assignment.status ? `\\u2022 ` : undefined}\n          {type === CONSTS.WORKLIST && assignment.status ? <span className='psdk-todo-assignment-status'>{assignment.status}</span> : undefined}\n          {` \\u2022  ${localizedVal('Urgency', localeCategory)}  ${getPriority(assignment)}`}\n        </>\n      );\n    }\n    return (\n      <>\n        <Button size='small' color='primary'>{`${assignment.name} ${getID(assignment)}`}</Button>\n        {` \\u2022 ${localizedVal('Urgency', localeCategory)}  ${getPriority(assignment)}`}\n      </>\n    );\n  };\n\n  const getCount = () => (assignmentsSource ? assignmentsSource.length : type === CONSTS.WORKLIST ? count : 0);\n\n  const toDoContent = (\n    <>\n      {showTodoList && (\n        <CardHeader\n          title={\n            <Badge badgeContent={getCount()} overlap='rectangular' color='primary'>\n              <Typography variant='h6'>{headerText}&nbsp;&nbsp;&nbsp;</Typography>\n            </Badge>\n          }\n        />\n      )}\n      <List>\n        {assignments.map(assignment => (\n          <div className='psdk-todo-avatar-header' key={getAssignmentId(assignment)}>\n            <Avatar className={classes.avatar} style={{ marginRight: '16px' }}>\n              {currentUserInitials}\n            </Avatar>\n            <div style={{ display: 'block' }}>\n              <Typography variant='h6'>{assignment?.name}</Typography>\n              {`${localizedVal('In', localeCategory)} ${renderTaskId(type, getPConnect, showTodoList, assignment)} \\u2022  ${localizedVal(\n                'Urgency',\n                localeCategory\n              )}  ${getPriority(assignment)}`}\n            </div>\n            {(!isConfirm || canPerform) && (\n              <div style={{ marginLeft: 'auto' }}>\n                <IconButton id='go-btn' onClick={() => clickGo(assignment)} size='large'>\n                  <ArrowForwardIosOutlinedIcon />\n                </IconButton>\n              </div>\n            )}\n          </div>\n        ))}\n      </List>\n    </>\n  );\n\n  return (\n    <>\n      {type === CONSTS.WORKLIST && assignments?.length > 0 && (\n        <Card className={classes.root}>\n          {showTodoList && <CardHeader title={<Typography variant='h6'>{headerText}&nbsp;&nbsp;&nbsp;</Typography>} />}\n          <CardContent style={{ padding: 0 }}>\n            <List>\n              {assignments.map(assignment => (\n                <ListItem\n                  key={getAssignmentId(assignment)}\n                  dense\n                  onClick={() => clickGo(assignment)}\n                  secondaryAction={\n                    <Button className={classes.getStartedButton} color='primary' variant='contained' onClick={() => clickGo(assignment)}>\n                      Get started\n                    </Button>\n                  }\n                >\n                  <ListItemText primary={getAssignmentName(assignment)} secondary={getListItemComponent(assignment)} />\n                </ListItem>\n              ))}\n            </List>\n          </CardContent>\n        </Card>\n      )}\n\n      {type === CONSTS.TODO && !isConfirm && <Card className={classes.todoWrapper}>{toDoContent}</Card>}\n      {type === CONSTS.TODO && isConfirm && <>{toDoContent}</>}\n    </>\n  );\n}\n"]}

package/lib/mediaco/ToDo/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './ToDo';
+//# sourceMappingURL=index.d.ts.map

package/lib/mediaco/ToDo/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/mediaco/ToDo/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC"}

package/lib/mediaco/ToDo/index.js

@@ -0,0 +1,2 @@
+export { default } from './ToDo';
+//# sourceMappingURL=index.js.map

package/lib/mediaco/ToDo/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/mediaco/ToDo/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC","sourcesContent":["export { default } from './ToDo';\n"]}

package/lib/samples/Embedded/styles.css

@@ -0,0 +1,26 @@
+/* global styles*/
+#pega-part-of-page .psdk-flow-container-top {
+  max-width: 1400px;
+  width: 50%;
+  margin-left: auto;
+  margin-right: auto;
+  margin-bottom: 5%;
+  padding: 16px;
+}
+
+#pega-part-of-page .psdk-horizontal-stepper-header-container {
+  display: none;
+  margin-bottom: 2rem;
+}
+
+#pega-part-of-page .MuiCard-root {
+  padding: 16px;
+}
+
+#pega-part-of-page .MuiCardContent-root:first-child {
+  padding-top: 0px !important;
+}
+
+#pega-part-of-page .MuiCardContent-root:last-child {
+  padding-bottom: 0px !important;
+}