@pega/react-sdk-components 24.2.11 → 25.1.10

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

@@ -1 +1 @@
-{"version":3,"file":"versionHelpers.js","sourceRoot":"","sources":["../../../src/components/helpers/versionHelpers.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,MAAM,CAAC,MAAM,UAAU,GAAG,KAAK,CAAC;AAEhC,MAAM,UAAU,uBAAuB;IACrC,2DAA2D;IAE3D,sCAAsC;IACtC,OAAO,CAAC,IAAI,CAAC,+BAA+B,KAAK,CAAC,eAAe,EAAE,4DAA4D,CAAC,CAAC;AACnI,CAAC","sourcesContent":["/**\n * versionHelpers.ts\n *\n * Container helper functions that can identify which version of\n * PCore/PConnect is being run\n */\n\nexport const sdkVersion = '8.7';\n\nexport function compareSdkPCoreVersions() {\n  // const theConstellationVersion = PCore.getPCoreVersion();\n\n  // eslint-disable-next-line no-console\n  console.warn(`Using Constellation version ${PCore.getPCoreVersion()}. Ensure this is the same version as your Infinity server.`);\n}\n"]}
+{"version":3,"file":"versionHelpers.js","sourceRoot":"","sources":["../../../src/components/helpers/versionHelpers.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,MAAM,CAAC,MAAM,UAAU,GAAG,KAAK,CAAC;AAEhC,MAAM,UAAU,uBAAuB;IACrC,2DAA2D;IAE3D,OAAO,CAAC,IAAI,CAAC,+BAA+B,KAAK,CAAC,eAAe,EAAE,4DAA4D,CAAC,CAAC;AACnI,CAAC","sourcesContent":["/**\n * versionHelpers.ts\n *\n * Container helper functions that can identify which version of\n * PCore/PConnect is being run\n */\n\nexport const sdkVersion = '8.7';\n\nexport function compareSdkPCoreVersions() {\n  // const theConstellationVersion = PCore.getPCoreVersion();\n\n  console.warn(`Using Constellation version ${PCore.getPCoreVersion()}. Ensure this is the same version as your Infinity server.`);\n}\n"]}

package/lib/components/infra/ActionButtons/ActionButtons.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ActionButtons.d.ts","sourceRoot":"","sources":["../../../../src/components/infra/ActionButtons/ActionButtons.tsx"],"names":[],"mappings":"AAKA,UAAU,kBAAkB;IAE1B,aAAa,CAAC,EAAE,GAAG,EAAE,CAAC;IACtB,kBAAkB,CAAC,EAAE,GAAG,EAAE,CAAC;IAC3B,aAAa,EAAE,GAAG,CAAC;CACpB;AAYD,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,KAAK,EAAE,kBAAkB,2CAmD9D"}
+{"version":3,"file":"ActionButtons.d.ts","sourceRoot":"","sources":["../../../../src/components/infra/ActionButtons/ActionButtons.tsx"],"names":[],"mappings":"AAKA,UAAU,kBAAkB;IAE1B,aAAa,CAAC,EAAE,GAAG,EAAE,CAAC;IACtB,kBAAkB,CAAC,EAAE,GAAG,EAAE,CAAC;IAC3B,aAAa,EAAE,GAAG,CAAC;CACpB;AAiBD,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,KAAK,EAAE,kBAAkB,2CAqD9D"}

package/lib/components/infra/ActionButtons/ActionButtons.js

@@ -1,14 +1,19 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import makeStyles from '@mui/styles/makeStyles';
 import Button from '@mui/material/Button';
-import { Grid, Divider } from '@mui/material';
-const useStyles = makeStyles(( /* theme */) => ({
-    button: {
-        padding: '0px 5px'
-    },
+import { Grid2, Divider } from '@mui/material';
+const useStyles = makeStyles(theme => ({
     divider: {
         marginTop: '10px',
         marginBottom: '10px'
+    },
+    secondaryButton: {
+        backgroundColor: theme.actionButtons.secondary.backgroundColor,
+        color: theme.actionButtons.secondary.color
+    },
+    primaryButton: {
+        backgroundColor: theme.actionButtons.primary.backgroundColor,
+        color: theme.actionButtons.primary.color
     }
 }));
 export default function ActionButtons(props) {
@@ -19,9 +24,9 @@ export default function ActionButtons(props) {
     function _onButtonPress(sAction, sButtonType) {
         onButtonPress(sAction, sButtonType);
     }
-    return (_jsxs(_Fragment, { children: [_jsx(Divider, { className: classes.divider }), _jsxs(Grid, { container: true, spacing: 4, justifyContent: 'space-between', children: [_jsx(Grid, { item: true, children: _jsx(Grid, { container: true, spacing: 1, children: arSecondaryButtons.map(sButton => (_jsx(Grid, { item: true, children: _jsx(Button, { variant: 'contained', color: 'secondary', onClick: () => {
+    return (_jsxs(_Fragment, { children: [_jsx(Divider, { className: classes.divider }), _jsxs(Grid2, { container: true, spacing: 4, justifyContent: 'space-between', children: [_jsx(Grid2, { children: _jsx(Grid2, { container: true, spacing: 1, children: arSecondaryButtons.map(sButton => (_jsx(Grid2, { children: _jsx(Button, { className: classes.secondaryButton, color: 'secondary', variant: 'contained', onClick: () => {
                                         _onButtonPress(sButton.jsAction, 'secondary');
-                                    }, children: localizedVal(sButton.name, localeCategory) }) }, sButton.name))) }) }), _jsx(Grid, { item: true, children: _jsx(Grid, { container: true, spacing: 1, children: arMainButtons.map(mButton => (_jsx(Grid, { item: true, children: _jsx(Button, { variant: 'contained', color: 'primary', onClick: () => {
+                                    }, children: localizedVal(sButton.name, localeCategory) }) }, sButton.name))) }) }), _jsx(Grid2, { children: _jsx(Grid2, { container: true, spacing: 1, children: arMainButtons.map(mButton => (_jsx(Grid2, { children: _jsx(Button, { className: classes.primaryButton, color: 'primary', variant: 'contained', onClick: () => {
                                         _onButtonPress(mButton.jsAction, 'primary');
                                     }, children: localizedVal(mButton.name, localeCategory) }) }, mButton.name))) }) })] })] }));
 }

package/lib/components/infra/ActionButtons/ActionButtons.js.map

@@ -1 +1 @@
-{"version":3,"file":"ActionButtons.js","sourceRoot":"","sources":["../../../../src/components/infra/ActionButtons/ActionButtons.tsx"],"names":[],"mappings":";AAAA,OAAO,UAAU,MAAM,wBAAwB,CAAC;AAChD,OAAO,MAAM,MAAM,sBAAsB,CAAC;AAC1C,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAU9C,MAAM,SAAS,GAAG,UAAU,CAAC,EAAC,WAAW,EAAE,EAAE,CAAC,CAAC;IAC7C,MAAM,EAAE;QACN,OAAO,EAAE,SAAS;KACnB;IACD,OAAO,EAAE;QACP,SAAS,EAAE,MAAM;QACjB,YAAY,EAAE,MAAM;KACrB;CACF,CAAC,CAAC,CAAC;AAEJ,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,KAAyB;IAC7D,MAAM,EAAE,aAAa,GAAG,EAAE,EAAE,kBAAkB,GAAG,EAAE,EAAE,aAAa,EAAE,GAAG,KAAK,CAAC;IAC7E,MAAM,OAAO,GAAG,SAAS,EAAE,CAAC;IAC5B,MAAM,YAAY,GAAG,KAAK,CAAC,cAAc,EAAE,CAAC,cAAc,CAAC;IAC3D,MAAM,cAAc,GAAG,YAAY,CAAC;IAEpC,SAAS,cAAc,CAAC,OAAe,EAAE,WAAmB;QAC1D,aAAa,CAAC,OAAO,EAAE,WAAW,CAAC,CAAC;IACtC,CAAC;IAED,OAAO,CACL,8BACE,KAAC,OAAO,IAAC,SAAS,EAAE,OAAO,CAAC,OAAO,GAAI,EACvC,MAAC,IAAI,IAAC,SAAS,QAAC,OAAO,EAAE,CAAC,EAAE,cAAc,EAAC,eAAe,aACxD,KAAC,IAAI,IAAC,IAAI,kBACR,KAAC,IAAI,IAAC,SAAS,QAAC,OAAO,EAAE,CAAC,YACvB,kBAAkB,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE,CAAC,CACjC,KAAC,IAAI,IAAC,IAAI,kBACR,KAAC,MAAM,IACL,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,WAAW,EACjB,OAAO,EAAE,GAAG,EAAE;wCACZ,cAAc,CAAC,OAAO,CAAC,QAAQ,EAAE,WAAW,CAAC,CAAC;oCAChD,CAAC,YAEA,YAAY,CAAC,OAAO,CAAC,IAAI,EAAE,cAAc,CAAC,GACpC,IATK,OAAO,CAAC,IAAI,CAUrB,CACR,CAAC,GACG,GACF,EACP,KAAC,IAAI,IAAC,IAAI,kBACR,KAAC,IAAI,IAAC,SAAS,QAAC,OAAO,EAAE,CAAC,YACvB,aAAa,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE,CAAC,CAC5B,KAAC,IAAI,IAAC,IAAI,kBACR,KAAC,MAAM,IACL,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,SAAS,EACf,OAAO,EAAE,GAAG,EAAE;wCACZ,cAAc,CAAC,OAAO,CAAC,QAAQ,EAAE,SAAS,CAAC,CAAC;oCAC9C,CAAC,YAEA,YAAY,CAAC,OAAO,CAAC,IAAI,EAAE,cAAc,CAAC,GACpC,IATK,OAAO,CAAC,IAAI,CAUrB,CACR,CAAC,GACG,GACF,IACF,IACN,CACJ,CAAC;AACJ,CAAC","sourcesContent":["import makeStyles from '@mui/styles/makeStyles';\nimport Button from '@mui/material/Button';\nimport { Grid, Divider } from '@mui/material';\n\n// ActionButtons does NOT have getPConnect. So, no need to extend from PConnProps\ninterface ActionButtonsProps {\n  // If any, enter additional props that only exist on this component\n  arMainButtons?: any[];\n  arSecondaryButtons?: any[];\n  onButtonPress: any;\n}\n\nconst useStyles = makeStyles((/* theme */) => ({\n  button: {\n    padding: '0px 5px'\n  },\n  divider: {\n    marginTop: '10px',\n    marginBottom: '10px'\n  }\n}));\n\nexport default function ActionButtons(props: ActionButtonsProps) {\n  const { arMainButtons = [], arSecondaryButtons = [], onButtonPress } = props;\n  const classes = useStyles();\n  const localizedVal = PCore.getLocaleUtils().getLocaleValue;\n  const localeCategory = 'Assignment';\n\n  function _onButtonPress(sAction: string, sButtonType: string) {\n    onButtonPress(sAction, sButtonType);\n  }\n\n  return (\n    <>\n      <Divider className={classes.divider} />\n      <Grid container spacing={4} justifyContent='space-between'>\n        <Grid item>\n          <Grid container spacing={1}>\n            {arSecondaryButtons.map(sButton => (\n              <Grid item key={sButton.name}>\n                <Button\n                  variant='contained'\n                  color='secondary'\n                  onClick={() => {\n                    _onButtonPress(sButton.jsAction, 'secondary');\n                  }}\n                >\n                  {localizedVal(sButton.name, localeCategory)}\n                </Button>\n              </Grid>\n            ))}\n          </Grid>\n        </Grid>\n        <Grid item>\n          <Grid container spacing={1}>\n            {arMainButtons.map(mButton => (\n              <Grid item key={mButton.name}>\n                <Button\n                  variant='contained'\n                  color='primary'\n                  onClick={() => {\n                    _onButtonPress(mButton.jsAction, 'primary');\n                  }}\n                >\n                  {localizedVal(mButton.name, localeCategory)}\n                </Button>\n              </Grid>\n            ))}\n          </Grid>\n        </Grid>\n      </Grid>\n    </>\n  );\n}\n"]}
+{"version":3,"file":"ActionButtons.js","sourceRoot":"","sources":["../../../../src/components/infra/ActionButtons/ActionButtons.tsx"],"names":[],"mappings":";AAAA,OAAO,UAAU,MAAM,wBAAwB,CAAC;AAChD,OAAO,MAAM,MAAM,sBAAsB,CAAC;AAC1C,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAU/C,MAAM,SAAS,GAAG,UAAU,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;IACrC,OAAO,EAAE;QACP,SAAS,EAAE,MAAM;QACjB,YAAY,EAAE,MAAM;KACrB;IACD,eAAe,EAAE;QACf,eAAe,EAAE,KAAK,CAAC,aAAa,CAAC,SAAS,CAAC,eAAe;QAC9D,KAAK,EAAE,KAAK,CAAC,aAAa,CAAC,SAAS,CAAC,KAAK;KAC3C;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,aAAa,CAAC,KAAyB;IAC7D,MAAM,EAAE,aAAa,GAAG,EAAE,EAAE,kBAAkB,GAAG,EAAE,EAAE,aAAa,EAAE,GAAG,KAAK,CAAC;IAC7E,MAAM,OAAO,GAAG,SAAS,EAAE,CAAC;IAC5B,MAAM,YAAY,GAAG,KAAK,CAAC,cAAc,EAAE,CAAC,cAAc,CAAC;IAC3D,MAAM,cAAc,GAAG,YAAY,CAAC;IAEpC,SAAS,cAAc,CAAC,OAAe,EAAE,WAAmB;QAC1D,aAAa,CAAC,OAAO,EAAE,WAAW,CAAC,CAAC;IACtC,CAAC;IAED,OAAO,CACL,8BACE,KAAC,OAAO,IAAC,SAAS,EAAE,OAAO,CAAC,OAAO,GAAI,EACvC,MAAC,KAAK,IAAC,SAAS,QAAC,OAAO,EAAE,CAAC,EAAE,cAAc,EAAC,eAAe,aACzD,KAAC,KAAK,cACJ,KAAC,KAAK,IAAC,SAAS,QAAC,OAAO,EAAE,CAAC,YACxB,kBAAkB,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE,CAAC,CACjC,KAAC,KAAK,cACJ,KAAC,MAAM,IACL,SAAS,EAAE,OAAO,CAAC,eAAe,EAClC,KAAK,EAAC,WAAW,EACjB,OAAO,EAAC,WAAW,EACnB,OAAO,EAAE,GAAG,EAAE;wCACZ,cAAc,CAAC,OAAO,CAAC,QAAQ,EAAE,WAAW,CAAC,CAAC;oCAChD,CAAC,YAEA,YAAY,CAAC,OAAO,CAAC,IAAI,EAAE,cAAc,CAAC,GACpC,IAVC,OAAO,CAAC,IAAI,CAWhB,CACT,CAAC,GACI,GACF,EACR,KAAC,KAAK,cACJ,KAAC,KAAK,IAAC,SAAS,QAAC,OAAO,EAAE,CAAC,YACxB,aAAa,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE,CAAC,CAC5B,KAAC,KAAK,cACJ,KAAC,MAAM,IACL,SAAS,EAAE,OAAO,CAAC,aAAa,EAChC,KAAK,EAAC,SAAS,EACf,OAAO,EAAC,WAAW,EACnB,OAAO,EAAE,GAAG,EAAE;wCACZ,cAAc,CAAC,OAAO,CAAC,QAAQ,EAAE,SAAS,CAAC,CAAC;oCAC9C,CAAC,YAEA,YAAY,CAAC,OAAO,CAAC,IAAI,EAAE,cAAc,CAAC,GACpC,IAVC,OAAO,CAAC,IAAI,CAWhB,CACT,CAAC,GACI,GACF,IACF,IACP,CACJ,CAAC;AACJ,CAAC","sourcesContent":["import makeStyles from '@mui/styles/makeStyles';\nimport Button from '@mui/material/Button';\nimport { Grid2, Divider } from '@mui/material';\n\n// ActionButtons does NOT have getPConnect. So, no need to extend from PConnProps\ninterface ActionButtonsProps {\n  // If any, enter additional props that only exist on this component\n  arMainButtons?: any[];\n  arSecondaryButtons?: any[];\n  onButtonPress: any;\n}\n\nconst useStyles = makeStyles(theme => ({\n  divider: {\n    marginTop: '10px',\n    marginBottom: '10px'\n  },\n  secondaryButton: {\n    backgroundColor: theme.actionButtons.secondary.backgroundColor,\n    color: theme.actionButtons.secondary.color\n  },\n  primaryButton: {\n    backgroundColor: theme.actionButtons.primary.backgroundColor,\n    color: theme.actionButtons.primary.color\n  }\n}));\n\nexport default function ActionButtons(props: ActionButtonsProps) {\n  const { arMainButtons = [], arSecondaryButtons = [], onButtonPress } = props;\n  const classes = useStyles();\n  const localizedVal = PCore.getLocaleUtils().getLocaleValue;\n  const localeCategory = 'Assignment';\n\n  function _onButtonPress(sAction: string, sButtonType: string) {\n    onButtonPress(sAction, sButtonType);\n  }\n\n  return (\n    <>\n      <Divider className={classes.divider} />\n      <Grid2 container spacing={4} justifyContent='space-between'>\n        <Grid2>\n          <Grid2 container spacing={1}>\n            {arSecondaryButtons.map(sButton => (\n              <Grid2 key={sButton.name}>\n                <Button\n                  className={classes.secondaryButton}\n                  color='secondary'\n                  variant='contained'\n                  onClick={() => {\n                    _onButtonPress(sButton.jsAction, 'secondary');\n                  }}\n                >\n                  {localizedVal(sButton.name, localeCategory)}\n                </Button>\n              </Grid2>\n            ))}\n          </Grid2>\n        </Grid2>\n        <Grid2>\n          <Grid2 container spacing={1}>\n            {arMainButtons.map(mButton => (\n              <Grid2 key={mButton.name}>\n                <Button\n                  className={classes.primaryButton}\n                  color='primary'\n                  variant='contained'\n                  onClick={() => {\n                    _onButtonPress(mButton.jsAction, 'primary');\n                  }}\n                >\n                  {localizedVal(mButton.name, localeCategory)}\n                </Button>\n              </Grid2>\n            ))}\n          </Grid2>\n        </Grid2>\n      </Grid2>\n    </>\n  );\n}\n"]}

package/lib/components/infra/Assignment/Assignment.d.ts

@@ -1,5 +1,5 @@
-import { PropsWithChildren } from 'react';
-import { PConnProps } from '../../../types/PConnProps';
+import { type PropsWithChildren } from 'react';
+import type { PConnProps } from '../../../types/PConnProps';
 interface AssignmentProps extends PConnProps {
     itemKey: string;
     isInModal: boolean;

package/lib/components/infra/Assignment/Assignment.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Assignment.d.ts","sourceRoot":"","sources":["../../../../src/components/infra/Assignment/Assignment.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,iBAAiB,EAAuB,MAAM,OAAO,CAAC;AAQtE,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAEvD,UAAU,eAAgB,SAAQ,UAAU;IAE1C,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,OAAO,CAAC;IACnB,OAAO,EAAE,GAAG,EAAE,CAAC;IAEf,aAAa,EAAE,GAAG,EAAE,CAAC;CACtB;AAED,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,KAAK,EAAE,iBAAiB,CAAC,eAAe,CAAC,2CA4U3E"}
+{"version":3,"file":"Assignment.d.ts","sourceRoot":"","sources":["../../../../src/components/infra/Assignment/Assignment.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,KAAK,iBAAiB,EAAuB,MAAM,OAAO,CAAC;AAQ3E,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAE5D,UAAU,eAAgB,SAAQ,UAAU;IAE1C,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,OAAO,CAAC;IACnB,OAAO,EAAE,GAAG,EAAE,CAAC;IAEf,aAAa,EAAE,GAAG,EAAE,CAAC;CACtB;AAED,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,KAAK,EAAE,iBAAiB,CAAC,eAAe,CAAC,2CAmV3E"}

package/lib/components/infra/Assignment/Assignment.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { useEffect, useState } from 'react';
+import React, { useEffect, useState } from 'react';
 import Snackbar from '@mui/material/Snackbar';
 import IconButton from '@mui/material/IconButton';
 import CloseIcon from '@mui/icons-material/Close';
@@ -18,8 +18,8 @@ export default function Assignment(props) {
     const [arNavigationSteps, setArNavigationSteps] = useState([]);
     const actionsAPI = thePConn.getActionsApi();
     const localizedVal = PCore.getLocaleUtils().getLocaleValue;
+    const localizationService = thePConn.getLocalizationService();
     const localeCategory = 'Assignment';
-    const localeReference = `${getPConnect().getCaseInfo().getClassName()}!CASE!${getPConnect().getCaseInfo().getName()}`.toUpperCase();
     // store off bound functions to above pointers
     const finishAssignment = actionsAPI.finishAssignment.bind(actionsAPI);
     const navigateToStep = actionsAPI.navigateToStep.bind(actionsAPI);
@@ -56,7 +56,7 @@ export default function Assignment(props) {
     function getStepsInfo(steps, formedSteps = []) {
         steps.forEach(step => {
             if (step.name) {
-                step.name = PCore.getLocaleUtils().getLocaleValue(step.name, undefined, localeReference);
+                step.name = localizationService.getLocalizedText(step.name);
             }
             if (step.steps) {
                 formedSteps = getStepsInfo(step.steps, formedSteps);
@@ -76,36 +76,40 @@ export default function Assignment(props) {
             const oWorkItem = firstChild.props.getPConnect();
             const oWorkData = oWorkItem.getDataObject();
             const oData = thePConn.getDataObject(''); // 1st arg empty string until typedefs allow it to be optional
-            if (oWorkData?.caseInfo && oWorkData.caseInfo.assignments !== null) {
-                const oCaseInfo = oData?.caseInfo;
-                if (oCaseInfo && oCaseInfo.actionButtons) {
-                    setActionButtons(oCaseInfo.actionButtons);
-                }
-                if (oCaseInfo?.navigation /* was oCaseInfo.navigation != null */) {
-                    setHasNavigation(true);
-                    if ((oCaseInfo.navigation.template && oCaseInfo.navigation.template.toLowerCase() === 'standard') ||
-                        oCaseInfo?.navigation?.steps?.length === 1) {
-                        setHasNavigation(false);
-                    }
-                    else if (oCaseInfo.navigation.template && oCaseInfo.navigation.template.toLowerCase() === 'vertical') {
-                        setIsVertical(true);
-                    }
-                    else {
-                        setIsVertical(false);
-                    }
-                    if (oCaseInfo?.navigation?.steps) {
-                        const steps = JSON.parse(JSON.stringify(oCaseInfo?.navigation?.steps));
-                        const formedSteps = getStepsInfo(steps);
-                        setArNavigationSteps(formedSteps);
-                    }
-                    setArCurrentStepIndicies(findCurrentIndicies(arNavigationSteps, arCurrentStepIndicies, 0));
-                }
+            const caseInfo = oData?.caseInfo;
+            if (!oWorkData?.caseInfo || oWorkData.caseInfo.assignments === null || !caseInfo) {
+                return;
+            }
+            // Set action buttons
+            if (caseInfo.actionButtons) {
+                setActionButtons(caseInfo.actionButtons);
+            }
+            // Handle navigation setup
+            const navigation = caseInfo.navigation;
+            if (!navigation) {
+                setHasNavigation(false);
+                return;
+            }
+            const isStandardTemplate = navigation.template?.toLowerCase() === 'standard';
+            const hasSingleStep = navigation.steps?.length === 1;
+            const shouldHideNavigation = isStandardTemplate || hasSingleStep;
+            setHasNavigation(!shouldHideNavigation);
+            if (shouldHideNavigation) {
+                return;
+            }
+            // set vertical navigation
+            const isVerticalTemplate = navigation.template?.toLowerCase() === 'vertical';
+            setIsVertical(isVerticalTemplate);
+            if (navigation.steps) {
+                const steps = JSON.parse(JSON.stringify(navigation.steps));
+                const formedSteps = getStepsInfo(steps);
+                setArNavigationSteps(formedSteps);
             }
+            setArCurrentStepIndicies(findCurrentIndicies(arNavigationSteps, arCurrentStepIndicies, 0));
         }
     }, [children]);
     function showToast(message) {
         const theMessage = `Assignment: ${message}`;
-        // eslint-disable-next-line no-console
         console.error(theMessage);
         setSnackbarMessage(message);
         setShowSnackbar(true);

package/lib/components/infra/Assignment/Assignment.js.map

@@ -1 +1 @@
-{"version":3,"file":"Assignment.js","sourceRoot":"","sources":["../../../../src/components/infra/Assignment/Assignment.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { PropsWithChildren, useEffect, useState } from 'react';\nimport Snackbar from '@mui/material/Snackbar';\nimport IconButton from '@mui/material/IconButton';\nimport CloseIcon from '@mui/icons-material/Close';\n\nimport { getComponentFromMap } from '../../../bridge/helpers/sdk_component_map';\nimport { useFocusFirstField, useScrolltoTop } from '../../../hooks';\n\nimport { PConnProps } from '../../../types/PConnProps';\n\ninterface AssignmentProps extends PConnProps {\n  // If any, enter additional props that only exist on this component\n  itemKey: string;\n  isInModal: boolean;\n  banners: any[];\n  // eslint-disable-next-line react/no-unused-prop-types\n  actionButtons: any[];\n}\n\nexport default function Assignment(props: PropsWithChildren<AssignmentProps>) {\n  // Get emitted components from map (so we can get any override that may exist)\n  const AssignmentCard = getComponentFromMap('AssignmentCard');\n  const MultiStep = getComponentFromMap('MultiStep');\n\n  const { getPConnect, children, itemKey = '', isInModal = false, banners = [] } = props;\n  const thePConn = getPConnect();\n\n  const [bHasNavigation, setHasNavigation] = useState(false);\n  const [actionButtons, setActionButtons] = useState([]);\n  const [bIsVertical, setIsVertical] = useState(false);\n  const [arCurrentStepIndicies, setArCurrentStepIndicies] = useState<any[]>([]);\n  const [arNavigationSteps, setArNavigationSteps] = useState<any[]>([]);\n\n  const actionsAPI = thePConn.getActionsApi();\n  const localizedVal = PCore.getLocaleUtils().getLocaleValue;\n  const localeCategory = 'Assignment';\n  const localeReference = `${getPConnect().getCaseInfo().getClassName()}!CASE!${getPConnect().getCaseInfo().getName()}`.toUpperCase();\n\n  // store off bound functions to above pointers\n  const finishAssignment = actionsAPI.finishAssignment.bind(actionsAPI);\n  const navigateToStep = actionsAPI.navigateToStep.bind(actionsAPI);\n  const cancelAssignment = actionsAPI.cancelAssignment.bind(actionsAPI);\n  const saveAssignment = actionsAPI.saveAssignment?.bind(actionsAPI);\n  const cancelCreateStageAssignment = actionsAPI.cancelCreateStageAssignment.bind(actionsAPI);\n  const approveCase = actionsAPI.approveCase?.bind(actionsAPI);\n  const rejectCase = actionsAPI.rejectCase?.bind(actionsAPI);\n  // const showPage = actionsAPI.showPage.bind(actionsAPI);\n\n  const [showSnackbar, setShowSnackbar] = useState(false);\n  const [snackbarMessage, setSnackbarMessage] = useState('');\n\n  function findCurrentIndicies(arStepperSteps: any[], arIndicies: number[], depth: number): number[] {\n    let count = 0;\n    arStepperSteps.forEach(step => {\n      if (step.visited_status === 'current') {\n        arIndicies[depth] = count;\n\n        // add in\n        step.step_status = '';\n      } else if (step.visited_status === 'success') {\n        count += 1;\n        step.step_status = 'completed';\n      } else {\n        count += 1;\n        step.step_status = '';\n      }\n\n      if (step.steps) {\n        arIndicies = findCurrentIndicies(step.steps, arIndicies, depth + 1);\n      }\n    });\n\n    return arIndicies;\n  }\n\n  function getStepsInfo(steps, formedSteps: any = []) {\n    steps.forEach(step => {\n      if (step.name) {\n        step.name = PCore.getLocaleUtils().getLocaleValue(step.name, undefined, localeReference);\n      }\n      if (step.steps) {\n        formedSteps = getStepsInfo(step.steps, formedSteps);\n      } else {\n        formedSteps.push(step);\n      }\n    });\n    return formedSteps;\n  }\n\n  const scrollId = window.location.href.includes('embedded') ? '#pega-part-of-page' : '#portal';\n  useScrolltoTop(scrollId, children);\n  useFocusFirstField('Assignment', children);\n\n  useEffect(() => {\n    if (children) {\n      const firstChild = Array.isArray(children) ? children[0] : children;\n      const oWorkItem = firstChild.props.getPConnect();\n      const oWorkData = oWorkItem.getDataObject();\n      const oData: any = thePConn.getDataObject(''); // 1st arg empty string until typedefs allow it to be optional\n\n      if (oWorkData?.caseInfo && oWorkData.caseInfo.assignments !== null) {\n        const oCaseInfo = oData?.caseInfo;\n\n        if (oCaseInfo && oCaseInfo.actionButtons) {\n          setActionButtons(oCaseInfo.actionButtons);\n        }\n\n        if (oCaseInfo?.navigation /* was oCaseInfo.navigation != null */) {\n          setHasNavigation(true);\n\n          if (\n            (oCaseInfo.navigation.template && oCaseInfo.navigation.template.toLowerCase() === 'standard') ||\n            oCaseInfo?.navigation?.steps?.length === 1\n          ) {\n            setHasNavigation(false);\n          } else if (oCaseInfo.navigation.template && oCaseInfo.navigation.template.toLowerCase() === 'vertical') {\n            setIsVertical(true);\n          } else {\n            setIsVertical(false);\n          }\n\n          if (oCaseInfo?.navigation?.steps) {\n            const steps = JSON.parse(JSON.stringify(oCaseInfo?.navigation?.steps));\n            const formedSteps = getStepsInfo(steps);\n            setArNavigationSteps(formedSteps);\n          }\n\n          setArCurrentStepIndicies(findCurrentIndicies(arNavigationSteps, arCurrentStepIndicies, 0));\n        }\n      }\n    }\n  }, [children]);\n\n  function showToast(message: string) {\n    const theMessage = `Assignment: ${message}`;\n    // eslint-disable-next-line no-console\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 onSaveActionSuccess(data) {\n    actionsAPI.cancelAssignment(itemKey, false).then(() => {\n      PCore.getPubSubUtils().publish(PCore.getConstants().PUB_SUB_EVENTS.CASE_EVENTS.CREATE_STAGE_SAVED, data);\n    });\n  }\n\n  function buttonPress(sAction: string, sButtonType: string) {\n    if (sButtonType === 'secondary') {\n      switch (sAction) {\n        case 'navigateToStep': {\n          const navigatePromise = navigateToStep('previous', itemKey);\n\n          navigatePromise\n            .then(() => {})\n            .catch(() => {\n              showToast(`${localizedVal('Navigation failed!', localeCategory)}`);\n            });\n\n          break;\n        }\n\n        case 'saveAssignment': {\n          const caseID = thePConn.getCaseInfo().getKey();\n          const assignmentID = thePConn.getCaseInfo().getAssignmentID();\n          const savePromise = saveAssignment(itemKey);\n\n          savePromise\n            .then(() => {\n              const caseType = thePConn.getCaseInfo().c11nEnv.getValue(PCore.getConstants().CASE_INFO.CASE_TYPE_ID);\n              onSaveActionSuccess({ caseType, caseID, assignmentID });\n            })\n            .catch(() => {\n              showToast(`${localizedVal('Save failed', localeCategory)}`);\n            });\n\n          break;\n        }\n\n        case 'cancelAssignment': {\n          // check if create stage (modal)\n          const { PUB_SUB_EVENTS } = PCore.getConstants();\n          const { publish } = PCore.getPubSubUtils();\n          const isAssignmentInCreateStage = thePConn.getCaseInfo().isAssignmentInCreateStage();\n          const isLocalAction =\n            thePConn.getCaseInfo().isLocalAction() ||\n            (PCore.getConstants().CASE_INFO.IS_LOCAL_ACTION && getPConnect().getValue(PCore.getConstants().CASE_INFO.IS_LOCAL_ACTION));\n          if (isAssignmentInCreateStage && isInModal && !isLocalAction) {\n            const cancelPromise = cancelCreateStageAssignment(itemKey);\n\n            cancelPromise\n              .then(data => {\n                publish(PUB_SUB_EVENTS.EVENT_CANCEL, data);\n              })\n              .catch(() => {\n                showToast(`${localizedVal('Cancel failed!', localeCategory)}`);\n              });\n          } else {\n            const cancelPromise = cancelAssignment(itemKey, false);\n\n            cancelPromise\n              .then(data => {\n                publish(PUB_SUB_EVENTS.EVENT_CANCEL, data);\n              })\n              .catch(() => {\n                showToast(`${localizedVal('Cancel failed!', localeCategory)}`);\n              });\n          }\n          break;\n        }\n\n        case 'rejectCase': {\n          const rejectPromise = rejectCase(itemKey);\n\n          rejectPromise\n            .then(() => {})\n            .catch(() => {\n              showToast(`${localizedVal('Rejection failed!', localeCategory)}`);\n            });\n\n          break;\n        }\n\n        default:\n          break;\n      }\n    } else if (sButtonType === 'primary') {\n      switch (sAction) {\n        case 'finishAssignment': {\n          const finishPromise = finishAssignment(itemKey);\n\n          finishPromise\n            .then(() => {})\n            .catch(() => {\n              showToast(`${localizedVal('Submit failed!', localeCategory)}`);\n            });\n\n          break;\n        }\n\n        case 'approveCase': {\n          const approvePromise = approveCase(itemKey);\n\n          approvePromise\n            .then(() => {})\n            .catch(() => {\n              showToast(`${localizedVal('Approve failed!', localeCategory)}`);\n            });\n\n          break;\n        }\n\n        default:\n          break;\n      }\n    }\n  }\n\n  function getRefreshProps(refreshConditions) {\n    // refreshConditions cuurently supports only \"Changes\" event\n    if (!refreshConditions) {\n      return [];\n    }\n    return refreshConditions.filter(item => item.event && item.event === 'Changes').map(item => [item.field, item.field?.substring(1)]) || [];\n  }\n\n  // expected format of refreshConditions : [{field: \".Name\", event: \"Changes\"}]\n  const refreshConditions = thePConn.getCaseInfo()?.getActionRefreshConditions();\n  const context = thePConn.getContextName();\n  const pageReference = thePConn.getPageReference();\n\n  // refresh api de-registration\n  PCore.getRefreshManager().deRegisterForRefresh(context);\n\n  // refresh api registration\n  const refreshProps = getRefreshProps(refreshConditions);\n  const caseKey = thePConn.getCaseInfo().getKey();\n  const refreshOptions = {\n    autoDetectRefresh: true,\n    preserveClientChanges: false\n  };\n  if (refreshProps.length > 0) {\n    refreshProps.forEach(prop => {\n      PCore.getRefreshManager().registerForRefresh(\n        'PROP_CHANGE',\n        thePConn.getActionsApi().refreshCaseView.bind(thePConn.getActionsApi(), caseKey, '', pageReference, {\n          ...refreshOptions,\n          refreshFor: prop[0]\n        }),\n        `${pageReference}.${prop[1]}`,\n        `${context}/${pageReference}`,\n        context\n      );\n    });\n  }\n\n  return (\n    <div id='Assignment'>\n      {banners}\n      {bHasNavigation ? (\n        <>\n          <MultiStep\n            getPConnect={getPConnect}\n            itemKey={itemKey}\n            actionButtons={actionButtons}\n            onButtonPress={buttonPress}\n            bIsVertical={bIsVertical}\n            arCurrentStepIndicies={arCurrentStepIndicies}\n            arNavigationSteps={arNavigationSteps}\n          >\n            {children}\n          </MultiStep>\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          <AssignmentCard getPConnect={getPConnect} itemKey={itemKey} actionButtons={actionButtons} onButtonPress={buttonPress}>\n            {children}\n          </AssignmentCard>\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    </div>\n  );\n}\n\n// From WC SDK\n// const aHtml = html`\n// ${this.bHasNavigation?\n//   html`\n//     <div class=\"psdk-stepper\">\n//     <multi-step-component .pConn=${this.pConn} .arChildren=${this.arChildren} itemKey=${this.itemKey}\n//         .arMainButtons=${this.arMainButtons} .arSecondaryButtons=${this.arSecondaryButtons}\n//         .bIsVertical=${this.bIsVertical} .arCurrentStepIndicies=${this.arCurrentStepIndicies}\n//         .arNavigationSteps=${this.arNavigationSteps}\n//         @MultiStepActionButtonClick=\"${this._onActionButtonClick}\">\n//     </multi-step-component>\n//     <lit-toast></lit-toast>\n//     </div>`\n//     :\n//   html`\n//     <div>\n//         <assignment-card-component .pConn=${this.pConn} .arChildren=${this.arChildren} itemKey=${this.itemKey}\n//           .arMainButtons=${this.arMainButtons} .arSecondaryButtons=${this.arSecondaryButtons}\n//           @AssignmentActionButtonClick=\"${this._onActionButtonClick}\">\n//         </assignment-card-component>\n//         <lit-toast></lit-toast>\n//     </div>`}\n// `;\n"]}
+{"version":3,"file":"Assignment.js","sourceRoot":"","sources":["../../../../src/components/infra/Assignment/Assignment.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { type PropsWithChildren, useEffect, useState } from 'react';\nimport Snackbar from '@mui/material/Snackbar';\nimport IconButton from '@mui/material/IconButton';\nimport CloseIcon from '@mui/icons-material/Close';\n\nimport { getComponentFromMap } from '../../../bridge/helpers/sdk_component_map';\nimport { useFocusFirstField, useScrolltoTop } from '../../../hooks';\n\nimport type { PConnProps } from '../../../types/PConnProps';\n\ninterface AssignmentProps extends PConnProps {\n  // If any, enter additional props that only exist on this component\n  itemKey: string;\n  isInModal: boolean;\n  banners: any[];\n\n  actionButtons: any[];\n}\n\nexport default function Assignment(props: PropsWithChildren<AssignmentProps>) {\n  // Get emitted components from map (so we can get any override that may exist)\n  const AssignmentCard = getComponentFromMap('AssignmentCard');\n  const MultiStep = getComponentFromMap('MultiStep');\n\n  const { getPConnect, children, itemKey = '', isInModal = false, banners = [] } = props;\n  const thePConn = getPConnect();\n\n  const [bHasNavigation, setHasNavigation] = useState(false);\n  const [actionButtons, setActionButtons] = useState([]);\n  const [bIsVertical, setIsVertical] = useState(false);\n  const [arCurrentStepIndicies, setArCurrentStepIndicies] = useState<any[]>([]);\n  const [arNavigationSteps, setArNavigationSteps] = useState<any[]>([]);\n\n  const actionsAPI = thePConn.getActionsApi();\n  const localizedVal = PCore.getLocaleUtils().getLocaleValue;\n  const localizationService = thePConn.getLocalizationService();\n  const localeCategory = 'Assignment';\n\n  // store off bound functions to above pointers\n  const finishAssignment = actionsAPI.finishAssignment.bind(actionsAPI);\n  const navigateToStep = actionsAPI.navigateToStep.bind(actionsAPI);\n  const cancelAssignment = actionsAPI.cancelAssignment.bind(actionsAPI);\n  const saveAssignment = actionsAPI.saveAssignment?.bind(actionsAPI);\n  const cancelCreateStageAssignment = actionsAPI.cancelCreateStageAssignment.bind(actionsAPI);\n  const approveCase = actionsAPI.approveCase?.bind(actionsAPI);\n  const rejectCase = actionsAPI.rejectCase?.bind(actionsAPI);\n  // const showPage = actionsAPI.showPage.bind(actionsAPI);\n\n  const [showSnackbar, setShowSnackbar] = useState(false);\n  const [snackbarMessage, setSnackbarMessage] = useState('');\n\n  function findCurrentIndicies(arStepperSteps: any[], arIndicies: number[], depth: number): number[] {\n    let count = 0;\n    arStepperSteps.forEach(step => {\n      if (step.visited_status === 'current') {\n        arIndicies[depth] = count;\n\n        // add in\n        step.step_status = '';\n      } else if (step.visited_status === 'success') {\n        count += 1;\n        step.step_status = 'completed';\n      } else {\n        count += 1;\n        step.step_status = '';\n      }\n\n      if (step.steps) {\n        arIndicies = findCurrentIndicies(step.steps, arIndicies, depth + 1);\n      }\n    });\n\n    return arIndicies;\n  }\n\n  function getStepsInfo(steps, formedSteps: any = []) {\n    steps.forEach(step => {\n      if (step.name) {\n        step.name = localizationService.getLocalizedText(step.name);\n      }\n      if (step.steps) {\n        formedSteps = getStepsInfo(step.steps, formedSteps);\n      } else {\n        formedSteps.push(step);\n      }\n    });\n    return formedSteps;\n  }\n\n  const scrollId = window.location.href.includes('embedded') ? '#pega-part-of-page' : '#portal';\n  useScrolltoTop(scrollId, children);\n  useFocusFirstField('Assignment', children);\n\n  useEffect(() => {\n    if (children) {\n      const firstChild = Array.isArray(children) ? children[0] : children;\n      const oWorkItem = firstChild.props.getPConnect();\n      const oWorkData = oWorkItem.getDataObject();\n      const oData: any = thePConn.getDataObject(''); // 1st arg empty string until typedefs allow it to be optional\n      const caseInfo = oData?.caseInfo;\n      if (!oWorkData?.caseInfo || oWorkData.caseInfo.assignments === null || !caseInfo) {\n        return;\n      }\n\n      // Set action buttons\n      if (caseInfo.actionButtons) {\n        setActionButtons(caseInfo.actionButtons);\n      }\n\n      // Handle navigation setup\n      const navigation = caseInfo.navigation;\n      if (!navigation) {\n        setHasNavigation(false);\n        return;\n      }\n\n      const isStandardTemplate = navigation.template?.toLowerCase() === 'standard';\n      const hasSingleStep = navigation.steps?.length === 1;\n      const shouldHideNavigation = isStandardTemplate || hasSingleStep;\n\n      setHasNavigation(!shouldHideNavigation);\n\n      if (shouldHideNavigation) {\n        return;\n      }\n\n      // set vertical navigation\n      const isVerticalTemplate = navigation.template?.toLowerCase() === 'vertical';\n      setIsVertical(isVerticalTemplate);\n\n      if (navigation.steps) {\n        const steps = JSON.parse(JSON.stringify(navigation.steps));\n        const formedSteps = getStepsInfo(steps);\n        setArNavigationSteps(formedSteps);\n      }\n\n      setArCurrentStepIndicies(findCurrentIndicies(arNavigationSteps, arCurrentStepIndicies, 0));\n    }\n  }, [children]);\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 onSaveActionSuccess(data) {\n    actionsAPI.cancelAssignment(itemKey, false).then(() => {\n      PCore.getPubSubUtils().publish(PCore.getConstants().PUB_SUB_EVENTS.CASE_EVENTS.CREATE_STAGE_SAVED, data);\n    });\n  }\n\n  function buttonPress(sAction: string, sButtonType: string) {\n    if (sButtonType === 'secondary') {\n      switch (sAction) {\n        case 'navigateToStep': {\n          const navigatePromise = navigateToStep('previous', itemKey);\n\n          navigatePromise\n            .then(() => {})\n            .catch(() => {\n              showToast(`${localizedVal('Navigation failed!', localeCategory)}`);\n            });\n\n          break;\n        }\n\n        case 'saveAssignment': {\n          const caseID = thePConn.getCaseInfo().getKey();\n          const assignmentID = thePConn.getCaseInfo().getAssignmentID();\n          const savePromise = saveAssignment(itemKey);\n\n          savePromise\n            .then(() => {\n              const caseType = thePConn.getCaseInfo().c11nEnv.getValue(PCore.getConstants().CASE_INFO.CASE_TYPE_ID);\n              onSaveActionSuccess({ caseType, caseID, assignmentID });\n            })\n            .catch(() => {\n              showToast(`${localizedVal('Save failed', localeCategory)}`);\n            });\n\n          break;\n        }\n\n        case 'cancelAssignment': {\n          // check if create stage (modal)\n          const { PUB_SUB_EVENTS } = PCore.getConstants();\n          const { publish } = PCore.getPubSubUtils();\n          const isAssignmentInCreateStage = thePConn.getCaseInfo().isAssignmentInCreateStage();\n          const isLocalAction =\n            thePConn.getCaseInfo().isLocalAction() ||\n            (PCore.getConstants().CASE_INFO.IS_LOCAL_ACTION && getPConnect().getValue(PCore.getConstants().CASE_INFO.IS_LOCAL_ACTION));\n          if (isAssignmentInCreateStage && isInModal && !isLocalAction) {\n            const cancelPromise = cancelCreateStageAssignment(itemKey);\n\n            cancelPromise\n              .then(data => {\n                publish(PUB_SUB_EVENTS.EVENT_CANCEL, data);\n              })\n              .catch(() => {\n                showToast(`${localizedVal('Cancel failed!', localeCategory)}`);\n              });\n          } else {\n            const cancelPromise = cancelAssignment(itemKey, false);\n\n            cancelPromise\n              .then(data => {\n                publish(PUB_SUB_EVENTS.EVENT_CANCEL, data);\n              })\n              .catch(() => {\n                showToast(`${localizedVal('Cancel failed!', localeCategory)}`);\n              });\n          }\n          break;\n        }\n\n        case 'rejectCase': {\n          const rejectPromise = rejectCase(itemKey);\n\n          rejectPromise\n            .then(() => {})\n            .catch(() => {\n              showToast(`${localizedVal('Rejection failed!', localeCategory)}`);\n            });\n\n          break;\n        }\n\n        default:\n          break;\n      }\n    } else if (sButtonType === 'primary') {\n      switch (sAction) {\n        case 'finishAssignment': {\n          const finishPromise = finishAssignment(itemKey);\n\n          finishPromise\n            .then(() => {})\n            .catch(() => {\n              showToast(`${localizedVal('Submit failed!', localeCategory)}`);\n            });\n\n          break;\n        }\n\n        case 'approveCase': {\n          const approvePromise = approveCase(itemKey);\n\n          approvePromise\n            .then(() => {})\n            .catch(() => {\n              showToast(`${localizedVal('Approve failed!', localeCategory)}`);\n            });\n\n          break;\n        }\n\n        default:\n          break;\n      }\n    }\n  }\n\n  function getRefreshProps(refreshConditions) {\n    // refreshConditions cuurently supports only \"Changes\" event\n    if (!refreshConditions) {\n      return [];\n    }\n    return refreshConditions.filter(item => item.event && item.event === 'Changes').map(item => [item.field, item.field?.substring(1)]) || [];\n  }\n\n  // expected format of refreshConditions : [{field: \".Name\", event: \"Changes\"}]\n  const refreshConditions = thePConn.getCaseInfo()?.getActionRefreshConditions();\n  const context = thePConn.getContextName();\n  const pageReference = thePConn.getPageReference();\n\n  // refresh api de-registration\n  PCore.getRefreshManager().deRegisterForRefresh(context);\n\n  // refresh api registration\n  const refreshProps = getRefreshProps(refreshConditions);\n  const caseKey = thePConn.getCaseInfo().getKey();\n  const refreshOptions = {\n    autoDetectRefresh: true,\n    preserveClientChanges: false\n  };\n  if (refreshProps.length > 0) {\n    refreshProps.forEach(prop => {\n      PCore.getRefreshManager().registerForRefresh(\n        'PROP_CHANGE',\n        thePConn.getActionsApi().refreshCaseView.bind(thePConn.getActionsApi(), caseKey, '', pageReference, {\n          ...refreshOptions,\n          refreshFor: prop[0]\n        }),\n        `${pageReference}.${prop[1]}`,\n        `${context}/${pageReference}`,\n        context\n      );\n    });\n  }\n\n  return (\n    <div id='Assignment'>\n      {banners}\n      {bHasNavigation ? (\n        <>\n          <MultiStep\n            getPConnect={getPConnect}\n            itemKey={itemKey}\n            actionButtons={actionButtons}\n            onButtonPress={buttonPress}\n            bIsVertical={bIsVertical}\n            arCurrentStepIndicies={arCurrentStepIndicies}\n            arNavigationSteps={arNavigationSteps}\n          >\n            {children}\n          </MultiStep>\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          <AssignmentCard getPConnect={getPConnect} itemKey={itemKey} actionButtons={actionButtons} onButtonPress={buttonPress}>\n            {children}\n          </AssignmentCard>\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    </div>\n  );\n}\n\n// From WC SDK\n// const aHtml = html`\n// ${this.bHasNavigation?\n//   html`\n//     <div class=\"psdk-stepper\">\n//     <multi-step-component .pConn=${this.pConn} .arChildren=${this.arChildren} itemKey=${this.itemKey}\n//         .arMainButtons=${this.arMainButtons} .arSecondaryButtons=${this.arSecondaryButtons}\n//         .bIsVertical=${this.bIsVertical} .arCurrentStepIndicies=${this.arCurrentStepIndicies}\n//         .arNavigationSteps=${this.arNavigationSteps}\n//         @MultiStepActionButtonClick=\"${this._onActionButtonClick}\">\n//     </multi-step-component>\n//     <lit-toast></lit-toast>\n//     </div>`\n//     :\n//   html`\n//     <div>\n//         <assignment-card-component .pConn=${this.pConn} .arChildren=${this.arChildren} itemKey=${this.itemKey}\n//           .arMainButtons=${this.arMainButtons} .arSecondaryButtons=${this.arSecondaryButtons}\n//           @AssignmentActionButtonClick=\"${this._onActionButtonClick}\">\n//         </assignment-card-component>\n//         <lit-toast></lit-toast>\n//     </div>`}\n// `;\n"]}

package/lib/components/infra/AssignmentCard/AssignmentCard.d.ts

@@ -1,5 +1,5 @@
-import { PropsWithChildren } from 'react';
-import { PConnProps } from '../../../types/PConnProps';
+import { type PropsWithChildren } from 'react';
+import type { PConnProps } from '../../../types/PConnProps';
 interface AssignmentCardProps extends PConnProps {
     actionButtons: any;
     onButtonPress: any;

package/lib/components/infra/AssignmentCard/AssignmentCard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AssignmentCard.d.ts","sourceRoot":"","sources":["../../../../src/components/infra/AssignmentCard/AssignmentCard.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAuB,MAAM,OAAO,CAAC;AAE/D,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAGvD,UAAU,mBAAoB,SAAQ,UAAU;IAE9C,aAAa,EAAE,GAAG,CAAC;IACnB,aAAa,EAAE,GAAG,CAAC;CACpB;AAED,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,KAAK,EAAE,iBAAiB,CAAC,mBAAmB,CAAC,2CA4BnF"}
+{"version":3,"file":"AssignmentCard.d.ts","sourceRoot":"","sources":["../../../../src/components/infra/AssignmentCard/AssignmentCard.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,iBAAiB,EAAuB,MAAM,OAAO,CAAC;AAEpE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAG5D,UAAU,mBAAoB,SAAQ,UAAU;IAE9C,aAAa,EAAE,GAAG,CAAC;IACnB,aAAa,EAAE,GAAG,CAAC;CACpB;AAED,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,KAAK,EAAE,iBAAiB,CAAC,mBAAmB,CAAC,2CA4BnF"}

package/lib/components/infra/AssignmentCard/AssignmentCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"AssignmentCard.js","sourceRoot":"","sources":["../../../../src/components/infra/AssignmentCard/AssignmentCard.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAqB,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAG/D,OAAO,EAAE,mBAAmB,EAAE,MAAM,2CAA2C,CAAC;AAQhF,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,KAA6C;IAClF,8EAA8E;IAC9E,MAAM,aAAa,GAAG,mBAAmB,CAAC,eAAe,CAAC,CAAC;IAE3D,MAAM,EAAE,QAAQ,EAAE,aAAa,EAAE,aAAa,EAAE,GAAG,KAAK,CAAC;IAEzD,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IACvD,MAAM,CAAC,kBAAkB,EAAE,qBAAqB,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IAEjE,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,aAAa,EAAE;YACjB,gBAAgB,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;YACrC,qBAAqB,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC;SAChD;IACH,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC;IAEpB,SAAS,WAAW,CAAC,OAAO,EAAE,KAAK;QACjC,aAAa,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;IAChC,CAAC;IAED,OAAO,CACL,8BACG,QAAQ,EACR,aAAa,IAAI,kBAAkB,IAAI,CACtC,KAAC,aAAa,IAAC,aAAa,EAAE,aAAa,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,aAAa,EAAE,WAAW,GAAI,CACpH,IACA,CACJ,CAAC;AACJ,CAAC","sourcesContent":["import { PropsWithChildren, useEffect, useState } from 'react';\n\nimport { PConnProps } from '../../../types/PConnProps';\nimport { getComponentFromMap } from '../../../bridge/helpers/sdk_component_map';\n\ninterface AssignmentCardProps extends PConnProps {\n  // If any, enter additional props that only exist on this component\n  actionButtons: any;\n  onButtonPress: any;\n}\n\nexport default function AssignmentCard(props: PropsWithChildren<AssignmentCardProps>) {\n  // Get emitted components from map (so we can get any override that may exist)\n  const ActionButtons = getComponentFromMap('ActionButtons');\n\n  const { children, actionButtons, onButtonPress } = props;\n\n  const [arMainButtons, setArMainButtons] = useState([]);\n  const [arSecondaryButtons, setArSecondaryButtons] = useState([]);\n\n  useEffect(() => {\n    if (actionButtons) {\n      setArMainButtons(actionButtons.main);\n      setArSecondaryButtons(actionButtons.secondary);\n    }\n  }, [actionButtons]);\n\n  function buttonPress(sAction, sType) {\n    onButtonPress(sAction, sType);\n  }\n\n  return (\n    <>\n      {children}\n      {arMainButtons && arSecondaryButtons && (\n        <ActionButtons arMainButtons={arMainButtons} arSecondaryButtons={arSecondaryButtons} onButtonPress={buttonPress} />\n      )}\n    </>\n  );\n}\n"]}
+{"version":3,"file":"AssignmentCard.js","sourceRoot":"","sources":["../../../../src/components/infra/AssignmentCard/AssignmentCard.tsx"],"names":[],"mappings":";AAAA,OAAO,EAA0B,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAGpE,OAAO,EAAE,mBAAmB,EAAE,MAAM,2CAA2C,CAAC;AAQhF,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,KAA6C;IAClF,8EAA8E;IAC9E,MAAM,aAAa,GAAG,mBAAmB,CAAC,eAAe,CAAC,CAAC;IAE3D,MAAM,EAAE,QAAQ,EAAE,aAAa,EAAE,aAAa,EAAE,GAAG,KAAK,CAAC;IAEzD,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IACvD,MAAM,CAAC,kBAAkB,EAAE,qBAAqB,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IAEjE,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,aAAa,EAAE,CAAC;YAClB,gBAAgB,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;YACrC,qBAAqB,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC;QACjD,CAAC;IACH,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC;IAEpB,SAAS,WAAW,CAAC,OAAO,EAAE,KAAK;QACjC,aAAa,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;IAChC,CAAC;IAED,OAAO,CACL,8BACG,QAAQ,EACR,aAAa,IAAI,kBAAkB,IAAI,CACtC,KAAC,aAAa,IAAC,aAAa,EAAE,aAAa,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,aAAa,EAAE,WAAW,GAAI,CACpH,IACA,CACJ,CAAC;AACJ,CAAC","sourcesContent":["import { type PropsWithChildren, useEffect, useState } from 'react';\n\nimport type { PConnProps } from '../../../types/PConnProps';\nimport { getComponentFromMap } from '../../../bridge/helpers/sdk_component_map';\n\ninterface AssignmentCardProps extends PConnProps {\n  // If any, enter additional props that only exist on this component\n  actionButtons: any;\n  onButtonPress: any;\n}\n\nexport default function AssignmentCard(props: PropsWithChildren<AssignmentCardProps>) {\n  // Get emitted components from map (so we can get any override that may exist)\n  const ActionButtons = getComponentFromMap('ActionButtons');\n\n  const { children, actionButtons, onButtonPress } = props;\n\n  const [arMainButtons, setArMainButtons] = useState([]);\n  const [arSecondaryButtons, setArSecondaryButtons] = useState([]);\n\n  useEffect(() => {\n    if (actionButtons) {\n      setArMainButtons(actionButtons.main);\n      setArSecondaryButtons(actionButtons.secondary);\n    }\n  }, [actionButtons]);\n\n  function buttonPress(sAction, sType) {\n    onButtonPress(sAction, sType);\n  }\n\n  return (\n    <>\n      {children}\n      {arMainButtons && arSecondaryButtons && (\n        <ActionButtons arMainButtons={arMainButtons} arSecondaryButtons={arSecondaryButtons} onButtonPress={buttonPress} />\n      )}\n    </>\n  );\n}\n"]}

package/lib/components/infra/Containers/FlowContainer/FlowContainer.d.ts

@@ -1,5 +1,4 @@
-/// <reference types="react" />
-import { PConnProps } from '../../../../types/PConnProps';
+import type { PConnProps } from '../../../../types/PConnProps';
 interface FlowContainerProps extends PConnProps {
     pageMessages: any[];
     rootViewElement: React.ReactNode;

package/lib/components/infra/Containers/FlowContainer/FlowContainer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FlowContainer.d.ts","sourceRoot":"","sources":["../../../../../src/components/infra/Containers/FlowContainer/FlowContainer.tsx"],"names":[],"mappings":";AAaA,OAAO,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAC;AAI1D,UAAU,kBAAmB,SAAQ,UAAU;IAE7C,YAAY,EAAE,GAAG,EAAE,CAAC;IACpB,eAAe,EAAE,KAAK,CAAC,SAAS,CAAC;IACjC,gCAAgC,EAAE,QAAQ,CAAC;IAC3C,eAAe,EAAE,MAAM,EAAE,CAAC;IAC1B,qBAAqB,EAAE,MAAM,CAAC;CAC/B;AA6BD,eAAO,MAAM,aAAa,UAAW,kBAAkB,4CAmStD,CAAC;;AAEF,wBAA8D"}
+{"version":3,"file":"FlowContainer.d.ts","sourceRoot":"","sources":["../../../../../src/components/infra/Containers/FlowContainer/FlowContainer.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAC;AAI/D,UAAU,kBAAmB,SAAQ,UAAU;IAE7C,YAAY,EAAE,GAAG,EAAE,CAAC;IACpB,eAAe,EAAE,KAAK,CAAC,SAAS,CAAC;IACjC,gCAAgC,EAAE,QAAQ,CAAC;IAC3C,eAAe,EAAE,MAAM,EAAE,CAAC;IAC1B,qBAAqB,EAAE,MAAM,CAAC;CAC/B;AA6BD,eAAO,MAAM,aAAa,GAAI,OAAO,kBAAkB,4CAsNtD,CAAC;;AAEF,wBAA8D"}

package/lib/components/infra/Containers/FlowContainer/FlowContainer.js

@@ -1,5 +1,4 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/* eslint-disable no-nested-ternary */
 import { useState, useEffect, useContext } from 'react';
 import makeStyles from '@mui/styles/makeStyles';
 import { Alert, Card, CardHeader, Avatar, Typography } from '@mui/material';
@@ -42,7 +41,6 @@ export const FlowContainer = (props) => {
     const ToDo = getComponentFromMap('Todo'); // NOTE: ConstellationJS Engine uses "Todo" and not "ToDo"!!!
     const AlertBanner = getComponentFromMap('AlertBanner');
     const pCoreConstants = PCore.getConstants();
-    const PCoreVersion = PCore.getPCoreVersion();
     const { TODO } = pCoreConstants;
     const todo_headerText = 'To do';
     const { getPConnect: getPConnectOfFlowContainer, pageMessages, rootViewElement, getPConnectOfActiveContainerItem, assignmentNames, activeContainerItemID: itemKey } = props;
@@ -53,6 +51,7 @@ export const FlowContainer = (props) => {
     const getPConnect = getPConnectOfActiveContainerItem || getPConnectOfFlowContainer;
     const thePConn = getPConnect();
     const containerName = assignmentNames && assignmentNames.length > 0 ? assignmentNames[0] : '';
+    const bShowBanner = showBanner(getPConnect);
     // const [init, setInit] = useState(true);
     // const [fcState, setFCState] = useState({ hasError: false });
     const [todo_showTodo, setShowTodo] = useState(false);
@@ -69,11 +68,10 @@ export const FlowContainer = (props) => {
     const [bShowConfirm, setShowConfirm] = useState(false);
     const localizedVal = PCore.getLocaleUtils().getLocaleValue;
     const localeCategory = 'Messages';
-    const key = `${thePConn.getCaseInfo().getClassName()}!CASE!${thePConn.getCaseInfo().getName()}`.toUpperCase();
+    const key = getPConnect()?.getCaseLocaleReference();
     const classes = useStyles();
     function getBuildName() {
         const ourPConn = getPConnect();
-        // let { getPConnect, name } = this.pConn$.pConn;
         const context = ourPConn.getContextName();
         let viewContainerName = ourPConn.getContainerName();
         if (!viewContainerName)
@@ -81,7 +79,7 @@ export const FlowContainer = (props) => {
         return `${context.toUpperCase()}/${viewContainerName.toUpperCase()}`;
     }
     function getTodoVisibility() {
-        const caseViewMode = getPConnect().getValue('context_data.caseViewMode', ''); // 2nd arg empty string until typedefs properly allow optional
+        const caseViewMode = getPConnect().getValue('context_data.caseViewMode');
         if (caseViewMode && caseViewMode === 'review') {
             return true;
         }
@@ -89,12 +87,6 @@ export const FlowContainer = (props) => {
     }
     function initComponent() {
         const ourPConn = getPConnect();
-        // debugging/investigation help
-        // console.log(`${ourPConn.getComponentName()}: children update for main draw`);
-        // const oData = ourPConn.getDataObject();
-        // const activeActionLabel = "";
-        // const child0_getPConnect = arNewChildren[0].getPConnect();
-        // this.templateName$ = this.configProps$["template"];
         // debugger;
         setShowTodo(getTodoVisibility());
         ourPConn.isBoundToState();
@@ -106,62 +98,13 @@ export const FlowContainer = (props) => {
         initComponent();
     }, []);
     useEffect(() => {
-        // @ts-ignore - Property 'getMetadata' is private and only accessible within class 'C11nEnv'
+        // @ts-expect-error - Property 'getMetadata' is private and only accessible within class 'C11nEnv'
         if (isInitialized && pConnectOfFlowContainer.getMetadata().children && !hasItems) {
             // ensuring not to add container items, if container already has items
             // because during multi doc mode, we will have container items already in store
             addContainerItem(pConnectOfFlowContainer);
         }
     }, [isInitialized, hasItems]);
-    function isCaseWideLocalAction() {
-        const ourPConn = getPConnect();
-        const actionID = ourPConn.getValue(pCoreConstants.CASE_INFO.ACTIVE_ACTION_ID, ''); // 2nd arg empty string until typedefs properly allow optional
-        const caseActions = ourPConn.getValue(pCoreConstants.CASE_INFO.AVAILABLEACTIONS, ''); // 2nd arg empty string until typedefs properly allow optional
-        let bCaseWideAction = false;
-        if (caseActions && actionID) {
-            const actionObj = caseActions.find(caseAction => caseAction.ID === actionID);
-            if (actionObj) {
-                bCaseWideAction = actionObj.type === 'Case';
-            }
-        }
-        return bCaseWideAction;
-    }
-    function hasChildCaseAssignments() {
-        const ourPConn = getPConnect();
-        const childCases = ourPConn.getValue(pCoreConstants.CASE_INFO.CHILD_ASSIGNMENTS, ''); // 2nd arg empty string until typedefs properly allow optional
-        // const allAssignments = [];
-        return !!(childCases && childCases.length > 0);
-    }
-    function hasAssignments() {
-        const ourPConn = getPConnect();
-        let bHasAssignments = false;
-        const assignmentsList = ourPConn.getValue(pCoreConstants.CASE_INFO.D_CASE_ASSIGNMENTS_RESULTS, ''); // 2nd arg empty string until typedefs properly allow optional
-        const isEmbedded = window.location.href.includes('embedded');
-        let bAssignmentsForThisOperator = false;
-        // 8.7 includes assignments in Assignments List that may be assigned to
-        //  a different operator. So, see if there are any assignments for
-        //  the current operator
-        if (PCoreVersion?.includes('8.7') || isEmbedded) {
-            const thisOperator = PCore.getEnvironmentInfo().getOperatorIdentifier();
-            for (const assignment of assignmentsList) {
-                if (assignment.assigneeInfo.ID === thisOperator) {
-                    bAssignmentsForThisOperator = true;
-                }
-            }
-        }
-        else {
-            bAssignmentsForThisOperator = true;
-        }
-        // Bail out if there isn't an assignmentsList
-        if (!assignmentsList) {
-            return bHasAssignments;
-        }
-        const bHasChildCaseAssignments = hasChildCaseAssignments();
-        if (bAssignmentsForThisOperator || bHasChildCaseAssignments || isCaseWideLocalAction()) {
-            bHasAssignments = true;
-        }
-        return bHasAssignments;
-    }
     // From SDK-WC updateSelf - so do this in useEffect that's run only when the props change...
     useEffect(() => {
         setBuildName(getBuildName());
@@ -169,27 +112,21 @@ export const FlowContainer = (props) => {
         // let routingInfo = this.getComponentProp("routingInfo");
         let loadingInfo;
         try {
-            loadingInfo = thePConn.getLoadingStatus(''); // 1st arg empty string until typedefs properly allow optional
+            // eslint-disable-next-line @typescript-eslint/no-unused-vars
+            loadingInfo = thePConn.getLoadingStatus();
+            // eslint-disable-next-line @typescript-eslint/no-unused-vars
         }
         catch (ex) {
-            // eslint-disable-next-line no-console
             console.error(`${thePConn.getComponentName()}: loadingInfo catch block`);
         }
-        // let configProps = this.thePConn.resolveConfigProps(this.thePConn.getConfigProps());
-        if (!loadingInfo) {
-            // turn off spinner
-            // this.psService.sendMessage(false);
-        }
-        const caseViewMode = thePConn.getValue('context_data.caseViewMode', ''); // 2nd arg empty string until typedefs properly allow optional
+        const caseViewMode = thePConn.getValue('context_data.caseViewMode');
         const { CASE_INFO: CASE_CONSTS } = pCoreConstants;
         if (caseViewMode && caseViewMode === 'review') {
             setTimeout(() => {
                 // updated for 8.7 - 30-Mar-2022
                 const todoAssignments = getToDoAssignments(thePConn);
-                if (todoAssignments && todoAssignments.length > 0) {
-                    setCaseInfoID(thePConn.getValue(CASE_CONSTS.CASE_INFO_ID, '')); // 2nd arg empty string until typedefs properly allow optional
-                    setTodoDatasource({ source: todoAssignments });
-                }
+                setCaseInfoID(thePConn.getValue(CASE_CONSTS.CASE_INFO_ID));
+                setTodoDatasource({ source: todoAssignments });
                 setShowTodo(true);
                 setShowTodoList(false);
             }, 100);
@@ -200,10 +137,10 @@ export const FlowContainer = (props) => {
             setShowTodo(false);
         }
         // if have caseMessage show message and end
-        const theCaseMessages = localizedVal(thePConn.getValue('caseMessages', ''), localeCategory); // 2nd arg empty string until typedefs properly allow optional
-        // caseMessages's behavior has changed in 24.2, and hence it doesn't let Optional Action work.
-        // Changing the below condition for now. Was: (theCaseMessages || !hasAssignments())
-        if (!hasAssignments()) {
+        const theCaseMessages = localizedVal(thePConn.getValue('caseMessages'), localeCategory);
+        const rootInfo = PCore.getContainerUtils().getContainerItemData(getPConnect().getTarget(), itemKey);
+        const bConfirmView = rootInfo && bShowBanner;
+        if (bConfirmView) {
             // Temp fix for 8.7 change: confirmationNote no longer coming through in caseMessages$.
             // So, if we get here and caseMessages$ is empty, use default value in DX API response
             setCaseMessages(theCaseMessages || localizedVal('Thank you! The next step in this case has been routed appropriately.', localeCategory));
@@ -221,7 +158,6 @@ export const FlowContainer = (props) => {
     const caseId = thePConn.getCaseSummary().content.pyID;
     const urgency = getPConnect().getCaseSummary().assignments ? getPConnect().getCaseSummary().assignments?.[0].urgency : '';
     const operatorInitials = Utils.getInitials(PCore.getEnvironmentInfo().getOperatorName() || '');
-    const bShowBanner = showBanner(getPConnect);
     const displayPageMessages = () => {
         let hasBanner = false;
         const messages = pageMessages ? pageMessages.map(msg => localizedVal(msg.message, 'Messages')) : pageMessages;
@@ -229,7 +165,7 @@ export const FlowContainer = (props) => {
         return hasBanner && _jsx(AlertBanner, { id: 'flowContainerBanner', variant: 'urgent', messages: messages });
     };
     return (_jsxs("div", { style: { textAlign: 'left' }, id: buildName, className: 'psdk-flow-container-top', children: [!bShowConfirm &&
-                (!todo_showTodo ? (!displayOnlyFA ? (_jsxs(Card, { className: `${classes.root} psdk-root`, children: [_jsx(CardHeader, { id: 'assignment-header', title: _jsx(Typography, { variant: 'h6', children: localizedVal(containerName, undefined, key) }), subheader: `${localizedVal('Task in', 'Todo')} ${caseId} \u2022 ${localizedVal('Priority', 'Todo')} ${urgency}`, avatar: _jsx(Avatar, { className: `${classes.avatar} psdk-avatar`, children: operatorInitials }) }), displayPageMessages(), _jsx(LocalizationProvider, { dateAdapter: AdapterDayjs, children: _jsx(Assignment, { getPConnect: getPConnect, itemKey: itemKey, children: rootViewElement }) })] })) : (_jsxs(Card, { className: `${classes.root} psdk-root`, children: [_jsx(Typography, { variant: 'h6', children: localizedVal(containerName, undefined, key) }), displayPageMessages(), _jsx(LocalizationProvider, { dateAdapter: AdapterDayjs, children: _jsx(Assignment, { getPConnect: getPConnect, itemKey: itemKey, children: rootViewElement }) })] }))) : (_jsx("div", { children: _jsx(ToDo, { getPConnect: getPConnect, caseInfoID: todo_caseInfoID, datasource: todo_datasource, showTodoList: todo_showTodoList, headerText: todo_headerText, type: TODO, context: todo_context, itemKey: itemKey, isConfirm: true }, Math.random()) }))), bHasCaseMessages && (_jsx("div", { className: `${classes.alert} psdk-alert`, children: _jsx(Alert, { severity: 'success', children: caseMessages }) })), bShowConfirm && bShowBanner && _jsx("div", { children: rootViewElement })] }));
+                (!todo_showTodo ? (!displayOnlyFA ? (_jsxs(Card, { className: `${classes.root} psdk-root`, children: [_jsx(CardHeader, { id: 'assignment-header', title: _jsx(Typography, { variant: 'h6', children: localizedVal(containerName, undefined, key) }), subheader: `${localizedVal('In', 'Todo')} ${caseId} \u2022 ${localizedVal('Priority', 'Todo')} ${urgency}`, avatar: _jsx(Avatar, { className: `${classes.avatar} psdk-avatar`, children: operatorInitials }) }), displayPageMessages(), _jsx(LocalizationProvider, { dateAdapter: AdapterDayjs, children: _jsx(Assignment, { getPConnect: getPConnect, itemKey: itemKey, children: rootViewElement }) })] })) : (_jsxs(Card, { className: `${classes.root} psdk-root`, children: [_jsx(Typography, { variant: 'h6', children: localizedVal(containerName, undefined, key) }), displayPageMessages(), _jsx(LocalizationProvider, { dateAdapter: AdapterDayjs, children: _jsx(Assignment, { getPConnect: getPConnect, itemKey: itemKey, children: rootViewElement }) })] }))) : (_jsx("div", { children: _jsx(ToDo, { getPConnect: getPConnect, caseInfoID: todo_caseInfoID, datasource: todo_datasource, showTodoList: todo_showTodoList, headerText: todo_headerText, type: TODO, context: todo_context, itemKey: itemKey, isConfirm: true }, Math.random()) }))), bHasCaseMessages && (_jsx("div", { className: `${classes.alert} psdk-alert`, children: _jsx(Alert, { severity: 'success', children: caseMessages }) })), bShowConfirm && bShowBanner && _jsx("div", { children: rootViewElement })] }));
 };
 export default withSimpleViewContainerRenderer(FlowContainer);
 //# sourceMappingURL=FlowContainer.js.map