npm - @pega/react-sdk-components - Versions diffs - 0.25.4 → 0.25.5 - Mend

@pega/react-sdk-components 0.25.4 → 0.25.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (76) hide show

package/lib/components/template/SelfServiceCaseView/SelfServiceCaseView.js CHANGED Viewed

@@ -1,4 +1,73 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Avatar, Card, CardHeader, Divider, Typography } from '@mui/material';
+import makeStyles from '@mui/styles/makeStyles';
+import Grid2 from '@mui/material/Grid2';
+import { getComponentFromMap } from '../../../bridge/helpers/sdk_component_map';
+import { prepareCaseSummaryData, filterUtilities } from '../utils';
+import { Utils } from '../../helpers/utils';
+const useStyles = makeStyles(theme => ({
+    root: {
+        paddingRight: theme.spacing(1),
+        paddingLeft: theme.spacing(1),
+        paddingTop: theme.spacing(1),
+        paddingBottom: theme.spacing(1),
+        marginRight: theme.spacing(1),
+        marginLeft: theme.spacing(1),
+        marginTop: theme.spacing(1),
+        marginBottom: theme.spacing(1)
+    },
+    caseViewHeader: {
+        backgroundColor: theme.palette.info.light,
+        color: theme.palette.getContrastText(theme.palette.info.light),
+        borderRadius: 'inherit'
+    },
+    caseViewIconBox: {
+        backgroundColor: theme.palette.info.dark,
+        width: theme.spacing(8),
+        height: theme.spacing(8),
+        padding: theme.spacing(1)
+    },
+    caseViewIconImage: {
+        filter: 'var(--svg-color)'
+    }
+}));
 export default function SelfServiceCaseView(props) {
-    console.log('SelfServiceCaseView props:', props);
+    const classes = useStyles();
+    const CaseViewActionsMenu = getComponentFromMap('CaseViewActionsMenu');
+    const CaseSummary = getComponentFromMap('CaseSummary');
+    const { icon = '', getPConnect, header, subheader, showCaseLifecycle = true, showSummaryRegion = true, showUtilitiesRegion = true, showCaseActions = true, children, caseClass, caseInfo: { availableActions = [], availableProcesses = [], caseTypeID = '', caseTypeName = '' } } = props;
+    const pConnect = getPConnect();
+    const [bShowCaseLifecycle, bShowSummaryRegion, bShowUtilitiesRegion, bShowCaseActions] = [
+        showCaseLifecycle,
+        showSummaryRegion,
+        showUtilitiesRegion,
+        showCaseActions
+    ].map((prop) => prop === true || prop === 'true');
+    const isObjectType = PCore.getCaseUtils().isObjectCaseType(caseClass);
+    const localeKey = pConnect?.getCaseLocaleReference();
+    const svgCase = Utils.getImageSrc(icon, Utils.getSDKStaticConentUrl());
+    const renderedRegions = isObjectType
+        ? {
+            caseSummary: children[0],
+            utilities: filterUtilities(children[2])
+        }
+        : {
+            caseSummary: children[0],
+            stages: children[1],
+            todo: children[2],
+            utilities: filterUtilities(children[4])
+        };
+    const { primarySummaryFields, secondarySummaryFields } = prepareCaseSummaryData(renderedRegions.caseSummary, (config) => config?.availableInChannel?.selfService === true);
+    const isUtilitiesRegionNotEmpty = () => {
+        const utilitiesElement = renderedRegions.utilities;
+        if (utilitiesElement?.props?.getPConnect()?.getChildren()?.length > 0) {
+            return utilitiesElement.props
+                .getPConnect()
+                .getChildren()
+                .some((prop) => prop.getPConnect().getConfigProps().visibility !== false);
+        }
+        return false;
+    };
+    return (_jsxs("div", { children: [bShowCaseActions && (_jsxs("div", { style: { display: 'flex', justifyContent: 'space-around', alignItems: 'center', margin: '10px' }, children: [_jsx("div", { children: PCore.getLocaleUtils().getLocaleValue(header, '', localeKey) }), _jsx(CaseViewActionsMenu, { getPConnect: getPConnect, availableActions: availableActions, availableProcesses: availableProcesses, caseTypeName: caseTypeName, caseTypeID: caseTypeID })] })), _jsx("div", { children: _jsxs(Grid2, { container: true, children: [_jsx(Grid2, { size: { xs: 3 }, children: bShowSummaryRegion && (primarySummaryFields.length > 0 || secondarySummaryFields.length > 0) && (_jsx("div", { children: _jsxs(Card, { className: classes.root, children: [_jsx(CardHeader, { className: classes.caseViewHeader, title: _jsx(Typography, { variant: 'h6', component: 'div', id: 'case-name', children: PCore.getLocaleUtils().getLocaleValue(header, '', localeKey) }), subheader: _jsx(Typography, { variant: 'body1', component: 'div', id: 'caseId', children: subheader }), avatar: _jsx(Avatar, { className: classes.caseViewIconBox, variant: 'square', children: _jsx("img", { src: svgCase, className: classes.caseViewIconImage }) }) }), _jsx(Divider, {}), _jsx(CaseSummary, { arPrimaryFields: primarySummaryFields, arSecondaryFields: secondarySummaryFields }), _jsx(Divider, {})] }) })) }), _jsxs(Grid2, { size: { xs: 6 }, children: [bShowCaseLifecycle && renderedRegions.stages, renderedRegions.todo] }), bShowUtilitiesRegion && isUtilitiesRegionNotEmpty() && _jsx(Grid2, { size: { xs: 3 }, children: renderedRegions.utilities })] }) })] }));
 }
 //# sourceMappingURL=SelfServiceCaseView.js.map

