@pega/react-sdk-components 0.25.4 → 0.25.6

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('Task 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('Task 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,SAAS,EAAE,cAAc,CAAC,EACvC,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,SAAS,EAAE,cAAc,CAAC,IAAI,YAAY,CAAC,IAAI,EAAE,WAAW,EAAE,YAAY,EAAE,UAAU,CAAC,YAAY,YAAY,CAC9H,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('Task 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('Task 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;
+}

package/lib/theme.d.ts

@@ -15,6 +15,12 @@ declare module '@mui/styles/defaultTheme' {
             backgroundColor: string;
             topColor: string;
         };
+        headerNav: {
+            backgroundColor: string;
+            navLinkColor: string;
+            navLinkHoverColor: string;
+            menuToggleColor: string;
+        };
         embedded: {
             resolutionTextColor: string;
         };

package/lib/theme.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../src/theme.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAIlD;;;GAGG;AACH,OAAO,QAAQ,0BAA0B,CAAC;IACxC,UAAU,YAAa,SAAQ,KAAK;QAClC,eAAe,EAAE,MAAM,CAAC;QACxB,IAAI,EAAE;YACJ,eAAe,EAAE,MAAM,CAAC;YACxB,UAAU,EAAE,MAAM,CAAC;YACnB,eAAe,EAAE,MAAM,CAAC;SACzB,CAAC;QACF,KAAK,EAAE;YACL,eAAe,EAAE,MAAM,CAAC;YACxB,QAAQ,EAAE,MAAM,CAAC;SAClB,CAAC;QACF,QAAQ,EAAE;YACR,mBAAmB,EAAE,MAAM,CAAC;SAC7B,CAAC;QACF,aAAa,EAAE;YACb,OAAO,EAAE;gBACP,eAAe,EAAE,MAAM,CAAC;gBACxB,KAAK,EAAE,MAAM,CAAC;aACf,CAAC;YACF,SAAS,EAAE;gBACT,eAAe,EAAE,MAAM,CAAC;gBACxB,KAAK,EAAE,MAAM,CAAC;aACf,CAAC;SACH,CAAC;KACH;CACF;AA+ND,eAAO,MAAM,KAAK,OAAsD,CAAC"}
+{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../src/theme.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAIlD;;;GAGG;AACH,OAAO,QAAQ,0BAA0B,CAAC;IACxC,UAAU,YAAa,SAAQ,KAAK;QAClC,eAAe,EAAE,MAAM,CAAC;QACxB,IAAI,EAAE;YACJ,eAAe,EAAE,MAAM,CAAC;YACxB,UAAU,EAAE,MAAM,CAAC;YACnB,eAAe,EAAE,MAAM,CAAC;SACzB,CAAC;QACF,KAAK,EAAE;YACL,eAAe,EAAE,MAAM,CAAC;YACxB,QAAQ,EAAE,MAAM,CAAC;SAClB,CAAC;QACF,SAAS,EAAE;YACT,eAAe,EAAE,MAAM,CAAC;YACxB,YAAY,EAAE,MAAM,CAAC;YACrB,iBAAiB,EAAE,MAAM,CAAC;YAC1B,eAAe,EAAE,MAAM,CAAC;SACzB,CAAC;QACF,QAAQ,EAAE;YACR,mBAAmB,EAAE,MAAM,CAAC;SAC7B,CAAC;QACF,aAAa,EAAE;YACb,OAAO,EAAE;gBACP,eAAe,EAAE,MAAM,CAAC;gBACxB,KAAK,EAAE,MAAM,CAAC;aACf,CAAC;YACF,SAAS,EAAE;gBACT,eAAe,EAAE,MAAM,CAAC;gBACxB,KAAK,EAAE,MAAM,CAAC;aACf,CAAC;SACH,CAAC;KACH;CACF;AAwPD,eAAO,MAAM,KAAK,OAAsD,CAAC"}

package/lib/theme.js

@@ -17,7 +17,7 @@ const lightThemeColours = {
         '--app-warning-color-light': '#ffb74d',
         '--app-warning-color-dark': '#f57c00',
         '--app-background-color': 'whitesmoke',
-        '--app-form-color': 'white',
+        '--app-form-bg-color': 'white',
         /* App Navigation */
         '--app-nav-bg': '#262626' /*! default */,
         '--app-nav-color': '#d9d9d9' /* invert( var(--app-nav-bg)) !default */,
@@ -37,12 +37,15 @@ const lightThemeColours = {
         '--selected-step-label-color': 'rgba(0, 0, 0, 0.87)',
         '--step-label-color': 'rgba(0, 0, 0, 0.54)',
         '--svg-color': 'invert(0%)',
-        '--secondary-button-text-color': '#ffffff'
+        '--secondary-button-text-color': '#ffffff',
+        '--text-primary-color': '#000',
+        '--text-secondary-color': '#c0c0c0',
+        '--stepper-completed-bg-color': '#218721'
     }
 };
 const darkThemeColours = {
     ':root': {
-        '--app-primary-color': '#f72585' /* accent pink */,
+        '--app-primary-color': '#C70BB5' /* accent pink */,
         '--app-primary-dark-color': '#c2185b' /* darker pink */,
         '--app-primary-light-color': '#ff5ca2' /* lighter pink */,
         '--app-secondary-color': '#c0c0c0' /* accent silver */,
@@ -56,7 +59,7 @@ const darkThemeColours = {
         '--app-warning-color-light': '#ffe082' /* light amber */,
         '--app-warning-color-dark': '#c68400' /* dark amber */,
         '--app-background-color': '#060326' /* main dark background */,
-        '--app-form-color': '#18132c' /* slightly lighter for forms */,
+        '--app-form-bg-color': '#23273f' /* slightly lighter for forms */,
         /* App Navigation */
         '--app-nav-bg': '#18132c' /* navigation background */,
         '--app-nav-color': '#c0c0c0',
@@ -75,7 +78,10 @@ const darkThemeColours = {
         '--selected-step-label-color': 'rgba(0, 0, 0, 0.87)',
         '--step-label-color': 'rgba(0, 0, 0, 0.54)',
         '--svg-color': 'invert(100%)',
-        '--secondary-button-text-color': '#1a103c'
+        '--secondary-button-text-color': '#1a103c',
+        '--text-primary-color': '#e0e0e0',
+        '--text-secondary-color': '#c0c0c0',
+        '--stepper-completed-bg-color': '#158715'
     }
 };
 const lightTheme = createTheme({
@@ -96,6 +102,12 @@ const lightTheme = createTheme({
             }
         }
     },
+    headerNav: {
+        backgroundColor: '#ffffff',
+        navLinkColor: 'rgba(0, 0, 0, 0.87)',
+        navLinkHoverColor: '#3f51b5',
+        menuToggleColor: 'rgba(0, 0, 0, 0.87)'
+    },
     actionButtons: {
         primary: {
             backgroundColor: '#cc0f60',
@@ -143,7 +155,12 @@ const darkTheme = createTheme({
                     background: 'radial-gradient(178.62% 112% at 50% -12%, #0B0F2A 69.96%, #111951 89.19%)',
                     backgroundAttachment: 'fixed'
                 },
-                ...darkThemeColours
+                ...darkThemeColours,
+                // scrollbar styling
+                '*': {
+                    scrollbarWidth: 'thin', // Options: auto | thin | none
+                    scrollbarColor: '#555 #2c2c2c' // thumb color, track color
+                }
             }
         },
         MuiPaper: {
@@ -162,6 +179,12 @@ const darkTheme = createTheme({
             }
         }
     },
+    headerNav: {
+        backgroundColor: 'var(--app-nav-bg)',
+        navLinkColor: 'var(--app-nav-color)',
+        navLinkHoverColor: '#ffffff',
+        menuToggleColor: '#ffffff'
+    },
     actionButtons: {
         primary: {
             backgroundColor: '#C70BB5',
@@ -184,8 +207,8 @@ const darkTheme = createTheme({
     palette: {
         mode: 'dark',
         primary: {
-            main: '#f72585', // accent pink
-            light: '#ff5ca2', // lighter shade of pink
+            main: '#C70BB5', // pink
+            light: '#C70BB5', // pink
             dark: '#c2185b', // darker shade
             contrastText: '#ffffff' // white text on pink buttons
         },
@@ -197,13 +220,12 @@ const darkTheme = createTheme({
         },
         info: {
             main: '#e91e63', // Pink
-            dark: '#ad1457', // Darker pink
-            light: '#f8bbd0', // Light pink for backgrounds
+            dark: '#E885D2', // Light pink
+            light: '#C70BB5', // Lighter pink for backgrounds
             contrastText: '#fff'
         },
         background: {
-            // default: 'radial-gradient(178.62% 112% at 50% -12%, #0B0F2A 69.96%, #111951 89.19%)',
-            paper: 'rgba(255, 255, 255, 0.1)' // card-bg
+            paper: '#191b2c' // card-bg
         },
         text: {
             primary: '#e0e0e0', // text-light

package/lib/theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"theme.js","sourceRoot":"","sources":["../src/theme.ts"],"names":[],"mappings":"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","sourcesContent":["// @ts-nocheck\nimport { createTheme } from '@mui/material';\nimport type { Theme } from '@mui/material/styles';\n\nimport sdkConfig from '../../../sdk-config.json';\n\n/**\n * Since makeStyles is now exported from @mui/styles package which does not know about Theme in the core package.\n * you need to augment the DefaultTheme (empty object) in @mui/styles with Theme from the core.\n */\ndeclare module '@mui/styles/defaultTheme' {\n  interface DefaultTheme extends Theme {\n    backgroundColor: string;\n    card: {\n      backgroundColor: string;\n      borderLeft: string;\n      borderLeftColor: string;\n    };\n    modal: {\n      backgroundColor: string;\n      topColor: string;\n    };\n    embedded: {\n      resolutionTextColor: string;\n    };\n    actionButtons: {\n      primary: {\n        backgroundColor: string;\n        color: string;\n      };\n      secondary: {\n        backgroundColor: string;\n        color: string;\n      };\n    };\n  }\n}\n\nconst lightThemeColours = {\n  ':root': {\n    '--app-primary-color': '#007bff' /* was #673ab7; */,\n    '--app-primary-dark-color': '#0048cc' /* was #4527A0; */,\n    '--app-primary-light-color': '#33aeff' /* was #B499FC; */,\n    '--app-secondary-color': '#FFC400',\n    '--app-neutral-color': 'grey',\n    '--app-neutral-light-color': 'lightgrey',\n    '--app-neutral-dark-color': '#262626',\n    '--app-error-color': '#f44336',\n    '--app-error-light-color': '#e57373',\n    '--app-error-dark-color': '#d32f2f',\n    '--app-warning-color': '#ff9800',\n    '--app-warning-color-light': '#ffb74d',\n    '--app-warning-color-dark': '#f57c00',\n\n    '--app-background-color': 'whitesmoke',\n    '--app-form-color': 'white',\n\n    /* App Navigation */\n    '--app-nav-bg': '#262626' /*! default */,\n    '--app-nav-color': '#d9d9d9' /* invert( var(--app-nav-bg)) !default */,\n\n    /* Few custom colors */\n    '--modal-background-color': 'rgba(100, 100, 100, 0.4)',\n    '--modal-top-color': 'white',\n    '--modal-border-color': 'black',\n    '--modal-box-shadow-color': '#777',\n    '--utility-count-background-color': '#65b5f5',\n    '--utility-card-border-color': '#f5f5f5',\n    '--link-button-color': '#3f51b5',\n    '--banner-text-color': 'rgb(0, 0, 0)',\n    '--app-text-color': 'white',\n    '--utility-background-color': 'white',\n    '--table-header-background': '#f5f5f5',\n    '--step-line-color': 'rgba(0, 0, 0, 0.12)',\n    '--selected-step-label-color': 'rgba(0, 0, 0, 0.87)',\n    '--step-label-color': 'rgba(0, 0, 0, 0.54)',\n    '--svg-color': 'invert(0%)',\n    '--secondary-button-text-color': '#ffffff'\n  }\n};\nconst darkThemeColours = {\n  ':root': {\n    '--app-primary-color': '#f72585' /* accent pink */,\n    '--app-primary-dark-color': '#c2185b' /* darker pink */,\n    '--app-primary-light-color': '#ff5ca2' /* lighter pink */,\n    '--app-secondary-color': '#c0c0c0' /* accent silver */,\n    '--app-neutral-color': '#b0b0b0' /* light gray for text/icons */,\n    '--app-neutral-light-color': '#e0e0e0' /* lighter gray for highlights */,\n    '--app-neutral-dark-color': '#262626' /* dark gray for backgrounds */,\n    '--app-error-color': '#ff5370' /* vibrant error red */,\n    '--app-error-light-color': '#ffb4b4' /* soft error red */,\n    '--app-error-dark-color': '#b71c1c' /* deep error red */,\n    '--app-warning-color': '#ffb300' /* amber warning */,\n    '--app-warning-color-light': '#ffe082' /* light amber */,\n    '--app-warning-color-dark': '#c68400' /* dark amber */,\n\n    '--app-background-color': '#060326' /* main dark background */,\n    '--app-form-color': '#18132c' /* slightly lighter for forms */,\n\n    /* App Navigation */\n    '--app-nav-bg': '#18132c' /* navigation background */,\n    '--app-nav-color': '#c0c0c0',\n\n    '--modal-background-color': 'rgba(40, 30, 90, 0.85)' /* nearly matches #060326, slightly lighter and more opaque */,\n    '--modal-top-color': '#2a1f54' /* light pink accent for modal top */,\n    '--modal-border-color': '#2a1f54' /* matches card background */,\n    '--modal-box-shadow-color': '#777',\n\n    '--utility-count-background-color': '#f8aaf0',\n    '--utility-card-border-color': '#2a1f54',\n    '--link-button-color': '#f72585',\n    '--banner-text-color': '#e0e0e0',\n    '--app-text-color': '#e0e0e0',\n    '--utility-background-color': '#2a1f54',\n    '--table-header-background': '#18132c',\n    '--step-line-color': 'rgba(0, 0, 0, 0.12)',\n    '--selected-step-label-color': 'rgba(0, 0, 0, 0.87)',\n    '--step-label-color': 'rgba(0, 0, 0, 0.54)',\n    '--svg-color': 'invert(100%)',\n    '--secondary-button-text-color': '#1a103c'\n  }\n};\n\nconst lightTheme = createTheme({\n  components: {\n    MuiCssBaseline: {\n      styleOverrides: {\n        ...lightThemeColours\n      }\n    },\n    MuiTextField: {\n      defaultProps: {\n        size: 'small'\n      },\n      styleOverrides: {\n        root: {\n          width: '100%'\n        }\n      }\n    }\n  },\n  actionButtons: {\n    primary: {\n      backgroundColor: '#cc0f60',\n      color: '#FFFFFF'\n    },\n    secondary: {\n      backgroundColor: '#3F51B5',\n      color: '#FFFFFF'\n    }\n  },\n  modal: {\n    backgroundColor: 'rgba(100, 100, 100, 0.4)',\n    topColor: 'white'\n  },\n  embedded: {\n    resolutionTextColor: 'darkslategray'\n  },\n  backgroundColor: '#fff',\n  card: {\n    backgroundColor: '#fff',\n    borderLeft: '6px solid',\n    borderLeftColor: '#C70BB5'\n  },\n  palette: {\n    primary: {\n      contrastText: '#fff',\n      dark: '#303f9f',\n      light: '#7986cb',\n      main: '#3f51b5'\n    },\n    secondary: {\n      contrastText: '#fff',\n      dark: '#c51162',\n      light: '#ff4081',\n      main: '#f50057'\n    },\n    backgroundColor: '#fff'\n  }\n});\n\nconst darkTheme = createTheme({\n  components: {\n    MuiCssBaseline: {\n      styleOverrides: {\n        body: {\n          background: 'radial-gradient(178.62% 112% at 50% -12%, #0B0F2A 69.96%, #111951 89.19%)',\n          backgroundAttachment: 'fixed'\n        },\n        ...darkThemeColours\n      }\n    },\n    MuiPaper: {\n      styleOverrides: {\n        root: {}\n      }\n    },\n    MuiTextField: {\n      defaultProps: {\n        size: 'small'\n      },\n      styleOverrides: {\n        root: {\n          width: '100%'\n        }\n      }\n    }\n  },\n  actionButtons: {\n    primary: {\n      backgroundColor: '#C70BB5',\n      color: '#FFFFFF'\n    },\n    secondary: {\n      backgroundColor: '#FFFFFF',\n      color: '#C70BB5'\n    }\n  },\n  embedded: {\n    resolutionTextColor: 'darkslategray'\n  },\n  backgroundColor: '#060326',\n  card: {\n    backgroundColor: 'rgba(255, 255, 255, 0.3)',\n    borderLeft: '',\n    borderLeftColor: ''\n  },\n  palette: {\n    mode: 'dark',\n    primary: {\n      main: '#f72585', // accent pink\n      light: '#ff5ca2', // lighter shade of pink\n      dark: '#c2185b', // darker shade\n      contrastText: '#ffffff' // white text on pink buttons\n    },\n    secondary: {\n      main: '#c0c0c0', // accent silver\n      light: '#d9d9d9',\n      dark: '#8c8c8c',\n      contrastText: '#1a103c' // dark text on silver background\n    },\n    info: {\n      main: '#e91e63', // Pink\n      dark: '#ad1457', // Darker pink\n      light: '#f8bbd0', // Light pink for backgrounds\n      contrastText: '#fff'\n    },\n    background: {\n      // default: 'radial-gradient(178.62% 112% at 50% -12%, #0B0F2A 69.96%, #111951 89.19%)',\n      paper: 'rgba(255, 255, 255, 0.1)' // card-bg\n    },\n    text: {\n      primary: '#e0e0e0', // text-light\n      secondary: '#c0c0c0' // silver for muted text\n    },\n    divider: 'rgba(255, 255, 255, 0.1)' // border-color\n  }\n});\n\nexport const theme = sdkConfig.theme === 'dark' ? darkTheme : lightTheme;\n"]}
+{"version":3,"file":"theme.js","sourceRoot":"","sources":["../src/theme.ts"],"names":[],"mappings":"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","sourcesContent":["// @ts-nocheck\nimport { createTheme } from '@mui/material';\nimport type { Theme } from '@mui/material/styles';\n\nimport sdkConfig from '../../../sdk-config.json';\n\n/**\n * Since makeStyles is now exported from @mui/styles package which does not know about Theme in the core package.\n * you need to augment the DefaultTheme (empty object) in @mui/styles with Theme from the core.\n */\ndeclare module '@mui/styles/defaultTheme' {\n  interface DefaultTheme extends Theme {\n    backgroundColor: string;\n    card: {\n      backgroundColor: string;\n      borderLeft: string;\n      borderLeftColor: string;\n    };\n    modal: {\n      backgroundColor: string;\n      topColor: string;\n    };\n    headerNav: {\n      backgroundColor: string;\n      navLinkColor: string;\n      navLinkHoverColor: string;\n      menuToggleColor: string;\n    };\n    embedded: {\n      resolutionTextColor: string;\n    };\n    actionButtons: {\n      primary: {\n        backgroundColor: string;\n        color: string;\n      };\n      secondary: {\n        backgroundColor: string;\n        color: string;\n      };\n    };\n  }\n}\n\nconst lightThemeColours = {\n  ':root': {\n    '--app-primary-color': '#007bff' /* was #673ab7; */,\n    '--app-primary-dark-color': '#0048cc' /* was #4527A0; */,\n    '--app-primary-light-color': '#33aeff' /* was #B499FC; */,\n    '--app-secondary-color': '#FFC400',\n    '--app-neutral-color': 'grey',\n    '--app-neutral-light-color': 'lightgrey',\n    '--app-neutral-dark-color': '#262626',\n    '--app-error-color': '#f44336',\n    '--app-error-light-color': '#e57373',\n    '--app-error-dark-color': '#d32f2f',\n    '--app-warning-color': '#ff9800',\n    '--app-warning-color-light': '#ffb74d',\n    '--app-warning-color-dark': '#f57c00',\n\n    '--app-background-color': 'whitesmoke',\n    '--app-form-bg-color': 'white',\n\n    /* App Navigation */\n    '--app-nav-bg': '#262626' /*! default */,\n    '--app-nav-color': '#d9d9d9' /* invert( var(--app-nav-bg)) !default */,\n\n    /* Few custom colors */\n    '--modal-background-color': 'rgba(100, 100, 100, 0.4)',\n    '--modal-top-color': 'white',\n    '--modal-border-color': 'black',\n    '--modal-box-shadow-color': '#777',\n    '--utility-count-background-color': '#65b5f5',\n    '--utility-card-border-color': '#f5f5f5',\n    '--link-button-color': '#3f51b5',\n    '--banner-text-color': 'rgb(0, 0, 0)',\n    '--app-text-color': 'white',\n    '--utility-background-color': 'white',\n    '--table-header-background': '#f5f5f5',\n    '--step-line-color': 'rgba(0, 0, 0, 0.12)',\n    '--selected-step-label-color': 'rgba(0, 0, 0, 0.87)',\n    '--step-label-color': 'rgba(0, 0, 0, 0.54)',\n    '--svg-color': 'invert(0%)',\n    '--secondary-button-text-color': '#ffffff',\n\n    '--text-primary-color': '#000',\n    '--text-secondary-color': '#c0c0c0',\n    '--stepper-completed-bg-color': '#218721'\n  }\n};\nconst darkThemeColours = {\n  ':root': {\n    '--app-primary-color': '#C70BB5' /* accent pink */,\n    '--app-primary-dark-color': '#c2185b' /* darker pink */,\n    '--app-primary-light-color': '#ff5ca2' /* lighter pink */,\n    '--app-secondary-color': '#c0c0c0' /* accent silver */,\n    '--app-neutral-color': '#b0b0b0' /* light gray for text/icons */,\n    '--app-neutral-light-color': '#e0e0e0' /* lighter gray for highlights */,\n    '--app-neutral-dark-color': '#262626' /* dark gray for backgrounds */,\n    '--app-error-color': '#ff5370' /* vibrant error red */,\n    '--app-error-light-color': '#ffb4b4' /* soft error red */,\n    '--app-error-dark-color': '#b71c1c' /* deep error red */,\n    '--app-warning-color': '#ffb300' /* amber warning */,\n    '--app-warning-color-light': '#ffe082' /* light amber */,\n    '--app-warning-color-dark': '#c68400' /* dark amber */,\n\n    '--app-background-color': '#060326' /* main dark background */,\n    '--app-form-bg-color': '#23273f' /* slightly lighter for forms */,\n\n    /* App Navigation */\n    '--app-nav-bg': '#18132c' /* navigation background */,\n    '--app-nav-color': '#c0c0c0',\n\n    '--modal-background-color': 'rgba(40, 30, 90, 0.85)' /* nearly matches #060326, slightly lighter and more opaque */,\n    '--modal-top-color': '#2a1f54' /* light pink accent for modal top */,\n    '--modal-border-color': '#2a1f54' /* matches card background */,\n    '--modal-box-shadow-color': '#777',\n\n    '--utility-count-background-color': '#f8aaf0',\n    '--utility-card-border-color': '#2a1f54',\n    '--link-button-color': '#f72585',\n    '--banner-text-color': '#e0e0e0',\n    '--app-text-color': '#e0e0e0',\n    '--utility-background-color': '#2a1f54',\n    '--table-header-background': '#18132c',\n    '--step-line-color': 'rgba(0, 0, 0, 0.12)',\n    '--selected-step-label-color': 'rgba(0, 0, 0, 0.87)',\n    '--step-label-color': 'rgba(0, 0, 0, 0.54)',\n    '--svg-color': 'invert(100%)',\n    '--secondary-button-text-color': '#1a103c',\n\n    '--text-primary-color': '#e0e0e0',\n    '--text-secondary-color': '#c0c0c0',\n    '--stepper-completed-bg-color': '#158715'\n  }\n};\n\nconst lightTheme = createTheme({\n  components: {\n    MuiCssBaseline: {\n      styleOverrides: {\n        ...lightThemeColours\n      }\n    },\n    MuiTextField: {\n      defaultProps: {\n        size: 'small'\n      },\n      styleOverrides: {\n        root: {\n          width: '100%'\n        }\n      }\n    }\n  },\n  headerNav: {\n    backgroundColor: '#ffffff',\n    navLinkColor: 'rgba(0, 0, 0, 0.87)',\n    navLinkHoverColor: '#3f51b5',\n    menuToggleColor: 'rgba(0, 0, 0, 0.87)'\n  },\n  actionButtons: {\n    primary: {\n      backgroundColor: '#cc0f60',\n      color: '#FFFFFF'\n    },\n    secondary: {\n      backgroundColor: '#3F51B5',\n      color: '#FFFFFF'\n    }\n  },\n  modal: {\n    backgroundColor: 'rgba(100, 100, 100, 0.4)',\n    topColor: 'white'\n  },\n  embedded: {\n    resolutionTextColor: 'darkslategray'\n  },\n  backgroundColor: '#fff',\n  card: {\n    backgroundColor: '#fff',\n    borderLeft: '6px solid',\n    borderLeftColor: '#C70BB5'\n  },\n  palette: {\n    primary: {\n      contrastText: '#fff',\n      dark: '#303f9f',\n      light: '#7986cb',\n      main: '#3f51b5'\n    },\n    secondary: {\n      contrastText: '#fff',\n      dark: '#c51162',\n      light: '#ff4081',\n      main: '#f50057'\n    },\n    backgroundColor: '#fff'\n  }\n});\n\nconst darkTheme = createTheme({\n  components: {\n    MuiCssBaseline: {\n      styleOverrides: {\n        body: {\n          background: 'radial-gradient(178.62% 112% at 50% -12%, #0B0F2A 69.96%, #111951 89.19%)',\n          backgroundAttachment: 'fixed'\n        },\n        ...darkThemeColours,\n\n        // scrollbar styling\n        '*': {\n          scrollbarWidth: 'thin', // Options: auto | thin | none\n          scrollbarColor: '#555 #2c2c2c' // thumb color, track color\n        }\n      }\n    },\n    MuiPaper: {\n      styleOverrides: {\n        root: {}\n      }\n    },\n    MuiTextField: {\n      defaultProps: {\n        size: 'small'\n      },\n      styleOverrides: {\n        root: {\n          width: '100%'\n        }\n      }\n    }\n  },\n  headerNav: {\n    backgroundColor: 'var(--app-nav-bg)',\n    navLinkColor: 'var(--app-nav-color)',\n    navLinkHoverColor: '#ffffff',\n    menuToggleColor: '#ffffff'\n  },\n  actionButtons: {\n    primary: {\n      backgroundColor: '#C70BB5',\n      color: '#FFFFFF'\n    },\n    secondary: {\n      backgroundColor: '#FFFFFF',\n      color: '#C70BB5'\n    }\n  },\n  embedded: {\n    resolutionTextColor: 'darkslategray'\n  },\n  backgroundColor: '#060326',\n  card: {\n    backgroundColor: 'rgba(255, 255, 255, 0.3)',\n    borderLeft: '',\n    borderLeftColor: ''\n  },\n  palette: {\n    mode: 'dark',\n    primary: {\n      main: '#C70BB5', // pink\n      light: '#C70BB5', // pink\n      dark: '#c2185b', // darker shade\n      contrastText: '#ffffff' // white text on pink buttons\n    },\n    secondary: {\n      main: '#c0c0c0', // accent silver\n      light: '#d9d9d9',\n      dark: '#8c8c8c',\n      contrastText: '#1a103c' // dark text on silver background\n    },\n    info: {\n      main: '#e91e63', // Pink\n      dark: '#E885D2', // Light pink\n      light: '#C70BB5', // Lighter pink for backgrounds\n      contrastText: '#fff'\n    },\n    background: {\n      paper: '#191b2c' // card-bg\n    },\n    text: {\n      primary: '#e0e0e0', // text-light\n      secondary: '#c0c0c0' // silver for muted text\n    },\n    divider: 'rgba(255, 255, 255, 0.1)' // border-color\n  }\n});\n\nexport const theme = sdkConfig.theme === 'dark' ? darkTheme : lightTheme;\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pega/react-sdk-components",
-  "version": "0.25.4",
+  "version": "0.25.6",
   "description": "React SDK Infrastructure: bridge and components",
   "_filesComment": "During packing, npm ignores everything NOT in the files list",
   "files": [

package/lib/components/helpers/attachmentHelpers.d.ts

@@ -1,16 +0,0 @@
-export declare const isContentBinary: (headers: any) => any;
-export declare const isContentBase64: (headers: any) => any;
-export declare const fileDownload: (data: any, fileName: any, ext: any, headers: any) => void;
-export declare const fileDownloadVar: (content: any, type: any, name: any, extension: any) => void;
-export declare const useFileDownload: (context: any) => ({ ID, name, extension, type, category, responseType }: {
-    ID: any;
-    name: any;
-    extension: any;
-    type: any;
-    category: any;
-    responseType: any;
-}) => void;
-export declare const getIconFromFileType: (fileType: any) => string;
-export declare const validateMaxSize: (fileObj: any, maxSizeInMB: string) => boolean;
-export declare const isFileUploadedToServer: (file: any) => any;
-//# sourceMappingURL=attachmentHelpers.d.ts.map

package/lib/components/helpers/attachmentHelpers.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"attachmentHelpers.d.ts","sourceRoot":"","sources":["../../../src/components/helpers/attachmentHelpers.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,eAAe,GAAG,YAAO,QAErC,CAAC;AAEF,eAAO,MAAM,eAAe,GAAG,YAAO,QAErC,CAAC;AAEF,eAAO,MAAM,YAAY,GAAI,SAAI,EAAE,aAAQ,EAAE,QAAG,EAAE,YAAO,SAUxD,CAAC;AAEF,eAAO,MAAM,eAAe,GAAI,YAAO,EAAE,SAAI,EAAE,SAAI,EAAE,cAAS,SAa7D,CAAC;AAEF,eAAO,MAAM,eAAe,GAAG,YAAO;;;;;;;UAwBrC,CAAC;AAEF,eAAO,MAAM,mBAAmB,GAAI,aAAQ,KAAG,MAyB9C,CAAC;AAEF,eAAO,MAAM,eAAe,GAAI,SAAS,GAAG,EAAE,aAAa,MAAM,KAAG,OAGnE,CAAC;AAEF,eAAO,MAAM,sBAAsB,GAAG,SAAI,QAAkE,CAAC"}

package/lib/components/helpers/attachmentHelpers.js

@@ -1,94 +0,0 @@
-import { useCallback } from 'react';
-import download from 'downloadjs';
-export const isContentBinary = headers => {
-    return headers && headers['content-transfer-encoding'] === 'binary';
-};
-export const isContentBase64 = headers => {
-    return headers && headers['content-transfer-encoding'] === 'base64';
-};
-export const fileDownload = (data, fileName, ext, headers) => {
-    const name = ext ? `${fileName}.${ext}` : fileName;
-    // Temp fix: downloading EMAIl type attachment as html file
-    if (ext === 'html') {
-        download(isContentBase64(headers) ? atob(data) : data, name, 'text/html');
-    }
-    else if (isContentBinary(headers)) {
-        download(data, name);
-    }
-    else {
-        download(atob(data), name);
-    }
-};
-export const fileDownloadVar = (content, type, name, extension) => {
-    if (type === 'FILE' || type === undefined) {
-        fileDownload(content.data, name, extension, content.headers);
-    }
-    else if (type === 'URL') {
-        let { data } = content;
-        if (!/^(http|https):\/\//.test(data)) {
-            data = `//${data}`;
-        }
-        window.open(content.data, '_blank');
-    }
-    else if (type === 'EMAIL') {
-        // Temp Fix: for EMAIL type attachment
-        fileDownload(content.data, name, 'html', content.headers);
-    }
-};
-export const useFileDownload = context => {
-    return useCallback(({ ID, name, extension, type, category, responseType }) => {
-        if (category !== 'pxDocument') {
-            PCore.getAttachmentUtils()
-                .downloadAttachment(ID, context, responseType)
-                .then(content => {
-                fileDownloadVar(content, type, name, extension);
-            })
-                .catch(console.error);
-        }
-        else {
-            PCore.getAttachmentUtils()
-                // @ts-expect-error
-                .downloadDocument(ID, context, responseType)
-                .then(content => {
-                fileDownloadVar(content, type, name, extension);
-            })
-                .catch(console.error);
-        }
-    }, [context]);
-};
-export const getIconFromFileType = (fileType) => {
-    let icon = 'document-doc';
-    if (!fileType)
-        return icon;
-    if (fileType.startsWith('audio')) {
-        icon = 'audio';
-    }
-    else if (fileType.startsWith('video')) {
-        icon = 'video';
-    }
-    else if (fileType.startsWith('image')) {
-        icon = 'picture';
-    }
-    else if (fileType.includes('pdf')) {
-        icon = 'document-pdf';
-    }
-    else {
-        const [, subtype] = fileType.split('/');
-        const foundMatch = sources => {
-            return sources.some(key => subtype.includes(key));
-        };
-        if (foundMatch(['excel', 'spreadsheet'])) {
-            icon = 'document-xls';
-        }
-        else if (foundMatch(['zip', 'compressed', 'gzip', 'rar', 'tar'])) {
-            icon = 'document-compress';
-        }
-    }
-    return icon;
-};
-export const validateMaxSize = (fileObj, maxSizeInMB) => {
-    const fileSize = (fileObj.size / 1048576).toFixed(2);
-    return parseFloat(fileSize) < parseFloat(maxSizeInMB);
-};
-export const isFileUploadedToServer = file => file.responseProps && !file.responseProps.ID?.includes('temp');
-//# sourceMappingURL=attachmentHelpers.js.map

package/lib/components/helpers/attachmentHelpers.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"attachmentHelpers.js","sourceRoot":"","sources":["../../../src/components/helpers/attachmentHelpers.ts"],"names":[],"mappings":"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","sourcesContent":["import { useCallback } from 'react';\nimport download from 'downloadjs';\n\nexport const isContentBinary = headers => {\n  return headers && headers['content-transfer-encoding'] === 'binary';\n};\n\nexport const isContentBase64 = headers => {\n  return headers && headers['content-transfer-encoding'] === 'base64';\n};\n\nexport const fileDownload = (data, fileName, ext, headers) => {\n  const name = ext ? `${fileName}.${ext}` : fileName;\n  // Temp fix: downloading EMAIl type attachment as html file\n  if (ext === 'html') {\n    download(isContentBase64(headers) ? atob(data) : data, name, 'text/html');\n  } else if (isContentBinary(headers)) {\n    download(data, name);\n  } else {\n    download(atob(data), name);\n  }\n};\n\nexport const fileDownloadVar = (content, type, name, extension) => {\n  if (type === 'FILE' || type === undefined) {\n    fileDownload(content.data, name, extension, content.headers);\n  } else if (type === 'URL') {\n    let { data } = content;\n    if (!/^(http|https):\\/\\//.test(data)) {\n      data = `//${data}`;\n    }\n    window.open(content.data, '_blank');\n  } else if (type === 'EMAIL') {\n    // Temp Fix: for EMAIL type attachment\n    fileDownload(content.data, name, 'html', content.headers);\n  }\n};\n\nexport const useFileDownload = context => {\n  return useCallback(\n    ({ ID, name, extension, type, category, responseType }) => {\n      if (category !== 'pxDocument') {\n        PCore.getAttachmentUtils()\n          .downloadAttachment(ID, context, responseType)\n          .then(content => {\n            fileDownloadVar(content, type, name, extension);\n          })\n\n          .catch(console.error);\n      } else {\n        PCore.getAttachmentUtils()\n          // @ts-expect-error\n          .downloadDocument(ID, context, responseType)\n          .then(content => {\n            fileDownloadVar(content, type, name, extension);\n          })\n\n          .catch(console.error);\n      }\n    },\n    [context]\n  );\n};\n\nexport const getIconFromFileType = (fileType): string => {\n  let icon = 'document-doc';\n  if (!fileType) return icon;\n  if (fileType.startsWith('audio')) {\n    icon = 'audio';\n  } else if (fileType.startsWith('video')) {\n    icon = 'video';\n  } else if (fileType.startsWith('image')) {\n    icon = 'picture';\n  } else if (fileType.includes('pdf')) {\n    icon = 'document-pdf';\n  } else {\n    const [, subtype] = fileType.split('/');\n    const foundMatch = sources => {\n      return sources.some(key => subtype.includes(key));\n    };\n\n    if (foundMatch(['excel', 'spreadsheet'])) {\n      icon = 'document-xls';\n    } else if (foundMatch(['zip', 'compressed', 'gzip', 'rar', 'tar'])) {\n      icon = 'document-compress';\n    }\n  }\n\n  return icon;\n};\n\nexport const validateMaxSize = (fileObj: any, maxSizeInMB: string): boolean => {\n  const fileSize = (fileObj.size / 1048576).toFixed(2);\n  return parseFloat(fileSize) < parseFloat(maxSizeInMB);\n};\n\nexport const isFileUploadedToServer = file => file.responseProps && !file.responseProps.ID?.includes('temp');\n"]}