package/lib/components/template/SelfServiceCaseView/SelfServiceCaseView.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SelfServiceCaseView.js","sourceRoot":"","sources":["../../../../src/components/template/SelfServiceCaseView/SelfServiceCaseView.tsx"],"names":[],"mappings":"AAAA,MAAM,CAAC,OAAO,UAAU,mBAAmB,CAAC,KAAK;IAC/C,OAAO,CAAC,GAAG,CAAC,~~4BAA4B~~,EAAE,KAAK,CAAC,CAAC;~~AACnD~~,CAAC","sourcesContent":["~~export~~ default function SelfServiceCaseView(props) {\n ~~console.log~~('~~SelfServiceCaseView~~ props:', props);\n}\n"]}
1	+ {"version":3,"file":"SelfServiceCaseView.js","sourceRoot":"","sources":["../../../../src/components/template/SelfServiceCaseView/SelfServiceCaseView.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Avatar, Card, CardHeader, Divider, Typography } from '@mui/material';\nimport makeStyles from '@mui/styles/makeStyles';\nimport Grid2 from '@mui/material/Grid2';\nimport { getComponentFromMap } from '../../../bridge/helpers/sdk_component_map';\nimport { prepareCaseSummaryData, filterUtilities } from '../utils';\nimport { Utils } from '../../helpers/utils';\n\nconst useStyles = makeStyles(theme => ({\n root: {\n paddingRight: theme.spacing(1),\n paddingLeft: theme.spacing(1),\n paddingTop: theme.spacing(1),\n paddingBottom: theme.spacing(1),\n marginRight: theme.spacing(1),\n marginLeft: theme.spacing(1),\n marginTop: theme.spacing(1),\n marginBottom: theme.spacing(1)\n },\n caseViewHeader: {\n backgroundColor: theme.palette.info.light,\n color: theme.palette.getContrastText(theme.palette.info.light),\n borderRadius: 'inherit'\n },\n caseViewIconBox: {\n backgroundColor: theme.palette.info.dark,\n width: theme.spacing(8),\n height: theme.spacing(8),\n padding: theme.spacing(1)\n },\n caseViewIconImage: {\n filter: 'var(--svg-color)'\n }\n}));\n\nexport default function SelfServiceCaseView(props) {\n const classes = useStyles();\n const CaseViewActionsMenu = getComponentFromMap('CaseViewActionsMenu');\n const CaseSummary = getComponentFromMap('CaseSummary');\n const {\n icon = '',\n getPConnect,\n header,\n subheader,\n showCaseLifecycle = true,\n showSummaryRegion = true,\n showUtilitiesRegion = true,\n showCaseActions = true,\n children,\n caseClass,\n caseInfo: { availableActions = [], availableProcesses = [], caseTypeID = '', caseTypeName = '' }\n } = props;\n const pConnect = getPConnect();\n const [bShowCaseLifecycle, bShowSummaryRegion, bShowUtilitiesRegion, bShowCaseActions] = [\n showCaseLifecycle,\n showSummaryRegion,\n showUtilitiesRegion,\n showCaseActions\n ].map((prop: boolean \| string) => prop === true \|\| prop === 'true');\n const isObjectType: boolean = (PCore.getCaseUtils() as any).isObjectCaseType(caseClass);\n const localeKey = pConnect?.getCaseLocaleReference();\n const svgCase = Utils.getImageSrc(icon, Utils.getSDKStaticConentUrl());\n const renderedRegions: any = isObjectType\n ? {\n caseSummary: children[0],\n utilities: filterUtilities(children[2])\n }\n : {\n caseSummary: children[0],\n stages: children[1],\n todo: children[2],\n utilities: filterUtilities(children[4])\n };\n const { primarySummaryFields, secondarySummaryFields } = prepareCaseSummaryData(\n renderedRegions.caseSummary,\n (config: any) => config?.availableInChannel?.selfService === true\n );\n\n const isUtilitiesRegionNotEmpty: () => boolean = () => {\n const utilitiesElement = renderedRegions.utilities;\n if (utilitiesElement?.props?.getPConnect()?.getChildren()?.length > 0) {\n return utilitiesElement.props\n .getPConnect()\n .getChildren()\n .some((prop: { getPConnect: () => any }) => prop.getPConnect().getConfigProps().visibility !== false);\n }\n return false;\n };\n\n return (\n <div>\n {bShowCaseActions && (\n <div style={{ display: 'flex', justifyContent: 'space-around', alignItems: 'center', margin: '10px' }}>\n <div>{PCore.getLocaleUtils().getLocaleValue(header, '', localeKey)}</div>\n <CaseViewActionsMenu\n getPConnect={getPConnect}\n availableActions={availableActions}\n availableProcesses={availableProcesses}\n caseTypeName={caseTypeName}\n caseTypeID={caseTypeID}\n />\n </div>\n )}\n <div>\n <Grid2 container>\n <Grid2 size={{ xs: 3 }}>\n {bShowSummaryRegion && (primarySummaryFields.length > 0 \|\| secondarySummaryFields.length > 0) && (\n <div>\n <Card className={classes.root}>\n <CardHeader\n className={classes.caseViewHeader}\n title={\n <Typography variant='h6' component='div' id='case-name'>\n {PCore.getLocaleUtils().getLocaleValue(header, '', localeKey)}\n </Typography>\n }\n subheader={\n <Typography variant='body1' component='div' id='caseId'>\n {subheader}\n </Typography>\n }\n avatar={\n <Avatar className={classes.caseViewIconBox} variant='square'>\n <img src={svgCase} className={classes.caseViewIconImage} />\n </Avatar>\n }\n />\n <Divider />\n <CaseSummary arPrimaryFields={primarySummaryFields} arSecondaryFields={secondarySummaryFields}></CaseSummary>\n <Divider />\n </Card>\n </div>\n )}\n </Grid2>\n\n <Grid2 size={{ xs: 6 }}>\n {bShowCaseLifecycle && renderedRegions.stages}\n {renderedRegions.todo}\n </Grid2>\n\n {bShowUtilitiesRegion && isUtilitiesRegionNotEmpty() && <Grid2 size={{ xs: 3 }}>{renderedRegions.utilities}</Grid2>}\n </Grid2>\n </div>\n </div>\n );\n}\n"]}

package/lib/components/template/WssNavBar/WssNavBar.js CHANGED Viewed

@@ -21,8 +21,8 @@ const useStyles = makeStyles(theme => ({
         marginRight: theme.spacing(2)
     },
     appListLogo: {
-        width: '3.6rem',
-        filter: 'var(--svg-color)'
+        maxWidth: '100%',
+        height: '3rem'
     },
     appName: {
         marginLeft: theme.spacing(2),
@@ -51,7 +51,7 @@ export default function WssNavBar(props) {
         setAnchorElUser(null);
     };
     const navLinksContent = (_jsx(Box, { id: 'nav-links', sx: { flexGrow: 1, display: { xs: 'none', md: 'flex' } }, style: { justifyContent: alignment }, children: navLinks.map(link => (_jsx(Button, { className: 'link-style', onClick: link.onClick, children: link.text }, link.text))) }));
-    return (_jsx("div", { id: 'NavBar', className: 'nav-bar', children: _jsx(AppBar, { position: 'static', color: 'primary', children: _jsxs(Container, { maxWidth: 'xl', children: [_jsxs(Toolbar, { disableGutters: true, style: { justifyContent: 'space-between' }, children: [_jsxs(Button, { id: 'appName', style: { textTransform: 'capitalize' }, onClick: appInfo.onClick, children: [_jsx("img", { src: appInfo.imageSrc, className: classes.appListLogo }), _jsx("span", { className: classes.appName, children: appInfo.appName })] }), _jsxs(Box, { sx: { flexGrow: 1, display: { xs: 'flex', md: 'none' } }, children: [_jsx(IconButton, { size: 'small', "aria-label": 'account of current user', "aria-controls": 'menu-appbar', "aria-haspopup": 'true', onClick: handleOpenNavMenu, color: 'inherit', children: _jsx(MenuIcon, {}) }), _jsx(Menu, { id: 'menu-appbar', anchorEl: anchorElNav, anchorOrigin: {
+    return (_jsx("div", { id: 'NavBar', className: 'nav-bar', children: _jsx(AppBar, { position: 'static', color: 'primary', children: _jsxs(Container, { maxWidth: false, children: [_jsxs(Toolbar, { disableGutters: true, style: { justifyContent: 'space-between' }, children: [_jsxs(Button, { id: 'appName', style: { textTransform: 'capitalize' }, onClick: appInfo.onClick, children: [_jsx("img", { src: appInfo.imageSrc, className: classes.appListLogo }), _jsx("span", { className: classes.appName, children: appInfo.appName })] }), _jsxs(Box, { sx: { flexGrow: 1, display: { xs: 'flex', md: 'none' } }, children: [_jsx(IconButton, { size: 'small', "aria-label": 'account of current user', "aria-controls": 'menu-appbar', "aria-haspopup": 'true', onClick: handleOpenNavMenu, color: 'inherit', children: _jsx(MenuIcon, {}) }), _jsx(Menu, { id: 'menu-appbar', anchorEl: anchorElNav, anchorOrigin: {
                                             vertical: 'bottom',
                                             horizontal: 'left'
                                         }, keepMounted: true, transformOrigin: {

package/lib/components/template/WssNavBar/WssNavBar.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"WssNavBar.js","sourceRoot":"","sources":["../../../../src/components/template/WssNavBar/WssNavBar.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,UAAU,MAAM,wBAAwB,CAAC;AAChD,OAAO,MAAM,MAAM,sBAAsB,CAAC;AAC1C,OAAO,GAAG,MAAM,mBAAmB,CAAC;AACpC,OAAO,OAAO,MAAM,uBAAuB,CAAC;AAC5C,OAAO,SAAS,MAAM,yBAAyB,CAAC;AAChD,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAC/E,OAAO,MAAM,MAAM,sBAAsB,CAAC;AAC1C,OAAO,QAAQ,MAAM,0BAA0B,CAAC;AAChD,OAAO,EAAE,MAAM,EAAE,MAAM,iCAAiC,CAAC;AAEzD,OAAO,iBAAiB,CAAC;AAgBzB,MAAM,SAAS,GAAG,UAAU,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;IACrC,IAAI,EAAE;QACJ,OAAO,EAAE,MAAM;KAChB;IACD,OAAO,EAAE;QACP,QAAQ,EAAE,CAAC;QACX,MAAM,EAAE,OAAO;QACf,UAAU,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;QAC5B,WAAW,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;KAC9B;IACD,WAAW,EAAE;QACX,~~KAAK~~,EAAE,~~QAAQ~~;~~QACf~~,MAAM,EAAE,~~kBAAkB~~;~~KAC3B~~;IACD,OAAO,EAAE;QACP,UAAU,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;QAC5B,WAAW,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;QAC7B,QAAQ,EAAE,QAAQ;KACnB;CACF,CAAC,CAAC,CAAC;AAEJ,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,KAAqB;IACrD,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,iBAAiB,EAAE,GAAG,KAAK,CAAC;IACjE,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,iBAAiB,CAAC;IAClD,MAAM,OAAO,GAAG,SAAS,EAAE,CAAC;IAE5B,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAqB,IAAI,CAAC,CAAC;IACzE,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAqB,IAAI,CAAC,CAAC;IAE3E,MAAM,YAAY,GAAG,KAAK,CAAC,cAAc,EAAE,CAAC,cAAc,CAAC;IAC3D,MAAM,cAAc,GAAG,UAAU,CAAC;IAElC,MAAM,iBAAiB,GAAG,CAAC,KAAoC,EAAE,EAAE;QACjE,cAAc,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC;IACtC,CAAC,CAAC;IACF,MAAM,kBAAkB,GAAG,CAAC,KAAoC,EAAE,EAAE;QAClE,eAAe,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC;IACvC,CAAC,CAAC;IAEF,MAAM,kBAAkB,GAAG,GAAG,EAAE;QAC9B,cAAc,CAAC,IAAI,CAAC,CAAC;IACvB,CAAC,CAAC;IAEF,MAAM,mBAAmB,GAAG,GAAG,EAAE;QAC/B,eAAe,CAAC,IAAI,CAAC,CAAC;IACxB,CAAC,CAAC;IAEF,MAAM,eAAe,GAAG,CACtB,KAAC,GAAG,IAAC,EAAE,EAAC,WAAW,EAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,cAAc,EAAE,SAAS,EAAE,YAC/G,QAAQ,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,CACpB,KAAC,MAAM,IAAC,SAAS,EAAC,YAAY,EAAiB,OAAO,EAAE,IAAI,CAAC,OAAO,YACjE,IAAI,CAAC,IAAI,IADwB,IAAI,CAAC,IAAI,CAEpC,CACV,CAAC,GACE,CACP,CAAC;IAEF,OAAO,CACL,cAAK,EAAE,EAAC,QAAQ,EAAC,SAAS,EAAC,SAAS,YAClC,KAAC,MAAM,IAAC,QAAQ,EAAC,QAAQ,EAAC,KAAK,EAAC,SAAS,YACvC,MAAC,SAAS,IAAC,QAAQ,~~EAAC~~,~~IAAI~~,~~aACtB~~,MAAC,OAAO,IAAC,cAAc,QAAC,KAAK,EAAE,EAAE,cAAc,EAAE,eAAe,EAAE,aAChE,MAAC,MAAM,IAAC,EAAE,EAAC,SAAS,EAAC,KAAK,EAAE,EAAE,aAAa,EAAE,YAAY,EAAE,EAAE,OAAO,EAAE,OAAO,CAAC,OAAO,aACnF,cAAK,GAAG,EAAE,OAAO,CAAC,QAAQ,EAAE,SAAS,EAAE,OAAO,CAAC,WAAW,GAAI,EAC9D,eAAM,SAAS,EAAE,OAAO,CAAC,OAAO,YAAG,OAAO,CAAC,OAAO,GAAQ,IACnD,EACT,MAAC,GAAG,IAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,aAC3D,KAAC,UAAU,IACT,IAAI,EAAC,OAAO,gBACD,yBAAyB,mBACtB,aAAa,mBACb,MAAM,EACpB,OAAO,EAAE,iBAAiB,EAC1B,KAAK,EAAC,SAAS,YAEf,KAAC,QAAQ,KAAG,GACD,EACb,KAAC,IAAI,IACH,EAAE,EAAC,aAAa,EAChB,QAAQ,EAAE,WAAW,EACrB,YAAY,EAAE;4CACZ,QAAQ,EAAE,QAAQ;4CAClB,UAAU,EAAE,MAAM;yCACnB,EACD,WAAW,QACX,eAAe,EAAE;4CACf,QAAQ,EAAE,KAAK;4CACf,UAAU,EAAE,MAAM;yCACnB,EACD,IAAI,EAAE,OAAO,CAAC,WAAW,CAAC,EAC1B,OAAO,EAAE,kBAAkB,YAE1B,QAAQ,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,CACpB,KAAC,QAAQ,IAAiB,OAAO,EAAE,IAAI,CAAC,OAAO,YAC7C,KAAC,UAAU,cAAE,IAAI,CAAC,IAAI,GAAc,IADvB,IAAI,CAAC,IAAI,CAEb,CACZ,CAAC,GACG,IACH,EAEL,QAAQ,KAAK,QAAQ,IAAI,4BAAG,eAAe,GAAI,EAEhD,MAAC,GAAG,IAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,CAAC,EAAE,aACtB,KAAC,UAAU,IAAC,OAAO,EAAE,kBAAkB,EAAE,IAAI,EAAC,OAAO,YACnD,KAAC,MAAM,cAAE,QAAQ,CAAC,mBAAmB,GAAU,GACpC,EACb,KAAC,IAAI,IACH,EAAE,EAAC,aAAa,EAChB,QAAQ,EAAE,YAAY,EACtB,YAAY,EAAE;4CACZ,QAAQ,EAAE,KAAK;4CACf,UAAU,EAAE,OAAO;yCACpB,EACD,WAAW,QACX,eAAe,EAAE;4CACf,QAAQ,EAAE,KAAK;4CACf,UAAU,EAAE,OAAO;yCACpB,EACD,IAAI,EAAE,OAAO,CAAC,YAAY,CAAC,EAC3B,OAAO,EAAE,mBAAmB,YAE5B,KAAC,QAAQ,IAAC,OAAO,EAAE,MAAM,YACvB,KAAC,UAAU,cAAE,YAAY,CAAC,SAAS,EAAE,cAAc,CAAC,GAAc,GACzD,GACN,IACH,IACE,EACT,QAAQ,KAAK,OAAO,IAAI,4BAAG,eAAe,GAAI,IACrC,GACL,GACL,CACP,CAAC;AACJ,CAAC","sourcesContent":["import React, { useState } from 'react';\nimport makeStyles from '@mui/styles/makeStyles';\nimport AppBar from '@mui/material/AppBar';\nimport Box from '@mui/material/Box';\nimport Toolbar from '@mui/material/Toolbar';\nimport Container from '@mui/material/Container';\nimport { IconButton, Menu, MenuItem, Typography, Button } from '@mui/material';\nimport Avatar from '@mui/material/Avatar';\nimport MenuIcon from '@mui/icons-material/Menu';\nimport { logout } from '@pega/auth/lib/sdk-auth-manager';\nimport type { PConnProps } from '../../../types/PConnProps';\nimport './WssNavBar.css';\n\ninterface WssNavBarProps extends PConnProps {\n // If any, enter additional props that only exist on this component\n appInfo: any;\n navLinks: any[];\n operator: { currentUserInitials: string };\n navDisplayOptions: { alignment: string; position: string };\n\n portalName: string;\n imageSrc: string;\n\n fullImageSrc: string;\n appName: any;\n}\n\nconst useStyles = makeStyles(theme => ({\n root: {\n display: 'flex'\n },\n content: {\n flexGrow: 1,\n height: '100vh',\n marginLeft: theme.spacing(2),\n marginRight: theme.spacing(2)\n },\n appListLogo: {\n ~~width~~: '~~3.6rem~~',\n ~~filter~~: '~~var(--svg-color)~~'\n },\n appName: {\n marginLeft: theme.spacing(2),\n marginRight: theme.spacing(4),\n fontSize: '1.5rem'\n }\n}));\n\nexport default function WssNavBar(props: WssNavBarProps) {\n const { appInfo, navLinks, operator, navDisplayOptions } = props;\n const { alignment, position } = navDisplayOptions;\n const classes = useStyles();\n\n const [anchorElNav, setAnchorElNav] = useState<null \| HTMLElement>(null);\n const [anchorElUser, setAnchorElUser] = useState<null \| HTMLElement>(null);\n\n const localizedVal = PCore.getLocaleUtils().getLocaleValue;\n const localeCategory = 'AppShell';\n\n const handleOpenNavMenu = (event: React.MouseEvent<HTMLElement>) => {\n setAnchorElNav(event.currentTarget);\n };\n const handleOpenUserMenu = (event: React.MouseEvent<HTMLElement>) => {\n setAnchorElUser(event.currentTarget);\n };\n\n const handleCloseNavMenu = () => {\n setAnchorElNav(null);\n };\n\n const handleCloseUserMenu = () => {\n setAnchorElUser(null);\n };\n\n const navLinksContent = (\n <Box id='nav-links' sx={{ flexGrow: 1, display: { xs: 'none', md: 'flex' } }} style={{ justifyContent: alignment }}>\n {navLinks.map(link => (\n <Button className='link-style' key={link.text} onClick={link.onClick}>\n {link.text}\n </Button>\n ))}\n </Box>\n );\n\n return (\n <div id='NavBar' className='nav-bar'>\n <AppBar position='static' color='primary'>\n <Container maxWidth=~~'xl'~~>\n <Toolbar disableGutters style={{ justifyContent: 'space-between' }}>\n <Button id='appName' style={{ textTransform: 'capitalize' }} onClick={appInfo.onClick}>\n <img src={appInfo.imageSrc} className={classes.appListLogo} />\n <span className={classes.appName}>{appInfo.appName}</span>\n </Button>\n <Box sx={{ flexGrow: 1, display: { xs: 'flex', md: 'none' } }}>\n <IconButton\n size='small'\n aria-label='account of current user'\n aria-controls='menu-appbar'\n aria-haspopup='true'\n onClick={handleOpenNavMenu}\n color='inherit'\n >\n <MenuIcon />\n </IconButton>\n <Menu\n id='menu-appbar'\n anchorEl={anchorElNav}\n anchorOrigin={{\n vertical: 'bottom',\n horizontal: 'left'\n }}\n keepMounted\n transformOrigin={{\n vertical: 'top',\n horizontal: 'left'\n }}\n open={Boolean(anchorElNav)}\n onClose={handleCloseNavMenu}\n >\n {navLinks.map(link => (\n <MenuItem key={link.text} onClick={link.onClick}>\n <Typography>{link.text}</Typography>\n </MenuItem>\n ))}\n </Menu>\n </Box>\n\n {position === 'inline' && <>{navLinksContent}</>}\n\n <Box sx={{ flexGrow: 0 }}>\n <IconButton onClick={handleOpenUserMenu} size='large'>\n <Avatar>{operator.currentUserInitials}</Avatar>\n </IconButton>\n <Menu\n id='menu-appbar'\n anchorEl={anchorElUser}\n anchorOrigin={{\n vertical: 'top',\n horizontal: 'right'\n }}\n keepMounted\n transformOrigin={{\n vertical: 'top',\n horizontal: 'right'\n }}\n open={Boolean(anchorElUser)}\n onClose={handleCloseUserMenu}\n >\n <MenuItem onClick={logout}>\n <Typography>{localizedVal('Log off', localeCategory)}</Typography>\n </MenuItem>\n </Menu>\n </Box>\n </Toolbar>\n {position === 'below' && <>{navLinksContent}</>}\n </Container>\n </AppBar>\n </div>\n );\n}\n"]}
1	+ {"version":3,"file":"WssNavBar.js","sourceRoot":"","sources":["../../../../src/components/template/WssNavBar/WssNavBar.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useState } from 'react';\nimport makeStyles from '@mui/styles/makeStyles';\nimport AppBar from '@mui/material/AppBar';\nimport Box from '@mui/material/Box';\nimport Toolbar from '@mui/material/Toolbar';\nimport Container from '@mui/material/Container';\nimport { IconButton, Menu, MenuItem, Typography, Button } from '@mui/material';\nimport Avatar from '@mui/material/Avatar';\nimport MenuIcon from '@mui/icons-material/Menu';\nimport { logout } from '@pega/auth/lib/sdk-auth-manager';\nimport type { PConnProps } from '../../../types/PConnProps';\nimport './WssNavBar.css';\n\ninterface WssNavBarProps extends PConnProps {\n // If any, enter additional props that only exist on this component\n appInfo: any;\n navLinks: any[];\n operator: { currentUserInitials: string };\n navDisplayOptions: { alignment: string; position: string };\n\n portalName: string;\n imageSrc: string;\n\n fullImageSrc: string;\n appName: any;\n}\n\nconst useStyles = makeStyles(theme => ({\n root: {\n display: 'flex'\n },\n content: {\n flexGrow: 1,\n height: '100vh',\n marginLeft: theme.spacing(2),\n marginRight: theme.spacing(2)\n },\n appListLogo: {\n maxWidth: '100%',\n height: '3rem'\n },\n appName: {\n marginLeft: theme.spacing(2),\n marginRight: theme.spacing(4),\n fontSize: '1.5rem'\n }\n}));\n\nexport default function WssNavBar(props: WssNavBarProps) {\n const { appInfo, navLinks, operator, navDisplayOptions } = props;\n const { alignment, position } = navDisplayOptions;\n const classes = useStyles();\n\n const [anchorElNav, setAnchorElNav] = useState<null \| HTMLElement>(null);\n const [anchorElUser, setAnchorElUser] = useState<null \| HTMLElement>(null);\n\n const localizedVal = PCore.getLocaleUtils().getLocaleValue;\n const localeCategory = 'AppShell';\n\n const handleOpenNavMenu = (event: React.MouseEvent<HTMLElement>) => {\n setAnchorElNav(event.currentTarget);\n };\n const handleOpenUserMenu = (event: React.MouseEvent<HTMLElement>) => {\n setAnchorElUser(event.currentTarget);\n };\n\n const handleCloseNavMenu = () => {\n setAnchorElNav(null);\n };\n\n const handleCloseUserMenu = () => {\n setAnchorElUser(null);\n };\n\n const navLinksContent = (\n <Box id='nav-links' sx={{ flexGrow: 1, display: { xs: 'none', md: 'flex' } }} style={{ justifyContent: alignment }}>\n {navLinks.map(link => (\n <Button className='link-style' key={link.text} onClick={link.onClick}>\n {link.text}\n </Button>\n ))}\n </Box>\n );\n\n return (\n <div id='NavBar' className='nav-bar'>\n <AppBar position='static' color='primary'>\n <Container maxWidth={false}>\n <Toolbar disableGutters style={{ justifyContent: 'space-between' }}>\n <Button id='appName' style={{ textTransform: 'capitalize' }} onClick={appInfo.onClick}>\n <img src={appInfo.imageSrc} className={classes.appListLogo} />\n <span className={classes.appName}>{appInfo.appName}</span>\n </Button>\n <Box sx={{ flexGrow: 1, display: { xs: 'flex', md: 'none' } }}>\n <IconButton\n size='small'\n aria-label='account of current user'\n aria-controls='menu-appbar'\n aria-haspopup='true'\n onClick={handleOpenNavMenu}\n color='inherit'\n >\n <MenuIcon />\n </IconButton>\n <Menu\n id='menu-appbar'\n anchorEl={anchorElNav}\n anchorOrigin={{\n vertical: 'bottom',\n horizontal: 'left'\n }}\n keepMounted\n transformOrigin={{\n vertical: 'top',\n horizontal: 'left'\n }}\n open={Boolean(anchorElNav)}\n onClose={handleCloseNavMenu}\n >\n {navLinks.map(link => (\n <MenuItem key={link.text} onClick={link.onClick}>\n <Typography>{link.text}</Typography>\n </MenuItem>\n ))}\n </Menu>\n </Box>\n\n {position === 'inline' && <>{navLinksContent}</>}\n\n <Box sx={{ flexGrow: 0 }}>\n <IconButton onClick={handleOpenUserMenu} size='large'>\n <Avatar>{operator.currentUserInitials}</Avatar>\n </IconButton>\n <Menu\n id='menu-appbar'\n anchorEl={anchorElUser}\n anchorOrigin={{\n vertical: 'top',\n horizontal: 'right'\n }}\n keepMounted\n transformOrigin={{\n vertical: 'top',\n horizontal: 'right'\n }}\n open={Boolean(anchorElUser)}\n onClose={handleCloseUserMenu}\n >\n <MenuItem onClick={logout}>\n <Typography>{localizedVal('Log off', localeCategory)}</Typography>\n </MenuItem>\n </Menu>\n </Box>\n </Toolbar>\n {position === 'below' && <>{navLinksContent}</>}\n </Container>\n </AppBar>\n </div>\n );\n}\n"]}

package/lib/components/template/utils.d.ts ADDED Viewed

@@ -0,0 +1,7 @@
+import type { ReactNode } from 'react';
+export declare function prepareCaseSummaryData(caseSummaryRegion: any, portalSpecificVisibilityChecker?: any): {
+    primarySummaryFields: any;
+    secondarySummaryFields: any;
+};
+export declare const filterUtilities: (utils: ReactNode) => any;
+//# sourceMappingURL=utils.d.ts.map

package/lib/components/template/utils.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/components/template/utils.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,wBAAgB,sBAAsB,CAAC,iBAAiB,KAAA,EAAE,+BAA+B,CAAC,KAAA;;;EAuCzF;AAED,eAAO,MAAM,eAAe,GAAI,OAAO,SAAS,QAa/C,CAAC"}

package/lib/components/template/utils.js ADDED Viewed

@@ -0,0 +1,52 @@
+import { isValidElement } from 'react';
+export function prepareCaseSummaryData(caseSummaryRegion, portalSpecificVisibilityChecker) {
+    const filterVisibleChildren = children => {
+        return children
+            ?.getPConnect()
+            ?.getChildren()
+            ?.filter(child => {
+            const configProps = child.getPConnect().getConfigProps();
+            const defaultVisibilityCn = !('visibility' in configProps) || configProps.visibility === true;
+            return defaultVisibilityCn && (portalSpecificVisibilityChecker?.(configProps) ?? true);
+        });
+    };
+    const convertChildrenToSummaryData = children => {
+        return children?.map(childItem => {
+            const childPConnData = childItem.getPConnect().resolveConfigProps(childItem.getPConnect().getRawMetadata());
+            return childPConnData;
+        });
+    };
+    const summaryFieldChildren = caseSummaryRegion.props
+        .getPConnect()
+        .getChildren()[0]
+        ?.getPConnect()
+        ?.getReferencedViewPConnect()
+        ?.getPConnect()
+        ?.getChildren();
+    const primarySummaryFields = summaryFieldChildren && summaryFieldChildren.length > 0
+        ? convertChildrenToSummaryData(filterVisibleChildren(summaryFieldChildren[0]))
+        : undefined;
+    const secondarySummaryFields = summaryFieldChildren && summaryFieldChildren.length > 1
+        ? convertChildrenToSummaryData(filterVisibleChildren(summaryFieldChildren[1]))
+        : undefined;
+    return {
+        primarySummaryFields,
+        secondarySummaryFields
+    };
+}
+export const filterUtilities = (utils) => {
+    let utilsMeta;
+    if (isValidElement(utils)) {
+        const pConnect = utils.props.getPConnect();
+        utilsMeta = pConnect.getRawMetadata?.();
+        if (!utilsMeta?.children?.length)
+            return;
+        utilsMeta = {
+            ...utilsMeta,
+            children: utilsMeta.children.filter((child) => child.config?.availableInChannel?.selfService === true)
+        };
+        return utilsMeta.children?.length ? pConnect.createComponent(utilsMeta) : undefined;
+    }
+    return utilsMeta;
+};
+//# sourceMappingURL=utils.js.map

package/lib/components/template/utils.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/components/template/utils.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,UAAU,sBAAsB,CAAC,iBAAiB,EAAE,+BAAgC;IACxF,MAAM,qBAAqB,GAAG,QAAQ,CAAC,EAAE;QACvC,OAAO,QAAQ;YACb,EAAE,WAAW,EAAE;YACf,EAAE,WAAW,EAAE;YACf,EAAE,MAAM,CAAC,KAAK,CAAC,EAAE;YACf,MAAM,WAAW,GAAG,KAAK,CAAC,WAAW,EAAE,CAAC,cAAc,EAAE,CAAC;YACzD,MAAM,mBAAmB,GAAG,CAAC,CAAC,YAAY,IAAI,WAAW,CAAC,IAAI,WAAW,CAAC,UAAU,KAAK,IAAI,CAAC;YAC9F,OAAO,mBAAmB,IAAI,CAAC,+BAA+B,EAAE,CAAC,WAAW,CAAC,IAAI,IAAI,CAAC,CAAC;QACzF,CAAC,CAAC,CAAC;IACP,CAAC,CAAC;IACF,MAAM,4BAA4B,GAAG,QAAQ,CAAC,EAAE;QAC9C,OAAO,QAAQ,EAAE,GAAG,CAAC,SAAS,CAAC,EAAE;YAC/B,MAAM,cAAc,GAAG,SAAS,CAAC,WAAW,EAAE,CAAC,kBAAkB,CAAC,SAAS,CAAC,WAAW,EAAE,CAAC,cAAc,EAAE,CAAC,CAAC;YAC5G,OAAO,cAAc,CAAC;QACxB,CAAC,CAAC,CAAC;IACL,CAAC,CAAC;IAEF,MAAM,oBAAoB,GAAG,iBAAiB,CAAC,KAAK;SACjD,WAAW,EAAE;SACb,WAAW,EAAE,CAAC,CAAC,CAAC;QACjB,EAAE,WAAW,EAAE;QACf,EAAE,yBAAyB,EAAE;QAC7B,EAAE,WAAW,EAAE;QACf,EAAE,WAAW,EAAE,CAAC;IAElB,MAAM,oBAAoB,GACxB,oBAAoB,IAAI,oBAAoB,CAAC,MAAM,GAAG,CAAC;QACrD,CAAC,CAAC,4BAA4B,CAAC,qBAAqB,CAAC,oBAAoB,CAAC,CAAC,CAAC,CAAC,CAAC;QAC9E,CAAC,CAAC,SAAS,CAAC;IAChB,MAAM,sBAAsB,GAC1B,oBAAoB,IAAI,oBAAoB,CAAC,MAAM,GAAG,CAAC;QACrD,CAAC,CAAC,4BAA4B,CAAC,qBAAqB,CAAC,oBAAoB,CAAC,CAAC,CAAC,CAAC,CAAC;QAC9E,CAAC,CAAC,SAAS,CAAC;IAEhB,OAAO;QACL,oBAAoB;QACpB,sBAAsB;KACvB,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,KAAgB,EAAE,EAAE;IAClD,IAAI,SAAS,CAAC;IACd,IAAI,cAAc,CAAC,KAAK,CAAC,EAAE,CAAC;QAC1B,MAAM,QAAQ,GAAG,KAAK,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC;QAC3C,SAAS,GAAG,QAAQ,CAAC,cAAc,EAAE,EAAE,CAAC;QACxC,IAAI,CAAC,SAAS,EAAE,QAAQ,EAAE,MAAM;YAAE,OAAO;QACzC,SAAS,GAAG;YACV,GAAG,SAAS;YACZ,QAAQ,EAAE,SAAS,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,KAAU,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,EAAE,kBAAkB,EAAE,WAAW,KAAK,IAAI,CAAC;SAC5G,CAAC;QACF,OAAO,SAAS,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,eAAe,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;IACtF,CAAC;IACD,OAAO,SAAS,CAAC;AACnB,CAAC,CAAC","sourcesContent":["import type { ReactNode } from 'react';\nimport { isValidElement } from 'react';\n\nexport function prepareCaseSummaryData(caseSummaryRegion, portalSpecificVisibilityChecker?) {\n const filterVisibleChildren = children => {\n return children\n ?.getPConnect()\n ?.getChildren()\n ?.filter(child => {\n const configProps = child.getPConnect().getConfigProps();\n const defaultVisibilityCn = !('visibility' in configProps) || configProps.visibility === true;\n return defaultVisibilityCn && (portalSpecificVisibilityChecker?.(configProps) ?? true);\n });\n };\n const convertChildrenToSummaryData = children => {\n return children?.map(childItem => {\n const childPConnData = childItem.getPConnect().resolveConfigProps(childItem.getPConnect().getRawMetadata());\n return childPConnData;\n });\n };\n\n const summaryFieldChildren = caseSummaryRegion.props\n .getPConnect()\n .getChildren()[0]\n ?.getPConnect()\n ?.getReferencedViewPConnect()\n ?.getPConnect()\n ?.getChildren();\n\n const primarySummaryFields =\n summaryFieldChildren && summaryFieldChildren.length > 0\n ? convertChildrenToSummaryData(filterVisibleChildren(summaryFieldChildren[0]))\n : undefined;\n const secondarySummaryFields =\n summaryFieldChildren && summaryFieldChildren.length > 1\n ? convertChildrenToSummaryData(filterVisibleChildren(summaryFieldChildren[1]))\n : undefined;\n\n return {\n primarySummaryFields,\n secondarySummaryFields\n };\n}\n\nexport const filterUtilities = (utils: ReactNode) => {\n let utilsMeta;\n if (isValidElement(utils)) {\n const pConnect = utils.props.getPConnect();\n utilsMeta = pConnect.getRawMetadata?.();\n if (!utilsMeta?.children?.length) return;\n utilsMeta = {\n ...utilsMeta,\n children: utilsMeta.children.filter((child: any) => child.config?.availableInChannel?.selfService === true)\n };\n return utilsMeta.children?.length ? pConnect.createComponent(utilsMeta) : undefined;\n }\n return utilsMeta;\n};\n"]}

package/lib/components/widget/ToDo/ToDo.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ToDo.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/ToDo/ToDo.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAE5D,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;~~AAmDD~~,MAAM,CAAC,OAAO,UAAU,IAAI,CAAC,KAAK,EAAE,SAAS,2CAsR5C"}
1	+ {"version":3,"file":"ToDo.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/ToDo/ToDo.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAE5D,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;AA+CD,MAAM,CAAC,OAAO,UAAU,IAAI,CAAC,KAAK,EAAE,SAAS,2CAsR5C"}

package/lib/components/widget/ToDo/ToDo.js CHANGED Viewed

@@ -50,19 +50,15 @@ function getID(assignment) {
 }
 const useStyles = makeStyles(theme => ({
     root: {
-        marginTop: theme.spacing(1),
         marginBottom: theme.spacing(1),
         paddingBottom: theme.spacing(1),
-        borderLeft: '6px solid',
-        borderLeftColor: theme.palette.primary.light
+        borderRadius: 16
     },
     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)
     },

package/lib/components/widget/ToDo/ToDo.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ToDo.js","sourceRoot":"","sources":["../../../../src/components/widget/ToDo/ToDo.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useCallback, useEffect, useState } from 'react';\nimport { Box, Button, Card, CardContent, CardHeader, Avatar, Typography, Badge, List, ListItem, ListItemText } from '@mui/material';\nimport Snackbar from '@mui/material/Snackbar';\nimport IconButton from '@mui/material/IconButton';\nimport CloseIcon from '@mui/icons-material/Close';\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 '../../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 marginTop: theme.spacing(1),\n marginBottom: theme.spacing(1),\n paddingBottom: theme.spacing(1),\n borderLeft: '6px solid',\n borderLeftColor: theme.palette.primary.light\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}));\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 [bShowMore, setBShowMore] = useState(true);\n const [showSnackbar, setShowSnackbar] = useState(false);\n const [snackbarMessage, setSnackbarMessage]: any = useState('');\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 showlessLocalizedValue = localizedVal('show_less', 'CosmosFields');\n const showMoreLocalizedValue = localizedVal('show_more', 'CosmosFields');\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\n console.error(theMessage);\n setSnackbarMessage(message);\n setShowSnackbar(true);\n }\n\n function handleSnackbarClose(event: React.SyntheticEvent<any> \| Event, reason?: string) {\n if (reason === 'clickaway') {\n return;\n }\n setShowSnackbar(false);\n }\n\n function _showMore() {\n setBShowMore(false);\n if (type === CONSTS.WORKLIST && count && count > assignments.length && !assignmentsSource) {\n fetchMyWorkList(myWorkList.datapage, getPConnect().getComponentConfig()?.myWorkList.fields, count, false, context).then(response => {\n setAssignments(response.data);\n });\n } else {\n setAssignments(assignmentsSource);\n }\n }\n\n function _showLess() {\n setBShowMore(true);\n setAssignments(assignments => assignments.slice(0, 3));\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}   </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 && (\n <Card className={classes.root}>\n {showTodoList && (\n <CardHeader\n title={\n <Badge badgeContent={getCount()} overlap='rectangular' color='primary'>\n <Typography variant='h6'>{headerText}   </Typography>\n </Badge>\n }\n avatar={<Avatar className={classes.avatar}>{currentUserInitials}</Avatar>}\n />\n )}\n <CardContent>\n <List>\n {assignments.map(assignment => (\n <ListItem\n key={getAssignmentId(assignment)}\n dense\n divider\n onClick={() => clickGo(assignment)}\n secondaryAction={\n <IconButton onClick={() => clickGo(assignment)} size='large'>\n <ArrowForwardIosOutlinedIcon />\n </IconButton>\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 {getCount() > 3 && (\n <Box display='flex' justifyContent='center'>\n {bShowMore ? (\n <Button color='primary' onClick={_showMore}>\n {showMoreLocalizedValue === 'show_more' ? 'Show more' : showMoreLocalizedValue}\n </Button>\n ) : (\n <Button onClick={_showLess}>{showlessLocalizedValue === 'show_less' ? 'Show less' : showlessLocalizedValue}</Button>\n )}\n </Box>\n )}\n\n <Snackbar\n open={showSnackbar}\n autoHideDuration={3000}\n onClose={handleSnackbarClose}\n message={snackbarMessage}\n action={\n <IconButton size='small' aria-label='close' color='inherit' onClick={handleSnackbarClose}>\n <CloseIcon fontSize='small' />\n </IconButton>\n }\n />\n </>\n );\n}\n"]}
1	+ {"version":3,"file":"ToDo.js","sourceRoot":"","sources":["../../../../src/components/widget/ToDo/ToDo.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useCallback, useEffect, useState } from 'react';\nimport { Box, Button, Card, CardContent, CardHeader, Avatar, Typography, Badge, List, ListItem, ListItemText } from '@mui/material';\nimport Snackbar from '@mui/material/Snackbar';\nimport IconButton from '@mui/material/IconButton';\nimport CloseIcon from '@mui/icons-material/Close';\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 '../../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(1),\n paddingBottom: theme.spacing(1),\n borderRadius: 16\n },\n avatar: {\n backgroundColor: theme.palette.primary.light,\n color: theme.palette.getContrastText(theme.palette.primary.light)\n },\n todoWrapper: {\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}));\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 [bShowMore, setBShowMore] = useState(true);\n const [showSnackbar, setShowSnackbar] = useState(false);\n const [snackbarMessage, setSnackbarMessage]: any = useState('');\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 showlessLocalizedValue = localizedVal('show_less', 'CosmosFields');\n const showMoreLocalizedValue = localizedVal('show_more', 'CosmosFields');\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\n console.error(theMessage);\n setSnackbarMessage(message);\n setShowSnackbar(true);\n }\n\n function handleSnackbarClose(event: React.SyntheticEvent<any> \| Event, reason?: string) {\n if (reason === 'clickaway') {\n return;\n }\n setShowSnackbar(false);\n }\n\n function _showMore() {\n setBShowMore(false);\n if (type === CONSTS.WORKLIST && count && count > assignments.length && !assignmentsSource) {\n fetchMyWorkList(myWorkList.datapage, getPConnect().getComponentConfig()?.myWorkList.fields, count, false, context).then(response => {\n setAssignments(response.data);\n });\n } else {\n setAssignments(assignmentsSource);\n }\n }\n\n function _showLess() {\n setBShowMore(true);\n setAssignments(assignments => assignments.slice(0, 3));\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}   </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 && (\n <Card className={classes.root}>\n {showTodoList && (\n <CardHeader\n title={\n <Badge badgeContent={getCount()} overlap='rectangular' color='primary'>\n <Typography variant='h6'>{headerText}   </Typography>\n </Badge>\n }\n avatar={<Avatar className={classes.avatar}>{currentUserInitials}</Avatar>}\n />\n )}\n <CardContent>\n <List>\n {assignments.map(assignment => (\n <ListItem\n key={getAssignmentId(assignment)}\n dense\n divider\n onClick={() => clickGo(assignment)}\n secondaryAction={\n <IconButton onClick={() => clickGo(assignment)} size='large'>\n <ArrowForwardIosOutlinedIcon />\n </IconButton>\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 {getCount() > 3 && (\n <Box display='flex' justifyContent='center'>\n {bShowMore ? (\n <Button color='primary' onClick={_showMore}>\n {showMoreLocalizedValue === 'show_more' ? 'Show more' : showMoreLocalizedValue}\n </Button>\n ) : (\n <Button onClick={_showLess}>{showlessLocalizedValue === 'show_less' ? 'Show less' : showlessLocalizedValue}</Button>\n )}\n </Box>\n )}\n\n <Snackbar\n open={showSnackbar}\n autoHideDuration={3000}\n onClose={handleSnackbarClose}\n message={snackbarMessage}\n action={\n <IconButton size='small' aria-label='close' color='inherit' onClick={handleSnackbarClose}>\n <CloseIcon fontSize='small' />\n </IconButton>\n }\n />\n </>\n );\n}\n"]}

package/lib/samples/Embedded/styles.css ADDED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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"}
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,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 CHANGED Viewed

@@ -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